[{"id":"/root","type":"ROOT","loc":{"start":0,"end":70982,"column":{"s":0,"e":146},"line":{"s":0,"e":1139}},"dim":[""],"code":null},{"id":"/root/children/0","type":"paragraph","loc":{"start":0,"end":77,"line":{"s":1,"e":1,"code":[";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }"]},"column":{"s":0,"e":77}},"dim":["","paragraph.0"],"code":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }"},{"id":"/root/children/0/children/0","type":"text","loc":{"start":0,"end":77,"line":{"s":1,"e":1,"code":[";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }"]},"column":{"s":0,"e":77}},"dim":["","paragraph.0","text.0"],"code":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }"},{"id":"/root/children/1","type":"heading","loc":{"start":79,"end":111,"line":{"s":3,"e":3,"code":["# player.js - Analysis & Summary"]},"column":{"s":0,"e":32}},"dim":["","heading.1"],"code":"# player.js - Analysis & Summary","symbName":"heading","symbRange":[113,70981],"symbRangeL":[3,4],"outerCode":"","outerHtml":""},{"id":"/root/children/1/children/0","type":"text","loc":{"start":81,"end":111,"line":{"s":3,"e":3,"code":["# player.js - Analysis & Summary"]},"column":{"s":2,"e":32}},"dim":["","heading.1","text.0"],"code":"player.js - Analysis & Summary"},{"id":"/root/children/2","type":"heading","loc":{"start":113,"end":124,"line":{"s":5,"e":5,"code":["## Overview"]},"column":{"s":0,"e":11}},"dim":["","heading.2"],"code":"## Overview","symbName":"heading","symbRange":[126,468],"symbRangeL":[5,10],"outerCode":"\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.","outerHtml":"\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
"},{"id":"/root/children/2/children/0","type":"text","loc":{"start":116,"end":124,"line":{"s":5,"e":5,"code":["## Overview"]},"column":{"s":3,"e":11}},"dim":["","heading.2","text.0"],"code":"Overview"},{"id":"/root/children/3","type":"paragraph","loc":{"start":126,"end":380,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":0,"e":254}},"dim":["","paragraph.3"],"code":"`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."},{"id":"/root/children/3/children/0","type":"inlineCode","loc":{"start":126,"end":137,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":0,"e":11}},"dim":["","paragraph.3","inlineCode.0"],"code":"`player.js`"},{"id":"/root/children/3/children/1","type":"text","loc":{"start":137,"end":170,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":11,"e":44}},"dim":["","paragraph.3","text.1"],"code":" is the main orchestrator of the "},{"id":"/root/children/3/children/2","type":"strong","loc":{"start":170,"end":192,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":44,"e":66}},"dim":["","paragraph.3","strong.2"],"code":"**repolero-prototype**"},{"id":"/root/children/3/children/2/children/0","type":"text","loc":{"start":172,"end":190,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":46,"e":64}},"dim":["","paragraph.3","strong.2","text.0"],"code":"repolero-prototype"},{"id":"/root/children/3/children/3","type":"text","loc":{"start":192,"end":289,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":66,"e":163}},"dim":["","paragraph.3","text.3"],"code":" app (~3600 lines). It is a single-page application with hash-based routing, four visual layers ("},{"id":"/root/children/3/children/4","type":"strong","loc":{"start":289,"end":298,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":163,"e":172}},"dim":["","paragraph.3","strong.4"],"code":"**glass**"},{"id":"/root/children/3/children/4/children/0","type":"text","loc":{"start":291,"end":296,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":165,"e":170}},"dim":["","paragraph.3","strong.4","text.0"],"code":"glass"},{"id":"/root/children/3/children/5","type":"text","loc":{"start":298,"end":300,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":172,"e":174}},"dim":["","paragraph.3","text.5"],"code":", "},{"id":"/root/children/3/children/6","type":"strong","loc":{"start":300,"end":309,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":174,"e":183}},"dim":["","paragraph.3","strong.6"],"code":"**paper**"},{"id":"/root/children/3/children/6/children/0","type":"text","loc":{"start":302,"end":307,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":176,"e":181}},"dim":["","paragraph.3","strong.6","text.0"],"code":"paper"},{"id":"/root/children/3/children/7","type":"text","loc":{"start":309,"end":311,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":183,"e":185}},"dim":["","paragraph.3","text.7"],"code":", "},{"id":"/root/children/3/children/8","type":"strong","loc":{"start":311,"end":320,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":185,"e":194}},"dim":["","paragraph.3","strong.8"],"code":"**space**"},{"id":"/root/children/3/children/8/children/0","type":"text","loc":{"start":313,"end":318,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":187,"e":192}},"dim":["","paragraph.3","strong.8","text.0"],"code":"space"},{"id":"/root/children/3/children/9","type":"text","loc":{"start":320,"end":322,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":194,"e":196}},"dim":["","paragraph.3","text.9"],"code":", "},{"id":"/root/children/3/children/10","type":"strong","loc":{"start":322,"end":330,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":196,"e":204}},"dim":["","paragraph.3","strong.10"],"code":"**edit**"},{"id":"/root/children/3/children/10/children/0","type":"text","loc":{"start":324,"end":328,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":198,"e":202}},"dim":["","paragraph.3","strong.10","text.0"],"code":"edit"},{"id":"/root/children/3/children/11","type":"text","loc":{"start":330,"end":380,"line":{"s":7,"e":7,"code":["`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ."]},"column":{"s":204,"e":254}},"dim":["","paragraph.3","text.11"],"code":"), and real-time collaboration via STOMP/RabbitMQ."},{"id":"/root/children/4","type":"paragraph","loc":{"start":382,"end":468,"line":{"s":9,"e":9,"code":["The HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive."]},"column":{"s":0,"e":86}},"dim":["","paragraph.4"],"code":"The HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive."},{"id":"/root/children/4/children/0","type":"text","loc":{"start":382,"end":398,"line":{"s":9,"e":9,"code":["The HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive."]},"column":{"s":0,"e":16}},"dim":["","paragraph.4","text.0"],"code":"The HTML shell ("},{"id":"/root/children/4/children/1","type":"inlineCode","loc":{"start":398,"end":412,"line":{"s":9,"e":9,"code":["The HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive."]},"column":{"s":16,"e":30}},"dim":["","paragraph.4","inlineCode.1"],"code":"`view.jq.html`"},{"id":"/root/children/4/children/2","type":"text","loc":{"start":412,"end":440,"line":{"s":9,"e":9,"code":["The HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive."]},"column":{"s":30,"e":58}},"dim":["","paragraph.4","text.2"],"code":") defines the DOM skeleton. "},{"id":"/root/children/4/children/3","type":"inlineCode","loc":{"start":440,"end":451,"line":{"s":9,"e":9,"code":["The HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive."]},"column":{"s":58,"e":69}},"dim":["","paragraph.4","inlineCode.3"],"code":"`player.js`"},{"id":"/root/children/4/children/4","type":"text","loc":{"start":451,"end":468,"line":{"s":9,"e":9,"code":["The HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive."]},"column":{"s":69,"e":86}},"dim":["","paragraph.4","text.4"],"code":" brings it alive."},{"id":"/root/children/5","type":"heading","loc":{"start":470,"end":534,"line":{"s":11,"e":11,"code":["## repolero-prototype — UI concept (from repolero-prototype.mdd)"]},"column":{"s":0,"e":64}},"dim":["","heading.5"],"code":"## repolero-prototype — UI concept (from repolero-prototype.mdd)","symbName":"heading","symbRange":[536,70981],"symbRangeL":[11,12],"outerCode":"","outerHtml":""},{"id":"/root/children/5/children/0","type":"text","loc":{"start":473,"end":534,"line":{"s":11,"e":11,"code":["## repolero-prototype — UI concept (from repolero-prototype.mdd)"]},"column":{"s":3,"e":64}},"dim":["","heading.5","text.0"],"code":"repolero-prototype — UI concept (from repolero-prototype.mdd)"},{"id":"/root/children/6","type":"heading","loc":{"start":536,"end":557,"line":{"s":13,"e":13,"code":["### Design principles"]},"column":{"s":0,"e":21}},"dim":["","heading.6"],"code":"### Design principles","symbName":"heading","symbRange":[559,759],"symbRangeL":[13,18],"outerCode":"\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE","outerHtml":"\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEMouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization "},{"id":"/root/children/7/children/0","type":"listItem","loc":{"start":559,"end":600,"line":{"s":15,"e":15,"code":["- **Minimal layout** (water.css-inspired)"]},"column":{"s":0,"e":41}},"dim":["","list.7","listItem.0"],"code":"- **Minimal layout** (water.css-inspired)"},{"id":"/root/children/7/children/0/children/0","type":"paragraph","loc":{"start":561,"end":600,"line":{"s":15,"e":15,"code":["- **Minimal layout** (water.css-inspired)"]},"column":{"s":2,"e":41}},"dim":["","list.7","listItem.0","paragraph.0"],"code":"**Minimal layout** (water.css-inspired)"},{"id":"/root/children/7/children/0/children/0/children/0","type":"strong","loc":{"start":561,"end":579,"line":{"s":15,"e":15,"code":["- **Minimal layout** (water.css-inspired)"]},"column":{"s":2,"e":20}},"dim":["","list.7","listItem.0","paragraph.0","strong.0"],"code":"**Minimal layout**"},{"id":"/root/children/7/children/0/children/0/children/0/children/0","type":"text","loc":{"start":563,"end":577,"line":{"s":15,"e":15,"code":["- **Minimal layout** (water.css-inspired)"]},"column":{"s":4,"e":18}},"dim":["","list.7","listItem.0","paragraph.0","strong.0","text.0"],"code":"Minimal layout"},{"id":"/root/children/7/children/0/children/0/children/1","type":"text","loc":{"start":579,"end":600,"line":{"s":15,"e":15,"code":["- **Minimal layout** (water.css-inspired)"]},"column":{"s":20,"e":41}},"dim":["","list.7","listItem.0","paragraph.0","text.1"],"code":" (water.css-inspired)"},{"id":"/root/children/7/children/1","type":"listItem","loc":{"start":601,"end":646,"line":{"s":16,"e":16,"code":["- **Mouse-less interaction** — keyboard-first"]},"column":{"s":0,"e":45}},"dim":["","list.7","listItem.1"],"code":"- **Mouse-less interaction** — keyboard-first"},{"id":"/root/children/7/children/1/children/0","type":"paragraph","loc":{"start":603,"end":646,"line":{"s":16,"e":16,"code":["- **Mouse-less interaction** — keyboard-first"]},"column":{"s":2,"e":45}},"dim":["","list.7","listItem.1","paragraph.0"],"code":"**Mouse-less interaction** — keyboard-first"},{"id":"/root/children/7/children/1/children/0/children/0","type":"strong","loc":{"start":603,"end":629,"line":{"s":16,"e":16,"code":["- **Mouse-less interaction** — keyboard-first"]},"column":{"s":2,"e":28}},"dim":["","list.7","listItem.1","paragraph.0","strong.0"],"code":"**Mouse-less interaction**"},{"id":"/root/children/7/children/1/children/0/children/0/children/0","type":"text","loc":{"start":605,"end":627,"line":{"s":16,"e":16,"code":["- **Mouse-less interaction** — keyboard-first"]},"column":{"s":4,"e":26}},"dim":["","list.7","listItem.1","paragraph.0","strong.0","text.0"],"code":"Mouse-less interaction"},{"id":"/root/children/7/children/1/children/0/children/1","type":"text","loc":{"start":629,"end":646,"line":{"s":16,"e":16,"code":["- **Mouse-less interaction** — keyboard-first"]},"column":{"s":28,"e":45}},"dim":["","list.7","listItem.1","paragraph.0","text.1"],"code":" — keyboard-first"},{"id":"/root/children/7/children/2","type":"listItem","loc":{"start":647,"end":759,"line":{"s":17,"e":17,"code":["- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE"]},"column":{"s":0,"e":112}},"dim":["","list.7","listItem.2"],"code":"- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE"},{"id":"/root/children/7/children/2/children/0","type":"paragraph","loc":{"start":649,"end":759,"line":{"s":17,"e":17,"code":["- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE"]},"column":{"s":2,"e":112}},"dim":["","list.7","listItem.2","paragraph.0"],"code":"**Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE"},{"id":"/root/children/7/children/2/children/0/children/0","type":"strong","loc":{"start":649,"end":708,"line":{"s":17,"e":17,"code":["- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE"]},"column":{"s":2,"e":61}},"dim":["","list.7","listItem.2","paragraph.0","strong.0"],"code":"**Keyboard shortcuts follow key ergonomics, not semantics**"},{"id":"/root/children/7/children/2/children/0/children/0/children/0","type":"text","loc":{"start":651,"end":706,"line":{"s":17,"e":17,"code":["- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE"]},"column":{"s":4,"e":59}},"dim":["","list.7","listItem.2","paragraph.0","strong.0","text.0"],"code":"Keyboard shortcuts follow key ergonomics, not semantics"},{"id":"/root/children/7/children/2/children/0/children/1","type":"text","loc":{"start":708,"end":759,"line":{"s":17,"e":17,"code":["- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE"]},"column":{"s":61,"e":112}},"dim":["","list.7","listItem.2","paragraph.0","text.1"],"code":" — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE"},{"id":"/root/children/8","type":"heading","loc":{"start":761,"end":777,"line":{"s":19,"e":19,"code":["### Three layers"]},"column":{"s":0,"e":16}},"dim":["","heading.8"],"code":"### Three layers","symbName":"heading","symbRange":[779,1390],"symbRangeL":[19,27],"outerCode":"\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |","outerHtml":"\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
"},{"id":"/root/children/8/children/0","type":"text","loc":{"start":765,"end":777,"line":{"s":19,"e":19,"code":["### Three layers"]},"column":{"s":4,"e":16}},"dim":["","heading.8","text.0"],"code":"Three layers"},{"id":"/root/children/9","type":"paragraph","loc":{"start":779,"end":1390,"line":{"s":21,"e":26,"code":["| Layer | Purpose | Implementation |","| ---------- | ----------------------------------- | ---------------------------------------------- |","| **space** | Map view | player/map-show.js (OpenLayers) |","| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |","| **editor** | Edit content | codeditor.js (CodeMirror 6) |","| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |"]},"column":{"s":0,"e":101}},"dim":["","paragraph.9"],"code":"| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |"},{"id":"/root/children/9/children/0","type":"text","loc":{"start":779,"end":985,"line":{"s":21,"e":23,"code":["| Layer | Purpose | Implementation |","| ---------- | ----------------------------------- | ---------------------------------------------- |","| **space** | Map view | player/map-show.js (OpenLayers) |"]},"column":{"s":0,"e":2}},"dim":["","paragraph.9","text.0"],"code":"| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| "},{"id":"/root/children/9/children/1","type":"strong","loc":{"start":985,"end":994,"line":{"s":23,"e":23,"code":["| **space** | Map view | player/map-show.js (OpenLayers) |"]},"column":{"s":2,"e":11}},"dim":["","paragraph.9","strong.1"],"code":"**space**"},{"id":"/root/children/9/children/1/children/0","type":"text","loc":{"start":987,"end":992,"line":{"s":23,"e":23,"code":["| **space** | Map view | player/map-show.js (OpenLayers) |"]},"column":{"s":4,"e":9}},"dim":["","paragraph.9","strong.1","text.0"],"code":"space"},{"id":"/root/children/9/children/2","type":"text","loc":{"start":994,"end":1087,"line":{"s":23,"e":24,"code":["| **space** | Map view | player/map-show.js (OpenLayers) |","| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |"]},"column":{"s":11,"e":2}},"dim":["","paragraph.9","text.2"],"code":" | Map view | player/map-show.js (OpenLayers) |\n| "},{"id":"/root/children/9/children/3","type":"strong","loc":{"start":1087,"end":1096,"line":{"s":24,"e":24,"code":["| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |"]},"column":{"s":2,"e":11}},"dim":["","paragraph.9","strong.3"],"code":"**paper**"},{"id":"/root/children/9/children/3/children/0","type":"text","loc":{"start":1089,"end":1094,"line":{"s":24,"e":24,"code":["| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |"]},"column":{"s":4,"e":9}},"dim":["","paragraph.9","strong.3","text.0"],"code":"paper"},{"id":"/root/children/9/children/4","type":"text","loc":{"start":1096,"end":1189,"line":{"s":24,"e":25,"code":["| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |","| **editor** | Edit content | codeditor.js (CodeMirror 6) |"]},"column":{"s":11,"e":2}},"dim":["","paragraph.9","text.4"],"code":" | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| "},{"id":"/root/children/9/children/5","type":"strong","loc":{"start":1189,"end":1199,"line":{"s":25,"e":25,"code":["| **editor** | Edit content | codeditor.js (CodeMirror 6) |"]},"column":{"s":2,"e":12}},"dim":["","paragraph.9","strong.5"],"code":"**editor**"},{"id":"/root/children/9/children/5/children/0","type":"text","loc":{"start":1191,"end":1197,"line":{"s":25,"e":25,"code":["| **editor** | Edit content | codeditor.js (CodeMirror 6) |"]},"column":{"s":4,"e":10}},"dim":["","paragraph.9","strong.5","text.0"],"code":"editor"},{"id":"/root/children/9/children/6","type":"text","loc":{"start":1199,"end":1291,"line":{"s":25,"e":26,"code":["| **editor** | Edit content | codeditor.js (CodeMirror 6) |","| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |"]},"column":{"s":12,"e":2}},"dim":["","paragraph.9","text.6"],"code":" | Edit content | codeditor.js (CodeMirror 6) |\n| "},{"id":"/root/children/9/children/7","type":"strong","loc":{"start":1291,"end":1300,"line":{"s":26,"e":26,"code":["| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |"]},"column":{"s":2,"e":11}},"dim":["","paragraph.9","strong.7"],"code":"**glass**"},{"id":"/root/children/9/children/7/children/0","type":"text","loc":{"start":1293,"end":1298,"line":{"s":26,"e":26,"code":["| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |"]},"column":{"s":4,"e":9}},"dim":["","paragraph.9","strong.7","text.0"],"code":"glass"},{"id":"/root/children/9/children/8","type":"text","loc":{"start":1300,"end":1390,"line":{"s":26,"e":26,"code":["| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |"]},"column":{"s":11,"e":101}},"dim":["","paragraph.9","text.8"],"code":" | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |"},{"id":"/root/children/10","type":"heading","loc":{"start":1392,"end":1415,"line":{"s":28,"e":28,"code":["### Glass menu selector"]},"column":{"s":0,"e":23}},"dim":["","heading.10"],"code":"### Glass menu selector","symbName":"heading","symbRange":[1417,1499],"symbRangeL":[28,31],"outerCode":"\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete","outerHtml":"\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
"},{"id":"/root/children/10/children/0","type":"text","loc":{"start":1396,"end":1415,"line":{"s":28,"e":28,"code":["### Glass menu selector"]},"column":{"s":4,"e":23}},"dim":["","heading.10","text.0"],"code":"Glass menu selector"},{"id":"/root/children/11","type":"paragraph","loc":{"start":1417,"end":1499,"line":{"s":30,"e":30,"code":["Uses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete"]},"column":{"s":0,"e":82}},"dim":["","paragraph.11"],"code":"Uses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete"},{"id":"/root/children/11/children/0","type":"text","loc":{"start":1417,"end":1499,"line":{"s":30,"e":30,"code":["Uses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete"]},"column":{"s":0,"e":82}},"dim":["","paragraph.11","text.0"],"code":"Uses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete"},{"id":"/root/children/12","type":"heading","loc":{"start":1501,"end":1518,"line":{"s":32,"e":32,"code":["### Visualization"]},"column":{"s":0,"e":17}},"dim":["","heading.12"],"code":"### Visualization","symbName":"heading","symbRange":[1520,1662],"symbRangeL":[32,36],"outerCode":"\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)","outerHtml":"\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)D3 : hierarchy pack, message sequence chart (rc page)Data dynamics "},{"id":"/root/children/13/children/0","type":"listItem","loc":{"start":1520,"end":1603,"line":{"s":34,"e":34,"code":["- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap"]},"column":{"s":0,"e":83}},"dim":["","list.13","listItem.0"],"code":"- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap"},{"id":"/root/children/13/children/0/children/0","type":"paragraph","loc":{"start":1522,"end":1603,"line":{"s":34,"e":34,"code":["- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap"]},"column":{"s":2,"e":83}},"dim":["","list.13","listItem.0","paragraph.0"],"code":"**Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap"},{"id":"/root/children/13/children/0/children/0/children/0","type":"strong","loc":{"start":1522,"end":1535,"line":{"s":34,"e":34,"code":["- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap"]},"column":{"s":2,"e":15}},"dim":["","list.13","listItem.0","paragraph.0","strong.0"],"code":"**Vega-Lite**"},{"id":"/root/children/13/children/0/children/0/children/0/children/0","type":"text","loc":{"start":1524,"end":1533,"line":{"s":34,"e":34,"code":["- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap"]},"column":{"s":4,"e":13}},"dim":["","list.13","listItem.0","paragraph.0","strong.0","text.0"],"code":"Vega-Lite"},{"id":"/root/children/13/children/0/children/0/children/1","type":"text","loc":{"start":1535,"end":1603,"line":{"s":34,"e":34,"code":["- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap"]},"column":{"s":15,"e":83}},"dim":["","list.13","listItem.0","paragraph.0","text.1"],"code":": parallel coords, word cloud, radar, radial tree, calendar, heatmap"},{"id":"/root/children/13/children/1","type":"listItem","loc":{"start":1604,"end":1662,"line":{"s":35,"e":35,"code":["- **D3**: hierarchy pack, message sequence chart (rc page)"]},"column":{"s":0,"e":58}},"dim":["","list.13","listItem.1"],"code":"- **D3**: hierarchy pack, message sequence chart (rc page)"},{"id":"/root/children/13/children/1/children/0","type":"paragraph","loc":{"start":1606,"end":1662,"line":{"s":35,"e":35,"code":["- **D3**: hierarchy pack, message sequence chart (rc page)"]},"column":{"s":2,"e":58}},"dim":["","list.13","listItem.1","paragraph.0"],"code":"**D3**: hierarchy pack, message sequence chart (rc page)"},{"id":"/root/children/13/children/1/children/0/children/0","type":"strong","loc":{"start":1606,"end":1612,"line":{"s":35,"e":35,"code":["- **D3**: hierarchy pack, message sequence chart (rc page)"]},"column":{"s":2,"e":8}},"dim":["","list.13","listItem.1","paragraph.0","strong.0"],"code":"**D3**"},{"id":"/root/children/13/children/1/children/0/children/0/children/0","type":"text","loc":{"start":1608,"end":1610,"line":{"s":35,"e":35,"code":["- **D3**: hierarchy pack, message sequence chart (rc page)"]},"column":{"s":4,"e":6}},"dim":["","list.13","listItem.1","paragraph.0","strong.0","text.0"],"code":"D3"},{"id":"/root/children/13/children/1/children/0/children/1","type":"text","loc":{"start":1612,"end":1662,"line":{"s":35,"e":35,"code":["- **D3**: hierarchy pack, message sequence chart (rc page)"]},"column":{"s":8,"e":58}},"dim":["","list.13","listItem.1","paragraph.0","text.1"],"code":": hierarchy pack, message sequence chart (rc page)"},{"id":"/root/children/14","type":"heading","loc":{"start":1664,"end":1681,"line":{"s":37,"e":37,"code":["### Data dynamics"]},"column":{"s":0,"e":17}},"dim":["","heading.14"],"code":"### Data dynamics","symbName":"heading","symbRange":[1683,1831],"symbRangeL":[37,42],"outerCode":"\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)","outerHtml":"\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks "},{"id":"/root/children/15/children/0","type":"listItem","loc":{"start":1683,"end":1730,"line":{"s":39,"e":39,"code":["- Webhooks: repo-sync, map-show tile generation"]},"column":{"s":0,"e":47}},"dim":["","list.15","listItem.0"],"code":"- Webhooks: repo-sync, map-show tile generation"},{"id":"/root/children/15/children/0/children/0","type":"paragraph","loc":{"start":1685,"end":1730,"line":{"s":39,"e":39,"code":["- Webhooks: repo-sync, map-show tile generation"]},"column":{"s":2,"e":47}},"dim":["","list.15","listItem.0","paragraph.0"],"code":"Webhooks: repo-sync, map-show tile generation"},{"id":"/root/children/15/children/0/children/0/children/0","type":"text","loc":{"start":1685,"end":1730,"line":{"s":39,"e":39,"code":["- Webhooks: repo-sync, map-show tile generation"]},"column":{"s":2,"e":47}},"dim":["","list.15","listItem.0","paragraph.0","text.0"],"code":"Webhooks: repo-sync, map-show tile generation"},{"id":"/root/children/15/children/1","type":"listItem","loc":{"start":1731,"end":1756,"line":{"s":40,"e":40,"code":["- Portlets concept (TODO)"]},"column":{"s":0,"e":25}},"dim":["","list.15","listItem.1"],"code":"- Portlets concept (TODO)"},{"id":"/root/children/15/children/1/children/0","type":"paragraph","loc":{"start":1733,"end":1756,"line":{"s":40,"e":40,"code":["- Portlets concept (TODO)"]},"column":{"s":2,"e":25}},"dim":["","list.15","listItem.1","paragraph.0"],"code":"Portlets concept (TODO)"},{"id":"/root/children/15/children/1/children/0/children/0","type":"text","loc":{"start":1733,"end":1756,"line":{"s":40,"e":40,"code":["- Portlets concept (TODO)"]},"column":{"s":2,"e":25}},"dim":["","list.15","listItem.1","paragraph.0","text.0"],"code":"Portlets concept (TODO)"},{"id":"/root/children/15/children/2","type":"listItem","loc":{"start":1757,"end":1831,"line":{"s":41,"e":41,"code":["- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)"]},"column":{"s":0,"e":74}},"dim":["","list.15","listItem.2"],"code":"- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)"},{"id":"/root/children/15/children/2/children/0","type":"paragraph","loc":{"start":1759,"end":1831,"line":{"s":41,"e":41,"code":["- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)"]},"column":{"s":2,"e":74}},"dim":["","list.15","listItem.2","paragraph.0"],"code":"Singularity/plurarity: repolero subsystem of fragments and stages (TODO)"},{"id":"/root/children/15/children/2/children/0/children/0","type":"text","loc":{"start":1759,"end":1831,"line":{"s":41,"e":41,"code":["- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)"]},"column":{"s":2,"e":74}},"dim":["","list.15","listItem.2","paragraph.0","text.0"],"code":"Singularity/plurarity: repolero subsystem of fragments and stages (TODO)"},{"id":"/root/children/16","type":"heading","loc":{"start":1833,"end":1846,"line":{"s":43,"e":43,"code":["### UI tricks"]},"column":{"s":0,"e":13}},"dim":["","heading.16"],"code":"### UI tricks","symbName":"heading","symbRange":[1848,1895],"symbRangeL":[43,47],"outerCode":"\n- tippy.js for tooltips\n- icomoon icons as font","outerHtml":"\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples "},{"id":"/root/children/17/children/0","type":"listItem","loc":{"start":1848,"end":1871,"line":{"s":45,"e":45,"code":["- tippy.js for tooltips"]},"column":{"s":0,"e":23}},"dim":["","list.17","listItem.0"],"code":"- tippy.js for tooltips"},{"id":"/root/children/17/children/0/children/0","type":"paragraph","loc":{"start":1850,"end":1871,"line":{"s":45,"e":45,"code":["- tippy.js for tooltips"]},"column":{"s":2,"e":23}},"dim":["","list.17","listItem.0","paragraph.0"],"code":"tippy.js for tooltips"},{"id":"/root/children/17/children/0/children/0/children/0","type":"text","loc":{"start":1850,"end":1871,"line":{"s":45,"e":45,"code":["- tippy.js for tooltips"]},"column":{"s":2,"e":23}},"dim":["","list.17","listItem.0","paragraph.0","text.0"],"code":"tippy.js for tooltips"},{"id":"/root/children/17/children/1","type":"listItem","loc":{"start":1872,"end":1895,"line":{"s":46,"e":46,"code":["- icomoon icons as font"]},"column":{"s":0,"e":23}},"dim":["","list.17","listItem.1"],"code":"- icomoon icons as font"},{"id":"/root/children/17/children/1/children/0","type":"paragraph","loc":{"start":1874,"end":1895,"line":{"s":46,"e":46,"code":["- icomoon icons as font"]},"column":{"s":2,"e":23}},"dim":["","list.17","listItem.1","paragraph.0"],"code":"icomoon icons as font"},{"id":"/root/children/17/children/1/children/0/children/0","type":"text","loc":{"start":1874,"end":1895,"line":{"s":46,"e":46,"code":["- icomoon icons as font"]},"column":{"s":2,"e":23}},"dim":["","list.17","listItem.1","paragraph.0","text.0"],"code":"icomoon icons as font"},{"id":"/root/children/18","type":"heading","loc":{"start":1897,"end":1941,"line":{"s":48,"e":48,"code":["## ssss — super simple static site generator"]},"column":{"s":0,"e":44}},"dim":["","heading.18"],"code":"## ssss — super simple static site generator","symbName":"heading","symbRange":[1943,2017],"symbRangeL":[48,51],"outerCode":"\nrepolero-prototype is built with **ssss**, a custom static site generator.","outerHtml":"\nrepolero-prototype is built with ssss , a custom static site generator.
"},{"id":"/root/children/18/children/0","type":"text","loc":{"start":1900,"end":1941,"line":{"s":48,"e":48,"code":["## ssss — super simple static site generator"]},"column":{"s":3,"e":44}},"dim":["","heading.18","text.0"],"code":"ssss — super simple static site generator"},{"id":"/root/children/19","type":"paragraph","loc":{"start":1943,"end":2017,"line":{"s":50,"e":50,"code":["repolero-prototype is built with **ssss**, a custom static site generator."]},"column":{"s":0,"e":74}},"dim":["","paragraph.19"],"code":"repolero-prototype is built with **ssss**, a custom static site generator."},{"id":"/root/children/19/children/0","type":"text","loc":{"start":1943,"end":1976,"line":{"s":50,"e":50,"code":["repolero-prototype is built with **ssss**, a custom static site generator."]},"column":{"s":0,"e":33}},"dim":["","paragraph.19","text.0"],"code":"repolero-prototype is built with "},{"id":"/root/children/19/children/1","type":"strong","loc":{"start":1976,"end":1984,"line":{"s":50,"e":50,"code":["repolero-prototype is built with **ssss**, a custom static site generator."]},"column":{"s":33,"e":41}},"dim":["","paragraph.19","strong.1"],"code":"**ssss**"},{"id":"/root/children/19/children/1/children/0","type":"text","loc":{"start":1978,"end":1982,"line":{"s":50,"e":50,"code":["repolero-prototype is built with **ssss**, a custom static site generator."]},"column":{"s":35,"e":39}},"dim":["","paragraph.19","strong.1","text.0"],"code":"ssss"},{"id":"/root/children/19/children/2","type":"text","loc":{"start":1984,"end":2017,"line":{"s":50,"e":50,"code":["repolero-prototype is built with **ssss**, a custom static site generator."]},"column":{"s":41,"e":74}},"dim":["","paragraph.19","text.2"],"code":", a custom static site generator."},{"id":"/root/children/20","type":"heading","loc":{"start":2019,"end":2033,"line":{"s":52,"e":52,"code":["### Principles"]},"column":{"s":0,"e":14}},"dim":["","heading.20"],"code":"### Principles","symbName":"heading","symbRange":[2035,2261],"symbRangeL":[52,56],"outerCode":"\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`","outerHtml":"\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`JSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
"},{"id":"/root/children/21/children/0","type":"listItem","loc":{"start":2035,"end":2129,"line":{"s":54,"e":54,"code":["- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment"]},"column":{"s":0,"e":94}},"dim":["","list.21","listItem.0"],"code":"- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment"},{"id":"/root/children/21/children/0/children/0","type":"paragraph","loc":{"start":2037,"end":2129,"line":{"s":54,"e":54,"code":["- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment"]},"column":{"s":2,"e":94}},"dim":["","list.21","listItem.0","paragraph.0"],"code":"**Petri-net flow**: many sources flow into one output, many outputs flow into one deployment"},{"id":"/root/children/21/children/0/children/0/children/0","type":"strong","loc":{"start":2037,"end":2055,"line":{"s":54,"e":54,"code":["- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment"]},"column":{"s":2,"e":20}},"dim":["","list.21","listItem.0","paragraph.0","strong.0"],"code":"**Petri-net flow**"},{"id":"/root/children/21/children/0/children/0/children/0/children/0","type":"text","loc":{"start":2039,"end":2053,"line":{"s":54,"e":54,"code":["- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment"]},"column":{"s":4,"e":18}},"dim":["","list.21","listItem.0","paragraph.0","strong.0","text.0"],"code":"Petri-net flow"},{"id":"/root/children/21/children/0/children/0/children/1","type":"text","loc":{"start":2055,"end":2129,"line":{"s":54,"e":54,"code":["- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment"]},"column":{"s":20,"e":94}},"dim":["","list.21","listItem.0","paragraph.0","text.1"],"code":": many sources flow into one output, many outputs flow into one deployment"},{"id":"/root/children/21/children/1","type":"listItem","loc":{"start":2130,"end":2261,"line":{"s":55,"e":55,"code":["- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"]},"column":{"s":0,"e":131}},"dim":["","list.21","listItem.1"],"code":"- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"},{"id":"/root/children/21/children/1/children/0","type":"paragraph","loc":{"start":2132,"end":2261,"line":{"s":55,"e":55,"code":["- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"]},"column":{"s":2,"e":131}},"dim":["","list.21","listItem.1","paragraph.0"],"code":"**JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"},{"id":"/root/children/21/children/1/children/0/children/0","type":"strong","loc":{"start":2132,"end":2159,"line":{"s":55,"e":55,"code":["- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"]},"column":{"s":2,"e":29}},"dim":["","list.21","listItem.1","paragraph.0","strong.0"],"code":"**JSON inheritance (meld)**"},{"id":"/root/children/21/children/1/children/0/children/0/children/0","type":"text","loc":{"start":2134,"end":2157,"line":{"s":55,"e":55,"code":["- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"]},"column":{"s":4,"e":27}},"dim":["","list.21","listItem.1","paragraph.0","strong.0","text.0"],"code":"JSON inheritance (meld)"},{"id":"/root/children/21/children/1/children/0/children/1","type":"text","loc":{"start":2159,"end":2182,"line":{"s":55,"e":55,"code":["- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"]},"column":{"s":29,"e":52}},"dim":["","list.21","listItem.1","paragraph.0","text.1"],"code":": configs merge via jq "},{"id":"/root/children/21/children/1/children/0/children/2","type":"inlineCode","loc":{"start":2182,"end":2190,"line":{"s":55,"e":55,"code":["- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"]},"column":{"s":52,"e":60}},"dim":["","list.21","listItem.1","paragraph.0","inlineCode.2"],"code":"`meld()`"},{"id":"/root/children/21/children/1/children/0/children/3","type":"text","loc":{"start":2190,"end":2198,"line":{"s":55,"e":55,"code":["- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"]},"column":{"s":60,"e":68}},"dim":["","list.21","listItem.1","paragraph.0","text.3"],"code":" — e.g. "},{"id":"/root/children/21/children/1/children/0/children/4","type":"inlineCode","loc":{"start":2198,"end":2261,"line":{"s":55,"e":55,"code":["- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"]},"column":{"s":68,"e":131}},"dim":["","list.21","listItem.1","paragraph.0","inlineCode.4"],"code":"`cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`"},{"id":"/root/children/22","type":"heading","loc":{"start":2263,"end":2278,"line":{"s":57,"e":57,"code":["### MPA concept"]},"column":{"s":0,"e":15}},"dim":["","heading.22"],"code":"### MPA concept","symbName":"heading","symbRange":[2280,2398],"symbRangeL":[57,60],"outerCode":"\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.","outerHtml":"\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
"},{"id":"/root/children/22/children/0","type":"text","loc":{"start":2267,"end":2278,"line":{"s":57,"e":57,"code":["### MPA concept"]},"column":{"s":4,"e":15}},"dim":["","heading.22","text.0"],"code":"MPA concept"},{"id":"/root/children/23","type":"paragraph","loc":{"start":2280,"end":2398,"line":{"s":59,"e":59,"code":["Multi Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers."]},"column":{"s":0,"e":118}},"dim":["","paragraph.23"],"code":"Multi Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers."},{"id":"/root/children/23/children/0","type":"text","loc":{"start":2280,"end":2398,"line":{"s":59,"e":59,"code":["Multi Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers."]},"column":{"s":0,"e":118}},"dim":["","paragraph.23","text.0"],"code":"Multi Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers."},{"id":"/root/children/24","type":"heading","loc":{"start":2400,"end":2420,"line":{"s":61,"e":61,"code":["### Folder structure"]},"column":{"s":0,"e":20}},"dim":["","heading.24"],"code":"### Folder structure","symbName":"heading","symbRange":[2422,3135],"symbRangeL":[61,83],"outerCode":"\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```","outerHtml":"\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
"},{"id":"/root/children/24/children/0","type":"text","loc":{"start":2404,"end":2420,"line":{"s":61,"e":61,"code":["### Folder structure"]},"column":{"s":4,"e":20}},"dim":["","heading.24","text.0"],"code":"Folder structure"},{"id":"/root/children/25","type":"code","loc":{"start":2422,"end":3135,"line":{"s":63,"e":82,"code":["```","ssss/"," assets/"," images/*.png"," styles/*.less"," scripts/lib.js — ssss core client-side JS (ssss.js)"," scripts/*.js"," data/* — primary data (e.g. nljson)","source/"," s4.config.json — run ssss-run from here"," *.jq.json — declares a page to render"," *.jq.html — template (or linked from theme via jq.json)"," * — adjacent to ssss/*","output/ (aka dist/)"," assets/ ← ssss/assets + source/assets merged"," *.html ← source/*.jq.json + *.jq.html rendered"," data/** ← sfsDir + tot","deploy/"," rsync mirror of output/ — final destination (many sources converge)","```"]},"column":{"s":0,"e":3}},"dim":["","code.25"],"code":"```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```","symbName":"code","symbRange":[3137,5154],"symbRangeL":[null,110],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
"},{"id":"/root/children/26","type":"heading","loc":{"start":3137,"end":3169,"line":{"s":84,"e":84,"code":["### Tech choices (from ssss.mdd)"]},"column":{"s":0,"e":32}},"dim":["","heading.26"],"code":"### Tech choices (from ssss.mdd)","symbName":"heading","symbRange":[3171,4834],"symbRangeL":[84,102],"outerCode":"\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |","outerHtml":"\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
"},{"id":"/root/children/26/children/0","type":"text","loc":{"start":3141,"end":3169,"line":{"s":84,"e":84,"code":["### Tech choices (from ssss.mdd)"]},"column":{"s":4,"e":32}},"dim":["","heading.26","text.0"],"code":"Tech choices (from ssss.mdd)"},{"id":"/root/children/27","type":"paragraph","loc":{"start":3171,"end":4834,"line":{"s":86,"e":101,"code":["| Category | Winner / in use | Alternatives considered |","| ------------------ | --------------------------- | ------------------------------------------------ |","| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |","| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |","| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |","| State management | valtio | zustand, jotai, xstate |","| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |","| Charts | Vega-Lite | — |","| Drag & drop | dragula | — |","| Notifications | humane-js (Notyf in player) | — |","| Search | typesense, algolia | — |","| Modal | tingle, micromodal | — |","| Fetch | TwinSpark, aja.js | — |","| JSON rendering | jsonToHtml-render | — |","| Store | nbubna/store | websheet, firebase |","| GUI layout | dockview | — |"]},"column":{"s":0,"e":103}},"dim":["","paragraph.27"],"code":"| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |"},{"id":"/root/children/27/children/0","type":"text","loc":{"start":3171,"end":4834,"line":{"s":86,"e":101,"code":["| Category | Winner / in use | Alternatives considered |","| ------------------ | --------------------------- | ------------------------------------------------ |","| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |","| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |","| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |","| State management | valtio | zustand, jotai, xstate |","| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |","| Charts | Vega-Lite | — |","| Drag & drop | dragula | — |","| Notifications | humane-js (Notyf in player) | — |","| Search | typesense, algolia | — |","| Modal | tingle, micromodal | — |","| Fetch | TwinSpark, aja.js | — |","| JSON rendering | jsonToHtml-render | — |","| Store | nbubna/store | websheet, firebase |","| GUI layout | dockview | — |"]},"column":{"s":0,"e":103}},"dim":["","paragraph.27","text.0"],"code":"| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |"},{"id":"/root/children/28","type":"heading","loc":{"start":4836,"end":4845,"line":{"s":103,"e":103,"code":["### Usage"]},"column":{"s":0,"e":9}},"dim":["","heading.28"],"code":"### Usage","symbName":"heading","symbRange":[4847,4883],"symbRangeL":[103,106],"outerCode":"\n`yarn serve`, `yarn watch`, `yoffee`","outerHtml":"\n`yarn serve`, `yarn watch`, `yoffee`
"},{"id":"/root/children/28/children/0","type":"text","loc":{"start":4840,"end":4845,"line":{"s":103,"e":103,"code":["### Usage"]},"column":{"s":4,"e":9}},"dim":["","heading.28","text.0"],"code":"Usage"},{"id":"/root/children/29","type":"paragraph","loc":{"start":4847,"end":4883,"line":{"s":105,"e":105,"code":["`yarn serve`, `yarn watch`, `yoffee`"]},"column":{"s":0,"e":36}},"dim":["","paragraph.29"],"code":"`yarn serve`, `yarn watch`, `yoffee`"},{"id":"/root/children/29/children/0","type":"inlineCode","loc":{"start":4847,"end":4859,"line":{"s":105,"e":105,"code":["`yarn serve`, `yarn watch`, `yoffee`"]},"column":{"s":0,"e":12}},"dim":["","paragraph.29","inlineCode.0"],"code":"`yarn serve`"},{"id":"/root/children/29/children/1","type":"text","loc":{"start":4859,"end":4861,"line":{"s":105,"e":105,"code":["`yarn serve`, `yarn watch`, `yoffee`"]},"column":{"s":12,"e":14}},"dim":["","paragraph.29","text.1"],"code":", "},{"id":"/root/children/29/children/2","type":"inlineCode","loc":{"start":4861,"end":4873,"line":{"s":105,"e":105,"code":["`yarn serve`, `yarn watch`, `yoffee`"]},"column":{"s":14,"e":26}},"dim":["","paragraph.29","inlineCode.2"],"code":"`yarn watch`"},{"id":"/root/children/29/children/3","type":"text","loc":{"start":4873,"end":4875,"line":{"s":105,"e":105,"code":["`yarn serve`, `yarn watch`, `yoffee`"]},"column":{"s":26,"e":28}},"dim":["","paragraph.29","text.3"],"code":", "},{"id":"/root/children/29/children/4","type":"inlineCode","loc":{"start":4875,"end":4883,"line":{"s":105,"e":105,"code":["`yarn serve`, `yarn watch`, `yoffee`"]},"column":{"s":28,"e":36}},"dim":["","paragraph.29","inlineCode.4"],"code":"`yoffee`"},{"id":"/root/children/30","type":"heading","loc":{"start":4885,"end":4902,"line":{"s":107,"e":107,"code":["## Build Pipeline"]},"column":{"s":0,"e":17}},"dim":["","heading.30"],"code":"## Build Pipeline","symbName":"heading","symbRange":[4904,8063],"symbRangeL":[107,166],"outerCode":"\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):\n\n```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.\n\n# Split player.js into modules\n\n## Done","outerHtml":"`search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()` `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const Refactoring: boot() + actions.js \n\nWhat changed \n\nEliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`.
\n\nNew files \n\nactions.js — shared `window.*` function registrations:
\n\n```
\n\nregisterUploadActions({ crudURL, webhookUrlBase, uploadFileWithWebhook })\n-> window.uploadCrud\n-> window.uploadHook
\n\nregisterRepoActions({ ssss, stompClient, repoName, webhookUrlBase })\n-> window.emitRepoIndex (REPO_AFFERENT)\n-> window.emitRepoSync (REPO_AFFERENT)\n-> window.emitRepoActualize (REPO_AFFERENT)\n-> window.emitRepoMail (REPO_SERIAL)\n-> window.webHookRepoStatus (webhook)
\n\n```
\n\nboot() in player.js \n\n```
\n\nexport async function boot(ssss, opts = {})
\n\nRead config from \n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
\n\n```sh
minify + generate .br files find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;
\n\nthen in Caddyfile, use: file_server { precompressed br gzip } ```
\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.
\n\nSplit player.js into modules \n\nDone "},{"id":"/root/children/123/children/0","type":"listItem","loc":{"start":37998,"end":38061,"line":{"s":649,"e":649,"code":["- `larry.js`: removed unused `PROXY` param from `detectActor()`"]},"column":{"s":0,"e":63}},"dim":["","list.123","listItem.0"],"code":"- `larry.js`: removed unused `PROXY` param from `detectActor()`"},{"id":"/root/children/123/children/0/children/0","type":"paragraph","loc":{"start":38000,"end":38061,"line":{"s":649,"e":649,"code":["- `larry.js`: removed unused `PROXY` param from `detectActor()`"]},"column":{"s":2,"e":63}},"dim":["","list.123","listItem.0","paragraph.0"],"code":"`larry.js`: removed unused `PROXY` param from `detectActor()`"},{"id":"/root/children/123/children/0/children/0/children/0","type":"inlineCode","loc":{"start":38000,"end":38010,"line":{"s":649,"e":649,"code":["- `larry.js`: removed unused `PROXY` param from `detectActor()`"]},"column":{"s":2,"e":12}},"dim":["","list.123","listItem.0","paragraph.0","inlineCode.0"],"code":"`larry.js`"},{"id":"/root/children/123/children/0/children/0/children/1","type":"text","loc":{"start":38010,"end":38027,"line":{"s":649,"e":649,"code":["- `larry.js`: removed unused `PROXY` param from `detectActor()`"]},"column":{"s":12,"e":29}},"dim":["","list.123","listItem.0","paragraph.0","text.1"],"code":": removed unused "},{"id":"/root/children/123/children/0/children/0/children/2","type":"inlineCode","loc":{"start":38027,"end":38034,"line":{"s":649,"e":649,"code":["- `larry.js`: removed unused `PROXY` param from `detectActor()`"]},"column":{"s":29,"e":36}},"dim":["","list.123","listItem.0","paragraph.0","inlineCode.2"],"code":"`PROXY`"},{"id":"/root/children/123/children/0/children/0/children/3","type":"text","loc":{"start":38034,"end":38046,"line":{"s":649,"e":649,"code":["- `larry.js`: removed unused `PROXY` param from `detectActor()`"]},"column":{"s":36,"e":48}},"dim":["","list.123","listItem.0","paragraph.0","text.3"],"code":" param from "},{"id":"/root/children/123/children/0/children/0/children/4","type":"inlineCode","loc":{"start":38046,"end":38061,"line":{"s":649,"e":649,"code":["- `larry.js`: removed unused `PROXY` param from `detectActor()`"]},"column":{"s":48,"e":63}},"dim":["","list.123","listItem.0","paragraph.0","inlineCode.4"],"code":"`detectActor()`"},{"id":"/root/children/123/children/1","type":"listItem","loc":{"start":38062,"end":38143,"line":{"s":650,"e":650,"code":["- `search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()`"]},"column":{"s":0,"e":81}},"dim":["","list.123","listItem.1"],"code":"- `search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()`"},{"id":"/root/children/123/children/1/children/0","type":"paragraph","loc":{"start":38064,"end":38143,"line":{"s":650,"e":650,"code":["- `search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()`"]},"column":{"s":2,"e":81}},"dim":["","list.123","listItem.1","paragraph.0"],"code":"`search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()`"},{"id":"/root/children/123/children/1/children/0/children/0","type":"inlineCode","loc":{"start":38064,"end":38087,"line":{"s":650,"e":650,"code":["- `search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()`"]},"column":{"s":2,"e":25}},"dim":["","list.123","listItem.1","paragraph.0","inlineCode.0"],"code":"`search/search-repo.js`"},{"id":"/root/children/123/children/1/children/0/children/1","type":"text","loc":{"start":38087,"end":38104,"line":{"s":650,"e":650,"code":["- `search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()`"]},"column":{"s":25,"e":42}},"dim":["","list.123","listItem.1","paragraph.0","text.1"],"code":": removed unused "},{"id":"/root/children/123/children/1/children/0/children/2","type":"inlineCode","loc":{"start":38104,"end":38111,"line":{"s":650,"e":650,"code":["- `search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()`"]},"column":{"s":42,"e":49}},"dim":["","list.123","listItem.1","paragraph.0","inlineCode.2"],"code":"`proxy`"},{"id":"/root/children/123/children/1/children/0/children/3","type":"text","loc":{"start":38111,"end":38123,"line":{"s":650,"e":650,"code":["- `search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()`"]},"column":{"s":49,"e":61}},"dim":["","list.123","listItem.1","paragraph.0","text.3"],"code":" param from "},{"id":"/root/children/123/children/1/children/0/children/4","type":"inlineCode","loc":{"start":38123,"end":38143,"line":{"s":650,"e":650,"code":["- `search/search-repo.js`: removed unused `proxy` param from `searchInRepoJson()`"]},"column":{"s":61,"e":81}},"dim":["","list.123","listItem.1","paragraph.0","inlineCode.4"],"code":"`searchInRepoJson()`"},{"id":"/root/children/123/children/2","type":"listItem","loc":{"start":38144,"end":38293,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":0,"e":149}},"dim":["","list.123","listItem.2"],"code":"- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"},{"id":"/root/children/123/children/2/children/0","type":"paragraph","loc":{"start":38146,"end":38293,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":2,"e":149}},"dim":["","list.123","listItem.2","paragraph.0"],"code":"`glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"},{"id":"/root/children/123/children/2/children/0/children/0","type":"inlineCode","loc":{"start":38146,"end":38163,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":2,"e":19}},"dim":["","list.123","listItem.2","paragraph.0","inlineCode.0"],"code":"`glass-search.js`"},{"id":"/root/children/123/children/2/children/0/children/1","type":"text","loc":{"start":38163,"end":38173,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":19,"e":29}},"dim":["","list.123","listItem.2","paragraph.0","text.1"],"code":": removed "},{"id":"/root/children/123/children/2/children/0/children/2","type":"inlineCode","loc":{"start":38173,"end":38212,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":29,"e":68}},"dim":["","list.123","listItem.2","paragraph.0","inlineCode.2"],"code":"`proxy.addResultItems = addResultItems`"},{"id":"/root/children/123/children/2/children/0/children/3","type":"text","loc":{"start":38212,"end":38255,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":68,"e":111}},"dim":["","list.123","listItem.2","paragraph.0","text.3"],"code":" write (now on PROXY at assembly). Removed "},{"id":"/root/children/123/children/2/children/0/children/4","type":"inlineCode","loc":{"start":38255,"end":38262,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":111,"e":118}},"dim":["","list.123","listItem.2","paragraph.0","inlineCode.4"],"code":"`proxy`"},{"id":"/root/children/123/children/2/children/0/children/5","type":"text","loc":{"start":38262,"end":38268,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":118,"e":124}},"dim":["","list.123","listItem.2","paragraph.0","text.5"],"code":" from "},{"id":"/root/children/123/children/2/children/0/children/6","type":"inlineCode","loc":{"start":38268,"end":38288,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":124,"e":144}},"dim":["","list.123","listItem.2","paragraph.0","inlineCode.6"],"code":"`searchInRepoJson()`"},{"id":"/root/children/123/children/2/children/0/children/7","type":"text","loc":{"start":38288,"end":38293,"line":{"s":651,"e":651,"code":["- `glass-search.js`: removed `proxy.addResultItems = addResultItems` write (now on PROXY at assembly). Removed `proxy` from `searchInRepoJson()` call"]},"column":{"s":144,"e":149}},"dim":["","list.123","listItem.2","paragraph.0","text.7"],"code":" call"},{"id":"/root/children/123/children/3","type":"listItem","loc":{"start":38294,"end":38463,"line":{"s":652,"e":652,"code":["- `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"]},"column":{"s":0,"e":169}},"dim":["","list.123","listItem.3"],"code":"- `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"},{"id":"/root/children/123/children/3/children/0","type":"paragraph","loc":{"start":38296,"end":38463,"line":{"s":652,"e":652,"code":["- `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"]},"column":{"s":2,"e":169}},"dim":["","list.123","listItem.3","paragraph.0"],"code":"`glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"},{"id":"/root/children/123/children/3/children/0/children/0","type":"inlineCode","loc":{"start":38296,"end":38313,"line":{"s":652,"e":652,"code":["- `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"]},"column":{"s":2,"e":19}},"dim":["","list.123","listItem.3","paragraph.0","inlineCode.0"],"code":"`glass-search.js`"},{"id":"/root/children/123/children/3/children/0/children/1","type":"text","loc":{"start":38313,"end":38316,"line":{"s":652,"e":652,"code":["- `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"]},"column":{"s":19,"e":22}},"dim":["","list.123","listItem.3","paragraph.0","text.1"],"code":" + "},{"id":"/root/children/123/children/3/children/0/children/2","type":"inlineCode","loc":{"start":38316,"end":38344,"line":{"s":652,"e":652,"code":["- `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"]},"column":{"s":22,"e":50}},"dim":["","list.123","listItem.3","paragraph.0","inlineCode.2"],"code":"`search/search-fragments.js`"},{"id":"/root/children/123/children/3/children/0/children/3","type":"text","loc":{"start":38344,"end":38360,"line":{"s":652,"e":652,"code":["- `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"]},"column":{"s":50,"e":66}},"dim":["","list.123","listItem.3","paragraph.0","text.3"],"code":": still receive "},{"id":"/root/children/123/children/3/children/0/children/4","type":"inlineCode","loc":{"start":38360,"end":38367,"line":{"s":652,"e":652,"code":["- `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"]},"column":{"s":66,"e":73}},"dim":["","list.123","listItem.3","paragraph.0","inlineCode.4"],"code":"`proxy`"},{"id":"/root/children/123/children/3/children/0/children/5","type":"text","loc":{"start":38367,"end":38463,"line":{"s":652,"e":652,"code":["- `glass-search.js` + `search/search-fragments.js`: still receive `proxy` (actually PROXY) as param — these are external modules that can't access the module-level const"]},"column":{"s":73,"e":169}},"dim":["","list.123","listItem.3","paragraph.0","text.5"],"code":" (actually PROXY) as param — these are external modules that can't access the module-level const"},{"id":"/root/children/124","type":"thematicBreak","loc":{"start":38465,"end":38468,"line":{"s":654,"e":654,"code":["---"]},"column":{"s":0,"e":3}},"dim":["","thematicBreak.124"],"code":"---"},{"id":"/root/children/125","type":"heading","loc":{"start":38470,"end":38505,"line":{"s":656,"e":656,"code":["## Refactoring: boot() + actions.js"]},"column":{"s":0,"e":35}},"dim":["","heading.125"],"code":"## Refactoring: boot() + actions.js","symbName":"heading","symbRange":[38507,70981],"symbRangeL":[656,657],"outerCode":"","outerHtml":""},{"id":"/root/children/125/children/0","type":"text","loc":{"start":38473,"end":38505,"line":{"s":656,"e":656,"code":["## Refactoring: boot() + actions.js"]},"column":{"s":3,"e":35}},"dim":["","heading.125","text.0"],"code":"Refactoring: boot() + actions.js"},{"id":"/root/children/126","type":"heading","loc":{"start":38507,"end":38523,"line":{"s":658,"e":658,"code":["### What changed"]},"column":{"s":0,"e":16}},"dim":["","heading.126"],"code":"### What changed","symbName":"heading","symbRange":[38525,38794],"symbRangeL":[658,661],"outerCode":"\nEliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`.","outerHtml":"\nEliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`.
"},{"id":"/root/children/126/children/0","type":"text","loc":{"start":38511,"end":38523,"line":{"s":658,"e":658,"code":["### What changed"]},"column":{"s":4,"e":16}},"dim":["","heading.126","text.0"],"code":"What changed"},{"id":"/root/children/127","type":"paragraph","loc":{"start":38525,"end":38794,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":0,"e":269}},"dim":["","paragraph.127"],"code":"Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."},{"id":"/root/children/127/children/0","type":"text","loc":{"start":38525,"end":38665,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":0,"e":140}},"dim":["","paragraph.127","text.0"],"code":"Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, "},{"id":"/root/children/127/children/1","type":"inlineCode","loc":{"start":38665,"end":38681,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":140,"e":156}},"dim":["","paragraph.127","inlineCode.1"],"code":"`initRepolero()`"},{"id":"/root/children/127/children/2","type":"text","loc":{"start":38681,"end":38683,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":156,"e":158}},"dim":["","paragraph.127","text.2"],"code":", "},{"id":"/root/children/127/children/3","type":"inlineCode","loc":{"start":38683,"end":38698,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":158,"e":173}},"dim":["","paragraph.127","inlineCode.3"],"code":"`initMqStomp()`"},{"id":"/root/children/127/children/4","type":"text","loc":{"start":38698,"end":38700,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":173,"e":175}},"dim":["","paragraph.127","text.4"],"code":", "},{"id":"/root/children/127/children/5","type":"inlineCode","loc":{"start":38700,"end":38710,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":175,"e":185}},"dim":["","paragraph.127","inlineCode.5"],"code":"`player()`"},{"id":"/root/children/127/children/6","type":"text","loc":{"start":38710,"end":38721,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":185,"e":196}},"dim":["","paragraph.127","text.6"],"code":" call, and "},{"id":"/root/children/127/children/7","type":"inlineCode","loc":{"start":38721,"end":38731,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":196,"e":206}},"dim":["","paragraph.127","inlineCode.7"],"code":"`window.*`"},{"id":"/root/children/127/children/8","type":"text","loc":{"start":38731,"end":38775,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":206,"e":250}},"dim":["","paragraph.127","text.8"],"code":" action definitions. After: each page calls "},{"id":"/root/children/127/children/9","type":"inlineCode","loc":{"start":38775,"end":38793,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":250,"e":268}},"dim":["","paragraph.127","inlineCode.9"],"code":"`boot(ssss, opts)`"},{"id":"/root/children/127/children/10","type":"text","loc":{"start":38793,"end":38794,"line":{"s":660,"e":660,"code":["Eliminated boot code duplication across view.jq.html, rc.jq.html, and home.jq.html. Before: each page repeated ~50 lines of config parsing, `initRepolero()`, `initMqStomp()`, `player()` call, and `window.*` action definitions. After: each page calls `boot(ssss, opts)`."]},"column":{"s":268,"e":269}},"dim":["","paragraph.127","text.10"],"code":"."},{"id":"/root/children/128","type":"heading","loc":{"start":38796,"end":38809,"line":{"s":662,"e":662,"code":["### New files"]},"column":{"s":0,"e":13}},"dim":["","heading.128"],"code":"### New files","symbName":"heading","symbRange":[38811,39264],"symbRangeL":[662,680],"outerCode":"\n**actions.js** — shared `window.*` function registrations:\n\n```\n\nregisterUploadActions({ crudURL, webhookUrlBase, uploadFileWithWebhook })\n-> window.uploadCrud\n-> window.uploadHook\n\nregisterRepoActions({ ssss, stompClient, repoName, webhookUrlBase })\n-> window.emitRepoIndex (REPO_AFFERENT)\n-> window.emitRepoSync (REPO_AFFERENT)\n-> window.emitRepoActualize (REPO_AFFERENT)\n-> window.emitRepoMail (REPO_SERIAL)\n-> window.webHookRepoStatus (webhook)\n\n```","outerHtml":"\nactions.js — shared `window.*` function registrations:
\n\n```
\n\nregisterUploadActions({ crudURL, webhookUrlBase, uploadFileWithWebhook })\n-> window.uploadCrud\n-> window.uploadHook
\n\nregisterRepoActions({ ssss, stompClient, repoName, webhookUrlBase })\n-> window.emitRepoIndex (REPO_AFFERENT)\n-> window.emitRepoSync (REPO_AFFERENT)\n-> window.emitRepoActualize (REPO_AFFERENT)\n-> window.emitRepoMail (REPO_SERIAL)\n-> window.webHookRepoStatus (webhook)
\n\n```
"},{"id":"/root/children/128/children/0","type":"text","loc":{"start":38800,"end":38809,"line":{"s":662,"e":662,"code":["### New files"]},"column":{"s":4,"e":13}},"dim":["","heading.128","text.0"],"code":"New files"},{"id":"/root/children/129","type":"paragraph","loc":{"start":38811,"end":38869,"line":{"s":664,"e":664,"code":["**actions.js** — shared `window.*` function registrations:"]},"column":{"s":0,"e":58}},"dim":["","paragraph.129"],"code":"**actions.js** — shared `window.*` function registrations:"},{"id":"/root/children/129/children/0","type":"strong","loc":{"start":38811,"end":38825,"line":{"s":664,"e":664,"code":["**actions.js** — shared `window.*` function registrations:"]},"column":{"s":0,"e":14}},"dim":["","paragraph.129","strong.0"],"code":"**actions.js**"},{"id":"/root/children/129/children/0/children/0","type":"text","loc":{"start":38813,"end":38823,"line":{"s":664,"e":664,"code":["**actions.js** — shared `window.*` function registrations:"]},"column":{"s":2,"e":12}},"dim":["","paragraph.129","strong.0","text.0"],"code":"actions.js"},{"id":"/root/children/129/children/1","type":"text","loc":{"start":38825,"end":38835,"line":{"s":664,"e":664,"code":["**actions.js** — shared `window.*` function registrations:"]},"column":{"s":14,"e":24}},"dim":["","paragraph.129","text.1"],"code":" — shared "},{"id":"/root/children/129/children/2","type":"inlineCode","loc":{"start":38835,"end":38845,"line":{"s":664,"e":664,"code":["**actions.js** — shared `window.*` function registrations:"]},"column":{"s":24,"e":34}},"dim":["","paragraph.129","inlineCode.2"],"code":"`window.*`"},{"id":"/root/children/129/children/3","type":"text","loc":{"start":38845,"end":38869,"line":{"s":664,"e":664,"code":["**actions.js** — shared `window.*` function registrations:"]},"column":{"s":34,"e":58}},"dim":["","paragraph.129","text.3"],"code":" function registrations:"},{"id":"/root/children/130","type":"code","loc":{"start":38871,"end":39264,"line":{"s":666,"e":679,"code":["```","","registerUploadActions({ crudURL, webhookUrlBase, uploadFileWithWebhook })","-> window.uploadCrud","-> window.uploadHook","","registerRepoActions({ ssss, stompClient, repoName, webhookUrlBase })","-> window.emitRepoIndex (REPO_AFFERENT)","-> window.emitRepoSync (REPO_AFFERENT)","-> window.emitRepoActualize (REPO_AFFERENT)","-> window.emitRepoMail (REPO_SERIAL)","-> window.webHookRepoStatus (webhook)","","```"]},"column":{"s":0,"e":3}},"dim":["","code.130"],"code":"```\n\nregisterUploadActions({ crudURL, webhookUrlBase, uploadFileWithWebhook })\n-> window.uploadCrud\n-> window.uploadHook\n\nregisterRepoActions({ ssss, stompClient, repoName, webhookUrlBase })\n-> window.emitRepoIndex (REPO_AFFERENT)\n-> window.emitRepoSync (REPO_AFFERENT)\n-> window.emitRepoActualize (REPO_AFFERENT)\n-> window.emitRepoMail (REPO_SERIAL)\n-> window.webHookRepoStatus (webhook)\n\n```","symbName":"code","symbRange":[39266,39289],"symbRangeL":[null,682],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.","outerHtml":"\nEach page has one jq expression that produces all config as JSON:
\n\n```html\n\n```
\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
"},{"id":"/root/children/134/children/0","type":"text","loc":{"start":40359,"end":40377,"line":{"s":710,"e":710,"code":["### Config injection: `","```"]},"column":{"s":0,"e":3}},"dim":["","code.136"],"code":"```html\n\n```","symbName":"code","symbRange":[40945,41149],"symbRangeL":[null,730],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: ` ` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
"},{"id":"/root/children/137","type":"paragraph","loc":{"start":40945,"end":41066,"line":{"s":725,"e":725,"code":["Note: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it."]},"column":{"s":0,"e":121}},"dim":["","paragraph.137"],"code":"Note: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it."},{"id":"/root/children/137/children/0","type":"text","loc":{"start":40945,"end":40951,"line":{"s":725,"e":725,"code":["Note: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it."]},"column":{"s":0,"e":6}},"dim":["","paragraph.137","text.0"],"code":"Note: "},{"id":"/root/children/137/children/1","type":"inlineCode","loc":{"start":40951,"end":40968,"line":{"s":725,"e":725,"code":["Note: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it."]},"column":{"s":6,"e":23}},"dim":["","paragraph.137","inlineCode.1"],"code":"`.protocolRouter`"},{"id":"/root/children/137/children/2","type":"text","loc":{"start":40968,"end":41038,"line":{"s":725,"e":725,"code":["Note: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it."]},"column":{"s":23,"e":93}},"dim":["","paragraph.137","text.2"],"code":" is passed through as-is (already a JSON string from the jq context). "},{"id":"/root/children/137/children/3","type":"inlineCode","loc":{"start":41038,"end":41046,"line":{"s":725,"e":725,"code":["Note: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it."]},"column":{"s":93,"e":101}},"dim":["","paragraph.137","inlineCode.3"],"code":"`boot()`"},{"id":"/root/children/137/children/4","type":"text","loc":{"start":41046,"end":41066,"line":{"s":725,"e":725,"code":["Note: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it."]},"column":{"s":101,"e":121}},"dim":["","paragraph.137","text.4"],"code":" handles parsing it."},{"id":"/root/children/138","type":"heading","loc":{"start":41068,"end":41087,"line":{"s":727,"e":727,"code":["### Result per page"]},"column":{"s":0,"e":19}},"dim":["","heading.138"],"code":"### Result per page","symbName":"heading","symbRange":[41089,41983],"symbRangeL":[727,768],"outerCode":"\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```","outerHtml":"\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
"},{"id":"/root/children/138/children/0","type":"text","loc":{"start":41072,"end":41087,"line":{"s":727,"e":727,"code":["### Result per page"]},"column":{"s":4,"e":19}},"dim":["","heading.138","text.0"],"code":"Result per page"},{"id":"/root/children/139","type":"paragraph","loc":{"start":41089,"end":41149,"line":{"s":729,"e":729,"code":["**view.jq.html** — full app, all layers (Alpine.js via CDN):"]},"column":{"s":0,"e":60}},"dim":["","paragraph.139"],"code":"**view.jq.html** — full app, all layers (Alpine.js via CDN):"},{"id":"/root/children/139/children/0","type":"strong","loc":{"start":41089,"end":41105,"line":{"s":729,"e":729,"code":["**view.jq.html** — full app, all layers (Alpine.js via CDN):"]},"column":{"s":0,"e":16}},"dim":["","paragraph.139","strong.0"],"code":"**view.jq.html**"},{"id":"/root/children/139/children/0/children/0","type":"text","loc":{"start":41091,"end":41103,"line":{"s":729,"e":729,"code":["**view.jq.html** — full app, all layers (Alpine.js via CDN):"]},"column":{"s":2,"e":14}},"dim":["","paragraph.139","strong.0","text.0"],"code":"view.jq.html"},{"id":"/root/children/139/children/1","type":"text","loc":{"start":41105,"end":41149,"line":{"s":729,"e":729,"code":["**view.jq.html** — full app, all layers (Alpine.js via CDN):"]},"column":{"s":16,"e":60}},"dim":["","paragraph.139","text.1"],"code":" — full app, all layers (Alpine.js via CDN):"},{"id":"/root/children/140","type":"code","loc":{"start":41151,"end":41323,"line":{"s":731,"e":739,"code":["```html","","","```"]},"column":{"s":0,"e":3}},"dim":["","code.140"],"code":"```html\n\n\n```","symbName":"code","symbRange":[41325,41379],"symbRangeL":[null,742],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
"},{"id":"/root/children/141","type":"paragraph","loc":{"start":41325,"end":41379,"line":{"s":741,"e":741,"code":["**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:"]},"column":{"s":0,"e":54}},"dim":["","paragraph.141"],"code":"**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:"},{"id":"/root/children/141/children/0","type":"strong","loc":{"start":41325,"end":41339,"line":{"s":741,"e":741,"code":["**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:"]},"column":{"s":0,"e":14}},"dim":["","paragraph.141","strong.0"],"code":"**rc.jq.html**"},{"id":"/root/children/141/children/0/children/0","type":"text","loc":{"start":41327,"end":41337,"line":{"s":741,"e":741,"code":["**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:"]},"column":{"s":2,"e":12}},"dim":["","paragraph.141","strong.0","text.0"],"code":"rc.jq.html"},{"id":"/root/children/141/children/1","type":"text","loc":{"start":41339,"end":41379,"line":{"s":741,"e":741,"code":["**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:"]},"column":{"s":14,"e":54}},"dim":["","paragraph.141","text.1"],"code":" — paper-only, MQ logging, D3 MSC chart:"},{"id":"/root/children/142","type":"code","loc":{"start":41381,"end":41768,"line":{"s":743,"e":756,"code":["```html","","```"]},"column":{"s":0,"e":3}},"dim":["","code.142"],"code":"```html\n\n```","symbName":"code","symbRange":[41770,41820],"symbRangeL":[null,759],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
"},{"id":"/root/children/143","type":"paragraph","loc":{"start":41770,"end":41820,"line":{"s":758,"e":758,"code":["**home.jq.html** — landing page, no player, no MQ:"]},"column":{"s":0,"e":50}},"dim":["","paragraph.143"],"code":"**home.jq.html** — landing page, no player, no MQ:"},{"id":"/root/children/143/children/0","type":"strong","loc":{"start":41770,"end":41786,"line":{"s":758,"e":758,"code":["**home.jq.html** — landing page, no player, no MQ:"]},"column":{"s":0,"e":16}},"dim":["","paragraph.143","strong.0"],"code":"**home.jq.html**"},{"id":"/root/children/143/children/0/children/0","type":"text","loc":{"start":41772,"end":41784,"line":{"s":758,"e":758,"code":["**home.jq.html** — landing page, no player, no MQ:"]},"column":{"s":2,"e":14}},"dim":["","paragraph.143","strong.0","text.0"],"code":"home.jq.html"},{"id":"/root/children/143/children/1","type":"text","loc":{"start":41786,"end":41820,"line":{"s":758,"e":758,"code":["**home.jq.html** — landing page, no player, no MQ:"]},"column":{"s":16,"e":50}},"dim":["","paragraph.143","text.1"],"code":" — landing page, no player, no MQ:"},{"id":"/root/children/144","type":"code","loc":{"start":41822,"end":41983,"line":{"s":760,"e":767,"code":["```html","","```"]},"column":{"s":0,"e":3}},"dim":["","code.144"],"code":"```html\n\n```","symbName":"code","symbRange":[41985,42476],"symbRangeL":[null,776],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
"},{"id":"/root/children/145","type":"heading","loc":{"start":41985,"end":42037,"line":{"s":769,"e":769,"code":["### TODO: Production optimizations (Brotli + Minify)"]},"column":{"s":0,"e":52}},"dim":["","heading.145"],"code":"### TODO: Production optimizations (Brotli + Minify)","symbName":"heading","symbRange":[42039,43041],"symbRangeL":[769,797],"outerCode":"\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):\n\n```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.","outerHtml":"\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
\n\n```sh
minify + generate .br files find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;
\n\nthen in Caddyfile, use: file_server { precompressed br gzip } ```
\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.
"},{"id":"/root/children/145/children/0","type":"text","loc":{"start":41989,"end":42037,"line":{"s":769,"e":769,"code":["### TODO: Production optimizations (Brotli + Minify)"]},"column":{"s":4,"e":52}},"dim":["","heading.145","text.0"],"code":"TODO: Production optimizations (Brotli + Minify)"},{"id":"/root/children/146","type":"paragraph","loc":{"start":42039,"end":42177,"line":{"s":771,"e":771,"code":["The dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`."]},"column":{"s":0,"e":138}},"dim":["","paragraph.146"],"code":"The dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`."},{"id":"/root/children/146/children/0","type":"text","loc":{"start":42039,"end":42076,"line":{"s":771,"e":771,"code":["The dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`."]},"column":{"s":0,"e":37}},"dim":["","paragraph.146","text.0"],"code":"The dev page is served by Caddy from "},{"id":"/root/children/146/children/1","type":"inlineCode","loc":{"start":42076,"end":42083,"line":{"s":771,"e":771,"code":["The dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`."]},"column":{"s":37,"e":44}},"dim":["","paragraph.146","inlineCode.1"],"code":"`dist/`"},{"id":"/root/children/146/children/2","type":"text","loc":{"start":42083,"end":42096,"line":{"s":771,"e":771,"code":["The dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`."]},"column":{"s":44,"e":57}},"dim":["","paragraph.146","text.2"],"code":". Caddyfile: "},{"id":"/root/children/146/children/3","type":"inlineCode","loc":{"start":42096,"end":42176,"line":{"s":771,"e":771,"code":["The dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`."]},"column":{"s":57,"e":137}},"dim":["","paragraph.146","inlineCode.3"],"code":"`/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`"},{"id":"/root/children/146/children/4","type":"text","loc":{"start":42176,"end":42177,"line":{"s":771,"e":771,"code":["The dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`."]},"column":{"s":137,"e":138}},"dim":["","paragraph.146","text.4"],"code":"."},{"id":"/root/children/147","type":"paragraph","loc":{"start":42179,"end":42330,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":0,"e":151}},"dim":["","paragraph.147"],"code":"**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."},{"id":"/root/children/147/children/0","type":"strong","loc":{"start":42179,"end":42201,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":0,"e":22}},"dim":["","paragraph.147","strong.0"],"code":"**Brotli compression**"},{"id":"/root/children/147/children/0/children/0","type":"text","loc":{"start":42181,"end":42199,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":2,"e":20}},"dim":["","paragraph.147","strong.0","text.0"],"code":"Brotli compression"},{"id":"/root/children/147/children/1","type":"text","loc":{"start":42201,"end":42219,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":22,"e":40}},"dim":["","paragraph.147","text.1"],"code":" — Currently uses "},{"id":"/root/children/147/children/2","type":"inlineCode","loc":{"start":42219,"end":42237,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":40,"e":58}},"dim":["","paragraph.147","inlineCode.2"],"code":"`encode gzip zstd`"},{"id":"/root/children/147/children/3","type":"text","loc":{"start":42237,"end":42252,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":58,"e":73}},"dim":["","paragraph.147","text.3"],"code":" (line 8). Add "},{"id":"/root/children/147/children/4","type":"inlineCode","loc":{"start":42252,"end":42256,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":73,"e":77}},"dim":["","paragraph.147","inlineCode.4"],"code":"`br`"},{"id":"/root/children/147/children/5","type":"text","loc":{"start":42256,"end":42258,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":77,"e":79}},"dim":["","paragraph.147","text.5"],"code":": "},{"id":"/root/children/147/children/6","type":"inlineCode","loc":{"start":42258,"end":42279,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":79,"e":100}},"dim":["","paragraph.147","inlineCode.6"],"code":"`encode br gzip zstd`"},{"id":"/root/children/147/children/7","type":"text","loc":{"start":42279,"end":42330,"line":{"s":773,"e":773,"code":["**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone."]},"column":{"s":100,"e":151}},"dim":["","paragraph.147","text.7"],"code":". One-word change, ~15-20% smaller than gzip alone."},{"id":"/root/children/148","type":"paragraph","loc":{"start":42332,"end":42476,"line":{"s":775,"e":775,"code":["**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:"]},"column":{"s":0,"e":144}},"dim":["","paragraph.148"],"code":"**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:"},{"id":"/root/children/148/children/0","type":"strong","loc":{"start":42332,"end":42351,"line":{"s":775,"e":775,"code":["**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:"]},"column":{"s":0,"e":19}},"dim":["","paragraph.148","strong.0"],"code":"**JS minification**"},{"id":"/root/children/148/children/0/children/0","type":"text","loc":{"start":42334,"end":42349,"line":{"s":775,"e":775,"code":["**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:"]},"column":{"s":2,"e":17}},"dim":["","paragraph.148","strong.0","text.0"],"code":"JS minification"},{"id":"/root/children/148/children/1","type":"text","loc":{"start":42351,"end":42476,"line":{"s":775,"e":775,"code":["**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:"]},"column":{"s":19,"e":144}},"dim":["","paragraph.148","text.1"],"code":" — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:"},{"id":"/root/children/149","type":"code","loc":{"start":42478,"end":42661,"line":{"s":777,"e":783,"code":["```sh","# install esbuild (once)","npm i -g esbuild","","# minify all .js files in current folder and below","find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;","```"]},"column":{"s":0,"e":3}},"dim":["","code.149"],"code":"```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```","symbName":"code","symbRange":[42663,42725],"symbRangeL":[null,786],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
"},{"id":"/root/children/150","type":"paragraph","loc":{"start":42663,"end":42725,"line":{"s":785,"e":785,"code":["**Combined** (minify + pre-compress for Caddy static serving):"]},"column":{"s":0,"e":62}},"dim":["","paragraph.150"],"code":"**Combined** (minify + pre-compress for Caddy static serving):"},{"id":"/root/children/150/children/0","type":"strong","loc":{"start":42663,"end":42675,"line":{"s":785,"e":785,"code":["**Combined** (minify + pre-compress for Caddy static serving):"]},"column":{"s":0,"e":12}},"dim":["","paragraph.150","strong.0"],"code":"**Combined**"},{"id":"/root/children/150/children/0/children/0","type":"text","loc":{"start":42665,"end":42673,"line":{"s":785,"e":785,"code":["**Combined** (minify + pre-compress for Caddy static serving):"]},"column":{"s":2,"e":10}},"dim":["","paragraph.150","strong.0","text.0"],"code":"Combined"},{"id":"/root/children/150/children/1","type":"text","loc":{"start":42675,"end":42725,"line":{"s":785,"e":785,"code":["**Combined** (minify + pre-compress for Caddy static serving):"]},"column":{"s":12,"e":62}},"dim":["","paragraph.150","text.1"],"code":" (minify + pre-compress for Caddy static serving):"},{"id":"/root/children/151","type":"code","loc":{"start":42727,"end":42955,"line":{"s":787,"e":794,"code":["```sh","# minify + generate .br files","find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;","find . -name '*.js' -exec brotli -f {} \\;","","# then in Caddyfile, use:","# file_server { precompressed br gzip }","```"]},"column":{"s":0,"e":3}},"dim":["","code.151"],"code":"```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```","symbName":"code","symbRange":[42957,54014],"symbRangeL":[null,905],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):\n\n```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.\n\n# Split player.js into modules\n\n## Done\n\n- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys\n- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper\n- [x] `player-state.js` (~43 lines) — resetState, resetMachine\n- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile\n- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus\n- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree\n- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper\n- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit\n- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace\n- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)\n - imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()\n\n# Touchbar & Double-Touch\n\n## Done\n\n- [x] Alpine.js replaced Litedom for touchbar\n- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)\n- [x] Native click delegation instead of Alpine @click (avoids double-fire)\n- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`\n- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)\n- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips\n- [x] `data-doubletouch` only rendered when `action_extra` exists\n- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)\n- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)\n- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar\n- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.\n\n## Known gaps\n\n- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)\n- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check\n\n# Tabler\n\n## Done\n\n- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)\n- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)\n- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup\n- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast\n- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order\n\n# Eisenhower matrix\n\n## Done\n\n- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems.\n- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group.\n- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark.\n- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour.\n- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire.\n- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center.\n- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks.\n- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel.\n- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`.\n- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be.\n- [x] **`showBorder` box width fix** — Two corrections:\n - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal).\n- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:\n 1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n - Controlled by `config.densityOptimum` (default `0.6`)\n - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar\n- [x] **Font scale cap now width-proportional** — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula.\n\n## Use\n\n- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`.\n- Called from:\n - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`.\n - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu.\n\n## Touchbar Actions\n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |\n\n## Files Changed\n\n- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern\n- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`\n- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`\n- `codeditor/src/databox.js`: mobile paste detection\n\n---\n\n## Testing","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
\n\n```sh
minify + generate .br files find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;
\n\nthen in Caddyfile, use: file_server { precompressed br gzip } ```
\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.
\n\nSplit player.js into modules \n\nDone \n\n[x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper [x] `player-state.js` (~43 lines) — resetState, resetMachine [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper [x] `player-edit.js` (~233 lines) — renderSave, renderEdit [x] `player-space.js` (~253 lines) — resetSpace, renderSpace [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)imports from all 9 modules keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload player-mq.js updated to use PROXY.reloadCurrentPaper.fn() Touchbar & Double-Touch \n\nDone \n\n[x] Alpine.js replaced Litedom for touchbar [x] Double-touch changed from 2-finger simultaneous to double-tap pattern (400ms timeout) [x] Native click delegation instead of Alpine @click (avoids double-fire) [x] Toolbar buttons: click = primary action, double-touch = `action_extra` [x] Mobile paste: uses native `prompt()` (no nice dialog, but works) [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips [x] `data-doubletouch` only rendered when `action_extra` exists [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent) [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672) [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:omitted / `false` / non-numeric (default) → keep open (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions) `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch` [x] `window.touchbarShow(definition, position)` — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position. Known gaps \n\nNo \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history) `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check Tabler \n\nDone \n\n[x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator) [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires both `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it) [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-`, `--font-color- `, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order Eisenhower matrix \n\nDone \n\n[x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems. [x] Conflict lines (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group. [x] Font family on Vega text marks — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark. [x] `gravityToCorner` mode (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour. [x] Quasi-square grid in gravity mode — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire. [x] Stretch to span box — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center. [x] Label clearance — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks. [x] 2 px quadrant gap — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel. [x] `harmonizeColors` helper — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`. [x] Density culling fontSize re-evaluation — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be. [x] `showBorder` box width fix — Two corrections:First pass (all layout engines): `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.Second pass (eisenhover-matrix.js positioning loop): The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a separate Vega text mark at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal). [x] StdDev-based density culling — Replaced simple ascending-score drop with two-pass culling per quadrant:Compute `mean` and `stdDev` of task scores in quadrant First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliersRecalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()` Controlled by `config.densityOptimum` (default `0.6`) `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar [x] Font scale cap now width-proportional — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula. Use \n\n`player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`. Called from:`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`. `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu. Touchbar Actions \n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |
\n\nFiles Changed \n\n`ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra` `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch` `codeditor/src/databox.js`: mobile paste detection Testing "},{"id":"/root/children/152","type":"paragraph","loc":{"start":42957,"end":43041,"line":{"s":796,"e":796,"code":["Note: these commands modify files in-place. Run on `dist/` copies, not on `source/`."]},"column":{"s":0,"e":84}},"dim":["","paragraph.152"],"code":"Note: these commands modify files in-place. Run on `dist/` copies, not on `source/`."},{"id":"/root/children/152/children/0","type":"text","loc":{"start":42957,"end":43008,"line":{"s":796,"e":796,"code":["Note: these commands modify files in-place. Run on `dist/` copies, not on `source/`."]},"column":{"s":0,"e":51}},"dim":["","paragraph.152","text.0"],"code":"Note: these commands modify files in-place. Run on "},{"id":"/root/children/152/children/1","type":"inlineCode","loc":{"start":43008,"end":43015,"line":{"s":796,"e":796,"code":["Note: these commands modify files in-place. Run on `dist/` copies, not on `source/`."]},"column":{"s":51,"e":58}},"dim":["","paragraph.152","inlineCode.1"],"code":"`dist/`"},{"id":"/root/children/152/children/2","type":"text","loc":{"start":43015,"end":43031,"line":{"s":796,"e":796,"code":["Note: these commands modify files in-place. Run on `dist/` copies, not on `source/`."]},"column":{"s":58,"e":74}},"dim":["","paragraph.152","text.2"],"code":" copies, not on "},{"id":"/root/children/152/children/3","type":"inlineCode","loc":{"start":43031,"end":43040,"line":{"s":796,"e":796,"code":["Note: these commands modify files in-place. Run on `dist/` copies, not on `source/`."]},"column":{"s":74,"e":83}},"dim":["","paragraph.152","inlineCode.3"],"code":"`source/`"},{"id":"/root/children/152/children/4","type":"text","loc":{"start":43040,"end":43041,"line":{"s":796,"e":796,"code":["Note: these commands modify files in-place. Run on `dist/` copies, not on `source/`."]},"column":{"s":83,"e":84}},"dim":["","paragraph.152","text.4"],"code":"."},{"id":"/root/children/153","type":"heading","loc":{"start":43043,"end":43073,"line":{"s":798,"e":798,"code":["# Split player.js into modules"]},"column":{"s":0,"e":30}},"dim":["","heading.153"],"code":"# Split player.js into modules","symbName":"heading","symbRange":[43075,70981],"symbRangeL":[798,799],"outerCode":"","outerHtml":""},{"id":"/root/children/153/children/0","type":"text","loc":{"start":43045,"end":43073,"line":{"s":798,"e":798,"code":["# Split player.js into modules"]},"column":{"s":2,"e":30}},"dim":["","heading.153","text.0"],"code":"Split player.js into modules"},{"id":"/root/children/154","type":"heading","loc":{"start":43075,"end":43082,"line":{"s":800,"e":800,"code":["## Done"]},"column":{"s":0,"e":7}},"dim":["","heading.154"],"code":"## Done","symbName":"heading","symbRange":[43084,44316],"symbRangeL":[800,819],"outerCode":"\n- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys\n- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper\n- [x] `player-state.js` (~43 lines) — resetState, resetMachine\n- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile\n- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus\n- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree\n- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper\n- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit\n- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace\n- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)\n - imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()","outerHtml":"\n[x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper [x] `player-state.js` (~43 lines) — resetState, resetMachine [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper [x] `player-edit.js` (~233 lines) — renderSave, renderEdit [x] `player-space.js` (~253 lines) — resetSpace, renderSpace [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)imports from all 9 modules keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload player-mq.js updated to use PROXY.reloadCurrentPaper.fn() [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper [x] `player-state.js` (~43 lines) — resetState, resetMachine [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper [x] `player-edit.js` (~233 lines) — renderSave, renderEdit [x] `player-space.js` (~253 lines) — resetSpace, renderSpace [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)imports from all 9 modules keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload player-mq.js updated to use PROXY.reloadCurrentPaper.fn() Touchbar & Double-Touch \n\nDone "},{"id":"/root/children/155/children/0","type":"listItem","loc":{"start":43084,"end":43160,"line":{"s":802,"e":802,"code":["- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys"]},"column":{"s":0,"e":76}},"dim":["","list.155","listItem.0"],"code":"- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys"},{"id":"/root/children/155/children/0/children/0","type":"paragraph","loc":{"start":43086,"end":43160,"line":{"s":802,"e":802,"code":["- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys"]},"column":{"s":2,"e":76}},"dim":["","list.155","listItem.0","paragraph.0"],"code":"[x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys"},{"id":"/root/children/155/children/0/children/0/children/0","type":"text","loc":{"start":43086,"end":43090,"line":{"s":802,"e":802,"code":["- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.0","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/0/children/0/children/1","type":"inlineCode","loc":{"start":43090,"end":43107,"line":{"s":802,"e":802,"code":["- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys"]},"column":{"s":6,"e":23}},"dim":["","list.155","listItem.0","paragraph.0","inlineCode.1"],"code":"`player-utils.js`"},{"id":"/root/children/155/children/0/children/0/children/2","type":"text","loc":{"start":43107,"end":43160,"line":{"s":802,"e":802,"code":["- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys"]},"column":{"s":23,"e":76}},"dim":["","list.155","listItem.0","paragraph.0","text.2"],"code":" (~265 lines) — constants, route/URI helpers, hotkeys"},{"id":"/root/children/155/children/1","type":"listItem","loc":{"start":43161,"end":43242,"line":{"s":803,"e":803,"code":["- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper"]},"column":{"s":0,"e":81}},"dim":["","list.155","listItem.1"],"code":"- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper"},{"id":"/root/children/155/children/1/children/0","type":"paragraph","loc":{"start":43163,"end":43242,"line":{"s":803,"e":803,"code":["- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper"]},"column":{"s":2,"e":81}},"dim":["","list.155","listItem.1","paragraph.0"],"code":"[x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper"},{"id":"/root/children/155/children/1/children/0/children/0","type":"text","loc":{"start":43163,"end":43167,"line":{"s":803,"e":803,"code":["- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.1","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/1/children/0/children/1","type":"inlineCode","loc":{"start":43167,"end":43186,"line":{"s":803,"e":803,"code":["- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper"]},"column":{"s":6,"e":25}},"dim":["","list.155","listItem.1","paragraph.0","inlineCode.1"],"code":"`player-webhook.js`"},{"id":"/root/children/155/children/1/children/0/children/2","type":"text","loc":{"start":43186,"end":43242,"line":{"s":803,"e":803,"code":["- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper"]},"column":{"s":25,"e":81}},"dim":["","list.155","listItem.1","paragraph.0","text.2"],"code":" (~145 lines) — isWebHookOn, upload, editSave, savePaper"},{"id":"/root/children/155/children/2","type":"listItem","loc":{"start":43243,"end":43305,"line":{"s":804,"e":804,"code":["- [x] `player-state.js` (~43 lines) — resetState, resetMachine"]},"column":{"s":0,"e":62}},"dim":["","list.155","listItem.2"],"code":"- [x] `player-state.js` (~43 lines) — resetState, resetMachine"},{"id":"/root/children/155/children/2/children/0","type":"paragraph","loc":{"start":43245,"end":43305,"line":{"s":804,"e":804,"code":["- [x] `player-state.js` (~43 lines) — resetState, resetMachine"]},"column":{"s":2,"e":62}},"dim":["","list.155","listItem.2","paragraph.0"],"code":"[x] `player-state.js` (~43 lines) — resetState, resetMachine"},{"id":"/root/children/155/children/2/children/0/children/0","type":"text","loc":{"start":43245,"end":43249,"line":{"s":804,"e":804,"code":["- [x] `player-state.js` (~43 lines) — resetState, resetMachine"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.2","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/2/children/0/children/1","type":"inlineCode","loc":{"start":43249,"end":43266,"line":{"s":804,"e":804,"code":["- [x] `player-state.js` (~43 lines) — resetState, resetMachine"]},"column":{"s":6,"e":23}},"dim":["","list.155","listItem.2","paragraph.0","inlineCode.1"],"code":"`player-state.js`"},{"id":"/root/children/155/children/2/children/0/children/2","type":"text","loc":{"start":43266,"end":43305,"line":{"s":804,"e":804,"code":["- [x] `player-state.js` (~43 lines) — resetState, resetMachine"]},"column":{"s":23,"e":62}},"dim":["","list.155","listItem.2","paragraph.0","text.2"],"code":" (~43 lines) — resetState, resetMachine"},{"id":"/root/children/155/children/3","type":"listItem","loc":{"start":43306,"end":43378,"line":{"s":805,"e":805,"code":["- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile"]},"column":{"s":0,"e":72}},"dim":["","list.155","listItem.3"],"code":"- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile"},{"id":"/root/children/155/children/3/children/0","type":"paragraph","loc":{"start":43308,"end":43378,"line":{"s":805,"e":805,"code":["- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile"]},"column":{"s":2,"e":72}},"dim":["","list.155","listItem.3","paragraph.0"],"code":"[x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile"},{"id":"/root/children/155/children/3/children/0/children/0","type":"text","loc":{"start":43308,"end":43312,"line":{"s":805,"e":805,"code":["- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.3","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/3/children/0/children/1","type":"inlineCode","loc":{"start":43312,"end":43326,"line":{"s":805,"e":805,"code":["- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile"]},"column":{"s":6,"e":20}},"dim":["","list.155","listItem.3","paragraph.0","inlineCode.1"],"code":"`player-mq.js`"},{"id":"/root/children/155/children/3/children/0/children/2","type":"text","loc":{"start":43326,"end":43378,"line":{"s":805,"e":805,"code":["- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile"]},"column":{"s":20,"e":72}},"dim":["","list.155","listItem.3","paragraph.0","text.2"],"code":" (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile"},{"id":"/root/children/155/children/4","type":"listItem","loc":{"start":43379,"end":43476,"line":{"s":806,"e":806,"code":["- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus"]},"column":{"s":0,"e":97}},"dim":["","list.155","listItem.4"],"code":"- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus"},{"id":"/root/children/155/children/4/children/0","type":"paragraph","loc":{"start":43381,"end":43476,"line":{"s":806,"e":806,"code":["- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus"]},"column":{"s":2,"e":97}},"dim":["","list.155","listItem.4","paragraph.0"],"code":"[x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus"},{"id":"/root/children/155/children/4/children/0/children/0","type":"text","loc":{"start":43381,"end":43385,"line":{"s":806,"e":806,"code":["- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.4","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/4/children/0/children/1","type":"inlineCode","loc":{"start":43385,"end":43402,"line":{"s":806,"e":806,"code":["- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus"]},"column":{"s":6,"e":23}},"dim":["","list.155","listItem.4","paragraph.0","inlineCode.1"],"code":"`player-glass.js`"},{"id":"/root/children/155/children/4/children/0/children/2","type":"text","loc":{"start":43402,"end":43476,"line":{"s":806,"e":806,"code":["- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus"]},"column":{"s":23,"e":97}},"dim":["","list.155","listItem.4","paragraph.0","text.2"],"code":" (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus"},{"id":"/root/children/155/children/5","type":"listItem","loc":{"start":43477,"end":43572,"line":{"s":807,"e":807,"code":["- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree"]},"column":{"s":0,"e":95}},"dim":["","list.155","listItem.5"],"code":"- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree"},{"id":"/root/children/155/children/5/children/0","type":"paragraph","loc":{"start":43479,"end":43572,"line":{"s":807,"e":807,"code":["- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree"]},"column":{"s":2,"e":95}},"dim":["","list.155","listItem.5","paragraph.0"],"code":"[x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree"},{"id":"/root/children/155/children/5/children/0/children/0","type":"text","loc":{"start":43479,"end":43483,"line":{"s":807,"e":807,"code":["- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.5","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/5/children/0/children/1","type":"inlineCode","loc":{"start":43483,"end":43501,"line":{"s":807,"e":807,"code":["- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree"]},"column":{"s":6,"e":24}},"dim":["","list.155","listItem.5","paragraph.0","inlineCode.1"],"code":"`player-tweaks.js`"},{"id":"/root/children/155/children/5/children/0/children/2","type":"text","loc":{"start":43501,"end":43572,"line":{"s":807,"e":807,"code":["- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree"]},"column":{"s":24,"e":95}},"dim":["","list.155","listItem.5","paragraph.0","text.2"],"code":" (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree"},{"id":"/root/children/155/children/6","type":"listItem","loc":{"start":43573,"end":43654,"line":{"s":808,"e":808,"code":["- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper"]},"column":{"s":0,"e":81}},"dim":["","list.155","listItem.6"],"code":"- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper"},{"id":"/root/children/155/children/6/children/0","type":"paragraph","loc":{"start":43575,"end":43654,"line":{"s":808,"e":808,"code":["- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper"]},"column":{"s":2,"e":81}},"dim":["","list.155","listItem.6","paragraph.0"],"code":"[x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper"},{"id":"/root/children/155/children/6/children/0/children/0","type":"text","loc":{"start":43575,"end":43579,"line":{"s":808,"e":808,"code":["- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.6","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/6/children/0/children/1","type":"inlineCode","loc":{"start":43579,"end":43596,"line":{"s":808,"e":808,"code":["- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper"]},"column":{"s":6,"e":23}},"dim":["","list.155","listItem.6","paragraph.0","inlineCode.1"],"code":"`player-paper.js`"},{"id":"/root/children/155/children/6/children/0/children/2","type":"text","loc":{"start":43596,"end":43654,"line":{"s":808,"e":808,"code":["- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper"]},"column":{"s":23,"e":81}},"dim":["","list.155","listItem.6","paragraph.0","text.2"],"code":" (~426 lines) — eSetOnOff, createFilterPapers, renderPaper"},{"id":"/root/children/155/children/7","type":"listItem","loc":{"start":43655,"end":43715,"line":{"s":809,"e":809,"code":["- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit"]},"column":{"s":0,"e":60}},"dim":["","list.155","listItem.7"],"code":"- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit"},{"id":"/root/children/155/children/7/children/0","type":"paragraph","loc":{"start":43657,"end":43715,"line":{"s":809,"e":809,"code":["- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit"]},"column":{"s":2,"e":60}},"dim":["","list.155","listItem.7","paragraph.0"],"code":"[x] `player-edit.js` (~233 lines) — renderSave, renderEdit"},{"id":"/root/children/155/children/7/children/0/children/0","type":"text","loc":{"start":43657,"end":43661,"line":{"s":809,"e":809,"code":["- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.7","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/7/children/0/children/1","type":"inlineCode","loc":{"start":43661,"end":43677,"line":{"s":809,"e":809,"code":["- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit"]},"column":{"s":6,"e":22}},"dim":["","list.155","listItem.7","paragraph.0","inlineCode.1"],"code":"`player-edit.js`"},{"id":"/root/children/155/children/7/children/0/children/2","type":"text","loc":{"start":43677,"end":43715,"line":{"s":809,"e":809,"code":["- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit"]},"column":{"s":22,"e":60}},"dim":["","list.155","listItem.7","paragraph.0","text.2"],"code":" (~233 lines) — renderSave, renderEdit"},{"id":"/root/children/155/children/8","type":"listItem","loc":{"start":43716,"end":43778,"line":{"s":810,"e":810,"code":["- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace"]},"column":{"s":0,"e":62}},"dim":["","list.155","listItem.8"],"code":"- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace"},{"id":"/root/children/155/children/8/children/0","type":"paragraph","loc":{"start":43718,"end":43778,"line":{"s":810,"e":810,"code":["- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace"]},"column":{"s":2,"e":62}},"dim":["","list.155","listItem.8","paragraph.0"],"code":"[x] `player-space.js` (~253 lines) — resetSpace, renderSpace"},{"id":"/root/children/155/children/8/children/0/children/0","type":"text","loc":{"start":43718,"end":43722,"line":{"s":810,"e":810,"code":["- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.8","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/8/children/0/children/1","type":"inlineCode","loc":{"start":43722,"end":43739,"line":{"s":810,"e":810,"code":["- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace"]},"column":{"s":6,"e":23}},"dim":["","list.155","listItem.8","paragraph.0","inlineCode.1"],"code":"`player-space.js`"},{"id":"/root/children/155/children/8/children/0/children/2","type":"text","loc":{"start":43739,"end":43778,"line":{"s":810,"e":810,"code":["- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace"]},"column":{"s":23,"e":62}},"dim":["","list.155","listItem.8","paragraph.0","text.2"],"code":" (~253 lines) — resetSpace, renderSpace"},{"id":"/root/children/155/children/9","type":"listItem","loc":{"start":43779,"end":44316,"line":{"s":811,"e":818,"code":["- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)"," - imports from all 9 modules"," - keeps: boot(), player() shell, notyf setup, PROXY assembly"," - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace"," - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks"," - dropped dead code (keyNav), commented-out blocks, duplicate functions"," - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload"," - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()"]},"column":{"s":0,"e":61}},"dim":["","list.155","listItem.9"],"code":"- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)\n - imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()"},{"id":"/root/children/155/children/9/children/0","type":"paragraph","loc":{"start":43781,"end":43847,"line":{"s":811,"e":811,"code":["- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)"]},"column":{"s":2,"e":68}},"dim":["","list.155","listItem.9","paragraph.0"],"code":"[x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)"},{"id":"/root/children/155/children/9/children/0/children/0","type":"text","loc":{"start":43781,"end":43785,"line":{"s":811,"e":811,"code":["- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)"]},"column":{"s":2,"e":6}},"dim":["","list.155","listItem.9","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/155/children/9/children/0/children/1","type":"inlineCode","loc":{"start":43785,"end":43796,"line":{"s":811,"e":811,"code":["- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)"]},"column":{"s":6,"e":17}},"dim":["","list.155","listItem.9","paragraph.0","inlineCode.1"],"code":"`player.js`"},{"id":"/root/children/155/children/9/children/0/children/2","type":"text","loc":{"start":43796,"end":43847,"line":{"s":811,"e":811,"code":["- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)"]},"column":{"s":17,"e":68}},"dim":["","list.155","listItem.9","paragraph.0","text.2"],"code":" rewritten as slim orchestrator (3672 → 1022 lines)"},{"id":"/root/children/155/children/9/children/1","type":"list","loc":{"start":43850,"end":44316,"line":{"s":812,"e":818,"code":[" - imports from all 9 modules"," - keeps: boot(), player() shell, notyf setup, PROXY assembly"," - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace"," - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks"," - dropped dead code (keyNav), commented-out blocks, duplicate functions"," - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload"," - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()"]},"column":{"s":2,"e":61}},"dim":["","list.155","listItem.9","list.1"],"code":"- imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()","symbName":"list","symbRange":[null,null],"symbRangeL":[812,818],"outerCode":" - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload","outerHtml":"keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.","outerHtml":"\n[x] Alpine.js replaced Litedom for touchbar [x] Double-touch changed from 2-finger simultaneous to double-tap pattern (400ms timeout) [x] Native click delegation instead of Alpine @click (avoids double-fire) [x] Toolbar buttons: click = primary action, double-touch = `action_extra` [x] Mobile paste: uses native `prompt()` (no nice dialog, but works) [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips [x] `data-doubletouch` only rendered when `action_extra` exists [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent) [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672) [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:omitted / `false` / non-numeric (default) → keep open (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions) `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch` [x] `window.touchbarShow(definition, position)` — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position. ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"," - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`","- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":0,"e":435}},"dim":["","list.158"],"code":"- [x] Alpine.js replaced Litedom for touchbar\n- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)\n- [x] Native click delegation instead of Alpine @click (avoids double-fire)\n- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`\n- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)\n- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips\n- [x] `data-doubletouch` only rendered when `action_extra` exists\n- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)\n- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)\n- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar\n- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.","symbName":"list","symbRange":[46328,46341],"symbRangeL":[824,841],"outerCode":"- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)\n- [x] Native click delegation instead of Alpine @click (avoids double-fire)\n- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`\n- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)\n- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips\n- [x] `data-doubletouch` only rendered when `action_extra` exists\n- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)\n- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)\n- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar\n- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.\n\n## Known gaps","outerHtml":"[x] Double-touch changed from 2-finger simultaneous to double-tap pattern (400ms timeout) [x] Native click delegation instead of Alpine @click (avoids double-fire) [x] Toolbar buttons: click = primary action, double-touch = `action_extra` [x] Mobile paste: uses native `prompt()` (no nice dialog, but works) [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips [x] `data-doubletouch` only rendered when `action_extra` exists [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent) [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672) [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:omitted / `false` / non-numeric (default) → keep open (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions) `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch` [x] `window.touchbarShow(definition, position)` — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position. Known gaps "},{"id":"/root/children/158/children/0","type":"listItem","loc":{"start":44354,"end":44399,"line":{"s":824,"e":824,"code":["- [x] Alpine.js replaced Litedom for touchbar"]},"column":{"s":0,"e":45}},"dim":["","list.158","listItem.0"],"code":"- [x] Alpine.js replaced Litedom for touchbar"},{"id":"/root/children/158/children/0/children/0","type":"paragraph","loc":{"start":44356,"end":44399,"line":{"s":824,"e":824,"code":["- [x] Alpine.js replaced Litedom for touchbar"]},"column":{"s":2,"e":45}},"dim":["","list.158","listItem.0","paragraph.0"],"code":"[x] Alpine.js replaced Litedom for touchbar"},{"id":"/root/children/158/children/0/children/0/children/0","type":"text","loc":{"start":44356,"end":44399,"line":{"s":824,"e":824,"code":["- [x] Alpine.js replaced Litedom for touchbar"]},"column":{"s":2,"e":45}},"dim":["","list.158","listItem.0","paragraph.0","text.0"],"code":"[x] Alpine.js replaced Litedom for touchbar"},{"id":"/root/children/158/children/1","type":"listItem","loc":{"start":44400,"end":44495,"line":{"s":825,"e":825,"code":["- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)"]},"column":{"s":0,"e":95}},"dim":["","list.158","listItem.1"],"code":"- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)"},{"id":"/root/children/158/children/1/children/0","type":"paragraph","loc":{"start":44402,"end":44495,"line":{"s":825,"e":825,"code":["- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)"]},"column":{"s":2,"e":95}},"dim":["","list.158","listItem.1","paragraph.0"],"code":"[x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)"},{"id":"/root/children/158/children/1/children/0/children/0","type":"text","loc":{"start":44402,"end":44457,"line":{"s":825,"e":825,"code":["- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)"]},"column":{"s":2,"e":57}},"dim":["","list.158","listItem.1","paragraph.0","text.0"],"code":"[x] Double-touch changed from 2-finger simultaneous to "},{"id":"/root/children/158/children/1/children/0/children/1","type":"strong","loc":{"start":44457,"end":44471,"line":{"s":825,"e":825,"code":["- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)"]},"column":{"s":57,"e":71}},"dim":["","list.158","listItem.1","paragraph.0","strong.1"],"code":"**double-tap**"},{"id":"/root/children/158/children/1/children/0/children/1/children/0","type":"text","loc":{"start":44459,"end":44469,"line":{"s":825,"e":825,"code":["- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)"]},"column":{"s":59,"e":69}},"dim":["","list.158","listItem.1","paragraph.0","strong.1","text.0"],"code":"double-tap"},{"id":"/root/children/158/children/1/children/0/children/2","type":"text","loc":{"start":44471,"end":44495,"line":{"s":825,"e":825,"code":["- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)"]},"column":{"s":71,"e":95}},"dim":["","list.158","listItem.1","paragraph.0","text.2"],"code":" pattern (400ms timeout)"},{"id":"/root/children/158/children/2","type":"listItem","loc":{"start":44496,"end":44571,"line":{"s":826,"e":826,"code":["- [x] Native click delegation instead of Alpine @click (avoids double-fire)"]},"column":{"s":0,"e":75}},"dim":["","list.158","listItem.2"],"code":"- [x] Native click delegation instead of Alpine @click (avoids double-fire)"},{"id":"/root/children/158/children/2/children/0","type":"paragraph","loc":{"start":44498,"end":44571,"line":{"s":826,"e":826,"code":["- [x] Native click delegation instead of Alpine @click (avoids double-fire)"]},"column":{"s":2,"e":75}},"dim":["","list.158","listItem.2","paragraph.0"],"code":"[x] Native click delegation instead of Alpine @click (avoids double-fire)"},{"id":"/root/children/158/children/2/children/0/children/0","type":"text","loc":{"start":44498,"end":44571,"line":{"s":826,"e":826,"code":["- [x] Native click delegation instead of Alpine @click (avoids double-fire)"]},"column":{"s":2,"e":75}},"dim":["","list.158","listItem.2","paragraph.0","text.0"],"code":"[x] Native click delegation instead of Alpine @click (avoids double-fire)"},{"id":"/root/children/158/children/3","type":"listItem","loc":{"start":44572,"end":44648,"line":{"s":827,"e":827,"code":["- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`"]},"column":{"s":0,"e":76}},"dim":["","list.158","listItem.3"],"code":"- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`"},{"id":"/root/children/158/children/3/children/0","type":"paragraph","loc":{"start":44574,"end":44648,"line":{"s":827,"e":827,"code":["- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`"]},"column":{"s":2,"e":76}},"dim":["","list.158","listItem.3","paragraph.0"],"code":"[x] Toolbar buttons: click = primary action, double-touch = `action_extra`"},{"id":"/root/children/158/children/3/children/0/children/0","type":"text","loc":{"start":44574,"end":44634,"line":{"s":827,"e":827,"code":["- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`"]},"column":{"s":2,"e":62}},"dim":["","list.158","listItem.3","paragraph.0","text.0"],"code":"[x] Toolbar buttons: click = primary action, double-touch = "},{"id":"/root/children/158/children/3/children/0/children/1","type":"inlineCode","loc":{"start":44634,"end":44648,"line":{"s":827,"e":827,"code":["- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`"]},"column":{"s":62,"e":76}},"dim":["","list.158","listItem.3","paragraph.0","inlineCode.1"],"code":"`action_extra`"},{"id":"/root/children/158/children/4","type":"listItem","loc":{"start":44649,"end":44719,"line":{"s":828,"e":828,"code":["- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)"]},"column":{"s":0,"e":70}},"dim":["","list.158","listItem.4"],"code":"- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)"},{"id":"/root/children/158/children/4/children/0","type":"paragraph","loc":{"start":44651,"end":44719,"line":{"s":828,"e":828,"code":["- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)"]},"column":{"s":2,"e":70}},"dim":["","list.158","listItem.4","paragraph.0"],"code":"[x] Mobile paste: uses native `prompt()` (no nice dialog, but works)"},{"id":"/root/children/158/children/4/children/0/children/0","type":"text","loc":{"start":44651,"end":44681,"line":{"s":828,"e":828,"code":["- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)"]},"column":{"s":2,"e":32}},"dim":["","list.158","listItem.4","paragraph.0","text.0"],"code":"[x] Mobile paste: uses native "},{"id":"/root/children/158/children/4/children/0/children/1","type":"inlineCode","loc":{"start":44681,"end":44691,"line":{"s":828,"e":828,"code":["- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)"]},"column":{"s":32,"e":42}},"dim":["","list.158","listItem.4","paragraph.0","inlineCode.1"],"code":"`prompt()`"},{"id":"/root/children/158/children/4/children/0/children/2","type":"text","loc":{"start":44691,"end":44719,"line":{"s":828,"e":828,"code":["- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)"]},"column":{"s":42,"e":70}},"dim":["","list.158","listItem.4","paragraph.0","text.2"],"code":" (no nice dialog, but works)"},{"id":"/root/children/158/children/5","type":"listItem","loc":{"start":44720,"end":44797,"line":{"s":829,"e":829,"code":["- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips"]},"column":{"s":0,"e":77}},"dim":["","list.158","listItem.5"],"code":"- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips"},{"id":"/root/children/158/children/5/children/0","type":"paragraph","loc":{"start":44722,"end":44797,"line":{"s":829,"e":829,"code":["- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips"]},"column":{"s":2,"e":77}},"dim":["","list.158","listItem.5","paragraph.0"],"code":"[x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips"},{"id":"/root/children/158/children/5/children/0/children/0","type":"text","loc":{"start":44722,"end":44751,"line":{"s":829,"e":829,"code":["- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips"]},"column":{"s":2,"e":31}},"dim":["","list.158","listItem.5","paragraph.0","text.0"],"code":"[x] Fragment touchbar: added "},{"id":"/root/children/158/children/5/children/0/children/1","type":"inlineCode","loc":{"start":44751,"end":44763,"line":{"s":829,"e":829,"code":["- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips"]},"column":{"s":31,"e":43}},"dim":["","list.158","listItem.5","paragraph.0","inlineCode.1"],"code":"`touchstart`"},{"id":"/root/children/158/children/5/children/0/children/2","type":"text","loc":{"start":44763,"end":44776,"line":{"s":829,"e":829,"code":["- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips"]},"column":{"s":43,"e":56}},"dim":["","list.158","listItem.5","paragraph.0","text.2"],"code":" binding for "},{"id":"/root/children/158/children/5/children/0/children/3","type":"inlineCode","loc":{"start":44776,"end":44779,"line":{"s":829,"e":829,"code":["- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips"]},"column":{"s":56,"e":59}},"dim":["","list.158","listItem.5","paragraph.0","inlineCode.3"],"code":"`$`"},{"id":"/root/children/158/children/5/children/0/children/4","type":"text","loc":{"start":44779,"end":44797,"line":{"s":829,"e":829,"code":["- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips"]},"column":{"s":59,"e":77}},"dim":["","list.158","listItem.5","paragraph.0","text.4"],"code":"-prefixed tooltips"},{"id":"/root/children/158/children/6","type":"listItem","loc":{"start":44798,"end":44863,"line":{"s":830,"e":830,"code":["- [x] `data-doubletouch` only rendered when `action_extra` exists"]},"column":{"s":0,"e":65}},"dim":["","list.158","listItem.6"],"code":"- [x] `data-doubletouch` only rendered when `action_extra` exists"},{"id":"/root/children/158/children/6/children/0","type":"paragraph","loc":{"start":44800,"end":44863,"line":{"s":830,"e":830,"code":["- [x] `data-doubletouch` only rendered when `action_extra` exists"]},"column":{"s":2,"e":65}},"dim":["","list.158","listItem.6","paragraph.0"],"code":"[x] `data-doubletouch` only rendered when `action_extra` exists"},{"id":"/root/children/158/children/6/children/0/children/0","type":"text","loc":{"start":44800,"end":44804,"line":{"s":830,"e":830,"code":["- [x] `data-doubletouch` only rendered when `action_extra` exists"]},"column":{"s":2,"e":6}},"dim":["","list.158","listItem.6","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/158/children/6/children/0/children/1","type":"inlineCode","loc":{"start":44804,"end":44822,"line":{"s":830,"e":830,"code":["- [x] `data-doubletouch` only rendered when `action_extra` exists"]},"column":{"s":6,"e":24}},"dim":["","list.158","listItem.6","paragraph.0","inlineCode.1"],"code":"`data-doubletouch`"},{"id":"/root/children/158/children/6/children/0/children/2","type":"text","loc":{"start":44822,"end":44842,"line":{"s":830,"e":830,"code":["- [x] `data-doubletouch` only rendered when `action_extra` exists"]},"column":{"s":24,"e":44}},"dim":["","list.158","listItem.6","paragraph.0","text.2"],"code":" only rendered when "},{"id":"/root/children/158/children/6/children/0/children/3","type":"inlineCode","loc":{"start":44842,"end":44856,"line":{"s":830,"e":830,"code":["- [x] `data-doubletouch` only rendered when `action_extra` exists"]},"column":{"s":44,"e":58}},"dim":["","list.158","listItem.6","paragraph.0","inlineCode.3"],"code":"`action_extra`"},{"id":"/root/children/158/children/6/children/0/children/4","type":"text","loc":{"start":44856,"end":44863,"line":{"s":830,"e":830,"code":["- [x] `data-doubletouch` only rendered when `action_extra` exists"]},"column":{"s":58,"e":65}},"dim":["","list.158","listItem.6","paragraph.0","text.4"],"code":" exists"},{"id":"/root/children/158/children/7","type":"listItem","loc":{"start":44864,"end":44945,"line":{"s":831,"e":831,"code":["- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)"]},"column":{"s":0,"e":81}},"dim":["","list.158","listItem.7"],"code":"- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)"},{"id":"/root/children/158/children/7/children/0","type":"paragraph","loc":{"start":44866,"end":44945,"line":{"s":831,"e":831,"code":["- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)"]},"column":{"s":2,"e":81}},"dim":["","list.158","listItem.7","paragraph.0"],"code":"[x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)"},{"id":"/root/children/158/children/7/children/0/children/0","type":"text","loc":{"start":44866,"end":44876,"line":{"s":831,"e":831,"code":["- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)"]},"column":{"s":2,"e":12}},"dim":["","list.158","listItem.7","paragraph.0","text.0"],"code":"[x] Fixed "},{"id":"/root/children/158/children/7/children/0/children/1","type":"inlineCode","loc":{"start":44876,"end":44901,"line":{"s":831,"e":831,"code":["- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)"]},"column":{"s":12,"e":37}},"dim":["","list.158","listItem.7","paragraph.0","inlineCode.1"],"code":"`window.touchbarDispatch`"},{"id":"/root/children/158/children/7/children/0/children/2","type":"text","loc":{"start":44901,"end":44945,"line":{"s":831,"e":831,"code":["- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)"]},"column":{"s":37,"e":81}},"dim":["","list.158","listItem.7","paragraph.0","text.2"],"code":" to receive origin element (not CustomEvent)"},{"id":"/root/children/158/children/8","type":"listItem","loc":{"start":44946,"end":45105,"line":{"s":832,"e":832,"code":["- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"]},"column":{"s":0,"e":159}},"dim":["","list.158","listItem.8"],"code":"- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"},{"id":"/root/children/158/children/8/children/0","type":"paragraph","loc":{"start":44948,"end":45105,"line":{"s":832,"e":832,"code":["- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"]},"column":{"s":2,"e":159}},"dim":["","list.158","listItem.8","paragraph.0"],"code":"[x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"},{"id":"/root/children/158/children/8/children/0/children/0","type":"text","loc":{"start":44948,"end":44969,"line":{"s":832,"e":832,"code":["- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"]},"column":{"s":2,"e":23}},"dim":["","list.158","listItem.8","paragraph.0","text.0"],"code":"[x] Mobile hide bug: "},{"id":"/root/children/158/children/8/children/0/children/1","type":"inlineCode","loc":{"start":44969,"end":44981,"line":{"s":832,"e":832,"code":["- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"]},"column":{"s":23,"e":35}},"dim":["","list.158","listItem.8","paragraph.0","inlineCode.1"],"code":"`touchstart`"},{"id":"/root/children/158/children/8/children/0/children/2","type":"text","loc":{"start":44981,"end":45001,"line":{"s":832,"e":832,"code":["- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"]},"column":{"s":35,"e":55}},"dim":["","list.158","listItem.8","paragraph.0","text.2"],"code":" hide path now sets "},{"id":"/root/children/158/children/8/children/0/children/3","type":"inlineCode","loc":{"start":45001,"end":45019,"line":{"s":832,"e":832,"code":["- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"]},"column":{"s":55,"e":73}},"dim":["","list.158","listItem.8","paragraph.0","inlineCode.3"],"code":"`toolbarJustShown`"},{"id":"/root/children/158/children/8/children/0/children/4","type":"text","loc":{"start":45019,"end":45037,"line":{"s":832,"e":832,"code":["- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"]},"column":{"s":73,"e":91}},"dim":["","list.158","listItem.8","paragraph.0","text.4"],"code":" so the synthetic "},{"id":"/root/children/158/children/8/children/0/children/5","type":"inlineCode","loc":{"start":45037,"end":45044,"line":{"s":832,"e":832,"code":["- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"]},"column":{"s":91,"e":98}},"dim":["","list.158","listItem.8","paragraph.0","inlineCode.5"],"code":"`click`"},{"id":"/root/children/158/children/8/children/0/children/6","type":"text","loc":{"start":45044,"end":45105,"line":{"s":832,"e":832,"code":["- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"]},"column":{"s":98,"e":159}},"dim":["","list.158","listItem.8","paragraph.0","text.6"],"code":" ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)"},{"id":"/root/children/158/children/9","type":"listItem","loc":{"start":45106,"end":45247,"line":{"s":833,"e":833,"code":["- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar"]},"column":{"s":0,"e":141}},"dim":["","list.158","listItem.9"],"code":"- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar"},{"id":"/root/children/158/children/9/children/0","type":"paragraph","loc":{"start":45108,"end":45247,"line":{"s":833,"e":833,"code":["- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar"]},"column":{"s":2,"e":141}},"dim":["","list.158","listItem.9","paragraph.0"],"code":"[x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar"},{"id":"/root/children/158/children/9/children/0/children/0","type":"text","loc":{"start":45108,"end":45140,"line":{"s":833,"e":833,"code":["- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar"]},"column":{"s":2,"e":34}},"dim":["","list.158","listItem.9","paragraph.0","text.0"],"code":"[x] Auto-close on action click: "},{"id":"/root/children/158/children/9/children/0/children/1","type":"inlineCode","loc":{"start":45140,"end":45165,"line":{"s":833,"e":833,"code":["- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar"]},"column":{"s":34,"e":59}},"dim":["","list.158","listItem.9","paragraph.0","inlineCode.1"],"code":"`window.touchbarDispatch`"},{"id":"/root/children/158/children/9/children/0/children/2","type":"text","loc":{"start":45165,"end":45172,"line":{"s":833,"e":833,"code":["- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar"]},"column":{"s":59,"e":66}},"dim":["","list.158","listItem.9","paragraph.0","text.2"],"code":" calls "},{"id":"/root/children/158/children/9/children/0/children/3","type":"inlineCode","loc":{"start":45172,"end":45182,"line":{"s":833,"e":833,"code":["- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar"]},"column":{"s":66,"e":76}},"dim":["","list.158","listItem.9","paragraph.0","inlineCode.3"],"code":"`fnHide()`"},{"id":"/root/children/158/children/9/children/0/children/4","type":"text","loc":{"start":45182,"end":45247,"line":{"s":833,"e":833,"code":["- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar"]},"column":{"s":76,"e":141}},"dim":["","list.158","listItem.9","paragraph.0","text.4"],"code":" after the switch so any toolbar button click closes the touchbar"},{"id":"/root/children/158/children/10","type":"listItem","loc":{"start":45248,"end":45890,"line":{"s":834,"e":837,"code":["- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:"," - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)"," - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"," - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":0,"e":160}},"dim":["","list.158","listItem.10"],"code":"- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"},{"id":"/root/children/158/children/10/children/0","type":"paragraph","loc":{"start":45250,"end":45315,"line":{"s":834,"e":834,"code":["- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:"]},"column":{"s":2,"e":67}},"dim":["","list.158","listItem.10","paragraph.0"],"code":"[x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:"},{"id":"/root/children/158/children/10/children/0/children/0","type":"text","loc":{"start":45250,"end":45262,"line":{"s":834,"e":834,"code":["- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:"]},"column":{"s":2,"e":14}},"dim":["","list.158","listItem.10","paragraph.0","text.0"],"code":"[x] Per-def "},{"id":"/root/children/158/children/10/children/0/children/1","type":"inlineCode","loc":{"start":45262,"end":45273,"line":{"s":834,"e":834,"code":["- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:"]},"column":{"s":14,"e":25}},"dim":["","list.158","listItem.10","paragraph.0","inlineCode.1"],"code":"`hideAfter`"},{"id":"/root/children/158/children/10/children/0/children/2","type":"text","loc":{"start":45273,"end":45293,"line":{"s":834,"e":834,"code":["- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:"]},"column":{"s":25,"e":45}},"dim":["","list.158","listItem.10","paragraph.0","text.2"],"code":" opt-in debounce in "},{"id":"/root/children/158/children/10/children/0/children/3","type":"inlineCode","loc":{"start":45293,"end":45314,"line":{"s":834,"e":834,"code":["- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:"]},"column":{"s":45,"e":66}},"dim":["","list.158","listItem.10","paragraph.0","inlineCode.3"],"code":"`ui-touchbar-defs.js`"},{"id":"/root/children/158/children/10/children/0/children/4","type":"text","loc":{"start":45314,"end":45315,"line":{"s":834,"e":834,"code":["- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:"]},"column":{"s":66,"e":67}},"dim":["","list.158","listItem.10","paragraph.0","text.4"],"code":":"},{"id":"/root/children/158/children/10/children/1","type":"list","loc":{"start":45318,"end":45890,"line":{"s":835,"e":837,"code":[" - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)"," - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"," - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":2,"e":160}},"dim":["","list.158","listItem.10","list.1"],"code":"- omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`","symbName":"list","symbRange":[null,null],"symbRangeL":[835,837],"outerCode":" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown","outerHtml":"`hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":2,"e":236}},"dim":["","list.158","listItem.10","list.1","listItem.1"],"code":"- `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"},{"id":"/root/children/158/children/10/children/1/children/1/children/0","type":"paragraph","loc":{"start":45497,"end":45729,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":4,"e":236}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0"],"code":"`hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"},{"id":"/root/children/158/children/10/children/1/children/1/children/0/children/0","type":"inlineCode","loc":{"start":45497,"end":45514,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":4,"e":21}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0","inlineCode.0"],"code":"`hideAfter: `"},{"id":"/root/children/158/children/10/children/1/children/1/children/0/children/1","type":"text","loc":{"start":45514,"end":45553,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":21,"e":60}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0","text.1"],"code":" (number or numeric string) → schedule "},{"id":"/root/children/158/children/10/children/1/children/1/children/0/children/2","type":"inlineCode","loc":{"start":45553,"end":45561,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":60,"e":68}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0","inlineCode.2"],"code":"`fnHide`"},{"id":"/root/children/158/children/10/children/1/children/1/children/0/children/3","type":"text","loc":{"start":45561,"end":45574,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":68,"e":81}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0","text.3"],"code":" N ms later; "},{"id":"/root/children/158/children/10/children/1/children/1/children/0/children/4","type":"strong","loc":{"start":45574,"end":45600,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":81,"e":107}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0","strong.4"],"code":"**global last-click-wins**"},{"id":"/root/children/158/children/10/children/1/children/1/children/0/children/4/children/0","type":"text","loc":{"start":45576,"end":45598,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":83,"e":105}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0","strong.4","text.0"],"code":"global last-click-wins"},{"id":"/root/children/158/children/10/children/1/children/1/children/0/children/5","type":"text","loc":{"start":45600,"end":45657,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":107,"e":164}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0","text.5"],"code":" — every dispatched click clears the shared module-level "},{"id":"/root/children/158/children/10/children/1/children/1/children/0/children/6","type":"inlineCode","loc":{"start":45657,"end":45668,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":164,"e":175}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0","inlineCode.6"],"code":"`hideTimer`"},{"id":"/root/children/158/children/10/children/1/children/1/children/0/children/7","type":"text","loc":{"start":45668,"end":45729,"line":{"s":836,"e":836,"code":[" - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown"]},"column":{"s":175,"e":236}},"dim":["","list.158","listItem.10","list.1","listItem.1","paragraph.0","text.7"],"code":" first, so rapid clicks (e.g. multi-vote) reset the countdown"},{"id":"/root/children/158/children/10/children/1/children/2","type":"listItem","loc":{"start":45732,"end":45890,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":2,"e":160}},"dim":["","list.158","listItem.10","list.1","listItem.2"],"code":"- Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"},{"id":"/root/children/158/children/10/children/1/children/2/children/0","type":"paragraph","loc":{"start":45734,"end":45890,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":4,"e":160}},"dim":["","list.158","listItem.10","list.1","listItem.2","paragraph.0"],"code":"Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"},{"id":"/root/children/158/children/10/children/1/children/2/children/0/children/0","type":"text","loc":{"start":45734,"end":45752,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":4,"e":22}},"dim":["","list.158","listItem.10","list.1","listItem.2","paragraph.0","text.0"],"code":"Wired by emitting "},{"id":"/root/children/158/children/10/children/1/children/2/children/0/children/1","type":"inlineCode","loc":{"start":45752,"end":45775,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":22,"e":45}},"dim":["","list.158","listItem.10","list.1","listItem.2","paragraph.0","inlineCode.1"],"code":"`data-hide-after=\"...\"`"},{"id":"/root/children/158/children/10/children/1/children/2/children/0/children/2","type":"text","loc":{"start":45775,"end":45794,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":45,"e":64}},"dim":["","list.158","listItem.10","list.1","listItem.2","paragraph.0","text.2"],"code":" on each button in "},{"id":"/root/children/158/children/10/children/1/children/2/children/0/children/3","type":"inlineCode","loc":{"start":45794,"end":45814,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":64,"e":84}},"dim":["","list.158","listItem.10","list.1","listItem.2","paragraph.0","inlineCode.3"],"code":"`updateToolbarItems`"},{"id":"/root/children/158/children/10/children/1/children/2/children/0/children/4","type":"text","loc":{"start":45814,"end":45827,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":84,"e":97}},"dim":["","list.158","listItem.10","list.1","listItem.2","paragraph.0","text.4"],"code":" and reading "},{"id":"/root/children/158/children/10/children/1/children/2/children/0/children/5","type":"inlineCode","loc":{"start":45827,"end":45868,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":97,"e":138}},"dim":["","list.158","listItem.10","list.1","listItem.2","paragraph.0","inlineCode.5"],"code":"`element.getAttribute(\"data-hide-after\")`"},{"id":"/root/children/158/children/10/children/1/children/2/children/0/children/6","type":"text","loc":{"start":45868,"end":45872,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":138,"e":142}},"dim":["","list.158","listItem.10","list.1","listItem.2","paragraph.0","text.6"],"code":" in "},{"id":"/root/children/158/children/10/children/1/children/2/children/0/children/7","type":"inlineCode","loc":{"start":45872,"end":45890,"line":{"s":837,"e":837,"code":[" - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`"]},"column":{"s":142,"e":160}},"dim":["","list.158","listItem.10","list.1","listItem.2","paragraph.0","inlineCode.7"],"code":"`touchbarDispatch`"},{"id":"/root/children/158/children/11","type":"listItem","loc":{"start":45891,"end":46326,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":0,"e":435}},"dim":["","list.158","listItem.11"],"code":"- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."},{"id":"/root/children/158/children/11/children/0","type":"paragraph","loc":{"start":45893,"end":46326,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":2,"e":435}},"dim":["","list.158","listItem.11","paragraph.0"],"code":"[x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."},{"id":"/root/children/158/children/11/children/0/children/0","type":"text","loc":{"start":45893,"end":45897,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":2,"e":6}},"dim":["","list.158","listItem.11","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/158/children/11/children/0/children/1","type":"strong","loc":{"start":45897,"end":45944,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":6,"e":53}},"dim":["","list.158","listItem.11","paragraph.0","strong.1"],"code":"**`window.touchbarShow(definition, position)`**"},{"id":"/root/children/158/children/11/children/0/children/1/children/0","type":"inlineCode","loc":{"start":45899,"end":45942,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":8,"e":51}},"dim":["","list.158","listItem.11","paragraph.0","strong.1","inlineCode.0"],"code":"`window.touchbarShow(definition, position)`"},{"id":"/root/children/158/children/11/children/0/children/2","type":"text","loc":{"start":45944,"end":45990,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":53,"e":99}},"dim":["","list.158","listItem.11","paragraph.0","text.2"],"code":" — programmatic touchbar invocation without a "},{"id":"/root/children/158/children/11/children/0/children/3","type":"inlineCode","loc":{"start":45990,"end":46006,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":99,"e":115}},"dim":["","list.158","listItem.11","paragraph.0","inlineCode.3"],"code":"`[data-tooltip]`"},{"id":"/root/children/158/children/11/children/0/children/4","type":"text","loc":{"start":46006,"end":46054,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":115,"e":163}},"dim":["","list.158","listItem.11","paragraph.0","text.4"],"code":" host element. Creates a synthetic element with "},{"id":"/root/children/158/children/11/children/0/children/5","type":"inlineCode","loc":{"start":46054,"end":46058,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":163,"e":167}},"dim":["","list.158","listItem.11","paragraph.0","inlineCode.5"],"code":"`id`"},{"id":"/root/children/158/children/11/children/0/children/6","type":"text","loc":{"start":46058,"end":46061,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":167,"e":170}},"dim":["","list.158","listItem.11","paragraph.0","text.6"],"code":" + "},{"id":"/root/children/158/children/11/children/0/children/7","type":"inlineCode","loc":{"start":46061,"end":46075,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":170,"e":184}},"dim":["","list.158","listItem.11","paragraph.0","inlineCode.7"],"code":"`data-tooltip`"},{"id":"/root/children/158/children/11/children/0/children/8","type":"text","loc":{"start":46075,"end":46083,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":184,"e":192}},"dim":["","list.158","listItem.11","paragraph.0","text.8"],"code":", calls "},{"id":"/root/children/158/children/11/children/0/children/9","type":"inlineCode","loc":{"start":46083,"end":46104,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":192,"e":213}},"dim":["","list.158","listItem.11","paragraph.0","inlineCode.9"],"code":"`tooltipMaker.render`"},{"id":"/root/children/158/children/11/children/0/children/10","type":"text","loc":{"start":46104,"end":46129,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":213,"e":238}},"dim":["","list.158","listItem.11","paragraph.0","text.10"],"code":" directly, positions via "},{"id":"/root/children/158/children/11/children/0/children/11","type":"inlineCode","loc":{"start":46129,"end":46146,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":238,"e":255}},"dim":["","list.158","listItem.11","paragraph.0","inlineCode.11"],"code":"`positionTooltip`"},{"id":"/root/children/158/children/11/children/0/children/12","type":"text","loc":{"start":46146,"end":46209,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":255,"e":318}},"dim":["","list.158","listItem.11","paragraph.0","text.12"],"code":" with a 0×0 emitter rect at the given viewport coords. Used by "},{"id":"/root/children/158/children/11/children/0/children/13","type":"inlineCode","loc":{"start":46209,"end":46231,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":318,"e":340}},"dim":["","list.158","listItem.11","paragraph.0","inlineCode.13"],"code":"`cmdVotingCampaign.js`"},{"id":"/root/children/158/children/11/children/0/children/14","type":"text","loc":{"start":46231,"end":46239,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":340,"e":348}},"dim":["","list.158","listItem.11","paragraph.0","text.14"],"code":"'s Vega "},{"id":"/root/children/158/children/11/children/0/children/15","type":"inlineCode","loc":{"start":46239,"end":46252,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":348,"e":361}},"dim":["","list.158","listItem.11","paragraph.0","inlineCode.15"],"code":"`clickedWord`"},{"id":"/root/children/158/children/11/children/0/children/16","type":"text","loc":{"start":46252,"end":46326,"line":{"s":838,"e":838,"code":["- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position."]},"column":{"s":361,"e":435}},"dim":["","list.158","listItem.11","paragraph.0","text.16"],"code":" listener to open the fragment-action menu at the clicked task's position."},{"id":"/root/children/159","type":"heading","loc":{"start":46328,"end":46341,"line":{"s":840,"e":840,"code":["## Known gaps"]},"column":{"s":0,"e":13}},"dim":["","heading.159"],"code":"## Known gaps","symbName":"heading","symbRange":[46343,46714],"symbRangeL":[840,844],"outerCode":"\n- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)\n- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check","outerHtml":"\nNo \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history) `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check Tabler \n\nDone "},{"id":"/root/children/160/children/0","type":"listItem","loc":{"start":46343,"end":46502,"line":{"s":842,"e":842,"code":["- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)"]},"column":{"s":0,"e":159}},"dim":["","list.160","listItem.0"],"code":"- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)"},{"id":"/root/children/160/children/0/children/0","type":"paragraph","loc":{"start":46345,"end":46502,"line":{"s":842,"e":842,"code":["- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)"]},"column":{"s":2,"e":159}},"dim":["","list.160","listItem.0","paragraph.0"],"code":"No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)"},{"id":"/root/children/160/children/0/children/0/children/0","type":"text","loc":{"start":46345,"end":46428,"line":{"s":842,"e":842,"code":["- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)"]},"column":{"s":2,"e":85}},"dim":["","list.160","listItem.0","paragraph.0","text.0"],"code":"No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific "},{"id":"/root/children/160/children/0/children/0/children/1","type":"inlineCode","loc":{"start":46428,"end":46446,"line":{"s":842,"e":842,"code":["- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)"]},"column":{"s":85,"e":103}},"dim":["","list.160","listItem.0","paragraph.0","inlineCode.1"],"code":"`touchbarDispatch`"},{"id":"/root/children/160/children/0/children/0/children/2","type":"text","loc":{"start":46446,"end":46502,"line":{"s":842,"e":842,"code":["- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)"]},"column":{"s":103,"e":159}},"dim":["","list.160","listItem.0","paragraph.0","text.2"],"code":" verbs (glass:clear, glass:clear-history, glass:history)"},{"id":"/root/children/160/children/1","type":"listItem","loc":{"start":46503,"end":46714,"line":{"s":843,"e":843,"code":["- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"]},"column":{"s":0,"e":211}},"dim":["","list.160","listItem.1"],"code":"- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"},{"id":"/root/children/160/children/1/children/0","type":"paragraph","loc":{"start":46505,"end":46714,"line":{"s":843,"e":843,"code":["- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"]},"column":{"s":2,"e":211}},"dim":["","list.160","listItem.1","paragraph.0"],"code":"`initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"},{"id":"/root/children/160/children/1/children/0/children/0","type":"inlineCode","loc":{"start":46505,"end":46544,"line":{"s":843,"e":843,"code":["- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"]},"column":{"s":2,"e":41}},"dim":["","list.160","listItem.1","paragraph.0","inlineCode.0"],"code":"`initTouchpad(\"#alpine-touchpad\", ...)`"},{"id":"/root/children/160/children/1/children/0/children/1","type":"text","loc":{"start":46544,"end":46622,"line":{"s":843,"e":843,"code":["- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"]},"column":{"s":41,"e":119}},"dim":["","list.160","listItem.1","paragraph.0","text.1"],"code":" in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has "},{"id":"/root/children/160/children/1/children/0/children/2","type":"inlineCode","loc":{"start":46622,"end":46640,"line":{"s":843,"e":843,"code":["- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"]},"column":{"s":119,"e":137}},"dim":["","list.160","listItem.1","paragraph.0","inlineCode.2"],"code":"`#alpine-touchbar`"},{"id":"/root/children/160/children/1/children/0/children/3","type":"text","loc":{"start":46640,"end":46643,"line":{"s":843,"e":843,"code":["- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"]},"column":{"s":137,"e":140}},"dim":["","list.160","listItem.1","paragraph.0","text.3"],"code":"); "},{"id":"/root/children/160/children/1/children/0/children/4","type":"inlineCode","loc":{"start":46643,"end":46660,"line":{"s":843,"e":843,"code":["- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"]},"column":{"s":140,"e":157}},"dim":["","list.160","listItem.1","paragraph.0","inlineCode.4"],"code":"`initDoubleTouch`"},{"id":"/root/children/160/children/1/children/0/children/5","type":"text","loc":{"start":46660,"end":46714,"line":{"s":843,"e":843,"code":["- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check"]},"column":{"s":157,"e":211}},"dim":["","list.160","listItem.1","paragraph.0","text.5"],"code":" still runs because it fires before the selector check"},{"id":"/root/children/161","type":"heading","loc":{"start":46716,"end":46724,"line":{"s":845,"e":845,"code":["# Tabler"]},"column":{"s":0,"e":8}},"dim":["","heading.161"],"code":"# Tabler","symbName":"heading","symbRange":[46726,70981],"symbRangeL":[845,846],"outerCode":"","outerHtml":""},{"id":"/root/children/161/children/0","type":"text","loc":{"start":46718,"end":46724,"line":{"s":845,"e":845,"code":["# Tabler"]},"column":{"s":2,"e":8}},"dim":["","heading.161","text.0"],"code":"Tabler"},{"id":"/root/children/162","type":"heading","loc":{"start":46726,"end":46733,"line":{"s":847,"e":847,"code":["## Done"]},"column":{"s":0,"e":7}},"dim":["","heading.162"],"code":"## Done","symbName":"heading","symbRange":[46735,47878],"symbRangeL":[847,854],"outerCode":"\n- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)\n- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)\n- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup\n- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast\n- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order","outerHtml":"\n[x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator) [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires both `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it) [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-`, `--font-color- `, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires both `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it) [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-`, `--font-color- `, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order Eisenhower matrix \n\nDone "},{"id":"/root/children/163/children/0","type":"listItem","loc":{"start":46735,"end":46837,"line":{"s":849,"e":849,"code":["- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)"]},"column":{"s":0,"e":102}},"dim":["","list.163","listItem.0"],"code":"- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)"},{"id":"/root/children/163/children/0/children/0","type":"paragraph","loc":{"start":46737,"end":46837,"line":{"s":849,"e":849,"code":["- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)"]},"column":{"s":2,"e":102}},"dim":["","list.163","listItem.0","paragraph.0"],"code":"[x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)"},{"id":"/root/children/163/children/0/children/0/children/0","type":"text","loc":{"start":46737,"end":46741,"line":{"s":849,"e":849,"code":["- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)"]},"column":{"s":2,"e":6}},"dim":["","list.163","listItem.0","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/163/children/0/children/0/children/1","type":"inlineCode","loc":{"start":46741,"end":46759,"line":{"s":849,"e":849,"code":["- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)"]},"column":{"s":6,"e":24}},"dim":["","list.163","listItem.0","paragraph.0","inlineCode.1"],"code":"`player/tabler.js`"},{"id":"/root/children/163/children/0/children/0/children/2","type":"text","loc":{"start":46759,"end":46837,"line":{"s":849,"e":849,"code":["- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)"]},"column":{"s":24,"e":102}},"dim":["","list.163","listItem.0","paragraph.0","text.2"],"code":" now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)"},{"id":"/root/children/163/children/1","type":"listItem","loc":{"start":46838,"end":47109,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":0,"e":271}},"dim":["","list.163","listItem.1"],"code":"- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"},{"id":"/root/children/163/children/1/children/0","type":"paragraph","loc":{"start":46840,"end":47109,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":2,"e":271}},"dim":["","list.163","listItem.1","paragraph.0"],"code":"[x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"},{"id":"/root/children/163/children/1/children/0/children/0","type":"text","loc":{"start":46840,"end":46844,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":2,"e":6}},"dim":["","list.163","listItem.1","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/163/children/1/children/0/children/1","type":"inlineCode","loc":{"start":46844,"end":46871,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":6,"e":33}},"dim":["","list.163","listItem.1","paragraph.0","inlineCode.1"],"code":"`div.tabulator-tableholder`"},{"id":"/root/children/163/children/1/children/0/children/2","type":"text","loc":{"start":46871,"end":46912,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":33,"e":74}},"dim":["","list.163","listItem.1","paragraph.0","text.2"],"code":" auto-shrinks for short tables: requires "},{"id":"/root/children/163/children/1/children/0/children/3","type":"strong","loc":{"start":46912,"end":46920,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":74,"e":82}},"dim":["","list.163","listItem.1","paragraph.0","strong.3"],"code":"**both**"},{"id":"/root/children/163/children/1/children/0/children/3/children/0","type":"text","loc":{"start":46914,"end":46918,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":76,"e":80}},"dim":["","list.163","listItem.1","paragraph.0","strong.3","text.0"],"code":"both"},{"id":"/root/children/163/children/1/children/0/children/4","type":"text","loc":{"start":46920,"end":46921,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":82,"e":83}},"dim":["","list.163","listItem.1","paragraph.0","text.4"],"code":" "},{"id":"/root/children/163/children/1/children/0/children/5","type":"inlineCode","loc":{"start":46921,"end":46936,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":83,"e":98}},"dim":["","list.163","listItem.1","paragraph.0","inlineCode.5"],"code":"`height: false`"},{"id":"/root/children/163/children/1/children/0/children/6","type":"text","loc":{"start":46936,"end":46941,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":98,"e":103}},"dim":["","list.163","listItem.1","paragraph.0","text.6"],"code":" and "},{"id":"/root/children/163/children/1/children/0/children/7","type":"inlineCode","loc":{"start":46941,"end":46960,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":103,"e":122}},"dim":["","list.163","listItem.1","paragraph.0","inlineCode.7"],"code":"`maxHeight: '90vh'`"},{"id":"/root/children/163/children/1/children/0/children/8","type":"text","loc":{"start":46960,"end":46980,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":122,"e":142}},"dim":["","list.163","listItem.1","paragraph.0","text.8"],"code":" at tabler.js:150 — "},{"id":"/root/children/163/children/1/children/0/children/9","type":"inlineCode","loc":{"start":46980,"end":46991,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":142,"e":153}},"dim":["","list.163","listItem.1","paragraph.0","inlineCode.9"],"code":"`maxHeight`"},{"id":"/root/children/163/children/1/children/0/children/10","type":"text","loc":{"start":46991,"end":47051,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":153,"e":213}},"dim":["","list.163","listItem.1","paragraph.0","text.10"],"code":" alone did not shrink (Tabulator 6 defaults to fill-parent; "},{"id":"/root/children/163/children/1/children/0/children/11","type":"inlineCode","loc":{"start":47051,"end":47066,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":213,"e":228}},"dim":["","list.163","listItem.1","paragraph.0","inlineCode.11"],"code":"`height: false`"},{"id":"/root/children/163/children/1/children/0/children/12","type":"text","loc":{"start":47066,"end":47089,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":228,"e":251}},"dim":["","list.163","listItem.1","paragraph.0","text.12"],"code":" turns on auto-sizing, "},{"id":"/root/children/163/children/1/children/0/children/13","type":"inlineCode","loc":{"start":47089,"end":47100,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":251,"e":262}},"dim":["","list.163","listItem.1","paragraph.0","inlineCode.13"],"code":"`maxHeight`"},{"id":"/root/children/163/children/1/children/0/children/14","type":"text","loc":{"start":47100,"end":47109,"line":{"s":850,"e":850,"code":["- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)"]},"column":{"s":262,"e":271}},"dim":["","list.163","listItem.1","paragraph.0","text.14"],"code":" caps it)"},{"id":"/root/children/163/children/2","type":"listItem","loc":{"start":47110,"end":47265,"line":{"s":851,"e":851,"code":["- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup"]},"column":{"s":0,"e":155}},"dim":["","list.163","listItem.2"],"code":"- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup"},{"id":"/root/children/163/children/2/children/0","type":"paragraph","loc":{"start":47112,"end":47265,"line":{"s":851,"e":851,"code":["- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup"]},"column":{"s":2,"e":155}},"dim":["","list.163","listItem.2","paragraph.0"],"code":"[x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup"},{"id":"/root/children/163/children/2/children/0/children/0","type":"text","loc":{"start":47112,"end":47160,"line":{"s":851,"e":851,"code":["- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup"]},"column":{"s":2,"e":50}},"dim":["","list.163","listItem.2","paragraph.0","text.0"],"code":"[x] HTML in cells rendered (not escaped): added "},{"id":"/root/children/163/children/2/children/0/children/1","type":"inlineCode","loc":{"start":47160,"end":47199,"line":{"s":851,"e":851,"code":["- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup"]},"column":{"s":50,"e":89}},"dim":["","list.163","listItem.2","paragraph.0","inlineCode.1"],"code":"`columnDefaults: { formatter: 'html' }`"},{"id":"/root/children/163/children/2/children/0/children/2","type":"text","loc":{"start":47199,"end":47233,"line":{"s":851,"e":851,"code":["- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup"]},"column":{"s":89,"e":123}},"dim":["","list.163","listItem.2","paragraph.0","text.2"],"code":" — Tabulator default formatter is "},{"id":"/root/children/163/children/2/children/0/children/3","type":"inlineCode","loc":{"start":47233,"end":47244,"line":{"s":851,"e":851,"code":["- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup"]},"column":{"s":123,"e":134}},"dim":["","list.163","listItem.2","paragraph.0","inlineCode.3"],"code":"`plaintext`"},{"id":"/root/children/163/children/2/children/0/children/4","type":"text","loc":{"start":47244,"end":47265,"line":{"s":851,"e":851,"code":["- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup"]},"column":{"s":134,"e":155}},"dim":["","list.163","listItem.2","paragraph.0","text.4"],"code":" which escapes markup"},{"id":"/root/children/163/children/3","type":"listItem","loc":{"start":47266,"end":47628,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":0,"e":362}},"dim":["","list.163","listItem.3"],"code":"- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"},{"id":"/root/children/163/children/3/children/0","type":"paragraph","loc":{"start":47268,"end":47628,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":2,"e":362}},"dim":["","list.163","listItem.3","paragraph.0"],"code":"[x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"},{"id":"/root/children/163/children/3/children/0/children/0","type":"text","loc":{"start":47268,"end":47296,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":2,"e":30}},"dim":["","list.163","listItem.3","paragraph.0","text.0"],"code":"[x] Themed Tabulator CSS in "},{"id":"/root/children/163/children/3/children/0/children/1","type":"inlineCode","loc":{"start":47296,"end":47336,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":30,"e":70}},"dim":["","list.163","listItem.3","paragraph.0","inlineCode.1"],"code":"`source/assets/theme-bare/repolero.less`"},{"id":"/root/children/163/children/3/children/0/children/2","type":"text","loc":{"start":47336,"end":47388,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":70,"e":122}},"dim":["","list.163","listItem.3","paragraph.0","text.2"],"code":" (appended at bottom) — uses the repolero CSS vars ("},{"id":"/root/children/163/children/3/children/0/children/3","type":"inlineCode","loc":{"start":47388,"end":47410,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":122,"e":144}},"dim":["","list.163","listItem.3","paragraph.0","inlineCode.3"],"code":"`--background-color-*`"},{"id":"/root/children/163/children/3/children/0/children/4","type":"text","loc":{"start":47410,"end":47412,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":144,"e":146}},"dim":["","list.163","listItem.3","paragraph.0","text.4"],"code":", "},{"id":"/root/children/163/children/3/children/0/children/5","type":"inlineCode","loc":{"start":47412,"end":47428,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":146,"e":162}},"dim":["","list.163","listItem.3","paragraph.0","inlineCode.5"],"code":"`--font-color-*`"},{"id":"/root/children/163/children/3/children/0/children/6","type":"text","loc":{"start":47428,"end":47430,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":162,"e":164}},"dim":["","list.163","listItem.3","paragraph.0","text.6"],"code":", "},{"id":"/root/children/163/children/3/children/0/children/7","type":"inlineCode","loc":{"start":47430,"end":47448,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":164,"e":182}},"dim":["","list.163","listItem.3","paragraph.0","inlineCode.7"],"code":"`--border-color-*`"},{"id":"/root/children/163/children/3/children/0/children/8","type":"text","loc":{"start":47448,"end":47450,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":182,"e":184}},"dim":["","list.163","listItem.3","paragraph.0","text.8"],"code":", "},{"id":"/root/children/163/children/3/children/0/children/9","type":"inlineCode","loc":{"start":47450,"end":47471,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":184,"e":205}},"dim":["","list.163","listItem.3","paragraph.0","inlineCode.9"],"code":"`--font-family-small`"},{"id":"/root/children/163/children/3/children/0/children/10","type":"text","loc":{"start":47471,"end":47473,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":205,"e":207}},"dim":["","list.163","listItem.3","paragraph.0","text.10"],"code":", "},{"id":"/root/children/163/children/3/children/0/children/11","type":"inlineCode","loc":{"start":47473,"end":47493,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":207,"e":227}},"dim":["","list.163","listItem.3","paragraph.0","inlineCode.11"],"code":"`--font-family-bold`"},{"id":"/root/children/163/children/3/children/0/children/12","type":"text","loc":{"start":47493,"end":47517,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":227,"e":251}},"dim":["","list.163","listItem.3","paragraph.0","text.12"],"code":") so dark/light follows "},{"id":"/root/children/163/children/3/children/0/children/13","type":"inlineCode","loc":{"start":47517,"end":47528,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":251,"e":262}},"dim":["","list.163","listItem.3","paragraph.0","inlineCode.13"],"code":"`body.dark`"},{"id":"/root/children/163/children/3/children/0/children/14","type":"text","loc":{"start":47528,"end":47531,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":262,"e":265}},"dim":["","list.163","listItem.3","paragraph.0","text.14"],"code":" / "},{"id":"/root/children/163/children/3/children/0/children/15","type":"inlineCode","loc":{"start":47531,"end":47543,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":265,"e":277}},"dim":["","list.163","listItem.3","paragraph.0","inlineCode.15"],"code":"`body.light`"},{"id":"/root/children/163/children/3/children/0/children/16","type":"text","loc":{"start":47543,"end":47628,"line":{"s":852,"e":852,"code":["- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast"]},"column":{"s":277,"e":362}},"dim":["","list.163","listItem.3","paragraph.0","text.16"],"code":" automatically; small mode-specific tweaks for selected-row color and border contrast"},{"id":"/root/children/163/children/4","type":"listItem","loc":{"start":47629,"end":47878,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":0,"e":249}},"dim":["","list.163","listItem.4"],"code":"- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"},{"id":"/root/children/163/children/4/children/0","type":"paragraph","loc":{"start":47631,"end":47878,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":2,"e":249}},"dim":["","list.163","listItem.4","paragraph.0"],"code":"[x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"},{"id":"/root/children/163/children/4/children/0/children/0","type":"text","loc":{"start":47631,"end":47635,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":2,"e":6}},"dim":["","list.163","listItem.4","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/163/children/4/children/0/children/1","type":"inlineCode","loc":{"start":47635,"end":47651,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":6,"e":22}},"dim":["","list.163","listItem.4","paragraph.0","inlineCode.1"],"code":"`.tabulator-col`"},{"id":"/root/children/163/children/4/children/0/children/2","type":"text","loc":{"start":47651,"end":47686,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":22,"e":57}},"dim":["","list.163","listItem.4","paragraph.0","text.2"],"code":" overrides need to be nested under "},{"id":"/root/children/163/children/4/children/0/children/3","type":"inlineCode","loc":{"start":47686,"end":47705,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":57,"e":76}},"dim":["","list.163","listItem.4","paragraph.0","inlineCode.3"],"code":"`.tabulator-header`"},{"id":"/root/children/163/children/4/children/0/children/4","type":"text","loc":{"start":47705,"end":47716,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":76,"e":87}},"dim":["","list.163","listItem.4","paragraph.0","text.4"],"code":" (not just "},{"id":"/root/children/163/children/4/children/0/children/5","type":"inlineCode","loc":{"start":47716,"end":47728,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":87,"e":99}},"dim":["","list.163","listItem.4","paragraph.0","inlineCode.5"],"code":"`.tabulator`"},{"id":"/root/children/163/children/4/children/0/children/6","type":"text","loc":{"start":47728,"end":47764,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":99,"e":135}},"dim":["","list.163","listItem.4","paragraph.0","text.6"],"code":") to beat the bundled-theme default "},{"id":"/root/children/163/children/4/children/0/children/7","type":"inlineCode","loc":{"start":47764,"end":47829,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":135,"e":200}},"dim":["","list.163","listItem.4","paragraph.0","inlineCode.7"],"code":"`.tabulator .tabulator-header .tabulator-col { background:#fff }`"},{"id":"/root/children/163/children/4/children/0/children/8","type":"text","loc":{"start":47829,"end":47878,"line":{"s":853,"e":853,"code":["- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order"]},"column":{"s":200,"e":249}},"dim":["","list.163","listItem.4","paragraph.0","text.8"],"code":" — same specificity (0,3,0) wins by cascade order"},{"id":"/root/children/164","type":"heading","loc":{"start":47880,"end":47899,"line":{"s":855,"e":855,"code":["# Eisenhower matrix"]},"column":{"s":0,"e":19}},"dim":["","heading.164"],"code":"# Eisenhower matrix","symbName":"heading","symbRange":[47901,70981],"symbRangeL":[855,856],"outerCode":"","outerHtml":""},{"id":"/root/children/164/children/0","type":"text","loc":{"start":47882,"end":47899,"line":{"s":855,"e":855,"code":["# Eisenhower matrix"]},"column":{"s":2,"e":19}},"dim":["","heading.164","text.0"],"code":"Eisenhower matrix"},{"id":"/root/children/165","type":"heading","loc":{"start":47901,"end":47908,"line":{"s":857,"e":857,"code":["## Done"]},"column":{"s":0,"e":7}},"dim":["","heading.165"],"code":"## Done","symbName":"heading","symbRange":[47910,52944],"symbRangeL":[857,880],"outerCode":"\n- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems.\n- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group.\n- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark.\n- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour.\n- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire.\n- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center.\n- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks.\n- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel.\n- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`.\n- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be.\n- [x] **`showBorder` box width fix** — Two corrections:\n - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal).\n- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:\n 1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n - Controlled by `config.densityOptimum` (default `0.6`)\n - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar\n- [x] **Font scale cap now width-proportional** — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula.","outerHtml":"\n[x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems. [x] Conflict lines (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group. [x] Font family on Vega text marks — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark. [x] `gravityToCorner` mode (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour. [x] Quasi-square grid in gravity mode — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire. [x] Stretch to span box — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center. [x] Label clearance — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks. [x] 2 px quadrant gap — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel. [x] `harmonizeColors` helper — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`. [x] Density culling fontSize re-evaluation — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be. [x] `showBorder` box width fix — Two corrections:First pass (all layout engines): `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.Second pass (eisenhover-matrix.js positioning loop): The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a separate Vega text mark at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal). [x] StdDev-based density culling — Replaced simple ascending-score drop with two-pass culling per quadrant:Compute `mean` and `stdDev` of task scores in quadrant First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliersRecalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()` Controlled by `config.densityOptimum` (default `0.6`) `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar [x] Font scale cap now width-proportional — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula. [x] Conflict lines (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group. [x] Font family on Vega text marks — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark. [x] `gravityToCorner` mode (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour. [x] Quasi-square grid in gravity mode — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire. [x] Stretch to span box — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center. [x] Label clearance — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks. [x] 2 px quadrant gap — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel. [x] `harmonizeColors` helper — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`. [x] Density culling fontSize re-evaluation — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be. [x] `showBorder` box width fix — Two corrections:First pass (all layout engines): `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.Second pass (eisenhover-matrix.js positioning loop): The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a separate Vega text mark at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal). [x] StdDev-based density culling — Replaced simple ascending-score drop with two-pass culling per quadrant:Compute `mean` and `stdDev` of task scores in quadrant First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliersRecalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()` Controlled by `config.densityOptimum` (default `0.6`) `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar [x] Font scale cap now width-proportional — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula. Use "},{"id":"/root/children/166/children/0","type":"listItem","loc":{"start":47910,"end":48460,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":0,"e":550}},"dim":["","list.166","listItem.0"],"code":"- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."},{"id":"/root/children/166/children/0/children/0","type":"paragraph","loc":{"start":47912,"end":48460,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":2,"e":550}},"dim":["","list.166","listItem.0","paragraph.0"],"code":"[x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."},{"id":"/root/children/166/children/0/children/0/children/0","type":"text","loc":{"start":47912,"end":47916,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.0","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/0/children/0/children/1","type":"inlineCode","loc":{"start":47916,"end":47945,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":6,"e":35}},"dim":["","list.166","listItem.0","paragraph.0","inlineCode.1"],"code":"`player/eisenhover-matrix.js`"},{"id":"/root/children/166/children/0/children/0/children/2","type":"text","loc":{"start":47945,"end":47962,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":35,"e":52}},"dim":["","list.166","listItem.0","paragraph.0","text.2"],"code":" — replaced Vega "},{"id":"/root/children/166/children/0/children/0/children/3","type":"inlineCode","loc":{"start":47962,"end":47973,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":52,"e":63}},"dim":["","list.166","listItem.0","paragraph.0","inlineCode.3"],"code":"`wordcloud`"},{"id":"/root/children/166/children/0/children/0/children/4","type":"text","loc":{"start":47973,"end":48139,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":63,"e":229}},"dim":["","list.166","listItem.0","paragraph.0","text.4"],"code":" transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned "},{"id":"/root/children/166/children/0/children/0/children/5","type":"inlineCode","loc":{"start":48139,"end":48163,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":229,"e":253}},"dim":["","list.166","listItem.0","paragraph.0","inlineCode.5"],"code":"`{task, fontSize, x, y}`"},{"id":"/root/children/166/children/0/children/0/children/6","type":"text","loc":{"start":48163,"end":48241,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":253,"e":331}},"dim":["","list.166","listItem.0","paragraph.0","text.6"],"code":" to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum "},{"id":"/root/children/166/children/0/children/0/children/7","type":"inlineCode","loc":{"start":48241,"end":48251,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":331,"e":341}},"dim":["","list.166","listItem.0","paragraph.0","inlineCode.7"],"code":"`fontSize`"},{"id":"/root/children/166/children/0/children/0/children/8","type":"text","loc":{"start":48251,"end":48267,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":341,"e":357}},"dim":["","list.166","listItem.0","paragraph.0","text.8"],"code":" accessor (both "},{"id":"/root/children/166/children/0/children/0/children/9","type":"inlineCode","loc":{"start":48267,"end":48276,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":357,"e":366}},"dim":["","list.166","listItem.0","paragraph.0","inlineCode.9"],"code":"`{field}`"},{"id":"/root/children/166/children/0/children/0/children/10","type":"text","loc":{"start":48276,"end":48281,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":366,"e":371}},"dim":["","list.166","listItem.0","paragraph.0","text.10"],"code":" and "},{"id":"/root/children/166/children/0/children/0/children/11","type":"inlineCode","loc":{"start":48281,"end":48289,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":371,"e":379}},"dim":["","list.166","listItem.0","paragraph.0","inlineCode.11"],"code":"`{expr}`"},{"id":"/root/children/166/children/0/children/0/children/12","type":"text","loc":{"start":48289,"end":48304,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":379,"e":394}},"dim":["","list.166","listItem.0","paragraph.0","text.12"],"code":" forms) throws "},{"id":"/root/children/166/children/0/children/0/children/13","type":"inlineCode","loc":{"start":48304,"end":48359,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":394,"e":449}},"dim":["","list.166","listItem.0","paragraph.0","inlineCode.13"],"code":"`Cannot read properties of undefined (reading 'score')`"},{"id":"/root/children/166/children/0/children/0/children/14","type":"text","loc":{"start":48359,"end":48460,"line":{"s":859,"e":859,"code":["- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."]},"column":{"s":449,"e":550}},"dim":["","list.166","listItem.0","paragraph.0","text.14"],"code":"; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems."},{"id":"/root/children/166/children/1","type":"listItem","loc":{"start":48461,"end":48792,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":0,"e":331}},"dim":["","list.166","listItem.1"],"code":"- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."},{"id":"/root/children/166/children/1/children/0","type":"paragraph","loc":{"start":48463,"end":48792,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":2,"e":331}},"dim":["","list.166","listItem.1","paragraph.0"],"code":"[x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."},{"id":"/root/children/166/children/1/children/0/children/0","type":"text","loc":{"start":48463,"end":48467,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.1","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/1/children/0/children/1","type":"strong","loc":{"start":48467,"end":48485,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":6,"e":24}},"dim":["","list.166","listItem.1","paragraph.0","strong.1"],"code":"**Conflict lines**"},{"id":"/root/children/166/children/1/children/0/children/1/children/0","type":"text","loc":{"start":48469,"end":48483,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":8,"e":22}},"dim":["","list.166","listItem.1","paragraph.0","strong.1","text.0"],"code":"Conflict lines"},{"id":"/root/children/166/children/1/children/0/children/2","type":"text","loc":{"start":48485,"end":48487,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":24,"e":26}},"dim":["","list.166","listItem.1","paragraph.0","text.2"],"code":" ("},{"id":"/root/children/166/children/1/children/0/children/3","type":"inlineCode","loc":{"start":48487,"end":48503,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":26,"e":42}},"dim":["","list.166","listItem.1","paragraph.0","inlineCode.3"],"code":"`config.connect`"},{"id":"/root/children/166/children/1/children/0/children/4","type":"text","loc":{"start":48503,"end":48603,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":42,"e":142}},"dim":["","list.166","listItem.1","paragraph.0","text.4"],"code":") — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable "},{"id":"/root/children/166/children/1/children/0/children/5","type":"inlineCode","loc":{"start":48603,"end":48608,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":142,"e":147}},"dim":["","list.166","listItem.1","paragraph.0","inlineCode.5"],"code":"`url`"},{"id":"/root/children/166/children/1/children/0/children/6","type":"text","loc":{"start":48608,"end":48626,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":147,"e":165}},"dim":["","list.166","listItem.1","paragraph.0","text.6"],"code":" (falling back to "},{"id":"/root/children/166/children/1/children/0/children/7","type":"inlineCode","loc":{"start":48626,"end":48632,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":165,"e":171}},"dim":["","list.166","listItem.1","paragraph.0","inlineCode.7"],"code":"`task`"},{"id":"/root/children/166/children/1/children/0/children/8","type":"text","loc":{"start":48632,"end":48647,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":171,"e":186}},"dim":["","list.166","listItem.1","paragraph.0","text.8"],"code":"); the display "},{"id":"/root/children/166/children/1/children/0/children/9","type":"inlineCode","loc":{"start":48647,"end":48653,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":186,"e":192}},"dim":["","list.166","listItem.1","paragraph.0","inlineCode.9"],"code":"`task`"},{"id":"/root/children/166/children/1/children/0/children/10","type":"text","loc":{"start":48653,"end":48693,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":192,"e":232}},"dim":["","list.166","listItem.1","paragraph.0","text.10"],"code":" carries a per-quadrant vote count like "},{"id":"/root/children/166/children/1/children/0/children/11","type":"inlineCode","loc":{"start":48693,"end":48706,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":232,"e":245}},"dim":["","list.166","listItem.1","paragraph.0","inlineCode.11"],"code":"`\"filmy (3)\"`"},{"id":"/root/children/166/children/1/children/0/children/12","type":"text","loc":{"start":48706,"end":48792,"line":{"s":860,"e":860,"code":["- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group."]},"column":{"s":245,"e":331}},"dim":["","list.166","listItem.1","paragraph.0","text.12"],"code":" and would never match across quadrants. All-pairs interconnect inside each url-group."},{"id":"/root/children/166/children/2","type":"listItem","loc":{"start":48793,"end":49015,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":0,"e":222}},"dim":["","list.166","listItem.2"],"code":"- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."},{"id":"/root/children/166/children/2/children/0","type":"paragraph","loc":{"start":48795,"end":49015,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":2,"e":222}},"dim":["","list.166","listItem.2","paragraph.0"],"code":"[x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."},{"id":"/root/children/166/children/2/children/0/children/0","type":"text","loc":{"start":48795,"end":48799,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.2","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/2/children/0/children/1","type":"strong","loc":{"start":48799,"end":48833,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":6,"e":40}},"dim":["","list.166","listItem.2","paragraph.0","strong.1"],"code":"**Font family on Vega text marks**"},{"id":"/root/children/166/children/2/children/0/children/1/children/0","type":"text","loc":{"start":48801,"end":48831,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":8,"e":38}},"dim":["","list.166","listItem.2","paragraph.0","strong.1","text.0"],"code":"Font family on Vega text marks"},{"id":"/root/children/166/children/2/children/0/children/2","type":"text","loc":{"start":48833,"end":48836,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":40,"e":43}},"dim":["","list.166","listItem.2","paragraph.0","text.2"],"code":" — "},{"id":"/root/children/166/children/2/children/0/children/3","type":"inlineCode","loc":{"start":48836,"end":48865,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":43,"e":72}},"dim":["","list.166","listItem.2","paragraph.0","inlineCode.3"],"code":"`font: { value: fontFamily }`"},{"id":"/root/children/166/children/2/children/0/children/4","type":"text","loc":{"start":48865,"end":48888,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":72,"e":95}},"dim":["","list.166","listItem.2","paragraph.0","text.4"],"code":" (Vega encode requires "},{"id":"/root/children/166/children/2/children/0/children/5","type":"inlineCode","loc":{"start":48888,"end":48899,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":95,"e":106}},"dim":["","list.166","listItem.2","paragraph.0","inlineCode.5"],"code":"`{value:…}`"},{"id":"/root/children/166/children/2/children/0/children/6","type":"text","loc":{"start":48899,"end":48915,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":106,"e":122}},"dim":["","list.166","listItem.2","paragraph.0","text.6"],"code":" wrapping; bare "},{"id":"/root/children/166/children/2/children/0/children/7","type":"inlineCode","loc":{"start":48915,"end":48933,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":122,"e":140}},"dim":["","list.166","listItem.2","paragraph.0","inlineCode.7"],"code":"`font: fontFamily`"},{"id":"/root/children/166/children/2/children/0/children/8","type":"text","loc":{"start":48933,"end":49015,"line":{"s":861,"e":861,"code":["- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark."]},"column":{"s":140,"e":222}},"dim":["","list.166","listItem.2","paragraph.0","text.8"],"code":" is silently ignored). Applied to both quadrant labels and the per-task text mark."},{"id":"/root/children/166/children/3","type":"listItem","loc":{"start":49016,"end":49409,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":0,"e":393}},"dim":["","list.166","listItem.3"],"code":"- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."},{"id":"/root/children/166/children/3/children/0","type":"paragraph","loc":{"start":49018,"end":49409,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":2,"e":393}},"dim":["","list.166","listItem.3","paragraph.0"],"code":"[x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."},{"id":"/root/children/166/children/3/children/0/children/0","type":"text","loc":{"start":49018,"end":49022,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.3","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/3/children/0/children/1","type":"strong","loc":{"start":49022,"end":49048,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":6,"e":32}},"dim":["","list.166","listItem.3","paragraph.0","strong.1"],"code":"**`gravityToCorner` mode**"},{"id":"/root/children/166/children/3/children/0/children/1/children/0","type":"inlineCode","loc":{"start":49024,"end":49041,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":8,"e":25}},"dim":["","list.166","listItem.3","paragraph.0","strong.1","inlineCode.0"],"code":"`gravityToCorner`"},{"id":"/root/children/166/children/3/children/0/children/1/children/1","type":"text","loc":{"start":49041,"end":49046,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":25,"e":30}},"dim":["","list.166","listItem.3","paragraph.0","strong.1","text.1"],"code":" mode"},{"id":"/root/children/166/children/3/children/0/children/2","type":"text","loc":{"start":49048,"end":49078,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":32,"e":62}},"dim":["","list.166","listItem.3","paragraph.0","text.2"],"code":" (top-of-file toggle, default "},{"id":"/root/children/166/children/3/children/0/children/3","type":"inlineCode","loc":{"start":49078,"end":49084,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":62,"e":68}},"dim":["","list.166","listItem.3","paragraph.0","inlineCode.3"],"code":"`true`"},{"id":"/root/children/166/children/3/children/0/children/4","type":"text","loc":{"start":49084,"end":49208,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":68,"e":192}},"dim":["","list.166","listItem.3","paragraph.0","text.4"],"code":") — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. "},{"id":"/root/children/166/children/3/children/0/children/5","type":"inlineCode","loc":{"start":49208,"end":49226,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":192,"e":210}},"dim":["","list.166","listItem.3","paragraph.0","inlineCode.5"],"code":"`layoutTasksInBox`"},{"id":"/root/children/166/children/3/children/0/children/6","type":"text","loc":{"start":49226,"end":49295,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":210,"e":279}},"dim":["","list.166","listItem.3","paragraph.0","text.6"],"code":" always anchors top-left, then mirrors x/y based on quadrant corner ("},{"id":"/root/children/166/children/3/children/0/children/7","type":"inlineCode","loc":{"start":49295,"end":49342,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":279,"e":326}},"dim":["","list.166","listItem.3","paragraph.0","inlineCode.7"],"code":"`do=tl, schedule=tr, delegate=bl, eliminate=br`"},{"id":"/root/children/166/children/3/children/0/children/8","type":"text","loc":{"start":49342,"end":49350,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":326,"e":334}},"dim":["","list.166","listItem.3","paragraph.0","text.8"],"code":"). When "},{"id":"/root/children/166/children/3/children/0/children/9","type":"inlineCode","loc":{"start":49350,"end":49357,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":334,"e":341}},"dim":["","list.166","listItem.3","paragraph.0","inlineCode.9"],"code":"`false`"},{"id":"/root/children/166/children/3/children/0/children/10","type":"text","loc":{"start":49357,"end":49409,"line":{"s":862,"e":862,"code":["- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour."]},"column":{"s":341,"e":393}},"dim":["","list.166","listItem.3","paragraph.0","text.10"],"code":", layout reverts to the original centered behaviour."},{"id":"/root/children/166/children/4","type":"listItem","loc":{"start":49410,"end":49613,"line":{"s":863,"e":863,"code":["- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."]},"column":{"s":0,"e":203}},"dim":["","list.166","listItem.4"],"code":"- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."},{"id":"/root/children/166/children/4/children/0","type":"paragraph","loc":{"start":49412,"end":49613,"line":{"s":863,"e":863,"code":["- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."]},"column":{"s":2,"e":203}},"dim":["","list.166","listItem.4","paragraph.0"],"code":"[x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."},{"id":"/root/children/166/children/4/children/0/children/0","type":"text","loc":{"start":49412,"end":49416,"line":{"s":863,"e":863,"code":["- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.4","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/4/children/0/children/1","type":"strong","loc":{"start":49416,"end":49453,"line":{"s":863,"e":863,"code":["- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."]},"column":{"s":6,"e":43}},"dim":["","list.166","listItem.4","paragraph.0","strong.1"],"code":"**Quasi-square grid in gravity mode**"},{"id":"/root/children/166/children/4/children/0/children/1/children/0","type":"text","loc":{"start":49418,"end":49451,"line":{"s":863,"e":863,"code":["- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."]},"column":{"s":8,"e":41}},"dim":["","list.166","listItem.4","paragraph.0","strong.1","text.0"],"code":"Quasi-square grid in gravity mode"},{"id":"/root/children/166/children/4/children/0/children/2","type":"text","loc":{"start":49453,"end":49456,"line":{"s":863,"e":863,"code":["- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."]},"column":{"s":43,"e":46}},"dim":["","list.166","listItem.4","paragraph.0","text.2"],"code":" — "},{"id":"/root/children/166/children/4/children/0/children/3","type":"inlineCode","loc":{"start":49456,"end":49483,"line":{"s":863,"e":863,"code":["- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."]},"column":{"s":46,"e":73}},"dim":["","list.166","listItem.4","paragraph.0","inlineCode.3"],"code":"`maxPerRow = ceil(sqrt(N))`"},{"id":"/root/children/166/children/4/children/0/children/4","type":"text","loc":{"start":49483,"end":49613,"line":{"s":863,"e":863,"code":["- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."]},"column":{"s":73,"e":203}},"dim":["","list.166","listItem.4","paragraph.0","text.4"],"code":" forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire."},{"id":"/root/children/166/children/5","type":"listItem","loc":{"start":49614,"end":49837,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":0,"e":223}},"dim":["","list.166","listItem.5"],"code":"- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."},{"id":"/root/children/166/children/5/children/0","type":"paragraph","loc":{"start":49616,"end":49837,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":2,"e":223}},"dim":["","list.166","listItem.5","paragraph.0"],"code":"[x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."},{"id":"/root/children/166/children/5/children/0/children/0","type":"text","loc":{"start":49616,"end":49620,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.5","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/5/children/0/children/1","type":"strong","loc":{"start":49620,"end":49643,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":6,"e":29}},"dim":["","list.166","listItem.5","paragraph.0","strong.1"],"code":"**Stretch to span box**"},{"id":"/root/children/166/children/5/children/0/children/1/children/0","type":"text","loc":{"start":49622,"end":49641,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":8,"e":27}},"dim":["","list.166","listItem.5","paragraph.0","strong.1","text.0"],"code":"Stretch to span box"},{"id":"/root/children/166/children/5/children/0/children/2","type":"text","loc":{"start":49643,"end":49713,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":29,"e":99}},"dim":["","list.166","listItem.5","paragraph.0","text.2"],"code":" — with >1 row, distribute extra vertical gap so the last row reaches "},{"id":"/root/children/166/children/5/children/0/children/3","type":"inlineCode","loc":{"start":49713,"end":49719,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":99,"e":105}},"dim":["","list.166","listItem.5","paragraph.0","inlineCode.3"],"code":"`boxH`"},{"id":"/root/children/166/children/5/children/0/children/4","type":"text","loc":{"start":49719,"end":49753,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":105,"e":139}},"dim":["","list.166","listItem.5","paragraph.0","text.4"],"code":"; same per row for items reaching "},{"id":"/root/children/166/children/5/children/0/children/5","type":"inlineCode","loc":{"start":49753,"end":49759,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":139,"e":145}},"dim":["","list.166","listItem.5","paragraph.0","inlineCode.5"],"code":"`boxW`"},{"id":"/root/children/166/children/5/children/0/children/6","type":"text","loc":{"start":49759,"end":49837,"line":{"s":864,"e":864,"code":["- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center."]},"column":{"s":145,"e":223}},"dim":["","list.166","listItem.5","paragraph.0","text.6"],"code":". Highest stays pinned at the outer corner, lowest lands at the matrix center."},{"id":"/root/children/166/children/6","type":"listItem","loc":{"start":49838,"end":49996,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":0,"e":158}},"dim":["","list.166","listItem.6"],"code":"- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."},{"id":"/root/children/166/children/6/children/0","type":"paragraph","loc":{"start":49840,"end":49996,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":2,"e":158}},"dim":["","list.166","listItem.6","paragraph.0"],"code":"[x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."},{"id":"/root/children/166/children/6/children/0/children/0","type":"text","loc":{"start":49840,"end":49844,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.6","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/6/children/0/children/1","type":"strong","loc":{"start":49844,"end":49863,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":6,"e":25}},"dim":["","list.166","listItem.6","paragraph.0","strong.1"],"code":"**Label clearance**"},{"id":"/root/children/166/children/6/children/0/children/1/children/0","type":"text","loc":{"start":49846,"end":49861,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":8,"e":23}},"dim":["","list.166","listItem.6","paragraph.0","strong.1","text.0"],"code":"Label clearance"},{"id":"/root/children/166/children/6/children/0/children/2","type":"text","loc":{"start":49863,"end":49866,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":25,"e":28}},"dim":["","list.166","listItem.6","paragraph.0","text.2"],"code":" — "},{"id":"/root/children/166/children/6/children/0/children/3","type":"inlineCode","loc":{"start":49866,"end":49885,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":28,"e":47}},"dim":["","list.166","listItem.6","paragraph.0","inlineCode.3"],"code":"`padBottom: 8 → 30`"},{"id":"/root/children/166/children/6/children/0/children/4","type":"text","loc":{"start":49885,"end":49895,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":47,"e":57}},"dim":["","list.166","listItem.6","paragraph.0","text.4"],"code":" (matches "},{"id":"/root/children/166/children/6/children/0/children/5","type":"inlineCode","loc":{"start":49895,"end":49907,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":57,"e":69}},"dim":["","list.166","listItem.6","paragraph.0","inlineCode.5"],"code":"`titleSpace`"},{"id":"/root/children/166/children/6/children/0/children/6","type":"text","loc":{"start":49907,"end":49910,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":69,"e":72}},"dim":["","list.166","listItem.6","paragraph.0","text.6"],"code":"); "},{"id":"/root/children/166/children/6/children/0/children/7","type":"inlineCode","loc":{"start":49910,"end":49920,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":72,"e":82}},"dim":["","list.166","listItem.6","paragraph.0","inlineCode.7"],"code":"`delegate`"},{"id":"/root/children/166/children/6/children/0/children/8","type":"text","loc":{"start":49920,"end":49921,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":82,"e":83}},"dim":["","list.166","listItem.6","paragraph.0","text.8"],"code":"/"},{"id":"/root/children/166/children/6/children/0/children/9","type":"inlineCode","loc":{"start":49921,"end":49932,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":83,"e":94}},"dim":["","list.166","listItem.6","paragraph.0","inlineCode.9"],"code":"`eliminate`"},{"id":"/root/children/166/children/6/children/0/children/10","type":"text","loc":{"start":49932,"end":49996,"line":{"s":865,"e":865,"code":["- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks."]},"column":{"s":94,"e":158}},"dim":["","list.166","listItem.6","paragraph.0","text.10"],"code":" labels sit at the bottom edge and no longer collide with tasks."},{"id":"/root/children/166/children/7","type":"listItem","loc":{"start":49997,"end":50212,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":0,"e":215}},"dim":["","list.166","listItem.7"],"code":"- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."},{"id":"/root/children/166/children/7/children/0","type":"paragraph","loc":{"start":49999,"end":50212,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":2,"e":215}},"dim":["","list.166","listItem.7","paragraph.0"],"code":"[x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."},{"id":"/root/children/166/children/7/children/0/children/0","type":"text","loc":{"start":49999,"end":50003,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.7","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/7/children/0/children/1","type":"strong","loc":{"start":50003,"end":50024,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":6,"e":27}},"dim":["","list.166","listItem.7","paragraph.0","strong.1"],"code":"**2 px quadrant gap**"},{"id":"/root/children/166/children/7/children/0/children/1/children/0","type":"text","loc":{"start":50005,"end":50022,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":8,"e":25}},"dim":["","list.166","listItem.7","paragraph.0","strong.1","text.0"],"code":"2 px quadrant gap"},{"id":"/root/children/166/children/7/children/0/children/2","type":"text","loc":{"start":50024,"end":50031,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":27,"e":34}},"dim":["","list.166","listItem.7","paragraph.0","text.2"],"code":" — new "},{"id":"/root/children/166/children/7/children/0/children/3","type":"inlineCode","loc":{"start":50031,"end":50048,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":34,"e":51}},"dim":["","list.166","listItem.7","paragraph.0","inlineCode.3"],"code":"`quadrantGap = 2`"},{"id":"/root/children/166/children/7/children/0/children/4","type":"text","loc":{"start":50048,"end":50050,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":51,"e":53}},"dim":["","list.166","listItem.7","paragraph.0","text.4"],"code":" ("},{"id":"/root/children/166/children/7/children/0/children/5","type":"inlineCode","loc":{"start":50050,"end":50060,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":53,"e":63}},"dim":["","list.166","listItem.7","paragraph.0","inlineCode.5"],"code":"`half = 1`"},{"id":"/root/children/166/children/7/children/0/children/6","type":"text","loc":{"start":50060,"end":50140,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":63,"e":143}},"dim":["","list.166","listItem.7","paragraph.0","text.6"],"code":"): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by "},{"id":"/root/children/166/children/7/children/0/children/7","type":"inlineCode","loc":{"start":50140,"end":50146,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":143,"e":149}},"dim":["","list.166","listItem.7","paragraph.0","inlineCode.7"],"code":"`half`"},{"id":"/root/children/166/children/7/children/0/children/8","type":"text","loc":{"start":50146,"end":50148,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":149,"e":151}},"dim":["","list.166","listItem.7","paragraph.0","text.8"],"code":", "},{"id":"/root/children/166/children/7/children/0/children/9","type":"inlineCode","loc":{"start":50148,"end":50154,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":151,"e":157}},"dim":["","list.166","listItem.7","paragraph.0","inlineCode.9"],"code":"`boxW`"},{"id":"/root/children/166/children/7/children/0/children/10","type":"text","loc":{"start":50154,"end":50155,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":157,"e":158}},"dim":["","list.166","listItem.7","paragraph.0","text.10"],"code":"/"},{"id":"/root/children/166/children/7/children/0/children/11","type":"inlineCode","loc":{"start":50155,"end":50161,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":158,"e":164}},"dim":["","list.166","listItem.7","paragraph.0","inlineCode.11"],"code":"`boxH`"},{"id":"/root/children/166/children/7/children/0/children/12","type":"text","loc":{"start":50161,"end":50172,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":164,"e":175}},"dim":["","list.166","listItem.7","paragraph.0","text.12"],"code":" shrink by "},{"id":"/root/children/166/children/7/children/0/children/13","type":"inlineCode","loc":{"start":50172,"end":50178,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":175,"e":181}},"dim":["","list.166","listItem.7","paragraph.0","inlineCode.13"],"code":"`half`"},{"id":"/root/children/166/children/7/children/0/children/14","type":"text","loc":{"start":50178,"end":50212,"line":{"s":866,"e":866,"code":["- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel."]},"column":{"s":181,"e":215}},"dim":["","list.166","listItem.7","paragraph.0","text.14"],"code":" so tasks stay inside their panel."},{"id":"/root/children/166/children/8","type":"listItem","loc":{"start":50213,"end":50539,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":0,"e":326}},"dim":["","list.166","listItem.8"],"code":"- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."},{"id":"/root/children/166/children/8/children/0","type":"paragraph","loc":{"start":50215,"end":50539,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":2,"e":326}},"dim":["","list.166","listItem.8","paragraph.0"],"code":"[x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."},{"id":"/root/children/166/children/8/children/0/children/0","type":"text","loc":{"start":50215,"end":50219,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.8","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/8/children/0/children/1","type":"strong","loc":{"start":50219,"end":50247,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":6,"e":34}},"dim":["","list.166","listItem.8","paragraph.0","strong.1"],"code":"**`harmonizeColors` helper**"},{"id":"/root/children/166/children/8/children/0/children/1/children/0","type":"inlineCode","loc":{"start":50221,"end":50238,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":8,"e":25}},"dim":["","list.166","listItem.8","paragraph.0","strong.1","inlineCode.0"],"code":"`harmonizeColors`"},{"id":"/root/children/166/children/8/children/0/children/1/children/1","type":"text","loc":{"start":50238,"end":50245,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":25,"e":32}},"dim":["","list.166","listItem.8","paragraph.0","strong.1","text.1"],"code":" helper"},{"id":"/root/children/166/children/8/children/0/children/2","type":"text","loc":{"start":50247,"end":50330,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":34,"e":117}},"dim":["","list.166","listItem.8","paragraph.0","text.2"],"code":" — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default "},{"id":"/root/children/166/children/8/children/0/children/3","type":"inlineCode","loc":{"start":50330,"end":50352,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":117,"e":139}},"dim":["","list.166","listItem.8","paragraph.0","inlineCode.3"],"code":"`{ s: 0.55, l: 0.78 }`"},{"id":"/root/children/166/children/8/children/0/children/4","type":"text","loc":{"start":50352,"end":50420,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":139,"e":207}},"dim":["","list.166","listItem.8","paragraph.0","text.4"],"code":") so the four quadrant fills feel like one palette family. Exported "},{"id":"/root/children/166/children/8/children/0/children/5","type":"inlineCode","loc":{"start":50420,"end":50436,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":207,"e":223}},"dim":["","list.166","listItem.8","paragraph.0","inlineCode.5"],"code":"`quadrantColors`"},{"id":"/root/children/166/children/8/children/0/children/6","type":"text","loc":{"start":50436,"end":50513,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":223,"e":300}},"dim":["","list.166","listItem.8","paragraph.0","text.6"],"code":" stays as the raw Dracula palette; harmonised set is computed locally inside "},{"id":"/root/children/166/children/8/children/0/children/7","type":"inlineCode","loc":{"start":50513,"end":50538,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":300,"e":325}},"dim":["","list.166","listItem.8","paragraph.0","inlineCode.7"],"code":"`tasksToEisenhoverMatrix`"},{"id":"/root/children/166/children/8/children/0/children/8","type":"text","loc":{"start":50538,"end":50539,"line":{"s":867,"e":867,"code":["- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`."]},"column":{"s":325,"e":326}},"dim":["","list.166","listItem.8","paragraph.0","text.8"],"code":"."},{"id":"/root/children/166/children/9","type":"listItem","loc":{"start":50540,"end":50895,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":0,"e":355}},"dim":["","list.166","listItem.9"],"code":"- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."},{"id":"/root/children/166/children/9/children/0","type":"paragraph","loc":{"start":50542,"end":50895,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":2,"e":355}},"dim":["","list.166","listItem.9","paragraph.0"],"code":"[x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."},{"id":"/root/children/166/children/9/children/0/children/0","type":"text","loc":{"start":50542,"end":50546,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.9","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/9/children/0/children/1","type":"strong","loc":{"start":50546,"end":50588,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":6,"e":48}},"dim":["","list.166","listItem.9","paragraph.0","strong.1"],"code":"**Density culling fontSize re-evaluation**"},{"id":"/root/children/166/children/9/children/0/children/1/children/0","type":"text","loc":{"start":50548,"end":50586,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":8,"e":46}},"dim":["","list.166","listItem.9","paragraph.0","strong.1","text.0"],"code":"Density culling fontSize re-evaluation"},{"id":"/root/children/166/children/9/children/0/children/2","type":"text","loc":{"start":50588,"end":50648,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":48,"e":108}},"dim":["","list.166","listItem.9","paragraph.0","text.2"],"code":" — after density culling drops lowest-scoring tasks to meet "},{"id":"/root/children/166/children/9/children/0/children/3","type":"inlineCode","loc":{"start":50648,"end":50664,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":108,"e":124}},"dim":["","list.166","listItem.9","paragraph.0","inlineCode.3"],"code":"`densityOptimum`"},{"id":"/root/children/166/children/9/children/0/children/4","type":"text","loc":{"start":50664,"end":50666,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":124,"e":126}},"dim":["","list.166","listItem.9","paragraph.0","text.4"],"code":", "},{"id":"/root/children/166/children/9/children/0/children/5","type":"inlineCode","loc":{"start":50666,"end":50681,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":126,"e":141}},"dim":["","list.166","listItem.9","paragraph.0","inlineCode.5"],"code":"`fontSizeRange`"},{"id":"/root/children/166/children/9/children/0/children/6","type":"text","loc":{"start":50681,"end":50731,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":141,"e":191}},"dim":["","list.166","listItem.9","paragraph.0","text.6"],"code":" is now recalculated from the reduced task count ("},{"id":"/root/children/166/children/9/children/0/children/7","type":"inlineCode","loc":{"start":50731,"end":50760,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":191,"e":220}},"dim":["","list.166","listItem.9","paragraph.0","inlineCode.7"],"code":"`laid.length / (boxW * boxH)`"},{"id":"/root/children/166/children/9/children/0/children/8","type":"text","loc":{"start":50760,"end":50895,"line":{"s":868,"e":868,"code":["- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."]},"column":{"s":220,"e":355}},"dim":["","list.166","listItem.9","paragraph.0","text.8"],"code":") before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be."},{"id":"/root/children/166/children/10","type":"listItem","loc":{"start":50896,"end":51829,"line":{"s":869,"e":871,"code":["- [x] **`showBorder` box width fix** — Two corrections:"," - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."," - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":0,"e":594}},"dim":["","list.166","listItem.10"],"code":"- [x] **`showBorder` box width fix** — Two corrections:\n - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."},{"id":"/root/children/166/children/10/children/0","type":"paragraph","loc":{"start":50898,"end":50951,"line":{"s":869,"e":869,"code":["- [x] **`showBorder` box width fix** — Two corrections:"]},"column":{"s":2,"e":55}},"dim":["","list.166","listItem.10","paragraph.0"],"code":"[x] **`showBorder` box width fix** — Two corrections:"},{"id":"/root/children/166/children/10/children/0/children/0","type":"text","loc":{"start":50898,"end":50902,"line":{"s":869,"e":869,"code":["- [x] **`showBorder` box width fix** — Two corrections:"]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.10","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/10/children/0/children/1","type":"strong","loc":{"start":50902,"end":50932,"line":{"s":869,"e":869,"code":["- [x] **`showBorder` box width fix** — Two corrections:"]},"column":{"s":6,"e":36}},"dim":["","list.166","listItem.10","paragraph.0","strong.1"],"code":"**`showBorder` box width fix**"},{"id":"/root/children/166/children/10/children/0/children/1/children/0","type":"inlineCode","loc":{"start":50904,"end":50916,"line":{"s":869,"e":869,"code":["- [x] **`showBorder` box width fix** — Two corrections:"]},"column":{"s":8,"e":20}},"dim":["","list.166","listItem.10","paragraph.0","strong.1","inlineCode.0"],"code":"`showBorder`"},{"id":"/root/children/166/children/10/children/0/children/1/children/1","type":"text","loc":{"start":50916,"end":50930,"line":{"s":869,"e":869,"code":["- [x] **`showBorder` box width fix** — Two corrections:"]},"column":{"s":20,"e":34}},"dim":["","list.166","listItem.10","paragraph.0","strong.1","text.1"],"code":" box width fix"},{"id":"/root/children/166/children/10/children/0/children/2","type":"text","loc":{"start":50932,"end":50951,"line":{"s":869,"e":869,"code":["- [x] **`showBorder` box width fix** — Two corrections:"]},"column":{"s":36,"e":55}},"dim":["","list.166","listItem.10","paragraph.0","text.2"],"code":" — Two corrections:"},{"id":"/root/children/166/children/10/children/1","type":"list","loc":{"start":50954,"end":51829,"line":{"s":870,"e":871,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."," - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":2,"e":594}},"dim":["","list.166","listItem.10","list.1"],"code":"- **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal).","symbName":"list","symbRange":[null,null],"symbRangeL":[870,871],"outerCode":"","outerHtml":""},{"id":"/root/children/166/children/10/children/1/children/0","type":"listItem","loc":{"start":50954,"end":51234,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":2,"e":282}},"dim":["","list.166","listItem.10","list.1","listItem.0"],"code":"- **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."},{"id":"/root/children/166/children/10/children/1/children/0/children/0","type":"paragraph","loc":{"start":50956,"end":51234,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":4,"e":282}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0"],"code":"**First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/0","type":"strong","loc":{"start":50956,"end":50992,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":4,"e":40}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","strong.0"],"code":"**First pass (all layout engines):**"},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/0/children/0","type":"text","loc":{"start":50958,"end":50990,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":6,"e":38}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","strong.0","text.0"],"code":"First pass (all layout engines):"},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/1","type":"text","loc":{"start":50992,"end":50993,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":40,"e":41}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","text.1"],"code":" "},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/2","type":"inlineCode","loc":{"start":50993,"end":51000,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":41,"e":48}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","inlineCode.2"],"code":"`width`"},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/3","type":"text","loc":{"start":51000,"end":51005,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":48,"e":53}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","text.3"],"code":" was "},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/4","type":"inlineCode","loc":{"start":51005,"end":51066,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":53,"e":114}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","inlineCode.4"],"code":"`estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)`"},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/5","type":"text","loc":{"start":51066,"end":51082,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":114,"e":130}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","text.5"],"code":" — the trailing "},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/6","type":"inlineCode","loc":{"start":51082,"end":51088,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":130,"e":136}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","inlineCode.6"],"code":"`\", \"`"},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/7","type":"text","loc":{"start":51088,"end":51123,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":136,"e":171}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","text.7"],"code":" inflated the box by ~2 chars when "},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/8","type":"inlineCode","loc":{"start":51123,"end":51134,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":171,"e":182}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","inlineCode.8"],"code":"`miniLabel`"},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/9","type":"text","loc":{"start":51134,"end":51157,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":182,"e":205}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","text.9"],"code":" was empty. Changed to "},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/10","type":"inlineCode","loc":{"start":51157,"end":51233,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":205,"e":281}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","inlineCode.10"],"code":"`estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`"},{"id":"/root/children/166/children/10/children/1/children/0/children/0/children/11","type":"text","loc":{"start":51233,"end":51234,"line":{"s":870,"e":870,"code":[" - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`."]},"column":{"s":281,"e":282}},"dim":["","list.166","listItem.10","list.1","listItem.0","paragraph.0","text.11"],"code":"."},{"id":"/root/children/166/children/10/children/1/children/1","type":"listItem","loc":{"start":51237,"end":51829,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":2,"e":594}},"dim":["","list.166","listItem.10","list.1","listItem.1"],"code":"- **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."},{"id":"/root/children/166/children/10/children/1/children/1/children/0","type":"paragraph","loc":{"start":51239,"end":51829,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":4,"e":594}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0"],"code":"**Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/0","type":"strong","loc":{"start":51239,"end":51295,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":4,"e":60}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","strong.0"],"code":"**Second pass (eisenhover-matrix.js positioning loop):**"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/0/children/0","type":"text","loc":{"start":51241,"end":51293,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":6,"e":58}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","strong.0","text.0"],"code":"Second pass (eisenhover-matrix.js positioning loop):"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/1","type":"text","loc":{"start":51295,"end":51322,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":60,"e":87}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","text.1"],"code":" The border rect was using "},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/2","type":"inlineCode","loc":{"start":51322,"end":51329,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":87,"e":94}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","inlineCode.2"],"code":"`width`"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/3","type":"text","loc":{"start":51329,"end":51331,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":94,"e":96}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","text.3"],"code":" ("},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/4","type":"inlineCode","loc":{"start":51331,"end":51402,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":96,"e":167}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","inlineCode.4"],"code":"`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/5","type":"text","loc":{"start":51402,"end":51428,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":167,"e":193}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","text.5"],"code":"), but the miniLabel is a "},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/6","type":"strong","loc":{"start":51428,"end":51455,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":193,"e":220}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","strong.6"],"code":"**separate Vega text mark**"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/6/children/0","type":"text","loc":{"start":51430,"end":51453,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":195,"e":218}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","strong.6","text.0"],"code":"separate Vega text mark"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/7","type":"text","loc":{"start":51455,"end":51562,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":220,"e":327}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","text.7"],"code":" at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed "},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/8","type":"inlineCode","loc":{"start":51562,"end":51583,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":327,"e":348}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","inlineCode.8"],"code":"`width: t.width || 0`"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/9","type":"text","loc":{"start":51583,"end":51586,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":348,"e":351}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","text.9"],"code":" → "},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/10","type":"inlineCode","loc":{"start":51586,"end":51622,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":351,"e":387}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","inlineCode.10"],"code":"`width: t.taskWidth || t.width || 0`"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/11","type":"text","loc":{"start":51622,"end":51664,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":387,"e":429}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","text.11"],"code":" so the rect matches the task-only width. "},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/12","type":"inlineCode","loc":{"start":51664,"end":51675,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":429,"e":440}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","inlineCode.12"],"code":"`taskWidth`"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/13","type":"text","loc":{"start":51675,"end":51679,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":440,"e":444}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","text.13"],"code":" is "},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/14","type":"inlineCode","loc":{"start":51679,"end":51726,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":444,"e":491}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","inlineCode.14"],"code":"`estimateTextWidth(task, fontSize, fontWeight)`"},{"id":"/root/children/166/children/10/children/1/children/1/children/0/children/15","type":"text","loc":{"start":51726,"end":51829,"line":{"s":871,"e":871,"code":[" - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."]},"column":{"s":491,"e":594}},"dim":["","list.166","listItem.10","list.1","listItem.1","paragraph.0","text.15"],"code":" without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal)."},{"id":"/root/children/166/children/11","type":"listItem","loc":{"start":51830,"end":52485,"line":{"s":872,"e":878,"code":["- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:"," 1. Compute `mean` and `stdDev` of task scores in quadrant"," 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`"," 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers"," 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`"," - Controlled by `config.densityOptimum` (default `0.6`)"," - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar"]},"column":{"s":0,"e":123}},"dim":["","list.166","listItem.11"],"code":"- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:\n 1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n - Controlled by `config.densityOptimum` (default `0.6`)\n - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar"},{"id":"/root/children/166/children/11/children/0","type":"paragraph","loc":{"start":51832,"end":51943,"line":{"s":872,"e":872,"code":["- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:"]},"column":{"s":2,"e":113}},"dim":["","list.166","listItem.11","paragraph.0"],"code":"[x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:"},{"id":"/root/children/166/children/11/children/0/children/0","type":"text","loc":{"start":51832,"end":51836,"line":{"s":872,"e":872,"code":["- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:"]},"column":{"s":2,"e":6}},"dim":["","list.166","listItem.11","paragraph.0","text.0"],"code":"[x] "},{"id":"/root/children/166/children/11/children/0/children/1","type":"strong","loc":{"start":51836,"end":51868,"line":{"s":872,"e":872,"code":["- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:"]},"column":{"s":6,"e":38}},"dim":["","list.166","listItem.11","paragraph.0","strong.1"],"code":"**StdDev-based density culling**"},{"id":"/root/children/166/children/11/children/0/children/1/children/0","type":"text","loc":{"start":51838,"end":51866,"line":{"s":872,"e":872,"code":["- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:"]},"column":{"s":8,"e":36}},"dim":["","list.166","listItem.11","paragraph.0","strong.1","text.0"],"code":"StdDev-based density culling"},{"id":"/root/children/166/children/11/children/0/children/2","type":"text","loc":{"start":51868,"end":51943,"line":{"s":872,"e":872,"code":["- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:"]},"column":{"s":38,"e":113}},"dim":["","list.166","listItem.11","paragraph.0","text.2"],"code":" — Replaced simple ascending-score drop with two-pass culling per quadrant:"},{"id":"/root/children/166/children/11/children/1","type":"list","loc":{"start":51946,"end":52306,"line":{"s":873,"e":877,"code":[" 1. Compute `mean` and `stdDev` of task scores in quadrant"," 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`"," 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers"," 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`"," - Controlled by `config.densityOptimum` (default `0.6`)"]},"column":{"s":2,"e":2}},"dim":["","list.166","listItem.11","list.1"],"code":"1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n ","symbName":"list","symbRange":[52306,52485],"symbRangeL":[873,876],"outerCode":" 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers","outerHtml":"First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliers`player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`. Called from:`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`. `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu. Called from:`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`. `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu. Touchbar Actions \n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |
\n\nFiles Changed "},{"id":"/root/children/168/children/0","type":"listItem","loc":{"start":52954,"end":53062,"line":{"s":883,"e":883,"code":["- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."]},"column":{"s":0,"e":108}},"dim":["","list.168","listItem.0"],"code":"- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."},{"id":"/root/children/168/children/0/children/0","type":"paragraph","loc":{"start":52956,"end":53062,"line":{"s":883,"e":883,"code":["- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."]},"column":{"s":2,"e":108}},"dim":["","list.168","listItem.0","paragraph.0"],"code":"`player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."},{"id":"/root/children/168/children/0/children/0/children/0","type":"inlineCode","loc":{"start":52956,"end":52985,"line":{"s":883,"e":883,"code":["- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."]},"column":{"s":2,"e":31}},"dim":["","list.168","listItem.0","paragraph.0","inlineCode.0"],"code":"`player/eisenhover-matrix.js`"},{"id":"/root/children/168/children/0/children/0/children/1","type":"text","loc":{"start":52985,"end":52994,"line":{"s":883,"e":883,"code":["- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."]},"column":{"s":31,"e":40}},"dim":["","list.168","listItem.0","paragraph.0","text.1"],"code":" exports "},{"id":"/root/children/168/children/0/children/0/children/2","type":"inlineCode","loc":{"start":52994,"end":53040,"line":{"s":883,"e":883,"code":["- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."]},"column":{"s":40,"e":86}},"dim":["","list.168","listItem.0","paragraph.0","inlineCode.2"],"code":"`tasksToEisenhoverMatrix(ssss, tasks, config)`"},{"id":"/root/children/168/children/0/children/0/children/3","type":"text","loc":{"start":53040,"end":53045,"line":{"s":883,"e":883,"code":["- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."]},"column":{"s":86,"e":91}},"dim":["","list.168","listItem.0","paragraph.0","text.3"],"code":" and "},{"id":"/root/children/168/children/0/children/0/children/4","type":"inlineCode","loc":{"start":53045,"end":53061,"line":{"s":883,"e":883,"code":["- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."]},"column":{"s":91,"e":107}},"dim":["","list.168","listItem.0","paragraph.0","inlineCode.4"],"code":"`quadrantColors`"},{"id":"/root/children/168/children/0/children/0/children/5","type":"text","loc":{"start":53061,"end":53062,"line":{"s":883,"e":883,"code":["- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`."]},"column":{"s":107,"e":108}},"dim":["","list.168","listItem.0","paragraph.0","text.5"],"code":"."},{"id":"/root/children/168/children/1","type":"listItem","loc":{"start":53063,"end":53396,"line":{"s":884,"e":886,"code":["- Called from:"," - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."," - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":0,"e":190}},"dim":["","list.168","listItem.1"],"code":"- Called from:\n - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`.\n - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."},{"id":"/root/children/168/children/1/children/0","type":"paragraph","loc":{"start":53065,"end":53077,"line":{"s":884,"e":884,"code":["- Called from:"]},"column":{"s":2,"e":14}},"dim":["","list.168","listItem.1","paragraph.0"],"code":"Called from:"},{"id":"/root/children/168/children/1/children/0/children/0","type":"text","loc":{"start":53065,"end":53077,"line":{"s":884,"e":884,"code":["- Called from:"]},"column":{"s":2,"e":14}},"dim":["","list.168","listItem.1","paragraph.0","text.0"],"code":"Called from:"},{"id":"/root/children/168/children/1/children/1","type":"list","loc":{"start":53080,"end":53396,"line":{"s":885,"e":886,"code":[" - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."," - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":2,"e":190}},"dim":["","list.168","listItem.1","list.1"],"code":"- `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`.\n - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu.","symbName":"list","symbRange":[null,null],"symbRangeL":[885,886],"outerCode":"","outerHtml":""},{"id":"/root/children/168/children/1/children/1/children/0","type":"listItem","loc":{"start":53080,"end":53205,"line":{"s":885,"e":885,"code":[" - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."]},"column":{"s":2,"e":127}},"dim":["","list.168","listItem.1","list.1","listItem.0"],"code":"- `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."},{"id":"/root/children/168/children/1/children/1/children/0/children/0","type":"paragraph","loc":{"start":53082,"end":53205,"line":{"s":885,"e":885,"code":[" - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."]},"column":{"s":4,"e":127}},"dim":["","list.168","listItem.1","list.1","listItem.0","paragraph.0"],"code":"`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."},{"id":"/root/children/168/children/1/children/1/children/0/children/0/children/0","type":"inlineCode","loc":{"start":53082,"end":53108,"line":{"s":885,"e":885,"code":[" - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."]},"column":{"s":4,"e":30}},"dim":["","list.168","listItem.1","list.1","listItem.0","paragraph.0","inlineCode.0"],"code":"`commands/cmdDashboard.js`"},{"id":"/root/children/168/children/1/children/1/children/0/children/0/children/1","type":"text","loc":{"start":53108,"end":53149,"line":{"s":885,"e":885,"code":[" - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."]},"column":{"s":30,"e":71}},"dim":["","list.168","listItem.1","list.1","listItem.0","paragraph.0","text.1"],"code":" — dashboard \"matrix\" image, votingTypes "},{"id":"/root/children/168/children/1/children/1/children/0/children/0/children/2","type":"inlineCode","loc":{"start":53149,"end":53204,"line":{"s":885,"e":885,"code":[" - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."]},"column":{"s":71,"e":126}},"dim":["","list.168","listItem.1","list.1","listItem.0","paragraph.0","inlineCode.2"],"code":"`{do:hot, schedule:pin, delegate:weak, eliminate:veto}`"},{"id":"/root/children/168/children/1/children/1/children/0/children/0/children/3","type":"text","loc":{"start":53204,"end":53205,"line":{"s":885,"e":885,"code":[" - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`."]},"column":{"s":126,"e":127}},"dim":["","list.168","listItem.1","list.1","listItem.0","paragraph.0","text.3"],"code":"."},{"id":"/root/children/168/children/1/children/1/children/1","type":"listItem","loc":{"start":53208,"end":53396,"line":{"s":886,"e":886,"code":[" - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":2,"e":190}},"dim":["","list.168","listItem.1","list.1","listItem.1"],"code":"- `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."},{"id":"/root/children/168/children/1/children/1/children/1/children/0","type":"paragraph","loc":{"start":53210,"end":53396,"line":{"s":886,"e":886,"code":[" - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":4,"e":190}},"dim":["","list.168","listItem.1","list.1","listItem.1","paragraph.0"],"code":"`commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."},{"id":"/root/children/168/children/1/children/1/children/1/children/0/children/0","type":"inlineCode","loc":{"start":53210,"end":53241,"line":{"s":886,"e":886,"code":[" - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":4,"e":35}},"dim":["","list.168","listItem.1","list.1","listItem.1","paragraph.0","inlineCode.0"],"code":"`commands/cmdVotingCampaign.js`"},{"id":"/root/children/168/children/1/children/1/children/1/children/0/children/1","type":"text","loc":{"start":53241,"end":53275,"line":{"s":886,"e":886,"code":[" - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":35,"e":69}},"dim":["","list.168","listItem.1","list.1","listItem.1","paragraph.0","text.1"],"code":" — live voting campaign; the Vega "},{"id":"/root/children/168/children/1/children/1/children/1/children/0/children/2","type":"inlineCode","loc":{"start":53275,"end":53288,"line":{"s":886,"e":886,"code":[" - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":69,"e":82}},"dim":["","list.168","listItem.1","list.1","listItem.1","paragraph.0","inlineCode.2"],"code":"`clickedWord`"},{"id":"/root/children/168/children/1/children/1/children/1/children/0/children/3","type":"text","loc":{"start":53288,"end":53310,"line":{"s":886,"e":886,"code":[" - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":82,"e":104}},"dim":["","list.168","listItem.1","list.1","listItem.1","paragraph.0","text.3"],"code":" signal handler calls "},{"id":"/root/children/168/children/1/children/1/children/1/children/0/children/4","type":"inlineCode","loc":{"start":53310,"end":53331,"line":{"s":886,"e":886,"code":[" - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":104,"e":125}},"dim":["","list.168","listItem.1","list.1","listItem.1","paragraph.0","inlineCode.4"],"code":"`window.touchbarShow`"},{"id":"/root/children/168/children/1/children/1/children/1/children/0/children/5","type":"text","loc":{"start":53331,"end":53396,"line":{"s":886,"e":886,"code":[" - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu."]},"column":{"s":125,"e":190}},"dim":["","list.168","listItem.1","list.1","listItem.1","paragraph.0","text.5"],"code":" at the clicked task's position to open the per-vote action menu."},{"id":"/root/children/169","type":"heading","loc":{"start":53398,"end":53417,"line":{"s":888,"e":888,"code":["## Touchbar Actions"]},"column":{"s":0,"e":19}},"dim":["","heading.169"],"code":"## Touchbar Actions","symbName":"heading","symbRange":[53419,53706],"symbRangeL":[888,894],"outerCode":"\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |","outerHtml":"\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |
"},{"id":"/root/children/169/children/0","type":"text","loc":{"start":53401,"end":53417,"line":{"s":888,"e":888,"code":["## Touchbar Actions"]},"column":{"s":3,"e":19}},"dim":["","heading.169","text.0"],"code":"Touchbar Actions"},{"id":"/root/children/170","type":"paragraph","loc":{"start":53419,"end":53706,"line":{"s":890,"e":893,"code":["| Button | Click | Double-touch |","| ------------------------- | ---------------------- | -------------- |","| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |","| (other buttons) | primary action | `action_extra` |"]},"column":{"s":0,"e":71}},"dim":["","paragraph.170"],"code":"| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |"},{"id":"/root/children/170/children/0","type":"text","loc":{"start":53419,"end":53593,"line":{"s":890,"e":892,"code":["| Button | Click | Double-touch |","| ------------------------- | ---------------------- | -------------- |","| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |"]},"column":{"s":0,"e":30}},"dim":["","paragraph.170","text.0"],"code":"| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | "},{"id":"/root/children/170/children/1","type":"inlineCode","loc":{"start":53593,"end":53615,"line":{"s":892,"e":892,"code":["| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |"]},"column":{"s":30,"e":52}},"dim":["","paragraph.170","inlineCode.1"],"code":"`editor:duplicateLine`"},{"id":"/root/children/170/children/2","type":"text","loc":{"start":53615,"end":53618,"line":{"s":892,"e":892,"code":["| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |"]},"column":{"s":52,"e":55}},"dim":["","paragraph.170","text.2"],"code":" | "},{"id":"/root/children/170/children/3","type":"inlineCode","loc":{"start":53618,"end":53632,"line":{"s":892,"e":892,"code":["| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |"]},"column":{"s":55,"e":69}},"dim":["","paragraph.170","inlineCode.3"],"code":"`editor:paste`"},{"id":"/root/children/170/children/4","type":"text","loc":{"start":53632,"end":53690,"line":{"s":892,"e":893,"code":["| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |","| (other buttons) | primary action | `action_extra` |"]},"column":{"s":69,"e":55}},"dim":["","paragraph.170","text.4"],"code":" |\n| (other buttons) | primary action | "},{"id":"/root/children/170/children/5","type":"inlineCode","loc":{"start":53690,"end":53704,"line":{"s":893,"e":893,"code":["| (other buttons) | primary action | `action_extra` |"]},"column":{"s":55,"e":69}},"dim":["","paragraph.170","inlineCode.5"],"code":"`action_extra`"},{"id":"/root/children/170/children/6","type":"text","loc":{"start":53704,"end":53706,"line":{"s":893,"e":893,"code":["| (other buttons) | primary action | `action_extra` |"]},"column":{"s":69,"e":71}},"dim":["","paragraph.170","text.6"],"code":" |"},{"id":"/root/children/171","type":"heading","loc":{"start":53708,"end":53724,"line":{"s":895,"e":895,"code":["## Files Changed"]},"column":{"s":0,"e":16}},"dim":["","heading.171"],"code":"## Files Changed","symbName":"heading","symbRange":[53726,54002],"symbRangeL":[895,903],"outerCode":"\n- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern\n- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`\n- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`\n- `codeditor/src/databox.js`: mobile paste detection\n\n---","outerHtml":"\n`ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra` `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch` `codeditor/src/databox.js`: mobile paste detection `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra` `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch` `codeditor/src/databox.js`: mobile paste detection Testing \n\n```sh
Unit/snapshot tests (Jest + ESM) npm test
\n\nE2E (Playwright) cd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```
\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/snapshots /`.
\n\nKey conventions "},{"id":"/root/children/172/children/0","type":"listItem","loc":{"start":53726,"end":53802,"line":{"s":897,"e":897,"code":["- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern"]},"column":{"s":0,"e":76}},"dim":["","list.172","listItem.0"],"code":"- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern"},{"id":"/root/children/172/children/0/children/0","type":"paragraph","loc":{"start":53728,"end":53802,"line":{"s":897,"e":897,"code":["- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern"]},"column":{"s":2,"e":76}},"dim":["","list.172","listItem.0","paragraph.0"],"code":"`ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern"},{"id":"/root/children/172/children/0/children/0/children/0","type":"inlineCode","loc":{"start":53728,"end":53744,"line":{"s":897,"e":897,"code":["- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern"]},"column":{"s":2,"e":18}},"dim":["","list.172","listItem.0","paragraph.0","inlineCode.0"],"code":"`ui-touchbar.js`"},{"id":"/root/children/172/children/0/children/0/children/1","type":"text","loc":{"start":53744,"end":53802,"line":{"s":897,"e":897,"code":["- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern"]},"column":{"s":18,"e":76}},"dim":["","list.172","listItem.0","paragraph.0","text.1"],"code":": Alpine init, native click delegation, double-tap pattern"},{"id":"/root/children/172/children/1","type":"listItem","loc":{"start":53803,"end":53871,"line":{"s":898,"e":898,"code":["- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"]},"column":{"s":0,"e":68}},"dim":["","list.172","listItem.1"],"code":"- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"},{"id":"/root/children/172/children/1/children/0","type":"paragraph","loc":{"start":53805,"end":53871,"line":{"s":898,"e":898,"code":["- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"]},"column":{"s":2,"e":68}},"dim":["","list.172","listItem.1","paragraph.0"],"code":"`ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"},{"id":"/root/children/172/children/1/children/0/children/0","type":"inlineCode","loc":{"start":53805,"end":53826,"line":{"s":898,"e":898,"code":["- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"]},"column":{"s":2,"e":23}},"dim":["","list.172","listItem.1","paragraph.0","inlineCode.0"],"code":"`ui-touchbar-defs.js`"},{"id":"/root/children/172/children/1/children/0/children/1","type":"text","loc":{"start":53826,"end":53828,"line":{"s":898,"e":898,"code":["- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"]},"column":{"s":23,"e":25}},"dim":["","list.172","listItem.1","paragraph.0","text.1"],"code":": "},{"id":"/root/children/172/children/1/children/0/children/2","type":"inlineCode","loc":{"start":53828,"end":53835,"line":{"s":898,"e":898,"code":["- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"]},"column":{"s":25,"e":32}},"dim":["","list.172","listItem.1","paragraph.0","inlineCode.2"],"code":"`paste`"},{"id":"/root/children/172/children/1/children/0/children/3","type":"text","loc":{"start":53835,"end":53848,"line":{"s":898,"e":898,"code":["- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"]},"column":{"s":32,"e":45}},"dim":["","list.172","listItem.1","paragraph.0","text.3"],"code":" button with "},{"id":"/root/children/172/children/1/children/0/children/4","type":"inlineCode","loc":{"start":53848,"end":53856,"line":{"s":898,"e":898,"code":["- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"]},"column":{"s":45,"e":53}},"dim":["","list.172","listItem.1","paragraph.0","inlineCode.4"],"code":"`action`"},{"id":"/root/children/172/children/1/children/0/children/5","type":"text","loc":{"start":53856,"end":53857,"line":{"s":898,"e":898,"code":["- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"]},"column":{"s":53,"e":54}},"dim":["","list.172","listItem.1","paragraph.0","text.5"],"code":"/"},{"id":"/root/children/172/children/1/children/0/children/6","type":"inlineCode","loc":{"start":53857,"end":53871,"line":{"s":898,"e":898,"code":["- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`"]},"column":{"s":54,"e":68}},"dim":["","list.172","listItem.1","paragraph.0","inlineCode.6"],"code":"`action_extra`"},{"id":"/root/children/172/children/2","type":"listItem","loc":{"start":53872,"end":53944,"line":{"s":899,"e":899,"code":["- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`"]},"column":{"s":0,"e":72}},"dim":["","list.172","listItem.2"],"code":"- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`"},{"id":"/root/children/172/children/2/children/0","type":"paragraph","loc":{"start":53874,"end":53944,"line":{"s":899,"e":899,"code":["- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`"]},"column":{"s":2,"e":72}},"dim":["","list.172","listItem.2","paragraph.0"],"code":"`player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`"},{"id":"/root/children/172/children/2/children/0/children/0","type":"inlineCode","loc":{"start":53874,"end":53899,"line":{"s":899,"e":899,"code":["- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`"]},"column":{"s":2,"e":27}},"dim":["","list.172","listItem.2","paragraph.0","inlineCode.0"],"code":"`player/player-tweaks.js`"},{"id":"/root/children/172/children/2/children/0/children/1","type":"text","loc":{"start":53899,"end":53906,"line":{"s":899,"e":899,"code":["- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`"]},"column":{"s":27,"e":34}},"dim":["","list.172","listItem.2","paragraph.0","text.1"],"code":": pass "},{"id":"/root/children/172/children/2/children/0/children/2","type":"inlineCode","loc":{"start":53906,"end":53914,"line":{"s":899,"e":899,"code":["- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`"]},"column":{"s":34,"e":42}},"dim":["","list.172","listItem.2","paragraph.0","inlineCode.2"],"code":"`origin`"},{"id":"/root/children/172/children/2/children/0/children/3","type":"text","loc":{"start":53914,"end":53926,"line":{"s":899,"e":899,"code":["- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`"]},"column":{"s":42,"e":54}},"dim":["","list.172","listItem.2","paragraph.0","text.3"],"code":" element to "},{"id":"/root/children/172/children/2/children/0/children/4","type":"inlineCode","loc":{"start":53926,"end":53944,"line":{"s":899,"e":899,"code":["- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`"]},"column":{"s":54,"e":72}},"dim":["","list.172","listItem.2","paragraph.0","inlineCode.4"],"code":"`touchbarDispatch`"},{"id":"/root/children/172/children/3","type":"listItem","loc":{"start":53945,"end":53997,"line":{"s":900,"e":900,"code":["- `codeditor/src/databox.js`: mobile paste detection"]},"column":{"s":0,"e":52}},"dim":["","list.172","listItem.3"],"code":"- `codeditor/src/databox.js`: mobile paste detection"},{"id":"/root/children/172/children/3/children/0","type":"paragraph","loc":{"start":53947,"end":53997,"line":{"s":900,"e":900,"code":["- `codeditor/src/databox.js`: mobile paste detection"]},"column":{"s":2,"e":52}},"dim":["","list.172","listItem.3","paragraph.0"],"code":"`codeditor/src/databox.js`: mobile paste detection"},{"id":"/root/children/172/children/3/children/0/children/0","type":"inlineCode","loc":{"start":53947,"end":53973,"line":{"s":900,"e":900,"code":["- `codeditor/src/databox.js`: mobile paste detection"]},"column":{"s":2,"e":28}},"dim":["","list.172","listItem.3","paragraph.0","inlineCode.0"],"code":"`codeditor/src/databox.js`"},{"id":"/root/children/172/children/3/children/0/children/1","type":"text","loc":{"start":53973,"end":53997,"line":{"s":900,"e":900,"code":["- `codeditor/src/databox.js`: mobile paste detection"]},"column":{"s":28,"e":52}},"dim":["","list.172","listItem.3","paragraph.0","text.1"],"code":": mobile paste detection"},{"id":"/root/children/173","type":"thematicBreak","loc":{"start":53999,"end":54002,"line":{"s":902,"e":902,"code":["---"]},"column":{"s":0,"e":3}},"dim":["","thematicBreak.173"],"code":"---"},{"id":"/root/children/174","type":"heading","loc":{"start":54004,"end":54014,"line":{"s":904,"e":904,"code":["## Testing"]},"column":{"s":0,"e":10}},"dim":["","heading.174"],"code":"## Testing","symbName":"heading","symbRange":[54016,54421],"symbRangeL":[904,920],"outerCode":"\n```sh\n# Unit/snapshot tests (Jest + ESM)\nnpm test\n\n# E2E (Playwright)\ncd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/__snapshots__/`.","outerHtml":"\n```sh
Unit/snapshot tests (Jest + ESM) npm test
\n\nE2E (Playwright) cd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```
\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/snapshots /`.
"},{"id":"/root/children/174/children/0","type":"text","loc":{"start":54007,"end":54014,"line":{"s":904,"e":904,"code":["## Testing"]},"column":{"s":3,"e":10}},"dim":["","heading.174","text.0"],"code":"Testing"},{"id":"/root/children/175","type":"code","loc":{"start":54016,"end":54201,"line":{"s":906,"e":915,"code":["```sh","# Unit/snapshot tests (Jest + ESM)","npm test","","# E2E (Playwright)","cd e2e","npm test # headless","npm run test:headed # headed","npm run test:ui # ui mode","```"]},"column":{"s":0,"e":3}},"dim":["","code.175"],"code":"```sh\n# Unit/snapshot tests (Jest + ESM)\nnpm test\n\n# E2E (Playwright)\ncd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```","symbName":"code","symbRange":[54203,63501],"symbRangeL":[null,1038],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):\n\n```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.\n\n# Split player.js into modules\n\n## Done\n\n- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys\n- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper\n- [x] `player-state.js` (~43 lines) — resetState, resetMachine\n- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile\n- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus\n- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree\n- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper\n- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit\n- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace\n- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)\n - imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()\n\n# Touchbar & Double-Touch\n\n## Done\n\n- [x] Alpine.js replaced Litedom for touchbar\n- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)\n- [x] Native click delegation instead of Alpine @click (avoids double-fire)\n- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`\n- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)\n- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips\n- [x] `data-doubletouch` only rendered when `action_extra` exists\n- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)\n- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)\n- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar\n- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.\n\n## Known gaps\n\n- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)\n- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check\n\n# Tabler\n\n## Done\n\n- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)\n- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)\n- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup\n- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast\n- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order\n\n# Eisenhower matrix\n\n## Done\n\n- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems.\n- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group.\n- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark.\n- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour.\n- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire.\n- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center.\n- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks.\n- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel.\n- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`.\n- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be.\n- [x] **`showBorder` box width fix** — Two corrections:\n - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal).\n- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:\n 1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n - Controlled by `config.densityOptimum` (default `0.6`)\n - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar\n- [x] **Font scale cap now width-proportional** — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula.\n\n## Use\n\n- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`.\n- Called from:\n - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`.\n - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu.\n\n## Touchbar Actions\n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |\n\n## Files Changed\n\n- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern\n- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`\n- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`\n- `codeditor/src/databox.js`: mobile paste detection\n\n---\n\n## Testing\n\n```sh\n# Unit/snapshot tests (Jest + ESM)\nnpm test\n\n# E2E (Playwright)\ncd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/__snapshots__/`.\n\n## Key conventions\n\n- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS\n- **No TypeScript** — pure JS with JSDoc\n- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)\n- **No linter or typechecker** configured\n\n## Voting system\n\n- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)\n- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them\n- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)\n- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`\n- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically.\n- **Vote helper**: `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.\n- **Fragment ref helper**: `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).\n- **JSON options loader**: `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.\n- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`.\n- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.\n\n## Touchbar system API\n\n- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show\n- `window.touchbarDispatch(action, element)` — button click dispatch\n- `data-touchpad=\"type|params\"` — attribute on glass search `` for double-tap\n- `data-tooltip` — attribute for click/touch triggered toolbar\n- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)\n- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types\n- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.\n\n## Architecture quirks\n\n- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly).\n- `proxy.STATE` is the mutable global state object (passed by reference).\n- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state.\n- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead.\n- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible.\n- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`.\n- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).\n\n## Heading-changes / Fragment management\n\n### Files changed\n\n- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`\n- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter\n- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched\n\n### Dialog rename\n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.\n\n### hasMetaData filter (heading report)\n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.\n\n### fragmentUrl system\n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).\n\n**Functions:**\n\n- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)\n- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:\n 1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`\n\n- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero.\n\n### replantRef touchbar action\n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:\n\n1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)\n2. Checks `route.isInEditor` — only works in edit layer\n3. Validates via `validateFragmentUrl(t)`\n4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`\n5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line\n6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor\n7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`\n\nKey: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.\n\n### URL construction\n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).\n\n### SQL rows\n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.\n\n## OuchDB (Remote CouchDB/PouchDB)\n\n**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.\n\n**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
\n\n```sh
minify + generate .br files find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;
\n\nthen in Caddyfile, use: file_server { precompressed br gzip } ```
\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.
\n\nSplit player.js into modules \n\nDone \n\n[x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper [x] `player-state.js` (~43 lines) — resetState, resetMachine [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper [x] `player-edit.js` (~233 lines) — renderSave, renderEdit [x] `player-space.js` (~253 lines) — resetSpace, renderSpace [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)imports from all 9 modules keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload player-mq.js updated to use PROXY.reloadCurrentPaper.fn() Touchbar & Double-Touch \n\nDone \n\n[x] Alpine.js replaced Litedom for touchbar [x] Double-touch changed from 2-finger simultaneous to double-tap pattern (400ms timeout) [x] Native click delegation instead of Alpine @click (avoids double-fire) [x] Toolbar buttons: click = primary action, double-touch = `action_extra` [x] Mobile paste: uses native `prompt()` (no nice dialog, but works) [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips [x] `data-doubletouch` only rendered when `action_extra` exists [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent) [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672) [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:omitted / `false` / non-numeric (default) → keep open (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions) `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch` [x] `window.touchbarShow(definition, position)` — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position. Known gaps \n\nNo \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history) `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check Tabler \n\nDone \n\n[x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator) [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires both `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it) [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-`, `--font-color- `, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order Eisenhower matrix \n\nDone \n\n[x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems. [x] Conflict lines (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group. [x] Font family on Vega text marks — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark. [x] `gravityToCorner` mode (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour. [x] Quasi-square grid in gravity mode — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire. [x] Stretch to span box — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center. [x] Label clearance — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks. [x] 2 px quadrant gap — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel. [x] `harmonizeColors` helper — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`. [x] Density culling fontSize re-evaluation — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be. [x] `showBorder` box width fix — Two corrections:First pass (all layout engines): `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.Second pass (eisenhover-matrix.js positioning loop): The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a separate Vega text mark at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal). [x] StdDev-based density culling — Replaced simple ascending-score drop with two-pass culling per quadrant:Compute `mean` and `stdDev` of task scores in quadrant First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliersRecalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()` Controlled by `config.densityOptimum` (default `0.6`) `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar [x] Font scale cap now width-proportional — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula. Use \n\n`player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`. Called from:`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`. `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu. Touchbar Actions \n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |
\n\nFiles Changed \n\n`ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra` `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch` `codeditor/src/databox.js`: mobile paste detection Testing \n\n```sh
Unit/snapshot tests (Jest + ESM) npm test
\n\nE2E (Playwright) cd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```
\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/snapshots /`.
\n\nKey conventions \n\nES modules (`\"type\": \"module\"`) — use `import`/`export`, no CommonJSNo TypeScript — pure JS with JSDocPrettier (`npx prettier`) with `semi: false` (except `.test.js` files)No linter or typechecker configuredVoting system \n\nSQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`) `STATE.remoteSqlite.execSql(sql)` — uses string interpolation in SQL (NOT `?` placeholders)Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020` Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`) `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`Do NOT use full filesystem paths (e.g., `/home/looper/.../paper/...`)Do strip `#/paper/` prefix from URIsDo sanitize trail segments via `ssss.string.sanitizeName` Campaign prefix : `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically. Vote helper : `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.Fragment ref helper : `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).JSON options loader : `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.Dialog-campaignes : `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`. After voting , dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.Touchbar system API \n\n`window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show `window.touchbarDispatch(action, element)` — button click dispatch `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap `data-tooltip` — attribute for click/touch triggered toolbar Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`) `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types resultAction dispatch (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.Architecture quirks \n\n`window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly). `proxy.STATE` is the mutable global state object (passed by reference). Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state. Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead. Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible. `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`. `echoOut` (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).Heading-changes / Fragment management \n\nFiles changed \n\n`player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions` `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched Dialog rename \n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.
\n\nhasMetaData filter (heading report) \n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.
\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.
\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.
\n\nfragmentUrl system \n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).
\n\nFunctions:
\n\n`validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments) `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:Validates fragment URL format Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6) Extracts `id` (full filesystem path + line number) and `num1` (line number fallback) Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix Determines range end:`deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)` Slices `lines[start..end]` (start = lineNum - 1) Returns `{ text, pathInRepo, startLine, endLine }` or `null` `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero. replantRef touchbar action \n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:
\n\nReads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`) Checks `route.isInEditor` — only works in edit layer Validates via `validateFragmentUrl(t)` Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)` Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })` Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.
\n\nURL construction \n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).
\n\nSQL rows \n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.
\n\nOuchDB (Remote CouchDB/PouchDB) \n\nAdapter: `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.
\n\nWiring: `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:
"},{"id":"/root/children/176","type":"paragraph","loc":{"start":54203,"end":54421,"line":{"s":917,"e":919,"code":["Jest requires `--experimental-vm-modules` (already in `package.json` `test` script).","Snapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.","Snapshot dir: `source/repolero-prototype/test/__snapshots__/`."]},"column":{"s":0,"e":62}},"dim":["","paragraph.176"],"code":"Jest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/__snapshots__/`."},{"id":"/root/children/176/children/0","type":"text","loc":{"start":54203,"end":54217,"line":{"s":917,"e":917,"code":["Jest requires `--experimental-vm-modules` (already in `package.json` `test` script)."]},"column":{"s":0,"e":14}},"dim":["","paragraph.176","text.0"],"code":"Jest requires "},{"id":"/root/children/176/children/1","type":"inlineCode","loc":{"start":54217,"end":54244,"line":{"s":917,"e":917,"code":["Jest requires `--experimental-vm-modules` (already in `package.json` `test` script)."]},"column":{"s":14,"e":41}},"dim":["","paragraph.176","inlineCode.1"],"code":"`--experimental-vm-modules`"},{"id":"/root/children/176/children/2","type":"text","loc":{"start":54244,"end":54257,"line":{"s":917,"e":917,"code":["Jest requires `--experimental-vm-modules` (already in `package.json` `test` script)."]},"column":{"s":41,"e":54}},"dim":["","paragraph.176","text.2"],"code":" (already in "},{"id":"/root/children/176/children/3","type":"inlineCode","loc":{"start":54257,"end":54271,"line":{"s":917,"e":917,"code":["Jest requires `--experimental-vm-modules` (already in `package.json` `test` script)."]},"column":{"s":54,"e":68}},"dim":["","paragraph.176","inlineCode.3"],"code":"`package.json`"},{"id":"/root/children/176/children/4","type":"text","loc":{"start":54271,"end":54272,"line":{"s":917,"e":917,"code":["Jest requires `--experimental-vm-modules` (already in `package.json` `test` script)."]},"column":{"s":68,"e":69}},"dim":["","paragraph.176","text.4"],"code":" "},{"id":"/root/children/176/children/5","type":"inlineCode","loc":{"start":54272,"end":54278,"line":{"s":917,"e":917,"code":["Jest requires `--experimental-vm-modules` (already in `package.json` `test` script)."]},"column":{"s":69,"e":75}},"dim":["","paragraph.176","inlineCode.5"],"code":"`test`"},{"id":"/root/children/176/children/6","type":"text","loc":{"start":54278,"end":54303,"line":{"s":917,"e":918,"code":["Jest requires `--experimental-vm-modules` (already in `package.json` `test` script).","Snapshot file: `source/repolero-prototype/test/glass-search.test.mjs`."]},"column":{"s":75,"e":15}},"dim":["","paragraph.176","text.6"],"code":" script).\nSnapshot file: "},{"id":"/root/children/176/children/7","type":"inlineCode","loc":{"start":54303,"end":54357,"line":{"s":918,"e":918,"code":["Snapshot file: `source/repolero-prototype/test/glass-search.test.mjs`."]},"column":{"s":15,"e":69}},"dim":["","paragraph.176","inlineCode.7"],"code":"`source/repolero-prototype/test/glass-search.test.mjs`"},{"id":"/root/children/176/children/8","type":"text","loc":{"start":54357,"end":54373,"line":{"s":918,"e":919,"code":["Snapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.","Snapshot dir: `source/repolero-prototype/test/__snapshots__/`."]},"column":{"s":69,"e":14}},"dim":["","paragraph.176","text.8"],"code":".\nSnapshot dir: "},{"id":"/root/children/176/children/9","type":"inlineCode","loc":{"start":54373,"end":54420,"line":{"s":919,"e":919,"code":["Snapshot dir: `source/repolero-prototype/test/__snapshots__/`."]},"column":{"s":14,"e":61}},"dim":["","paragraph.176","inlineCode.9"],"code":"`source/repolero-prototype/test/__snapshots__/`"},{"id":"/root/children/176/children/10","type":"text","loc":{"start":54420,"end":54421,"line":{"s":919,"e":919,"code":["Snapshot dir: `source/repolero-prototype/test/__snapshots__/`."]},"column":{"s":61,"e":62}},"dim":["","paragraph.176","text.10"],"code":"."},{"id":"/root/children/177","type":"heading","loc":{"start":54423,"end":54441,"line":{"s":921,"e":921,"code":["## Key conventions"]},"column":{"s":0,"e":18}},"dim":["","heading.177"],"code":"## Key conventions","symbName":"heading","symbRange":[54443,54677],"symbRangeL":[921,927],"outerCode":"\n- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS\n- **No TypeScript** — pure JS with JSDoc\n- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)\n- **No linter or typechecker** configured","outerHtml":"\nES modules (`\"type\": \"module\"`) — use `import`/`export`, no CommonJSNo TypeScript — pure JS with JSDocPrettier (`npx prettier`) with `semi: false` (except `.test.js` files)No linter or typechecker configuredNo TypeScript — pure JS with JSDocPrettier (`npx prettier`) with `semi: false` (except `.test.js` files)No linter or typechecker configuredVoting system "},{"id":"/root/children/178/children/0","type":"listItem","loc":{"start":54443,"end":54517,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":0,"e":74}},"dim":["","list.178","listItem.0"],"code":"- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"},{"id":"/root/children/178/children/0/children/0","type":"paragraph","loc":{"start":54445,"end":54517,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":2,"e":74}},"dim":["","list.178","listItem.0","paragraph.0"],"code":"**ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"},{"id":"/root/children/178/children/0/children/0/children/0","type":"strong","loc":{"start":54445,"end":54459,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":2,"e":16}},"dim":["","list.178","listItem.0","paragraph.0","strong.0"],"code":"**ES modules**"},{"id":"/root/children/178/children/0/children/0/children/0/children/0","type":"text","loc":{"start":54447,"end":54457,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":4,"e":14}},"dim":["","list.178","listItem.0","paragraph.0","strong.0","text.0"],"code":"ES modules"},{"id":"/root/children/178/children/0/children/0/children/1","type":"text","loc":{"start":54459,"end":54461,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":16,"e":18}},"dim":["","list.178","listItem.0","paragraph.0","text.1"],"code":" ("},{"id":"/root/children/178/children/0/children/0/children/2","type":"inlineCode","loc":{"start":54461,"end":54479,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":18,"e":36}},"dim":["","list.178","listItem.0","paragraph.0","inlineCode.2"],"code":"`\"type\": \"module\"`"},{"id":"/root/children/178/children/0/children/0/children/3","type":"text","loc":{"start":54479,"end":54487,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":36,"e":44}},"dim":["","list.178","listItem.0","paragraph.0","text.3"],"code":") — use "},{"id":"/root/children/178/children/0/children/0/children/4","type":"inlineCode","loc":{"start":54487,"end":54495,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":44,"e":52}},"dim":["","list.178","listItem.0","paragraph.0","inlineCode.4"],"code":"`import`"},{"id":"/root/children/178/children/0/children/0/children/5","type":"text","loc":{"start":54495,"end":54496,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":52,"e":53}},"dim":["","list.178","listItem.0","paragraph.0","text.5"],"code":"/"},{"id":"/root/children/178/children/0/children/0/children/6","type":"inlineCode","loc":{"start":54496,"end":54504,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":53,"e":61}},"dim":["","list.178","listItem.0","paragraph.0","inlineCode.6"],"code":"`export`"},{"id":"/root/children/178/children/0/children/0/children/7","type":"text","loc":{"start":54504,"end":54517,"line":{"s":923,"e":923,"code":["- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS"]},"column":{"s":61,"e":74}},"dim":["","list.178","listItem.0","paragraph.0","text.7"],"code":", no CommonJS"},{"id":"/root/children/178/children/1","type":"listItem","loc":{"start":54518,"end":54558,"line":{"s":924,"e":924,"code":["- **No TypeScript** — pure JS with JSDoc"]},"column":{"s":0,"e":40}},"dim":["","list.178","listItem.1"],"code":"- **No TypeScript** — pure JS with JSDoc"},{"id":"/root/children/178/children/1/children/0","type":"paragraph","loc":{"start":54520,"end":54558,"line":{"s":924,"e":924,"code":["- **No TypeScript** — pure JS with JSDoc"]},"column":{"s":2,"e":40}},"dim":["","list.178","listItem.1","paragraph.0"],"code":"**No TypeScript** — pure JS with JSDoc"},{"id":"/root/children/178/children/1/children/0/children/0","type":"strong","loc":{"start":54520,"end":54537,"line":{"s":924,"e":924,"code":["- **No TypeScript** — pure JS with JSDoc"]},"column":{"s":2,"e":19}},"dim":["","list.178","listItem.1","paragraph.0","strong.0"],"code":"**No TypeScript**"},{"id":"/root/children/178/children/1/children/0/children/0/children/0","type":"text","loc":{"start":54522,"end":54535,"line":{"s":924,"e":924,"code":["- **No TypeScript** — pure JS with JSDoc"]},"column":{"s":4,"e":17}},"dim":["","list.178","listItem.1","paragraph.0","strong.0","text.0"],"code":"No TypeScript"},{"id":"/root/children/178/children/1/children/0/children/1","type":"text","loc":{"start":54537,"end":54558,"line":{"s":924,"e":924,"code":["- **No TypeScript** — pure JS with JSDoc"]},"column":{"s":19,"e":40}},"dim":["","list.178","listItem.1","paragraph.0","text.1"],"code":" — pure JS with JSDoc"},{"id":"/root/children/178/children/2","type":"listItem","loc":{"start":54559,"end":54635,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":0,"e":76}},"dim":["","list.178","listItem.2"],"code":"- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"},{"id":"/root/children/178/children/2/children/0","type":"paragraph","loc":{"start":54561,"end":54635,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":2,"e":76}},"dim":["","list.178","listItem.2","paragraph.0"],"code":"**Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"},{"id":"/root/children/178/children/2/children/0/children/0","type":"strong","loc":{"start":54561,"end":54573,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":2,"e":14}},"dim":["","list.178","listItem.2","paragraph.0","strong.0"],"code":"**Prettier**"},{"id":"/root/children/178/children/2/children/0/children/0/children/0","type":"text","loc":{"start":54563,"end":54571,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":4,"e":12}},"dim":["","list.178","listItem.2","paragraph.0","strong.0","text.0"],"code":"Prettier"},{"id":"/root/children/178/children/2/children/0/children/1","type":"text","loc":{"start":54573,"end":54575,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":14,"e":16}},"dim":["","list.178","listItem.2","paragraph.0","text.1"],"code":" ("},{"id":"/root/children/178/children/2/children/0/children/2","type":"inlineCode","loc":{"start":54575,"end":54589,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":16,"e":30}},"dim":["","list.178","listItem.2","paragraph.0","inlineCode.2"],"code":"`npx prettier`"},{"id":"/root/children/178/children/2/children/0/children/3","type":"text","loc":{"start":54589,"end":54596,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":30,"e":37}},"dim":["","list.178","listItem.2","paragraph.0","text.3"],"code":") with "},{"id":"/root/children/178/children/2/children/0/children/4","type":"inlineCode","loc":{"start":54596,"end":54609,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":37,"e":50}},"dim":["","list.178","listItem.2","paragraph.0","inlineCode.4"],"code":"`semi: false`"},{"id":"/root/children/178/children/2/children/0/children/5","type":"text","loc":{"start":54609,"end":54618,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":50,"e":59}},"dim":["","list.178","listItem.2","paragraph.0","text.5"],"code":" (except "},{"id":"/root/children/178/children/2/children/0/children/6","type":"inlineCode","loc":{"start":54618,"end":54628,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":59,"e":69}},"dim":["","list.178","listItem.2","paragraph.0","inlineCode.6"],"code":"`.test.js`"},{"id":"/root/children/178/children/2/children/0/children/7","type":"text","loc":{"start":54628,"end":54635,"line":{"s":925,"e":925,"code":["- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)"]},"column":{"s":69,"e":76}},"dim":["","list.178","listItem.2","paragraph.0","text.7"],"code":" files)"},{"id":"/root/children/178/children/3","type":"listItem","loc":{"start":54636,"end":54677,"line":{"s":926,"e":926,"code":["- **No linter or typechecker** configured"]},"column":{"s":0,"e":41}},"dim":["","list.178","listItem.3"],"code":"- **No linter or typechecker** configured"},{"id":"/root/children/178/children/3/children/0","type":"paragraph","loc":{"start":54638,"end":54677,"line":{"s":926,"e":926,"code":["- **No linter or typechecker** configured"]},"column":{"s":2,"e":41}},"dim":["","list.178","listItem.3","paragraph.0"],"code":"**No linter or typechecker** configured"},{"id":"/root/children/178/children/3/children/0/children/0","type":"strong","loc":{"start":54638,"end":54666,"line":{"s":926,"e":926,"code":["- **No linter or typechecker** configured"]},"column":{"s":2,"e":30}},"dim":["","list.178","listItem.3","paragraph.0","strong.0"],"code":"**No linter or typechecker**"},{"id":"/root/children/178/children/3/children/0/children/0/children/0","type":"text","loc":{"start":54640,"end":54664,"line":{"s":926,"e":926,"code":["- **No linter or typechecker** configured"]},"column":{"s":4,"e":28}},"dim":["","list.178","listItem.3","paragraph.0","strong.0","text.0"],"code":"No linter or typechecker"},{"id":"/root/children/178/children/3/children/0/children/1","type":"text","loc":{"start":54666,"end":54677,"line":{"s":926,"e":926,"code":["- **No linter or typechecker** configured"]},"column":{"s":30,"e":41}},"dim":["","list.178","listItem.3","paragraph.0","text.1"],"code":" configured"},{"id":"/root/children/179","type":"heading","loc":{"start":54679,"end":54695,"line":{"s":928,"e":928,"code":["## Voting system"]},"column":{"s":0,"e":16}},"dim":["","heading.179"],"code":"## Voting system","symbName":"heading","symbRange":[54697,57162],"symbRangeL":[928,949],"outerCode":"\n- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)\n- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them\n- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)\n- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`\n- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically.\n- **Vote helper**: `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.\n- **Fragment ref helper**: `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).\n- **JSON options loader**: `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.\n- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`.\n- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.","outerHtml":"\nSQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`) `STATE.remoteSqlite.execSql(sql)` — uses string interpolation in SQL (NOT `?` placeholders)Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020` Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`) `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`Do NOT use full filesystem paths (e.g., `/home/looper/.../paper/...`)Do strip `#/paper/` prefix from URIsDo sanitize trail segments via `ssss.string.sanitizeName` Campaign prefix : `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically. Vote helper : `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.Fragment ref helper : `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).JSON options loader : `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.Dialog-campaignes : `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`. After voting , dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"," ```js"," window.store(windowStoreKey(\"options/glass/activeCampaign\"));"," ```"," The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically.","- **Vote helper**: `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.","- **Fragment ref helper**: `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).","- **JSON options loader**: `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.","- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`.","- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":0,"e":213}},"dim":["","list.180"],"code":"- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)\n- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them\n- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)\n- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`\n- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically.\n- **Vote helper**: `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.\n- **Fragment ref helper**: `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).\n- **JSON options loader**: `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.\n- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`.\n- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.","symbName":"list","symbRange":[57164,57186],"symbRangeL":[930,951],"outerCode":"- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them\n- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)\n- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`\n- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically.\n- **Vote helper**: `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.\n- **Fragment ref helper**: `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).\n- **JSON options loader**: `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.\n- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`.\n- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.\n\n## Touchbar system API","outerHtml":"`STATE.remoteSqlite.execSql(sql)` — uses string interpolation in SQL (NOT `?` placeholders)Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020` Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`) `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`Do NOT use full filesystem paths (e.g., `/home/looper/.../paper/...`)Do strip `#/paper/` prefix from URIsDo sanitize trail segments via `ssss.string.sanitizeName` Campaign prefix : `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically. Vote helper : `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.Fragment ref helper : `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).JSON options loader : `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.Dialog-campaignes : `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`. After voting , dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.Touchbar system API "},{"id":"/root/children/180/children/0","type":"listItem","loc":{"start":54697,"end":54756,"line":{"s":930,"e":930,"code":["- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)"]},"column":{"s":0,"e":59}},"dim":["","list.180","listItem.0"],"code":"- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)"},{"id":"/root/children/180/children/0/children/0","type":"paragraph","loc":{"start":54699,"end":54756,"line":{"s":930,"e":930,"code":["- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)"]},"column":{"s":2,"e":59}},"dim":["","list.180","listItem.0","paragraph.0"],"code":"SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)"},{"id":"/root/children/180/children/0/children/0/children/0","type":"text","loc":{"start":54699,"end":54716,"line":{"s":930,"e":930,"code":["- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)"]},"column":{"s":2,"e":19}},"dim":["","list.180","listItem.0","paragraph.0","text.0"],"code":"SQLite via HTTP ("},{"id":"/root/children/180/children/0/children/0/children/1","type":"inlineCode","loc":{"start":54716,"end":54729,"line":{"s":930,"e":930,"code":["- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)"]},"column":{"s":19,"e":32}},"dim":["","list.180","listItem.0","paragraph.0","inlineCode.1"],"code":"`sqlite-http`"},{"id":"/root/children/180/children/0/children/0/children/2","type":"text","loc":{"start":54729,"end":54737,"line":{"s":930,"e":930,"code":["- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)"]},"column":{"s":32,"e":40}},"dim":["","list.180","listItem.0","paragraph.0","text.2"],"code":" crate, "},{"id":"/root/children/180/children/0/children/0/children/3","type":"inlineCode","loc":{"start":54737,"end":54755,"line":{"s":930,"e":930,"code":["- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)"]},"column":{"s":40,"e":58}},"dim":["","list.180","listItem.0","paragraph.0","inlineCode.3"],"code":"`remote-sqlite.js`"},{"id":"/root/children/180/children/0/children/0/children/4","type":"text","loc":{"start":54755,"end":54756,"line":{"s":930,"e":930,"code":["- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)"]},"column":{"s":58,"e":59}},"dim":["","list.180","listItem.0","paragraph.0","text.4"],"code":")"},{"id":"/root/children/180/children/1","type":"listItem","loc":{"start":54757,"end":55030,"line":{"s":931,"e":933,"code":["- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"," - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"," - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"]},"column":{"s":0,"e":110}},"dim":["","list.180","listItem.1"],"code":"- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"},{"id":"/root/children/180/children/1/children/0","type":"paragraph","loc":{"start":54759,"end":54854,"line":{"s":931,"e":931,"code":["- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"]},"column":{"s":2,"e":97}},"dim":["","list.180","listItem.1","paragraph.0"],"code":"`STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"},{"id":"/root/children/180/children/1/children/0/children/0","type":"inlineCode","loc":{"start":54759,"end":54792,"line":{"s":931,"e":931,"code":["- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"]},"column":{"s":2,"e":35}},"dim":["","list.180","listItem.1","paragraph.0","inlineCode.0"],"code":"`STATE.remoteSqlite.execSql(sql)`"},{"id":"/root/children/180/children/1/children/0/children/1","type":"text","loc":{"start":54792,"end":54800,"line":{"s":931,"e":931,"code":["- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"]},"column":{"s":35,"e":43}},"dim":["","list.180","listItem.1","paragraph.0","text.1"],"code":" — uses "},{"id":"/root/children/180/children/1/children/0/children/2","type":"strong","loc":{"start":54800,"end":54824,"line":{"s":931,"e":931,"code":["- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"]},"column":{"s":43,"e":67}},"dim":["","list.180","listItem.1","paragraph.0","strong.2"],"code":"**string interpolation**"},{"id":"/root/children/180/children/1/children/0/children/2/children/0","type":"text","loc":{"start":54802,"end":54822,"line":{"s":931,"e":931,"code":["- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"]},"column":{"s":45,"e":65}},"dim":["","list.180","listItem.1","paragraph.0","strong.2","text.0"],"code":"string interpolation"},{"id":"/root/children/180/children/1/children/0/children/3","type":"text","loc":{"start":54824,"end":54837,"line":{"s":931,"e":931,"code":["- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"]},"column":{"s":67,"e":80}},"dim":["","list.180","listItem.1","paragraph.0","text.3"],"code":" in SQL (NOT "},{"id":"/root/children/180/children/1/children/0/children/4","type":"inlineCode","loc":{"start":54837,"end":54840,"line":{"s":931,"e":931,"code":["- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"]},"column":{"s":80,"e":83}},"dim":["","list.180","listItem.1","paragraph.0","inlineCode.4"],"code":"`?`"},{"id":"/root/children/180/children/1/children/0/children/5","type":"text","loc":{"start":54840,"end":54854,"line":{"s":931,"e":931,"code":["- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)"]},"column":{"s":83,"e":97}},"dim":["","list.180","listItem.1","paragraph.0","text.5"],"code":" placeholders)"},{"id":"/root/children/180/children/1/children/1","type":"list","loc":{"start":54857,"end":55030,"line":{"s":932,"e":933,"code":[" - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"," - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"]},"column":{"s":2,"e":110}},"dim":["","list.180","listItem.1","list.1"],"code":"- Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them","symbName":"list","symbRange":[null,null],"symbRangeL":[932,933],"outerCode":"","outerHtml":""},{"id":"/root/children/180/children/1/children/1/children/0","type":"listItem","loc":{"start":54857,"end":54919,"line":{"s":932,"e":932,"code":[" - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"]},"column":{"s":2,"e":64}},"dim":["","list.180","listItem.1","list.1","listItem.0"],"code":"- Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"},{"id":"/root/children/180/children/1/children/1/children/0/children/0","type":"paragraph","loc":{"start":54859,"end":54919,"line":{"s":932,"e":932,"code":[" - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"]},"column":{"s":4,"e":64}},"dim":["","list.180","listItem.1","list.1","listItem.0","paragraph.0"],"code":"Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"},{"id":"/root/children/180/children/1/children/1/children/0/children/0/children/0","type":"text","loc":{"start":54859,"end":54870,"line":{"s":932,"e":932,"code":[" - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"]},"column":{"s":4,"e":15}},"dim":["","list.180","listItem.1","list.1","listItem.0","paragraph.0","text.0"],"code":"Reference: "},{"id":"/root/children/180/children/1/children/1/children/0/children/0/children/1","type":"inlineCode","loc":{"start":54870,"end":54895,"line":{"s":932,"e":932,"code":[" - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"]},"column":{"s":15,"e":40}},"dim":["","list.180","listItem.1","list.1","listItem.0","paragraph.0","inlineCode.1"],"code":"`cmdVotingCampaign.js:90`"},{"id":"/root/children/180/children/1/children/1/children/0/children/0/children/2","type":"text","loc":{"start":54895,"end":54897,"line":{"s":932,"e":932,"code":[" - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"]},"column":{"s":40,"e":42}},"dim":["","list.180","listItem.1","list.1","listItem.0","paragraph.0","text.2"],"code":", "},{"id":"/root/children/180/children/1/children/1/children/0/children/0/children/3","type":"inlineCode","loc":{"start":54897,"end":54919,"line":{"s":932,"e":932,"code":[" - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`"]},"column":{"s":42,"e":64}},"dim":["","list.180","listItem.1","list.1","listItem.0","paragraph.0","inlineCode.3"],"code":"`player-paper.js:1020`"},{"id":"/root/children/180/children/1/children/1/children/1","type":"listItem","loc":{"start":54922,"end":55030,"line":{"s":933,"e":933,"code":[" - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"]},"column":{"s":2,"e":110}},"dim":["","list.180","listItem.1","list.1","listItem.1"],"code":"- Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"},{"id":"/root/children/180/children/1/children/1/children/1/children/0","type":"paragraph","loc":{"start":54924,"end":55030,"line":{"s":933,"e":933,"code":[" - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"]},"column":{"s":4,"e":110}},"dim":["","list.180","listItem.1","list.1","listItem.1","paragraph.0"],"code":"Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"},{"id":"/root/children/180/children/1/children/1/children/1/children/0/children/0","type":"text","loc":{"start":54924,"end":54949,"line":{"s":933,"e":933,"code":[" - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"]},"column":{"s":4,"e":29}},"dim":["","list.180","listItem.1","list.1","listItem.1","paragraph.0","text.0"],"code":"Do NOT use parameterized "},{"id":"/root/children/180/children/1/children/1/children/1/children/0/children/1","type":"inlineCode","loc":{"start":54949,"end":54952,"line":{"s":933,"e":933,"code":[" - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"]},"column":{"s":29,"e":32}},"dim":["","list.180","listItem.1","list.1","listItem.1","paragraph.0","inlineCode.1"],"code":"`?`"},{"id":"/root/children/180/children/1/children/1/children/1/children/0/children/2","type":"text","loc":{"start":54952,"end":54988,"line":{"s":933,"e":933,"code":[" - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"]},"column":{"s":32,"e":68}},"dim":["","list.180","listItem.1","list.1","listItem.1","paragraph.0","text.2"],"code":" placeholders with args array — the "},{"id":"/root/children/180/children/1/children/1/children/1/children/0/children/3","type":"inlineCode","loc":{"start":54988,"end":55001,"line":{"s":933,"e":933,"code":[" - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"]},"column":{"s":68,"e":81}},"dim":["","list.180","listItem.1","list.1","listItem.1","paragraph.0","inlineCode.3"],"code":"`sqlite-http`"},{"id":"/root/children/180/children/1/children/1/children/1/children/0/children/4","type":"text","loc":{"start":55001,"end":55030,"line":{"s":933,"e":933,"code":[" - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them"]},"column":{"s":81,"e":110}},"dim":["","list.180","listItem.1","list.1","listItem.1","paragraph.0","text.4"],"code":" version doesn't support them"},{"id":"/root/children/180/children/2","type":"listItem","loc":{"start":55031,"end":55132,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":0,"e":101}},"dim":["","list.180","listItem.2"],"code":"- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"},{"id":"/root/children/180/children/2/children/0","type":"paragraph","loc":{"start":55033,"end":55132,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":2,"e":101}},"dim":["","list.180","listItem.2","paragraph.0"],"code":"Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"},{"id":"/root/children/180/children/2/children/0/children/0","type":"text","loc":{"start":55033,"end":55040,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":2,"e":9}},"dim":["","list.180","listItem.2","paragraph.0","text.0"],"code":"Table: "},{"id":"/root/children/180/children/2/children/0/children/1","type":"inlineCode","loc":{"start":55040,"end":55053,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":9,"e":22}},"dim":["","list.180","listItem.2","paragraph.0","inlineCode.1"],"code":"`repo_voting`"},{"id":"/root/children/180/children/2/children/0/children/2","type":"text","loc":{"start":55053,"end":55064,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":22,"e":33}},"dim":["","list.180","listItem.2","paragraph.0","text.2"],"code":" (columns: "},{"id":"/root/children/180/children/2/children/0/children/3","type":"inlineCode","loc":{"start":55064,"end":55067,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":33,"e":36}},"dim":["","list.180","listItem.2","paragraph.0","inlineCode.3"],"code":"`d`"},{"id":"/root/children/180/children/2/children/0/children/4","type":"text","loc":{"start":55067,"end":55069,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":36,"e":38}},"dim":["","list.180","listItem.2","paragraph.0","text.4"],"code":", "},{"id":"/root/children/180/children/2/children/0/children/5","type":"inlineCode","loc":{"start":55069,"end":55075,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":38,"e":44}},"dim":["","list.180","listItem.2","paragraph.0","inlineCode.5"],"code":"`user`"},{"id":"/root/children/180/children/2/children/0/children/6","type":"text","loc":{"start":55075,"end":55077,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":44,"e":46}},"dim":["","list.180","listItem.2","paragraph.0","text.6"],"code":", "},{"id":"/root/children/180/children/2/children/0/children/7","type":"inlineCode","loc":{"start":55077,"end":55083,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":46,"e":52}},"dim":["","list.180","listItem.2","paragraph.0","inlineCode.7"],"code":"`repo`"},{"id":"/root/children/180/children/2/children/0/children/8","type":"text","loc":{"start":55083,"end":55085,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":52,"e":54}},"dim":["","list.180","listItem.2","paragraph.0","text.8"],"code":", "},{"id":"/root/children/180/children/2/children/0/children/9","type":"inlineCode","loc":{"start":55085,"end":55095,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":54,"e":64}},"dim":["","list.180","listItem.2","paragraph.0","inlineCode.9"],"code":"`campaign`"},{"id":"/root/children/180/children/2/children/0/children/10","type":"text","loc":{"start":55095,"end":55097,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":64,"e":66}},"dim":["","list.180","listItem.2","paragraph.0","text.10"],"code":", "},{"id":"/root/children/180/children/2/children/0/children/11","type":"inlineCode","loc":{"start":55097,"end":55102,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":66,"e":71}},"dim":["","list.180","listItem.2","paragraph.0","inlineCode.11"],"code":"`ref`"},{"id":"/root/children/180/children/2/children/0/children/12","type":"text","loc":{"start":55102,"end":55104,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":71,"e":73}},"dim":["","list.180","listItem.2","paragraph.0","text.12"],"code":", "},{"id":"/root/children/180/children/2/children/0/children/13","type":"inlineCode","loc":{"start":55104,"end":55115,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":73,"e":84}},"dim":["","list.180","listItem.2","paragraph.0","inlineCode.13"],"code":"`operation`"},{"id":"/root/children/180/children/2/children/0/children/14","type":"text","loc":{"start":55115,"end":55117,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":84,"e":86}},"dim":["","list.180","listItem.2","paragraph.0","text.14"],"code":", "},{"id":"/root/children/180/children/2/children/0/children/15","type":"inlineCode","loc":{"start":55117,"end":55123,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":86,"e":92}},"dim":["","list.180","listItem.2","paragraph.0","inlineCode.15"],"code":"`num1`"},{"id":"/root/children/180/children/2/children/0/children/16","type":"text","loc":{"start":55123,"end":55125,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":92,"e":94}},"dim":["","list.180","listItem.2","paragraph.0","text.16"],"code":", "},{"id":"/root/children/180/children/2/children/0/children/17","type":"inlineCode","loc":{"start":55125,"end":55131,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":94,"e":100}},"dim":["","list.180","listItem.2","paragraph.0","inlineCode.17"],"code":"`num2`"},{"id":"/root/children/180/children/2/children/0/children/18","type":"text","loc":{"start":55131,"end":55132,"line":{"s":934,"e":934,"code":["- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)"]},"column":{"s":100,"e":101}},"dim":["","list.180","listItem.2","paragraph.0","text.18"],"code":")"},{"id":"/root/children/180/children/3","type":"listItem","loc":{"start":55133,"end":55457,"line":{"s":935,"e":938,"code":["- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`"," - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)"," - **Do** strip `#/paper/` prefix from URIs"," - **Do** sanitize trail segments via `ssss.string.sanitizeName`"]},"column":{"s":0,"e":65}},"dim":["","list.180","listItem.3"],"code":"- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`"},{"id":"/root/children/180/children/3/children/0","type":"paragraph","loc":{"start":55135,"end":55268,"line":{"s":935,"e":935,"code":["- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`"]},"column":{"s":2,"e":135}},"dim":["","list.180","listItem.3","paragraph.0"],"code":"`fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`"},{"id":"/root/children/180/children/3/children/0/children/0","type":"inlineCode","loc":{"start":55135,"end":55148,"line":{"s":935,"e":935,"code":["- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`"]},"column":{"s":2,"e":15}},"dim":["","list.180","listItem.3","paragraph.0","inlineCode.0"],"code":"`fragmentRef`"},{"id":"/root/children/180/children/3/children/0/children/1","type":"text","loc":{"start":55148,"end":55167,"line":{"s":935,"e":935,"code":["- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`"]},"column":{"s":15,"e":34}},"dim":["","list.180","listItem.3","paragraph.0","text.1"],"code":" format must match "},{"id":"/root/children/180/children/3/children/0/children/2","type":"inlineCode","loc":{"start":55167,"end":55197,"line":{"s":935,"e":935,"code":["- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`"]},"column":{"s":34,"e":64}},"dim":["","list.180","listItem.3","paragraph.0","inlineCode.2"],"code":"`cache_ast_lake_nodes_ref.ref`"},{"id":"/root/children/180/children/3/children/0/children/3","type":"text","loc":{"start":55197,"end":55218,"line":{"s":935,"e":935,"code":["- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`"]},"column":{"s":64,"e":85}},"dim":["","list.180","listItem.3","paragraph.0","text.3"],"code":": relative path like "},{"id":"/root/children/180/children/3/children/0/children/4","type":"inlineCode","loc":{"start":55218,"end":55268,"line":{"s":935,"e":935,"code":["- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`"]},"column":{"s":85,"e":135}},"dim":["","list.180","listItem.3","paragraph.0","inlineCode.4"],"code":"`paper/filename.mdd:lineNum::sanitized/trail/path`"},{"id":"/root/children/180/children/3/children/1","type":"list","loc":{"start":55271,"end":55457,"line":{"s":936,"e":938,"code":[" - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)"," - **Do** strip `#/paper/` prefix from URIs"," - **Do** sanitize trail segments via `ssss.string.sanitizeName`"]},"column":{"s":2,"e":65}},"dim":["","list.180","listItem.3","list.1"],"code":"- **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`","symbName":"list","symbRange":[null,null],"symbRangeL":[936,938],"outerCode":" - **Do** strip `#/paper/` prefix from URIs","outerHtml":"Do strip `#/paper/` prefix from URIs` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"," ```js"," window.store(windowStoreKey(\"options/glass/activeCampaign\"));"," ```"," The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically."]},"column":{"s":0,"e":210}},"dim":["","list.180","listItem.4"],"code":"- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically."},{"id":"/root/children/180/children/4/children/0","type":"paragraph","loc":{"start":55460,"end":55617,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":2,"e":159}},"dim":["","list.180","listItem.4","paragraph.0"],"code":"**Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"},{"id":"/root/children/180/children/4/children/0/children/0","type":"strong","loc":{"start":55460,"end":55479,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":2,"e":21}},"dim":["","list.180","listItem.4","paragraph.0","strong.0"],"code":"**Campaign prefix**"},{"id":"/root/children/180/children/4/children/0/children/0/children/0","type":"text","loc":{"start":55462,"end":55477,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":4,"e":19}},"dim":["","list.180","listItem.4","paragraph.0","strong.0","text.0"],"code":"Campaign prefix"},{"id":"/root/children/180/children/4/children/0/children/1","type":"text","loc":{"start":55479,"end":55481,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":21,"e":23}},"dim":["","list.180","listItem.4","paragraph.0","text.1"],"code":": "},{"id":"/root/children/180/children/4/children/0/children/2","type":"inlineCode","loc":{"start":55481,"end":55522,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":23,"e":64}},"dim":["","list.180","listItem.4","paragraph.0","inlineCode.2"],"code":"``"},{"id":"/root/children/180/children/4/children/0/children/3","type":"text","loc":{"start":55522,"end":55526,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":64,"e":68}},"dim":["","list.180","listItem.4","paragraph.0","text.3"],"code":" in "},{"id":"/root/children/180/children/4/children/0/children/4","type":"inlineCode","loc":{"start":55526,"end":55544,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":68,"e":86}},"dim":["","list.180","listItem.4","paragraph.0","inlineCode.4"],"code":"`view.jq.html:368`"},{"id":"/root/children/180/children/4/children/0/children/5","type":"text","loc":{"start":55544,"end":55583,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":86,"e":125}},"dim":["","list.180","listItem.4","paragraph.0","text.5"],"code":" holds the active campaign scope (e.g. "},{"id":"/root/children/180/children/4/children/0/children/6","type":"inlineCode","loc":{"start":55583,"end":55595,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":125,"e":137}},"dim":["","list.180","listItem.4","paragraph.0","inlineCode.6"],"code":"`eisenhower`"},{"id":"/root/children/180/children/4/children/0/children/7","type":"text","loc":{"start":55595,"end":55597,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":137,"e":139}},"dim":["","list.180","listItem.4","paragraph.0","text.7"],"code":", "},{"id":"/root/children/180/children/4/children/0/children/8","type":"inlineCode","loc":{"start":55597,"end":55605,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":139,"e":147}},"dim":["","list.180","listItem.4","paragraph.0","inlineCode.8"],"code":"`debate`"},{"id":"/root/children/180/children/4/children/0/children/9","type":"text","loc":{"start":55605,"end":55617,"line":{"s":939,"e":939,"code":["- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:"]},"column":{"s":147,"e":159}},"dim":["","list.180","listItem.4","paragraph.0","text.9"],"code":"). Read via:"},{"id":"/root/children/180/children/4/children/1","type":"code","loc":{"start":55620,"end":55695,"line":{"s":940,"e":942,"code":[" ```js"," window.store(windowStoreKey(\"options/glass/activeCampaign\"));"," ```"]},"column":{"s":2,"e":5}},"dim":["","list.180","listItem.4","code.1"],"code":"```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```","symbName":"code","symbRange":[55698,null],"symbRangeL":[null,942],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):\n\n```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.\n\n# Split player.js into modules\n\n## Done\n\n- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys\n- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper\n- [x] `player-state.js` (~43 lines) — resetState, resetMachine\n- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile\n- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus\n- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree\n- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper\n- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit\n- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace\n- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)\n - imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()\n\n# Touchbar & Double-Touch\n\n## Done\n\n- [x] Alpine.js replaced Litedom for touchbar\n- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)\n- [x] Native click delegation instead of Alpine @click (avoids double-fire)\n- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`\n- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)\n- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips\n- [x] `data-doubletouch` only rendered when `action_extra` exists\n- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)\n- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)\n- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar\n- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.\n\n## Known gaps\n\n- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)\n- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check\n\n# Tabler\n\n## Done\n\n- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)\n- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)\n- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup\n- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast\n- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order\n\n# Eisenhower matrix\n\n## Done\n\n- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems.\n- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group.\n- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark.\n- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour.\n- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire.\n- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center.\n- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks.\n- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel.\n- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`.\n- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be.\n- [x] **`showBorder` box width fix** — Two corrections:\n - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal).\n- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:\n 1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n - Controlled by `config.densityOptimum` (default `0.6`)\n - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar\n- [x] **Font scale cap now width-proportional** — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula.\n\n## Use\n\n- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`.\n- Called from:\n - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`.\n - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu.\n\n## Touchbar Actions\n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |\n\n## Files Changed\n\n- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern\n- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`\n- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`\n- `codeditor/src/databox.js`: mobile paste detection\n\n---\n\n## Testing\n\n```sh\n# Unit/snapshot tests (Jest + ESM)\nnpm test\n\n# E2E (Playwright)\ncd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/__snapshots__/`.\n\n## Key conventions\n\n- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS\n- **No TypeScript** — pure JS with JSDoc\n- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)\n- **No linter or typechecker** configured\n\n## Voting system\n\n- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)\n- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them\n- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)\n- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`\n- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
\n\n```sh
minify + generate .br files find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;
\n\nthen in Caddyfile, use: file_server { precompressed br gzip } ```
\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.
\n\nSplit player.js into modules \n\nDone \n\n[x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper [x] `player-state.js` (~43 lines) — resetState, resetMachine [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper [x] `player-edit.js` (~233 lines) — renderSave, renderEdit [x] `player-space.js` (~253 lines) — resetSpace, renderSpace [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)imports from all 9 modules keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload player-mq.js updated to use PROXY.reloadCurrentPaper.fn() Touchbar & Double-Touch \n\nDone \n\n[x] Alpine.js replaced Litedom for touchbar [x] Double-touch changed from 2-finger simultaneous to double-tap pattern (400ms timeout) [x] Native click delegation instead of Alpine @click (avoids double-fire) [x] Toolbar buttons: click = primary action, double-touch = `action_extra` [x] Mobile paste: uses native `prompt()` (no nice dialog, but works) [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips [x] `data-doubletouch` only rendered when `action_extra` exists [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent) [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672) [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:omitted / `false` / non-numeric (default) → keep open (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions) `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch` [x] `window.touchbarShow(definition, position)` — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position. Known gaps \n\nNo \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history) `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check Tabler \n\nDone \n\n[x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator) [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires both `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it) [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-`, `--font-color- `, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order Eisenhower matrix \n\nDone \n\n[x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems. [x] Conflict lines (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group. [x] Font family on Vega text marks — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark. [x] `gravityToCorner` mode (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour. [x] Quasi-square grid in gravity mode — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire. [x] Stretch to span box — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center. [x] Label clearance — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks. [x] 2 px quadrant gap — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel. [x] `harmonizeColors` helper — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`. [x] Density culling fontSize re-evaluation — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be. [x] `showBorder` box width fix — Two corrections:First pass (all layout engines): `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.Second pass (eisenhover-matrix.js positioning loop): The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a separate Vega text mark at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal). [x] StdDev-based density culling — Replaced simple ascending-score drop with two-pass culling per quadrant:Compute `mean` and `stdDev` of task scores in quadrant First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliersRecalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()` Controlled by `config.densityOptimum` (default `0.6`) `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar [x] Font scale cap now width-proportional — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula. Use \n\n`player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`. Called from:`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`. `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu. Touchbar Actions \n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |
\n\nFiles Changed \n\n`ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra` `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch` `codeditor/src/databox.js`: mobile paste detection Testing \n\n```sh
Unit/snapshot tests (Jest + ESM) npm test
\n\nE2E (Playwright) cd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```
\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/snapshots /`.
\n\nKey conventions \n\nES modules (`\"type\": \"module\"`) — use `import`/`export`, no CommonJSNo TypeScript — pure JS with JSDocPrettier (`npx prettier`) with `semi: false` (except `.test.js` files)No linter or typechecker configuredVoting system \n\nSQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`) `STATE.remoteSqlite.execSql(sql)` — uses string interpolation in SQL (NOT `?` placeholders)Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020` Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`) `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`Do NOT use full filesystem paths (e.g., `/home/looper/.../paper/...`)Do strip `#/paper/` prefix from URIsDo sanitize trail segments via `ssss.string.sanitizeName` Campaign prefix : `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\")); ` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":0,"e":269}},"dim":["","list.180","listItem.8"],"code":"- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."},{"id":"/root/children/180/children/8/children/0","type":"paragraph","loc":{"start":56681,"end":56948,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":2,"e":269}},"dim":["","list.180","listItem.8","paragraph.0"],"code":"**Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."},{"id":"/root/children/180/children/8/children/0/children/0","type":"strong","loc":{"start":56681,"end":56702,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":2,"e":23}},"dim":["","list.180","listItem.8","paragraph.0","strong.0"],"code":"**Dialog-campaignes**"},{"id":"/root/children/180/children/8/children/0/children/0/children/0","type":"text","loc":{"start":56683,"end":56700,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":4,"e":21}},"dim":["","list.180","listItem.8","paragraph.0","strong.0","text.0"],"code":"Dialog-campaignes"},{"id":"/root/children/180/children/8/children/0/children/1","type":"text","loc":{"start":56702,"end":56704,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":23,"e":25}},"dim":["","list.180","listItem.8","paragraph.0","text.1"],"code":": "},{"id":"/root/children/180/children/8/children/0/children/2","type":"inlineCode","loc":{"start":56704,"end":56737,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":25,"e":58}},"dim":["","list.180","listItem.8","paragraph.0","inlineCode.2"],"code":"``"},{"id":"/root/children/180/children/8/children/0/children/3","type":"text","loc":{"start":56737,"end":56741,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":58,"e":62}},"dim":["","list.180","listItem.8","paragraph.0","text.3"],"code":" in "},{"id":"/root/children/180/children/8/children/0/children/4","type":"inlineCode","loc":{"start":56741,"end":56759,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":62,"e":80}},"dim":["","list.180","listItem.8","paragraph.0","inlineCode.4"],"code":"`view.jq.html:370`"},{"id":"/root/children/180/children/8/children/0/children/5","type":"text","loc":{"start":56759,"end":56787,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":80,"e":108}},"dim":["","list.180","listItem.8","paragraph.0","text.5"],"code":" populated dynamically from "},{"id":"/root/children/180/children/8/children/0/children/6","type":"inlineCode","loc":{"start":56787,"end":56820,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":108,"e":141}},"dim":["","list.180","listItem.8","paragraph.0","inlineCode.6"],"code":"`Alpine.store(\"glass\").campaigns`"},{"id":"/root/children/180/children/8/children/0/children/7","type":"text","loc":{"start":56820,"end":56852,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":141,"e":173}},"dim":["","list.180","listItem.8","paragraph.0","text.7"],"code":". On close, stores selection to "},{"id":"/root/children/180/children/8/children/0/children/8","type":"inlineCode","loc":{"start":56852,"end":56914,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":173,"e":235}},"dim":["","list.180","listItem.8","paragraph.0","inlineCode.8"],"code":"`window.store(windowStoreKey(\"options/glass/activeCampaign\"))`"},{"id":"/root/children/180/children/8/children/0/children/9","type":"text","loc":{"start":56914,"end":56926,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":235,"e":247}},"dim":["","list.180","listItem.8","paragraph.0","text.9"],"code":". Wiring in "},{"id":"/root/children/180/children/8/children/0/children/10","type":"inlineCode","loc":{"start":56926,"end":56947,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":247,"e":268}},"dim":["","list.180","listItem.8","paragraph.0","inlineCode.10"],"code":"`player.js:1052-1075`"},{"id":"/root/children/180/children/8/children/0/children/11","type":"text","loc":{"start":56947,"end":56948,"line":{"s":947,"e":947,"code":["- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`."]},"column":{"s":268,"e":269}},"dim":["","list.180","listItem.8","paragraph.0","text.11"],"code":"."},{"id":"/root/children/180/children/9","type":"listItem","loc":{"start":56949,"end":57162,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":0,"e":213}},"dim":["","list.180","listItem.9"],"code":"- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."},{"id":"/root/children/180/children/9/children/0","type":"paragraph","loc":{"start":56951,"end":57162,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":2,"e":213}},"dim":["","list.180","listItem.9","paragraph.0"],"code":"**After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."},{"id":"/root/children/180/children/9/children/0/children/0","type":"strong","loc":{"start":56951,"end":56967,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":2,"e":18}},"dim":["","list.180","listItem.9","paragraph.0","strong.0"],"code":"**After voting**"},{"id":"/root/children/180/children/9/children/0/children/0/children/0","type":"text","loc":{"start":56953,"end":56965,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":4,"e":16}},"dim":["","list.180","listItem.9","paragraph.0","strong.0","text.0"],"code":"After voting"},{"id":"/root/children/180/children/9/children/0/children/1","type":"text","loc":{"start":56967,"end":56978,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":18,"e":29}},"dim":["","list.180","listItem.9","paragraph.0","text.1"],"code":", dispatch "},{"id":"/root/children/180/children/9/children/0/children/2","type":"inlineCode","loc":{"start":56978,"end":57029,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":29,"e":80}},"dim":["","list.180","listItem.9","paragraph.0","inlineCode.2"],"code":"`document.dispatchEvent(new Event(\"paper:reload\"))`"},{"id":"/root/children/180/children/9/children/0/children/3","type":"text","loc":{"start":57029,"end":57068,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":80,"e":119}},"dim":["","list.180","listItem.9","paragraph.0","text.3"],"code":" to refresh the dashboard (listener in "},{"id":"/root/children/180/children/9/children/0/children/4","type":"inlineCode","loc":{"start":57068,"end":57083,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":119,"e":134}},"dim":["","list.180","listItem.9","paragraph.0","inlineCode.4"],"code":"`player.js:989`"},{"id":"/root/children/180/children/9/children/0/children/5","type":"text","loc":{"start":57083,"end":57090,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":134,"e":141}},"dim":["","list.180","listItem.9","paragraph.0","text.5"],"code":"). Use "},{"id":"/root/children/180/children/9/children/0/children/6","type":"inlineCode","loc":{"start":57090,"end":57114,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":141,"e":165}},"dim":["","list.180","listItem.9","paragraph.0","inlineCode.6"],"code":"`echoOut({vote: {...}})`"},{"id":"/root/children/180/children/9/children/0/children/7","type":"text","loc":{"start":57114,"end":57162,"line":{"s":948,"e":948,"code":["- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout."]},"column":{"s":165,"e":213}},"dim":["","list.180","listItem.9","paragraph.0","text.7"],"code":" to broadcast to other clients via STOMP fanout."},{"id":"/root/children/181","type":"heading","loc":{"start":57164,"end":57186,"line":{"s":950,"e":950,"code":["## Touchbar system API"]},"column":{"s":0,"e":22}},"dim":["","heading.181"],"code":"## Touchbar system API","symbName":"heading","symbRange":[57188,57860],"symbRangeL":[950,959],"outerCode":"\n- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show\n- `window.touchbarDispatch(action, element)` — button click dispatch\n- `data-touchpad=\"type|params\"` — attribute on glass search `` for double-tap\n- `data-tooltip` — attribute for click/touch triggered toolbar\n- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)\n- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types\n- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.","outerHtml":"\n`window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show `window.touchbarDispatch(action, element)` — button click dispatch `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap `data-tooltip` — attribute for click/touch triggered toolbar Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`) `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types resultAction dispatch (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`. ` for double-tap","- `data-tooltip` — attribute for click/touch triggered toolbar","- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)","- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types","- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":0,"e":242}},"dim":["","list.182"],"code":"- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show\n- `window.touchbarDispatch(action, element)` — button click dispatch\n- `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap\n- `data-tooltip` — attribute for click/touch triggered toolbar\n- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)\n- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types\n- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.","symbName":"list","symbRange":[57862,57884],"symbRangeL":[952,961],"outerCode":"- `window.touchbarDispatch(action, element)` — button click dispatch\n- `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap\n- `data-tooltip` — attribute for click/touch triggered toolbar\n- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)\n- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types\n- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.\n\n## Architecture quirks","outerHtml":"`window.touchbarDispatch(action, element)` — button click dispatch `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap `data-tooltip` — attribute for click/touch triggered toolbar Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`) `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types resultAction dispatch (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.Architecture quirks "},{"id":"/root/children/182/children/0","type":"listItem","loc":{"start":57188,"end":57261,"line":{"s":952,"e":952,"code":["- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show"]},"column":{"s":0,"e":73}},"dim":["","list.182","listItem.0"],"code":"- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show"},{"id":"/root/children/182/children/0/children/0","type":"paragraph","loc":{"start":57190,"end":57261,"line":{"s":952,"e":952,"code":["- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show"]},"column":{"s":2,"e":73}},"dim":["","list.182","listItem.0","paragraph.0"],"code":"`window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show"},{"id":"/root/children/182/children/0/children/0/children/0","type":"inlineCode","loc":{"start":57190,"end":57241,"line":{"s":952,"e":952,"code":["- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show"]},"column":{"s":2,"e":53}},"dim":["","list.182","listItem.0","paragraph.0","inlineCode.0"],"code":"`window.touchbarShow(\"$definition|params\", {x, y})`"},{"id":"/root/children/182/children/0/children/0/children/1","type":"text","loc":{"start":57241,"end":57261,"line":{"s":952,"e":952,"code":["- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show"]},"column":{"s":53,"e":73}},"dim":["","list.182","listItem.0","paragraph.0","text.1"],"code":" — programmatic show"},{"id":"/root/children/182/children/1","type":"listItem","loc":{"start":57262,"end":57330,"line":{"s":953,"e":953,"code":["- `window.touchbarDispatch(action, element)` — button click dispatch"]},"column":{"s":0,"e":68}},"dim":["","list.182","listItem.1"],"code":"- `window.touchbarDispatch(action, element)` — button click dispatch"},{"id":"/root/children/182/children/1/children/0","type":"paragraph","loc":{"start":57264,"end":57330,"line":{"s":953,"e":953,"code":["- `window.touchbarDispatch(action, element)` — button click dispatch"]},"column":{"s":2,"e":68}},"dim":["","list.182","listItem.1","paragraph.0"],"code":"`window.touchbarDispatch(action, element)` — button click dispatch"},{"id":"/root/children/182/children/1/children/0/children/0","type":"inlineCode","loc":{"start":57264,"end":57306,"line":{"s":953,"e":953,"code":["- `window.touchbarDispatch(action, element)` — button click dispatch"]},"column":{"s":2,"e":44}},"dim":["","list.182","listItem.1","paragraph.0","inlineCode.0"],"code":"`window.touchbarDispatch(action, element)`"},{"id":"/root/children/182/children/1/children/0/children/1","type":"text","loc":{"start":57306,"end":57330,"line":{"s":953,"e":953,"code":["- `window.touchbarDispatch(action, element)` — button click dispatch"]},"column":{"s":44,"e":68}},"dim":["","list.182","listItem.1","paragraph.0","text.1"],"code":" — button click dispatch"},{"id":"/root/children/182/children/2","type":"listItem","loc":{"start":57331,"end":57412,"line":{"s":954,"e":954,"code":["- `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap"]},"column":{"s":0,"e":81}},"dim":["","list.182","listItem.2"],"code":"- `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap"},{"id":"/root/children/182/children/2/children/0","type":"paragraph","loc":{"start":57333,"end":57412,"line":{"s":954,"e":954,"code":["- `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap"]},"column":{"s":2,"e":81}},"dim":["","list.182","listItem.2","paragraph.0"],"code":"`data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap"},{"id":"/root/children/182/children/2/children/0/children/0","type":"inlineCode","loc":{"start":57333,"end":57362,"line":{"s":954,"e":954,"code":["- `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap"]},"column":{"s":2,"e":31}},"dim":["","list.182","listItem.2","paragraph.0","inlineCode.0"],"code":"`data-touchpad=\"type|params\"`"},{"id":"/root/children/182/children/2/children/0/children/1","type":"text","loc":{"start":57362,"end":57391,"line":{"s":954,"e":954,"code":["- `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap"]},"column":{"s":31,"e":60}},"dim":["","list.182","listItem.2","paragraph.0","text.1"],"code":" — attribute on glass search "},{"id":"/root/children/182/children/2/children/0/children/2","type":"inlineCode","loc":{"start":57391,"end":57397,"line":{"s":954,"e":954,"code":["- `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap"]},"column":{"s":60,"e":66}},"dim":["","list.182","listItem.2","paragraph.0","inlineCode.2"],"code":"` `"},{"id":"/root/children/182/children/2/children/0/children/3","type":"text","loc":{"start":57397,"end":57412,"line":{"s":954,"e":954,"code":["- `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap"]},"column":{"s":66,"e":81}},"dim":["","list.182","listItem.2","paragraph.0","text.3"],"code":" for double-tap"},{"id":"/root/children/182/children/3","type":"listItem","loc":{"start":57413,"end":57475,"line":{"s":955,"e":955,"code":["- `data-tooltip` — attribute for click/touch triggered toolbar"]},"column":{"s":0,"e":62}},"dim":["","list.182","listItem.3"],"code":"- `data-tooltip` — attribute for click/touch triggered toolbar"},{"id":"/root/children/182/children/3/children/0","type":"paragraph","loc":{"start":57415,"end":57475,"line":{"s":955,"e":955,"code":["- `data-tooltip` — attribute for click/touch triggered toolbar"]},"column":{"s":2,"e":62}},"dim":["","list.182","listItem.3","paragraph.0"],"code":"`data-tooltip` — attribute for click/touch triggered toolbar"},{"id":"/root/children/182/children/3/children/0/children/0","type":"inlineCode","loc":{"start":57415,"end":57429,"line":{"s":955,"e":955,"code":["- `data-tooltip` — attribute for click/touch triggered toolbar"]},"column":{"s":2,"e":16}},"dim":["","list.182","listItem.3","paragraph.0","inlineCode.0"],"code":"`data-tooltip`"},{"id":"/root/children/182/children/3/children/0/children/1","type":"text","loc":{"start":57429,"end":57475,"line":{"s":955,"e":955,"code":["- `data-tooltip` — attribute for click/touch triggered toolbar"]},"column":{"s":16,"e":62}},"dim":["","list.182","listItem.3","paragraph.0","text.1"],"code":" — attribute for click/touch triggered toolbar"},{"id":"/root/children/182/children/4","type":"listItem","loc":{"start":57476,"end":57531,"line":{"s":956,"e":956,"code":["- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)"]},"column":{"s":0,"e":55}},"dim":["","list.182","listItem.4"],"code":"- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)"},{"id":"/root/children/182/children/4/children/0","type":"paragraph","loc":{"start":57478,"end":57531,"line":{"s":956,"e":956,"code":["- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)"]},"column":{"s":2,"e":55}},"dim":["","list.182","listItem.4","paragraph.0"],"code":"Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)"},{"id":"/root/children/182/children/4/children/0/children/0","type":"text","loc":{"start":57478,"end":57493,"line":{"s":956,"e":956,"code":["- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)"]},"column":{"s":2,"e":17}},"dim":["","list.182","listItem.4","paragraph.0","text.0"],"code":"Button defs in "},{"id":"/root/children/182/children/4/children/0/children/1","type":"inlineCode","loc":{"start":57493,"end":57507,"line":{"s":956,"e":956,"code":["- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)"]},"column":{"s":17,"e":31}},"dim":["","list.182","listItem.4","paragraph.0","inlineCode.1"],"code":"`toolbarsDefs`"},{"id":"/root/children/182/children/4/children/0/children/2","type":"text","loc":{"start":57507,"end":57509,"line":{"s":956,"e":956,"code":["- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)"]},"column":{"s":31,"e":33}},"dim":["","list.182","listItem.4","paragraph.0","text.2"],"code":" ("},{"id":"/root/children/182/children/4/children/0/children/3","type":"inlineCode","loc":{"start":57509,"end":57530,"line":{"s":956,"e":956,"code":["- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)"]},"column":{"s":33,"e":54}},"dim":["","list.182","listItem.4","paragraph.0","inlineCode.3"],"code":"`ui-touchbar-defs.js`"},{"id":"/root/children/182/children/4/children/0/children/4","type":"text","loc":{"start":57530,"end":57531,"line":{"s":956,"e":956,"code":["- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)"]},"column":{"s":54,"e":55}},"dim":["","list.182","listItem.4","paragraph.0","text.4"],"code":")"},{"id":"/root/children/182/children/5","type":"listItem","loc":{"start":57532,"end":57617,"line":{"s":957,"e":957,"code":["- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"]},"column":{"s":0,"e":85}},"dim":["","list.182","listItem.5"],"code":"- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"},{"id":"/root/children/182/children/5/children/0","type":"paragraph","loc":{"start":57534,"end":57617,"line":{"s":957,"e":957,"code":["- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"]},"column":{"s":2,"e":85}},"dim":["","list.182","listItem.5","paragraph.0"],"code":"`$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"},{"id":"/root/children/182/children/5/children/0/children/0","type":"inlineCode","loc":{"start":57534,"end":57549,"line":{"s":957,"e":957,"code":["- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"]},"column":{"s":2,"e":17}},"dim":["","list.182","listItem.5","paragraph.0","inlineCode.0"],"code":"`$resultAction`"},{"id":"/root/children/182/children/5/children/0/children/1","type":"text","loc":{"start":57549,"end":57551,"line":{"s":957,"e":957,"code":["- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"]},"column":{"s":17,"e":19}},"dim":["","list.182","listItem.5","paragraph.0","text.1"],"code":", "},{"id":"/root/children/182/children/5/children/0/children/2","type":"inlineCode","loc":{"start":57551,"end":57568,"line":{"s":957,"e":957,"code":["- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"]},"column":{"s":19,"e":36}},"dim":["","list.182","listItem.5","paragraph.0","inlineCode.2"],"code":"`$fragmentAction`"},{"id":"/root/children/182/children/5/children/0/children/3","type":"text","loc":{"start":57568,"end":57570,"line":{"s":957,"e":957,"code":["- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"]},"column":{"s":36,"e":38}},"dim":["","list.182","listItem.5","paragraph.0","text.3"],"code":", "},{"id":"/root/children/182/children/5/children/0/children/4","type":"inlineCode","loc":{"start":57570,"end":57588,"line":{"s":957,"e":957,"code":["- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"]},"column":{"s":38,"e":56}},"dim":["","list.182","listItem.5","paragraph.0","inlineCode.4"],"code":"`$statusTLToolbar`"},{"id":"/root/children/182/children/5/children/0/children/5","type":"text","loc":{"start":57588,"end":57617,"line":{"s":957,"e":957,"code":["- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types"]},"column":{"s":56,"e":85}},"dim":["","list.182","listItem.5","paragraph.0","text.5"],"code":" are the active toolbar types"},{"id":"/root/children/182/children/6","type":"listItem","loc":{"start":57618,"end":57860,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":0,"e":242}},"dim":["","list.182","listItem.6"],"code":"- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."},{"id":"/root/children/182/children/6/children/0","type":"paragraph","loc":{"start":57620,"end":57860,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":2,"e":242}},"dim":["","list.182","listItem.6","paragraph.0"],"code":"**resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."},{"id":"/root/children/182/children/6/children/0/children/0","type":"strong","loc":{"start":57620,"end":57645,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":2,"e":27}},"dim":["","list.182","listItem.6","paragraph.0","strong.0"],"code":"**resultAction dispatch**"},{"id":"/root/children/182/children/6/children/0/children/0/children/0","type":"text","loc":{"start":57622,"end":57643,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":4,"e":25}},"dim":["","list.182","listItem.6","paragraph.0","strong.0","text.0"],"code":"resultAction dispatch"},{"id":"/root/children/182/children/6/children/0/children/1","type":"text","loc":{"start":57645,"end":57647,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":27,"e":29}},"dim":["","list.182","listItem.6","paragraph.0","text.1"],"code":" ("},{"id":"/root/children/182/children/6/children/0/children/2","type":"inlineCode","loc":{"start":57647,"end":57667,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":29,"e":49}},"dim":["","list.182","listItem.6","paragraph.0","inlineCode.2"],"code":"`ui-touchbar.js:822`"},{"id":"/root/children/182/children/6/children/0/children/3","type":"text","loc":{"start":57667,"end":57690,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":49,"e":72}},"dim":["","list.182","listItem.6","paragraph.0","text.3"],"code":"): inline handlers for "},{"id":"/root/children/182/children/6/children/0/children/4","type":"inlineCode","loc":{"start":57690,"end":57699,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":72,"e":81}},"dim":["","list.182","listItem.6","paragraph.0","inlineCode.4"],"code":"`copyRef`"},{"id":"/root/children/182/children/6/children/0/children/5","type":"text","loc":{"start":57699,"end":57704,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":81,"e":86}},"dim":["","list.182","listItem.6","paragraph.0","text.5"],"code":" and "},{"id":"/root/children/182/children/6/children/0/children/6","type":"inlineCode","loc":{"start":57704,"end":57722,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":86,"e":104}},"dim":["","list.182","listItem.6","paragraph.0","inlineCode.6"],"code":"`vote-cast/uncast`"},{"id":"/root/children/182/children/6/children/0/children/7","type":"text","loc":{"start":57722,"end":57743,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":104,"e":125}},"dim":["","list.182","listItem.6","paragraph.0","text.7"],"code":". Vote handler calls "},{"id":"/root/children/182/children/6/children/0/children/8","type":"inlineCode","loc":{"start":57743,"end":57771,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":125,"e":153}},"dim":["","list.182","listItem.6","paragraph.0","inlineCode.8"],"code":"`voteRepo(proxy.STATE, ...)`"},{"id":"/root/children/182/children/6/children/0/children/9","type":"text","loc":{"start":57771,"end":57797,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":153,"e":179}},"dim":["","list.182","listItem.6","paragraph.0","text.9"],"code":", shows notyf, dispatches "},{"id":"/root/children/182/children/6/children/0/children/10","type":"inlineCode","loc":{"start":57797,"end":57813,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":179,"e":195}},"dim":["","list.182","listItem.6","paragraph.0","inlineCode.10"],"code":"`\"paper:reload\"`"},{"id":"/root/children/182/children/6/children/0/children/11","type":"text","loc":{"start":57813,"end":57833,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":195,"e":215}},"dim":["","list.182","listItem.6","paragraph.0","text.11"],"code":", hides toolbar via "},{"id":"/root/children/182/children/6/children/0/children/12","type":"inlineCode","loc":{"start":57833,"end":57859,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":215,"e":241}},"dim":["","list.182","listItem.6","paragraph.0","inlineCode.12"],"code":"`.finally(() => fnHide())`"},{"id":"/root/children/182/children/6/children/0/children/13","type":"text","loc":{"start":57859,"end":57860,"line":{"s":958,"e":958,"code":["- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`."]},"column":{"s":241,"e":242}},"dim":["","list.182","listItem.6","paragraph.0","text.13"],"code":"."},{"id":"/root/children/183","type":"heading","loc":{"start":57862,"end":57884,"line":{"s":960,"e":960,"code":["## Architecture quirks"]},"column":{"s":0,"e":22}},"dim":["","heading.183"],"code":"## Architecture quirks","symbName":"heading","symbRange":[57886,59208],"symbRangeL":[960,969],"outerCode":"\n- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly).\n- `proxy.STATE` is the mutable global state object (passed by reference).\n- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state.\n- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead.\n- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible.\n- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`.\n- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).","outerHtml":"\n`window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly). `proxy.STATE` is the mutable global state object (passed by reference). Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state. Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead. Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible. `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`. `echoOut` (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).`proxy.STATE` is the mutable global state object (passed by reference). Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state. Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead. Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible. `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`. `echoOut` (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).Heading-changes / Fragment management \n\nFiles changed "},{"id":"/root/children/184/children/0","type":"listItem","loc":{"start":57886,"end":58123,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":0,"e":237}},"dim":["","list.184","listItem.0"],"code":"- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."},{"id":"/root/children/184/children/0/children/0","type":"paragraph","loc":{"start":57888,"end":58123,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":2,"e":237}},"dim":["","list.184","listItem.0","paragraph.0"],"code":"`window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."},{"id":"/root/children/184/children/0/children/0/children/0","type":"inlineCode","loc":{"start":57888,"end":57906,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":2,"e":20}},"dim":["","list.184","listItem.0","paragraph.0","inlineCode.0"],"code":"`window.ctrlPaper`"},{"id":"/root/children/184/children/0/children/0/children/1","type":"text","loc":{"start":57906,"end":57926,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":20,"e":40}},"dim":["","list.184","listItem.0","paragraph.0","text.1"],"code":" is only set inside "},{"id":"/root/children/184/children/0/children/0/children/2","type":"inlineCode","loc":{"start":57926,"end":57941,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":40,"e":55}},"dim":["","list.184","listItem.0","paragraph.0","inlineCode.2"],"code":"`renderPaper()`"},{"id":"/root/children/184/children/0/children/0/children/3","type":"text","loc":{"start":57941,"end":58013,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":55,"e":127}},"dim":["","list.184","listItem.0","paragraph.0","text.3"],"code":" — NOT available on the glass layer. Result action dispatch handlers in "},{"id":"/root/children/184/children/0/children/0/children/4","type":"inlineCode","loc":{"start":58013,"end":58031,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":127,"e":145}},"dim":["","list.184","listItem.0","paragraph.0","inlineCode.4"],"code":"`touchbarDispatch`"},{"id":"/root/children/184/children/0/children/0/children/5","type":"text","loc":{"start":58031,"end":58060,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":145,"e":174}},"dim":["","list.184","listItem.0","paragraph.0","text.5"],"code":" must be self-contained (use "},{"id":"/root/children/184/children/0/children/0/children/6","type":"inlineCode","loc":{"start":58060,"end":58086,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":174,"e":200}},"dim":["","list.184","listItem.0","paragraph.0","inlineCode.6"],"code":"`proxy.STATE.remoteSqlite`"},{"id":"/root/children/184/children/0/children/0/children/7","type":"text","loc":{"start":58086,"end":58091,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":200,"e":205}},"dim":["","list.184","listItem.0","paragraph.0","text.7"],"code":" and "},{"id":"/root/children/184/children/0/children/0/children/8","type":"inlineCode","loc":{"start":58091,"end":58112,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":205,"e":226}},"dim":["","list.184","listItem.0","paragraph.0","inlineCode.8"],"code":"`proxy.ssss.copyText`"},{"id":"/root/children/184/children/0/children/0/children/9","type":"text","loc":{"start":58112,"end":58123,"line":{"s":962,"e":962,"code":["- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly)."]},"column":{"s":226,"e":237}},"dim":["","list.184","listItem.0","paragraph.0","text.9"],"code":" directly)."},{"id":"/root/children/184/children/1","type":"listItem","loc":{"start":58124,"end":58197,"line":{"s":963,"e":963,"code":["- `proxy.STATE` is the mutable global state object (passed by reference)."]},"column":{"s":0,"e":73}},"dim":["","list.184","listItem.1"],"code":"- `proxy.STATE` is the mutable global state object (passed by reference)."},{"id":"/root/children/184/children/1/children/0","type":"paragraph","loc":{"start":58126,"end":58197,"line":{"s":963,"e":963,"code":["- `proxy.STATE` is the mutable global state object (passed by reference)."]},"column":{"s":2,"e":73}},"dim":["","list.184","listItem.1","paragraph.0"],"code":"`proxy.STATE` is the mutable global state object (passed by reference)."},{"id":"/root/children/184/children/1/children/0/children/0","type":"inlineCode","loc":{"start":58126,"end":58139,"line":{"s":963,"e":963,"code":["- `proxy.STATE` is the mutable global state object (passed by reference)."]},"column":{"s":2,"e":15}},"dim":["","list.184","listItem.1","paragraph.0","inlineCode.0"],"code":"`proxy.STATE`"},{"id":"/root/children/184/children/1/children/0/children/1","type":"text","loc":{"start":58139,"end":58197,"line":{"s":963,"e":963,"code":["- `proxy.STATE` is the mutable global state object (passed by reference)."]},"column":{"s":15,"e":73}},"dim":["","list.184","listItem.1","paragraph.0","text.1"],"code":" is the mutable global state object (passed by reference)."},{"id":"/root/children/184/children/2","type":"listItem","loc":{"start":58198,"end":58281,"line":{"s":964,"e":964,"code":["- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state."]},"column":{"s":0,"e":83}},"dim":["","list.184","listItem.2"],"code":"- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state."},{"id":"/root/children/184/children/2/children/0","type":"paragraph","loc":{"start":58200,"end":58281,"line":{"s":964,"e":964,"code":["- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state."]},"column":{"s":2,"e":83}},"dim":["","list.184","listItem.2","paragraph.0"],"code":"Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state."},{"id":"/root/children/184/children/2/children/0/children/0","type":"text","loc":{"start":58200,"end":58216,"line":{"s":964,"e":964,"code":["- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state."]},"column":{"s":2,"e":18}},"dim":["","list.184","listItem.2","paragraph.0","text.0"],"code":"Alpine store at "},{"id":"/root/children/184/children/2/children/0/children/1","type":"inlineCode","loc":{"start":58216,"end":58239,"line":{"s":964,"e":964,"code":["- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state."]},"column":{"s":18,"e":41}},"dim":["","list.184","listItem.2","paragraph.0","inlineCode.1"],"code":"`Alpine.store(\"glass\")`"},{"id":"/root/children/184/children/2/children/0/children/2","type":"text","loc":{"start":58239,"end":58281,"line":{"s":964,"e":964,"code":["- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state."]},"column":{"s":41,"e":83}},"dim":["","list.184","listItem.2","paragraph.0","text.2"],"code":" — used for touchbar state and menu state."},{"id":"/root/children/184/children/3","type":"listItem","loc":{"start":58282,"end":58544,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":0,"e":262}},"dim":["","list.184","listItem.3"],"code":"- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."},{"id":"/root/children/184/children/3/children/0","type":"paragraph","loc":{"start":58284,"end":58544,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":2,"e":262}},"dim":["","list.184","listItem.3","paragraph.0"],"code":"Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."},{"id":"/root/children/184/children/3/children/0/children/0","type":"text","loc":{"start":58284,"end":58302,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":2,"e":20}},"dim":["","list.184","listItem.3","paragraph.0","text.0"],"code":"Search results in "},{"id":"/root/children/184/children/3/children/0/children/1","type":"inlineCode","loc":{"start":58302,"end":58313,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":20,"e":31}},"dim":["","list.184","listItem.3","paragraph.0","inlineCode.1"],"code":"`onResults`"},{"id":"/root/children/184/children/3/children/0/children/2","type":"text","loc":{"start":58313,"end":58336,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":31,"e":54}},"dim":["","list.184","listItem.3","paragraph.0","text.2"],"code":" callback have fields: "},{"id":"/root/children/184/children/3/children/0/children/3","type":"inlineCode","loc":{"start":58336,"end":58423,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":54,"e":141}},"dim":["","list.184","listItem.3","paragraph.0","inlineCode.3"],"code":"`reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`"},{"id":"/root/children/184/children/3/children/0/children/4","type":"text","loc":{"start":58423,"end":58429,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":141,"e":147}},"dim":["","list.184","listItem.3","paragraph.0","text.4"],"code":". The "},{"id":"/root/children/184/children/3/children/0/children/5","type":"inlineCode","loc":{"start":58429,"end":58433,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":147,"e":151}},"dim":["","list.184","listItem.3","paragraph.0","inlineCode.5"],"code":"`fn`"},{"id":"/root/children/184/children/3/children/0/children/6","type":"text","loc":{"start":58433,"end":58500,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":151,"e":218}},"dim":["","list.184","listItem.3","paragraph.0","text.6"],"code":" field is the raw DB identifier (full path with line number) — use "},{"id":"/root/children/184/children/3/children/0/children/7","type":"inlineCode","loc":{"start":58500,"end":58505,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":218,"e":223}},"dim":["","list.184","listItem.3","paragraph.0","inlineCode.7"],"code":"`uri`"},{"id":"/root/children/184/children/3/children/0/children/8","type":"text","loc":{"start":58505,"end":58544,"line":{"s":965,"e":965,"code":["- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead."]},"column":{"s":223,"e":262}},"dim":["","list.184","listItem.3","paragraph.0","text.8"],"code":" (hash URL) for relative paths instead."},{"id":"/root/children/184/children/4","type":"listItem","loc":{"start":58545,"end":58699,"line":{"s":966,"e":966,"code":["- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."]},"column":{"s":0,"e":154}},"dim":["","list.184","listItem.4"],"code":"- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."},{"id":"/root/children/184/children/4/children/0","type":"paragraph","loc":{"start":58547,"end":58699,"line":{"s":966,"e":966,"code":["- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."]},"column":{"s":2,"e":154}},"dim":["","list.184","listItem.4","paragraph.0"],"code":"Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."},{"id":"/root/children/184/children/4/children/0/children/0","type":"text","loc":{"start":58547,"end":58575,"line":{"s":966,"e":966,"code":["- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."]},"column":{"s":2,"e":30}},"dim":["","list.184","listItem.4","paragraph.0","text.0"],"code":"Voting dashboard reads from "},{"id":"/root/children/184/children/4/children/0/children/1","type":"inlineCode","loc":{"start":58575,"end":58588,"line":{"s":966,"e":966,"code":["- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."]},"column":{"s":30,"e":43}},"dim":["","list.184","listItem.4","paragraph.0","inlineCode.1"],"code":"`repo_voting`"},{"id":"/root/children/184/children/4/children/0/children/2","type":"text","loc":{"start":58588,"end":58593,"line":{"s":966,"e":966,"code":["- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."]},"column":{"s":43,"e":48}},"dim":["","list.184","listItem.4","paragraph.0","text.2"],"code":" via "},{"id":"/root/children/184/children/4/children/0/children/3","type":"inlineCode","loc":{"start":58593,"end":58642,"line":{"s":966,"e":966,"code":["- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."]},"column":{"s":48,"e":97}},"dim":["","list.184","listItem.4","paragraph.0","inlineCode.3"],"code":"`INNER JOIN cache_ast_lake_nodes_ref r USING(id)`"},{"id":"/root/children/184/children/4/children/0/children/4","type":"text","loc":{"start":58642,"end":58652,"line":{"s":966,"e":966,"code":["- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."]},"column":{"s":97,"e":107}},"dim":["","list.184","listItem.4","paragraph.0","text.4"],"code":" — if the "},{"id":"/root/children/184/children/4/children/0/children/5","type":"inlineCode","loc":{"start":58652,"end":58657,"line":{"s":966,"e":966,"code":["- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."]},"column":{"s":107,"e":112}},"dim":["","list.184","listItem.4","paragraph.0","inlineCode.5"],"code":"`ref`"},{"id":"/root/children/184/children/4/children/0/children/6","type":"text","loc":{"start":58657,"end":58699,"line":{"s":966,"e":966,"code":["- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible."]},"column":{"s":112,"e":154}},"dim":["","list.184","listItem.4","paragraph.0","text.6"],"code":" doesn't match, the vote row is invisible."},{"id":"/root/children/184/children/5","type":"listItem","loc":{"start":58700,"end":58945,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":0,"e":245}},"dim":["","list.184","listItem.5"],"code":"- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."},{"id":"/root/children/184/children/5/children/0","type":"paragraph","loc":{"start":58702,"end":58945,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":2,"e":245}},"dim":["","list.184","listItem.5","paragraph.0"],"code":"`[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."},{"id":"/root/children/184/children/5/children/0/children/0","type":"inlineCode","loc":{"start":58702,"end":58716,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":2,"e":16}},"dim":["","list.184","listItem.5","paragraph.0","inlineCode.0"],"code":"`[persistent]`"},{"id":"/root/children/184/children/5/children/0/children/1","type":"text","loc":{"start":58716,"end":58740,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":16,"e":40}},"dim":["","list.184","listItem.5","paragraph.0","text.1"],"code":" attribute on elements ("},{"id":"/root/children/184/children/5/children/0/children/2","type":"inlineCode","loc":{"start":58740,"end":58761,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":40,"e":61}},"dim":["","list.184","listItem.5","paragraph.0","inlineCode.2"],"code":"`player.js:1000-1046`"},{"id":"/root/children/184/children/5/children/0/children/3","type":"text","loc":{"start":58761,"end":58795,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":61,"e":95}},"dim":["","list.184","listItem.5","paragraph.0","text.3"],"code":"): auto-saves/restores values via "},{"id":"/root/children/184/children/5/children/0/children/4","type":"inlineCode","loc":{"start":58795,"end":58853,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":95,"e":153}},"dim":["","list.184","listItem.5","paragraph.0","inlineCode.4"],"code":"`window.store(windowStoreKey(ssss.getNodeTrail(element)))`"},{"id":"/root/children/184/children/5/children/0/children/5","type":"text","loc":{"start":58853,"end":58926,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":153,"e":226}},"dim":["","list.184","listItem.5","paragraph.0","text.5"],"code":". Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on "},{"id":"/root/children/184/children/5/children/0/children/6","type":"inlineCode","loc":{"start":58926,"end":58944,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":226,"e":244}},"dim":["","list.184","listItem.5","paragraph.0","inlineCode.6"],"code":"`sEventGlassReady`"},{"id":"/root/children/184/children/5/children/0/children/7","type":"text","loc":{"start":58944,"end":58945,"line":{"s":967,"e":967,"code":["- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`."]},"column":{"s":244,"e":245}},"dim":["","list.184","listItem.5","paragraph.0","text.7"],"code":"."},{"id":"/root/children/184/children/6","type":"listItem","loc":{"start":58946,"end":59208,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":0,"e":262}},"dim":["","list.184","listItem.6"],"code":"- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."},{"id":"/root/children/184/children/6/children/0","type":"paragraph","loc":{"start":58948,"end":59208,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":2,"e":262}},"dim":["","list.184","listItem.6","paragraph.0"],"code":"**`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."},{"id":"/root/children/184/children/6/children/0/children/0","type":"strong","loc":{"start":58948,"end":58961,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":2,"e":15}},"dim":["","list.184","listItem.6","paragraph.0","strong.0"],"code":"**`echoOut`**"},{"id":"/root/children/184/children/6/children/0/children/0/children/0","type":"inlineCode","loc":{"start":58950,"end":58959,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":4,"e":13}},"dim":["","list.184","listItem.6","paragraph.0","strong.0","inlineCode.0"],"code":"`echoOut`"},{"id":"/root/children/184/children/6/children/0/children/1","type":"text","loc":{"start":58961,"end":58963,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":15,"e":17}},"dim":["","list.184","listItem.6","paragraph.0","text.1"],"code":" ("},{"id":"/root/children/184/children/6/children/0/children/2","type":"inlineCode","loc":{"start":58963,"end":58984,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":17,"e":38}},"dim":["","list.184","listItem.6","paragraph.0","inlineCode.2"],"code":"`player-paper.js:366`"},{"id":"/root/children/184/children/6/children/0/children/3","type":"text","loc":{"start":58984,"end":59013,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":38,"e":67}},"dim":["","list.184","listItem.6","paragraph.0","text.3"],"code":"): emits fanout messages via "},{"id":"/root/children/184/children/6/children/0/children/4","type":"inlineCode","loc":{"start":59013,"end":59065,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":67,"e":119}},"dim":["","list.184","listItem.6","paragraph.0","inlineCode.4"],"code":"`PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`"},{"id":"/root/children/184/children/6/children/0/children/5","type":"text","loc":{"start":59065,"end":59147,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":119,"e":201}},"dim":["","list.184","listItem.6","paragraph.0","text.5"],"code":". Used to broadcast vote events to other connected clients. Available only inside "},{"id":"/root/children/184/children/6/children/0/children/6","type":"inlineCode","loc":{"start":59147,"end":59162,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":201,"e":216}},"dim":["","list.184","listItem.6","paragraph.0","inlineCode.6"],"code":"`renderPaper()`"},{"id":"/root/children/184/children/6/children/0/children/7","type":"text","loc":{"start":59162,"end":59167,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":216,"e":221}},"dim":["","list.184","listItem.6","paragraph.0","text.7"],"code":" and "},{"id":"/root/children/184/children/6/children/0/children/8","type":"inlineCode","loc":{"start":59167,"end":59184,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":221,"e":238}},"dim":["","list.184","listItem.6","paragraph.0","inlineCode.8"],"code":"`dashboardBody()`"},{"id":"/root/children/184/children/6/children/0/children/9","type":"text","loc":{"start":59184,"end":59191,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":238,"e":245}},"dim":["","list.184","listItem.6","paragraph.0","text.9"],"code":" (from "},{"id":"/root/children/184/children/6/children/0/children/10","type":"inlineCode","loc":{"start":59191,"end":59206,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":245,"e":260}},"dim":["","list.184","listItem.6","paragraph.0","inlineCode.10"],"code":"`proxy.echoOut`"},{"id":"/root/children/184/children/6/children/0/children/11","type":"text","loc":{"start":59206,"end":59208,"line":{"s":968,"e":968,"code":["- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`)."]},"column":{"s":260,"e":262}},"dim":["","list.184","listItem.6","paragraph.0","text.11"],"code":")."},{"id":"/root/children/185","type":"heading","loc":{"start":59210,"end":59250,"line":{"s":970,"e":970,"code":["## Heading-changes / Fragment management"]},"column":{"s":0,"e":40}},"dim":["","heading.185"],"code":"## Heading-changes / Fragment management","symbName":"heading","symbRange":[59252,70981],"symbRangeL":[970,971],"outerCode":"","outerHtml":""},{"id":"/root/children/185/children/0","type":"text","loc":{"start":59213,"end":59250,"line":{"s":970,"e":970,"code":["## Heading-changes / Fragment management"]},"column":{"s":3,"e":40}},"dim":["","heading.185","text.0"],"code":"Heading-changes / Fragment management"},{"id":"/root/children/186","type":"heading","loc":{"start":59252,"end":59269,"line":{"s":972,"e":972,"code":["### Files changed"]},"column":{"s":0,"e":17}},"dim":["","heading.186"],"code":"### Files changed","symbName":"heading","symbRange":[59271,59723],"symbRangeL":[972,977],"outerCode":"\n- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`\n- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter\n- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched","outerHtml":"\n`player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions` `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched ::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).\n\n**Functions:**","outerHtml":"`player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched Dialog rename \n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.
\n\nhasMetaData filter (heading report) \n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.
\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.
\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.
\n\nfragmentUrl system \n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).
\n\nFunctions:
"},{"id":"/root/children/187/children/0","type":"listItem","loc":{"start":59271,"end":59406,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":0,"e":135}},"dim":["","list.187","listItem.0"],"code":"- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"},{"id":"/root/children/187/children/0/children/0","type":"paragraph","loc":{"start":59273,"end":59406,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":2,"e":135}},"dim":["","list.187","listItem.0","paragraph.0"],"code":"`player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"},{"id":"/root/children/187/children/0/children/0/children/0","type":"inlineCode","loc":{"start":59273,"end":59297,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":2,"e":26}},"dim":["","list.187","listItem.0","paragraph.0","inlineCode.0"],"code":"`player/player-utils.js`"},{"id":"/root/children/187/children/0/children/0/children/1","type":"text","loc":{"start":59297,"end":59315,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":26,"e":44}},"dim":["","list.187","listItem.0","paragraph.0","text.1"],"code":" — new functions: "},{"id":"/root/children/187/children/0/children/0/children/2","type":"inlineCode","loc":{"start":59315,"end":59336,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":44,"e":65}},"dim":["","list.187","listItem.0","paragraph.0","inlineCode.2"],"code":"`validateFragmentUrl`"},{"id":"/root/children/187/children/0/children/0/children/3","type":"text","loc":{"start":59336,"end":59338,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":65,"e":67}},"dim":["","list.187","listItem.0","paragraph.0","text.3"],"code":", "},{"id":"/root/children/187/children/0/children/0/children/4","type":"inlineCode","loc":{"start":59338,"end":59352,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":67,"e":81}},"dim":["","list.187","listItem.0","paragraph.0","inlineCode.4"],"code":"`loadFragment`"},{"id":"/root/children/187/children/0/children/0/children/5","type":"text","loc":{"start":59352,"end":59354,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":81,"e":83}},"dim":["","list.187","listItem.0","paragraph.0","text.5"],"code":", "},{"id":"/root/children/187/children/0/children/0/children/6","type":"inlineCode","loc":{"start":59354,"end":59367,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":83,"e":96}},"dim":["","list.187","listItem.0","paragraph.0","inlineCode.6"],"code":"`hasMetaData`"},{"id":"/root/children/187/children/0/children/0/children/7","type":"text","loc":{"start":59367,"end":59369,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":96,"e":98}},"dim":["","list.187","listItem.0","paragraph.0","text.7"],"code":", "},{"id":"/root/children/187/children/0/children/0/children/8","type":"inlineCode","loc":{"start":59369,"end":59387,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":98,"e":116}},"dim":["","list.187","listItem.0","paragraph.0","inlineCode.8"],"code":"`buildFragmentRef`"},{"id":"/root/children/187/children/0/children/0/children/9","type":"text","loc":{"start":59387,"end":59389,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":116,"e":118}},"dim":["","list.187","listItem.0","paragraph.0","text.9"],"code":", "},{"id":"/root/children/187/children/0/children/0/children/10","type":"inlineCode","loc":{"start":59389,"end":59406,"line":{"s":974,"e":974,"code":["- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`"]},"column":{"s":118,"e":135}},"dim":["","list.187","listItem.0","paragraph.0","inlineCode.10"],"code":"`loadJsonOptions`"},{"id":"/root/children/187/children/1","type":"listItem","loc":{"start":59407,"end":59544,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":0,"e":137}},"dim":["","list.187","listItem.1"],"code":"- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"},{"id":"/root/children/187/children/1/children/0","type":"paragraph","loc":{"start":59409,"end":59544,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":2,"e":137}},"dim":["","list.187","listItem.1","paragraph.0"],"code":"`player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"},{"id":"/root/children/187/children/1/children/0/children/0","type":"inlineCode","loc":{"start":59409,"end":59433,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":2,"e":26}},"dim":["","list.187","listItem.1","paragraph.0","inlineCode.0"],"code":"`player/player-paper.js`"},{"id":"/root/children/187/children/1/children/0/children/1","type":"text","loc":{"start":59433,"end":59456,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":26,"e":49}},"dim":["","list.187","listItem.1","paragraph.0","text.1"],"code":" — new touchbar action "},{"id":"/root/children/187/children/1/children/0/children/2","type":"inlineCode","loc":{"start":59456,"end":59468,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":49,"e":61}},"dim":["","list.187","listItem.1","paragraph.0","inlineCode.2"],"code":"`replantRef`"},{"id":"/root/children/187/children/1/children/0/children/3","type":"text","loc":{"start":59468,"end":59472,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":61,"e":65}},"dim":["","list.187","listItem.1","paragraph.0","text.3"],"code":" in "},{"id":"/root/children/187/children/1/children/0/children/4","type":"inlineCode","loc":{"start":59472,"end":59490,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":65,"e":83}},"dim":["","list.187","listItem.1","paragraph.0","inlineCode.4"],"code":"`window.ctrlPaper`"},{"id":"/root/children/187/children/1/children/0/children/5","type":"text","loc":{"start":59490,"end":59492,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":83,"e":85}},"dim":["","list.187","listItem.1","paragraph.0","text.5"],"code":"; "},{"id":"/root/children/187/children/1/children/0/children/6","type":"inlineCode","loc":{"start":59492,"end":59512,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":85,"e":105}},"dim":["","list.187","listItem.1","paragraph.0","inlineCode.6"],"code":"`paperHeadingReport`"},{"id":"/root/children/187/children/1/children/0/children/7","type":"text","loc":{"start":59512,"end":59524,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":105,"e":117}},"dim":["","list.187","listItem.1","paragraph.0","text.7"],"code":" wired with "},{"id":"/root/children/187/children/1/children/0/children/8","type":"inlineCode","loc":{"start":59524,"end":59537,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":117,"e":130}},"dim":["","list.187","listItem.1","paragraph.0","inlineCode.8"],"code":"`hasMetaData`"},{"id":"/root/children/187/children/1/children/0/children/9","type":"text","loc":{"start":59537,"end":59544,"line":{"s":975,"e":975,"code":["- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter"]},"column":{"s":130,"e":137}},"dim":["","list.187","listItem.1","paragraph.0","text.9"],"code":" filter"},{"id":"/root/children/187/children/2","type":"listItem","loc":{"start":59545,"end":59723,"line":{"s":976,"e":976,"code":["- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"]},"column":{"s":0,"e":178}},"dim":["","list.187","listItem.2"],"code":"- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"},{"id":"/root/children/187/children/2/children/0","type":"paragraph","loc":{"start":59547,"end":59723,"line":{"s":976,"e":976,"code":["- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"]},"column":{"s":2,"e":178}},"dim":["","list.187","listItem.2","paragraph.0"],"code":"`proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"},{"id":"/root/children/187/children/2/children/0/children/0","type":"inlineCode","loc":{"start":59547,"end":59568,"line":{"s":976,"e":976,"code":["- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"]},"column":{"s":2,"e":23}},"dim":["","list.187","listItem.2","paragraph.0","inlineCode.0"],"code":"`proc-paper-edit.mjs`"},{"id":"/root/children/187/children/2/children/0/children/1","type":"text","loc":{"start":59568,"end":59624,"line":{"s":976,"e":976,"code":["- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"]},"column":{"s":23,"e":79}},"dim":["","list.187","listItem.2","paragraph.0","text.1"],"code":" (server-side webhook) — vote deletion logic confirmed: "},{"id":"/root/children/187/children/2/children/0/children/2","type":"inlineCode","loc":{"start":59624,"end":59641,"line":{"s":976,"e":976,"code":["- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"]},"column":{"s":79,"e":96}},"dim":["","list.187","listItem.2","paragraph.0","inlineCode.2"],"code":"`resolvedRenames`"},{"id":"/root/children/187/children/2/children/0/children/3","type":"text","loc":{"start":59641,"end":59658,"line":{"s":976,"e":976,"code":["- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"]},"column":{"s":96,"e":113}},"dim":["","list.187","listItem.2","paragraph.0","text.3"],"code":" → UPDATE votes, "},{"id":"/root/children/187/children/2/children/0/children/4","type":"inlineCode","loc":{"start":59658,"end":59678,"line":{"s":976,"e":976,"code":["- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"]},"column":{"s":113,"e":133}},"dim":["","list.187","listItem.2","paragraph.0","inlineCode.4"],"code":"`confirmedDeletions`"},{"id":"/root/children/187/children/2/children/0/children/5","type":"text","loc":{"start":59678,"end":59723,"line":{"s":976,"e":976,"code":["- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched"]},"column":{"s":133,"e":178}},"dim":["","list.187","listItem.2","paragraph.0","text.5"],"code":" → DELETE votes, skipped items left untouched"},{"id":"/root/children/188","type":"heading","loc":{"start":59725,"end":59742,"line":{"s":978,"e":978,"code":["### Dialog rename"]},"column":{"s":0,"e":17}},"dim":["","heading.188"],"code":"### Dialog rename","symbName":"heading","symbRange":[59744,59846],"symbRangeL":[978,981],"outerCode":"\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.","outerHtml":"\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.
"},{"id":"/root/children/188/children/0","type":"text","loc":{"start":59729,"end":59742,"line":{"s":978,"e":978,"code":["### Dialog rename"]},"column":{"s":4,"e":17}},"dim":["","heading.188","text.0"],"code":"Dialog rename"},{"id":"/root/children/189","type":"paragraph","loc":{"start":59744,"end":59846,"line":{"s":980,"e":980,"code":["`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."]},"column":{"s":0,"e":102}},"dim":["","paragraph.189"],"code":"`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."},{"id":"/root/children/189/children/0","type":"inlineCode","loc":{"start":59744,"end":59767,"line":{"s":980,"e":980,"code":["`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."]},"column":{"s":0,"e":23}},"dim":["","paragraph.189","inlineCode.0"],"code":"`broken-refs-dialog.js`"},{"id":"/root/children/189/children/1","type":"text","loc":{"start":59767,"end":59770,"line":{"s":980,"e":980,"code":["`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."]},"column":{"s":23,"e":26}},"dim":["","paragraph.189","text.1"],"code":" → "},{"id":"/root/children/189/children/2","type":"inlineCode","loc":{"start":59770,"end":59796,"line":{"s":980,"e":980,"code":["`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."]},"column":{"s":26,"e":52}},"dim":["","paragraph.189","inlineCode.2"],"code":"`broken-refs-managment.js`"},{"id":"/root/children/189/children/3","type":"text","loc":{"start":59796,"end":59816,"line":{"s":980,"e":980,"code":["`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."]},"column":{"s":52,"e":72}},"dim":["","paragraph.189","text.3"],"code":". Import updated in "},{"id":"/root/children/189/children/4","type":"inlineCode","loc":{"start":59816,"end":59827,"line":{"s":980,"e":980,"code":["`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."]},"column":{"s":72,"e":83}},"dim":["","paragraph.189","inlineCode.4"],"code":"`player.js`"},{"id":"/root/children/189/children/5","type":"text","loc":{"start":59827,"end":59832,"line":{"s":980,"e":980,"code":["`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."]},"column":{"s":83,"e":88}},"dim":["","paragraph.189","text.5"],"code":" and "},{"id":"/root/children/189/children/6","type":"inlineCode","loc":{"start":59832,"end":59845,"line":{"s":980,"e":980,"code":["`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."]},"column":{"s":88,"e":101}},"dim":["","paragraph.189","inlineCode.6"],"code":"`portlets.md`"},{"id":"/root/children/189/children/7","type":"text","loc":{"start":59845,"end":59846,"line":{"s":980,"e":980,"code":["`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`."]},"column":{"s":101,"e":102}},"dim":["","paragraph.189","text.7"],"code":"."},{"id":"/root/children/190","type":"heading","loc":{"start":59848,"end":59887,"line":{"s":982,"e":982,"code":["### hasMetaData filter (heading report)"]},"column":{"s":0,"e":39}},"dim":["","heading.190"],"code":"### hasMetaData filter (heading report)","symbName":"heading","symbRange":[59889,60318],"symbRangeL":[982,989],"outerCode":"\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.","outerHtml":"\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.
\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.
\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.
"},{"id":"/root/children/190/children/0","type":"text","loc":{"start":59852,"end":59887,"line":{"s":982,"e":982,"code":["### hasMetaData filter (heading report)"]},"column":{"s":4,"e":39}},"dim":["","heading.190","text.0"],"code":"hasMetaData filter (heading report)"},{"id":"/root/children/191","type":"paragraph","loc":{"start":59889,"end":60130,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":0,"e":241}},"dim":["","paragraph.191"],"code":"`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."},{"id":"/root/children/191/children/0","type":"inlineCode","loc":{"start":59889,"end":59925,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":0,"e":36}},"dim":["","paragraph.191","inlineCode.0"],"code":"`hasMetaData(PROXY, repoName, refs)`"},{"id":"/root/children/191/children/1","type":"text","loc":{"start":59925,"end":59929,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":36,"e":40}},"dim":["","paragraph.191","text.1"],"code":" in "},{"id":"/root/children/191/children/2","type":"inlineCode","loc":{"start":59929,"end":59946,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":40,"e":57}},"dim":["","paragraph.191","inlineCode.2"],"code":"`player-utils.js`"},{"id":"/root/children/191/children/3","type":"text","loc":{"start":59946,"end":59957,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":57,"e":68}},"dim":["","paragraph.191","text.3"],"code":" — queries "},{"id":"/root/children/191/children/4","type":"inlineCode","loc":{"start":59957,"end":59970,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":68,"e":81}},"dim":["","paragraph.191","inlineCode.4"],"code":"`repo_voting`"},{"id":"/root/children/191/children/5","type":"text","loc":{"start":59970,"end":60011,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":81,"e":122}},"dim":["","paragraph.191","text.5"],"code":" for refs with existing votes, returns a "},{"id":"/root/children/191/children/6","type":"inlineCode","loc":{"start":60011,"end":60016,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":122,"e":127}},"dim":["","paragraph.191","inlineCode.6"],"code":"`Set`"},{"id":"/root/children/191/children/7","type":"text","loc":{"start":60016,"end":60029,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":127,"e":140}},"dim":["","paragraph.191","text.7"],"code":". Wired into "},{"id":"/root/children/191/children/8","type":"inlineCode","loc":{"start":60029,"end":60049,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":140,"e":160}},"dim":["","paragraph.191","inlineCode.8"],"code":"`paperHeadingReport`"},{"id":"/root/children/191/children/9","type":"text","loc":{"start":60049,"end":60060,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":160,"e":171}},"dim":["","paragraph.191","text.9"],"code":" to filter "},{"id":"/root/children/191/children/10","type":"inlineCode","loc":{"start":60060,"end":60071,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":171,"e":182}},"dim":["","paragraph.191","inlineCode.10"],"code":"`allEvents`"},{"id":"/root/children/191/children/11","type":"text","loc":{"start":60071,"end":60130,"line":{"s":984,"e":984,"code":["`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout."]},"column":{"s":182,"e":241}},"dim":["","paragraph.191","text.11"],"code":" so only candidates with votes appear in the report/fanout."},{"id":"/root/children/192","type":"paragraph","loc":{"start":60132,"end":60242,"line":{"s":986,"e":986,"code":["`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`."]},"column":{"s":0,"e":110}},"dim":["","paragraph.192"],"code":"`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`."},{"id":"/root/children/192/children/0","type":"inlineCode","loc":{"start":60132,"end":60145,"line":{"s":986,"e":986,"code":["`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`."]},"column":{"s":0,"e":13}},"dim":["","paragraph.192","inlineCode.0"],"code":"`[preselect]`"},{"id":"/root/children/192/children/1","type":"text","loc":{"start":60145,"end":60168,"line":{"s":986,"e":986,"code":["`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`."]},"column":{"s":13,"e":36}},"dim":["","paragraph.192","text.1"],"code":" focus on dialog open: "},{"id":"/root/children/192/children/2","type":"inlineCode","loc":{"start":60168,"end":60221,"line":{"s":986,"e":986,"code":["`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`."]},"column":{"s":36,"e":89}},"dim":["","paragraph.192","inlineCode.2"],"code":"`headingDialog.querySelector(\"[preselect]\")?.focus()`"},{"id":"/root/children/192/children/3","type":"text","loc":{"start":60221,"end":60228,"line":{"s":986,"e":986,"code":["`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`."]},"column":{"s":89,"e":96}},"dim":["","paragraph.192","text.3"],"code":" after "},{"id":"/root/children/192/children/4","type":"inlineCode","loc":{"start":60228,"end":60241,"line":{"s":986,"e":986,"code":["`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`."]},"column":{"s":96,"e":109}},"dim":["","paragraph.192","inlineCode.4"],"code":"`showModal()`"},{"id":"/root/children/192/children/5","type":"text","loc":{"start":60241,"end":60242,"line":{"s":986,"e":986,"code":["`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`."]},"column":{"s":109,"e":110}},"dim":["","paragraph.192","text.5"],"code":"."},{"id":"/root/children/193","type":"paragraph","loc":{"start":60244,"end":60318,"line":{"s":988,"e":988,"code":["Delete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`."]},"column":{"s":0,"e":74}},"dim":["","paragraph.193"],"code":"Delete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`."},{"id":"/root/children/193/children/0","type":"text","loc":{"start":60244,"end":60264,"line":{"s":988,"e":988,"code":["Delete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`."]},"column":{"s":0,"e":20}},"dim":["","paragraph.193","text.0"],"code":"Delete-option icon: "},{"id":"/root/children/193/children/1","type":"inlineCode","loc":{"start":60264,"end":60274,"line":{"s":988,"e":988,"code":["Delete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`."]},"column":{"s":20,"e":30}},"dim":["","paragraph.193","inlineCode.1"],"code":"`si-cross`"},{"id":"/root/children/193/children/2","type":"text","loc":{"start":60274,"end":60277,"line":{"s":988,"e":988,"code":["Delete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`."]},"column":{"s":30,"e":33}},"dim":["","paragraph.193","text.2"],"code":" → "},{"id":"/root/children/193/children/3","type":"inlineCode","loc":{"start":60277,"end":60287,"line":{"s":988,"e":988,"code":["Delete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`."]},"column":{"s":33,"e":43}},"dim":["","paragraph.193","inlineCode.3"],"code":"`si-trash`"},{"id":"/root/children/193/children/4","type":"text","loc":{"start":60287,"end":60291,"line":{"s":988,"e":988,"code":["Delete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`."]},"column":{"s":43,"e":47}},"dim":["","paragraph.193","text.4"],"code":" in "},{"id":"/root/children/193/children/5","type":"inlineCode","loc":{"start":60291,"end":60317,"line":{"s":988,"e":988,"code":["Delete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`."]},"column":{"s":47,"e":73}},"dim":["","paragraph.193","inlineCode.5"],"code":"`broken-refs-managment.js`"},{"id":"/root/children/193/children/6","type":"text","loc":{"start":60317,"end":60318,"line":{"s":988,"e":988,"code":["Delete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`."]},"column":{"s":73,"e":74}},"dim":["","paragraph.193","text.6"],"code":"."},{"id":"/root/children/194","type":"heading","loc":{"start":60320,"end":60342,"line":{"s":990,"e":990,"code":["### fragmentUrl system"]},"column":{"s":0,"e":22}},"dim":["","heading.194"],"code":"### fragmentUrl system","symbName":"heading","symbRange":[60344,61911],"symbRangeL":[990,1010],"outerCode":"\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).\n\n**Functions:**\n\n- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)\n- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:\n 1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`\n\n- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero.","outerHtml":"\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).
\n\nFunctions:
\n\n`validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments) `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:Validates fragment URL format Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6) Extracts `id` (full filesystem path + line number) and `num1` (line number fallback) Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix Determines range end:`deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)` Slices `lines[start..end]` (start = lineNum - 1) Returns `{ text, pathInRepo, startLine, endLine }` or `null` `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero. ::` (e.g. `paper/scratchpad.mdd::candidateDruhy`)."]},"column":{"s":0,"e":114}},"dim":["","paragraph.195"],"code":"Format: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`)."},{"id":"/root/children/195/children/0","type":"text","loc":{"start":60344,"end":60352,"line":{"s":992,"e":992,"code":["Format: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`)."]},"column":{"s":0,"e":8}},"dim":["","paragraph.195","text.0"],"code":"Format: "},{"id":"/root/children/195/children/1","type":"inlineCode","loc":{"start":60352,"end":60411,"line":{"s":992,"e":992,"code":["Format: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`)."]},"column":{"s":8,"e":67}},"dim":["","paragraph.195","inlineCode.1"],"code":"`::`"},{"id":"/root/children/195/children/2","type":"text","loc":{"start":60411,"end":60418,"line":{"s":992,"e":992,"code":["Format: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`)."]},"column":{"s":67,"e":74}},"dim":["","paragraph.195","text.2"],"code":" (e.g. "},{"id":"/root/children/195/children/3","type":"inlineCode","loc":{"start":60418,"end":60456,"line":{"s":992,"e":992,"code":["Format: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`)."]},"column":{"s":74,"e":112}},"dim":["","paragraph.195","inlineCode.3"],"code":"`paper/scratchpad.mdd::candidateDruhy`"},{"id":"/root/children/195/children/4","type":"text","loc":{"start":60456,"end":60458,"line":{"s":992,"e":992,"code":["Format: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`)."]},"column":{"s":112,"e":114}},"dim":["","paragraph.195","text.4"],"code":")."},{"id":"/root/children/196","type":"paragraph","loc":{"start":60460,"end":60474,"line":{"s":994,"e":994,"code":["**Functions:**"]},"column":{"s":0,"e":14}},"dim":["","paragraph.196"],"code":"**Functions:**"},{"id":"/root/children/196/children/0","type":"strong","loc":{"start":60460,"end":60474,"line":{"s":994,"e":994,"code":["**Functions:**"]},"column":{"s":0,"e":14}},"dim":["","paragraph.196","strong.0"],"code":"**Functions:**"},{"id":"/root/children/196/children/0/children/0","type":"text","loc":{"start":60462,"end":60472,"line":{"s":994,"e":994,"code":["**Functions:**"]},"column":{"s":2,"e":12}},"dim":["","paragraph.196","strong.0","text.0"],"code":"Functions:"},{"id":"/root/children/197","type":"list","loc":{"start":60476,"end":61911,"line":{"s":996,"e":1009,"code":["- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)","- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:"," 1. Validates fragment URL format"," 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)"," 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)"," 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"," 5. Determines range end:"," - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"," - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"," 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"," 7. Slices `lines[start..end]` (start = lineNum - 1)"," 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`","","- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."]},"column":{"s":0,"e":213}},"dim":["","list.197"],"code":"- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)\n- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:\n 1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`\n\n- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero.","symbName":"list","symbRange":[61913,62015],"symbRangeL":[996,1014],"outerCode":"- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:\n 1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`\n\n- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero.\n\n### replantRef touchbar action\n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:","outerHtml":"`loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:Validates fragment URL format Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6) Extracts `id` (full filesystem path + line number) and `num1` (line number fallback) Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix Determines range end:`deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)` Slices `lines[start..end]` (start = lineNum - 1) Returns `{ text, pathInRepo, startLine, endLine }` or `null` `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero. replantRef touchbar action \n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:
"},{"id":"/root/children/197/children/0","type":"listItem","loc":{"start":60476,"end":60591,"line":{"s":996,"e":996,"code":["- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"]},"column":{"s":0,"e":115}},"dim":["","list.197","listItem.0"],"code":"- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"},{"id":"/root/children/197/children/0/children/0","type":"paragraph","loc":{"start":60478,"end":60591,"line":{"s":996,"e":996,"code":["- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"]},"column":{"s":2,"e":115}},"dim":["","list.197","listItem.0","paragraph.0"],"code":"`validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"},{"id":"/root/children/197/children/0/children/0/children/0","type":"inlineCode","loc":{"start":60478,"end":60502,"line":{"s":996,"e":996,"code":["- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"]},"column":{"s":2,"e":26}},"dim":["","list.197","listItem.0","paragraph.0","inlineCode.0"],"code":"`validateFragmentUrl(s)`"},{"id":"/root/children/197/children/0/children/0/children/1","type":"text","loc":{"start":60502,"end":60515,"line":{"s":996,"e":996,"code":["- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"]},"column":{"s":26,"e":39}},"dim":["","list.197","listItem.0","paragraph.0","text.1"],"code":" — validates "},{"id":"/root/children/197/children/0/children/0/children/2","type":"inlineCode","loc":{"start":60515,"end":60536,"line":{"s":996,"e":996,"code":["- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"]},"column":{"s":39,"e":60}},"dim":["","list.197","listItem.0","paragraph.0","inlineCode.2"],"code":"`path.ext::seg1/seg2`"},{"id":"/root/children/197/children/0/children/0/children/3","type":"text","loc":{"start":60536,"end":60550,"line":{"s":996,"e":996,"code":["- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"]},"column":{"s":60,"e":74}},"dim":["","list.197","listItem.0","paragraph.0","text.3"],"code":" (exactly one "},{"id":"/root/children/197/children/0/children/0/children/4","type":"inlineCode","loc":{"start":60550,"end":60554,"line":{"s":996,"e":996,"code":["- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"]},"column":{"s":74,"e":78}},"dim":["","list.197","listItem.0","paragraph.0","inlineCode.4"],"code":"`::`"},{"id":"/root/children/197/children/0/children/0/children/5","type":"text","loc":{"start":60554,"end":60591,"line":{"s":996,"e":996,"code":["- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)"]},"column":{"s":78,"e":115}},"dim":["","list.197","listItem.0","paragraph.0","text.5"],"code":", file extension, non-empty segments)"},{"id":"/root/children/197/children/1","type":"listItem","loc":{"start":60592,"end":61696,"line":{"s":997,"e":1007,"code":["- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:"," 1. Validates fragment URL format"," 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)"," 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)"," 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"," 5. Determines range end:"," - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"," - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"," 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"," 7. Slices `lines[start..end]` (start = lineNum - 1)"," 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"]},"column":{"s":0,"e":65}},"dim":["","list.197","listItem.1"],"code":"- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:\n 1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"},{"id":"/root/children/197/children/1/children/0","type":"paragraph","loc":{"start":60594,"end":60654,"line":{"s":997,"e":997,"code":["- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:"]},"column":{"s":2,"e":62}},"dim":["","list.197","listItem.1","paragraph.0"],"code":"`loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:"},{"id":"/root/children/197/children/1/children/0/children/0","type":"inlineCode","loc":{"start":60594,"end":60653,"line":{"s":997,"e":997,"code":["- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:"]},"column":{"s":2,"e":61}},"dim":["","list.197","listItem.1","paragraph.0","inlineCode.0"],"code":"`loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`"},{"id":"/root/children/197/children/1/children/0/children/1","type":"text","loc":{"start":60653,"end":60654,"line":{"s":997,"e":997,"code":["- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:"]},"column":{"s":61,"e":62}},"dim":["","list.197","listItem.1","paragraph.0","text.1"],"code":":"},{"id":"/root/children/197/children/1/children/1","type":"list","loc":{"start":60657,"end":61696,"line":{"s":998,"e":1007,"code":[" 1. Validates fragment URL format"," 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)"," 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)"," 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"," 5. Determines range end:"," - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"," - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"," 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"," 7. Slices `lines[start..end]` (start = lineNum - 1)"," 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"]},"column":{"s":2,"e":65}},"dim":["","list.197","listItem.1","list.1"],"code":"1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`","symbName":"list","symbRange":[null,null],"symbRangeL":[998,1007],"outerCode":" 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)","outerHtml":"Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6) Extracts `id` (full filesystem path + line number) and `num1` (line number fallback) Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix Determines range end:`deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)` Slices `lines[start..end]` (start = lineNum - 1) /` and stripping line suffix"]},"column":{"s":2,"e":83}},"dim":["","list.197","listItem.1","list.1","listItem.3"],"code":"4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"},{"id":"/root/children/197/children/1/children/1/children/3/children/0","type":"paragraph","loc":{"start":60966,"end":61044,"line":{"s":1001,"e":1001,"code":[" 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"]},"column":{"s":5,"e":83}},"dim":["","list.197","listItem.1","list.1","listItem.3","paragraph.0"],"code":"Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"},{"id":"/root/children/197/children/1/children/1/children/3/children/0/children/0","type":"text","loc":{"start":60966,"end":60974,"line":{"s":1001,"e":1001,"code":[" 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"]},"column":{"s":5,"e":13}},"dim":["","list.197","listItem.1","list.1","listItem.3","paragraph.0","text.0"],"code":"Derives "},{"id":"/root/children/197/children/1/children/1/children/3/children/0/children/1","type":"inlineCode","loc":{"start":60974,"end":60986,"line":{"s":1001,"e":1001,"code":[" 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"]},"column":{"s":13,"e":25}},"dim":["","list.197","listItem.1","list.1","listItem.3","paragraph.0","inlineCode.1"],"code":"`pathInRepo`"},{"id":"/root/children/197/children/1/children/1/children/3/children/0/children/2","type":"text","loc":{"start":60986,"end":61003,"line":{"s":1001,"e":1001,"code":[" 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"]},"column":{"s":25,"e":42}},"dim":["","list.197","listItem.1","list.1","listItem.3","paragraph.0","text.2"],"code":" by splitting on "},{"id":"/root/children/197/children/1/children/1/children/3/children/0/children/3","type":"inlineCode","loc":{"start":61003,"end":61018,"line":{"s":1001,"e":1001,"code":[" 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"]},"column":{"s":42,"e":57}},"dim":["","list.197","listItem.1","list.1","listItem.3","paragraph.0","inlineCode.3"],"code":"`/repo//`"},{"id":"/root/children/197/children/1/children/1/children/3/children/0/children/4","type":"text","loc":{"start":61018,"end":61044,"line":{"s":1001,"e":1001,"code":[" 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix"]},"column":{"s":57,"e":83}},"dim":["","list.197","listItem.1","list.1","listItem.3","paragraph.0","text.4"],"code":" and stripping line suffix"},{"id":"/root/children/197/children/1/children/1/children/4","type":"listItem","loc":{"start":61047,"end":61416,"line":{"s":1002,"e":1004,"code":[" 5. Determines range end:"," - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"," - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":2,"e":229}},"dim":["","list.197","listItem.1","list.1","listItem.4"],"code":"5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"},{"id":"/root/children/197/children/1/children/1/children/4/children/0","type":"paragraph","loc":{"start":61050,"end":61071,"line":{"s":1002,"e":1002,"code":[" 5. Determines range end:"]},"column":{"s":5,"e":26}},"dim":["","list.197","listItem.1","list.1","listItem.4","paragraph.0"],"code":"Determines range end:"},{"id":"/root/children/197/children/1/children/1/children/4/children/0/children/0","type":"text","loc":{"start":61050,"end":61071,"line":{"s":1002,"e":1002,"code":[" 5. Determines range end:"]},"column":{"s":5,"e":26}},"dim":["","list.197","listItem.1","list.1","listItem.4","paragraph.0","text.0"],"code":"Determines range end:"},{"id":"/root/children/197/children/1/children/1/children/4/children/1","type":"list","loc":{"start":61077,"end":61416,"line":{"s":1003,"e":1004,"code":[" - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"," - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":5,"e":229}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1"],"code":"- `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary","symbName":"list","symbRange":[null,null],"symbRangeL":[1003,1004],"outerCode":"","outerHtml":""},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/0","type":"listItem","loc":{"start":61077,"end":61186,"line":{"s":1003,"e":1003,"code":[" - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"]},"column":{"s":5,"e":114}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.0"],"code":"- `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/0/children/0","type":"paragraph","loc":{"start":61079,"end":61186,"line":{"s":1003,"e":1003,"code":[" - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"]},"column":{"s":7,"e":114}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.0","paragraph.0"],"code":"`deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/0/children/0/children/0","type":"inlineCode","loc":{"start":61079,"end":61091,"line":{"s":1003,"e":1003,"code":[" - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"]},"column":{"s":7,"e":19}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.0","paragraph.0","inlineCode.0"],"code":"`deep=false`"},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/0/children/0/children/1","type":"text","loc":{"start":61091,"end":61186,"line":{"s":1003,"e":1003,"code":[" - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content"]},"column":{"s":19,"e":114}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.0","paragraph.0","text.1"],"code":": SQL query finds the very next heading in the file — returns just the heading's direct content"},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/1","type":"listItem","loc":{"start":61192,"end":61416,"line":{"s":1004,"e":1004,"code":[" - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":5,"e":229}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.1"],"code":"- `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/1/children/0","type":"paragraph","loc":{"start":61194,"end":61416,"line":{"s":1004,"e":1004,"code":[" - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":7,"e":229}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.1","paragraph.0"],"code":"`deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/1/children/0/children/0","type":"inlineCode","loc":{"start":61194,"end":61205,"line":{"s":1004,"e":1004,"code":[" - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":7,"e":18}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.1","paragraph.0","inlineCode.0"],"code":"`deep=true`"},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/1/children/0/children/1","type":"text","loc":{"start":61205,"end":61308,"line":{"s":1004,"e":1004,"code":[" - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":18,"e":121}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.1","paragraph.0","text.1"],"code":": scans file content from heading line forward, finds the next heading at same or higher level (parses "},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/1/children/0/children/2","type":"inlineCode","loc":{"start":61308,"end":61311,"line":{"s":1004,"e":1004,"code":[" - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":121,"e":124}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.1","paragraph.0","inlineCode.2"],"code":"`#`"},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/1/children/0/children/3","type":"text","loc":{"start":61311,"end":61372,"line":{"s":1004,"e":1004,"code":[" - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":124,"e":185}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.1","paragraph.0","text.3"],"code":" markers directly from text) — includes all nested children; "},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/1/children/0/children/4","type":"inlineCode","loc":{"start":61372,"end":61381,"line":{"s":1004,"e":1004,"code":[" - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":185,"e":194}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.1","paragraph.0","inlineCode.4"],"code":"`endLine`"},{"id":"/root/children/197/children/1/children/1/children/4/children/1/children/1/children/0/children/5","type":"text","loc":{"start":61381,"end":61416,"line":{"s":1004,"e":1004,"code":[" - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary"]},"column":{"s":194,"e":229}},"dim":["","list.197","listItem.1","list.1","listItem.4","list.1","listItem.1","paragraph.0","text.5"],"code":" reflects the full subtree boundary"},{"id":"/root/children/197/children/1/children/1/children/5","type":"listItem","loc":{"start":61419,"end":61576,"line":{"s":1005,"e":1005,"code":[" 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"]},"column":{"s":2,"e":159}},"dim":["","list.197","listItem.1","list.1","listItem.5"],"code":"6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"},{"id":"/root/children/197/children/1/children/1/children/5/children/0","type":"paragraph","loc":{"start":61422,"end":61576,"line":{"s":1005,"e":1005,"code":[" 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"]},"column":{"s":5,"e":159}},"dim":["","list.197","listItem.1","list.1","listItem.5","paragraph.0"],"code":"Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"},{"id":"/root/children/197/children/1/children/1/children/5/children/0/children/0","type":"text","loc":{"start":61422,"end":61447,"line":{"s":1005,"e":1005,"code":[" 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"]},"column":{"s":5,"e":30}},"dim":["","list.197","listItem.1","list.1","listItem.5","paragraph.0","text.0"],"code":"Fetches file content via "},{"id":"/root/children/197/children/1/children/1/children/5/children/0/children/1","type":"inlineCode","loc":{"start":61447,"end":61501,"line":{"s":1005,"e":1005,"code":[" 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"]},"column":{"s":30,"e":84}},"dim":["","list.197","listItem.1","list.1","listItem.5","paragraph.0","inlineCode.1"],"code":"`ssss.fetchWithETag(fetchUrl, { token: _getToken() })`"},{"id":"/root/children/197/children/1/children/1/children/5/children/0/children/2","type":"text","loc":{"start":61501,"end":61520,"line":{"s":1005,"e":1005,"code":[" 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"]},"column":{"s":84,"e":103}},"dim":["","list.197","listItem.1","list.1","listItem.5","paragraph.0","text.2"],"code":" where fetchUrl is "},{"id":"/root/children/197/children/1/children/1/children/5/children/0/children/3","type":"inlineCode","loc":{"start":61520,"end":61532,"line":{"s":1005,"e":1005,"code":[" 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"]},"column":{"s":103,"e":115}},"dim":["","list.197","listItem.1","list.1","listItem.5","paragraph.0","inlineCode.3"],"code":"`ssss.Url(\\`"},{"id":"/root/children/197/children/1/children/1/children/5/children/0/children/4","type":"text","loc":{"start":61532,"end":61576,"line":{"s":1005,"e":1005,"code":[" 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"]},"column":{"s":115,"e":159}},"dim":["","list.197","listItem.1","list.1","listItem.5","paragraph.0","text.4"],"code":"${repoUrlBase}/${repoName}/${pathInRepo}\\`)`"},{"id":"/root/children/197/children/1/children/1/children/6","type":"listItem","loc":{"start":61579,"end":61630,"line":{"s":1006,"e":1006,"code":[" 7. Slices `lines[start..end]` (start = lineNum - 1)"]},"column":{"s":2,"e":53}},"dim":["","list.197","listItem.1","list.1","listItem.6"],"code":"7. Slices `lines[start..end]` (start = lineNum - 1)"},{"id":"/root/children/197/children/1/children/1/children/6/children/0","type":"paragraph","loc":{"start":61582,"end":61630,"line":{"s":1006,"e":1006,"code":[" 7. Slices `lines[start..end]` (start = lineNum - 1)"]},"column":{"s":5,"e":53}},"dim":["","list.197","listItem.1","list.1","listItem.6","paragraph.0"],"code":"Slices `lines[start..end]` (start = lineNum - 1)"},{"id":"/root/children/197/children/1/children/1/children/6/children/0/children/0","type":"text","loc":{"start":61582,"end":61589,"line":{"s":1006,"e":1006,"code":[" 7. Slices `lines[start..end]` (start = lineNum - 1)"]},"column":{"s":5,"e":12}},"dim":["","list.197","listItem.1","list.1","listItem.6","paragraph.0","text.0"],"code":"Slices "},{"id":"/root/children/197/children/1/children/1/children/6/children/0/children/1","type":"inlineCode","loc":{"start":61589,"end":61608,"line":{"s":1006,"e":1006,"code":[" 7. Slices `lines[start..end]` (start = lineNum - 1)"]},"column":{"s":12,"e":31}},"dim":["","list.197","listItem.1","list.1","listItem.6","paragraph.0","inlineCode.1"],"code":"`lines[start..end]`"},{"id":"/root/children/197/children/1/children/1/children/6/children/0/children/2","type":"text","loc":{"start":61608,"end":61630,"line":{"s":1006,"e":1006,"code":[" 7. Slices `lines[start..end]` (start = lineNum - 1)"]},"column":{"s":31,"e":53}},"dim":["","list.197","listItem.1","list.1","listItem.6","paragraph.0","text.2"],"code":" (start = lineNum - 1)"},{"id":"/root/children/197/children/1/children/1/children/7","type":"listItem","loc":{"start":61633,"end":61696,"line":{"s":1007,"e":1007,"code":[" 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"]},"column":{"s":2,"e":65}},"dim":["","list.197","listItem.1","list.1","listItem.7"],"code":"8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"},{"id":"/root/children/197/children/1/children/1/children/7/children/0","type":"paragraph","loc":{"start":61636,"end":61696,"line":{"s":1007,"e":1007,"code":[" 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"]},"column":{"s":5,"e":65}},"dim":["","list.197","listItem.1","list.1","listItem.7","paragraph.0"],"code":"Returns `{ text, pathInRepo, startLine, endLine }` or `null`"},{"id":"/root/children/197/children/1/children/1/children/7/children/0/children/0","type":"text","loc":{"start":61636,"end":61644,"line":{"s":1007,"e":1007,"code":[" 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"]},"column":{"s":5,"e":13}},"dim":["","list.197","listItem.1","list.1","listItem.7","paragraph.0","text.0"],"code":"Returns "},{"id":"/root/children/197/children/1/children/1/children/7/children/0/children/1","type":"inlineCode","loc":{"start":61644,"end":61686,"line":{"s":1007,"e":1007,"code":[" 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"]},"column":{"s":13,"e":55}},"dim":["","list.197","listItem.1","list.1","listItem.7","paragraph.0","inlineCode.1"],"code":"`{ text, pathInRepo, startLine, endLine }`"},{"id":"/root/children/197/children/1/children/1/children/7/children/0/children/2","type":"text","loc":{"start":61686,"end":61690,"line":{"s":1007,"e":1007,"code":[" 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"]},"column":{"s":55,"e":59}},"dim":["","list.197","listItem.1","list.1","listItem.7","paragraph.0","text.2"],"code":" or "},{"id":"/root/children/197/children/1/children/1/children/7/children/0/children/3","type":"inlineCode","loc":{"start":61690,"end":61696,"line":{"s":1007,"e":1007,"code":[" 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`"]},"column":{"s":59,"e":65}},"dim":["","list.197","listItem.1","list.1","listItem.7","paragraph.0","inlineCode.3"],"code":"`null`"},{"id":"/root/children/197/children/2","type":"listItem","loc":{"start":61698,"end":61911,"line":{"s":1009,"e":1009,"code":["- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."]},"column":{"s":0,"e":213}},"dim":["","list.197","listItem.2"],"code":"- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."},{"id":"/root/children/197/children/2/children/0","type":"paragraph","loc":{"start":61700,"end":61911,"line":{"s":1009,"e":1009,"code":["- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."]},"column":{"s":2,"e":213}},"dim":["","list.197","listItem.2","paragraph.0"],"code":"`relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."},{"id":"/root/children/197/children/2/children/0/children/0","type":"inlineCode","loc":{"start":61700,"end":61736,"line":{"s":1009,"e":1009,"code":["- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."]},"column":{"s":2,"e":38}},"dim":["","list.197","listItem.2","paragraph.0","inlineCode.0"],"code":"`relevelFragment(text, cursorLevel)`"},{"id":"/root/children/197/children/2/children/0/children/1","type":"text","loc":{"start":61736,"end":61816,"line":{"s":1009,"e":1009,"code":["- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."]},"column":{"s":38,"e":118}},"dim":["","list.197","listItem.2","paragraph.0","text.1"],"code":" — pure: shifts all heading levels in fragment text so its root heading becomes "},{"id":"/root/children/197/children/2/children/0/children/2","type":"inlineCode","loc":{"start":61816,"end":61833,"line":{"s":1009,"e":1009,"code":["- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."]},"column":{"s":118,"e":135}},"dim":["","list.197","listItem.2","paragraph.0","inlineCode.2"],"code":"`cursorLevel + 1`"},{"id":"/root/children/197/children/2/children/0/children/3","type":"text","loc":{"start":61833,"end":61911,"line":{"s":1009,"e":1009,"code":["- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."]},"column":{"s":135,"e":213}},"dim":["","list.197","listItem.2","paragraph.0","text.3"],"code":". Clamps to 1–6. Returns text unchanged if no headings found or shift is zero."},{"id":"/root/children/198","type":"heading","loc":{"start":61913,"end":61943,"line":{"s":1011,"e":1011,"code":["### replantRef touchbar action"]},"column":{"s":0,"e":30}},"dim":["","heading.198"],"code":"### replantRef touchbar action","symbName":"heading","symbRange":[61945,62819],"symbRangeL":[1011,1024],"outerCode":"\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:\n\n1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)\n2. Checks `route.isInEditor` — only works in edit layer\n3. Validates via `validateFragmentUrl(t)`\n4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`\n5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line\n6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor\n7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`\n\nKey: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.","outerHtml":"\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:
\n\nReads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`) Checks `route.isInEditor` — only works in edit layer Validates via `validateFragmentUrl(t)` Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)` Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })` Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.
"},{"id":"/root/children/198/children/0","type":"text","loc":{"start":61917,"end":61943,"line":{"s":1011,"e":1011,"code":["### replantRef touchbar action"]},"column":{"s":4,"e":30}},"dim":["","heading.198","text.0"],"code":"replantRef touchbar action"},{"id":"/root/children/199","type":"paragraph","loc":{"start":61945,"end":62015,"line":{"s":1013,"e":1013,"code":["Triggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:"]},"column":{"s":0,"e":70}},"dim":["","paragraph.199"],"code":"Triggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:"},{"id":"/root/children/199/children/0","type":"text","loc":{"start":61945,"end":61968,"line":{"s":1013,"e":1013,"code":["Triggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:"]},"column":{"s":0,"e":23}},"dim":["","paragraph.199","text.0"],"code":"Triggered via touchbar "},{"id":"/root/children/199/children/1","type":"inlineCode","loc":{"start":61968,"end":61986,"line":{"s":1013,"e":1013,"code":["Triggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:"]},"column":{"s":23,"e":41}},"dim":["","paragraph.199","inlineCode.1"],"code":"`paper:replantRef`"},{"id":"/root/children/199/children/2","type":"text","loc":{"start":61986,"end":61990,"line":{"s":1013,"e":1013,"code":["Triggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:"]},"column":{"s":41,"e":45}},"dim":["","paragraph.199","text.2"],"code":" in "},{"id":"/root/children/199/children/3","type":"inlineCode","loc":{"start":61990,"end":62008,"line":{"s":1013,"e":1013,"code":["Triggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:"]},"column":{"s":45,"e":63}},"dim":["","paragraph.199","inlineCode.3"],"code":"`window.ctrlPaper`"},{"id":"/root/children/199/children/4","type":"text","loc":{"start":62008,"end":62015,"line":{"s":1013,"e":1013,"code":["Triggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:"]},"column":{"s":63,"e":70}},"dim":["","paragraph.199","text.4"],"code":". Flow:"},{"id":"/root/children/200","type":"list","loc":{"start":62017,"end":62695,"line":{"s":1015,"e":1021,"code":["1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)","2. Checks `route.isInEditor` — only works in edit layer","3. Validates via `validateFragmentUrl(t)`","4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`","5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line","6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor","7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`"]},"column":{"s":0,"e":160}},"dim":["","list.200"],"code":"1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)\n2. Checks `route.isInEditor` — only works in edit layer\n3. Validates via `validateFragmentUrl(t)`\n4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`\n5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line\n6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor\n7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`","symbName":"list","symbRange":[62697,63857],"symbRangeL":[1015,1048],"outerCode":"2. Checks `route.isInEditor` — only works in edit layer\n3. Validates via `validateFragmentUrl(t)`\n4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`\n5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line\n6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor\n7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`\n\nKey: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.\n\n### URL construction\n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).\n\n### SQL rows\n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.\n\n## OuchDB (Remote CouchDB/PouchDB)\n\n**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.\n\n**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).\n\n**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.\n\n**Usage (vegaLinks persistence):**","outerHtml":"Checks `route.isInEditor` — only works in edit layer Validates via `validateFragmentUrl(t)` Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)` Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })` Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.
\n\nURL construction \n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).
\n\nSQL rows \n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.
\n\nOuchDB (Remote CouchDB/PouchDB) \n\nAdapter: `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.
\n\nWiring: `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:
\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```
\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).
\n\nProtocol config: `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.
\n\nUsage (vegaLinks persistence):
"},{"id":"/root/children/200/children/0","type":"listItem","loc":{"start":62017,"end":62109,"line":{"s":1015,"e":1015,"code":["1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)"]},"column":{"s":0,"e":92}},"dim":["","list.200","listItem.0"],"code":"1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)"},{"id":"/root/children/200/children/0/children/0","type":"paragraph","loc":{"start":62020,"end":62109,"line":{"s":1015,"e":1015,"code":["1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)"]},"column":{"s":3,"e":92}},"dim":["","list.200","listItem.0","paragraph.0"],"code":"Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)"},{"id":"/root/children/200/children/0/children/0/children/0","type":"text","loc":{"start":62020,"end":62068,"line":{"s":1015,"e":1015,"code":["1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)"]},"column":{"s":3,"e":51}},"dim":["","list.200","listItem.0","paragraph.0","text.0"],"code":"Reads clipboard (currently hardcoded test value "},{"id":"/root/children/200/children/0/children/0/children/1","type":"inlineCode","loc":{"start":62068,"end":62108,"line":{"s":1015,"e":1015,"code":["1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)"]},"column":{"s":51,"e":91}},"dim":["","list.200","listItem.0","paragraph.0","inlineCode.1"],"code":"`\"paper/scratchpad.mdd::candidateDruhy\"`"},{"id":"/root/children/200/children/0/children/0/children/2","type":"text","loc":{"start":62108,"end":62109,"line":{"s":1015,"e":1015,"code":["1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)"]},"column":{"s":91,"e":92}},"dim":["","list.200","listItem.0","paragraph.0","text.2"],"code":")"},{"id":"/root/children/200/children/1","type":"listItem","loc":{"start":62110,"end":62165,"line":{"s":1016,"e":1016,"code":["2. Checks `route.isInEditor` — only works in edit layer"]},"column":{"s":0,"e":55}},"dim":["","list.200","listItem.1"],"code":"2. Checks `route.isInEditor` — only works in edit layer"},{"id":"/root/children/200/children/1/children/0","type":"paragraph","loc":{"start":62113,"end":62165,"line":{"s":1016,"e":1016,"code":["2. Checks `route.isInEditor` — only works in edit layer"]},"column":{"s":3,"e":55}},"dim":["","list.200","listItem.1","paragraph.0"],"code":"Checks `route.isInEditor` — only works in edit layer"},{"id":"/root/children/200/children/1/children/0/children/0","type":"text","loc":{"start":62113,"end":62120,"line":{"s":1016,"e":1016,"code":["2. Checks `route.isInEditor` — only works in edit layer"]},"column":{"s":3,"e":10}},"dim":["","list.200","listItem.1","paragraph.0","text.0"],"code":"Checks "},{"id":"/root/children/200/children/1/children/0/children/1","type":"inlineCode","loc":{"start":62120,"end":62138,"line":{"s":1016,"e":1016,"code":["2. Checks `route.isInEditor` — only works in edit layer"]},"column":{"s":10,"e":28}},"dim":["","list.200","listItem.1","paragraph.0","inlineCode.1"],"code":"`route.isInEditor`"},{"id":"/root/children/200/children/1/children/0/children/2","type":"text","loc":{"start":62138,"end":62165,"line":{"s":1016,"e":1016,"code":["2. Checks `route.isInEditor` — only works in edit layer"]},"column":{"s":28,"e":55}},"dim":["","list.200","listItem.1","paragraph.0","text.2"],"code":" — only works in edit layer"},{"id":"/root/children/200/children/2","type":"listItem","loc":{"start":62166,"end":62207,"line":{"s":1017,"e":1017,"code":["3. Validates via `validateFragmentUrl(t)`"]},"column":{"s":0,"e":41}},"dim":["","list.200","listItem.2"],"code":"3. Validates via `validateFragmentUrl(t)`"},{"id":"/root/children/200/children/2/children/0","type":"paragraph","loc":{"start":62169,"end":62207,"line":{"s":1017,"e":1017,"code":["3. Validates via `validateFragmentUrl(t)`"]},"column":{"s":3,"e":41}},"dim":["","list.200","listItem.2","paragraph.0"],"code":"Validates via `validateFragmentUrl(t)`"},{"id":"/root/children/200/children/2/children/0/children/0","type":"text","loc":{"start":62169,"end":62183,"line":{"s":1017,"e":1017,"code":["3. Validates via `validateFragmentUrl(t)`"]},"column":{"s":3,"e":17}},"dim":["","list.200","listItem.2","paragraph.0","text.0"],"code":"Validates via "},{"id":"/root/children/200/children/2/children/0/children/1","type":"inlineCode","loc":{"start":62183,"end":62207,"line":{"s":1017,"e":1017,"code":["3. Validates via `validateFragmentUrl(t)`"]},"column":{"s":17,"e":41}},"dim":["","list.200","listItem.2","paragraph.0","inlineCode.1"],"code":"`validateFragmentUrl(t)`"},{"id":"/root/children/200/children/3","type":"listItem","loc":{"start":62208,"end":62285,"line":{"s":1018,"e":1018,"code":["4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`"]},"column":{"s":0,"e":77}},"dim":["","list.200","listItem.3"],"code":"4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`"},{"id":"/root/children/200/children/3/children/0","type":"paragraph","loc":{"start":62211,"end":62285,"line":{"s":1018,"e":1018,"code":["4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`"]},"column":{"s":3,"e":77}},"dim":["","list.200","listItem.3","paragraph.0"],"code":"Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`"},{"id":"/root/children/200/children/3/children/0/children/0","type":"text","loc":{"start":62211,"end":62230,"line":{"s":1018,"e":1018,"code":["4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`"]},"column":{"s":3,"e":22}},"dim":["","list.200","listItem.3","paragraph.0","text.0"],"code":"Loads fragment via "},{"id":"/root/children/200/children/3/children/0/children/1","type":"inlineCode","loc":{"start":62230,"end":62285,"line":{"s":1018,"e":1018,"code":["4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`"]},"column":{"s":22,"e":77}},"dim":["","list.200","listItem.3","paragraph.0","inlineCode.1"],"code":"`loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`"},{"id":"/root/children/200/children/4","type":"listItem","loc":{"start":62286,"end":62421,"line":{"s":1019,"e":1019,"code":["5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line"]},"column":{"s":0,"e":135}},"dim":["","list.200","listItem.4"],"code":"5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line"},{"id":"/root/children/200/children/4/children/0","type":"paragraph","loc":{"start":62289,"end":62421,"line":{"s":1019,"e":1019,"code":["5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line"]},"column":{"s":3,"e":135}},"dim":["","list.200","listItem.4","paragraph.0"],"code":"Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line"},{"id":"/root/children/200/children/4/children/0/children/0","type":"text","loc":{"start":62289,"end":62328,"line":{"s":1019,"e":1019,"code":["5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line"]},"column":{"s":3,"e":42}},"dim":["","list.200","listItem.4","paragraph.0","text.0"],"code":"Determines heading level at cursor via "},{"id":"/root/children/200/children/4/children/0/children/1","type":"inlineCode","loc":{"start":62328,"end":62362,"line":{"s":1019,"e":1019,"code":["5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line"]},"column":{"s":42,"e":76}},"dim":["","list.200","listItem.4","paragraph.0","inlineCode.1"],"code":"`getCursorHeadingLevel(theEditor)`"},{"id":"/root/children/200/children/4/children/0/children/2","type":"text","loc":{"start":62362,"end":62405,"line":{"s":1019,"e":1019,"code":["5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line"]},"column":{"s":76,"e":119}},"dim":["","list.200","listItem.4","paragraph.0","text.2"],"code":" — scans backwards from cursor for nearest "},{"id":"/root/children/200/children/4/children/0/children/3","type":"inlineCode","loc":{"start":62405,"end":62408,"line":{"s":1019,"e":1019,"code":["5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line"]},"column":{"s":119,"e":122}},"dim":["","list.200","listItem.4","paragraph.0","inlineCode.3"],"code":"`#`"},{"id":"/root/children/200/children/4/children/0/children/4","type":"text","loc":{"start":62408,"end":62421,"line":{"s":1019,"e":1019,"code":["5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line"]},"column":{"s":122,"e":135}},"dim":["","list.200","listItem.4","paragraph.0","text.4"],"code":" heading line"},{"id":"/root/children/200/children/5","type":"listItem","loc":{"start":62422,"end":62534,"line":{"s":1020,"e":1020,"code":["6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor"]},"column":{"s":0,"e":112}},"dim":["","list.200","listItem.5"],"code":"6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor"},{"id":"/root/children/200/children/5/children/0","type":"paragraph","loc":{"start":62425,"end":62534,"line":{"s":1020,"e":1020,"code":["6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor"]},"column":{"s":3,"e":112}},"dim":["","list.200","listItem.5","paragraph.0"],"code":"Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor"},{"id":"/root/children/200/children/5/children/0/children/0","type":"text","loc":{"start":62425,"end":62433,"line":{"s":1020,"e":1020,"code":["6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor"]},"column":{"s":3,"e":11}},"dim":["","list.200","listItem.5","paragraph.0","text.0"],"code":"Applies "},{"id":"/root/children/200/children/5/children/0/children/1","type":"inlineCode","loc":{"start":62433,"end":62478,"line":{"s":1020,"e":1020,"code":["6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor"]},"column":{"s":11,"e":56}},"dim":["","list.200","listItem.5","paragraph.0","inlineCode.1"],"code":"`relevelFragment(fragment.text, cursorLevel)`"},{"id":"/root/children/200/children/5/children/0/children/2","type":"text","loc":{"start":62478,"end":62534,"line":{"s":1020,"e":1020,"code":["6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor"]},"column":{"s":56,"e":112}},"dim":["","list.200","listItem.5","paragraph.0","text.2"],"code":" to shift the fragment's heading levels under the cursor"},{"id":"/root/children/200/children/6","type":"listItem","loc":{"start":62535,"end":62695,"line":{"s":1021,"e":1021,"code":["7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`"]},"column":{"s":0,"e":160}},"dim":["","list.200","listItem.6"],"code":"7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`"},{"id":"/root/children/200/children/6/children/0","type":"paragraph","loc":{"start":62538,"end":62695,"line":{"s":1021,"e":1021,"code":["7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`"]},"column":{"s":3,"e":160}},"dim":["","list.200","listItem.6","paragraph.0"],"code":"Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`"},{"id":"/root/children/200/children/6/children/0/children/0","type":"text","loc":{"start":62538,"end":62580,"line":{"s":1021,"e":1021,"code":["7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`"]},"column":{"s":3,"e":45}},"dim":["","list.200","listItem.6","paragraph.0","text.0"],"code":"Inserts adjusted text into CM6 editor via "},{"id":"/root/children/200/children/6/children/0/children/1","type":"inlineCode","loc":{"start":62580,"end":62695,"line":{"s":1021,"e":1021,"code":["7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`"]},"column":{"s":45,"e":160}},"dim":["","list.200","listItem.6","paragraph.0","inlineCode.1"],"code":"`window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`"},{"id":"/root/children/201","type":"paragraph","loc":{"start":62697,"end":62819,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":0,"e":122}},"dim":["","paragraph.201"],"code":"Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."},{"id":"/root/children/201/children/0","type":"text","loc":{"start":62697,"end":62702,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":0,"e":5}},"dim":["","paragraph.201","text.0"],"code":"Key: "},{"id":"/root/children/201/children/1","type":"inlineCode","loc":{"start":62702,"end":62720,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":5,"e":23}},"dim":["","paragraph.201","inlineCode.1"],"code":"`window.theEditor`"},{"id":"/root/children/201/children/2","type":"text","loc":{"start":62720,"end":62728,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":23,"e":31}},"dim":["","paragraph.201","text.2"],"code":" is the "},{"id":"/root/children/201/children/3","type":"inlineCode","loc":{"start":62728,"end":62742,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":31,"e":45}},"dim":["","paragraph.201","inlineCode.3"],"code":"`initEditor()`"},{"id":"/root/children/201/children/4","type":"text","loc":{"start":62742,"end":62766,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":45,"e":69}},"dim":["","paragraph.201","text.4"],"code":" return object. Raw CM6 "},{"id":"/root/children/201/children/5","type":"inlineCode","loc":{"start":62766,"end":62778,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":69,"e":81}},"dim":["","paragraph.201","inlineCode.5"],"code":"`EditorView`"},{"id":"/root/children/201/children/6","type":"text","loc":{"start":62778,"end":62785,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":81,"e":88}},"dim":["","paragraph.201","text.6"],"code":" is at "},{"id":"/root/children/201/children/7","type":"inlineCode","loc":{"start":62785,"end":62818,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":88,"e":121}},"dim":["","paragraph.201","inlineCode.7"],"code":"`window.theEditor.panes.one.view`"},{"id":"/root/children/201/children/8","type":"text","loc":{"start":62818,"end":62819,"line":{"s":1023,"e":1023,"code":["Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`."]},"column":{"s":121,"e":122}},"dim":["","paragraph.201","text.8"],"code":"."},{"id":"/root/children/202","type":"heading","loc":{"start":62821,"end":62841,"line":{"s":1025,"e":1025,"code":["### URL construction"]},"column":{"s":0,"e":20}},"dim":["","heading.202"],"code":"### URL construction","symbName":"heading","symbRange":[62843,63065],"symbRangeL":[1025,1028],"outerCode":"\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).","outerHtml":"\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).
"},{"id":"/root/children/202/children/0","type":"text","loc":{"start":62825,"end":62841,"line":{"s":1025,"e":1025,"code":["### URL construction"]},"column":{"s":4,"e":20}},"dim":["","heading.202","text.0"],"code":"URL construction"},{"id":"/root/children/203","type":"paragraph","loc":{"start":62843,"end":63065,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":0,"e":222}},"dim":["","paragraph.203"],"code":"Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."},{"id":"/root/children/203/children/0","type":"text","loc":{"start":62843,"end":62853,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":0,"e":10}},"dim":["","paragraph.203","text.0"],"code":"Following "},{"id":"/root/children/203/children/1","type":"inlineCode","loc":{"start":62853,"end":62868,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":10,"e":25}},"dim":["","paragraph.203","inlineCode.1"],"code":"`tokensToPaths`"},{"id":"/root/children/203/children/2","type":"text","loc":{"start":62868,"end":62878,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":25,"e":35}},"dim":["","paragraph.203","text.2"],"code":" pattern: "},{"id":"/root/children/203/children/3","type":"inlineCode","loc":{"start":62878,"end":62890,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":35,"e":47}},"dim":["","paragraph.203","inlineCode.3"],"code":"`ssss.Url(\\`"},{"id":"/root/children/203/children/4","type":"text","loc":{"start":62890,"end":62933,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":47,"e":90}},"dim":["","paragraph.203","text.4"],"code":"${repoUrlBase}/${repoName}/${pathInRepo}\\`)"},{"id":"/root/children/203/children/5","type":"inlineCode","loc":{"start":62933,"end":62955,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":90,"e":112}},"dim":["","paragraph.203","inlineCode.5"],"code":"`. Data server (e.g. `"},{"id":"/root/children/203/children/6","type":"text","loc":{"start":62955,"end":62972,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":112,"e":129}},"dim":["","paragraph.203","text.6"],"code":"repo.untiloop.loc"},{"id":"/root/children/203/children/7","type":"inlineCode","loc":{"start":62972,"end":62992,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":129,"e":149}},"dim":["","paragraph.203","inlineCode.7"],"code":"`) serves files at `"},{"id":"/root/children/203/children/8","type":"text","loc":{"start":62992,"end":62993,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":149,"e":150}},"dim":["","paragraph.203","text.8"],"code":"/"},{"id":"/root/children/203/children/9","type":"html","loc":{"start":62993,"end":63003,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":150,"e":160}},"dim":["","paragraph.203","html.9"],"code":""},{"id":"/root/children/203/children/10","type":"text","loc":{"start":63003,"end":63004,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":160,"e":161}},"dim":["","paragraph.203","text.10"],"code":"/"},{"id":"/root/children/203/children/11","type":"html","loc":{"start":63004,"end":63010,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":161,"e":167}},"dim":["","paragraph.203","html.11"],"code":""},{"id":"/root/children/203/children/12","type":"inlineCode","loc":{"start":63010,"end":63041,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":167,"e":198}},"dim":["","paragraph.203","inlineCode.12"],"code":"` — separate from app server (`"},{"id":"/root/children/203/children/13","type":"text","loc":{"start":63041,"end":63065,"line":{"s":1027,"e":1027,"code":["Following `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`)."]},"column":{"s":198,"e":222}},"dim":["","paragraph.203","text.13"],"code":"repolero.untiloop.loc`)."},{"id":"/root/children/204","type":"heading","loc":{"start":63067,"end":63079,"line":{"s":1029,"e":1029,"code":["### SQL rows"]},"column":{"s":0,"e":12}},"dim":["","heading.204"],"code":"### SQL rows","symbName":"heading","symbRange":[63081,63206],"symbRangeL":[1029,1032],"outerCode":"\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.","outerHtml":"\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.
"},{"id":"/root/children/204/children/0","type":"text","loc":{"start":63071,"end":63079,"line":{"s":1029,"e":1029,"code":["### SQL rows"]},"column":{"s":4,"e":12}},"dim":["","heading.204","text.0"],"code":"SQL rows"},{"id":"/root/children/205","type":"paragraph","loc":{"start":63081,"end":63206,"line":{"s":1031,"e":1031,"code":["`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure."]},"column":{"s":0,"e":125}},"dim":["","paragraph.205"],"code":"`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure."},{"id":"/root/children/205/children/0","type":"inlineCode","loc":{"start":63081,"end":63114,"line":{"s":1031,"e":1031,"code":["`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure."]},"column":{"s":0,"e":33}},"dim":["","paragraph.205","inlineCode.0"],"code":"`STATE.remoteSqlite.execSql(sql)`"},{"id":"/root/children/205/children/1","type":"text","loc":{"start":63114,"end":63123,"line":{"s":1031,"e":1031,"code":["`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure."]},"column":{"s":33,"e":42}},"dim":["","paragraph.205","text.1"],"code":" returns "},{"id":"/root/children/205/children/2","type":"inlineCode","loc":{"start":63123,"end":63159,"line":{"s":1031,"e":1031,"code":["`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure."]},"column":{"s":42,"e":78}},"dim":["","paragraph.205","inlineCode.2"],"code":"`{ rows: [[col1, col2, ...], ...] }`"},{"id":"/root/children/205/children/3","type":"text","loc":{"start":63159,"end":63206,"line":{"s":1031,"e":1031,"code":["`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure."]},"column":{"s":78,"e":125}},"dim":["","paragraph.205","text.3"],"code":". Destructure by index, not object destructure."},{"id":"/root/children/206","type":"heading","loc":{"start":63208,"end":63242,"line":{"s":1033,"e":1033,"code":["## OuchDB (Remote CouchDB/PouchDB)"]},"column":{"s":0,"e":34}},"dim":["","heading.206"],"code":"## OuchDB (Remote CouchDB/PouchDB)","symbName":"heading","symbRange":[63244,64526],"symbRangeL":[1033,1057],"outerCode":"\n**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.\n\n**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).\n\n**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.\n\n**Usage (vegaLinks persistence):**\n\n- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array\n- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`\n- Guard: `if (!STATE.remoteOuchdb) return`\n- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)\n\n**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).\n\n**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.","outerHtml":"\nAdapter: `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.
\n\nWiring: `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:
\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```
\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).
\n\nProtocol config: `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.
\n\nUsage (vegaLinks persistence):
\n\n`loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks` Guard: `if (!STATE.remoteOuchdb) return` Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID) Adapter API: `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).
\n\n`update()` method: GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.
"},{"id":"/root/children/206/children/0","type":"text","loc":{"start":63211,"end":63242,"line":{"s":1033,"e":1033,"code":["## OuchDB (Remote CouchDB/PouchDB)"]},"column":{"s":3,"e":34}},"dim":["","heading.206","text.0"],"code":"OuchDB (Remote CouchDB/PouchDB)"},{"id":"/root/children/207","type":"paragraph","loc":{"start":63244,"end":63356,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":0,"e":112}},"dim":["","paragraph.207"],"code":"**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."},{"id":"/root/children/207/children/0","type":"strong","loc":{"start":63244,"end":63256,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":0,"e":12}},"dim":["","paragraph.207","strong.0"],"code":"**Adapter:**"},{"id":"/root/children/207/children/0/children/0","type":"text","loc":{"start":63246,"end":63254,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":2,"e":10}},"dim":["","paragraph.207","strong.0","text.0"],"code":"Adapter:"},{"id":"/root/children/207/children/1","type":"text","loc":{"start":63256,"end":63257,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":12,"e":13}},"dim":["","paragraph.207","text.1"],"code":" "},{"id":"/root/children/207/children/2","type":"inlineCode","loc":{"start":63257,"end":63301,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":13,"e":57}},"dim":["","paragraph.207","inlineCode.2"],"code":"`source/assets/s4/adapters/remote-ouchdb.js`"},{"id":"/root/children/207/children/3","type":"text","loc":{"start":63301,"end":63304,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":57,"e":60}},"dim":["","paragraph.207","text.3"],"code":" — "},{"id":"/root/children/207/children/4","type":"inlineCode","loc":{"start":63304,"end":63318,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":60,"e":74}},"dim":["","paragraph.207","inlineCode.4"],"code":"`RemoteOuchDb`"},{"id":"/root/children/207/children/5","type":"text","loc":{"start":63318,"end":63336,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":74,"e":92}},"dim":["","paragraph.207","text.5"],"code":" class exposed as "},{"id":"/root/children/207/children/6","type":"inlineCode","loc":{"start":63336,"end":63355,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":92,"e":111}},"dim":["","paragraph.207","inlineCode.6"],"code":"`ssss.RemoteOuchdb`"},{"id":"/root/children/207/children/7","type":"text","loc":{"start":63355,"end":63356,"line":{"s":1035,"e":1035,"code":["**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`."]},"column":{"s":111,"e":112}},"dim":["","paragraph.207","text.7"],"code":"."},{"id":"/root/children/208","type":"paragraph","loc":{"start":63358,"end":63501,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":0,"e":143}},"dim":["","paragraph.208"],"code":"**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"},{"id":"/root/children/208/children/0","type":"strong","loc":{"start":63358,"end":63369,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":0,"e":11}},"dim":["","paragraph.208","strong.0"],"code":"**Wiring:**"},{"id":"/root/children/208/children/0/children/0","type":"text","loc":{"start":63360,"end":63367,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":2,"e":9}},"dim":["","paragraph.208","strong.0","text.0"],"code":"Wiring:"},{"id":"/root/children/208/children/1","type":"text","loc":{"start":63369,"end":63370,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":11,"e":12}},"dim":["","paragraph.208","text.1"],"code":" "},{"id":"/root/children/208/children/2","type":"inlineCode","loc":{"start":63370,"end":63383,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":12,"e":25}},"dim":["","paragraph.208","inlineCode.2"],"code":"`dbOuchdbURL`"},{"id":"/root/children/208/children/3","type":"text","loc":{"start":63383,"end":63401,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":25,"e":43}},"dim":["","paragraph.208","text.3"],"code":" is resolved from "},{"id":"/root/children/208/children/4","type":"inlineCode","loc":{"start":63401,"end":63419,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":43,"e":61}},"dim":["","paragraph.208","inlineCode.4"],"code":"`\"ouchdb:/\"|s4url`"},{"id":"/root/children/208/children/5","type":"text","loc":{"start":63419,"end":63428,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":61,"e":70}},"dim":["","paragraph.208","text.5"],"code":" in each "},{"id":"/root/children/208/children/6","type":"inlineCode","loc":{"start":63428,"end":63438,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":70,"e":80}},"dim":["","paragraph.208","inlineCode.6"],"code":"`.jq.html`"},{"id":"/root/children/208/children/7","type":"text","loc":{"start":63438,"end":63468,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":80,"e":110}},"dim":["","paragraph.208","text.7"],"code":" config block, passed through "},{"id":"/root/children/208/children/8","type":"inlineCode","loc":{"start":63468,"end":63479,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":110,"e":121}},"dim":["","paragraph.208","inlineCode.8"],"code":"`player.js`"},{"id":"/root/children/208/children/9","type":"text","loc":{"start":63479,"end":63501,"line":{"s":1037,"e":1037,"code":["**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:"]},"column":{"s":121,"e":143}},"dim":["","paragraph.208","text.9"],"code":", and instantiated as:"},{"id":"/root/children/209","type":"code","loc":{"start":63503,"end":63580,"line":{"s":1039,"e":1041,"code":["```","STATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")","```"]},"column":{"s":0,"e":3}},"dim":["","code.209"],"code":"```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```","symbName":"code","symbRange":[63582,64803],"symbRangeL":[null,1061],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):\n\n```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.\n\n# Split player.js into modules\n\n## Done\n\n- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys\n- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper\n- [x] `player-state.js` (~43 lines) — resetState, resetMachine\n- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile\n- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus\n- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree\n- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper\n- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit\n- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace\n- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)\n - imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()\n\n# Touchbar & Double-Touch\n\n## Done\n\n- [x] Alpine.js replaced Litedom for touchbar\n- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)\n- [x] Native click delegation instead of Alpine @click (avoids double-fire)\n- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`\n- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)\n- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips\n- [x] `data-doubletouch` only rendered when `action_extra` exists\n- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)\n- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)\n- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar\n- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.\n\n## Known gaps\n\n- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)\n- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check\n\n# Tabler\n\n## Done\n\n- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)\n- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)\n- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup\n- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast\n- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order\n\n# Eisenhower matrix\n\n## Done\n\n- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems.\n- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group.\n- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark.\n- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour.\n- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire.\n- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center.\n- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks.\n- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel.\n- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`.\n- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be.\n- [x] **`showBorder` box width fix** — Two corrections:\n - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal).\n- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:\n 1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n - Controlled by `config.densityOptimum` (default `0.6`)\n - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar\n- [x] **Font scale cap now width-proportional** — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula.\n\n## Use\n\n- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`.\n- Called from:\n - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`.\n - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu.\n\n## Touchbar Actions\n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |\n\n## Files Changed\n\n- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern\n- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`\n- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`\n- `codeditor/src/databox.js`: mobile paste detection\n\n---\n\n## Testing\n\n```sh\n# Unit/snapshot tests (Jest + ESM)\nnpm test\n\n# E2E (Playwright)\ncd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/__snapshots__/`.\n\n## Key conventions\n\n- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS\n- **No TypeScript** — pure JS with JSDoc\n- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)\n- **No linter or typechecker** configured\n\n## Voting system\n\n- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)\n- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them\n- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)\n- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`\n- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically.\n- **Vote helper**: `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.\n- **Fragment ref helper**: `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).\n- **JSON options loader**: `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.\n- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`.\n- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.\n\n## Touchbar system API\n\n- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show\n- `window.touchbarDispatch(action, element)` — button click dispatch\n- `data-touchpad=\"type|params\"` — attribute on glass search `` for double-tap\n- `data-tooltip` — attribute for click/touch triggered toolbar\n- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)\n- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types\n- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.\n\n## Architecture quirks\n\n- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly).\n- `proxy.STATE` is the mutable global state object (passed by reference).\n- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state.\n- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead.\n- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible.\n- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`.\n- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).\n\n## Heading-changes / Fragment management\n\n### Files changed\n\n- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`\n- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter\n- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched\n\n### Dialog rename\n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.\n\n### hasMetaData filter (heading report)\n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.\n\n### fragmentUrl system\n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).\n\n**Functions:**\n\n- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)\n- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:\n 1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`\n\n- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero.\n\n### replantRef touchbar action\n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:\n\n1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)\n2. Checks `route.isInEditor` — only works in edit layer\n3. Validates via `validateFragmentUrl(t)`\n4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`\n5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line\n6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor\n7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`\n\nKey: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.\n\n### URL construction\n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).\n\n### SQL rows\n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.\n\n## OuchDB (Remote CouchDB/PouchDB)\n\n**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.\n\n**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).\n\n**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.\n\n**Usage (vegaLinks persistence):**\n\n- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array\n- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`\n- Guard: `if (!STATE.remoteOuchdb) return`\n- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)\n\n**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).\n\n**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.\n\n### CORS conflict: Caddy + PouchDB double headers\n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
\n\n```sh
minify + generate .br files find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;
\n\nthen in Caddyfile, use: file_server { precompressed br gzip } ```
\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.
\n\nSplit player.js into modules \n\nDone \n\n[x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper [x] `player-state.js` (~43 lines) — resetState, resetMachine [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper [x] `player-edit.js` (~233 lines) — renderSave, renderEdit [x] `player-space.js` (~253 lines) — resetSpace, renderSpace [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)imports from all 9 modules keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload player-mq.js updated to use PROXY.reloadCurrentPaper.fn() Touchbar & Double-Touch \n\nDone \n\n[x] Alpine.js replaced Litedom for touchbar [x] Double-touch changed from 2-finger simultaneous to double-tap pattern (400ms timeout) [x] Native click delegation instead of Alpine @click (avoids double-fire) [x] Toolbar buttons: click = primary action, double-touch = `action_extra` [x] Mobile paste: uses native `prompt()` (no nice dialog, but works) [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips [x] `data-doubletouch` only rendered when `action_extra` exists [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent) [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672) [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:omitted / `false` / non-numeric (default) → keep open (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions) `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch` [x] `window.touchbarShow(definition, position)` — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position. Known gaps \n\nNo \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history) `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check Tabler \n\nDone \n\n[x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator) [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires both `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it) [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-`, `--font-color- `, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order Eisenhower matrix \n\nDone \n\n[x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems. [x] Conflict lines (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group. [x] Font family on Vega text marks — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark. [x] `gravityToCorner` mode (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour. [x] Quasi-square grid in gravity mode — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire. [x] Stretch to span box — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center. [x] Label clearance — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks. [x] 2 px quadrant gap — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel. [x] `harmonizeColors` helper — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`. [x] Density culling fontSize re-evaluation — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be. [x] `showBorder` box width fix — Two corrections:First pass (all layout engines): `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.Second pass (eisenhover-matrix.js positioning loop): The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a separate Vega text mark at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal). [x] StdDev-based density culling — Replaced simple ascending-score drop with two-pass culling per quadrant:Compute `mean` and `stdDev` of task scores in quadrant First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliersRecalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()` Controlled by `config.densityOptimum` (default `0.6`) `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar [x] Font scale cap now width-proportional — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula. Use \n\n`player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`. Called from:`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`. `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu. Touchbar Actions \n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |
\n\nFiles Changed \n\n`ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra` `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch` `codeditor/src/databox.js`: mobile paste detection Testing \n\n```sh
Unit/snapshot tests (Jest + ESM) npm test
\n\nE2E (Playwright) cd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```
\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/snapshots /`.
\n\nKey conventions \n\nES modules (`\"type\": \"module\"`) — use `import`/`export`, no CommonJSNo TypeScript — pure JS with JSDocPrettier (`npx prettier`) with `semi: false` (except `.test.js` files)No linter or typechecker configuredVoting system \n\nSQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`) `STATE.remoteSqlite.execSql(sql)` — uses string interpolation in SQL (NOT `?` placeholders)Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020` Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`) `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`Do NOT use full filesystem paths (e.g., `/home/looper/.../paper/...`)Do strip `#/paper/` prefix from URIsDo sanitize trail segments via `ssss.string.sanitizeName` Campaign prefix : `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically. Vote helper : `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.Fragment ref helper : `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).JSON options loader : `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.Dialog-campaignes : `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`. After voting , dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.Touchbar system API \n\n`window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show `window.touchbarDispatch(action, element)` — button click dispatch `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap `data-tooltip` — attribute for click/touch triggered toolbar Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`) `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types resultAction dispatch (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.Architecture quirks \n\n`window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly). `proxy.STATE` is the mutable global state object (passed by reference). Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state. Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead. Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible. `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`. `echoOut` (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).Heading-changes / Fragment management \n\nFiles changed \n\n`player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions` `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched Dialog rename \n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.
\n\nhasMetaData filter (heading report) \n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.
\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.
\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.
\n\nfragmentUrl system \n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).
\n\nFunctions:
\n\n`validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments) `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:Validates fragment URL format Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6) Extracts `id` (full filesystem path + line number) and `num1` (line number fallback) Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix Determines range end:`deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)` Slices `lines[start..end]` (start = lineNum - 1) Returns `{ text, pathInRepo, startLine, endLine }` or `null` `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero. replantRef touchbar action \n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:
\n\nReads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`) Checks `route.isInEditor` — only works in edit layer Validates via `validateFragmentUrl(t)` Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)` Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })` Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.
\n\nURL construction \n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).
\n\nSQL rows \n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.
\n\nOuchDB (Remote CouchDB/PouchDB) \n\nAdapter: `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.
\n\nWiring: `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:
\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```
\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).
\n\nProtocol config: `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.
\n\nUsage (vegaLinks persistence):
\n\n`loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks` Guard: `if (!STATE.remoteOuchdb) return` Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID) Adapter API: `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).
\n\n`update()` method: GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.
\n\nCORS conflict: Caddy + PouchDB double headers \n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:
"},{"id":"/root/children/210","type":"paragraph","loc":{"start":63582,"end":63676,"line":{"s":1043,"e":1043,"code":["The `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter)."]},"column":{"s":0,"e":94}},"dim":["","paragraph.210"],"code":"The `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter)."},{"id":"/root/children/210/children/0","type":"text","loc":{"start":63582,"end":63586,"line":{"s":1043,"e":1043,"code":["The `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter)."]},"column":{"s":0,"e":4}},"dim":["","paragraph.210","text.0"],"code":"The "},{"id":"/root/children/210/children/1","type":"inlineCode","loc":{"start":63586,"end":63599,"line":{"s":1043,"e":1043,"code":["The `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter)."]},"column":{"s":4,"e":17}},"dim":["","paragraph.210","inlineCode.1"],"code":"`\"/repolero\"`"},{"id":"/root/children/210/children/2","type":"text","loc":{"start":63599,"end":63676,"line":{"s":1043,"e":1043,"code":["The `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter)."]},"column":{"s":17,"e":94}},"dim":["","paragraph.210","text.2"],"code":" suffix is the database name, appended at instantiation (not in the adapter)."},{"id":"/root/children/211","type":"paragraph","loc":{"start":63678,"end":63821,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":0,"e":143}},"dim":["","paragraph.211"],"code":"**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."},{"id":"/root/children/211/children/0","type":"strong","loc":{"start":63678,"end":63698,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":0,"e":20}},"dim":["","paragraph.211","strong.0"],"code":"**Protocol config:**"},{"id":"/root/children/211/children/0/children/0","type":"text","loc":{"start":63680,"end":63696,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":2,"e":18}},"dim":["","paragraph.211","strong.0","text.0"],"code":"Protocol config:"},{"id":"/root/children/211/children/1","type":"text","loc":{"start":63698,"end":63699,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":20,"e":21}},"dim":["","paragraph.211","text.1"],"code":" "},{"id":"/root/children/211/children/2","type":"inlineCode","loc":{"start":63699,"end":63715,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":21,"e":37}},"dim":["","paragraph.211","inlineCode.2"],"code":"`s4.config.json`"},{"id":"/root/children/211/children/3","type":"text","loc":{"start":63715,"end":63736,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":37,"e":58}},"dim":["","paragraph.211","text.3"],"code":" protocolRouter maps "},{"id":"/root/children/211/children/4","type":"inlineCode","loc":{"start":63736,"end":63756,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":58,"e":78}},"dim":["","paragraph.211","inlineCode.4"],"code":"`ouchdb:/?(env:loc)`"},{"id":"/root/children/211/children/5","type":"text","loc":{"start":63756,"end":63761,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":78,"e":83}},"dim":["","paragraph.211","text.5"],"code":" and "},{"id":"/root/children/211/children/6","type":"inlineCode","loc":{"start":63761,"end":63784,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":83,"e":106}},"dim":["","paragraph.211","inlineCode.6"],"code":"`ouchdb:/?(env:linode)`"},{"id":"/root/children/211/children/7","type":"text","loc":{"start":63784,"end":63787,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":106,"e":109}},"dim":["","paragraph.211","text.7"],"code":" → "},{"id":"/root/children/211/children/8","type":"inlineCode","loc":{"start":63787,"end":63820,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":109,"e":142}},"dim":["","paragraph.211","inlineCode.8"],"code":"`https://ouchdb.untiloop.website`"},{"id":"/root/children/211/children/9","type":"text","loc":{"start":63820,"end":63821,"line":{"s":1045,"e":1045,"code":["**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`."]},"column":{"s":142,"e":143}},"dim":["","paragraph.211","text.9"],"code":"."},{"id":"/root/children/212","type":"paragraph","loc":{"start":63823,"end":63857,"line":{"s":1047,"e":1047,"code":["**Usage (vegaLinks persistence):**"]},"column":{"s":0,"e":34}},"dim":["","paragraph.212"],"code":"**Usage (vegaLinks persistence):**"},{"id":"/root/children/212/children/0","type":"strong","loc":{"start":63823,"end":63857,"line":{"s":1047,"e":1047,"code":["**Usage (vegaLinks persistence):**"]},"column":{"s":0,"e":34}},"dim":["","paragraph.212","strong.0"],"code":"**Usage (vegaLinks persistence):**"},{"id":"/root/children/212/children/0/children/0","type":"text","loc":{"start":63825,"end":63855,"line":{"s":1047,"e":1047,"code":["**Usage (vegaLinks persistence):**"]},"column":{"s":2,"e":32}},"dim":["","paragraph.212","strong.0","text.0"],"code":"Usage (vegaLinks persistence):"},{"id":"/root/children/213","type":"list","loc":{"start":63859,"end":64164,"line":{"s":1049,"e":1052,"code":["- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array","- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`","- Guard: `if (!STATE.remoteOuchdb) return`","- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)"]},"column":{"s":0,"e":81}},"dim":["","list.213"],"code":"- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array\n- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`\n- Guard: `if (!STATE.remoteOuchdb) return`\n- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)","symbName":"list","symbRange":[64166,67200],"symbRangeL":[1049,1102],"outerCode":"- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`\n- Guard: `if (!STATE.remoteOuchdb) return`\n- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)\n\n**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).\n\n**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.\n\n### CORS conflict: Caddy + PouchDB double headers\n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```\n\nChrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials.\n\n**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:\n\n```json\n{ \"httpd\": { \"enable_cors\": false } }\n```\n\nStart with `--config` flag:\n\n```\nnpx pouchdb-server --port 5984 --dir $dirBase/tmp.ouchdb --config $dirBase/pouchdb-cors-off.json\n```\n\n## eisenhover-matrix.js — Vega spec builder\n\n**Location:** `source/repolero-prototype/player/eisenhover-matrix.js`\n\n**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object.\n\n**Config options:**\n\n| Option | Type | Default | Description |\n| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |\n| `width` | number | 600 | Spec width |\n| `height` | number | 500 | Spec height |\n| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |\n| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |\n| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |\n| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |\n| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |\n| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |\n\n**Path utilities:**","outerHtml":"`saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks` Guard: `if (!STATE.remoteOuchdb) return` Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID) Adapter API: `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).
\n\n`update()` method: GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.
\n\nCORS conflict: Caddy + PouchDB double headers \n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:
\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```
\n\nChrome reads the first `Access-Control-Allow-Origin` (``), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids ` ` with credentials.
\n\nFix: Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:
\n\n```json\n{ \"httpd\": { \"enable_cors\": false } }\n```
\n\nStart with `--config` flag:
\n\n```\nnpx pouchdb-server --port 5984 --dir $dirBase/tmp.ouchdb --config $dirBase/pouchdb-cors-off.json\n```
\n\neisenhover-matrix.js — Vega spec builder \n\nLocation: `source/repolero-prototype/player/eisenhover-matrix.js`
\n\nEntrypoint: `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object.
\n\nConfig options:
\n\n| Option | Type | Default | Description |\n| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |\n| `width` | number | 600 | Spec width |\n| `height` | number | 500 | Spec height |\n| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |\n| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |\n| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |\n| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |\n| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |\n| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |
\n\nPath utilities:
"},{"id":"/root/children/213/children/0","type":"listItem","loc":{"start":63859,"end":63948,"line":{"s":1049,"e":1049,"code":["- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array"]},"column":{"s":0,"e":89}},"dim":["","list.213","listItem.0"],"code":"- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array"},{"id":"/root/children/213/children/0/children/0","type":"paragraph","loc":{"start":63861,"end":63948,"line":{"s":1049,"e":1049,"code":["- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array"]},"column":{"s":2,"e":89}},"dim":["","list.213","listItem.0","paragraph.0"],"code":"`loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array"},{"id":"/root/children/213/children/0/children/0/children/0","type":"inlineCode","loc":{"start":63861,"end":63878,"line":{"s":1049,"e":1049,"code":["- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array"]},"column":{"s":2,"e":19}},"dim":["","list.213","listItem.0","paragraph.0","inlineCode.0"],"code":"`loadVegaLinks()`"},{"id":"/root/children/213/children/0/children/0/children/1","type":"text","loc":{"start":63878,"end":63931,"line":{"s":1049,"e":1049,"code":["- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array"]},"column":{"s":19,"e":72}},"dim":["","list.213","listItem.0","paragraph.0","text.1"],"code":" — GETs doc from OuchDB on dashboard init, populates "},{"id":"/root/children/213/children/0/children/0/children/2","type":"inlineCode","loc":{"start":63931,"end":63942,"line":{"s":1049,"e":1049,"code":["- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array"]},"column":{"s":72,"e":83}},"dim":["","list.213","listItem.0","paragraph.0","inlineCode.2"],"code":"`vegaLinks`"},{"id":"/root/children/213/children/0/children/0/children/3","type":"text","loc":{"start":63942,"end":63948,"line":{"s":1049,"e":1049,"code":["- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array"]},"column":{"s":83,"e":89}},"dim":["","list.213","listItem.0","paragraph.0","text.3"],"code":" array"},{"id":"/root/children/213/children/1","type":"listItem","loc":{"start":63949,"end":64039,"line":{"s":1050,"e":1050,"code":["- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`"]},"column":{"s":0,"e":90}},"dim":["","list.213","listItem.1"],"code":"- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`"},{"id":"/root/children/213/children/1/children/0","type":"paragraph","loc":{"start":63951,"end":64039,"line":{"s":1050,"e":1050,"code":["- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`"]},"column":{"s":2,"e":90}},"dim":["","list.213","listItem.1","paragraph.0"],"code":"`saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`"},{"id":"/root/children/213/children/1/children/0/children/0","type":"inlineCode","loc":{"start":63951,"end":63968,"line":{"s":1050,"e":1050,"code":["- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`"]},"column":{"s":2,"e":19}},"dim":["","list.213","listItem.1","paragraph.0","inlineCode.0"],"code":"`saveVegaLinks()`"},{"id":"/root/children/213/children/1/children/0/children/1","type":"text","loc":{"start":63968,"end":63977,"line":{"s":1050,"e":1050,"code":["- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`"]},"column":{"s":19,"e":28}},"dim":["","list.213","listItem.1","paragraph.0","text.1"],"code":" — calls "},{"id":"/root/children/213/children/1/children/0/children/2","type":"inlineCode","loc":{"start":63977,"end":64006,"line":{"s":1050,"e":1050,"code":["- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`"]},"column":{"s":28,"e":57}},"dim":["","list.213","listItem.1","paragraph.0","inlineCode.2"],"code":"`STATE.remoteOuchdb.update()`"},{"id":"/root/children/213/children/1/children/0/children/3","type":"text","loc":{"start":64006,"end":64028,"line":{"s":1050,"e":1050,"code":["- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`"]},"column":{"s":57,"e":79}},"dim":["","list.213","listItem.1","paragraph.0","text.3"],"code":" after push/splice on "},{"id":"/root/children/213/children/1/children/0/children/4","type":"inlineCode","loc":{"start":64028,"end":64039,"line":{"s":1050,"e":1050,"code":["- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`"]},"column":{"s":79,"e":90}},"dim":["","list.213","listItem.1","paragraph.0","inlineCode.4"],"code":"`vegaLinks`"},{"id":"/root/children/213/children/2","type":"listItem","loc":{"start":64040,"end":64082,"line":{"s":1051,"e":1051,"code":["- Guard: `if (!STATE.remoteOuchdb) return`"]},"column":{"s":0,"e":42}},"dim":["","list.213","listItem.2"],"code":"- Guard: `if (!STATE.remoteOuchdb) return`"},{"id":"/root/children/213/children/2/children/0","type":"paragraph","loc":{"start":64042,"end":64082,"line":{"s":1051,"e":1051,"code":["- Guard: `if (!STATE.remoteOuchdb) return`"]},"column":{"s":2,"e":42}},"dim":["","list.213","listItem.2","paragraph.0"],"code":"Guard: `if (!STATE.remoteOuchdb) return`"},{"id":"/root/children/213/children/2/children/0/children/0","type":"text","loc":{"start":64042,"end":64049,"line":{"s":1051,"e":1051,"code":["- Guard: `if (!STATE.remoteOuchdb) return`"]},"column":{"s":2,"e":9}},"dim":["","list.213","listItem.2","paragraph.0","text.0"],"code":"Guard: "},{"id":"/root/children/213/children/2/children/0/children/1","type":"inlineCode","loc":{"start":64049,"end":64082,"line":{"s":1051,"e":1051,"code":["- Guard: `if (!STATE.remoteOuchdb) return`"]},"column":{"s":9,"e":42}},"dim":["","list.213","listItem.2","paragraph.0","inlineCode.1"],"code":"`if (!STATE.remoteOuchdb) return`"},{"id":"/root/children/213/children/3","type":"listItem","loc":{"start":64083,"end":64164,"line":{"s":1052,"e":1052,"code":["- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)"]},"column":{"s":0,"e":81}},"dim":["","list.213","listItem.3"],"code":"- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)"},{"id":"/root/children/213/children/3/children/0","type":"paragraph","loc":{"start":64085,"end":64164,"line":{"s":1052,"e":1052,"code":["- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)"]},"column":{"s":2,"e":81}},"dim":["","list.213","listItem.3","paragraph.0"],"code":"Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)"},{"id":"/root/children/213/children/3/children/0/children/0","type":"text","loc":{"start":64085,"end":64101,"line":{"s":1052,"e":1052,"code":["- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)"]},"column":{"s":2,"e":18}},"dim":["","list.213","listItem.3","paragraph.0","text.0"],"code":"Doc ID pattern: "},{"id":"/root/children/213/children/3/children/0/children/1","type":"inlineCode","loc":{"start":64101,"end":64135,"line":{"s":1052,"e":1052,"code":["- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)"]},"column":{"s":18,"e":52}},"dim":["","list.213","listItem.3","paragraph.0","inlineCode.1"],"code":"`{repoName}/campaign/{campaignId}`"},{"id":"/root/children/213/children/3/children/0/children/2","type":"text","loc":{"start":64135,"end":64164,"line":{"s":1052,"e":1052,"code":["- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)"]},"column":{"s":52,"e":81}},"dim":["","list.213","listItem.3","paragraph.0","text.2"],"code":" (CouchDB slash-separated ID)"},{"id":"/root/children/214","type":"paragraph","loc":{"start":64166,"end":64333,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":0,"e":167}},"dim":["","paragraph.214"],"code":"**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."},{"id":"/root/children/214/children/0","type":"strong","loc":{"start":64166,"end":64182,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":0,"e":16}},"dim":["","paragraph.214","strong.0"],"code":"**Adapter API:**"},{"id":"/root/children/214/children/0/children/0","type":"text","loc":{"start":64168,"end":64180,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":2,"e":14}},"dim":["","paragraph.214","strong.0","text.0"],"code":"Adapter API:"},{"id":"/root/children/214/children/1","type":"text","loc":{"start":64182,"end":64183,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":16,"e":17}},"dim":["","paragraph.214","text.1"],"code":" "},{"id":"/root/children/214/children/2","type":"inlineCode","loc":{"start":64183,"end":64195,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":17,"e":29}},"dim":["","paragraph.214","inlineCode.2"],"code":"`get(docId)`"},{"id":"/root/children/214/children/3","type":"text","loc":{"start":64195,"end":64197,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":29,"e":31}},"dim":["","paragraph.214","text.3"],"code":", "},{"id":"/root/children/214/children/4","type":"inlineCode","loc":{"start":64197,"end":64219,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":31,"e":53}},"dim":["","paragraph.214","inlineCode.4"],"code":"`put(docId, document)`"},{"id":"/root/children/214/children/5","type":"text","loc":{"start":64219,"end":64221,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":53,"e":55}},"dim":["","paragraph.214","text.5"],"code":", "},{"id":"/root/children/214/children/6","type":"inlineCode","loc":{"start":64221,"end":64241,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":55,"e":75}},"dim":["","paragraph.214","inlineCode.6"],"code":"`delete(docId, rev)`"},{"id":"/root/children/214/children/7","type":"text","loc":{"start":64241,"end":64243,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":75,"e":77}},"dim":["","paragraph.214","text.7"],"code":", "},{"id":"/root/children/214/children/8","type":"inlineCode","loc":{"start":64243,"end":64261,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":77,"e":95}},"dim":["","paragraph.214","inlineCode.8"],"code":"`allDocs(options)`"},{"id":"/root/children/214/children/9","type":"text","loc":{"start":64261,"end":64263,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":95,"e":97}},"dim":["","paragraph.214","text.9"],"code":", "},{"id":"/root/children/214/children/10","type":"inlineCode","loc":{"start":64263,"end":64288,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":97,"e":122}},"dim":["","paragraph.214","inlineCode.10"],"code":"`update(docId, document)`"},{"id":"/root/children/214/children/11","type":"text","loc":{"start":64288,"end":64297,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":122,"e":131}},"dim":["","paragraph.214","text.11"],"code":" — reads "},{"id":"/root/children/214/children/12","type":"inlineCode","loc":{"start":64297,"end":64303,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":131,"e":137}},"dim":["","paragraph.214","inlineCode.12"],"code":"`_rev`"},{"id":"/root/children/214/children/13","type":"text","loc":{"start":64303,"end":64333,"line":{"s":1054,"e":1054,"code":["**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update)."]},"column":{"s":137,"e":167}},"dim":["","paragraph.214","text.13"],"code":" then PUTs (create or update)."},{"id":"/root/children/215","type":"paragraph","loc":{"start":64335,"end":64526,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":0,"e":191}},"dim":["","paragraph.215"],"code":"**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."},{"id":"/root/children/215/children/0","type":"strong","loc":{"start":64335,"end":64357,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":0,"e":22}},"dim":["","paragraph.215","strong.0"],"code":"**`update()` method:**"},{"id":"/root/children/215/children/0/children/0","type":"inlineCode","loc":{"start":64337,"end":64347,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":2,"e":12}},"dim":["","paragraph.215","strong.0","inlineCode.0"],"code":"`update()`"},{"id":"/root/children/215/children/0/children/1","type":"text","loc":{"start":64347,"end":64355,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":12,"e":20}},"dim":["","paragraph.215","strong.0","text.1"],"code":" method:"},{"id":"/root/children/215/children/1","type":"text","loc":{"start":64357,"end":64380,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":22,"e":45}},"dim":["","paragraph.215","text.1"],"code":" GETs existing doc for "},{"id":"/root/children/215/children/2","type":"inlineCode","loc":{"start":64380,"end":64386,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":45,"e":51}},"dim":["","paragraph.215","inlineCode.2"],"code":"`_rev`"},{"id":"/root/children/215/children/3","type":"text","loc":{"start":64386,"end":64443,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":51,"e":108}},"dim":["","paragraph.215","text.3"],"code":", catches 404 silently for fresh create, then PUTs. Uses "},{"id":"/root/children/215/children/4","type":"inlineCode","loc":{"start":64443,"end":64459,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":108,"e":124}},"dim":["","paragraph.215","inlineCode.4"],"code":"`this.request()`"},{"id":"/root/children/215/children/5","type":"text","loc":{"start":64459,"end":64465,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":124,"e":130}},"dim":["","paragraph.215","text.5"],"code":" (not "},{"id":"/root/children/215/children/6","type":"inlineCode","loc":{"start":64465,"end":64477,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":130,"e":142}},"dim":["","paragraph.215","inlineCode.6"],"code":"`this.get()`"},{"id":"/root/children/215/children/7","type":"text","loc":{"start":64477,"end":64494,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":142,"e":159}},"dim":["","paragraph.215","text.7"],"code":") to avoid noisy "},{"id":"/root/children/215/children/8","type":"inlineCode","loc":{"start":64494,"end":64509,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":159,"e":174}},"dim":["","paragraph.215","inlineCode.8"],"code":"`console.error`"},{"id":"/root/children/215/children/9","type":"text","loc":{"start":64509,"end":64526,"line":{"s":1056,"e":1056,"code":["**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404."]},"column":{"s":174,"e":191}},"dim":["","paragraph.215","text.9"],"code":" on expected 404."},{"id":"/root/children/216","type":"heading","loc":{"start":64528,"end":64577,"line":{"s":1058,"e":1058,"code":["### CORS conflict: Caddy + PouchDB double headers"]},"column":{"s":0,"e":49}},"dim":["","heading.216"],"code":"### CORS conflict: Caddy + PouchDB double headers","symbName":"heading","symbRange":[64579,65596],"symbRangeL":[1058,1081],"outerCode":"\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```\n\nChrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials.\n\n**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:\n\n```json\n{ \"httpd\": { \"enable_cors\": false } }\n```\n\nStart with `--config` flag:\n\n```\nnpx pouchdb-server --port 5984 --dir $dirBase/tmp.ouchdb --config $dirBase/pouchdb-cors-off.json\n```","outerHtml":"\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:
\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```
\n\nChrome reads the first `Access-Control-Allow-Origin` (``), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids ` ` with credentials.
\n\nFix: Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:
\n\n```json\n{ \"httpd\": { \"enable_cors\": false } }\n```
\n\nStart with `--config` flag:
\n\n```\nnpx pouchdb-server --port 5984 --dir $dirBase/tmp.ouchdb --config $dirBase/pouchdb-cors-off.json\n```
"},{"id":"/root/children/216/children/0","type":"text","loc":{"start":64532,"end":64577,"line":{"s":1058,"e":1058,"code":["### CORS conflict: Caddy + PouchDB double headers"]},"column":{"s":4,"e":49}},"dim":["","heading.216","text.0"],"code":"CORS conflict: Caddy + PouchDB double headers"},{"id":"/root/children/217","type":"paragraph","loc":{"start":64579,"end":64803,"line":{"s":1060,"e":1060,"code":["`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"]},"column":{"s":0,"e":224}},"dim":["","paragraph.217"],"code":"`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"},{"id":"/root/children/217/children/0","type":"inlineCode","loc":{"start":64579,"end":64595,"line":{"s":1060,"e":1060,"code":["`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"]},"column":{"s":0,"e":16}},"dim":["","paragraph.217","inlineCode.0"],"code":"`pouchdb-server`"},{"id":"/root/children/217/children/1","type":"text","loc":{"start":64595,"end":64625,"line":{"s":1060,"e":1060,"code":["`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"]},"column":{"s":16,"e":46}},"dim":["","paragraph.217","text.1"],"code":" has CORS enabled by default ("},{"id":"/root/children/217/children/2","type":"inlineCode","loc":{"start":64625,"end":64650,"line":{"s":1060,"e":1060,"code":["`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"]},"column":{"s":46,"e":71}},"dim":["","paragraph.217","inlineCode.2"],"code":"`httpd.enable_cors: true`"},{"id":"/root/children/217/children/3","type":"text","loc":{"start":64650,"end":64652,"line":{"s":1060,"e":1060,"code":["`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"]},"column":{"s":71,"e":73}},"dim":["","paragraph.217","text.3"],"code":", "},{"id":"/root/children/217/children/4","type":"inlineCode","loc":{"start":64652,"end":64676,"line":{"s":1060,"e":1060,"code":["`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"]},"column":{"s":73,"e":97}},"dim":["","paragraph.217","inlineCode.4"],"code":"`cors.credentials: true`"},{"id":"/root/children/217/children/5","type":"text","loc":{"start":64676,"end":64680,"line":{"s":1060,"e":1060,"code":["`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"]},"column":{"s":97,"e":101}},"dim":["","paragraph.217","text.5"],"code":" in "},{"id":"/root/children/217/children/6","type":"inlineCode","loc":{"start":64680,"end":64693,"line":{"s":1060,"e":1060,"code":["`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"]},"column":{"s":101,"e":114}},"dim":["","paragraph.217","inlineCode.6"],"code":"`lib/cors.js`"},{"id":"/root/children/217/children/7","type":"text","loc":{"start":64693,"end":64803,"line":{"s":1060,"e":1060,"code":["`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"]},"column":{"s":114,"e":224}},"dim":["","paragraph.217","text.7"],"code":"). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:"},{"id":"/root/children/218","type":"code","loc":{"start":64805,"end":65097,"line":{"s":1062,"e":1066,"code":["```","Access-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)","Access-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)","Access-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)","```"]},"column":{"s":0,"e":3}},"dim":["","code.218"],"code":"```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```","symbName":"code","symbRange":[65099,65410],"symbRangeL":[null,1071],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):\n\n```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.\n\n# Split player.js into modules\n\n## Done\n\n- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys\n- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper\n- [x] `player-state.js` (~43 lines) — resetState, resetMachine\n- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile\n- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus\n- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree\n- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper\n- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit\n- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace\n- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)\n - imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()\n\n# Touchbar & Double-Touch\n\n## Done\n\n- [x] Alpine.js replaced Litedom for touchbar\n- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)\n- [x] Native click delegation instead of Alpine @click (avoids double-fire)\n- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`\n- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)\n- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips\n- [x] `data-doubletouch` only rendered when `action_extra` exists\n- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)\n- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)\n- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar\n- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.\n\n## Known gaps\n\n- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)\n- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check\n\n# Tabler\n\n## Done\n\n- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)\n- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)\n- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup\n- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast\n- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order\n\n# Eisenhower matrix\n\n## Done\n\n- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems.\n- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group.\n- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark.\n- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour.\n- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire.\n- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center.\n- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks.\n- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel.\n- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`.\n- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be.\n- [x] **`showBorder` box width fix** — Two corrections:\n - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal).\n- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:\n 1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n - Controlled by `config.densityOptimum` (default `0.6`)\n - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar\n- [x] **Font scale cap now width-proportional** — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula.\n\n## Use\n\n- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`.\n- Called from:\n - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`.\n - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu.\n\n## Touchbar Actions\n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |\n\n## Files Changed\n\n- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern\n- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`\n- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`\n- `codeditor/src/databox.js`: mobile paste detection\n\n---\n\n## Testing\n\n```sh\n# Unit/snapshot tests (Jest + ESM)\nnpm test\n\n# E2E (Playwright)\ncd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/__snapshots__/`.\n\n## Key conventions\n\n- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS\n- **No TypeScript** — pure JS with JSDoc\n- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)\n- **No linter or typechecker** configured\n\n## Voting system\n\n- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)\n- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them\n- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)\n- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`\n- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically.\n- **Vote helper**: `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.\n- **Fragment ref helper**: `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).\n- **JSON options loader**: `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.\n- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`.\n- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.\n\n## Touchbar system API\n\n- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show\n- `window.touchbarDispatch(action, element)` — button click dispatch\n- `data-touchpad=\"type|params\"` — attribute on glass search `` for double-tap\n- `data-tooltip` — attribute for click/touch triggered toolbar\n- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)\n- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types\n- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.\n\n## Architecture quirks\n\n- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly).\n- `proxy.STATE` is the mutable global state object (passed by reference).\n- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state.\n- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead.\n- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible.\n- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`.\n- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).\n\n## Heading-changes / Fragment management\n\n### Files changed\n\n- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`\n- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter\n- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched\n\n### Dialog rename\n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.\n\n### hasMetaData filter (heading report)\n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.\n\n### fragmentUrl system\n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).\n\n**Functions:**\n\n- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)\n- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:\n 1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`\n\n- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero.\n\n### replantRef touchbar action\n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:\n\n1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)\n2. Checks `route.isInEditor` — only works in edit layer\n3. Validates via `validateFragmentUrl(t)`\n4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`\n5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line\n6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor\n7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`\n\nKey: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.\n\n### URL construction\n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).\n\n### SQL rows\n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.\n\n## OuchDB (Remote CouchDB/PouchDB)\n\n**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.\n\n**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).\n\n**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.\n\n**Usage (vegaLinks persistence):**\n\n- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array\n- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`\n- Guard: `if (!STATE.remoteOuchdb) return`\n- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)\n\n**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).\n\n**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.\n\n### CORS conflict: Caddy + PouchDB double headers\n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```\n\nChrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials.\n\n**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
\n\n```sh
minify + generate .br files find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;
\n\nthen in Caddyfile, use: file_server { precompressed br gzip } ```
\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.
\n\nSplit player.js into modules \n\nDone \n\n[x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper [x] `player-state.js` (~43 lines) — resetState, resetMachine [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper [x] `player-edit.js` (~233 lines) — renderSave, renderEdit [x] `player-space.js` (~253 lines) — resetSpace, renderSpace [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)imports from all 9 modules keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload player-mq.js updated to use PROXY.reloadCurrentPaper.fn() Touchbar & Double-Touch \n\nDone \n\n[x] Alpine.js replaced Litedom for touchbar [x] Double-touch changed from 2-finger simultaneous to double-tap pattern (400ms timeout) [x] Native click delegation instead of Alpine @click (avoids double-fire) [x] Toolbar buttons: click = primary action, double-touch = `action_extra` [x] Mobile paste: uses native `prompt()` (no nice dialog, but works) [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips [x] `data-doubletouch` only rendered when `action_extra` exists [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent) [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672) [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:omitted / `false` / non-numeric (default) → keep open (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions) `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch` [x] `window.touchbarShow(definition, position)` — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position. Known gaps \n\nNo \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history) `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check Tabler \n\nDone \n\n[x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator) [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires both `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it) [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-`, `--font-color- `, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order Eisenhower matrix \n\nDone \n\n[x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems. [x] Conflict lines (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group. [x] Font family on Vega text marks — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark. [x] `gravityToCorner` mode (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour. [x] Quasi-square grid in gravity mode — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire. [x] Stretch to span box — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center. [x] Label clearance — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks. [x] 2 px quadrant gap — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel. [x] `harmonizeColors` helper — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`. [x] Density culling fontSize re-evaluation — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be. [x] `showBorder` box width fix — Two corrections:First pass (all layout engines): `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.Second pass (eisenhover-matrix.js positioning loop): The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a separate Vega text mark at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal). [x] StdDev-based density culling — Replaced simple ascending-score drop with two-pass culling per quadrant:Compute `mean` and `stdDev` of task scores in quadrant First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliersRecalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()` Controlled by `config.densityOptimum` (default `0.6`) `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar [x] Font scale cap now width-proportional — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula. Use \n\n`player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`. Called from:`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`. `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu. Touchbar Actions \n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |
\n\nFiles Changed \n\n`ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra` `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch` `codeditor/src/databox.js`: mobile paste detection Testing \n\n```sh
Unit/snapshot tests (Jest + ESM) npm test
\n\nE2E (Playwright) cd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```
\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/snapshots /`.
\n\nKey conventions \n\nES modules (`\"type\": \"module\"`) — use `import`/`export`, no CommonJSNo TypeScript — pure JS with JSDocPrettier (`npx prettier`) with `semi: false` (except `.test.js` files)No linter or typechecker configuredVoting system \n\nSQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`) `STATE.remoteSqlite.execSql(sql)` — uses string interpolation in SQL (NOT `?` placeholders)Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020` Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`) `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`Do NOT use full filesystem paths (e.g., `/home/looper/.../paper/...`)Do strip `#/paper/` prefix from URIsDo sanitize trail segments via `ssss.string.sanitizeName` Campaign prefix : `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically. Vote helper : `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.Fragment ref helper : `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).JSON options loader : `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.Dialog-campaignes : `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`. After voting , dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.Touchbar system API \n\n`window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show `window.touchbarDispatch(action, element)` — button click dispatch `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap `data-tooltip` — attribute for click/touch triggered toolbar Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`) `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types resultAction dispatch (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.Architecture quirks \n\n`window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly). `proxy.STATE` is the mutable global state object (passed by reference). Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state. Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead. Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible. `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`. `echoOut` (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).Heading-changes / Fragment management \n\nFiles changed \n\n`player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions` `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched Dialog rename \n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.
\n\nhasMetaData filter (heading report) \n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.
\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.
\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.
\n\nfragmentUrl system \n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).
\n\nFunctions:
\n\n`validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments) `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:Validates fragment URL format Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6) Extracts `id` (full filesystem path + line number) and `num1` (line number fallback) Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix Determines range end:`deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)` Slices `lines[start..end]` (start = lineNum - 1) Returns `{ text, pathInRepo, startLine, endLine }` or `null` `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero. replantRef touchbar action \n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:
\n\nReads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`) Checks `route.isInEditor` — only works in edit layer Validates via `validateFragmentUrl(t)` Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)` Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })` Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.
\n\nURL construction \n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).
\n\nSQL rows \n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.
\n\nOuchDB (Remote CouchDB/PouchDB) \n\nAdapter: `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.
\n\nWiring: `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:
\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```
\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).
\n\nProtocol config: `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.
\n\nUsage (vegaLinks persistence):
\n\n`loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks` Guard: `if (!STATE.remoteOuchdb) return` Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID) Adapter API: `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).
\n\n`update()` method: GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.
\n\nCORS conflict: Caddy + PouchDB double headers \n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:
\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```
\n\nChrome reads the first `Access-Control-Allow-Origin` (``), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids ` ` with credentials.
\n\nFix: Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:
"},{"id":"/root/children/219","type":"paragraph","loc":{"start":65099,"end":65268,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":0,"e":169}},"dim":["","paragraph.219"],"code":"Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."},{"id":"/root/children/219/children/0","type":"text","loc":{"start":65099,"end":65116,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":0,"e":17}},"dim":["","paragraph.219","text.0"],"code":"Chrome reads the "},{"id":"/root/children/219/children/1","type":"strong","loc":{"start":65116,"end":65125,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":17,"e":26}},"dim":["","paragraph.219","strong.1"],"code":"**first**"},{"id":"/root/children/219/children/1/children/0","type":"text","loc":{"start":65118,"end":65123,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":19,"e":24}},"dim":["","paragraph.219","strong.1","text.0"],"code":"first"},{"id":"/root/children/219/children/2","type":"text","loc":{"start":65125,"end":65126,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":26,"e":27}},"dim":["","paragraph.219","text.2"],"code":" "},{"id":"/root/children/219/children/3","type":"inlineCode","loc":{"start":65126,"end":65155,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":27,"e":56}},"dim":["","paragraph.219","inlineCode.3"],"code":"`Access-Control-Allow-Origin`"},{"id":"/root/children/219/children/4","type":"text","loc":{"start":65155,"end":65157,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":56,"e":58}},"dim":["","paragraph.219","text.4"],"code":" ("},{"id":"/root/children/219/children/5","type":"inlineCode","loc":{"start":65157,"end":65160,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":58,"e":61}},"dim":["","paragraph.219","inlineCode.5"],"code":"`*`"},{"id":"/root/children/219/children/6","type":"text","loc":{"start":65160,"end":65168,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":61,"e":69}},"dim":["","paragraph.219","text.6"],"code":"), sees "},{"id":"/root/children/219/children/7","type":"inlineCode","loc":{"start":65168,"end":65208,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":69,"e":109}},"dim":["","paragraph.219","inlineCode.7"],"code":"`Access-Control-Allow-Credentials: true`"},{"id":"/root/children/219/children/8","type":"text","loc":{"start":65208,"end":65247,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":109,"e":148}},"dim":["","paragraph.219","text.8"],"code":", and rejects — the Fetch spec forbids "},{"id":"/root/children/219/children/9","type":"inlineCode","loc":{"start":65247,"end":65250,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":148,"e":151}},"dim":["","paragraph.219","inlineCode.9"],"code":"`*`"},{"id":"/root/children/219/children/10","type":"text","loc":{"start":65250,"end":65268,"line":{"s":1068,"e":1068,"code":["Chrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials."]},"column":{"s":151,"e":169}},"dim":["","paragraph.219","text.10"],"code":" with credentials."},{"id":"/root/children/220","type":"paragraph","loc":{"start":65270,"end":65410,"line":{"s":1070,"e":1070,"code":["**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:"]},"column":{"s":0,"e":140}},"dim":["","paragraph.220"],"code":"**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:"},{"id":"/root/children/220/children/0","type":"strong","loc":{"start":65270,"end":65278,"line":{"s":1070,"e":1070,"code":["**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:"]},"column":{"s":0,"e":8}},"dim":["","paragraph.220","strong.0"],"code":"**Fix:**"},{"id":"/root/children/220/children/0/children/0","type":"text","loc":{"start":65272,"end":65276,"line":{"s":1070,"e":1070,"code":["**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:"]},"column":{"s":2,"e":6}},"dim":["","paragraph.220","strong.0","text.0"],"code":"Fix:"},{"id":"/root/children/220/children/1","type":"text","loc":{"start":65278,"end":65295,"line":{"s":1070,"e":1070,"code":["**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:"]},"column":{"s":8,"e":25}},"dim":["","paragraph.220","text.1"],"code":" Disable CORS in "},{"id":"/root/children/220/children/2","type":"inlineCode","loc":{"start":65295,"end":65311,"line":{"s":1070,"e":1070,"code":["**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:"]},"column":{"s":25,"e":41}},"dim":["","paragraph.220","inlineCode.2"],"code":"`pouchdb-server`"},{"id":"/root/children/220/children/3","type":"text","loc":{"start":65311,"end":65359,"line":{"s":1070,"e":1070,"code":["**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:"]},"column":{"s":41,"e":89}},"dim":["","paragraph.220","text.3"],"code":" since Caddy already handles it. Config file at "},{"id":"/root/children/220/children/4","type":"inlineCode","loc":{"start":65359,"end":65409,"line":{"s":1070,"e":1070,"code":["**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:"]},"column":{"s":89,"e":139}},"dim":["","paragraph.220","inlineCode.4"],"code":"`linode-server/caddy/linode/pouchdb-cors-off.json`"},{"id":"/root/children/220/children/5","type":"text","loc":{"start":65409,"end":65410,"line":{"s":1070,"e":1070,"code":["**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:"]},"column":{"s":139,"e":140}},"dim":["","paragraph.220","text.5"],"code":":"},{"id":"/root/children/221","type":"code","loc":{"start":65412,"end":65461,"line":{"s":1072,"e":1074,"code":["```json","{ \"httpd\": { \"enable_cors\": false } }","```"]},"column":{"s":0,"e":3}},"dim":["","code.221"],"code":"```json\n{ \"httpd\": { \"enable_cors\": false } }\n```","symbName":"code","symbRange":[65463,65490],"symbRangeL":[null,1077],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):\n\n```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.\n\n# Split player.js into modules\n\n## Done\n\n- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys\n- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper\n- [x] `player-state.js` (~43 lines) — resetState, resetMachine\n- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile\n- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus\n- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree\n- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper\n- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit\n- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace\n- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)\n - imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()\n\n# Touchbar & Double-Touch\n\n## Done\n\n- [x] Alpine.js replaced Litedom for touchbar\n- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)\n- [x] Native click delegation instead of Alpine @click (avoids double-fire)\n- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`\n- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)\n- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips\n- [x] `data-doubletouch` only rendered when `action_extra` exists\n- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)\n- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)\n- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar\n- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.\n\n## Known gaps\n\n- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)\n- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check\n\n# Tabler\n\n## Done\n\n- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)\n- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)\n- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup\n- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast\n- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order\n\n# Eisenhower matrix\n\n## Done\n\n- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems.\n- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group.\n- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark.\n- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour.\n- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire.\n- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center.\n- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks.\n- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel.\n- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`.\n- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be.\n- [x] **`showBorder` box width fix** — Two corrections:\n - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal).\n- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:\n 1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n - Controlled by `config.densityOptimum` (default `0.6`)\n - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar\n- [x] **Font scale cap now width-proportional** — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula.\n\n## Use\n\n- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`.\n- Called from:\n - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`.\n - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu.\n\n## Touchbar Actions\n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |\n\n## Files Changed\n\n- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern\n- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`\n- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`\n- `codeditor/src/databox.js`: mobile paste detection\n\n---\n\n## Testing\n\n```sh\n# Unit/snapshot tests (Jest + ESM)\nnpm test\n\n# E2E (Playwright)\ncd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/__snapshots__/`.\n\n## Key conventions\n\n- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS\n- **No TypeScript** — pure JS with JSDoc\n- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)\n- **No linter or typechecker** configured\n\n## Voting system\n\n- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)\n- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them\n- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)\n- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`\n- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically.\n- **Vote helper**: `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.\n- **Fragment ref helper**: `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).\n- **JSON options loader**: `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.\n- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`.\n- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.\n\n## Touchbar system API\n\n- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show\n- `window.touchbarDispatch(action, element)` — button click dispatch\n- `data-touchpad=\"type|params\"` — attribute on glass search `` for double-tap\n- `data-tooltip` — attribute for click/touch triggered toolbar\n- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)\n- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types\n- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.\n\n## Architecture quirks\n\n- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly).\n- `proxy.STATE` is the mutable global state object (passed by reference).\n- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state.\n- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead.\n- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible.\n- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`.\n- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).\n\n## Heading-changes / Fragment management\n\n### Files changed\n\n- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`\n- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter\n- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched\n\n### Dialog rename\n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.\n\n### hasMetaData filter (heading report)\n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.\n\n### fragmentUrl system\n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).\n\n**Functions:**\n\n- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)\n- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:\n 1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`\n\n- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero.\n\n### replantRef touchbar action\n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:\n\n1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)\n2. Checks `route.isInEditor` — only works in edit layer\n3. Validates via `validateFragmentUrl(t)`\n4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`\n5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line\n6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor\n7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`\n\nKey: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.\n\n### URL construction\n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).\n\n### SQL rows\n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.\n\n## OuchDB (Remote CouchDB/PouchDB)\n\n**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.\n\n**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).\n\n**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.\n\n**Usage (vegaLinks persistence):**\n\n- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array\n- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`\n- Guard: `if (!STATE.remoteOuchdb) return`\n- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)\n\n**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).\n\n**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.\n\n### CORS conflict: Caddy + PouchDB double headers\n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```\n\nChrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials.\n\n**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:\n\n```json\n{ \"httpd\": { \"enable_cors\": false } }\n```\n\nStart with `--config` flag:","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
\n\n```sh
minify + generate .br files find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;
\n\nthen in Caddyfile, use: file_server { precompressed br gzip } ```
\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.
\n\nSplit player.js into modules \n\nDone \n\n[x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper [x] `player-state.js` (~43 lines) — resetState, resetMachine [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper [x] `player-edit.js` (~233 lines) — renderSave, renderEdit [x] `player-space.js` (~253 lines) — resetSpace, renderSpace [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)imports from all 9 modules keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload player-mq.js updated to use PROXY.reloadCurrentPaper.fn() Touchbar & Double-Touch \n\nDone \n\n[x] Alpine.js replaced Litedom for touchbar [x] Double-touch changed from 2-finger simultaneous to double-tap pattern (400ms timeout) [x] Native click delegation instead of Alpine @click (avoids double-fire) [x] Toolbar buttons: click = primary action, double-touch = `action_extra` [x] Mobile paste: uses native `prompt()` (no nice dialog, but works) [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips [x] `data-doubletouch` only rendered when `action_extra` exists [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent) [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672) [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:omitted / `false` / non-numeric (default) → keep open (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions) `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch` [x] `window.touchbarShow(definition, position)` — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position. Known gaps \n\nNo \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history) `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check Tabler \n\nDone \n\n[x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator) [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires both `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it) [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-`, `--font-color- `, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order Eisenhower matrix \n\nDone \n\n[x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems. [x] Conflict lines (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group. [x] Font family on Vega text marks — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark. [x] `gravityToCorner` mode (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour. [x] Quasi-square grid in gravity mode — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire. [x] Stretch to span box — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center. [x] Label clearance — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks. [x] 2 px quadrant gap — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel. [x] `harmonizeColors` helper — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`. [x] Density culling fontSize re-evaluation — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be. [x] `showBorder` box width fix — Two corrections:First pass (all layout engines): `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.Second pass (eisenhover-matrix.js positioning loop): The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a separate Vega text mark at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal). [x] StdDev-based density culling — Replaced simple ascending-score drop with two-pass culling per quadrant:Compute `mean` and `stdDev` of task scores in quadrant First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliersRecalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()` Controlled by `config.densityOptimum` (default `0.6`) `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar [x] Font scale cap now width-proportional — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula. Use \n\n`player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`. Called from:`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`. `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu. Touchbar Actions \n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |
\n\nFiles Changed \n\n`ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra` `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch` `codeditor/src/databox.js`: mobile paste detection Testing \n\n```sh
Unit/snapshot tests (Jest + ESM) npm test
\n\nE2E (Playwright) cd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```
\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/snapshots /`.
\n\nKey conventions \n\nES modules (`\"type\": \"module\"`) — use `import`/`export`, no CommonJSNo TypeScript — pure JS with JSDocPrettier (`npx prettier`) with `semi: false` (except `.test.js` files)No linter or typechecker configuredVoting system \n\nSQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`) `STATE.remoteSqlite.execSql(sql)` — uses string interpolation in SQL (NOT `?` placeholders)Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020` Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`) `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`Do NOT use full filesystem paths (e.g., `/home/looper/.../paper/...`)Do strip `#/paper/` prefix from URIsDo sanitize trail segments via `ssss.string.sanitizeName` Campaign prefix : `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically. Vote helper : `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.Fragment ref helper : `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).JSON options loader : `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.Dialog-campaignes : `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`. After voting , dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.Touchbar system API \n\n`window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show `window.touchbarDispatch(action, element)` — button click dispatch `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap `data-tooltip` — attribute for click/touch triggered toolbar Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`) `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types resultAction dispatch (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.Architecture quirks \n\n`window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly). `proxy.STATE` is the mutable global state object (passed by reference). Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state. Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead. Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible. `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`. `echoOut` (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).Heading-changes / Fragment management \n\nFiles changed \n\n`player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions` `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched Dialog rename \n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.
\n\nhasMetaData filter (heading report) \n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.
\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.
\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.
\n\nfragmentUrl system \n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).
\n\nFunctions:
\n\n`validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments) `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:Validates fragment URL format Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6) Extracts `id` (full filesystem path + line number) and `num1` (line number fallback) Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix Determines range end:`deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)` Slices `lines[start..end]` (start = lineNum - 1) Returns `{ text, pathInRepo, startLine, endLine }` or `null` `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero. replantRef touchbar action \n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:
\n\nReads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`) Checks `route.isInEditor` — only works in edit layer Validates via `validateFragmentUrl(t)` Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)` Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })` Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.
\n\nURL construction \n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).
\n\nSQL rows \n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.
\n\nOuchDB (Remote CouchDB/PouchDB) \n\nAdapter: `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.
\n\nWiring: `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:
\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```
\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).
\n\nProtocol config: `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.
\n\nUsage (vegaLinks persistence):
\n\n`loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks` Guard: `if (!STATE.remoteOuchdb) return` Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID) Adapter API: `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).
\n\n`update()` method: GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.
\n\nCORS conflict: Caddy + PouchDB double headers \n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:
\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```
\n\nChrome reads the first `Access-Control-Allow-Origin` (``), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids ` ` with credentials.
\n\nFix: Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:
\n\n```json\n{ \"httpd\": { \"enable_cors\": false } }\n```
\n\nStart with `--config` flag:
"},{"id":"/root/children/222","type":"paragraph","loc":{"start":65463,"end":65490,"line":{"s":1076,"e":1076,"code":["Start with `--config` flag:"]},"column":{"s":0,"e":27}},"dim":["","paragraph.222"],"code":"Start with `--config` flag:"},{"id":"/root/children/222/children/0","type":"text","loc":{"start":65463,"end":65474,"line":{"s":1076,"e":1076,"code":["Start with `--config` flag:"]},"column":{"s":0,"e":11}},"dim":["","paragraph.222","text.0"],"code":"Start with "},{"id":"/root/children/222/children/1","type":"inlineCode","loc":{"start":65474,"end":65484,"line":{"s":1076,"e":1076,"code":["Start with `--config` flag:"]},"column":{"s":11,"e":21}},"dim":["","paragraph.222","inlineCode.1"],"code":"`--config`"},{"id":"/root/children/222/children/2","type":"text","loc":{"start":65484,"end":65490,"line":{"s":1076,"e":1076,"code":["Start with `--config` flag:"]},"column":{"s":21,"e":27}},"dim":["","paragraph.222","text.2"],"code":" flag:"},{"id":"/root/children/223","type":"code","loc":{"start":65492,"end":65596,"line":{"s":1078,"e":1080,"code":["```","npx pouchdb-server --port 5984 --dir $dirBase/tmp.ouchdb --config $dirBase/pouchdb-cors-off.json","```"]},"column":{"s":0,"e":3}},"dim":["","code.223"],"code":"```\nnpx pouchdb-server --port 5984 --dir $dirBase/tmp.ouchdb --config $dirBase/pouchdb-cors-off.json\n```","symbName":"code","symbRange":[65598,70554],"symbRangeL":[null,1135],"outerCode":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }\n\n# player.js - Analysis & Summary\n\n## Overview\n\n`player.js` is the main orchestrator of the **repolero-prototype** app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (**glass**, **paper**, **space**, **edit**), and real-time collaboration via STOMP/RabbitMQ.\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.\n\n## repolero-prototype — UI concept (from repolero-prototype.mdd)\n\n### Design principles\n\n- **Minimal layout** (water.css-inspired)\n- **Mouse-less interaction** — keyboard-first\n- **Keyboard shortcuts follow key ergonomics, not semantics** — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACE\n\n### Three layers\n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| **space** | Map view | player/map-show.js (OpenLayers) |\n| **paper** | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| **editor** | Edit content | codeditor.js (CodeMirror 6) |\n| **glass** | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |\n\n### Glass menu selector\n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete\n\n### Visualization\n\n- **Vega-Lite**: parallel coords, word cloud, radar, radial tree, calendar, heatmap\n- **D3**: hierarchy pack, message sequence chart (rc page)\n\n### Data dynamics\n\n- Webhooks: repo-sync, map-show tile generation\n- Portlets concept (TODO)\n- Singularity/plurarity: repolero subsystem of fragments and stages (TODO)\n\n### UI tricks\n\n- tippy.js for tooltips\n- icomoon icons as font\n\n## ssss — super simple static site generator\n\nrepolero-prototype is built with **ssss**, a custom static site generator.\n\n### Principles\n\n- **Petri-net flow**: many sources flow into one output, many outputs flow into one deployment\n- **JSON inheritance (meld)**: configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`\n\n### MPA concept\n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.\n\n### Folder structure\n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n * — adjacent to ssss/*\noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n *.html ← source/*.jq.json + *.jq.html rendered\n data/** ← sfsDir + tot\ndeploy/\n rsync mirror of output/ — final destination (many sources converge)\n```\n\n### Tech choices (from ssss.mdd)\n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |\n\n### Usage\n\n`yarn serve`, `yarn watch`, `yoffee`\n\n## Build Pipeline\n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```\n\n**All jq.html pages:**\nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the **alternative player shell** introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.\n\n**The .jq.json structure** (shared across pages):\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its ``.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.\n\n**What gets transformed:**\n\n- HTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'`\n- Text content: `¦.site.title¦ ` → `repolero:rc `\n- Element iteration: `` → N ` ` elements\n- Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')`\n\n**What passes through untouched:**\n\n- `\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.\n\n### Result per page\n\n**view.jq.html** — full app, all layers (Alpine.js via CDN):\n\n```html\n\n\n```\n\n**rc.jq.html** — paper-only, MQ logging, D3 MSC chart:\n\n```html\n\n```\n\n**home.jq.html** — landing page, no player, no MQ:\n\n```html\n\n```\n\n### TODO: Production optimizations (Brotli + Minify)\n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.\n\n**Brotli compression** — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.\n\n**JS minification** — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:\n\n```sh\n# install esbuild (once)\nnpm i -g esbuild\n\n# minify all .js files in current folder and below\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```\n\n**Combined** (minify + pre-compress for Caddy static serving):\n\n```sh\n# minify + generate .br files\nfind . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;\n\n# then in Caddyfile, use:\n# file_server { precompressed br gzip }\n```\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.\n\n# Split player.js into modules\n\n## Done\n\n- [x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys\n- [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper\n- [x] `player-state.js` (~43 lines) — resetState, resetMachine\n- [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile\n- [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus\n- [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree\n- [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper\n- [x] `player-edit.js` (~233 lines) — renderSave, renderEdit\n- [x] `player-space.js` (~253 lines) — resetSpace, renderSpace\n- [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)\n - imports from all 9 modules\n - keeps: boot(), player() shell, notyf setup, PROXY assembly\n - renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace\n - bootS4 callback: glass init, mq subscribe, persistent elements, window.\\* hooks\n - dropped dead code (keyNav), commented-out blocks, duplicate functions\n - reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload\n - player-mq.js updated to use PROXY.reloadCurrentPaper.fn()\n\n# Touchbar & Double-Touch\n\n## Done\n\n- [x] Alpine.js replaced Litedom for touchbar\n- [x] Double-touch changed from 2-finger simultaneous to **double-tap** pattern (400ms timeout)\n- [x] Native click delegation instead of Alpine @click (avoids double-fire)\n- [x] Toolbar buttons: click = primary action, double-touch = `action_extra`\n- [x] Mobile paste: uses native `prompt()` (no nice dialog, but works)\n- [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips\n- [x] `data-doubletouch` only rendered when `action_extra` exists\n- [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent)\n- [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672)\n- [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar\n- [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:\n - omitted / `false` / non-numeric (default) → **keep open** (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions)\n - `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; **global last-click-wins** — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown\n - Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch`\n- [x] **`window.touchbarShow(definition, position)`** — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position.\n\n## Known gaps\n\n- No \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history)\n- `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check\n\n# Tabler\n\n## Done\n\n- [x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator)\n- [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires **both** `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it)\n- [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup\n- [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-*`, `--font-color-*`, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast\n- [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order\n\n# Eisenhower matrix\n\n## Done\n\n- [x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems.\n- [x] **Conflict lines** (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group.\n- [x] **Font family on Vega text marks** — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark.\n- [x] **`gravityToCorner` mode** (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour.\n- [x] **Quasi-square grid in gravity mode** — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire.\n- [x] **Stretch to span box** — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center.\n- [x] **Label clearance** — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks.\n- [x] **2 px quadrant gap** — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel.\n- [x] **`harmonizeColors` helper** — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`.\n- [x] **Density culling fontSize re-evaluation** — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be.\n- [x] **`showBorder` box width fix** — Two corrections:\n - **First pass (all layout engines):** `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.\n - **Second pass (eisenhover-matrix.js positioning loop):** The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a **separate Vega text mark** at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal).\n- [x] **StdDev-based density culling** — Replaced simple ascending-score drop with two-pass culling per quadrant:\n 1. Compute `mean` and `stdDev` of task scores in quadrant\n 2. **First pass:** Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`\n 3. **Second pass:** If still over threshold, drop lowest remaining non-outliers\n 4. Recalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()`\n - Controlled by `config.densityOptimum` (default `0.6`)\n - `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar\n- [x] **Font scale cap now width-proportional** — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula.\n\n## Use\n\n- `player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`.\n- Called from:\n - `commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`.\n - `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu.\n\n## Touchbar Actions\n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |\n\n## Files Changed\n\n- `ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern\n- `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra`\n- `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch`\n- `codeditor/src/databox.js`: mobile paste detection\n\n---\n\n## Testing\n\n```sh\n# Unit/snapshot tests (Jest + ESM)\nnpm test\n\n# E2E (Playwright)\ncd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/__snapshots__/`.\n\n## Key conventions\n\n- **ES modules** (`\"type\": \"module\"`) — use `import`/`export`, no CommonJS\n- **No TypeScript** — pure JS with JSDoc\n- **Prettier** (`npx prettier`) with `semi: false` (except `.test.js` files)\n- **No linter or typechecker** configured\n\n## Voting system\n\n- SQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`)\n- `STATE.remoteSqlite.execSql(sql)` — uses **string interpolation** in SQL (NOT `?` placeholders)\n - Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020`\n - Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them\n- Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`)\n- `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`\n - **Do NOT** use full filesystem paths (e.g., `/home/looper/.../paper/...`)\n - **Do** strip `#/paper/` prefix from URIs\n - **Do** sanitize trail segments via `ssss.string.sanitizeName`\n- **Campaign prefix**: `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically.\n- **Vote helper**: `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.\n- **Fragment ref helper**: `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).\n- **JSON options loader**: `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.\n- **Dialog-campaignes**: `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`.\n- **After voting**, dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.\n\n## Touchbar system API\n\n- `window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show\n- `window.touchbarDispatch(action, element)` — button click dispatch\n- `data-touchpad=\"type|params\"` — attribute on glass search `` for double-tap\n- `data-tooltip` — attribute for click/touch triggered toolbar\n- Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`)\n- `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types\n- **resultAction dispatch** (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.\n\n## Architecture quirks\n\n- `window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly).\n- `proxy.STATE` is the mutable global state object (passed by reference).\n- Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state.\n- Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead.\n- Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible.\n- `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`.\n- **`echoOut`** (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).\n\n## Heading-changes / Fragment management\n\n### Files changed\n\n- `player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions`\n- `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter\n- `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched\n\n### Dialog rename\n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.\n\n### hasMetaData filter (heading report)\n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.\n\n### fragmentUrl system\n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).\n\n**Functions:**\n\n- `validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments)\n- `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:\n 1. Validates fragment URL format\n 2. Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6)\n 3. Extracts `id` (full filesystem path + line number) and `num1` (line number fallback)\n 4. Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix\n 5. Determines range end:\n - `deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content\n - `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary\n 6. Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`\n 7. Slices `lines[start..end]` (start = lineNum - 1)\n 8. Returns `{ text, pathInRepo, startLine, endLine }` or `null`\n\n- `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero.\n\n### replantRef touchbar action\n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:\n\n1. Reads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`)\n2. Checks `route.isInEditor` — only works in edit layer\n3. Validates via `validateFragmentUrl(t)`\n4. Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)`\n5. Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line\n6. Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor\n7. Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })`\n\nKey: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.\n\n### URL construction\n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).\n\n### SQL rows\n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.\n\n## OuchDB (Remote CouchDB/PouchDB)\n\n**Adapter:** `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.\n\n**Wiring:** `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).\n\n**Protocol config:** `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.\n\n**Usage (vegaLinks persistence):**\n\n- `loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array\n- `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks`\n- Guard: `if (!STATE.remoteOuchdb) return`\n- Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID)\n\n**Adapter API:** `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).\n\n**`update()` method:** GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.\n\n### CORS conflict: Caddy + PouchDB double headers\n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```\n\nChrome reads the **first** `Access-Control-Allow-Origin` (`*`), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids `*` with credentials.\n\n**Fix:** Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:\n\n```json\n{ \"httpd\": { \"enable_cors\": false } }\n```\n\nStart with `--config` flag:\n\n```\nnpx pouchdb-server --port 5984 --dir $dirBase/tmp.ouchdb --config $dirBase/pouchdb-cors-off.json\n```\n\n## eisenhover-matrix.js — Vega spec builder\n\n**Location:** `source/repolero-prototype/player/eisenhover-matrix.js`\n\n**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object.\n\n**Config options:**\n\n| Option | Type | Default | Description |\n| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |\n| `width` | number | 600 | Spec width |\n| `height` | number | 500 | Spec height |\n| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |\n| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |\n| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |\n| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |\n| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |\n| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |\n\n**Path utilities:**\n\n- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering).\n- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point.\n\n**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes.\n\n## Traps pattern (cleanup on route leave)\n\n`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:\n\n- `getCommandHandler()` creates a `traps = []` array per invocation\n- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`\n- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`\n- On route change, `cleanup()` iterates through all traps and calls each one `await`\n- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`\n\n**Current trap users:**\n\n| File | Line | Trap |\n| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |\n| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |\n| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |\n| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |\n| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |\n| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |\n\n**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages.\n\n**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore.\n\n## cmdVotingCampaign.js — link persistence","outerHtml":";{ engine:dot , rankdir:LR, applyCss:dark, useGvPack:true, clusterize:false }
\n\nplayer.js - Analysis & Summary \n\nOverview \n\n`player.js` is the main orchestrator of the repolero-prototype app (~3600 lines). It is a single-page application with hash-based routing, four visual layers (glass , paper , space , edit ), and real-time collaboration via STOMP/RabbitMQ.
\n\nThe HTML shell (`view.jq.html`) defines the DOM skeleton. `player.js` brings it alive.
\n\nrepolero-prototype — UI concept (from repolero-prototype.mdd) \n\nDesign principles \n\nMinimal layout (water.css-inspired)Mouse-less interaction — keyboard-firstKeyboard shortcuts follow key ergonomics, not semantics — ESC, F1–F5, TAB, arrows, SPACE, ENTER, BACKSPACEThree layers \n\n| Layer | Purpose | Implementation |\n| ---------- | ----------------------------------- | ---------------------------------------------- |\n| space | Map view | player/map-show.js (OpenLayers) |\n| paper | Notebook content | renderLayerMode → fetch + mdd/html/json render |\n| editor | Edit content | codeditor.js (CodeMirror 6) |\n| glass | UIX overlay (search, menu, actions) | Alpine stores + Autocomplete |
\n\nGlass menu selector \n\nUses autocomplete libs: tomickigrzegorz/autocomplete, autoComplete.js, awesomplete
\n\nVisualization \n\nVega-Lite : parallel coords, word cloud, radar, radial tree, calendar, heatmapD3 : hierarchy pack, message sequence chart (rc page)Data dynamics \n\nWebhooks: repo-sync, map-show tile generation Portlets concept (TODO) Singularity/plurarity: repolero subsystem of fragments and stages (TODO) UI tricks \n\ntippy.js for tooltips icomoon icons as font ssss — super simple static site generator \n\nrepolero-prototype is built with ssss , a custom static site generator.
\n\nPrinciples \n\nPetri-net flow : many sources flow into one output, many outputs flow into one deploymentJSON inheritance (meld) : configs merge via jq `meld()` — e.g. `cat root.jq.json admin.config.json | jq -s 'meld(.[0]; .[1])'`MPA concept \n\nMulti Page App — 80% static HTML, 10% backed SPA (portlets). Uses jq-html for templating, hash-routing for SPA layers.
\n\nFolder structure \n\n```\nssss/\n assets/\n images/*.png\n styles/*.less\n scripts/lib.js — ssss core client-side JS (ssss.js)\n scripts/*.js\n data/* — primary data (e.g. nljson)\nsource/\n s4.config.json — run ssss-run from here\n *.jq.json — declares a page to render\n *.jq.html — template (or linked from theme via jq.json)\n — adjacent to ssss/ \noutput/ (aka dist/)\n assets/ ← ssss/assets + source/assets merged\n .html ← source/ .jq.json + *.jq.html rendered\n data/
\n\nTech choices (from ssss.mdd) \n\n| Category | Winner / in use | Alternatives considered |\n| ------------------ | --------------------------- | ------------------------------------------------ |\n| CSS framework | MVP.css, Pure.css | matcha, sakura, bulma, milligram, open-props |\n| SPA / JS framework | Alpine.js, tint, yoffee | lit, hybrids, stimulus, petite-vue, sprae, crank |\n| Hash routing | Hash-Router (Michael Sogos) | wand, easyrouter, stateman |\n| State management | valtio | zustand, jotai, xstate |\n| Key navigation | keymage, gridnav | keydrown, keycharm, a11yarrows |\n| Charts | Vega-Lite | — |\n| Drag & drop | dragula | — |\n| Notifications | humane-js (Notyf in player) | — |\n| Search | typesense, algolia | — |\n| Modal | tingle, micromodal | — |\n| Fetch | TwinSpark, aja.js | — |\n| JSON rendering | jsonToHtml-render | — |\n| Store | nbubna/store | websheet, firebase |\n| GUI layout | dockview | — |
\n\nUsage \n\n`yarn serve`, `yarn watch`, `yoffee`
\n\nBuild Pipeline \n\nEach `.jq.html` template in `source/` has a corresponding rendered `.html` in `dist/`. Each template also has a paired `.jq.json` config file that provides its data context (site title, env, theme mode, head scripts/links, menu pages, hotkeys, etc.):
\n\n```\nsource/repolero-prototype/view.jq.json → data for view.jq.html\nsource/repolero-prototype/view.jq.html → dist/repolero-prototype/view.html
\n\nsource/repolero-prototype/rc.jq.json → data for rc.jq.html\nsource/repolero-prototype/rc.jq.html → dist/repolero-prototype/rc.html
\n\nsource/repolero-prototype/home.jq.json → data for home.jq.html\nsource/repolero-prototype/home.jq.html → dist/repolero-prototype/home.html\n```
\n\nAll jq.html pages: \nview, reflect, rc, home, root, log, out (+ out.view, out.rc, out.root variants)
\n\n`reflect.jq.html` (545 lines, paired with `reflect.jq.json`, title `repolero:reflect`) is the alternative player shell introduced for tenant subdomains. Mode is the full feature set (`admin,self,water,grid,icons,autocomplete,keynav,dynamic,vega,mq,dark,touch,table,2d`), so it boots the same `player()` as `view.jq.html` but with a different layout/skin tailored for tenant entry. Caddy serves `/reflect.html` (not `/view.html`) for the subset of tenant subdomains opted into the reflect layout — see `linode-server/caddy/local/Caddyfile.local.caddyfile` and `…/linode/Caddyfile.contabo.caddyfile`. Currently the `makata` tenant uses `/reflect.html`; other tenants (`massage`, `maxina`, …) still fall through to `/view.html`.
\n\nThe .jq.json structure (shared across pages):
\n\n```\n{\n \"name\": \"open-city\",\n \"repoName\": \"repolero\",\n \"protocolRouter\": \"¦s4protocolRouter¦\", // resolved at build\n \"site\": {\n \"ver\", \"env\", \"lang\", \"theme\",\n \"mode\": \"admin,self,water,...\", // feature flags\n \"title\": \"repolero:view\",\n \"logoMini\", \"fragments\", \"menu.pages\",\n \"hotkey\": { eMain, glassToggle, ... }, // per-page hotkey config\n \"touchbar\": { paper: [...svgs] }\n },\n \"head\": {\n \"link\": [ { href, rel, type, tag } ], // CSS deps\n \"script\": [ { src, type, tag } ] // JS deps\n },\n \"root\": \"¦.untiloop.repolero¦\" // resolved at build\n}\n```
\n\nThe `mode` field controls which CSS/JS libs are included via `s4FilterIncludes($input)`. E.g. rc.jq.json has no `vega` in mode, so Vega-Lite scripts are excluded from its `
`.\n\nThe jq-html engine runs server-side and resolves all `¦expr¦` expressions into concrete values. The browser only ever loads the `dist/*.html` files — it never sees jq syntax.
\n\nWhat gets transformed:
\n\nHTML attributes: `href='¦\"assets://x\"|s4url¦'` → `href='http://assets.untiloop.loc/x'` Text content: `¦.site.title¦ ` → `repolero:rc ` Element iteration: `` → N ` ` elements Inline JSON: `JSON.parse('¦.site.env|tojson¦')` → `JSON.parse('\"loc\"')` What passes through untouched:
\n\n`\n```\n\nNote: `.protocolRouter` is passed through as-is (already a JSON string from the jq context). `boot()` handles parsing it.
\n\nResult per page \n\nview.jq.html — full app, all layers (Alpine.js via CDN):
\n\n```html\n\n\n```
\n\nrc.jq.html — paper-only, MQ logging, D3 MSC chart:
\n\n```html\n\n```
\n\nhome.jq.html — landing page, no player, no MQ:
\n\n```html\n\n```
\n\nTODO: Production optimizations (Brotli + Minify) \n\nThe dev page is served by Caddy from `dist/`. Caddyfile: `/home/bebo/dev/k2/untiloop/linode-server/caddy/local/Caddyfile.local.caddyfile`.
\n\nBrotli compression — Currently uses `encode gzip zstd` (line 8). Add `br`: `encode br gzip zstd`. One-word change, ~15-20% smaller than gzip alone.
\n\nJS minification — ~40-60% size reduction before compression. Run only for production (minified JS is hard to debug). Minify all JS in-place:
\n\n```sh
install esbuild (once) npm i -g esbuild
\n\nminify all .js files in current folder and below find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\n```
\n\nCombined (minify + pre-compress for Caddy static serving):
\n\n```sh
minify + generate .br files find . -name '*.js' -exec esbuild --minify --outfile={} --allow-overwrite {} \\;\nfind . -name '*.js' -exec brotli -f {} \\;
\n\nthen in Caddyfile, use: file_server { precompressed br gzip } ```
\n\nNote: these commands modify files in-place. Run on `dist/` copies, not on `source/`.
\n\nSplit player.js into modules \n\nDone \n\n[x] `player-utils.js` (~265 lines) — constants, route/URI helpers, hotkeys [x] `player-webhook.js` (~145 lines) — isWebHookOn, upload, editSave, savePaper [x] `player-state.js` (~43 lines) — resetState, resetMachine [x] `player-mq.js` (~147 lines) — mqFanoutConsumer, emitFanout/Mq/Tile [x] `player-glass.js` (~340 lines) — initGlassAutocompleteInput, initGlassMenu, initGlassStatus [x] `player-tweaks.js` (~247 lines) — reactArmSelection, addOneTimeTweaksTodo, observeSubTree [x] `player-paper.js` (~426 lines) — eSetOnOff, createFilterPapers, renderPaper [x] `player-edit.js` (~233 lines) — renderSave, renderEdit [x] `player-space.js` (~253 lines) — resetSpace, renderSpace [x] `player.js` rewritten as slim orchestrator (3672 → 1022 lines)imports from all 9 modules keeps: boot(), player() shell, notyf setup, PROXY assembly renderLayerMode switch skeleton calls: renderPaper, renderEdit, renderSave, renderSpace bootS4 callback: glass init, mq subscribe, persistent elements, window.* hooks dropped dead code (keyNav), commented-out blocks, duplicate functions reloadCurrentPaper uses ref pattern (ref.fn) for MQ reload player-mq.js updated to use PROXY.reloadCurrentPaper.fn() Touchbar & Double-Touch \n\nDone \n\n[x] Alpine.js replaced Litedom for touchbar [x] Double-touch changed from 2-finger simultaneous to double-tap pattern (400ms timeout) [x] Native click delegation instead of Alpine @click (avoids double-fire) [x] Toolbar buttons: click = primary action, double-touch = `action_extra` [x] Mobile paste: uses native `prompt()` (no nice dialog, but works) [x] Fragment touchbar: added `touchstart` binding for `$`-prefixed tooltips [x] `data-doubletouch` only rendered when `action_extra` exists [x] Fixed `window.touchbarDispatch` to receive origin element (not CustomEvent) [x] Mobile hide bug: `touchstart` hide path now sets `toolbarJustShown` so the synthetic `click` ~300ms later cannot re-show the toolbar (ui-touchbar.js:672) [x] Auto-close on action click: `window.touchbarDispatch` calls `fnHide()` after the switch so any toolbar button click closes the touchbar [x] Per-def `hideAfter` opt-in debounce in `ui-touchbar-defs.js`:omitted / `false` / non-numeric (default) → keep open (touchbar stays visible after action; user dismisses via re-tap on trigger or via `glass:*` explicit-hide actions) `hideAfter: ` (number or numeric string) → schedule `fnHide` N ms later; global last-click-wins — every dispatched click clears the shared module-level `hideTimer` first, so rapid clicks (e.g. multi-vote) reset the countdown Wired by emitting `data-hide-after=\"...\"` on each button in `updateToolbarItems` and reading `element.getAttribute(\"data-hide-after\")` in `touchbarDispatch` [x] `window.touchbarShow(definition, position)` — programmatic touchbar invocation without a `[data-tooltip]` host element. Creates a synthetic element with `id` + `data-tooltip`, calls `tooltipMaker.render` directly, positions via `positionTooltip` with a 0×0 emitter rect at the given viewport coords. Used by `cmdVotingCampaign.js`'s Vega `clickedWord` listener to open the fragment-action menu at the clicked task's position. Known gaps \n\nNo \"tap outside to hide\" — toolbar only closes via same-emitter re-tap or specific `touchbarDispatch` verbs (glass:clear, glass:clear-history, glass:history) `initTouchpad(\"#alpine-touchpad\", ...)` in player-tweaks.js:147 uses a selector that doesn't exist in HTML (HTML has `#alpine-touchbar`); `initDoubleTouch` still runs because it fires before the selector check Tabler \n\nDone \n\n[x] `player/tabler.js` now post-renders HTML tables via Tabulator 6.4 (tableHeatmap → new Tabulator) [x] `div.tabulator-tableholder` auto-shrinks for short tables: requires both `height: false` and `maxHeight: '90vh'` at tabler.js:150 — `maxHeight` alone did not shrink (Tabulator 6 defaults to fill-parent; `height: false` turns on auto-sizing, `maxHeight` caps it) [x] HTML in cells rendered (not escaped): added `columnDefaults: { formatter: 'html' }` — Tabulator default formatter is `plaintext` which escapes markup [x] Themed Tabulator CSS in `source/assets/theme-bare/repolero.less` (appended at bottom) — uses the repolero CSS vars (`--background-color-`, `--font-color- `, `--border-color-*`, `--font-family-small`, `--font-family-bold`) so dark/light follows `body.dark` / `body.light` automatically; small mode-specific tweaks for selected-row color and border contrast [x] `.tabulator-col` overrides need to be nested under `.tabulator-header` (not just `.tabulator`) to beat the bundled-theme default `.tabulator .tabulator-header .tabulator-col { background:#fff }` — same specificity (0,3,0) wins by cascade order Eisenhower matrix \n\nDone \n\n[x] `player/eisenhover-matrix.js` — replaced Vega `wordcloud` transform with a JS-side layout: sort by score desc → linear score→fontSize map → row-flow within quadrant box → vertical-center the row stack → pass pre-positioned `{task, fontSize, x, y}` to a plain Vega text mark. Reason: Vega 5.21 wordcloud transform's per-datum `fontSize` accessor (both `{field}` and `{expr}` forms) throws `Cannot read properties of undefined (reading 'score')`; also wordcloud doesn't pack ~10 short labels deterministically. Bypassing it removes both problems. [x] Conflict lines (`config.connect`) — same heading across quadrants is connected by dashed magenta rules. Grouping is keyed by stable `url` (falling back to `task`); the display `task` carries a per-quadrant vote count like `\"filmy (3)\"` and would never match across quadrants. All-pairs interconnect inside each url-group. [x] Font family on Vega text marks — `font: { value: fontFamily }` (Vega encode requires `{value:…}` wrapping; bare `font: fontFamily` is silently ignored). Applied to both quadrant labels and the per-task text mark. [x] `gravityToCorner` mode (top-of-file toggle, default `true`) — per quadrant, highest-score task gravitates to the matrix's outer corner; lowest-score drifts toward the matrix center. `layoutTasksInBox` always anchors top-left, then mirrors x/y based on quadrant corner (`do=tl, schedule=tr, delegate=bl, eliminate=br`). When `false`, layout reverts to the original centered behaviour. [x] Quasi-square grid in gravity mode — `maxPerRow = ceil(sqrt(N))` forces a grid so low-score items don't all sit on one Y line (six items → 3×2 instead of 6×1); vertical stretching can then fire. [x] Stretch to span box — with >1 row, distribute extra vertical gap so the last row reaches `boxH`; same per row for items reaching `boxW`. Highest stays pinned at the outer corner, lowest lands at the matrix center. [x] Label clearance — `padBottom: 8 → 30` (matches `titleSpace`); `delegate`/`eliminate` labels sit at the bottom edge and no longer collide with tasks. [x] 2 px quadrant gap — new `quadrantGap = 2` (`half = 1`): rects shrink 1 px on inner edges, right-column / bottom-row offsets shift by `half`, `boxW`/`boxH` shrink by `half` so tasks stay inside their panel. [x] `harmonizeColors` helper — hex→HSL→hex; keeps each color's hue but equalises saturation/lightness (default `{ s: 0.55, l: 0.78 }`) so the four quadrant fills feel like one palette family. Exported `quadrantColors` stays as the raw Dracula palette; harmonised set is computed locally inside `tasksToEisenhoverMatrix`. [x] Density culling fontSize re-evaluation — after density culling drops lowest-scoring tasks to meet `densityOptimum`, `fontSizeRange` is now recalculated from the reduced task count (`laid.length / (boxW * boxH)`) before the re-layout. Previously the original pre-culling font sizes were reused, leaving remaining tasks smaller than they could be. [x] `showBorder` box width fix — Two corrections:First pass (all layout engines): `width` was `estimateTextWidth(t.task + \", \" + (t.miniLabel || \"\"), ...)` — the trailing `\", \"` inflated the box by ~2 chars when `miniLabel` was empty. Changed to `estimateTextWidth(t.miniLabel ? t.task + \", \" + t.miniLabel : t.task, ...)`.Second pass (eisenhover-matrix.js positioning loop): The border rect was using `width` (`estimateTextWidth(task + miniLabel + separator, taskFont, taskWeight)`), but the miniLabel is a separate Vega text mark at fontSize 10, positioned right of the main task. The box should only cover the main task label. Changed `width: t.width || 0` → `width: t.taskWidth || t.width || 0` so the rect matches the task-only width. `taskWidth` is `estimateTextWidth(task, fontSize, fontWeight)` without any miniLabel content — set by all active layout engines (boss5, boss4, boss3, boss2, normal). [x] StdDev-based density culling — Replaced simple ascending-score drop with two-pass culling per quadrant:Compute `mean` and `stdDev` of task scores in quadrant First pass: Drop statistical outliers (score < mean − 1×stdDev) until density ≤ `densityOptimum`Second pass: If still over threshold, drop lowest remaining non-outliersRecalculate `fontSizeRange` on reduced density (fewer tasks → bigger font) and re-layout via `runLayout()` Controlled by `config.densityOptimum` (default `0.6`) `_densityCulled` boolean on returned spec object; captured by `cmdVotingCampaign.js` to append `[culled]` to status bar [x] Font scale cap now width-proportional — Replaced hardcoded `2.0` (and the earlier `isMobile ? 1.3 : 2.0`) with `boxW / 180` in the `Math.min()` chain. Also fixed the same stale `2.0` in the re-layout after density culling. This adapts naturally to any viewport: `boxW=194` (mobile 390×844) → cap ~1.08, `boxW=400+` (desktop) → cap 2.0 (unchanged). No explicit `isMobile` check needed. Both initial layout and culling re-layout use the same formula. Use \n\n`player/eisenhover-matrix.js` exports `tasksToEisenhoverMatrix(ssss, tasks, config)` and `quadrantColors`. Called from:`commands/cmdDashboard.js` — dashboard \"matrix\" image, votingTypes `{do:hot, schedule:pin, delegate:weak, eliminate:veto}`. `commands/cmdVotingCampaign.js` — live voting campaign; the Vega `clickedWord` signal handler calls `window.touchbarShow` at the clicked task's position to open the per-vote action menu. Touchbar Actions \n\n| Button | Click | Double-touch |\n| ------------------------- | ---------------------- | -------------- |\n| duplicate-svgrepo-com.svg | `editor:duplicateLine` | `editor:paste` |\n| (other buttons) | primary action | `action_extra` |
\n\nFiles Changed \n\n`ui-touchbar.js`: Alpine init, native click delegation, double-tap pattern `ui-touchbar-defs.js`: `paste` button with `action`/`action_extra` `player/player-tweaks.js`: pass `origin` element to `touchbarDispatch` `codeditor/src/databox.js`: mobile paste detection Testing \n\n```sh
Unit/snapshot tests (Jest + ESM) npm test
\n\nE2E (Playwright) cd e2e\nnpm test # headless\nnpm run test:headed # headed\nnpm run test:ui # ui mode\n```
\n\nJest requires `--experimental-vm-modules` (already in `package.json` `test` script).\nSnapshot file: `source/repolero-prototype/test/glass-search.test.mjs`.\nSnapshot dir: `source/repolero-prototype/test/snapshots /`.
\n\nKey conventions \n\nES modules (`\"type\": \"module\"`) — use `import`/`export`, no CommonJSNo TypeScript — pure JS with JSDocPrettier (`npx prettier`) with `semi: false` (except `.test.js` files)No linter or typechecker configuredVoting system \n\nSQLite via HTTP (`sqlite-http` crate, `remote-sqlite.js`) `STATE.remoteSqlite.execSql(sql)` — uses string interpolation in SQL (NOT `?` placeholders)Reference: `cmdVotingCampaign.js:90`, `player-paper.js:1020` Do NOT use parameterized `?` placeholders with args array — the `sqlite-http` version doesn't support them Table: `repo_voting` (columns: `d`, `user`, `repo`, `campaign`, `ref`, `operation`, `num1`, `num2`) `fragmentRef` format must match `cache_ast_lake_nodes_ref.ref`: relative path like `paper/filename.mdd:lineNum::sanitized/trail/path`Do NOT use full filesystem paths (e.g., `/home/looper/.../paper/...`)Do strip `#/paper/` prefix from URIsDo sanitize trail segments via `ssss.string.sanitizeName` Campaign prefix : `` in `view.jq.html:368` holds the active campaign scope (e.g. `eisenhower`, `debate`). Read via:\n ```js\n window.store(windowStoreKey(\"options/glass/activeCampaign\"));\n ```\n The `[persistent]` handler in `player.js:1000-1046` auto-saves/restores `SELECT` values to localStorage. A sync to `windowStoreKey(\"options/glass/activeCampaign\")` is added for `#activeCampaign` specifically. Vote helper : `voteRepo(STATE, campaign, ref, operation)` in `player-utils.js:643` — shared INSERT wrapper used by all call sites. Prepends the activeCampaign prefix to the campaign value.Fragment ref helper : `buildFragmentRef(basePath, trail, sanitizeName)` in `player-utils.js:635` — constructs `path::sanitized/trail` from a path (strips existing `::`), accepting trail as `;`-delimited string or array. Used in both paper layer (`player-utils.js:577`) and glass layer (`player-glass.js:86`).JSON options loader : `loadJsonOptions(url, storeKey)` in `player-utils.js:643` — fetches JSON from `url` and stores on `Alpine.store(\"glass\")[storeKey]`. Used for dynamic campaign options from `campaignsJsonUrl`. General-purpose for any JSON-loaded options.Dialog-campaignes : `` in `view.jq.html:370` populated dynamically from `Alpine.store(\"glass\").campaigns`. On close, stores selection to `window.store(windowStoreKey(\"options/glass/activeCampaign\"))`. Wiring in `player.js:1052-1075`. After voting , dispatch `document.dispatchEvent(new Event(\"paper:reload\"))` to refresh the dashboard (listener in `player.js:989`). Use `echoOut({vote: {...}})` to broadcast to other clients via STOMP fanout.Touchbar system API \n\n`window.touchbarShow(\"$definition|params\", {x, y})` — programmatic show `window.touchbarDispatch(action, element)` — button click dispatch `data-touchpad=\"type|params\"` — attribute on glass search ` ` for double-tap `data-tooltip` — attribute for click/touch triggered toolbar Button defs in `toolbarsDefs` (`ui-touchbar-defs.js`) `$resultAction`, `$fragmentAction`, `$statusTLToolbar` are the active toolbar types resultAction dispatch (`ui-touchbar.js:822`): inline handlers for `copyRef` and `vote-cast/uncast`. Vote handler calls `voteRepo(proxy.STATE, ...)`, shows notyf, dispatches `\"paper:reload\"`, hides toolbar via `.finally(() => fnHide())`.Architecture quirks \n\n`window.ctrlPaper` is only set inside `renderPaper()` — NOT available on the glass layer. Result action dispatch handlers in `touchbarDispatch` must be self-contained (use `proxy.STATE.remoteSqlite` and `proxy.ssss.copyText` directly). `proxy.STATE` is the mutable global state object (passed by reference). Alpine store at `Alpine.store(\"glass\")` — used for touchbar state and menu state. Search results in `onResults` callback have fields: `reducedName, name, uri, fn, size, mt, ts, scaledTs, scaledSize, type, trail, cssClass`. The `fn` field is the raw DB identifier (full path with line number) — use `uri` (hash URL) for relative paths instead. Voting dashboard reads from `repo_voting` via `INNER JOIN cache_ast_lake_nodes_ref r USING(id)` — if the `ref` doesn't match, the vote row is invisible. `[persistent]` attribute on elements (`player.js:1000-1046`): auto-saves/restores values via `window.store(windowStoreKey(ssss.getNodeTrail(element)))`. Supports INPUT (text/checkbox), SELECT, and DETAILS elements. Fires on `sEventGlassReady`. `echoOut` (`player-paper.js:366`): emits fanout messages via `PROXY.emitFanoutMessage({verb: \"paper:echo\", ...})`. Used to broadcast vote events to other connected clients. Available only inside `renderPaper()` and `dashboardBody()` (from `proxy.echoOut`).Heading-changes / Fragment management \n\nFiles changed \n\n`player/player-utils.js` — new functions: `validateFragmentUrl`, `loadFragment`, `hasMetaData`, `buildFragmentRef`, `loadJsonOptions` `player/player-paper.js` — new touchbar action `replantRef` in `window.ctrlPaper`; `paperHeadingReport` wired with `hasMetaData` filter `proc-paper-edit.mjs` (server-side webhook) — vote deletion logic confirmed: `resolvedRenames` → UPDATE votes, `confirmedDeletions` → DELETE votes, skipped items left untouched Dialog rename \n\n`broken-refs-dialog.js` → `broken-refs-managment.js`. Import updated in `player.js` and `portlets.md`.
\n\nhasMetaData filter (heading report) \n\n`hasMetaData(PROXY, repoName, refs)` in `player-utils.js` — queries `repo_voting` for refs with existing votes, returns a `Set`. Wired into `paperHeadingReport` to filter `allEvents` so only candidates with votes appear in the report/fanout.
\n\n`[preselect]` focus on dialog open: `headingDialog.querySelector(\"[preselect]\")?.focus()` after `showModal()`.
\n\nDelete-option icon: `si-cross` → `si-trash` in `broken-refs-managment.js`.
\n\nfragmentUrl system \n\nFormat: `::` (e.g. `paper/scratchpad.mdd::candidateDruhy`).
\n\nFunctions:
\n\n`validateFragmentUrl(s)` — validates `path.ext::seg1/seg2` (exactly one `::`, file extension, non-empty segments) `loadFragment(fragmentUrl, STATE, ssss, deep, repoUrlBase)`:Validates fragment URL format Queries `cache_ast_lake_nodes` via `cache_ast_lake_nodes_ref` for the node by `r.ref = fragmentUrl` — fetches `n.id, r.ref, n.body, n.num1, n.num2` (num2 is heading level 1–6) Extracts `id` (full filesystem path + line number) and `num1` (line number fallback) Derives `pathInRepo` by splitting on `/repo//` and stripping line suffix Determines range end:`deep=false`: SQL query finds the very next heading in the file — returns just the heading's direct content `deep=true`: scans file content from heading line forward, finds the next heading at same or higher level (parses `#` markers directly from text) — includes all nested children; `endLine` reflects the full subtree boundary Fetches file content via `ssss.fetchWithETag(fetchUrl, { token: _getToken() })` where fetchUrl is `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)` Slices `lines[start..end]` (start = lineNum - 1) Returns `{ text, pathInRepo, startLine, endLine }` or `null` `relevelFragment(text, cursorLevel)` — pure: shifts all heading levels in fragment text so its root heading becomes `cursorLevel + 1`. Clamps to 1–6. Returns text unchanged if no headings found or shift is zero. replantRef touchbar action \n\nTriggered via touchbar `paper:replantRef` in `window.ctrlPaper`. Flow:
\n\nReads clipboard (currently hardcoded test value `\"paper/scratchpad.mdd::candidateDruhy\"`) Checks `route.isInEditor` — only works in edit layer Validates via `validateFragmentUrl(t)` Loads fragment via `loadFragment(t, STATE, ssss, true, PROXY.repoUrlBase)` Determines heading level at cursor via `getCursorHeadingLevel(theEditor)` — scans backwards from cursor for nearest `#` heading line Applies `relevelFragment(fragment.text, cursorLevel)` to shift the fragment's heading levels under the cursor Inserts adjusted text into CM6 editor via `window.theEditor.panes.one.view.dispatch({ changes: { from: view.state.selection.main.head, insert: adjusted } })` Key: `window.theEditor` is the `initEditor()` return object. Raw CM6 `EditorView` is at `window.theEditor.panes.one.view`.
\n\nURL construction \n\nFollowing `tokensToPaths` pattern: `ssss.Url(\\`${repoUrlBase}/${repoName}/${pathInRepo}\\`)`. Data server (e.g. `repo.untiloop.loc`) serves files at `//` — separate from app server (`repolero.untiloop.loc`).
\n\nSQL rows \n\n`STATE.remoteSqlite.execSql(sql)` returns `{ rows: [[col1, col2, ...], ...] }`. Destructure by index, not object destructure.
\n\nOuchDB (Remote CouchDB/PouchDB) \n\nAdapter: `source/assets/s4/adapters/remote-ouchdb.js` — `RemoteOuchDb` class exposed as `ssss.RemoteOuchdb`.
\n\nWiring: `dbOuchdbURL` is resolved from `\"ouchdb:/\"|s4url` in each `.jq.html` config block, passed through `player.js`, and instantiated as:
\n\n```\nSTATE.remoteOuchdb = new ssss.RemoteOuchdb(dbOuchdbURL + \"/repolero\")\n```
\n\nThe `\"/repolero\"` suffix is the database name, appended at instantiation (not in the adapter).
\n\nProtocol config: `s4.config.json` protocolRouter maps `ouchdb:/?(env:loc)` and `ouchdb:/?(env:linode)` → `https://ouchdb.untiloop.website`.
\n\nUsage (vegaLinks persistence):
\n\n`loadVegaLinks()` — GETs doc from OuchDB on dashboard init, populates `vegaLinks` array `saveVegaLinks()` — calls `STATE.remoteOuchdb.update()` after push/splice on `vegaLinks` Guard: `if (!STATE.remoteOuchdb) return` Doc ID pattern: `{repoName}/campaign/{campaignId}` (CouchDB slash-separated ID) Adapter API: `get(docId)`, `put(docId, document)`, `delete(docId, rev)`, `allDocs(options)`, `update(docId, document)` — reads `_rev` then PUTs (create or update).
\n\n`update()` method: GETs existing doc for `_rev`, catches 404 silently for fresh create, then PUTs. Uses `this.request()` (not `this.get()`) to avoid noisy `console.error` on expected 404.
\n\nCORS conflict: Caddy + PouchDB double headers \n\n`pouchdb-server` has CORS enabled by default (`httpd.enable_cors: true`, `cors.credentials: true` in `lib/cors.js`). When proxied through Caddy, the Caddyfile also adds CORS headers — resulting in DUPLICATE response headers:
\n\n```\nAccess-Control-Allow-Origin: * ← from Caddy (Caddyfile lines 405-408)\nAccess-Control-Allow-Origin: http://repolero.untiloop.loc ← from PouchDB (corser echoes Origin)\nAccess-Control-Allow-Credentials: true ← from PouchDB (cors.credentials default)\n```
\n\nChrome reads the first `Access-Control-Allow-Origin` (``), sees `Access-Control-Allow-Credentials: true`, and rejects — the Fetch spec forbids ` ` with credentials.
\n\nFix: Disable CORS in `pouchdb-server` since Caddy already handles it. Config file at `linode-server/caddy/linode/pouchdb-cors-off.json`:
\n\n```json\n{ \"httpd\": { \"enable_cors\": false } }\n```
\n\nStart with `--config` flag:
\n\n```\nnpx pouchdb-server --port 5984 --dir $dirBase/tmp.ouchdb --config $dirBase/pouchdb-cors-off.json\n```
\n\neisenhover-matrix.js — Vega spec builder \n\nLocation: `source/repolero-prototype/player/eisenhover-matrix.js`
\n\nEntrypoint: `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object.
\n\nConfig options:
\n\n| Option | Type | Default | Description |\n| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |\n| `width` | number | 600 | Spec width |\n| `height` | number | 500 | Spec height |\n| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |\n| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |\n| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |\n| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |\n| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |\n| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |
\n\nPath utilities:
\n\n`taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering). `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point. Conflict edge rendering: Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes.
\n\nTraps pattern (cleanup on route leave) \n\n`commands.js` provides a traps mechanism to revert side effects when a `@command` route is left:
\n\n`getCommandHandler()` creates a `traps = []` array per invocation Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)` Handlers push cleanup functions: `traps.push(() => restoreOriginalState())` On route change, `cleanup()` iterates through all traps and calls each one `await` The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }` Current trap users:
\n\n| File | Line | Trap |\n| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |\n| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |\n| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/ TODO traps signalId /}` — placeholder |\n| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |\n| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |\n| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |
\n\nWhen to use: Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages.
\n\nCaveat — don't capture inline style to restore: The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. Always restore to `\"\"` (remove inline style → CSS cascade takes over), never capture `style.*` for later restore.
\n\ncmdVotingCampaign.js — link persistence "},{"id":"/root/children/224","type":"heading","loc":{"start":65598,"end":65641,"line":{"s":1082,"e":1082,"code":["## eisenhover-matrix.js — Vega spec builder"]},"column":{"s":0,"e":43}},"dim":["","heading.224"],"code":"## eisenhover-matrix.js — Vega spec builder","symbName":"heading","symbRange":[65643,67759],"symbRangeL":[1082,1107],"outerCode":"\n**Location:** `source/repolero-prototype/player/eisenhover-matrix.js`\n\n**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object.\n\n**Config options:**\n\n| Option | Type | Default | Description |\n| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |\n| `width` | number | 600 | Spec width |\n| `height` | number | 500 | Spec height |\n| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |\n| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |\n| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |\n| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |\n| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |\n| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |\n\n**Path utilities:**\n\n- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering).\n- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point.\n\n**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes.","outerHtml":"\nLocation: `source/repolero-prototype/player/eisenhover-matrix.js`
\n\nEntrypoint: `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object.
\n\nConfig options:
\n\n| Option | Type | Default | Description |\n| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |\n| `width` | number | 600 | Spec width |\n| `height` | number | 500 | Spec height |\n| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |\n| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |\n| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |\n| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |\n| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |\n| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |
\n\nPath utilities:
\n\n`taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering). `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point. Conflict edge rendering: Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes.
"},{"id":"/root/children/224/children/0","type":"text","loc":{"start":65601,"end":65641,"line":{"s":1082,"e":1082,"code":["## eisenhover-matrix.js — Vega spec builder"]},"column":{"s":3,"e":43}},"dim":["","heading.224","text.0"],"code":"eisenhover-matrix.js — Vega spec builder"},{"id":"/root/children/225","type":"paragraph","loc":{"start":65643,"end":65712,"line":{"s":1084,"e":1084,"code":["**Location:** `source/repolero-prototype/player/eisenhover-matrix.js`"]},"column":{"s":0,"e":69}},"dim":["","paragraph.225"],"code":"**Location:** `source/repolero-prototype/player/eisenhover-matrix.js`"},{"id":"/root/children/225/children/0","type":"strong","loc":{"start":65643,"end":65656,"line":{"s":1084,"e":1084,"code":["**Location:** `source/repolero-prototype/player/eisenhover-matrix.js`"]},"column":{"s":0,"e":13}},"dim":["","paragraph.225","strong.0"],"code":"**Location:**"},{"id":"/root/children/225/children/0/children/0","type":"text","loc":{"start":65645,"end":65654,"line":{"s":1084,"e":1084,"code":["**Location:** `source/repolero-prototype/player/eisenhover-matrix.js`"]},"column":{"s":2,"e":11}},"dim":["","paragraph.225","strong.0","text.0"],"code":"Location:"},{"id":"/root/children/225/children/1","type":"text","loc":{"start":65656,"end":65657,"line":{"s":1084,"e":1084,"code":["**Location:** `source/repolero-prototype/player/eisenhover-matrix.js`"]},"column":{"s":13,"e":14}},"dim":["","paragraph.225","text.1"],"code":" "},{"id":"/root/children/225/children/2","type":"inlineCode","loc":{"start":65657,"end":65712,"line":{"s":1084,"e":1084,"code":["**Location:** `source/repolero-prototype/player/eisenhover-matrix.js`"]},"column":{"s":14,"e":69}},"dim":["","paragraph.225","inlineCode.2"],"code":"`source/repolero-prototype/player/eisenhover-matrix.js`"},{"id":"/root/children/226","type":"paragraph","loc":{"start":65714,"end":65807,"line":{"s":1086,"e":1086,"code":["**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object."]},"column":{"s":0,"e":93}},"dim":["","paragraph.226"],"code":"**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object."},{"id":"/root/children/226/children/0","type":"strong","loc":{"start":65714,"end":65729,"line":{"s":1086,"e":1086,"code":["**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object."]},"column":{"s":0,"e":15}},"dim":["","paragraph.226","strong.0"],"code":"**Entrypoint:**"},{"id":"/root/children/226/children/0/children/0","type":"text","loc":{"start":65716,"end":65727,"line":{"s":1086,"e":1086,"code":["**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object."]},"column":{"s":2,"e":13}},"dim":["","paragraph.226","strong.0","text.0"],"code":"Entrypoint:"},{"id":"/root/children/226/children/1","type":"text","loc":{"start":65729,"end":65730,"line":{"s":1086,"e":1086,"code":["**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object."]},"column":{"s":15,"e":16}},"dim":["","paragraph.226","text.1"],"code":" "},{"id":"/root/children/226/children/2","type":"inlineCode","loc":{"start":65730,"end":65776,"line":{"s":1086,"e":1086,"code":["**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object."]},"column":{"s":16,"e":62}},"dim":["","paragraph.226","inlineCode.2"],"code":"`tasksToEisenhoverMatrix(ssss, tasks, config)`"},{"id":"/root/children/226/children/3","type":"text","loc":{"start":65776,"end":65807,"line":{"s":1086,"e":1086,"code":["**Entrypoint:** `tasksToEisenhoverMatrix(ssss, tasks, config)` returns a Vega v5 spec object."]},"column":{"s":62,"e":93}},"dim":["","paragraph.226","text.3"],"code":" returns a Vega v5 spec object."},{"id":"/root/children/227","type":"paragraph","loc":{"start":65809,"end":65828,"line":{"s":1088,"e":1088,"code":["**Config options:**"]},"column":{"s":0,"e":19}},"dim":["","paragraph.227"],"code":"**Config options:**"},{"id":"/root/children/227/children/0","type":"strong","loc":{"start":65809,"end":65828,"line":{"s":1088,"e":1088,"code":["**Config options:**"]},"column":{"s":0,"e":19}},"dim":["","paragraph.227","strong.0"],"code":"**Config options:**"},{"id":"/root/children/227/children/0/children/0","type":"text","loc":{"start":65811,"end":65826,"line":{"s":1088,"e":1088,"code":["**Config options:**"]},"column":{"s":2,"e":17}},"dim":["","paragraph.227","strong.0","text.0"],"code":"Config options:"},{"id":"/root/children/228","type":"paragraph","loc":{"start":65830,"end":67179,"line":{"s":1090,"e":1099,"code":["| Option | Type | Default | Description |","| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |","| `width` | number | 600 | Spec width |","| `height` | number | 500 | Spec height |","| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |","| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |","| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |","| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |","| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |","| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |"]},"column":{"s":0,"e":134}},"dim":["","paragraph.228"],"code":"| Option | Type | Default | Description |\n| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |\n| `width` | number | 600 | Spec width |\n| `height` | number | 500 | Spec height |\n| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |\n| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |\n| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |\n| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |\n| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |\n| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |"},{"id":"/root/children/228/children/0","type":"text","loc":{"start":65830,"end":66102,"line":{"s":1090,"e":1092,"code":["| Option | Type | Default | Description |","| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |","| `width` | number | 600 | Spec width |"]},"column":{"s":0,"e":2}},"dim":["","paragraph.228","text.0"],"code":"| Option | Type | Default | Description |\n| --------------------- | ------- | ------- | -------------------------------------------------------------------------------------- |\n| "},{"id":"/root/children/228/children/1","type":"inlineCode","loc":{"start":66102,"end":66109,"line":{"s":1092,"e":1092,"code":["| `width` | number | 600 | Spec width |"]},"column":{"s":2,"e":9}},"dim":["","paragraph.228","inlineCode.1"],"code":"`width`"},{"id":"/root/children/228/children/2","type":"text","loc":{"start":66109,"end":66237,"line":{"s":1092,"e":1093,"code":["| `width` | number | 600 | Spec width |","| `height` | number | 500 | Spec height |"]},"column":{"s":9,"e":2}},"dim":["","paragraph.228","text.2"],"code":" | number | 600 | Spec width |\n| "},{"id":"/root/children/228/children/3","type":"inlineCode","loc":{"start":66237,"end":66245,"line":{"s":1093,"e":1093,"code":["| `height` | number | 500 | Spec height |"]},"column":{"s":2,"e":10}},"dim":["","paragraph.228","inlineCode.3"],"code":"`height`"},{"id":"/root/children/228/children/4","type":"text","loc":{"start":66245,"end":66372,"line":{"s":1093,"e":1094,"code":["| `height` | number | 500 | Spec height |","| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |"]},"column":{"s":10,"e":2}},"dim":["","paragraph.228","text.4"],"code":" | number | 500 | Spec height |\n| "},{"id":"/root/children/228/children/5","type":"inlineCode","loc":{"start":66372,"end":66392,"line":{"s":1094,"e":1094,"code":["| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |"]},"column":{"s":2,"e":22}},"dim":["","paragraph.228","inlineCode.5"],"code":"`showQuadrantLabels`"},{"id":"/root/children/228/children/6","type":"text","loc":{"start":66392,"end":66507,"line":{"s":1094,"e":1095,"code":["| `showQuadrantLabels` | boolean | — | Show \"@Urgent & Important\" etc labels |","| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |"]},"column":{"s":22,"e":2}},"dim":["","paragraph.228","text.6"],"code":" | boolean | — | Show \"@Urgent & Important\" etc labels |\n| "},{"id":"/root/children/228/children/7","type":"inlineCode","loc":{"start":66507,"end":66517,"line":{"s":1095,"e":1095,"code":["| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |"]},"column":{"s":2,"e":12}},"dim":["","paragraph.228","inlineCode.7"],"code":"`useCurve`"},{"id":"/root/children/228/children/8","type":"text","loc":{"start":66517,"end":66642,"line":{"s":1095,"e":1096,"code":["| `useCurve` | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |","| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |"]},"column":{"s":12,"e":2}},"dim":["","paragraph.228","text.8"],"code":" | boolean | — | User-defined links: true = quadratic bezier, false = straight tapered line |\n| "},{"id":"/root/children/228/children/9","type":"inlineCode","loc":{"start":66642,"end":66663,"line":{"s":1096,"e":1096,"code":["| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |"]},"column":{"s":2,"e":23}},"dim":["","paragraph.228","inlineCode.9"],"code":"`useCurveInConflicts`"},{"id":"/root/children/228/children/10","type":"text","loc":{"start":66663,"end":66777,"line":{"s":1096,"e":1097,"code":["| `useCurveInConflicts` | boolean | — | Conflict edges: true = bezier, false = straight line |","| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |"]},"column":{"s":23,"e":2}},"dim":["","paragraph.228","text.10"],"code":" | boolean | — | Conflict edges: true = bezier, false = straight line |\n| "},{"id":"/root/children/228/children/11","type":"inlineCode","loc":{"start":66777,"end":66786,"line":{"s":1097,"e":1097,"code":["| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |"]},"column":{"s":2,"e":11}},"dim":["","paragraph.228","inlineCode.11"],"code":"`connect`"},{"id":"/root/children/228/children/12","type":"text","loc":{"start":66786,"end":66912,"line":{"s":1097,"e":1098,"code":["| `connect` | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |","| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |"]},"column":{"s":11,"e":2}},"dim":["","paragraph.228","text.12"],"code":" | boolean | — | Auto-detect same-heading tasks across quadrants and connect with dashed conflict edges |\n| "},{"id":"/root/children/228/children/13","type":"inlineCode","loc":{"start":66912,"end":66919,"line":{"s":1098,"e":1098,"code":["| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |"]},"column":{"s":2,"e":9}},"dim":["","paragraph.228","inlineCode.13"],"code":"`links`"},{"id":"/root/children/228/children/14","type":"text","loc":{"start":66919,"end":66975,"line":{"s":1098,"e":1098,"code":["| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |"]},"column":{"s":9,"e":65}},"dim":["","paragraph.228","text.14"],"code":" | array | — | User-defined links "},{"id":"/root/children/228/children/15","type":"inlineCode","loc":{"start":66975,"end":67000,"line":{"s":1098,"e":1098,"code":["| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |"]},"column":{"s":65,"e":90}},"dim":["","paragraph.228","inlineCode.15"],"code":"`[[source, target], ...]`"},{"id":"/root/children/228/children/16","type":"text","loc":{"start":67000,"end":67016,"line":{"s":1098,"e":1098,"code":["| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |"]},"column":{"s":90,"e":106}},"dim":["","paragraph.228","text.16"],"code":" where each has "},{"id":"/root/children/228/children/17","type":"inlineCode","loc":{"start":67016,"end":67039,"line":{"s":1098,"e":1098,"code":["| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |"]},"column":{"s":106,"e":129}},"dim":["","paragraph.228","inlineCode.17"],"code":"`{fragmentUrl, sector}`"},{"id":"/root/children/228/children/18","type":"text","loc":{"start":67039,"end":67047,"line":{"s":1098,"e":1099,"code":["| `links` | array | — | User-defined links `[[source, target], ...]` where each has `{fragmentUrl, sector}` |","| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |"]},"column":{"s":129,"e":2}},"dim":["","paragraph.228","text.18"],"code":" |\n| "},{"id":"/root/children/228/children/19","type":"inlineCode","loc":{"start":67047,"end":67058,"line":{"s":1099,"e":1099,"code":["| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |"]},"column":{"s":2,"e":13}},"dim":["","paragraph.228","inlineCode.19"],"code":"`allowVote`"},{"id":"/root/children/228/children/20","type":"text","loc":{"start":67058,"end":67179,"line":{"s":1099,"e":1099,"code":["| `allowVote` | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |"]},"column":{"s":13,"e":134}},"dim":["","paragraph.228","text.20"],"code":" | boolean | — | When true, clicking a task opens the voting touchbar instead of navigating |"},{"id":"/root/children/229","type":"paragraph","loc":{"start":67181,"end":67200,"line":{"s":1101,"e":1101,"code":["**Path utilities:**"]},"column":{"s":0,"e":19}},"dim":["","paragraph.229"],"code":"**Path utilities:**"},{"id":"/root/children/229/children/0","type":"strong","loc":{"start":67181,"end":67200,"line":{"s":1101,"e":1101,"code":["**Path utilities:**"]},"column":{"s":0,"e":19}},"dim":["","paragraph.229","strong.0"],"code":"**Path utilities:**"},{"id":"/root/children/229/children/0/children/0","type":"text","loc":{"start":67183,"end":67198,"line":{"s":1101,"e":1101,"code":["**Path utilities:**"]},"column":{"s":2,"e":17}},"dim":["","paragraph.229","strong.0","text.0"],"code":"Path utilities:"},{"id":"/root/children/230","type":"list","loc":{"start":67202,"end":67505,"line":{"s":1103,"e":1104,"code":["- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering).","- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point."]},"column":{"s":0,"e":121}},"dim":["","list.230"],"code":"- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering).\n- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point.","symbName":"list","symbRange":[67507,67904],"symbRangeL":[1103,1111],"outerCode":"- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point.\n\n**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes.\n\n## Traps pattern (cleanup on route leave)\n\n`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:","outerHtml":"`taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point. Conflict edge rendering: Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes.
\n\nTraps pattern (cleanup on route leave) \n\n`commands.js` provides a traps mechanism to revert side effects when a `@command` route is left:
"},{"id":"/root/children/230/children/0","type":"listItem","loc":{"start":67202,"end":67383,"line":{"s":1103,"e":1103,"code":["- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering)."]},"column":{"s":0,"e":181}},"dim":["","list.230","listItem.0"],"code":"- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering)."},{"id":"/root/children/230/children/0/children/0","type":"paragraph","loc":{"start":67204,"end":67383,"line":{"s":1103,"e":1103,"code":["- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering)."]},"column":{"s":2,"e":181}},"dim":["","list.230","listItem.0","paragraph.0"],"code":"`taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering)."},{"id":"/root/children/230/children/0/children/0/children/0","type":"inlineCode","loc":{"start":67204,"end":67258,"line":{"s":1103,"e":1103,"code":["- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering)."]},"column":{"s":2,"e":56}},"dim":["","list.230","listItem.0","paragraph.0","inlineCode.0"],"code":"`taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)`"},{"id":"/root/children/230/children/0/children/0/children/1","type":"text","loc":{"start":67258,"end":67305,"line":{"s":1103,"e":1103,"code":["- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering)."]},"column":{"s":56,"e":103}},"dim":["","list.230","listItem.0","paragraph.0","text.1"],"code":" — samples a straight line with tapered width. "},{"id":"/root/children/230/children/0/children/0/children/2","type":"inlineCode","loc":{"start":67305,"end":67320,"line":{"s":1103,"e":1103,"code":["- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering)."]},"column":{"s":103,"e":118}},"dim":["","list.230","listItem.0","paragraph.0","inlineCode.2"],"code":"`lineOnly=true`"},{"id":"/root/children/230/children/0/children/0/children/3","type":"text","loc":{"start":67320,"end":67383,"line":{"s":1103,"e":1103,"code":["- `taperedLine(x1, y1, x2, y2, w1, w2, steps, lineOnly)` — samples a straight line with tapered width. `lineOnly=true` returns an open centerline path (for dashed stroke rendering)."]},"column":{"s":118,"e":181}},"dim":["","list.230","listItem.0","paragraph.0","text.3"],"code":" returns an open centerline path (for dashed stroke rendering)."},{"id":"/root/children/230/children/1","type":"listItem","loc":{"start":67384,"end":67505,"line":{"s":1104,"e":1104,"code":["- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point."]},"column":{"s":0,"e":121}},"dim":["","list.230","listItem.1"],"code":"- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point."},{"id":"/root/children/230/children/1/children/0","type":"paragraph","loc":{"start":67386,"end":67505,"line":{"s":1104,"e":1104,"code":["- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point."]},"column":{"s":2,"e":121}},"dim":["","list.230","listItem.1","paragraph.0"],"code":"`taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point."},{"id":"/root/children/230/children/1/children/0/children/0","type":"inlineCode","loc":{"start":67386,"end":67450,"line":{"s":1104,"e":1104,"code":["- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point."]},"column":{"s":2,"e":66}},"dim":["","list.230","listItem.1","paragraph.0","inlineCode.0"],"code":"`taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)`"},{"id":"/root/children/230/children/1/children/0/children/1","type":"text","loc":{"start":67450,"end":67505,"line":{"s":1104,"e":1104,"code":["- `taperedBezier(x1, y1, cx, cy, x2, y2, w1, w2, steps, lineOnly)` — same for quadratic bezier curves with control point."]},"column":{"s":66,"e":121}},"dim":["","list.230","listItem.1","paragraph.0","text.1"],"code":" — same for quadratic bezier curves with control point."},{"id":"/root/children/231","type":"paragraph","loc":{"start":67507,"end":67759,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":0,"e":252}},"dim":["","paragraph.231"],"code":"**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."},{"id":"/root/children/231/children/0","type":"strong","loc":{"start":67507,"end":67535,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":0,"e":28}},"dim":["","paragraph.231","strong.0"],"code":"**Conflict edge rendering:**"},{"id":"/root/children/231/children/0/children/0","type":"text","loc":{"start":67509,"end":67533,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":2,"e":26}},"dim":["","paragraph.231","strong.0","text.0"],"code":"Conflict edge rendering:"},{"id":"/root/children/231/children/1","type":"text","loc":{"start":67535,"end":67546,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":28,"e":39}},"dim":["","paragraph.231","text.1"],"code":" Uses Vega "},{"id":"/root/children/231/children/2","type":"inlineCode","loc":{"start":67546,"end":67552,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":39,"e":45}},"dim":["","paragraph.231","inlineCode.2"],"code":"`path`"},{"id":"/root/children/231/children/3","type":"text","loc":{"start":67552,"end":67563,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":45,"e":56}},"dim":["","paragraph.231","text.3"],"code":" mark with "},{"id":"/root/children/231/children/4","type":"inlineCode","loc":{"start":67563,"end":67582,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":56,"e":75}},"dim":["","paragraph.231","inlineCode.4"],"code":"`stroke: \"#ff0066\"`"},{"id":"/root/children/231/children/5","type":"text","loc":{"start":67582,"end":67584,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":75,"e":77}},"dim":["","paragraph.231","text.5"],"code":", "},{"id":"/root/children/231/children/6","type":"inlineCode","loc":{"start":67584,"end":67604,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":77,"e":97}},"dim":["","paragraph.231","inlineCode.6"],"code":"`strokeDash: [3, 3]`"},{"id":"/root/children/231/children/7","type":"text","loc":{"start":67604,"end":67606,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":97,"e":99}},"dim":["","paragraph.231","text.7"],"code":", "},{"id":"/root/children/231/children/8","type":"inlineCode","loc":{"start":67606,"end":67625,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":99,"e":118}},"dim":["","paragraph.231","inlineCode.8"],"code":"`fill: transparent`"},{"id":"/root/children/231/children/9","type":"text","loc":{"start":67625,"end":67652,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":118,"e":145}},"dim":["","paragraph.231","text.9"],"code":". The path is computed via "},{"id":"/root/children/231/children/10","type":"inlineCode","loc":{"start":67652,"end":67665,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":145,"e":158}},"dim":["","paragraph.231","inlineCode.10"],"code":"`taperedLine`"},{"id":"/root/children/231/children/11","type":"text","loc":{"start":67665,"end":67669,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":158,"e":162}},"dim":["","paragraph.231","text.11"],"code":" or "},{"id":"/root/children/231/children/12","type":"inlineCode","loc":{"start":67669,"end":67684,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":162,"e":177}},"dim":["","paragraph.231","inlineCode.12"],"code":"`taperedBezier`"},{"id":"/root/children/231/children/13","type":"text","loc":{"start":67684,"end":67688,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":177,"e":181}},"dim":["","paragraph.231","text.13"],"code":" in "},{"id":"/root/children/231/children/14","type":"inlineCode","loc":{"start":67688,"end":67698,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":181,"e":191}},"dim":["","paragraph.231","inlineCode.14"],"code":"`lineOnly`"},{"id":"/root/children/231/children/15","type":"text","loc":{"start":67698,"end":67759,"line":{"s":1106,"e":1106,"code":["**Conflict edge rendering:** Uses Vega `path` mark with `stroke: \"#ff0066\"`, `strokeDash: [3, 3]`, `fill: transparent`. The path is computed via `taperedLine` or `taperedBezier` in `lineOnly` mode — producing a centerline that Vega strokes with dashes."]},"column":{"s":191,"e":252}},"dim":["","paragraph.231","text.15"],"code":" mode — producing a centerline that Vega strokes with dashes."},{"id":"/root/children/232","type":"heading","loc":{"start":67761,"end":67802,"line":{"s":1108,"e":1108,"code":["## Traps pattern (cleanup on route leave)"]},"column":{"s":0,"e":41}},"dim":["","heading.232"],"code":"## Traps pattern (cleanup on route leave)","symbName":"heading","symbRange":[67804,70510],"symbRangeL":[1108,1133],"outerCode":"\n`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:\n\n- `getCommandHandler()` creates a `traps = []` array per invocation\n- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`\n- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`\n- On route change, `cleanup()` iterates through all traps and calls each one `await`\n- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`\n\n**Current trap users:**\n\n| File | Line | Trap |\n| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |\n| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |\n| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |\n| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |\n| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |\n| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |\n\n**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages.\n\n**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore.","outerHtml":"\n`commands.js` provides a traps mechanism to revert side effects when a `@command` route is left:
\n\n`getCommandHandler()` creates a `traps = []` array per invocation Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)` Handlers push cleanup functions: `traps.push(() => restoreOriginalState())` On route change, `cleanup()` iterates through all traps and calls each one `await` The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }` Current trap users:
\n\n| File | Line | Trap |\n| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |\n| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |\n| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/ TODO traps signalId /}` — placeholder |\n| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |\n| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |\n| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |
\n\nWhen to use: Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages.
\n\nCaveat — don't capture inline style to restore: The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. Always restore to `\"\"` (remove inline style → CSS cascade takes over), never capture `style.*` for later restore.
"},{"id":"/root/children/232/children/0","type":"text","loc":{"start":67764,"end":67802,"line":{"s":1108,"e":1108,"code":["## Traps pattern (cleanup on route leave)"]},"column":{"s":3,"e":41}},"dim":["","heading.232","text.0"],"code":"Traps pattern (cleanup on route leave)"},{"id":"/root/children/233","type":"paragraph","loc":{"start":67804,"end":67904,"line":{"s":1110,"e":1110,"code":["`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:"]},"column":{"s":0,"e":100}},"dim":["","paragraph.233"],"code":"`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:"},{"id":"/root/children/233/children/0","type":"inlineCode","loc":{"start":67804,"end":67817,"line":{"s":1110,"e":1110,"code":["`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:"]},"column":{"s":0,"e":13}},"dim":["","paragraph.233","inlineCode.0"],"code":"`commands.js`"},{"id":"/root/children/233/children/1","type":"text","loc":{"start":67817,"end":67829,"line":{"s":1110,"e":1110,"code":["`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:"]},"column":{"s":13,"e":25}},"dim":["","paragraph.233","text.1"],"code":" provides a "},{"id":"/root/children/233/children/2","type":"strong","loc":{"start":67829,"end":67838,"line":{"s":1110,"e":1110,"code":["`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:"]},"column":{"s":25,"e":34}},"dim":["","paragraph.233","strong.2"],"code":"**traps**"},{"id":"/root/children/233/children/2/children/0","type":"text","loc":{"start":67831,"end":67836,"line":{"s":1110,"e":1110,"code":["`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:"]},"column":{"s":27,"e":32}},"dim":["","paragraph.233","strong.2","text.0"],"code":"traps"},{"id":"/root/children/233/children/3","type":"text","loc":{"start":67838,"end":67879,"line":{"s":1110,"e":1110,"code":["`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:"]},"column":{"s":34,"e":75}},"dim":["","paragraph.233","text.3"],"code":" mechanism to revert side effects when a "},{"id":"/root/children/233/children/4","type":"inlineCode","loc":{"start":67879,"end":67889,"line":{"s":1110,"e":1110,"code":["`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:"]},"column":{"s":75,"e":85}},"dim":["","paragraph.233","inlineCode.4"],"code":"`@command`"},{"id":"/root/children/233/children/5","type":"text","loc":{"start":67889,"end":67904,"line":{"s":1110,"e":1110,"code":["`commands.js` provides a **traps** mechanism to revert side effects when a `@command` route is left:"]},"column":{"s":85,"e":100}},"dim":["","paragraph.233","text.5"],"code":" route is left:"},{"id":"/root/children/234","type":"list","loc":{"start":67906,"end":68305,"line":{"s":1112,"e":1116,"code":["- `getCommandHandler()` creates a `traps = []` array per invocation","- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`","- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`","- On route change, `cleanup()` iterates through all traps and calls each one `await`","- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`"]},"column":{"s":0,"e":69}},"dim":["","list.234"],"code":"- `getCommandHandler()` creates a `traps = []` array per invocation\n- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`\n- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`\n- On route change, `cleanup()` iterates through all traps and calls each one `await`\n- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`","symbName":"list","symbRange":[68307,70554],"symbRangeL":[1112,1135],"outerCode":"- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`\n- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`\n- On route change, `cleanup()` iterates through all traps and calls each one `await`\n- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`\n\n**Current trap users:**\n\n| File | Line | Trap |\n| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |\n| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |\n| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |\n| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |\n| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |\n| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |\n\n**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages.\n\n**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore.\n\n## cmdVotingCampaign.js — link persistence","outerHtml":"Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)` Handlers push cleanup functions: `traps.push(() => restoreOriginalState())` On route change, `cleanup()` iterates through all traps and calls each one `await` The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }` Current trap users:
\n\n| File | Line | Trap |\n| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |\n| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |\n| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/ TODO traps signalId /}` — placeholder |\n| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |\n| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |\n| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |
\n\nWhen to use: Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages.
\n\nCaveat — don't capture inline style to restore: The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. Always restore to `\"\"` (remove inline style → CSS cascade takes over), never capture `style.*` for later restore.
\n\ncmdVotingCampaign.js — link persistence "},{"id":"/root/children/234/children/0","type":"listItem","loc":{"start":67906,"end":67973,"line":{"s":1112,"e":1112,"code":["- `getCommandHandler()` creates a `traps = []` array per invocation"]},"column":{"s":0,"e":67}},"dim":["","list.234","listItem.0"],"code":"- `getCommandHandler()` creates a `traps = []` array per invocation"},{"id":"/root/children/234/children/0/children/0","type":"paragraph","loc":{"start":67908,"end":67973,"line":{"s":1112,"e":1112,"code":["- `getCommandHandler()` creates a `traps = []` array per invocation"]},"column":{"s":2,"e":67}},"dim":["","list.234","listItem.0","paragraph.0"],"code":"`getCommandHandler()` creates a `traps = []` array per invocation"},{"id":"/root/children/234/children/0/children/0/children/0","type":"inlineCode","loc":{"start":67908,"end":67929,"line":{"s":1112,"e":1112,"code":["- `getCommandHandler()` creates a `traps = []` array per invocation"]},"column":{"s":2,"e":23}},"dim":["","list.234","listItem.0","paragraph.0","inlineCode.0"],"code":"`getCommandHandler()`"},{"id":"/root/children/234/children/0/children/0/children/1","type":"text","loc":{"start":67929,"end":67940,"line":{"s":1112,"e":1112,"code":["- `getCommandHandler()` creates a `traps = []` array per invocation"]},"column":{"s":23,"e":34}},"dim":["","list.234","listItem.0","paragraph.0","text.1"],"code":" creates a "},{"id":"/root/children/234/children/0/children/0/children/2","type":"inlineCode","loc":{"start":67940,"end":67952,"line":{"s":1112,"e":1112,"code":["- `getCommandHandler()` creates a `traps = []` array per invocation"]},"column":{"s":34,"e":46}},"dim":["","list.234","listItem.0","paragraph.0","inlineCode.2"],"code":"`traps = []`"},{"id":"/root/children/234/children/0/children/0/children/3","type":"text","loc":{"start":67952,"end":67973,"line":{"s":1112,"e":1112,"code":["- `getCommandHandler()` creates a `traps = []` array per invocation"]},"column":{"s":46,"e":67}},"dim":["","list.234","listItem.0","paragraph.0","text.3"],"code":" array per invocation"},{"id":"/root/children/234/children/1","type":"listItem","loc":{"start":67974,"end":68072,"line":{"s":1113,"e":1113,"code":["- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`"]},"column":{"s":0,"e":98}},"dim":["","list.234","listItem.1"],"code":"- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`"},{"id":"/root/children/234/children/1/children/0","type":"paragraph","loc":{"start":67976,"end":68072,"line":{"s":1113,"e":1113,"code":["- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`"]},"column":{"s":2,"e":98}},"dim":["","list.234","listItem.1","paragraph.0"],"code":"Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`"},{"id":"/root/children/234/children/1/children/0/children/0","type":"text","loc":{"start":67976,"end":68027,"line":{"s":1113,"e":1113,"code":["- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`"]},"column":{"s":2,"e":53}},"dim":["","list.234","listItem.1","paragraph.0","text.0"],"code":"Each command handler receives it as the 4th param: "},{"id":"/root/children/234/children/1/children/0/children/1","type":"inlineCode","loc":{"start":68027,"end":68072,"line":{"s":1113,"e":1113,"code":["- Each command handler receives it as the 4th param: `function cmdFoo(command, api, PROXY, traps)`"]},"column":{"s":53,"e":98}},"dim":["","list.234","listItem.1","paragraph.0","inlineCode.1"],"code":"`function cmdFoo(command, api, PROXY, traps)`"},{"id":"/root/children/234/children/2","type":"listItem","loc":{"start":68073,"end":68150,"line":{"s":1114,"e":1114,"code":["- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`"]},"column":{"s":0,"e":77}},"dim":["","list.234","listItem.2"],"code":"- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`"},{"id":"/root/children/234/children/2/children/0","type":"paragraph","loc":{"start":68075,"end":68150,"line":{"s":1114,"e":1114,"code":["- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`"]},"column":{"s":2,"e":77}},"dim":["","list.234","listItem.2","paragraph.0"],"code":"Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`"},{"id":"/root/children/234/children/2/children/0/children/0","type":"text","loc":{"start":68075,"end":68108,"line":{"s":1114,"e":1114,"code":["- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`"]},"column":{"s":2,"e":35}},"dim":["","list.234","listItem.2","paragraph.0","text.0"],"code":"Handlers push cleanup functions: "},{"id":"/root/children/234/children/2/children/0/children/1","type":"inlineCode","loc":{"start":68108,"end":68150,"line":{"s":1114,"e":1114,"code":["- Handlers push cleanup functions: `traps.push(() => restoreOriginalState())`"]},"column":{"s":35,"e":77}},"dim":["","list.234","listItem.2","paragraph.0","inlineCode.1"],"code":"`traps.push(() => restoreOriginalState())`"},{"id":"/root/children/234/children/3","type":"listItem","loc":{"start":68151,"end":68235,"line":{"s":1115,"e":1115,"code":["- On route change, `cleanup()` iterates through all traps and calls each one `await`"]},"column":{"s":0,"e":84}},"dim":["","list.234","listItem.3"],"code":"- On route change, `cleanup()` iterates through all traps and calls each one `await`"},{"id":"/root/children/234/children/3/children/0","type":"paragraph","loc":{"start":68153,"end":68235,"line":{"s":1115,"e":1115,"code":["- On route change, `cleanup()` iterates through all traps and calls each one `await`"]},"column":{"s":2,"e":84}},"dim":["","list.234","listItem.3","paragraph.0"],"code":"On route change, `cleanup()` iterates through all traps and calls each one `await`"},{"id":"/root/children/234/children/3/children/0/children/0","type":"text","loc":{"start":68153,"end":68170,"line":{"s":1115,"e":1115,"code":["- On route change, `cleanup()` iterates through all traps and calls each one `await`"]},"column":{"s":2,"e":19}},"dim":["","list.234","listItem.3","paragraph.0","text.0"],"code":"On route change, "},{"id":"/root/children/234/children/3/children/0/children/1","type":"inlineCode","loc":{"start":68170,"end":68181,"line":{"s":1115,"e":1115,"code":["- On route change, `cleanup()` iterates through all traps and calls each one `await`"]},"column":{"s":19,"e":30}},"dim":["","list.234","listItem.3","paragraph.0","inlineCode.1"],"code":"`cleanup()`"},{"id":"/root/children/234/children/3/children/0/children/2","type":"text","loc":{"start":68181,"end":68228,"line":{"s":1115,"e":1115,"code":["- On route change, `cleanup()` iterates through all traps and calls each one `await`"]},"column":{"s":30,"e":77}},"dim":["","list.234","listItem.3","paragraph.0","text.2"],"code":" iterates through all traps and calls each one "},{"id":"/root/children/234/children/3/children/0/children/3","type":"inlineCode","loc":{"start":68228,"end":68235,"line":{"s":1115,"e":1115,"code":["- On route change, `cleanup()` iterates through all traps and calls each one `await`"]},"column":{"s":77,"e":84}},"dim":["","list.234","listItem.3","paragraph.0","inlineCode.3"],"code":"`await`"},{"id":"/root/children/234/children/4","type":"listItem","loc":{"start":68236,"end":68305,"line":{"s":1116,"e":1116,"code":["- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`"]},"column":{"s":0,"e":69}},"dim":["","list.234","listItem.4"],"code":"- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`"},{"id":"/root/children/234/children/4/children/0","type":"paragraph","loc":{"start":68238,"end":68305,"line":{"s":1116,"e":1116,"code":["- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`"]},"column":{"s":2,"e":69}},"dim":["","list.234","listItem.4","paragraph.0"],"code":"The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`"},{"id":"/root/children/234/children/4/children/0/children/0","type":"text","loc":{"start":68238,"end":68265,"line":{"s":1116,"e":1116,"code":["- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`"]},"column":{"s":2,"e":29}},"dim":["","list.234","listItem.4","paragraph.0","text.0"],"code":"The returned object shape: "},{"id":"/root/children/234/children/4/children/0/children/1","type":"inlineCode","loc":{"start":68265,"end":68305,"line":{"s":1116,"e":1116,"code":["- The returned object shape: `{ handler: asyncFn, cleanup: asyncFn }`"]},"column":{"s":29,"e":69}},"dim":["","list.234","listItem.4","paragraph.0","inlineCode.1"],"code":"`{ handler: asyncFn, cleanup: asyncFn }`"},{"id":"/root/children/235","type":"paragraph","loc":{"start":68307,"end":68330,"line":{"s":1118,"e":1118,"code":["**Current trap users:**"]},"column":{"s":0,"e":23}},"dim":["","paragraph.235"],"code":"**Current trap users:**"},{"id":"/root/children/235/children/0","type":"strong","loc":{"start":68307,"end":68330,"line":{"s":1118,"e":1118,"code":["**Current trap users:**"]},"column":{"s":0,"e":23}},"dim":["","paragraph.235","strong.0"],"code":"**Current trap users:**"},{"id":"/root/children/235/children/0/children/0","type":"text","loc":{"start":68309,"end":68328,"line":{"s":1118,"e":1118,"code":["**Current trap users:**"]},"column":{"s":2,"e":21}},"dim":["","paragraph.235","strong.0","text.0"],"code":"Current trap users:"},{"id":"/root/children/236","type":"paragraph","loc":{"start":68332,"end":69771,"line":{"s":1120,"e":1128,"code":["| File | Line | Trap |","| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |","| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |","| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |","| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |","| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |","| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |","| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |","| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |"]},"column":{"s":0,"e":159}},"dim":["","paragraph.236"],"code":"| File | Line | Trap |\n| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |\n| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |\n| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |\n| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |\n| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |\n| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |\n| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |"},{"id":"/root/children/236/children/0","type":"text","loc":{"start":68332,"end":68654,"line":{"s":1120,"e":1122,"code":["| File | Line | Trap |","| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |","| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |"]},"column":{"s":0,"e":2}},"dim":["","paragraph.236","text.0"],"code":"| File | Line | Trap |\n| ----------------------------------- | ---- | -------------------------------------------------------------------------------------------------------------- |\n| "},{"id":"/root/children/236/children/1","type":"inlineCode","loc":{"start":68654,"end":68685,"line":{"s":1122,"e":1122,"code":["| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |"]},"column":{"s":2,"e":33}},"dim":["","paragraph.236","inlineCode.1"],"code":"`commands/cmdVotingCampaign.js`"},{"id":"/root/children/236/children/2","type":"text","loc":{"start":68685,"end":68699,"line":{"s":1122,"e":1122,"code":["| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |"]},"column":{"s":33,"e":47}},"dim":["","paragraph.236","text.2"],"code":" | 388 | "},{"id":"/root/children/236/children/3","type":"inlineCode","loc":{"start":68699,"end":68729,"line":{"s":1122,"e":1122,"code":["| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |"]},"column":{"s":47,"e":77}},"dim":["","paragraph.236","inlineCode.3"],"code":"`() => (lastVega = undefined)`"},{"id":"/root/children/236/children/4","type":"text","loc":{"start":68729,"end":68814,"line":{"s":1122,"e":1123,"code":["| `commands/cmdVotingCampaign.js` | 388 | `() => (lastVega = undefined)` — clears cached Vega spec |","| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |"]},"column":{"s":77,"e":2}},"dim":["","paragraph.236","text.4"],"code":" — clears cached Vega spec |\n| "},{"id":"/root/children/236/children/5","type":"inlineCode","loc":{"start":68814,"end":68836,"line":{"s":1123,"e":1123,"code":["| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |"]},"column":{"s":2,"e":24}},"dim":["","paragraph.236","inlineCode.5"],"code":"`commands/cmdScene.js`"},{"id":"/root/children/236/children/6","type":"text","loc":{"start":68836,"end":68859,"line":{"s":1123,"e":1123,"code":["| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |"]},"column":{"s":24,"e":47}},"dim":["","paragraph.236","text.6"],"code":" | 24 | "},{"id":"/root/children/236/children/7","type":"inlineCode","loc":{"start":68859,"end":68890,"line":{"s":1123,"e":1123,"code":["| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |"]},"column":{"s":47,"e":78}},"dim":["","paragraph.236","inlineCode.7"],"code":"`() => clearInterval(signalId)`"},{"id":"/root/children/236/children/8","type":"text","loc":{"start":68890,"end":68974,"line":{"s":1123,"e":1124,"code":["| `commands/cmdScene.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |","| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |"]},"column":{"s":78,"e":2}},"dim":["","paragraph.236","text.8"],"code":" — stops interval timer |\n| "},{"id":"/root/children/236/children/9","type":"inlineCode","loc":{"start":68974,"end":68997,"line":{"s":1124,"e":1124,"code":["| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |"]},"column":{"s":2,"e":25}},"dim":["","paragraph.236","inlineCode.9"],"code":"`commands/cmdAlpine.js`"},{"id":"/root/children/236/children/10","type":"text","loc":{"start":68997,"end":69019,"line":{"s":1124,"e":1124,"code":["| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |"]},"column":{"s":25,"e":47}},"dim":["","paragraph.236","text.10"],"code":" | 24 | "},{"id":"/root/children/236/children/11","type":"inlineCode","loc":{"start":69019,"end":69050,"line":{"s":1124,"e":1124,"code":["| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |"]},"column":{"s":47,"e":78}},"dim":["","paragraph.236","inlineCode.11"],"code":"`() => clearInterval(signalId)`"},{"id":"/root/children/236/children/12","type":"text","loc":{"start":69050,"end":69134,"line":{"s":1124,"e":1125,"code":["| `commands/cmdAlpine.js` | 24 | `() => clearInterval(signalId)` — stops interval timer |","| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |"]},"column":{"s":78,"e":2}},"dim":["","paragraph.236","text.12"],"code":" — stops interval timer |\n| "},{"id":"/root/children/236/children/13","type":"inlineCode","loc":{"start":69134,"end":69155,"line":{"s":1125,"e":1125,"code":["| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |"]},"column":{"s":2,"e":23}},"dim":["","paragraph.236","inlineCode.13"],"code":"`commands/cmdDemo.js`"},{"id":"/root/children/236/children/14","type":"text","loc":{"start":69155,"end":69179,"line":{"s":1125,"e":1125,"code":["| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |"]},"column":{"s":23,"e":47}},"dim":["","paragraph.236","text.14"],"code":" (commands.js) | 81 | "},{"id":"/root/children/236/children/15","type":"inlineCode","loc":{"start":69179,"end":69214,"line":{"s":1125,"e":1125,"code":["| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |"]},"column":{"s":47,"e":82}},"dim":["","paragraph.236","inlineCode.15"],"code":"`() => {/* TODO traps signalId */}`"},{"id":"/root/children/236/children/16","type":"text","loc":{"start":69214,"end":69294,"line":{"s":1125,"e":1126,"code":["| `commands/cmdDemo.js` (commands.js) | 81 | `() => {/* TODO traps signalId */}` — placeholder |","| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |"]},"column":{"s":82,"e":2}},"dim":["","paragraph.236","text.16"],"code":" — placeholder |\n| "},{"id":"/root/children/236/children/17","type":"inlineCode","loc":{"start":69294,"end":69319,"line":{"s":1126,"e":1126,"code":["| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |"]},"column":{"s":2,"e":27}},"dim":["","paragraph.236","inlineCode.17"],"code":"`player/player-tweaks.js`"},{"id":"/root/children/236/children/18","type":"text","loc":{"start":69319,"end":69339,"line":{"s":1126,"e":1126,"code":["| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |"]},"column":{"s":27,"e":47}},"dim":["","paragraph.236","text.18"],"code":" | 372 | "},{"id":"/root/children/236/children/19","type":"inlineCode","loc":{"start":69339,"end":69365,"line":{"s":1126,"e":1126,"code":["| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |"]},"column":{"s":47,"e":73}},"dim":["","paragraph.236","inlineCode.19"],"code":"`observeVisibleElements()`"},{"id":"/root/children/236/children/20","type":"text","loc":{"start":69365,"end":69374,"line":{"s":1126,"e":1126,"code":["| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |"]},"column":{"s":73,"e":82}},"dim":["","paragraph.236","text.20"],"code":" returns "},{"id":"/root/children/236/children/21","type":"inlineCode","loc":{"start":69374,"end":69393,"line":{"s":1126,"e":1126,"code":["| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |"]},"column":{"s":82,"e":101}},"dim":["","paragraph.236","inlineCode.21"],"code":"`{traps, observer}`"},{"id":"/root/children/236/children/22","type":"text","loc":{"start":69393,"end":69411,"line":{"s":1126,"e":1126,"code":["| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |"]},"column":{"s":101,"e":119}},"dim":["","paragraph.236","text.22"],"code":"; each trap calls "},{"id":"/root/children/236/children/23","type":"inlineCode","loc":{"start":69411,"end":69435,"line":{"s":1126,"e":1126,"code":["| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |"]},"column":{"s":119,"e":143}},"dim":["","paragraph.236","inlineCode.23"],"code":"`observer.unobserve(el)`"},{"id":"/root/children/236/children/24","type":"text","loc":{"start":69435,"end":69454,"line":{"s":1126,"e":1127,"code":["| `player/player-tweaks.js` | 372 | `observeVisibleElements()` returns `{traps, observer}`; each trap calls `observer.unobserve(el)` |","| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |"]},"column":{"s":143,"e":2}},"dim":["","paragraph.236","text.24"],"code":" |\n| "},{"id":"/root/children/236/children/25","type":"inlineCode","loc":{"start":69454,"end":69478,"line":{"s":1127,"e":1127,"code":["| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |"]},"column":{"s":2,"e":26}},"dim":["","paragraph.236","inlineCode.25"],"code":"`player/player-utils.js`"},{"id":"/root/children/236/children/26","type":"text","loc":{"start":69478,"end":69514,"line":{"s":1127,"e":1127,"code":["| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |"]},"column":{"s":26,"e":62}},"dim":["","paragraph.236","text.26"],"code":" | 56 | Same pattern — "},{"id":"/root/children/236/children/27","type":"inlineCode","loc":{"start":69514,"end":69538,"line":{"s":1127,"e":1127,"code":["| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |"]},"column":{"s":62,"e":86}},"dim":["","paragraph.236","inlineCode.27"],"code":"`observeVisibleElements`"},{"id":"/root/children/236/children/28","type":"text","loc":{"start":69538,"end":69614,"line":{"s":1127,"e":1128,"code":["| `player/player-utils.js` | 56 | Same pattern — `observeVisibleElements` pushes unobserve traps |","| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |"]},"column":{"s":86,"e":2}},"dim":["","paragraph.236","text.28"],"code":" pushes unobserve traps |\n| "},{"id":"/root/children/236/children/29","type":"inlineCode","loc":{"start":69614,"end":69630,"line":{"s":1128,"e":1128,"code":["| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |"]},"column":{"s":2,"e":18}},"dim":["","paragraph.236","inlineCode.29"],"code":"`ui-touchbar.js`"},{"id":"/root/children/236/children/30","type":"text","loc":{"start":69630,"end":69771,"line":{"s":1128,"e":1128,"code":["| `ui-touchbar.js` | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |"]},"column":{"s":18,"e":159}},"dim":["","paragraph.236","text.30"],"code":" | 598 | Pushes cleanup for touchpad init; also has its own separate traps array (line 4) with cleanup at lines 926-927 |"},{"id":"/root/children/237","type":"paragraph","loc":{"start":69773,"end":70018,"line":{"s":1130,"e":1130,"code":["**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages."]},"column":{"s":0,"e":245}},"dim":["","paragraph.237"],"code":"**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages."},{"id":"/root/children/237/children/0","type":"strong","loc":{"start":69773,"end":69789,"line":{"s":1130,"e":1130,"code":["**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages."]},"column":{"s":0,"e":16}},"dim":["","paragraph.237","strong.0"],"code":"**When to use:**"},{"id":"/root/children/237/children/0/children/0","type":"text","loc":{"start":69775,"end":69787,"line":{"s":1130,"e":1130,"code":["**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages."]},"column":{"s":2,"e":14}},"dim":["","paragraph.237","strong.0","text.0"],"code":"When to use:"},{"id":"/root/children/237/children/1","type":"text","loc":{"start":69789,"end":69943,"line":{"s":1130,"e":1130,"code":["**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages."]},"column":{"s":16,"e":170}},"dim":["","paragraph.237","text.1"],"code":" Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a "},{"id":"/root/children/237/children/2","type":"inlineCode","loc":{"start":69943,"end":69953,"line":{"s":1130,"e":1130,"code":["**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages."]},"column":{"s":170,"e":180}},"dim":["","paragraph.237","inlineCode.2"],"code":"`@command`"},{"id":"/root/children/237/children/3","type":"text","loc":{"start":69953,"end":70018,"line":{"s":1130,"e":1130,"code":["**When to use:** Any DOM mutation (overflow, classList, style, event listener) or timer (interval, timeout) that should be cleaned up when the user navigates away from a `@command` route. This prevents stale side effects persisting across pages."]},"column":{"s":180,"e":245}},"dim":["","paragraph.237","text.3"],"code":" route. This prevents stale side effects persisting across pages."},{"id":"/root/children/238","type":"paragraph","loc":{"start":70020,"end":70510,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":0,"e":490}},"dim":["","paragraph.238"],"code":"**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."},{"id":"/root/children/238/children/0","type":"strong","loc":{"start":70020,"end":70071,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":0,"e":51}},"dim":["","paragraph.238","strong.0"],"code":"**Caveat — don't capture inline style to restore:**"},{"id":"/root/children/238/children/0/children/0","type":"text","loc":{"start":70022,"end":70069,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":2,"e":49}},"dim":["","paragraph.238","strong.0","text.0"],"code":"Caveat — don't capture inline style to restore:"},{"id":"/root/children/238/children/1","type":"text","loc":{"start":70071,"end":70085,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":51,"e":65}},"dim":["","paragraph.238","text.1"],"code":" The handler ("},{"id":"/root/children/238/children/2","type":"inlineCode","loc":{"start":70085,"end":70102,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":65,"e":82}},"dim":["","paragraph.238","inlineCode.2"],"code":"`reloadDashboard`"},{"id":"/root/children/238/children/3","type":"text","loc":{"start":70102,"end":70189,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":82,"e":169}},"dim":["","paragraph.238","text.3"],"code":") can be called multiple times (initial load + MQ paper-reload events). If you capture "},{"id":"/root/children/238/children/4","type":"inlineCode","loc":{"start":70189,"end":70212,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":169,"e":192}},"dim":["","paragraph.238","inlineCode.4"],"code":"`ePaper.style.overflow`"},{"id":"/root/children/238/children/5","type":"text","loc":{"start":70212,"end":70289,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":192,"e":269}},"dim":["","paragraph.238","text.5"],"code":" on entry and restore it in the trap, a SECOND call will see the overflow as "},{"id":"/root/children/238/children/6","type":"inlineCode","loc":{"start":70289,"end":70299,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":269,"e":279}},"dim":["","paragraph.238","inlineCode.6"],"code":"`\"hidden\"`"},{"id":"/root/children/238/children/7","type":"text","loc":{"start":70299,"end":70357,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":279,"e":337}},"dim":["","paragraph.238","text.7"],"code":" (set by the first call) and push a trap that restores to "},{"id":"/root/children/238/children/8","type":"inlineCode","loc":{"start":70357,"end":70367,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":337,"e":347}},"dim":["","paragraph.238","inlineCode.8"],"code":"`\"hidden\"`"},{"id":"/root/children/238/children/9","type":"text","loc":{"start":70367,"end":70393,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":347,"e":373}},"dim":["","paragraph.238","text.9"],"code":" — defeating the cleanup. "},{"id":"/root/children/238/children/10","type":"strong","loc":{"start":70393,"end":70419,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":373,"e":399}},"dim":["","paragraph.238","strong.10"],"code":"**Always restore to `\"\"`**"},{"id":"/root/children/238/children/10/children/0","type":"text","loc":{"start":70395,"end":70413,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":375,"e":393}},"dim":["","paragraph.238","strong.10","text.0"],"code":"Always restore to "},{"id":"/root/children/238/children/10/children/1","type":"inlineCode","loc":{"start":70413,"end":70417,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":393,"e":397}},"dim":["","paragraph.238","strong.10","inlineCode.1"],"code":"`\"\"`"},{"id":"/root/children/238/children/11","type":"text","loc":{"start":70419,"end":70482,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":399,"e":462}},"dim":["","paragraph.238","text.11"],"code":" (remove inline style → CSS cascade takes over), never capture "},{"id":"/root/children/238/children/12","type":"inlineCode","loc":{"start":70482,"end":70491,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":462,"e":471}},"dim":["","paragraph.238","inlineCode.12"],"code":"`style.*`"},{"id":"/root/children/238/children/13","type":"text","loc":{"start":70491,"end":70510,"line":{"s":1132,"e":1132,"code":["**Caveat — don't capture inline style to restore:** The handler (`reloadDashboard`) can be called multiple times (initial load + MQ paper-reload events). If you capture `ePaper.style.overflow` on entry and restore it in the trap, a SECOND call will see the overflow as `\"hidden\"` (set by the first call) and push a trap that restores to `\"hidden\"` — defeating the cleanup. **Always restore to `\"\"`** (remove inline style → CSS cascade takes over), never capture `style.*` for later restore."]},"column":{"s":471,"e":490}},"dim":["","paragraph.238","text.13"],"code":" for later restore."},{"id":"/root/children/239","type":"heading","loc":{"start":70512,"end":70554,"line":{"s":1134,"e":1134,"code":["## cmdVotingCampaign.js — link persistence"]},"column":{"s":0,"e":42}},"dim":["","heading.239"],"code":"## cmdVotingCampaign.js — link persistence","symbName":"heading","symbRange":[70556,null],"symbRangeL":[1134,1135],"outerCode":"","outerHtml":""},{"id":"/root/children/239/children/0","type":"text","loc":{"start":70515,"end":70554,"line":{"s":1134,"e":1134,"code":["## cmdVotingCampaign.js — link persistence"]},"column":{"s":3,"e":42}},"dim":["","heading.239","text.0"],"code":"cmdVotingCampaign.js — link persistence"},{"id":"/root/children/240","type":"list","loc":{"start":70556,"end":70981,"line":{"s":1136,"e":1139,"code":["- `vegaLinks` array holds user-defined links between tasks","- `loadVegaLinks()` / `saveVegaLinks()` sync to OuchDB doc `{repoName}/campaign/{campaignId}`","- **Link added** in `replantRef` handler: pushes to `vegaLinks`, calls `saveVegaLinks()`, then `echoOut({ link, ... }, true)`","- **Link removed** in `clickedLink` signal listener: splices from `vegaLinks`, calls `saveVegaLinks()`, then `echoOut({ removedLink, ... }, true)`"]},"column":{"s":0,"e":146}},"dim":["","list.240"],"code":"- `vegaLinks` array holds user-defined links between tasks\n- `loadVegaLinks()` / `saveVegaLinks()` sync to OuchDB doc `{repoName}/campaign/{campaignId}`\n- **Link added** in `replantRef` handler: pushes to `vegaLinks`, calls `saveVegaLinks()`, then `echoOut({ link, ... }, true)`\n- **Link removed** in `clickedLink` signal listener: splices from `vegaLinks`, calls `saveVegaLinks()`, then `echoOut({ removedLink, ... }, true)`","symbName":"list","symbRange":[null,null],"symbRangeL":[1136,1139],"outerCode":"- `loadVegaLinks()` / `saveVegaLinks()` sync to OuchDB doc `{repoName}/campaign/{campaignId}`\n- **Link added** in `replantRef` handler: pushes to `vegaLinks`, calls `saveVegaLinks()`, then `echoOut({ link, ... }, true)`","outerHtml":"`loadVegaLinks()` / `saveVegaLinks()` sync to OuchDB doc `{repoName}/campaign/{campaignId}` Link added in `replantRef` handler: pushes to `vegaLinks`, calls `saveVegaLinks()`, then `echoOut({ link, ... }, true)`