@lamemind/loom-deck 0.12.0 → 0.14.0

package/dist/cli.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { render, Box, Text, useApp, useInput, useStdout } from 'ink';
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useEffect, useMemo, useRef } from 'react';
 import { spawn } from 'node:child_process';
 import { statSync } from 'node:fs';
 import { randomUUID } from 'node:crypto';
@@ -9,9 +9,11 @@ import { fileURLToPath } from 'node:url';
 import { dirname, join } from 'node:path';
 import { resolveTasksPath, resolveTasksDir, loadTasks, loadTaskDetail, } from './tasks.js';
 import { discoverProjectSessions } from './sessions.js';
-import { appendSessionRecord, appendTaskBinding, loadSessionIndex, } from './task-index.js';
+import { buildRows, firstRowKey, moveRowSelection, rowIndexOfKey, searchSessions, selectedRow, DEFAULT_OPTIONS, MIN_QUERY, } from './search.js';
+import { appendPin, appendSessionRecord, appendTaskBinding, loadSessionIndex, } from './task-index.js';
+import { assembleSessionList, firstSelectableId, moveSelection, rowIndexOf, selectedSession, } from './session-list.js';
 import { launchLegend, loadIdentity, loadLaunch } from './config.js';
-import { layoutBudget, normalizeEmoji, windowRange, wrapLines, } from './viewport.js';
+import { isCompact, layoutBudget, normalizeEmoji, readerCapacity, searchListCapacity, windowRange, wrapLines, wrapWithOffsets, } from './viewport.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';
@@ -29,6 +31,25 @@ const SPOT = Symbol('spot');
 // Modale sort a grammatica libera: un tasto per chiave, pressioni successive
 // ciclano asc → desc → fuori dalla chain.
 const SORT_TASTI = { p: 'pri', s: 'prog', i: 'id' };
+// T52 — toggle del modale ricerca, tutti su CTRL (D2).
+//
+// I due campi di testo mangiano ogni lettera nuda, quindi un toggle non può
+// essere una lettera semplice: resterebbero i caratteri della query. CTRL è
+// l'unico livello che convive con la digitazione senza modi né navigazione.
+//
+// Le mnemoniche ovvie sono precluse dall'ASCII, non da una scelta di design:
+// `^I` È il Tab (0x09) e `^H` È il Backspace (0x08) — stesso byte, nessuna
+// distinzione possibile a valle. Quindi niente I=IA e niente H=human. Bruciati
+// per lo stesso motivo `^M` (Enter), `^J` (LF), `^[` (Esc). Tutto il resto passa
+// pulito, `^S`/`^Q` inclusi: il raw mode di Ink disattiva il flow-control XON/XOFF
+// che altrimenti se li mangerebbe il terminale.
+const SEARCH_TOGGLE_KEYS = {
+    r: 'regex',
+    a: 'caseSensitive',
+    w: 'wholeWord',
+};
+const SEARCH_KIND_KEYS = { b: 'ai', t: 'tool', u: 'human' };
+const KIND_LABEL = { ai: 'IA', tool: 'tools', human: 'human' };
 // T41 — ordine dei valori nel modale edit. Deliberatamente DIVERSO da
 // PRI_ENTRIES/PROG_ENTRIES (che seguono il rango di sort): qui si sceglie un
 // valore, non si ordina, quindi vince l'ordine del CICLO DI VITA — da fare →
@@ -262,7 +283,12 @@ function useSessions(projectRoot) {
         sessions: [],
         bindings: new Map(),
         forkOf: new Map(),
+        pinned: new Map(),
     });
+    // T50 — pin/unpin scrive il sidecar e vuole feedback IMMEDIATO, non al
+    // prossimo tick del poll (1.5s): la reload è esposta via ref così il toggle la
+    // richiama senza risottoscrivere l'intervallo.
+    const reloadRef = useRef(() => { });
     useEffect(() => {
         let lastSig = '';
         const reload = () => {
@@ -274,27 +300,30 @@ function useSessions(projectRoot) {
             }
             catch {
                 sessions = [];
-                index = { bindings: new Map(), forkOf: new Map() };
+                index = { bindings: new Map(), forkOf: new Map(), pinned: new Map() };
             }
-            const { bindings, forkOf } = index;
-            // La signature copre anche i fork: un record di lineage appena scritto
-            // cambia il marker della riga, quindi deve forzare il re-render come
-            // farebbe un binding nuovo.
+            const { bindings, forkOf, pinned } = index;
+            // La signature copre anche fork e pin: un record di lineage o un toggle di
+            // pin appena scritto cambia la lista renderizzata, quindi deve forzare il
+            // re-render come farebbe un binding nuovo.
             const sig = sessions.map((s) => `${s.sessionId}:${s.ts}`).join('|') +
                 '#' +
                 [...bindings.entries()].map(([k, v]) => `${k}=${v}`).sort().join(',') +
                 '#' +
-                [...forkOf.entries()].map(([k, v]) => `${k}<${v}`).sort().join(',');
+                [...forkOf.entries()].map(([k, v]) => `${k}<${v}`).sort().join(',') +
+                '#' +
+                [...pinned.entries()].map(([k, v]) => `${k}@${v}`).sort().join(',');
             if (sig === lastSig)
                 return;
             lastSig = sig;
-            setState({ sessions, bindings, forkOf });
+            setState({ sessions, bindings, forkOf, pinned });
         };
+        reloadRef.current = reload;
         reload();
         const id = setInterval(reload, POLL_MS);
         return () => clearInterval(id);
     }, [projectRoot]);
-    return state;
+    return { ...state, reload: () => reloadRef.current() };
 }
 // 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,
@@ -330,6 +359,13 @@ const forceEmojiWidth = normalizeEmoji;
 // larghi 1 e restano intatti.
 const CARET = normalizeEmoji('▶ ');
 const CARET_OFF = '  ';
+// T50 — glifo warning della riga pin-stale: BMP largo 2 senza VS16 → va timbrato
+// (come CARET), altrimenti la riga slitta di una colonna.
+const WARN = normalizeEmoji('⚠');
+// T50 — separatore leggero fra blocco pinnate e contestuali. `─` (box-drawing) è
+// largo 1 sia per string-width sia per il terminale → nessun timbro. Corto +
+// wrap="truncate-end" così non va mai a capo nel pane al 50%.
+const SESSION_SEP = '─'.repeat(16);
 // Normalizza il marker Done per il display. `✔` (U+2714) è text-presentation-
 // default: string-width — quindi Ink, sia per il layout sia per il troncamento —
 // lo misura 2 (rispetta il VS16 di `✔️`), ma VTE/Ptyxis lo disegna largo 1
