@lamemind/loom-deck 0.24.0 → 0.25.0

package/dist/cli.js

@@ -12,10 +12,10 @@ import { resolveTasksPath, resolveTasksDir, loadTasks, loadTaskDetail, } from '.
 import { discoverProjectSessions } from './sessions.js';
 import { buildRows, firstRowKey, moveRowSelection, rowIndexOfKey, searchSessions, selectedRow, DEFAULT_OPTIONS, MIN_QUERY, } from './search.js';
 import { appendNote, appendPin, appendSessionRecord, appendTaskBinding, loadSessionIndex, } from './task-index.js';
-import { assembleSessionList, firstSelectableId, moveSelection, neighborId, rowIndexOf, rowLabel, selectedSession, stripProjectCore, } from './session-list.js';
+import { assembleSessionList, firstSelectableId, moveSelection, neighborId, rowIndexOf, rowLabel, selectedSession, sessionTitle, stripProjectCore, } from './session-list.js';
 import { cellWidth, launchLegend, loadIdentity, loadLaunch } from './config.js';
 import { assignListCapacity, isCompact, layoutBudget, readerCapacity, searchListCapacity, searchPreviewCapacity, windowRange, } from './viewport.js';
-import { caretWindow, cut, sanitize, termWidth, wrapLines, wrapWithOffsets, } from './width.js';
+import { caretWindow, cut, pad, sanitize, termWidth, wrapLines, wrapWithOffsets, } from './width.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';
@@ -430,10 +430,12 @@ const WARN = sanitize('⚠');
 const SESSION_SEP = '─'.repeat(16);
 // Prefisso del sessionId mostrato in lista: stesso dato e stessa lunghezza del
 // widget `⛓ <8 char>` della statusline, così le due superfici si confrontano a
-// occhio. `SID_W` include lo spazio che segue → è quello che il budget della
-// label deve scalare.
+// occhio.
 const SID_CHARS = 8;
-const SID_W = SID_CHARS + 1;
+/** T60 — segnaposto della colonna task su una riga senza binding. Una cella
+ *  vuota di soli spazi lascerebbe un buco che si legge come "colonna finita",
+ *  e la riga tornerebbe a sembrare disallineata pur non essendolo. */
+const TASK_EMPTY = '·';
 // Marker Done per il DISPLAY. `task.prog` resta il `✔️` letto da tasks.md —
 // `isDone()` e le lookup di `view.ts` ci confrontano sopra, e `task-edit` lo
 // riscrive sul file: è una chiave semantica, non testo. Qui `sanitize` lo
@@ -603,6 +605,29 @@ function Deck({ cwd, tasksPath, tasksDir }) {
     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);
+    // 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.
+    // La colonna task esiste solo nella vista "tutte" (altrove il binding è lo
+    // stesso su ogni riga e sta già nell'header del pane), e `0` la spegne.
+    const sessionCols = useMemo(() => {
+        let task = 0;
+        let age = 2;
+        for (const r of sessionRows) {
+            if (r.kind === 'separator')
+                continue;
+            if (isAll) {
+                const b = bindings.get(r.sessionId);
+                if (b)
+                    task = Math.max(task, termWidth(b));
+            }
+            if (r.session)
+                age = Math.max(age, termWidth(relTime(r.session.ts)));
+        }
+        // La cella vuota deve poter entrare nella colonna, o le righe spot
+        // perderebbero il segnaposto e con lui l'allineamento.
+        return { task: task > 0 ? Math.max(task, termWidth(TASK_EMPTY)) : 0, age };
+    }, [sessionRows, bindings, isAll]);
     // 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
@@ -1686,7 +1711,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, view: view, selected: selIndex, spotCount: spotCount, allCount: sessions.length, 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, isAll: isAll, bindings: bindings, 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, sessionNotes: sessionNotes, projectCore: projectCore })] }), 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, filtered: viewTasks.length, total: tasks.length, hidden: hiddenTasks, view: view, selected: selIndex, spotCount: spotCount, allCount: sessions.length, 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, 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, detail: budget.sessionDetail ? selSessionObj : null, firstLines: budget.sessionFirstLines, lastLines: budget.sessionLastLines, columns: columns, forkOf: forkOf, sessionNotes: sessionNotes, projectCore: projectCore })] }), 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:
@@ -1950,7 +1975,7 @@ 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, "  ", sanitize(task.pri), "  ", displayProg(task.prog), "  ", desc, tail] }, task.id));
             })), detail && detailLines > 0 ? (_jsx(DetailPane, { detail: detail, maxLines: detailLines, columns: columns })) : null] }));
 }
