@lamemind/loom-deck 0.31.0 → 0.33.0

package/dist/cli.js

@@ -15,10 +15,12 @@ import { buildRows, firstRowKey, moveRowSelection, rowIndexOfKey, searchSessions
 import { appendNote, appendPin, appendSessionRecord, appendTaskBinding, loadSessionIndex, } from './task-index.js';
 import { assembleSessionList, firstSelectableId, moveSelection, neighborId, rowIndexOf, rowLabel, selectedSession, sessionTitle, stripProjectCore, unpinLandingId, } from './session-list.js';
 import { cellWidth, launchLegend, loadArchivableDays, loadIdentity, loadLaunch, } from './config.js';
-import { countArchivable, SCAN_INTERVAL_MS } from './archivable.js';
+import { archivableIds, SCAN_INTERVAL_MS } from './archivable.js';
+import { cycleSessionView, cycleTaskView, selectSessionRows, selectTasks, sessionView, taskView, SESSION_VIEWS, TASK_VIEWS, } from './pane-views.js';
 import { assignListCapacity, detailCapacity, isCompact, layoutBudget, readerCapacity, searchListCapacity, searchPreviewCapacity, windowRange, } from './viewport.js';
 import { caretWindow, cut, cutParts, pad, sanitize, termWidth, wrapLines, wrapWithOffsets, } from './width.js';
 import { scanText, sliceLine, topForOffset, } from './text-search.js';
+import { parseMarkdown, sliceSpans, } from './markdown.js';
 import { applyView, cycleSort, describeSort, priName, progName, toggleHidden, PRI_ENTRIES, PROG_ENTRIES, } from './view.js';
 import { initialDetail, progressText, writeTaskEdit, PRI_GLYPH, PRI_LABEL, PROG_GLYPH, } from './task-edit.js';
 import { loadView, saveView, viewFilePath } from './view-store.js';
@@ -469,22 +471,26 @@ function useSessions(projectRoot) {
 // `doneSig` è una stringa, non l'array: `tasks` cambia identità a ogni re-read
 // di tasks.md, e usarlo come dipendenza rimetterebbe lo scan sul tick da 1,5s
 // per la via di dietro.
+//
+// T100 — tiene gli ID e non più il conteggio: `archiviabili` è una vista del
+// pane, quindi servono le righe. Il contatore dell'header è `.size` dello stesso
+// insieme che disegna la lista — un numero e una lista che non possono divergere.
 function useArchivable(doneSig, tasksDir, projectRoot, days) {
-    const [count, setCount] = useState(0);
+    const [ids, setIds] = useState(() => new Set());
     useEffect(() => {
         let alive = true;
-        const ids = doneSig ? doneSig.split(',') : [];
+        const done = doneSig ? doneSig.split(',') : [];
         const scan = () => {
-            countArchivable(ids, { tasksDir, projectRoot, days })
-                .then((n) => {
+            archivableIds(done, { tasksDir, projectRoot, days })
+                .then((found) => {
                 if (alive)
-                    setCount(n);
+                    setIds(new Set(found));
             })
-                // Scan fallito (task file illeggibili, git muto) → 0, cioè segmento
-                // omesso. Un contatore informativo non merita un errore a schermo.
+                // Scan fallito (task file illeggibili, git muto) → insieme vuoto, cioè
+                // voce a 0. Un contatore informativo non merita un errore a schermo.
                 .catch(() => {
                 if (alive)
-                    setCount(0);
+                    setIds(new Set());
             });
         };
         scan();
@@ -494,7 +500,7 @@ function useArchivable(doneSig, tasksDir, projectRoot, days) {
             clearInterval(id);
         };
     }, [doneSig, tasksDir, projectRoot, days]);
-    return count;
+    return ids;
 }
 // Legge il task file della task selezionata (Q1+B T20). On-id-change: navigare
 // con ↑↓ ricarica il dettaglio; leggere un singolo file 4-9KB è I/O triviale,
@@ -622,6 +628,13 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     // modale: la lista si aggiorna dal vivo, quindi `esc` deve poter ripristinare.
     const [view, setView] = useState(() => loadView(cwd));
     const [viewBackup, setViewBackup] = useState(null);
+    // T100 — vista attiva di ciascun pane, navigata con ←/→. VOLATILE per
+    // decisione (D3 create): non entra in `deck-view.json`, il deck riapre sempre
+    // su `Tasks` e su `{parent}`. Il criterio è il rischio di leggere una lista
+    // parziale credendola completa — un filtro salvato lo si è scelto, una vista
+    // riaperta a freddo si legge come la lista intera.
+    const [taskViewId, setTaskViewId] = useState('tasks');
+    const [sessionViewId, setSessionViewId] = useState('context');
     const [filterCursor, setFilterCursor] = useState({ row: 0, col: 0 });
     // T41 — bozza dell'edit (null fuori dal modale) e riga attiva della griglia.
     const [edit, setEdit] = useState(null);
@@ -697,15 +710,31 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     const doneSig = useMemo(() => tasks.filter((t) => isDone(t.prog)).map((t) => t.id).join(','), [tasks]);
     const archivableDays = useMemo(() => loadArchivableDays(cwd), [cwd]);
     const archivable = useArchivable(doneSig, tasksDir, cwd, archivableDays);
+    // T100 — le task effettivamente a schermo: la vista principale coincide con
+    // `viewTasks` (nessun ricalcolo sul cammino di default), le altre due passano
+    // dal predicato del catalogo. I CONTATORI restano misurati sulla vista di
+    // default, o navigare cambierebbe i numeri che si sta navigando.
+    const taskCounts = {
+        filtered: viewTasks.length,
+        total: tasks.length,
+        hidden: hiddenTasks,
+        archivable: archivable.size,
+    };
+    const paneTasks = useMemo(() => taskViewId === 'tasks'
+        ? viewTasks
+        : selectTasks(tasks, taskViewId, { view, archivable }), [taskViewId, viewTasks, tasks, view, archivable]);
     const isSpot = sel === SPOT;
     const isAll = sel === ALL;
     const projectName = cwd.split('/').pop() || cwd;
     // Unica fonte della selezione: si legge SEMPRE dalla vista, mai dall'array
     // grezzo — è l'invariante che tiene allineati dettaglio mostrato e spawn.
-    const selTask = typeof sel === 'string' ? viewTasks.find((t) => t.id === sel) ?? null : null;
+    const selTask = typeof sel === 'string' ? paneTasks.find((t) => t.id === sel) ?? null : null;
     const selectedTaskId = selTask?.id ?? null;
-    const selIndex = selTask ? viewTasks.indexOf(selTask) + META_ROWS : isAll ? ROW_ALL : ROW_SPOT;
+    const selIndex = selTask ? paneTasks.indexOf(selTask) + META_ROWS : isAll ? ROW_ALL : ROW_SPOT;
     const detail = useTaskDetail(tasksDir, selectedTaskId ?? undefined);
+    // Il parent delle conversazioni: l'asse che sceglie il pane task, ortogonale
+    // alla vista che sceglie l'header (D2 create).
+    const parentLabel = isAll ? 'tutte' : isSpot ? 'spot' : selectedTaskId ?? '—';
     // Conteggio figli per task + spot (badge nel Tasks pane).
     const childCount = new Map();
     let spotCount = 0;
@@ -731,12 +760,24 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     // contestuali. Dedup, cap solo sulle contestuali, righe stale per le pinnate
     // orfane. Core PURO in session-list.ts (testabile senza Ink).
     const assembled = useMemo(() => assembleSessionList(childSessions, sessions, pinned, isAll ? MAX_SESSIONS_ALL : MAX_SESSIONS), [childSessions, sessions, pinned, isAll]);
-    const sessionRows = assembled.rows;
-    const selSessionObj = selectedSession(sessionRows, selSessionId);
     // T62 — contato sulla lista INTERA (stessa ragione delle larghezze di colonna
     // qui sotto): derivarlo dalla finestra visibile lo farebbe cambiare a ogni
     // scroll, cioè un contatore che conta lo schermo invece della lista.
-    const liveCount = useMemo(() => sessionRows.filter((r) => r.kind !== 'separator' && live.has(r.sessionId)).length, [sessionRows, live]);
+    // T100 — «intera» ora vuol dire la lista della vista di DEFAULT (`assembled`),
+    // non quella a schermo: il contatore di una voce del catalogo non può
+    // dipendere da quale voce è selezionata, o navigare muoverebbe i numeri.
+    const liveCount = useMemo(() => assembled.rows.filter((r) => r.kind !== 'separator' && live.has(r.sessionId)).length, [assembled, live]);
+    const sessionCounts = {
+        total: assembled.pinnedCount + assembled.contextTotal,
+        live: liveCount,
+        pinned: assembled.pinnedCount,
+        older: assembled.contextHidden,
+    };
+    // T100 — le righe a schermo sono quelle della vista attiva. Fuori dalla vista
+    // di default il separatore non c'è: segna il confine fra pinnate e
+    // contestuali, e in un sottoinsieme quel confine non esiste più.
+    const sessionRows = useMemo(() => selectSessionRows(sessionViewId, { assembled, isLive: (id) => live.has(id) }), [sessionViewId, assembled, live]);
+    const selSessionObj = selectedSession(sessionRows, selSessionId);
     // T60 — larghezze delle colonne fisse della lista sessioni, misurate sulla
     // lista INTERA e non sulla finestra visibile: derivarle dalle sole righe a
     // schermo le farebbe cambiare a ogni scroll, cioè l'opposto di una tabella.
@@ -800,18 +841,32 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     // 2 padding) = 8. Sottostimare tronca un carattere, sovrastimare manda a capo
     // una riga che il budget d'altezza non ha contato.
     const sheetWidth = Math.max(20, (columns || 80) - 8);
+    // T75 — il markdown si rende PRIMA del wrap, e il resto della catena lavora
+    // sul testo reso: `**foo**` occupa 3 colonne rese e 7 grezze, quindi
+    // wrappare sui marker manderebbe a capo su un conteggio che il terminale non
+    // disegna. Memo separato dal wrap perché il parse dipende solo dal testo: un
+    // resize ri-wrappa 9KB, non li ri-parsa.
+    const sheetDoc = useMemo(() => (sheet?.text ? parseMarkdown(sheet.text) : null), [sheet]);
     // Le righe conservano i propri offset invece di essere appiattite a stringa
     // (T66 le buttava con `.map((l) => l.text)`): è ciò che rende
     // l'evidenziazione un'intersezione di intervalli invece di un caso speciale
-    // per il match spezzato dall'a-capo.
-    const sheetLines = useMemo(() => (sheet?.text ? wrapWithOffsets(sheet.text, sheetWidth) : []), [sheet, sheetWidth]);
+    // per il match spezzato dall'a-capo. Dopo T75 gli offset indicizzano il testo
+    // RESO, ed è l'unica coordinata coerente che resti — il sorgente non è più
+    // ciò che sta a schermo.
+    const sheetLines = useMemo(() => (sheetDoc ? wrapWithOffsets(sheetDoc.text, sheetWidth) : []), [sheetDoc, sheetWidth]);
     const sheetCap = detailCapacity(rows, find?.open === true);
     const sheetMaxTop = Math.max(0, sheetLines.length - sheetCap);
-    // Lo scan gira sulla STESSA stringa che si renderizza (`sheet.text`, già
-    // passata da `sanitize` in `loadTaskFileText`): una rilettura del file darebbe
-    // offset che indicizzano un documento diverso da quello a schermo, cioè
-    // un'evidenziazione spostata di N caratteri e nessun errore.
-    const findRes = useMemo(() => (find && sheet?.text ? scanText(sheet.text, find.q) : { occ: [], error: '' }), [find?.q, sheet]);
+    // Lo scan gira sulla STESSA stringa che si renderizza: cercare su un testo
+    // diverso da quello a schermo darebbe offset che indicizzano un altro
+    // documento, cioè un'evidenziazione spostata di N caratteri e nessun errore.
+    //
+    // Dopo T75 quella stringa è il testo RESO, non più il sorgente: si cerca ciò
+    // che si vede. Ne discende che `**` non è più cercabile — è la conseguenza
+    // voluta, perché a schermo non c'è; e `Priority`, che prima era `**Priority**`
+    // e si trovava lo stesso, continua a trovarsi.
+    const findRes = useMemo(() => find && sheetDoc
+        ? scanText(sheetDoc.text, find.q)
+        : { occ: [], error: '' }, [find?.q, sheetDoc]);
     // L'indice si clampa qui invece di essere corretto a ogni `setOccIdx`: la
     // lista si accorcia da sola mentre si digita, e un indice fuori range vivrebbe
     // per il tempo di un render.
@@ -849,10 +904,10 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     // dalla vista (filtro appena attivato, oppure sparita da tasks.md), si cade
     // sulla prima visibile — fallback deterministico, mai una posizione a caso.
     useEffect(() => {
-        if (typeof sel === 'string' && !viewTasks.some((t) => t.id === sel)) {
-            setSel(viewTasks[0]?.id ?? ALL);
+        if (typeof sel === 'string' && !paneTasks.some((t) => t.id === sel)) {
+            setSel(paneTasks[0]?.id ?? ALL);
         }
-    }, [viewTasks, sel]);
+    }, [paneTasks, sel]);
     // T50 — la selezione (id) resta valida sotto la vista a due gruppi: se l'id
     // non è più una riga selezionabile (cambio parent, lista mutata, pin rimosso,
     // sessione sparita) cade sulla prima riga — fallback deterministico, mai una
@@ -935,7 +990,7 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     // messaggi a mano. `verb` è l'unica cosa che cambia fra i due usi.
     function selectedTaskOr(keyLabel, verb) {
         if (focus !== 'tasks') {
-            setNote(`${keyLabel} → ${verb}: seleziona una task (←→ per il pane)`);
+            setNote(`${keyLabel} → ${verb}: seleziona una task (tab per il pane)`);
             return null;
         }
         // T59 — la guardia è "non è una task", non "è spot": le righe meta sono due
@@ -1178,13 +1233,33 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     // 2..N+1 = task visibili) e la riconverte subito in sentinella o id: l'indice
     // non sopravvive a un cambio di filtro, l'id sì.
     function moveTaskSel(delta) {
-        const next = Math.max(0, Math.min(viewTasks.length + META_ROWS - 1, selIndex + delta));
+        const next = Math.max(0, Math.min(paneTasks.length + META_ROWS - 1, selIndex + delta));
         if (next === ROW_ALL)
             setSel(ALL);
         else if (next === ROW_SPOT)
             setSel(SPOT);
         else
-            setSel(viewTasks[next - META_ROWS]?.id ?? SPOT);
+            setSel(paneTasks[next - META_ROWS]?.id ?? SPOT);
+    }
+    // T100 — ←/→ navigano il catalogo viste del pane in focus. Il reset della
+    // selezione è la regola letterale «prima riga in alto», senza eccezioni: sul
+    // pane task è `ROW_ALL` (D2 preflight — le righe meta non si saltano, e il
+    // parent delle sessioni che torna a `tutte` è un effetto accettato); sul pane
+    // sessioni basta invalidare l'id, e l'effect di validità atterra sulla prima
+    // riga selezionabile della vista nuova.
+    function cycleView(delta) {
+        if (focus === 'tasks') {
+            const next = cycleTaskView(taskViewId, delta);
+            setTaskViewId(next);
+            setSel(ALL);
+            setNote(`vista task: ${taskView(next).label(taskCounts)}`);
+        }
+        else {
+            const next = cycleSessionView(sessionViewId, delta);
+            setSessionViewId(next);
+            setSelSessionId(null);
+            setNote(`vista sessioni: ${sessionView(next).label(sessionCounts, parentLabel)}`);
+        }
     }
     // T52 — `⏎` contestuale al TIPO di riga: la lista ne mescola due e l'azione
     // giusta dipende da quale è selezionata. Riga sessione → resume, identico al
@@ -1718,9 +1793,18 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             }
             return;
         }
-        if (key.leftArrow || key.rightArrow || key.tab) {
+        if (key.tab) {
+            // T100 — `tab` resta l'unico tasto che sposta il focus fra i due pane. Le
+            // frecce orizzontali facevano lo stesso lavoro (due tasti per un'azione)
+            // mentre la navigazione DENTRO un pane non ne aveva nessuno: ora sono il
+            // selettore di vista dell'header. Il ramo `mode === 'detail'`, anteposto e
+            // chiuso da `return`, non è più l'eccezione a «cambia pane» ma a «cambia
+            // vista» — l'ordine dei rami non cambia, cambia cosa cattura.
             setFocus((f) => (f === 'tasks' ? 'sessions' : 'tasks'));
         }
+        else if (key.leftArrow || key.rightArrow) {
+            cycleView(key.leftArrow ? -1 : 1);
+        }
         else if (key.upArrow) {
             if (focus === 'tasks')
                 moveTaskSel(-1);
@@ -1775,9 +1859,20 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             setMode('sort');
         }
         else if (input === 'F') {
-            setViewBackup(view);
-            setNote('');
-            setMode('filter');
+            // T100/D3 — i filtri valgono SOLO sulla vista principale: su `nascoste`
+            // riapplicarli non ha senso (quella vista È il loro complemento), su
+            // `archiviabili` non li si vuole (è cieca ai filtri per decisione). Stessa
+            // forma dell'inerzia di ^K/^P/^R dentro il detail, ma keyed sulla vista
+            // invece che sul modo — e come là, l'inerzia lo DICE invece di non fare
+            // niente in silenzio.
+            if (taskViewId !== 'tasks') {
+                setNote(`F → filtri: solo sulla vista ${TASK_VIEWS[0].label(taskCounts)} (ora: ${taskView(taskViewId).label(taskCounts)})`);
+            }
+            else {
+                setViewBackup(view);
+                setNote('');
+                setMode('filter');
+            }
         }
         else if (input === 'f') {
             // T28 — fork della sessione selezionata. Minuscola come `t`/`c` (T39):
@@ -1785,7 +1880,7 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             // Vive solo sul pane sessioni: il fork ha per oggetto una conversazione,
             // e senza focus lì non ce n'è una selezionata su cui agire.
             if (focus !== 'sessions') {
-                setNote('f → fork: seleziona una sessione (←→ per il pane)');
+                setNote('f → fork: seleziona una sessione (tab per il pane)');
             }
             else {
                 const s = selSessionObj;
@@ -1817,7 +1912,7 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             // pinnata STALE (l'unico modo di spinnarla). Scrive il sidecar e ricarica
             // subito, senza attendere il tick del poll.
             if (focus !== 'sessions') {
-                setNote('p → pin: seleziona una sessione (←→ per il pane)');
+                setNote('p → pin: seleziona una sessione (tab per il pane)');
             }
             else if (!selSessionId) {
                 setNote('p → nessuna sessione da pinnare');
@@ -1845,7 +1940,7 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             // su una pinnata STALE, perché annotare «questa non c'è più, era X» è
             // proprio il caso in cui una nota serve.
             if (focus !== 'sessions') {
-                setNote('N → nota: seleziona una sessione (←→ per il pane)');
+                setNote('N → nota: seleziona una sessione (tab per il pane)');
             }
             else if (!selSessionId) {
                 setNote('N → nessuna sessione da annotare');
@@ -1863,7 +1958,7 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             // il binding è nostro, il transcript è di CC — riassegnare una
             // conversazione il cui transcript non c'è più resta legittimo.
             if (focus !== 'sessions') {
-                setNote('A → assegna: seleziona una sessione (←→ per il pane)');
+                setNote('A → assegna: seleziona una sessione (tab per il pane)');
             }
             else if (!selSessionId) {
                 setNote('A → nessuna sessione da assegnare');
@@ -1912,7 +2007,6 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             exit();
         }
     });
-    const parentLabel = isAll ? 'tutte' : isSpot ? 'spot' : selectedTaskId ?? '—';
     const canSpawn = focus === 'tasks' && selTask !== null;
     const canResume = focus === 'sessions' && selSessionObj !== null;
     // T50 — il pin agisce su qualunque riga selezionata (anche stale, per
@@ -1982,7 +2076,7 @@ function Deck({ cwd, tasksPath, tasksDir }) {
         // posizione è lo scroll mosso a mano. Il clamp serve comunque — un resize
         // può accorciare il testo sotto uno scroll già dato.
         const start = Math.min(sheetTop, sheetMaxTop);
-        return (_jsx(DetailScreen, { id: sheet.id, title: sheet.title, missing: sheet.text === null, lines: sheetLines.slice(start, start + sheetCap), top: start, total: sheetLines.length, capacity: sheetCap, action: sheetAction, columns: columns, find: find, occ: findRes.occ, occCur: occCur }));
+        return (_jsx(DetailScreen, { id: sheet.id, title: sheet.title, missing: sheet.text === null, lines: sheetLines.slice(start, start + sheetCap), spans: sheetDoc?.spans ?? [], top: start, total: sheetLines.length, capacity: sheetCap, action: sheetAction, columns: columns, find: find, occ: findRes.occ, occCur: occCur }));
     }
     // ── T52 · schermate sostitutive ─────────────────────────────────────────
     // Ricerca e reader sono gli unici modali che NON stanno in flusso sopra i
@@ -2062,8 +2156,8 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     // Finestre di rendering. Le liste "logiche" (viewTasks, sessionRows)
     // restano intere: navigazione, selezione e spawn continuano a ragionare su
     // quelle, la finestra è solo ciò che finisce a schermo.
-    const taskWin = windowRange(viewTasks.length, selIndex - META_ROWS, budget.taskRows);
-    const windowTasks = viewTasks.slice(taskWin.start, taskWin.end);
+    const taskWin = windowRange(paneTasks.length, selIndex - META_ROWS, budget.taskRows);
+    const windowTasks = paneTasks.slice(taskWin.start, taskWin.end);
     const selRowIndex = rowIndexOf(sessionRows, selSessionId);
     const sessionWin = windowRange(sessionRows.length, selRowIndex, budget.sessionRows);
     const windowRows = sessionRows.slice(sessionWin.start, sessionWin.end);
@@ -2073,7 +2167,7 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     if (budget.compact) {
         return (_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { bold: true, color: "cyan", children: "loom-deck" }), _jsxs(Text, { dimColor: true, children: [' ', "\u00B7 ", viewTasks.length, " task \u00B7 sel ", selectedTaskId ?? parentLabel, " \u00B7 terminale ", rows, "\u00D7", columns, ": troppo basso, allarga"] })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "loom-deck" }), mode === 'create' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["nuova task \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " crea \u00B7 ", _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : mode === 'sort' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["sort \u00B7 ", _jsx(Text, { color: "yellow", children: "p" }), " pri ", _jsx(Text, { color: "yellow", children: "s" }), " stato", ' ', _jsx(Text, { color: "yellow", children: "i" }), " id (asc\u2192desc\u2192off) \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " ok \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : mode === 'filter' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["filtri \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2191\u2193\u2190\u2192" }), " naviga \u00B7 ", _jsx(Text, { color: "yellow", children: "spazio" }), ' ', "mostra/nascondi \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " ok \u00B7 ", _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : mode === 'note' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["nota conversazione \u00B7 ", _jsx(Text, { color: "yellow", children: "^U" }), " svuota \u00B7", ' ', _jsx(Text, { color: "yellow", children: "\u23CE" }), " salva (vuoto = rimuove) \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : mode === 'edit' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["edit \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2191\u2193" }), " campo \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2190\u2192" }), " valore, o cursore sul testo \u00B7 ", _jsx(Text, { color: "yellow", children: "^A/^E" }), " inizio/fine \u00B7", ' ', _jsx(Text, { color: "yellow", children: "^D" }), " canc \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " salva+commit \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: keyLegend })), mode === 'normal' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [surfaceLegend, legend.shown ? ` · ${legend.shown}` : '', legend.overflow > 0 ? (_jsxs(Text, { color: "yellow", children: [" \u00B7 +", legend.overflow, " fuori riga"] })) : null, legend.unreachable > 0 ? (_jsxs(Text, { color: "yellow", children: [" \u00B7 ", legend.unreachable, " oltre la 9\u00AA (non raggiungibili)"] })) : null] })) : null, mode === 'create' ? (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsx(Text, { color: "yellow", children: "C \u203A " }), _jsx(Text, { children: draft }), _jsx(Text, { inverse: true, children: " " })] })) : null, mode === 'note' ? (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsx(Text, { color: "yellow", children: "\u270E \u203A " }), _jsx(Text, { children: noteDraft }), _jsx(Text, { inverse: true, children: " " })] })) : null, mode === 'sort' ? _jsx(SortModal, { sort: view.sort }) : null, mode === 'filter' ? _jsx(FilterModal, { view: view, cursor: filterCursor }) : null, mode === 'edit' && edit && selTask ? (_jsx(EditModal, { id: selTask.id, draft: edit, row: editRow, columns: columns })) : null, _jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(TasksPane, { tasks: windowTasks, filtered: viewTasks.length, total: tasks.length, hidden: hiddenTasks, archivable: archivable, view: view, selected: selIndex, spotCount: spotCount, allCount: sessions.length, childCount: childCount, focused: focus === 'tasks', loadError: loadError, windowStart: taskWin.start, above: taskWin.start, below: viewTasks.length - taskWin.end, columns: columns }), _jsx(SessionsPane, { parentLabel: parentLabel, isSpot: isSpot, isAll: isAll, bindings: bindings, taskW: sessionCols.task, ageW: sessionCols.age, rows: windowRows, total: assembled.pinnedCount + assembled.contextTotal, pinnedCount: assembled.pinnedCount, hidden: assembled.contextHidden, selectedId: selSessionId ?? undefined, focused: focus === 'sessions', above: sessionWin.start, below: sessionRows.length - sessionWin.end, columns: columns, forkOf: forkOf, sessionNotes: sessionNotes, projectCore: projectCore, live: live, liveCount: liveCount })] }), budget.preview && previewKind === 'task' && detail ? (_jsx(PreviewPane, { kind: "task", detail: detail, maxLines: budget.detailLines, columns: columns })) : budget.preview && previewKind === 'session' && selSessionObj ? (_jsx(PreviewPane, { kind: "session", s: selSessionObj, firstLines: budget.sessionFirstLines, lastLines: budget.sessionLastLines, columns: columns, origin: forkOf.get(selSessionObj.sessionId) ?? null, note: sessionNotes.get(selSessionObj.sessionId) ?? '', live: live.get(selSessionObj.sessionId) ?? null })) : null, note ? _jsx(Text, { color: "green", wrap: "truncate-end", children: sanitize(note) }) : null] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "loom-deck" }), mode === 'create' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["nuova task \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " crea \u00B7 ", _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : mode === 'sort' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["sort \u00B7 ", _jsx(Text, { color: "yellow", children: "p" }), " pri ", _jsx(Text, { color: "yellow", children: "s" }), " stato", ' ', _jsx(Text, { color: "yellow", children: "i" }), " id (asc\u2192desc\u2192off) \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " ok \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : mode === 'filter' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["filtri \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2191\u2193\u2190\u2192" }), " naviga \u00B7 ", _jsx(Text, { color: "yellow", children: "spazio" }), ' ', "mostra/nascondi \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " ok \u00B7 ", _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : mode === 'note' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["nota conversazione \u00B7 ", _jsx(Text, { color: "yellow", children: "^U" }), " svuota \u00B7", ' ', _jsx(Text, { color: "yellow", children: "\u23CE" }), " salva (vuoto = rimuove) \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : mode === 'edit' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["edit \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2191\u2193" }), " campo \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2190\u2192" }), " valore, o cursore sul testo \u00B7 ", _jsx(Text, { color: "yellow", children: "^A/^E" }), " inizio/fine \u00B7", ' ', _jsx(Text, { color: "yellow", children: "^D" }), " canc \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " salva+commit \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: keyLegend })), mode === 'normal' ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [surfaceLegend, legend.shown ? ` · ${legend.shown}` : '', legend.overflow > 0 ? (_jsxs(Text, { color: "yellow", children: [" \u00B7 +", legend.overflow, " fuori riga"] })) : null, legend.unreachable > 0 ? (_jsxs(Text, { color: "yellow", children: [" \u00B7 ", legend.unreachable, " oltre la 9\u00AA (non raggiungibili)"] })) : null] })) : null, mode === 'create' ? (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsx(Text, { color: "yellow", children: "C \u203A " }), _jsx(Text, { children: draft }), _jsx(Text, { inverse: true, children: " " })] })) : null, mode === 'note' ? (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsx(Text, { color: "yellow", children: "\u270E \u203A " }), _jsx(Text, { children: noteDraft }), _jsx(Text, { inverse: true, children: " " })] })) : null, mode === 'sort' ? _jsx(SortModal, { sort: view.sort }) : null, mode === 'filter' ? _jsx(FilterModal, { view: view, cursor: filterCursor }) : null, mode === 'edit' && edit && selTask ? (_jsx(EditModal, { id: selTask.id, draft: edit, row: editRow, columns: columns })) : null, _jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(TasksPane, { tasks: windowTasks, counts: taskCounts, activeView: taskViewId, paneCount: paneTasks.length, view: view, selected: selIndex, spotCount: spotCount, allCount: sessions.length, childCount: childCount, focused: focus === 'tasks', loadError: loadError, windowStart: taskWin.start, above: taskWin.start, below: paneTasks.length - taskWin.end, columns: columns }), _jsx(SessionsPane, { parentLabel: parentLabel, isSpot: isSpot, isAll: isAll, bindings: bindings, taskW: sessionCols.task, ageW: sessionCols.age, rows: windowRows, counts: sessionCounts, activeView: sessionViewId, paneCount: sessionRows.length, selectedId: selSessionId ?? undefined, focused: focus === 'sessions', above: sessionWin.start, below: sessionRows.length - sessionWin.end, columns: columns, forkOf: forkOf, sessionNotes: sessionNotes, projectCore: projectCore, live: live })] }), budget.preview && previewKind === 'task' && detail ? (_jsx(PreviewPane, { kind: "task", detail: detail, maxLines: budget.detailLines, columns: columns })) : budget.preview && previewKind === 'session' && selSessionObj ? (_jsx(PreviewPane, { kind: "session", s: selSessionObj, firstLines: budget.sessionFirstLines, lastLines: budget.sessionLastLines, columns: columns, origin: forkOf.get(selSessionObj.sessionId) ?? null, note: sessionNotes.get(selSessionObj.sessionId) ?? '', live: live.get(selSessionObj.sessionId) ?? null })) : null, note ? _jsx(Text, { color: "green", wrap: "truncate-end", children: sanitize(note) }) : null] }));
 }
 const SORT_UI = { pri: 'pri', prog: 'stato', id: 'id' };
 // Modali resi IN FLUSSO (come l'input box di create), non in overlay assoluto:
@@ -2272,6 +2366,50 @@ function ReaderLine({ line, occ, current, }) {
         // mostrerebbe più dove sono le altre.
         _jsx(Text, { backgroundColor: s.current ? 'cyan' : 'yellow', color: "black", children: s.text }, i)) : (_jsx(Text, { children: s.text }, i))) }));
 }
+/** Resa di ogni costrutto markdown (T75 · D4): un solo livello di enfasi per
+ *  costrutto, senza un secondo alfabeto da imparare. Heading uguali a ogni
+ *  livello — la gerarchia la porta già il testo. `code` e `fence` condividono
+ *  il giallo perché sono lo stesso costrutto a due granularità: dargli due
+ *  colori direbbe che sono due cose. */
+const MD_STYLE = {
+    heading: { bold: true, color: 'cyan' },
+    bold: { bold: true },
+    code: { color: 'yellow' },
+    fence: { color: 'yellow' },
+};
+/**
+ * Una riga del detail (T75): markdown reso, con sopra l'evidenziazione della
+ * ricerca.
+ *
+ * Due segmentazioni sulla stessa riga, annidate e non fuse: prima si taglia sui
+ * costrutti markdown, poi ogni pezzo si ritaglia sulle occorrenze. L'ordine non
+ * è indifferente — così un match a cavallo di un `**grassetto**` resta
+ * evidenziato per intero e insieme conserva il grassetto sulla metà che ce
+ * l'ha, cosa che una segmentazione unica dovrebbe risolvere decidendo chi vince.
+ *
+ * Gli offset di `occ` e di `spans` indicizzano ENTRAMBI il testo reso: è ciò
+ * che permette di comporli senza rimappature. Vedi `sheetDoc` per il perché la
+ * ricerca del detail ha smesso di scandire il sorgente.
+ */
+function DetailLine({ line, spans, occ, current, }) {
+    const styled = sliceSpans(line, spans);
+    // Riga vuota → uno spazio: un `<Text>` senza contenuto Ink non lo disegna, e
+    // il testo si compatterebbe perdendo la struttura del file.
+    if (styled.length === 0)
+        return _jsx(Text, { wrap: "truncate-end", children: " " });
+    let off = line.start;
+    return (_jsx(Text, { wrap: "truncate-end", children: styled.map((seg, i) => {
+            const st = seg.kind ? MD_STYLE[seg.kind] : undefined;
+            const at = off;
+            off += seg.text.length;
+            // Senza ricerca aperta il secondo taglio non ha niente da tagliare, e
+            // saltarlo evita di allocare tre array per ogni riga a ogni freccia.
+            if (occ.length === 0) {
+                return (_jsx(Text, { bold: st?.bold, color: st?.color, children: seg.text }, i));
+            }
+            return (_jsx(Text, { bold: st?.bold, color: st?.color, children: sliceLine(seg.text, at, occ, current).map((p, j) => p.hit ? (_jsx(Text, { backgroundColor: p.current ? 'cyan' : 'yellow', color: "black", children: p.text }, j)) : (_jsx(Text, { children: p.text }, j))) }, i));
+        }) }));
+}
 /** Campo della ricerca nel detail: finestra ancorata al caret, cursore inverso
  *  sulla cella reale. Gemello di `EditTextField` senza la label, che qui sta
  *  fuori perché il campo vive in FLUSSO su una riga condivisa col contatore —
@@ -2293,7 +2431,7 @@ function DetailFindField({ value, caret, cols }) {
  * all'arrivo del mouse (T21 · SGR enable + hit-test) senza migrazione. La
  * navigazione da tastiera ci si sovrappone senza conflitti.
  */