@@ -374,14 +410,17 @@ const META_KEYS = ['Priority', 'Size', 'Estimated Time', 'Progress'];
 function Deck({ cwd, tasksPath, tasksDir }) {
     const { exit } = useApp();
     const { tasks, loadError } = useTasks(tasksPath);
-    const { sessions, bindings, forkOf } = useSessions(cwd);
+    const { sessions, bindings, forkOf, pinned, reload: reloadSessions } = useSessions(cwd);
     const [focus, setFocus] = useState('tasks');
     // T39 — selezione KEYED SU ID, non su indice. Con una vista trasformata
     // (filtro/sort) l'indice non identifica più la stessa task: leggere l'array
     // grezzo per posizione spawnerebbe la task sbagliata, in silenzio. `null` = la
     // riga meta "spot", sempre in testa alla lista.
     const [selId, setSelId] = useState(null);
-    const [selSession, setSelSession] = useState(0);
+    // T50 — selezione del pane sessioni KEYED SU sessionId (non indice): la lista
+    // a due gruppi + separatore è una vista trasformata, un indice grezzo punterebbe
+    // alla riga sbagliata dopo un pin o un cambio di contesto (stesso trap T39).
+    const [selSessionId, setSelSessionId] = useState(null);
     const [note, setNote] = useState('');
     // Modali: catturano i tasti e corto-circuitano la navigazione normale.
     // T30 create · T39 sort/filter.
@@ -395,6 +434,22 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     // T41 — bozza dell'edit (null fuori dal modale) e riga attiva della griglia.
     const [edit, setEdit] = useState(null);
     const [editRow, setEditRow] = useState(0);
+    // T52 — stato del modale ricerca. VOLATILE per decisione (D4): vive in
+    // memoria, quindi riaprendo il modale ritrovi query e toggle come li avevi
+    // lasciati, ma un riavvio del deck riporta ai default. Niente schema nuovo su
+    // `deck-view.json` e nessuna scrittura implicita su disco — che
+    // contraddirebbe la regola T39 «il disco si tocca solo su `w`», qui non
+    // trasportabile perché dentro il modale `w` è un carattere digitabile.
+    const [searchHash, setSearchHash] = useState('');
+    const [searchQuery, setSearchQuery] = useState('');
+    const [searchField, setSearchField] = useState('query');
+    const [searchOpts, setSearchOpts] = useState(DEFAULT_OPTIONS);
+    const [searchSelKey, setSearchSelKey] = useState(null);
+    // Occorrenza aperta nel reader; null = reader chiuso. Tenerla separata dalla
+    // selezione della lista è ciò che permette a `esc` di tornare indietro
+    // trovando la lista esattamente com'era.
+    const [readerRow, setReaderRow] = useState(null);
+    const [readerTop, setReaderTop] = useState(0);
     // Dimensioni vive del terminale: sono l'input del budget d'altezza sotto.
     const { rows, columns } = useTerminalSize();
     // Voci launch del progetto (T32): lette una volta, raggiunte per indice 1..9.
@@ -424,12 +479,36 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     }
     // Figli della selezione: sessioni bound alla task selezionata, oppure (spot)
     // le sessioni senza binding. sessions è già ts desc → l'ordine si eredita.
-    const childSessions = sessions.filter((s) => {
+    // Memoizzato così `sessionRows` resta stabile fra render che non cambiano gli
+    // input: l'effect di validità della selezione non rigira a vuoto.
+    const childSessions = useMemo(() => sessions.filter((s) => {
         const bound = bindings.get(s.sessionId);
         return selectedTaskId ? bound === selectedTaskId : !bound;
-    });
-    const visibleSessions = childSessions.slice(0, MAX_SESSIONS);
-    const hiddenSessions = childSessions.length - visibleSessions.length;
+    }), [sessions, bindings, selectedTaskId]);
+    // T50 — lista a due gruppi: pinnate (sempre, in cima) + separatore +
+    // 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, MAX_SESSIONS), [childSessions, sessions, pinned]);
+    const sessionRows = assembled.rows;
+    const selSessionObj = selectedSession(sessionRows, selSessionId);
+    // T52 — ricerca EAGER: rigira a ogni carattere digitato, non su ⏎. È
+    // sostenibile perché i corpi sono già in RAM dentro la cache mtime-keyed
+    // dell'adapter (D5): misurato su questo progetto, 0,8 ms sui soli corpi IA e
+    // ≤9 ms su tutti i tipi — sotto il tempo fra due battute. Il memo evita di
+    // rifarla sui re-render che non toccano né query né opzioni (il poll delle
+    // sessioni ogni 1,5s è già filtrato dalla signature in `useSessions`).
+    const searchResult = useMemo(() => searchSessions(sessions, searchHash, searchQuery, searchOpts), [sessions, searchHash, searchQuery, searchOpts]);
+    // Con l'hash valorizzato la conversazione è una sola e già nominata nel campo:
+    // la riga-sessione ripeterebbe un dato costante rubando una riga per gruppo.
+    const searchFlat = searchHash.trim().length > 0;
+    const searchRows = useMemo(() => buildRows(searchResult, searchFlat), [searchResult, searchFlat]);
+    // T52 — corpo del messaggio aperto nel reader, wrappato UNA volta per (testo,
+    // larghezza). Senza memo ogni pressione di freccia rifarebbe l'a-capo di un
+    // messaggio che nella coda lunga arriva a 150k char.
+    const readerWidth = Math.max(20, (columns || 80) - 6);
+    const readerLines = useMemo(() => (readerRow?.kind === 'hit' ? wrapWithOffsets(readerRow.hit.text, readerWidth) : []), [readerRow, readerWidth]);
+    const readerCap = readerCapacity(rows);
+    const readerMaxTop = Math.max(0, readerLines.length - readerCap);
     // T39 — selezione stabile sotto trasformazione. Se la task selezionata esce
     // dalla vista (filtro appena attivato, oppure sparita da tasks.md), si cade
     // sulla prima visibile — fallback deterministico, mai una posizione a caso.
@@ -438,13 +517,24 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             setSelId(viewTasks[0]?.id ?? null);
         }
     }, [viewTasks, selId]);