-function SessionsPane({ parentLabel, isSpot, isAll, bindings, rows, total, pinnedCount, hidden, selectedId, focused, above, below, detail, firstLines, lastLines, columns, forkOf, sessionNotes, projectCore, }) {
+function SessionsPane({ parentLabel, isSpot, isAll, bindings, taskW, ageW, rows, total, pinnedCount, hidden, selectedId, focused, above, below, detail, firstLines, lastLines, columns, forkOf, sessionNotes, projectCore, }) {
     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: isAll
                     ? 'nessuna conversazione nel progetto'
                     : isSpot
@@ -1965,49 +1990,62 @@ function SessionsPane({ parentLabel, isSpot, isAll, bindings, rows, total, pinne
                 // 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) }), sessionNotes.get(row.sessionId) ? (_jsxs(Text, { color: "yellow", children: [" \u00AB", cut(sessionNotes.get(row.sessionId), 30), "\u00BB"] })) : null] }, row.sessionId));
+                    // T60 — anche qui la nota si taglia sul budget DERIVATO, non su un
+                    // 30 inchiodato: su un pane stretto quel valore fisso mandava la
+                    // riga oltre il bordo, e a ripararla arrivava `cli-truncate` (che
+                    // sfora di una colonna per emoji e mangia il bordo stesso).
+                    const staleNote = sessionNotes.get(row.sessionId);
+                    const staleW = Math.max(0, paneTextWidth(columns) - (2 /* caret */ + termWidth(`${WARN} pin stale `) + SID_CHARS + 3 /* spazio + caporali */));
+                    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, SID_CHARS) }), staleNote ? _jsxs(Text, { color: "yellow", children: [" \u00AB", cut(staleNote, staleW), "\u00BB"] }) : null] }, 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.
+                // righe sarebbero identiche a occhio.
                 const forked = forkOf.has(s.sessionId);
-                // T53 — con una nota il prefisso di progetto sparisce e le sue colonne
-                // passano alla nota; senza, il titolo resta com'è (vedi `rowLabel`).
-                //
-                // Invariante ③: il budget è DERIVATO da `columns`, non inchiodato.
-                // Con un valore fisso (erano 44) su un terminale stretto la riga
-                // superava il pane, e a troncarla finiva `cli-truncate` — che sfora
-                // di una colonna per emoji e si mangia il bordo destro.
                 // T59 D2 — nella vista "tutte" il marker è PER-SESSIONE (binding letto
                 // dal sidecar) e non deciso dal parent: la lista mescola scoped e spot,
                 // quindi un marker uniforme mentirebbe su metà delle righe. E il solo
                 // glifo direbbe *che* la conversazione è legata senza dire *a cosa* —
                 // informazione monca proprio qui, l'unica vista dove l'appartenenza
-                // non è scritta da nessun'altra parte dello schermo. Da qui il task id
-                // inline, che costa colonne al titolo solo in questa vista.
+                // non è scritta da nessun'altra parte dello schermo: da qui la colonna
+                // task accanto, che esiste solo in questa vista.
                 const bound = bindings.get(s.sessionId) ?? null;
-                const idTag = isAll && bound ? `${bound} ` : '';
                 const linked = isAll ? Boolean(bound) : !isSpot;