-function DetailScreen({ id, title, missing, lines, top, total, capacity, action, columns, find, occ, occCur, }) {
+function DetailScreen({ id, title, missing, lines, spans, top, total, capacity, action, columns, find, occ, occCur, }) {
     const last = Math.min(total, top + capacity);
     // Il taglio lo fa il chiamante (invariante ③ di width.ts): la riga bottoni è
     // ASCII, quindi `truncate-end` oggi darebbe il risultato giusto per caso — ma
@@ -2314,10 +2452,7 @@ function DetailScreen({ id, title, missing, lines, top, total, capacity, action,
     if (dropped(shown) > 0)
         shown = cutParts(parts, Math.max(0, width - 6));
     const cutCount = dropped(shown);
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "loom-deck" }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [_jsx(Text, { color: "cyan", children: id }), " \u00B7 ", cut(title, Math.max(10, width - 34)), missing ? '' : ` · righe ${total === 0 ? 0 : top + 1}-${last} di ${total}`] }), find?.open ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [_jsx(Text, { color: "yellow", children: "\u2191\u2193" }), " occorrenza \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2190\u2192" }), " caret \u00B7", ' ', _jsx(Text, { color: "yellow", children: "^U" }), " svuota \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " tieni \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [_jsx(Text, { color: "yellow", children: "\u2191\u2193" }), " riga \u00B7 ", _jsx(Text, { color: "yellow", children: "PgUp/PgDn" }), " pagina \u00B7", ' ', _jsx(Text, { color: "yellow", children: "g/G" }), " estremi \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2190\u2192" }), " azione \u00B7", ' ', _jsx(Text, { color: "yellow", children: "^F" }), " cerca \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " esegui \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " chiudi"] })), _jsx(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, marginTop: 1, children: missing ? (_jsxs(Text, { color: "yellow", wrap: "truncate-end", children: [WARN, " task file non trovato \u00B7 le azioni restano attive (deck-run risolve la task per id)"] })) : (
-                // Riga vuota → uno spazio: un `<Text>` senza contenuto Ink non lo
-                // disegna, e il testo si compatterebbe perdendo la struttura del file.
-                lines.map((l, i) => _jsx(ReaderLine, { line: l, occ: occ, current: occCur }, top + i))) }), find?.open ? (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { dimColor: true, children: "cerca " }), _jsx(DetailFindField, { value: find.q, caret: find.caret, cols: Math.max(10, width - 28) }), find.q.length === 0 ? (_jsx(Text, { dimColor: true, children: " \u00B7 digita per cercare" })) : occ.length === 0 ? (_jsx(Text, { color: "yellow", children: " \u00B7 nessuna occorrenza" })) : (_jsxs(Text, { color: "cyan", children: [' ', "\u00B7 ", occCur + 1, "/", occ.length] }))] }) })) : null, _jsx(Box, { marginTop: 1, children: _jsxs(Text, { wrap: "truncate-end", children: [shown.map((part, i) => i % 2 === 1 ? (_jsx(Text, { children: part }, i)) : (_jsx(Text, { inverse: i / 2 === action, color: i / 2 === action ? 'green' : 'gray', children: part }, i))), cutCount > 0 ? _jsxs(Text, { color: "yellow", children: [" \u00B7 +", cutCount] }) : null] }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "loom-deck" }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [_jsx(Text, { color: "cyan", children: id }), " \u00B7 ", cut(title, Math.max(10, width - 34)), missing ? '' : ` · righe ${total === 0 ? 0 : top + 1}-${last} di ${total}`] }), find?.open ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [_jsx(Text, { color: "yellow", children: "\u2191\u2193" }), " occorrenza \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2190\u2192" }), " caret \u00B7", ' ', _jsx(Text, { color: "yellow", children: "^U" }), " svuota \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " tieni \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [_jsx(Text, { color: "yellow", children: "\u2191\u2193" }), " riga \u00B7 ", _jsx(Text, { color: "yellow", children: "PgUp/PgDn" }), " pagina \u00B7", ' ', _jsx(Text, { color: "yellow", children: "g/G" }), " estremi \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2190\u2192" }), " azione \u00B7", ' ', _jsx(Text, { color: "yellow", children: "^F" }), " cerca \u00B7 ", _jsx(Text, { color: "yellow", children: "\u23CE" }), " esegui \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " chiudi"] })), _jsx(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, marginTop: 1, children: missing ? (_jsxs(Text, { color: "yellow", wrap: "truncate-end", children: [WARN, " task file non trovato \u00B7 le azioni restano attive (deck-run risolve la task per id)"] })) : (lines.map((l, i) => (_jsx(DetailLine, { line: l, spans: spans, occ: occ, current: occCur }, top + i)))) }), find?.open ? (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { dimColor: true, children: "cerca " }), _jsx(DetailFindField, { value: find.q, caret: find.caret, cols: Math.max(10, width - 28) }), find.q.length === 0 ? (_jsx(Text, { dimColor: true, children: " \u00B7 digita per cercare" })) : occ.length === 0 ? (_jsx(Text, { color: "yellow", children: " \u00B7 nessuna occorrenza" })) : (_jsxs(Text, { color: "cyan", children: [' ', "\u00B7 ", occCur + 1, "/", occ.length] }))] }) })) : null, _jsx(Box, { marginTop: 1, children: _jsxs(Text, { wrap: "truncate-end", children: [shown.map((part, i) => i % 2 === 1 ? (_jsx(Text, { children: part }, i)) : (_jsx(Text, { inverse: i / 2 === action, color: i / 2 === action ? 'green' : 'gray', children: part }, i))), cutCount > 0 ? _jsxs(Text, { color: "yellow", children: [" \u00B7 +", cutCount] }) : null] }) })] }));
 }
 /**
  * Larghezza del testo dentro la lista della schermata di assegnazione: box
@@ -2375,24 +2510,39 @@ function AssignScreen({ sessionId, label, current, filter, rows, selected, match
  * scoprirlo sarebbe il bordo del pane a schermo.
  *
  * `truncate-end` taglia dalla coda, e `cutParts` conserva l'ordine: l'ultimo
- * segmento resta il primo a cedere il posto (vedi T61 sotto, `archiviabili` in
- * coda ai contatori della vista corrente).
+ * segmento resta il primo a cedere il posto (`↑↓` in coda alle voci navigabili).
+ *
+ * T100 — la riga non è più informativa: le voci del catalogo sono SELEZIONABILI
+ * con ←/→, e l'attiva si distingue in video inverso (D5 — costa 0 colonne e non
+ * entra in gara con la semantica di colore già occupata). Le voci ci sono tutte
+ * anche a 0 (D1): un catalogo che si accorcia sposta le voci sotto le dita.
+ * L'ordine è vincolato — le navigabili PRIMA di `↑N`/`↓N`, che cadono per primi
+ * su un terminale stretto — e la voce attiva ha la precedenza sul budget (D6).
  */