-    // Cambio padre → riparti dalla prima sessione figlia.
+    // 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
+    // posizione a caso. Sostituisce il reset-a-0 e il clamp index-based.
     useEffect(() => {
-        setSelSession(0);
-    }, [selId]);
+        if (rowIndexOf(sessionRows, selSessionId) < 0) {
+            setSelSessionId(firstSelectableId(sessionRows));
+        }
+    }, [sessionRows, selSessionId]);
+    // T52 — stessa invariante sulla lista occorrenze, dove è ancora più stretta:
+    // la lista si RICOSTRUISCE a ogni carattere digitato, quindi la chiave
+    // selezionata sparisce continuamente. Persa → prima riga, mai una posizione
+    // ereditata (che qui punterebbe a un'altra conversazione, non a un'altra riga).
     useEffect(() => {
-        setSelSession((s) => Math.min(s, Math.max(0, visibleSessions.length - 1)));
-    }, [visibleSessions.length]);
+        if (rowIndexOfKey(searchRows, searchSelKey) < 0) {
+            setSearchSelKey(firstRowKey(searchRows));
+        }
+    }, [searchRows, searchSelKey]);
     // T30: submit dell'input box. Il taskId nasce DOPO create-task (lo assegna la
     // skill scrivendo tasks.md) → non è noto allo spawn. Il sessionId invece è
     // pinnato qui: snapshot degli id PRIMA, poi al completamento re-leggo tasks.md
@@ -544,7 +634,145 @@ function Deck({ cwd, tasksPath, tasksDir }) {
         const next = Math.max(0, Math.min(viewTasks.length, selIndex + delta));
         setSelId(next === 0 ? null : viewTasks[next - 1]?.id ?? null);
     }