-                const meta = ` · ${s.gitBranch || '-'} · ${relTime(s.ts)}`;
-                // Il pavimento è `0`, non un minimo di cortesia: questo numero è un
-                // TETTO (le colonne che restano), non una preferenza. Un `Math.max(12,
-                // …)` lo alza sopra lo spazio reale appena il resto della riga cresce
-                // — e la riga esce dal pane mangiandosi il bordo, cioè il difetto che
-                // l'invariante ③ esiste per impedire. Con poco spazio è il titolo a
-                // sparire: hash, task id, branch e data restano, e il frame regge.
-                const labelBudget = Math.max(0, paneTextWidth(columns) -
+                // T60 — colonne VERE: ogni cella fissa è larga esattamente quanto
+                // dichiara, riempita di spazi con `pad` (che misura in colonne, non in
+                // caratteri). Il marker va portato a 2 anche quando è `○`, largo 1:
+                // era lui a far slittare a sinistra di una colonna tutta la riga di
+                // ogni sessione spot.
+                const age = relTime(s.ts);
+                // Il taglio del titolo è ciò che RESTA, calcolato per sottrazione: le
+                // colonne fisse sono note, quindi l'unica cella elastica prende il
+                // resto. Pavimento `0` e non un minimo di cortesia — è un tetto, non
+                // una preferenza: alzarlo sopra lo spazio reale fa uscire la riga dal
+                // pane e le mangia il bordo (invariante ③).
+                const titleW = Math.max(0, paneTextWidth(columns) -
                     (2 /* caret */ +
-                        2 /* icona */ +
-                        1 /* spazio */ +
-                        SID_W /* hash + spazio */ +
-                        termWidth(idTag) +
-                        (forked ? 2 : 0)) -
-                    termWidth(meta) -
-                    1 /* spazio prima del meta */);
-                const label = rowLabel(s.title, sessionNotes.get(s.sessionId), projectCore, labelBudget);
-                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" })) : linked ? (_jsx(Text, { color: "green", children: "\uD83D\uDD17" })) : (_jsx(Text, { dimColor: true, children: "\u25CB" })), ' ', _jsx(Text, { color: "cyan", children: s.sessionId.slice(0, SID_CHARS) }), ' ', idTag ? _jsx(Text, { color: "green", children: idTag }) : null, forked ? _jsx(Text, { color: "magenta", children: "\u2442 " }) : null, label.note ? (_jsxs(Text, { color: "yellow", bold: true, children: ["\u00AB", label.note, "\u00BB"] })) : null, label.note && label.rest ? ' ' : null, label.rest ? _jsx(Text, { dimColor: Boolean(label.note), children: label.rest }) : null, ' ', _jsxs(Text, { dimColor: true, children: ["\u00B7 ", s.gitBranch || '-', " \u00B7 ", relTime(s.ts)] })] }, s.sessionId));
+                        2 /* marker */ +
+                        1 /* gutter */ +
+                        SID_CHARS +
+                        1 /* gutter */ +
+                        (taskW > 0 ? taskW + 1 : 0) +
+                        1 /* gutter prima della data */ +
+                        ageW));
+                // T28 — `⑂` sta DENTRO la cella titolo, non in una colonna sua: una
+                // colonna dedicata costerebbe 2 spazi vuoti su ogni riga non-fork, e
+                // metterlo fuori cella sposterebbe il bordo del titolo solo sui rami —
+                // cioè rimetterebbe lo slittamento che le colonne tolgono.
+                const forkMark = forked ? '⑂ ' : '';
+                const inner = Math.max(0, titleW - termWidth(forkMark));
+                // T60 — il testo arriva già ripulito di ciò che le colonne accanto
+                // dicono già (progetto e task id): senza, la cella conterrebbe
+                // `🧵 loom-works · T59` accanto a una colonna che dice `T59`.
+                const label = rowLabel(sessionTitle(s, projectCore, bound), sessionNotes.get(s.sessionId), inner);
+                const used = (label.note ? termWidth(label.note) + 2 : 0) +
+                    (label.note && label.rest ? 1 : 0) +
+                    termWidth(label.rest);
+                return (_jsxs(Text, { inverse: sel && focused, bold: sel && !focused, wrap: "truncate-end", children: [sel ? CARET : CARET_OFF, isPinnedRow ? (_jsx(Text, { color: "yellow", children: pad('📌', 2) })) : linked ? (_jsx(Text, { color: "green", children: pad('🔗', 2) })) : (_jsx(Text, { dimColor: true, children: pad('○', 2) })), ' ', _jsx(Text, { color: "cyan", children: s.sessionId.slice(0, SID_CHARS) }), ' ', taskW > 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: bound ? 'green' : undefined, dimColor: !bound, children: pad(bound ?? TASK_EMPTY, taskW) }), ' '] })) : null, forkMark ? _jsx(Text, { color: "magenta", children: forkMark }) : null, label.note ? (_jsxs(Text, { color: "yellow", bold: true, children: ["\u00AB", label.note, "\u00BB"] })) : null, label.note && label.rest ? ' ' : null, label.rest ? _jsx(Text, { dimColor: Boolean(label.note), children: label.rest }) : null, ' '.repeat(Math.max(0, inner - used)), ' ', _jsx(Text, { dimColor: true, children: pad(age, ageW, 'right') })] }, s.sessionId));
             })), detail ? (_jsx(SessionDetailPane, { s: detail, firstLines: firstLines, lastLines: lastLines, columns: columns, origin: forkOf.get(detail.sessionId) ?? null, note: sessionNotes.get(detail.sessionId) ?? '' })) : null] }));
 }
 // T49 — detail pane della sessione selezionata (hover), gemello del DetailPane