-function TasksHeader({ filtered, total, hidden, above, below, archivable, focused, columns, }) {
+function TasksHeader({ counts, active, above, below, focused, columns, }) {
+    const views = TASK_VIEWS.map((v, i) => {
+        const n = v.count(counts);
+        return {
+            // Il separatore sta nel segmento, non fra i segmenti: `cutParts` misura la
+            // riga pezzo per pezzo e uno spazio fuori dai pezzi non verrebbe contato.
+            text: `${i > 0 ? ' · ' : ''}${v.label(counts)}`,
+            color: v.color,
+            dim: v.dim || n === 0,
+            active: v.id === active,
+        };
+    });
     const segments = [
-        { text: `Tasks (${hidden > 0 ? `${filtered}/${total}` : filtered})` },
-        ...(hidden > 0 ? [{ text: ` · ${hidden} nascoste`, color: 'yellow' }] : []),
-        ...(above > 0 ? [{ text: ` · ↑${above}`, dim: true }] : []),
-        ...(below > 0 ? [{ text: ` · ↓${below}`, dim: true }] : []),
-        ...(archivable > 0 ? [{ text: ` · ${archivable} archiviabili`, dim: true }] : []),
+        ...views,
+        { text: above > 0 ? ` · ↑${above}` : '', dim: true, active: false, color: undefined },
+        { text: below > 0 ? ` · ↓${below}` : '', dim: true, active: false, color: undefined },
     ];
-    const shown = cutParts(segments.map((s) => s.text), paneTextWidth(columns));
-    return (_jsx(Text, { bold: true, color: focused ? 'cyan' : undefined, wrap: "truncate-end", children: segments.map((seg, i) => shown[i] ? (_jsx(Text, { color: seg.color, dimColor: seg.dim, children: shown[i] }, i)) : null) }));
+    const shown = cutParts(segments.map((s) => s.text), paneTextWidth(columns), segments.findIndex((s) => s.active));
+    return (_jsx(Text, { bold: true, color: focused ? 'cyan' : undefined, wrap: "truncate-end", children: segments.map((seg, i) => shown[i] ? (_jsx(Text, { color: seg.color, dimColor: seg.dim, inverse: seg.active, children: shown[i] }, i)) : null) }));
 }
-function TasksPane({ tasks, filtered, total, hidden, view, selected, spotCount, allCount, childCount, focused, loadError, windowStart, above, below, columns, archivable, }) {
+function TasksPane({ tasks, counts, activeView, paneCount, view, selected, spotCount, allCount, childCount, focused, loadError, windowStart, above, below, columns, }) {
     const allSelected = selected === ROW_ALL;
     const spotSelected = selected === ROW_SPOT;
-    return (_jsxs(Box, { flexDirection: "column", width: "50%", marginRight: 1, borderStyle: "single", borderColor: focused ? 'cyan' : 'gray', paddingX: 1, children: [_jsx(TasksHeader, { filtered: filtered, total: total, hidden: hidden, above: above, below: below, archivable: archivable, focused: focused, columns: columns }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: cut(sanitize(`sort: ${describeSort(view.sort)}` +
+    return (_jsxs(Box, { flexDirection: "column", width: "50%", marginRight: 1, borderStyle: "single", borderColor: focused ? 'cyan' : 'gray', paddingX: 1, children: [_jsx(TasksHeader, { counts: counts, active: activeView, above: above, below: below, focused: focused, columns: columns }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: cut(sanitize(`sort: ${describeSort(view.sort)}` +
                     (view.hiddenPri.length + view.hiddenProg.length > 0
                         ? ' · filtri: ' +
                             [
@@ -2401,7 +2551,12 @@ function TasksPane({ tasks, filtered, total, hidden, view, selected, spotCount,
                             ]
                                 .map((e) => `−${e.glyph}`)
                                 .join(' ')
-                        : '')), paneTextWidth(columns)) }), _jsxs(Text, { inverse: allSelected && focused, bold: allSelected && !focused, wrap: "truncate-end", children: [allSelected ? CARET : CARET_OFF, "\u2261 tutte le sessioni", allCount > 0 ? ` (${allCount})` : ''] }), _jsxs(Text, { inverse: spotSelected && focused, bold: spotSelected && !focused, wrap: "truncate-end", children: [spotSelected ? CARET : CARET_OFF, "\u25CB spot  sessioni libere", spotCount > 0 ? ` (${spotCount})` : ''] }), loadError ? (_jsx(Text, { color: "red", wrap: "truncate-end", children: loadError })) : (tasks.map((task, i) => {
+                        : '')), paneTextWidth(columns)) }), _jsxs(Text, { inverse: allSelected && focused, bold: allSelected && !focused, wrap: "truncate-end", children: [allSelected ? CARET : CARET_OFF, "\u2261 tutte le sessioni", allCount > 0 ? ` (${allCount})` : ''] }), _jsxs(Text, { inverse: spotSelected && focused, bold: spotSelected && !focused, wrap: "truncate-end", children: [spotSelected ? CARET : CARET_OFF, "\u25CB spot  sessioni libere", spotCount > 0 ? ` (${spotCount})` : ''] }), loadError ? (_jsx(Text, { color: "red", wrap: "truncate-end", children: loadError })) : paneCount === 0 ? (
+            // T100/D1 — una voce a contatore 0 resta navigabile, e selezionarla dà
+            // una lista vuota che DICE perché è vuota. Senza la nota il pane si
+            // legge come rotto: le righe meta restano, le task no, e niente spiega
+            // che è la vista scelta a non contenere nulla.
+            _jsx(Text, { color: "yellow", wrap: "truncate-end", children: cut(taskView(activeView).empty, paneTextWidth(columns)) })) : (tasks.map((task, i) => {
                 // windowStart riporta l'indice di finestra a quello della lista
                 // completa, su cui è keyata la selezione. +META_ROWS: le prime due
                 // righe sono le meta.
@@ -2432,24 +2587,39 @@ function TasksPane({ tasks, filtered, total, hidden, view, selected, spotCount,
  * condiviso, `cutParts`), la resa è del pezzo. Il giallo su `📌N` distingue le
  * pinnate dal resto dell'header e non è decorazione.
  */
-function SessionsHeader({ parentLabel, total, pinnedCount, liveCount, hidden, above, below, focused, columns, }) {
+function SessionsHeader({ parentLabel, counts, active, above, below, focused, columns, }) {
+    const views = SESSION_VIEWS.map((v) => {
+        const n = v.count(counts);
+        return {
+            text: ` · ${v.label(counts, parentLabel)}`,
+            color: v.color,
+            dim: v.dim || n === 0,
+            active: v.id === active,
+        };
+    });
     const segments = [
-        { text: `Sessions · ${parentLabel} (${total})` },
-        ...(liveCount > 0 ? [{ text: ` · ${LIVE_IDLE}${liveCount} vive`, color: 'green' }] : []),
-        ...(pinnedCount > 0 ? [{ text: ` · 📌${pinnedCount}`, color: 'yellow' }] : []),
-        ...(hidden > 0 ? [{ text: ` · +${hidden} più vecchie`, dim: true }] : []),
-        ...(above > 0 ? [{ text: ` · ↑${above}`, dim: true }] : []),
-        ...(below > 0 ? [{ text: ` · ↓${below}`, dim: true }] : []),
+        // `Sessions` non è una voce del catalogo: nomina il pane, non un
+        // sottoinsieme, quindi non è raggiungibile con le frecce.
+        { text: 'Sessions', color: undefined, dim: false, active: false },
+        ...views,
+        { text: above > 0 ? ` · ↑${above}` : '', dim: true, active: false, color: undefined },
+        { text: below > 0 ? ` · ↓${below}` : '', dim: true, active: false, color: undefined },
     ];
-    const shown = cutParts(segments.map((s) => s.text), paneTextWidth(columns));
-    return (_jsx(Text, { bold: true, color: focused ? 'cyan' : undefined, wrap: "truncate-end", children: segments.map((seg, i) => shown[i] ? (_jsx(Text, { color: seg.color, dimColor: seg.dim, children: shown[i] }, i)) : null) }));
+    const shown = cutParts(segments.map((s) => s.text), paneTextWidth(columns), segments.findIndex((s) => s.active));
+    return (_jsx(Text, { bold: true, color: focused ? 'cyan' : undefined, wrap: "truncate-end", children: segments.map((seg, i) => shown[i] ? (_jsx(Text, { color: seg.color, dimColor: seg.dim, inverse: seg.active, children: shown[i] }, i)) : null) }));
 }
-function SessionsPane({ parentLabel, isSpot, isAll, bindings, taskW, ageW, rows, total, pinnedCount, hidden, selectedId, focused, above, below, columns, forkOf, sessionNotes, projectCore, live, liveCount, }) {
-    return (_jsxs(Box, { flexDirection: "column", width: "50%", borderStyle: "single", borderColor: focused ? 'cyan' : 'gray', paddingX: 1, children: [_jsx(SessionsHeader, { parentLabel: parentLabel, total: total, pinnedCount: pinnedCount, liveCount: liveCount, hidden: hidden, above: above, below: below, focused: focused, columns: columns }), total === 0 ? (_jsx(Text, { color: "yellow", wrap: "truncate-end", children: isAll
-                    ? 'nessuna conversazione nel progetto'
-                    : isSpot
-                        ? 'nessuna sessione libera'
-                        : 'nessuna sessione legata a questa task' })) : (rows.map((row, i) => {
+function SessionsPane({ parentLabel, isSpot, isAll, bindings, taskW, ageW, rows, counts, activeView, paneCount, selectedId, focused, above, below, columns, forkOf, sessionNotes, projectCore, live, }) {
+    return (_jsxs(Box, { flexDirection: "column", width: "50%", borderStyle: "single", borderColor: focused ? 'cyan' : 'gray', paddingX: 1, children: [_jsx(SessionsHeader, { parentLabel: parentLabel, counts: counts, active: activeView, above: above, below: below, focused: focused, columns: columns }), paneCount === 0 ? (
+            // T100 — la nota della vista di default resta quella storica, che nomina
+            // il PARENT (task, spot o tutte); le altre tre viste portano la propria,
+            // che nomina il sottoinsieme. Sono due vuoti diversi: «questo parent non
+            // ha conversazioni» e «questo sottoinsieme del parent è vuoto».
+            _jsx(Text, { color: "yellow", wrap: "truncate-end", children: cut(sessionView(activeView).empty ??
+                    (isAll
+                        ? 'nessuna conversazione nel progetto'
+                        : isSpot
+                            ? 'nessuna sessione libera'
+                            : 'nessuna sessione legata a questa task'), paneTextWidth(columns)) })) : (rows.map((row, i) => {
                 // T50 — separatore leggero fra pinnate e contestuali: riga dim, non un
                 // box pesante (coerente con lo styling delle Done dimmate).
                 if (row.kind === 'separator') {