+    // T52 — `⏎` contestuale al TIPO di riga: la lista ne mescola due e l'azione
+    // giusta dipende da quale è selezionata. Riga sessione → resume, identico al
+    // `⏎` della lista sessioni (stessa funzione, T49). Riga occorrenza → reader.
+    function submitSearchRow() {
+        const row = selectedRow(searchRows, searchSelKey);
+        if (!row) {
+            setNote(searchResult.error ? '⚠ regex non valida' : 'nessuna occorrenza selezionata');
+            return;
+        }
+        if (row.kind === 'session') {
+            const bound = bindings.get(row.session.sessionId) ?? null;
+            const child = spawnDeckResume(bound, cwd, row.session.sessionId);
+            child.on('error', () => setNote(`⚠ resume fallito (${DECK_RUN})`));
+            setNote(`⏎ resume ${row.session.sessionId.slice(0, 8)} → tab CC${bound ? ` (${bound})` : ' (spot)'}`);
+            return;
+        }
+        // D8 — il reader si apre POSIZIONATO sull'occorrenza, non in cima. Il 94%
+        // dei messaggi entra in una schermata e la differenza non si vede; è sul 6%
+        // lungo (p99 ≈ 88 righe, max ≈ 1547) che aprire in cima costringerebbe a
+        // rifare a mano la ricerca appena fatta — cioè proprio il lavoro che questa
+        // feature esiste per evitare.
+        const lines = wrapWithOffsets(row.hit.text, readerWidth);
+        const cap = readerCapacity(rows);
+        const matchLine = lines.findIndex((l) => l.end > row.hit.matchStart);
+        const maxTop = Math.max(0, lines.length - cap);
+        setReaderRow(row);
+        setReaderTop(Math.max(0, Math.min(maxTop, Math.max(0, matchLine) - Math.floor(cap / 2))));
+        setNote('');
+        setMode('reader');
+    }
+    function scrollReader(delta) {
+        setReaderTop((t) => Math.max(0, Math.min(readerMaxTop, t + delta)));
+    }
+    // T52 — toggle di tipo messaggio. Spegnerli tutti è uno stato lecito (lista
+    // vuota, nessun errore): è l'utente che ha chiuso ogni canale, non un guasto.
+    function toggleKind(kind) {
+        setSearchOpts((o) => ({ ...o, kinds: { ...o.kinds, [kind]: !o.kinds[kind] } }));
+    }
+    function editSearchField(fn) {
+        if (searchField === 'hash')
+            setSearchHash(fn);
+        else
+            setSearchQuery(fn);
+    }
+    // `useInput` consegna il CHUNK letto da stdin, non un tasto: un incollaggio —
+    // o una raffica di tasti più veloce di una read — arriva come stringa unica,
+    // byte di controllo compresi. Senza filtro finiscono DENTRO la query: non si
+    // vedono, ma Ink li conta nella larghezza della riga e nessun match li
+    // soddisfa, quindi la ricerca smette di trovare senza dire perché.
+    // Le newline diventano spazio invece di sparire: incollare due righe deve
+    // separare le parole, non fonderle.
+    function typeIntoField(chunk) {
+        const clean = chunk.replace(/[\r\n\t]/g, ' ').replace(/[\u0000-\u001f\u007f]/g, '');
+        if (clean)
+            editSearchField((s) => s + clean);
+    }
+    const searchCap = searchListCapacity(rows, Boolean(note));
     useInput((input, key) => {
+        // T52 — MODALE DENTRO IL MODALE. `useInput` in Ink è globale e non ha
+        // focus-trap: non esiste un meccanismo che confini l'input a un componente.
+        // La cattura È l'ordine dei rami — quindi il reader va PRIMA della ricerca,
+        // e mentre è aperto il modale ricerca resta montato sotto con la sua
+        // selezione intatta, pronto a riprendere il controllo su `esc`.
+        if (mode === 'reader') {
+            if (key.escape) {
+                setMode('search');
+                setReaderRow(null);
+            }
+            else if (key.upArrow) {
+                scrollReader(-1);
+            }
+            else if (key.downArrow) {
+                scrollReader(1);
+            }
+            else if (key.pageUp) {
+                scrollReader(-readerCap);
+            }
+            else if (key.pageDown) {
+                scrollReader(readerCap);
+            }
+            else if (input === 'g') {
+                // Estremi su lettera e non su Home/End: Ink RICONOSCE quelle due (le
+                // mappa a 'home'/'end' nel parser) ma NON le espone — `nonAlphanumericKeys`
+                // azzera l'input e nessun flag le rappresenta, quindi arrivano
+                // indistinguibili da qualunque tasto ignoto. Verificato su pty reale.
+                // Nel reader non c'è input di testo, quindi le lettere sono libere.
+                setReaderTop(0);
+            }
+            else if (input === 'G') {
+                setReaderTop(readerMaxTop);
+            }
+            return;
+        }
+        // T52 — modale ricerca. I due campi di testo mangiano ogni lettera nuda:
+        // ogni comando che deve restare vivo MENTRE si digita passa da CTRL, dai
+        // tasti freccia o da Tab. `esc` chiude il modale, non il deck.
+        if (mode === 'search') {
+            if (key.escape) {
+                setMode('normal');
+                setNote('');
+                return;
+            }
+            if (key.ctrl) {
+                const flag = SEARCH_TOGGLE_KEYS[input];
+                if (flag) {
+                    setSearchOpts((o) => ({ ...o, [flag]: !o[flag] }));
+                    return;
+                }
+                const kind = SEARCH_KIND_KEYS[input];
+                if (kind)
+                    toggleKind(kind);
+                return; // ogni altra combo ctrl (^F incluso: siamo già dentro) = no-op
+            }
+            if (key.tab) {
+                setSearchField((f) => (f === 'hash' ? 'query' : 'hash'));
+            }
+            else if (key.upArrow) {
+                setSearchSelKey((k) => moveRowSelection(searchRows, k, -1));
+            }
+            else if (key.downArrow) {
+                setSearchSelKey((k) => moveRowSelection(searchRows, k, 1));
+            }
+            else if (key.pageUp) {
+                setSearchSelKey((k) => moveRowSelection(searchRows, k, -Math.max(1, searchCap)));
+            }
+            else if (key.pageDown) {
+                setSearchSelKey((k) => moveRowSelection(searchRows, k, Math.max(1, searchCap)));
+            }
+            else if (key.return) {
+                submitSearchRow();
+            }
+            else if (key.backspace || key.delete) {
+                editSearchField((s) => s.slice(0, -1));
+            }
+            else if (input && !key.meta) {
+                typeIntoField(input);
+            }
+            return;
+        }
         // T30: in modalità create l'handler cattura il testo e corto-circuita la
         // navigazione normale (incl. q/esc → quit: qui esc annulla, non esce).
         if (mode === 'create') {
@@ -661,6 +889,21 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             }
             return;
         }
+        // T52/D1 — il ramo CTRL sta PRIMA di quelli su lettera nuda e li chiude
+        // tutti. `CTRL+F` e `f` nudo arrivano con lo STESSO `input` ('f'),
+        // distinguibili solo da `key.ctrl`: senza questa precedenza `CTRL+F`
+        // cadrebbe nel ramo fork e spawnerebbe una sessione invece di aprire la
+        // ricerca. Non è un caso isolato della `f` — `^Q` finirebbe nel quit, `^T`
+        // aprirebbe un terminale, `^C` … ogni lettera legata a un'azione ha la sua
+        // combo omonima. Chiudere qui l'intera classe è più solido che ricordarsi
+        // un `!key.ctrl` su ognuno dei rami, oggi e a ogni tasto aggiunto domani.
+        if (key.ctrl) {
+            if (input === 'f') {
+                setNote('');
+                setMode('search');
+            }
+            return;
+        }
         if (key.leftArrow || key.rightArrow || key.tab) {
             setFocus((f) => (f === 'tasks' ? 'sessions' : 'tasks'));
         }
@@ -668,13 +911,13 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             if (focus === 'tasks')
                 moveTaskSel(-1);
             else
-                setSelSession((i) => Math.max(0, i - 1));
+                setSelSessionId((id) => moveSelection(sessionRows, id, -1));
         }
         else if (key.downArrow) {
             if (focus === 'tasks')
                 moveTaskSel(1);
             else
-                setSelSession((i) => Math.min(visibleSessions.length - 1, i + 1));
+                setSelSessionId((id) => moveSelection(sessionRows, id, 1));
         }
         else if (key.return) {
             if (focus === 'tasks') {
@@ -697,9 +940,9 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             else {
                 // T49 — ⏎ su una sessione = resume in nuova tab. Il binding si rilegge
                 // dal sidecar (non dal padre selezionato): vale anche per le spot.
-                const s = visibleSessions[selSession];
+                const s = selSessionObj;
                 if (!s) {
-                    setNote('nessuna sessione da riprendere');
+                    setNote(selSessionId ? 'pin stale: transcript non più presente' : 'nessuna sessione da riprendere');
                 }
                 else {
                     const bound = bindings.get(s.sessionId) ?? null;
@@ -739,9 +982,9 @@ function Deck({ cwd, tasksPath, tasksDir }) {
                 setNote('f → fork: seleziona una sessione (←→ per il pane)');
             }
             else {
-                const s = visibleSessions[selSession];
+                const s = selSessionObj;
                 if (!s) {
-                    setNote('f → nessuna sessione da forkare');
+                    setNote(selSessionId ? 'f → pin stale: niente da forkare' : 'f → nessuna sessione da forkare');
                 }
                 else {
                     // L'id del ramo nasce qui, prima dello spawn: pinnandolo posso
@@ -761,6 +1004,25 @@ function Deck({ cwd, tasksPath, tasksDir }) {
                 }
             }
         }
+        else if (input === 'p') {
+            // T50 — pin/unpin della conversazione selezionata. Minuscola = azione
+            // immediata (convenzione T39), gemella di `f`: opera sulla riga
+            // selezionata del pane sessioni, quindi vive solo lì. Vale anche su una
+            // 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)');
+            }
+            else if (!selSessionId) {
+                setNote('p → nessuna sessione da pinnare');
+            }
+            else {
+                const isPinned = pinned.has(selSessionId);
+                appendPin(cwd, selSessionId, !isPinned);
+                reloadSessions();
+                setNote(`${isPinned ? 'unpin' : '📌 pin'} ${selSessionId.slice(0, 8)}`);
+            }
+        }
         else if (input === 't') {
             const title = identity ? `🖥️ ${identity.owner} ${identity.name} [term]` : null;
             const child = spawnTerminal(cwd, title);
@@ -801,14 +1063,40 @@ function Deck({ cwd, tasksPath, tasksDir }) {
             exit();
         }
     });
-    const selSessionObj = visibleSessions[selSession] ?? null;
-    const selSessionId = selSessionObj?.sessionId;
     const parentLabel = isSpot ? 'spot' : selectedTaskId ?? '—';
     const canSpawn = focus === 'tasks' && !isSpot;
     const canResume = focus === 'sessions' && selSessionObj !== null;
+    // T50 — il pin agisce su qualunque riga selezionata (anche stale, per
+    // spinnarla); basta il focus sul pane e una selezione.
+    const canPin = focus === 'sessions' && selSessionId !== null;
     // Larghezza dal medesimo hook che dà l'altezza: dopo un resize la legenda si
     // ricalcola con lo stesso re-render che ridimensiona i pane.
     const legend = launchLegend(launch, columns);
+    // ── T52 · schermate sostitutive ─────────────────────────────────────────
+    // Ricerca e reader sono gli unici modali che NON stanno in flusso sopra i
+    // pane: una lista di occorrenze non entra in un box da 4 righe. Prendono
+    // l'intero frame, quindi escono di qui — il budget dei due pane sotto non
+    // serve nemmeno calcolarlo, e la loro altezza la distribuiscono
+    // `searchListCapacity` / `readerCapacity`.
+    if (mode === 'search' || mode === 'reader') {
+        const hit = mode === 'reader' && readerRow?.kind === 'hit' ? readerRow.hit : null;
+        // Terminale sotto la cornice: riga singola invece del box, per lo stesso
+        // motivo del `budget.compact` del deck — un frame più alto di `rows` fa
+        // pulire lo schermo a Ink a ogni redraw, e il poll lo versa nello scrollback.
+        if (isCompact(hit ? readerCap : searchCap)) {
+            return (_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { bold: true, color: "cyan", children: "loom-deck" }), _jsxs(Text, { dimColor: true, children: [' ', "\u00B7 ", hit ? 'reader' : 'ricerca', " \u00B7 terminale ", rows, "\u00D7", columns, ": troppo basso, allarga \u00B7", ' ', "esc ", hit ? 'torna' : 'chiude'] })] }));
+        }
+        if (hit) {
+            // Niente `windowRange`: quella centra la finestra su una SELEZIONE, qui
+            // la posizione è lo scroll che l'utente muove a mano. Il clamp serve
+            // comunque — un resize può accorciare il testo sotto uno scroll già dato.
+            const start = Math.min(readerTop, readerMaxTop);
+            return (_jsx(ReaderScreen, { hit: hit, lines: readerLines.slice(start, start + readerCap), top: start, total: readerLines.length, capacity: readerCap, bound: bindings.get(hit.sessionId) ?? null }));
+        }
+        const selIdx = rowIndexOfKey(searchRows, searchSelKey);
+        const win = windowRange(searchRows.length, selIdx, searchCap);
+        return (_jsx(SearchScreen, { hash: searchHash, query: searchQuery, field: searchField, opts: searchOpts, result: searchResult, rows: searchRows.slice(win.start, win.end), selectedKey: searchSelKey, selectedKind: selectedRow(searchRows, searchSelKey)?.kind ?? null, above: win.start, below: searchRows.length - win.end, capacity: searchCap, bindings: bindings, pinned: pinned, projectCore: identity ? `${identity.owner} ${identity.name}` : null, note: note }));
+    }
     // ── Budget d'altezza ────────────────────────────────────────────────────
     // Il frame deve restare sotto `rows`, sempre: oltre quella soglia Ink smette
     // di aggiornare per differenza e pulisce lo schermo a ogni redraw, che su