@@ -2022,7 +2060,7 @@ function SessionDetailPane({ s, firstLines, lastLines, columns, origin, note, })
     const width = detailTextWidth(columns);
     const first = s.customTitle && firstLines > 0 ? wrapLines(s.firstPrompt, width, firstLines) : [];
     const last = s.lastReply && lastLines > 0 ? wrapLines(s.lastReply, width, lastLines) : [];
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsxs(Text, { bold: true, wrap: "truncate-end", children: [note ? _jsxs(Text, { color: "yellow", children: ["\u00AB", note, "\u00BB "] }) : null, _jsx(Text, { dimColor: Boolean(note), children: s.title })] }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [fmtSize(s.sizeBytes), " \u00B7 ", s.turns, " turni \u00B7 ", fmtDateTime(s.ts), origin ? ` · ⑂ da ${origin.slice(0, 8)}` : ''] }), first.map((line, i) => (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [i === 0 ? '» ' : '  ', line] }, `f${i}`))), last.map((line, i) => (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [i === 0 ? '« ' : '  ', line] }, `l${i}`)))] }));
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsxs(Text, { bold: true, wrap: "truncate-end", children: [note ? _jsxs(Text, { color: "yellow", children: ["\u00AB", note, "\u00BB "] }) : null, _jsx(Text, { dimColor: Boolean(note), children: s.title })] }), _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [fmtSize(s.sizeBytes), " \u00B7 ", s.turns, " turni \u00B7 ", fmtDateTime(s.ts), " \u00B7 ", s.gitBranch || '-', origin ? ` · ⑂ da ${origin.slice(0, 8)}` : ''] }), first.map((line, i) => (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [i === 0 ? '» ' : '  ', line] }, `f${i}`))), last.map((line, i) => (_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [i === 0 ? '« ' : '  ', line] }, `l${i}`)))] }));
 }
 /**
  * Righe non-wrappabili del dettaglio (titolo + meta + commit) e loro conteggio.

package/dist/session-list.js

@@ -38,6 +38,48 @@ export function stripProjectCore(title, core) {
     }
     return t.replace(/^[\s·]+/, '').trim();
 }
+/**
+ * Toglie il token del task id dal titolo — quello e solo quello, confrontato
+ * per token intero e non per substring (`T5` non deve mordere dentro `T59`).
+ *
+ * Va in coppia con `stripProjectCore`: un titolo di tab è `<emoji> <progetto> ·
+ * <task>`, quindi tolto il progetto resta quasi sempre il solo task id.
+ */
+export function stripTaskId(title, taskId) {
+    if (!taskId)
+        return title;
+    return title
+        .split(/\s+/)
+        .filter((tok) => tok !== taskId)
+        .join(' ')
+        .replace(/^[\s·]+|[\s·]+$/g, '')
+        .trim();
+}
+/**
+ * Il testo che DISTINGUE una conversazione dalle altre — tolto tutto ciò che è
+ * già scritto altrove nella stessa riga.
+ *
+ * Il titolo di una sessione è la label della tab Ptyxis quando esiste
+ * (`🧵 loom-works · T59`), e il primo prompt dell'utente quando non esiste. I
+ * due casi non vanno trattati allo stesso modo, ed è il punto di questa
+ * funzione:
+ *
+ *  - **con titolo custom** → è composto di pezzi che la riga mostra già in
+ *    colonna: il progetto (costante su ogni riga di un deck per-progetto) e il
+ *    task id (colonna sua). Tolti quelli non resta quasi mai nulla → si cade sul
+ *    primo prompt, che è l'unica cosa lì dentro a dire di cosa si parlava.
+ *  - **senza titolo custom** → `title` È già il primo prompt: intatto.
+ *
+ * `title` (non `customTitle`) è la fonte anche nel primo ramo: è la stessa
+ * stringa già sanificata al confine dell'adapter, e usare il campo grezzo
+ * rimetterebbe in circolo glifi che il frame non sa disegnare.
+ */
+export function sessionTitle(s, core, taskId) {
+    if (!s.customTitle)
+        return s.title;
+    const rest = stripTaskId(stripProjectCore(s.title, core), taskId);
+    return rest || s.firstPrompt || '';
+}
 /** Colonne minime perché un residuo dopo la nota valga la riga: sotto questa
  *  soglia si vedrebbero due lettere e un'ellissi, cioè rumore. */
 const MIN_REST = 6;