@@ -833,20 +1121,21 @@ function Deck({ cwd, tasksPath, tasksDir }) {
         sessionHasFirstPreview: canResume && Boolean(selSessionObj?.customTitle),
         sessionHasLastPreview: canResume && Boolean(selSessionObj?.lastReply),
     });
-    // Finestre di rendering. Le liste "logiche" (viewTasks, visibleSessions)
+    // 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 - 1, budget.taskRows);
     const windowTasks = viewTasks.slice(taskWin.start, taskWin.end);
-    const sessionWin = windowRange(visibleSessions.length, selSession, budget.sessionRows);
-    const windowSessions = visibleSessions.slice(sessionWin.start, sessionWin.end);
+    const selRowIndex = rowIndexOf(sessionRows, selSessionId);
+    const sessionWin = windowRange(sessionRows.length, selRowIndex, budget.sessionRows);
+    const windowRows = sessionRows.slice(sessionWin.start, sessionWin.end);
     // Sotto la soglia minima il layout a box non entra a nessun costo: si scende
     // a una riga sola. Perdere il deck per un terminale basso è meglio che
     // sporcare la cronologia del terminale a ogni poll.
     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 ?? 'spot', " \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 === '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 \u00B7", ' ', _jsx(Text, { color: "yellow", children: "\u23CE" }), " salva+commit \u00B7 ", _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["\u2191\u2193 naviga \u00B7 \u2190\u2192 pane \u00B7 \u23CE ", canSpawn ? 'spawn' : canResume ? 'resume' : '—', canResume ? ' · f fork' : '', " \u00B7 C nuova \u00B7 E edit \u00B7 S sort \u00B7 F filtri \u00B7 w salva \u00B7 t term \u00B7 c claude \u00B7 q esci \u00B7 focus:", ' ', _jsx(Text, { color: "cyan", children: focus })] })), mode === 'normal' && launch.length > 0 ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["launch ", 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 === '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 })) : null, _jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(TasksPane, { tasks: windowTasks, filtered: viewTasks.length, total: tasks.length, hidden: hiddenTasks, view: view, selected: selIndex, spotCount: spotCount, childCount: childCount, focused: focus === 'tasks', loadError: loadError, detail: detail, windowStart: taskWin.start, above: taskWin.start, below: viewTasks.length - taskWin.end, detailLines: budget.detailLines, columns: columns }), _jsx(SessionsPane, { parentLabel: parentLabel, isSpot: isSpot, sessions: windowSessions, total: childSessions.length, hidden: hiddenSessions, selectedId: selSessionId, focused: focus === 'sessions', above: sessionWin.start, below: visibleSessions.length - sessionWin.end, detail: budget.sessionDetail ? selSessionObj : null, firstLines: budget.sessionFirstLines, lastLines: budget.sessionLastLines, columns: columns, forkOf: forkOf })] }), note ? _jsx(Text, { color: "green", wrap: "truncate-end", children: normalizeEmoji(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 === '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 \u00B7", ' ', _jsx(Text, { color: "yellow", children: "\u23CE" }), " salva+commit \u00B7 ", _jsx(Text, { color: "yellow", children: "esc" }), " annulla"] })) : (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["\u2191\u2193 naviga \u00B7 \u2190\u2192 pane \u00B7 \u23CE ", canSpawn ? 'spawn' : canResume ? 'resume' : '—', canResume ? ' · f fork' : '', canPin ? ' · p pin' : '', " \u00B7 ^F cerca \u00B7 C nuova \u00B7 E edit \u00B7 S sort \u00B7 F filtri \u00B7 w salva \u00B7 t term \u00B7 c claude \u00B7 q esci \u00B7 focus:", ' ', _jsx(Text, { color: "cyan", children: focus })] })), mode === 'normal' && launch.length > 0 ? (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["launch ", 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 === '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 })) : null, _jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(TasksPane, { tasks: windowTasks, filtered: viewTasks.length, total: tasks.length, hidden: hiddenTasks, view: view, selected: selIndex, spotCount: spotCount, childCount: childCount, focused: focus === 'tasks', loadError: loadError, detail: detail, windowStart: taskWin.start, above: taskWin.start, below: viewTasks.length - taskWin.end, detailLines: budget.detailLines, columns: columns }), _jsx(SessionsPane, { parentLabel: parentLabel, isSpot: isSpot, 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, detail: budget.sessionDetail ? selSessionObj : null, firstLines: budget.sessionFirstLines, lastLines: budget.sessionLastLines, columns: columns, forkOf: forkOf })] }), note ? _jsx(Text, { color: "green", wrap: "truncate-end", children: normalizeEmoji(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:
@@ -876,6 +1165,113 @@ function EditModal({ id, draft, row }) {
     const mark = (r) => (row === r ? CARET : CARET_OFF);
     return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsxs(Text, { color: "yellow", children: ["E \u203A ", id, " \u00B7 priorit\u00E0 e stato"] }), _jsxs(Text, { children: [mark(0), _jsx(Text, { dimColor: true, children: "pri  " }), EDIT_PRI.map((p) => (_jsxs(Text, { inverse: draft.pri === p, color: draft.pri === p ? 'green' : 'gray', children: ['  ', forceEmojiWidth(PRI_GLYPH[p]), " ", PRI_LABEL[p]] }, p)))] }), _jsxs(Text, { children: [mark(1), _jsx(Text, { dimColor: true, children: "stato" }), EDIT_PROG.map((p) => (_jsxs(Text, { inverse: draft.prog === p, color: draft.prog === p ? 'green' : 'gray', children: ['  ', forceEmojiWidth(PROG_GLYPH[p]), " ", p] }, p)))] }), _jsxs(Text, { children: [mark(2), _jsx(Text, { dimColor: true, children: "prog " }), _jsxs(Text, { children: ['  ', draft.detail] }), row === 2 ? _jsx(Text, { inverse: true, children: " " }) : null, !draft.detail && row !== 2 ? _jsx(Text, { dimColor: true, children: "(default)" }) : null] }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["\u21B3 ", normalizeEmoji(progressText(draft.prog, draft.detail))] })] }));
 }