@@ -45,27 +87,25 @@ const MIN_REST = 6;
  *  è la parte scelta da un umano, non è lei a cedere il posto per prima. */
 const MIN_NOTE = 14;
 /**
- * Cosa scrivere sulla riga di una conversazione, dentro `budget` colonne.
- *
- * Due regimi, ed è una decisione deliberata che NON siano lo stesso:
+ * Come dividere `budget` colonne fra la nota umana e il testo della
+ * conversazione, quando ci sono entrambi.
  *
- *  - **senza nota** → il titolo resta INTATTO, prefisso di progetto incluso.
- *    Togliere il core qui lascerebbe `T52` o il nulla (i titoli di tab non
- *    contengono altro), cioè meno informazione di prima, non più spazio.
- *  - **con nota** → il core se ne va: la nota dice già quale conversazione è,
- *    quindi le colonne del prefisso passano a lei. Il residuo (tipicamente la
- *    task, `T52`) segue dimmato se ci sta; se non resta nulla va benissimo.
+ * `text` arriva GIÀ ripulito da `sessionTitle`: qui non si decide più *cosa*
+ * mostrare, solo *quanto*. Prima lo strip del prefisso di progetto avveniva
+ * dentro questa funzione e solo sul ramo con nota — asimmetria nata quando il
+ * task id non aveva una colonna sua e togliere il core avrebbe lasciato il
+ * nulla. Con la riga incolonnata quella premessa è caduta, e tenere due regimi
+ * diversi avrebbe reso la colonna titolo larga in un caso e stretta nell'altro.
  *
- * Il budget si divide dando la precedenza alla nota, ma senza affamare il
- * residuo: con entrambi presenti la nota cede fino a `MIN_NOTE` per lasciare
- * spazio al residuo, e il residuo sparisce del tutto sotto `MIN_REST` invece di
- * ridursi a un moncone.
+ * Il budget dà la precedenza alla nota, ma senza affamare il resto: con
+ * entrambi presenti la nota cede fino a `MIN_NOTE`, e il resto sparisce del
+ * tutto sotto `MIN_REST` invece di ridursi a un moncone.
  */
-export function rowLabel(title, note, core, budget) {
+export function rowLabel(text, note, budget) {
     if (!note)
-        return { note: '', rest: cut(title, Math.max(0, budget)) };
+        return { note: '', rest: cut(text, Math.max(0, budget)) };
     // 2 colonne per i caporali « », 1 per lo spazio prima del residuo.
-    const rest = stripProjectCore(title, core);
+    const rest = text;
     const noteBudget = Math.max(0, budget - 2);
     if (!rest)
         return { note: cut(note, noteBudget), rest: '' };

package/dist/width.js

@@ -202,6 +202,26 @@ export function cut(s, cols) {
     // informazione, tolgono una colonna di testo.
     return out.trimEnd().replace(/…$/, '') + '…';
 }
+/**
+ * Cella di larghezza ESATTA `cols`: taglia se eccede, riempie di spazi se manca.
+ *
+ * È il gemello di `cut` e serve a una cosa sola: fare colonne vere. Una lista
+ * incolonnata a mano allinea solo finché ogni cella misura davvero quanto
+ * dichiara — e la misura è in COLONNE del terminale (`termWidth`), non in
+ * caratteri: `'○'.padEnd(2)` e `'🔗'.padEnd(2)` danno due stringhe che
+ * `String.length` giura uguali e che il terminale disegna larghe 2 e 3. È
+ * esattamente lo slittamento di una colonna che rende ragged una lista.
+ *
+ * `align: 'right'` mette il riempimento davanti: serve ai campi ancorati al
+ * margine destro (la data), dove ad allinearsi sono le unità, non l'inizio.
+ */
+export function pad(s, cols, align = 'left') {
+    if (cols <= 0)
+        return '';
+    const t = termWidth(s) > cols ? cut(s, cols) : s;
+    const fill = ' '.repeat(Math.max(0, cols - termWidth(t)));
+    return align === 'right' ? fill + t : t + fill;
+}
 /**
  * Larghezza in colonne di UN carattere **dopo** `sanitize`.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lamemind/loom-deck",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "description": "Deck TUI Ink per-progetto della famiglia loom: legge tasks.md e spawna sessioni Claude Code bound via LOOM_TASK",
   "type": "module",
   "bin": {