+// T52 — marcatore compatto del tipo di corpo sulla riga-occorrenza. Due
+// caratteri ASCII e non un'emoji: con più toggle accesi la colonna deve
+// allinearsi, e i glifi BMP larghi 2 sono proprio la classe che Ink e il
+// terminale misurano diversamente (vedi normalizeEmoji).
+const KIND_TAG = { ai: 'ai', tool: 'tl', human: 'hu' };
+const KIND_COLOR = { ai: 'cyan', tool: 'gray', human: 'green' };
+/**
+ * Cosa scrivere sulla riga-gruppo per distinguere una conversazione dall'altra.
+ *
+ * Non basta `session.title`: quel titolo è la label della tab Ptyxis, cioè
+ * `<emoji> <owner> <name>` più un eventuale suffisso. Su una lista tutta dello
+ * stesso progetto (D3) è una COLONNA COSTANTE — tre righe su quattro
+ * identiche, che è esattamente il difetto che la riga-gruppo doveva evitare.
+ *
+ * Si toglie quindi il core `<owner> <name>` (noto dal file config), e se ciò
+ * che resta è vuoto o duplica la task già mostrata nella sua colonna, si
+ * ripiega sul primo prompt — l'unica cosa che davvero identifica quella
+ * conversazione e non un'altra.
+ */
+function conversationLabel(s, core, bound) {
+    let t = s.title;
+    if (core) {
+        const at = t.indexOf(core);
+        if (at >= 0)
+            t = t.slice(at + core.length);
+    }
+    t = t.replace(/^[\s·]+/, '').trim();
+    if (bound && t === bound)
+        t = '';
+    return t || s.firstPrompt || '(senza titolo)';
+}
+/**
+ * Riga di toggle del modale ricerca.
+ *
+ * La mappa tasto→significato è SEMPRE a schermo: `^R` da solo è opaco quanto lo
+ * era il range `1-9` delle launch prima di T43.
+ *
+ * Lo stato acceso/spento passa da `[x]`/`[ ]`, non dal solo colore — stessa
+ * convenzione del modale filtri. Il colore è ridondanza, non l'informazione: su
+ * un terminale monocromo, o in una cattura di testo, sei toggle tutti uguali
+ * non direbbero più quali sono attivi.
+ */
+function ToggleHint({ opts }) {
+    const flag = (on, key, label) => (_jsxs(Text, { color: on ? 'green' : 'gray', dimColor: !on, bold: on, children: ['  ', key, "[", on ? 'x' : ' ', "] ", label] }, key));
+    return (_jsxs(Text, { wrap: "truncate-end", children: [flag(opts.regex, '^R', 'regex'), flag(opts.caseSensitive, '^A', 'Aa'), flag(opts.wholeWord, '^W', 'word'), _jsx(Text, { dimColor: true, children: '  │' }), flag(opts.kinds.ai, '^B', 'IA'), flag(opts.kinds.tool, '^T', 'tools'), flag(opts.kinds.human, '^U', 'human')] }));
+}
+/** Intestazione della lista: dice sempre quanto NON si sta vedendo (regex rotta,
+ *  query troppo corta, occorrenze tagliate dal cap, righe fuori finestra). */
+function SearchListHeader({ result, query, above, below, }) {
+    if (result.error) {
+        return (_jsxs(Text, { color: "red", wrap: "truncate-end", children: [WARN, " regex non valida \u00B7 ", result.error] }));
+    }
+    if (result.idle) {
+        return (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: query.length === 0
+                ? 'digita la chiave da cercare'
+                : `almeno ${MIN_QUERY} caratteri (${query.length})` }));
+    }
+    if (result.shown === 0) {
+        return (_jsx(Text, { color: "yellow", wrap: "truncate-end", children: "nessuna occorrenza" }));
+    }
+    return (_jsxs(Text, { bold: true, wrap: "truncate-end", children: [result.shown, " occorrenze in ", result.sessionCount, " conversazioni", result.hidden > 0 ? _jsxs(Text, { color: "yellow", children: [" \u00B7 +", result.hidden, " oltre il cap"] }) : null, above > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 \u2191", above] }) : null, below > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 \u2193", below] }) : null] }));
+}
+/**
+ * Schermata di ricerca full-text (T52).
+ *
+ * Due campi + toggle + lista di occorrenze. Con l'hash vuoto la lista è
+ * raggruppata per conversazione: la riga-gruppo NON ripete il nome del progetto
+ * (D3: sono tutte dello stesso progetto, sarebbe una colonna costante) e usa lo
+ * spazio per ciò che distingue davvero una conversazione — hash, task legata,
+ * titolo, data.
+ */
+function SearchScreen({ hash, query, field, opts, result, rows, selectedKey, selectedKind, above, below, capacity, bindings, pinned, projectCore, note, }) {
+    const enter = selectedKind === 'session' ? 'resume' : selectedKind === 'hit' ? 'leggi' : '—';
+    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: ["ricerca \u00B7 ", _jsx(Text, { color: "yellow", children: "tab" }), " campo \u00B7 ", _jsx(Text, { color: "yellow", children: "\u2191\u2193" }), " naviga \u00B7", ' ', _jsx(Text, { color: "yellow", children: "\u23CE" }), " ", enter, " \u00B7 ", _jsx(Text, { color: "yellow", children: "esc" }), " chiudi"] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { dimColor: true, children: "hash   " }), _jsx(Text, { color: field === 'hash' ? 'yellow' : undefined, children: hash }), field === 'hash' ? _jsx(Text, { inverse: true, children: " " }) : null, !hash ? _jsx(Text, { dimColor: true, children: "  (vuoto = tutte le conversazioni)" }) : null] }), _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { dimColor: true, children: "chiave " }), _jsx(Text, { color: field === 'query' ? 'yellow' : undefined, children: query }), field === 'query' ? _jsx(Text, { inverse: true, children: " " }) : null] }), _jsx(ToggleHint, { opts: opts })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, marginTop: 1, children: [_jsx(SearchListHeader, { result: result, query: query, above: above, below: below }), rows.slice(0, Math.max(0, capacity)).map((row) => {
+                        const sel = row.key === selectedKey;
+                        if (row.kind === 'session') {
+                            const s = row.session;
+                            const bound = bindings.get(s.sessionId);
+                            return (_jsxs(Text, { inverse: sel, wrap: "truncate-end", children: [sel ? CARET : CARET_OFF, pinned.has(s.sessionId) ? _jsx(Text, { color: "yellow", children: "\uD83D\uDCCC" }) : _jsx(Text, { dimColor: true, children: "\u25CB" }), ' ', _jsx(Text, { color: "cyan", children: s.sessionId.slice(0, 8) }), _jsx(Text, { dimColor: true, children: " \u00B7 " }), bound ?? _jsx(Text, { dimColor: true, children: "spot" }), _jsx(Text, { dimColor: true, children: " \u00B7 " }), truncate(conversationLabel(s, projectCore, bound), 44), _jsxs(Text, { dimColor: true, children: ['  ', "(", row.hitCount, row.hidden > 0 ? `+${row.hidden}` : '', ") ", fmtDateTime(s.ts)] })] }, row.key));
+                        }
+                        const h = row.hit;
+                        return (_jsxs(Text, { inverse: sel, wrap: "truncate-end", children: [sel ? CARET : CARET_OFF, _jsx(Text, { dimColor: true, children: String(h.idx).padStart(4) }), ' ', _jsx(Text, { color: KIND_COLOR[h.kind], children: KIND_TAG[h.kind] }), " ", h.excerpt] }, row.key));
+                    })] }), note ? _jsx(Text, { color: "green", wrap: "truncate-end", children: normalizeEmoji(note) }) : null] }));
+}
+/**
+ * Reader fullscreen (T52 · D8).
+ *
+ * Mostra il messaggio INTERO che contiene l'occorrenza, aperto già posizionato
+ * sul match e con il match evidenziato. È un `mode` a sé, catturato prima del
+ * ramo `search`: il modale ricerca resta montato sotto e su `esc` si ritrova
+ * con query, toggle e selezione intatti.
+ */
+function ReaderScreen({ hit, lines, top, total, capacity, bound, }) {
+    const last = Math.min(total, top + capacity);
+    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: ["reader \u00B7 ", _jsx(Text, { color: "cyan", children: hit.sessionId.slice(0, 8) }), " \u00B7 record ", hit.idx, " \u00B7", ' ', KIND_LABEL[hit.kind], bound ? ` · ${bound}` : '', " \u00B7 righe ", total === 0 ? 0 : top + 1, "-", last, " di ", total] }), _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" }), " inizio \u00B7 ", _jsx(Text, { color: "yellow", children: "G" }), " fine \u00B7", ' ', _jsx(Text, { color: "yellow", children: "esc" }), " torna alla lista"] }), _jsx(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, marginTop: 1, children: lines.map((l, i) => (_jsx(ReaderLine, { line: l, from: hit.matchStart, to: hit.matchEnd }, top + i))) })] }));
+}
+/** Una riga del reader, con la sola porzione di match evidenziata. Gli offset
+ *  sono quelli del testo sorgente, quindi un match a cavallo dell'a-capo si
+ *  colora su entrambe le righe senza casi speciali. */
+function ReaderLine({ line, from, to }) {
+    const a = Math.max(0, Math.min(line.text.length, from - line.start));
+    const b = Math.max(0, Math.min(line.text.length, to - line.start));
+    if (b <= a) {
+        return _jsx(Text, { wrap: "truncate-end", children: line.text || ' ' });
+    }
+    return (_jsxs(Text, { wrap: "truncate-end", children: [line.text.slice(0, a), _jsx(Text, { backgroundColor: "yellow", color: "black", children: line.text.slice(a, b) }), line.text.slice(b)] }));
+}
 function TasksPane({ tasks, filtered, total, hidden, view, selected, spotCount, childCount, focused, loadError, detail, windowStart, above, below, detailLines, columns, }) {
     const spotSelected = selected === 0;
     return (_jsxs(Box, { flexDirection: "column", width: "50%", marginRight: 1, borderStyle: "single", borderColor: focused ? 'cyan' : 'gray', paddingX: 1, children: [_jsxs(Text, { bold: true, color: focused ? 'cyan' : undefined, wrap: "truncate-end", children: ["Tasks (", hidden > 0 ? `${filtered}/${total}` : filtered, ")", hidden > 0 ? _jsxs(Text, { color: "yellow", children: [" \u00B7 ", hidden, " nascoste"] }) : null, above > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 \u2191", above] }) : null, below > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 \u2193", below] }) : null] }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["sort: ", describeSort(view.sort), view.hiddenPri.length + view.hiddenProg.length > 0 ? (_jsxs(Text, { children: [' ', "\u00B7 filtri:", ' ', [
@@ -891,14 +1287,26 @@ function TasksPane({ tasks, filtered, total, hidden, view, selected, spotCount,
                 return (_jsxs(Text, { inverse: sel && focused, bold: sel && !focused, dimColor: !sel && isDone(task.prog), wrap: "truncate-end", children: [sel ? CARET : CARET_OFF, task.id, "  ", forceEmojiWidth(task.pri), "  ", displayProg(task.prog), "  ", task.desc, n > 0 ? ` (${n})` : ''] }, task.id));
             })), detail && detailLines > 0 ? (_jsx(DetailPane, { detail: detail, maxLines: detailLines, columns: columns })) : null] }));
 }
-function SessionsPane({ parentLabel, isSpot, sessions, total, hidden, selectedId, focused, above, below, detail, firstLines, lastLines, columns, forkOf, }) {
-    return (_jsxs(Box, { flexDirection: "column", width: "50%", borderStyle: "single", borderColor: focused ? 'cyan' : 'gray', paddingX: 1, children: [_jsxs(Text, { bold: true, color: focused ? 'cyan' : undefined, wrap: "truncate-end", children: ["Sessions \u00B7 ", parentLabel, " (", total, ")", hidden > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 +", hidden, " pi\u00F9 vecchie"] }) : null, above > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 \u2191", above] }) : null, below > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 \u2193", below] }) : null] }), total === 0 ? (_jsx(Text, { color: "yellow", wrap: "truncate-end", children: isSpot ? 'nessuna sessione libera' : 'nessuna sessione legata a questa task' })) : (sessions.map((s) => {
-                const sel = s.sessionId === selectedId;
+function SessionsPane({ parentLabel, isSpot, rows, total, pinnedCount, hidden, selectedId, focused, above, below, detail, firstLines, lastLines, columns, forkOf, }) {
+    return (_jsxs(Box, { flexDirection: "column", width: "50%", borderStyle: "single", borderColor: focused ? 'cyan' : 'gray', paddingX: 1, children: [_jsxs(Text, { bold: true, color: focused ? 'cyan' : undefined, wrap: "truncate-end", children: ["Sessions \u00B7 ", parentLabel, " (", total, ")", pinnedCount > 0 ? _jsxs(Text, { color: "yellow", children: [" \u00B7 \uD83D\uDCCC", pinnedCount] }) : null, hidden > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 +", hidden, " pi\u00F9 vecchie"] }) : null, above > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 \u2191", above] }) : null, below > 0 ? _jsxs(Text, { dimColor: true, children: [" \u00B7 \u2193", below] }) : null] }), total === 0 ? (_jsx(Text, { color: "yellow", wrap: "truncate-end", children: isSpot ? 'nessuna sessione libera' : 'nessuna sessione legata a questa task' })) : (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') {
+                    return (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: SESSION_SEP }, `sep${i}`));
+                }
+                const sel = row.sessionId === selectedId;
+                // T50 — pin stale: transcript sparito, nessuna Session da mostrare.
+                // Riga navigabile e spinnabile (`p`), marcata, mai un crash.
+                if (row.kind === 'pinned' && row.stale) {
+                    return (_jsxs(Text, { inverse: sel && focused, bold: sel && !focused, dimColor: true, wrap: "truncate-end", children: [sel ? CARET : CARET_OFF, _jsx(Text, { color: "yellow", children: WARN }), " pin stale", ' ', _jsx(Text, { dimColor: true, children: row.sessionId.slice(0, 8) })] }, row.sessionId));
+                }
+                const s = row.session; // non-stale → session presente
+                const isPinnedRow = row.kind === 'pinned';
                 // T28 — un ramo eredita il titolo dell'origine: senza marcatore le due
                 // righe sarebbero identiche a occhio. `⑂` sta PRIMA del titolo, dove
                 // la troncatura non arriva mai.
                 const forked = forkOf.has(s.sessionId);
-                return (_jsxs(Text, { inverse: sel && focused, bold: sel && !focused, wrap: "truncate-end", children: [sel ? CARET : CARET_OFF, isSpot ? _jsx(Text, { dimColor: true, children: "\u25CB" }) : _jsx(Text, { color: "green", children: "\uD83D\uDD17" }), ' ', forked ? _jsx(Text, { color: "magenta", children: "\u2442 " }) : null, truncate(s.title, forked ? 42 : 44), ' ', _jsxs(Text, { dimColor: true, children: ["\u00B7 ", s.gitBranch || '-', " \u00B7 ", relTime(s.ts)] })] }, s.sessionId));
+                return (_jsxs(Text, { inverse: sel && focused, bold: sel && !focused, wrap: "truncate-end", children: [sel ? CARET : CARET_OFF, isPinnedRow ? (_jsx(Text, { color: "yellow", children: "\uD83D\uDCCC" })) : isSpot ? (_jsx(Text, { dimColor: true, children: "\u25CB" })) : (_jsx(Text, { color: "green", children: "\uD83D\uDD17" })), ' ', forked ? _jsx(Text, { color: "magenta", children: "\u2442 " }) : null, truncate(s.title, forked ? 42 : 44), ' ', _jsxs(Text, { dimColor: true, children: ["\u00B7 ", s.gitBranch || '-', " \u00B7 ", relTime(s.ts)] })] }, s.sessionId));
             })), detail ? (_jsx(SessionDetailPane, { s: detail, firstLines: firstLines, lastLines: lastLines, columns: columns, origin: forkOf.get(detail.sessionId) ?? null })) : null] }));
 }
 // T49 — detail pane della sessione selezionata (hover), gemello del DetailPane