@sigrun/tui 0.1.1 → 0.2.0

package/dist/blocks/collection/card.d.ts

@@ -1,36 +0,0 @@
-/**
- * The card template (UI-blocks spec §5.5.1) as terminal lines: a FIXED
- * line layout, every slot optional except `title`, each slot resolved
- * against the item (`./` pointers).
- *
- * Layout, top to bottom:
- *  1. eyebrow line (dimmed small text)
- *  2. title line: icon glyph, tone marker, title (title carries the
- *     tone's colour through TuiTheme)
- *  3. subtitle (one line)
- *  4. body, wrapped and clamped to 4 lines (spec: lists and lanes clamp;
- *     the TUI clamps in every display — a 100-cell grid card cannot
- *     afford a full body either, and `detail` panes are Task 4's)
- *  5. badges + meta on ONE line (badges first, then meta facts)
- *  6. metrics, one per line (`label: value`, `formatValue` formatted)
- *  7. status: spinner frame (when `spinner` binds true) + tone marker +
- *     label — the frame ticks per render (`spinnerFrame`)
- *  8. deps as `after: id, id, …`
- *
- * The card `tone` marker also leads the title; with no tone binding the
- * marker is the neutral one so lines align.
- */
-import type { Card, JsonValue } from "@sigrun/shared/blocks";
-import { type BlockCtx } from "../context.js";
-/** The body clamp (spec §5.5.1: 4 lines in lists and lanes). */
-export declare const CARD_BODY_LINES = 4;
-/** The spinner frame for render `tick` (a render-indexed clock: the TUI
- * has no card-local timers, so a spinning status advances as renders
- * arrive — the same convention ambient rows use). */
-export declare function spinnerFrame(tick: number, ascii: boolean): string;
-/**
- * The card's lines for `item` at `width`, indented `indent` cells.
- * `tick` indexes the spinner frame (the owning component's render
- * count). Lines are display-width truncated, never wider than the pane.
- */
-export declare function cardLines(card: Card, item: JsonValue, ctx: BlockCtx, width: number, indent: number, tick: number): string[];

package/dist/blocks/collection/card.js

@@ -1,128 +0,0 @@
-/**
- * The card template (UI-blocks spec §5.5.1) as terminal lines: a FIXED
- * line layout, every slot optional except `title`, each slot resolved
- * against the item (`./` pointers).
- *
- * Layout, top to bottom:
- *  1. eyebrow line (dimmed small text)
- *  2. title line: icon glyph, tone marker, title (title carries the
- *     tone's colour through TuiTheme)
- *  3. subtitle (one line)
- *  4. body, wrapped and clamped to 4 lines (spec: lists and lanes clamp;
- *     the TUI clamps in every display — a 100-cell grid card cannot
- *     afford a full body either, and `detail` panes are Task 4's)
- *  5. badges + meta on ONE line (badges first, then meta facts)
- *  6. metrics, one per line (`label: value`, `formatValue` formatted)
- *  7. status: spinner frame (when `spinner` binds true) + tone marker +
- *     label — the frame ticks per render (`spinnerFrame`)
- *  8. deps as `after: id, id, …`
- *
- * The card `tone` marker also leads the title; with no tone binding the
- * marker is the neutral one so lines align.
- */
-import { formatValue } from "@sigrun/shared/blocks";
-import { bindRaw, bindText, bindTone } from "../context.js";
-import { iconGlyph } from "../icons.js";
-import { toneFg, toneMarker } from "../tones.js";
-import { truncate, wrapPlain } from "../width.js";
-/** The body clamp (spec §5.5.1: 4 lines in lists and lanes). */
-export const CARD_BODY_LINES = 4;
-/** The braille spinner frames (ASCII: the classic four-bar cycle). */
-const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-const SPINNER_FRAMES_ASCII = ["*", "+", "x", "+"];
-/** The spinner frame for render `tick` (a render-indexed clock: the TUI
- * has no card-local timers, so a spinning status advances as renders
- * arrive — the same convention ambient rows use). */
-export function spinnerFrame(tick, ascii) {
-    const frames = ascii ? SPINNER_FRAMES_ASCII : SPINNER_FRAMES;
-    return frames[tick % frames.length] ?? frames[0] ?? "*";
-}
-/** One meta entry resolved to its display text ("" = omit). */
-function metaText(entry, ctx, item) {
-    if ("person" in entry) {
-        // The extension supplies the display name; `user` is the handle
-        // and is not shown (spec §5.5.1).
-        return bindText(entry.person.name, ctx);
-    }
-    if ("time" in entry) {
-        const at = bindRaw(entry.time, ctx);
-        return at === undefined ? "" : formatValue(at, entry.format, ctx.locale, ctx.timeZone);
-    }
-    return bindText(entry.text, ctx);
-}
-/**
- * The card's lines for `item` at `width`, indented `indent` cells.
- * `tick` indexes the spinner frame (the owning component's render
- * count). Lines are display-width truncated, never wider than the pane.
- */
-export function cardLines(card, item, ctx, width, indent, tick) {
-    const pad = " ".repeat(indent);
-    const inner = Math.max(1, width - indent);
-    const itemCtx = { ...ctx, item };
-    const lines = [];
-    const clamp = (line) => truncate(line, inner);
-    // 1. eyebrow
-    const eyebrow = bindText(card.eyebrow, itemCtx);
-    if (eyebrow !== "")
-        lines.push(pad + clamp(ctx.theme.dim(eyebrow)));
-    // 2. title: icon, tone marker, toned title text.
-    const tone = bindTone(card.tone, itemCtx);
-    const title = bindText(card.title, itemCtx);
-    const icon = card.icon === undefined ? "" : `${iconGlyph(bindText(card.icon, itemCtx), !ctx.unicode)} `;
-    const marker = `${toneMarker(tone, !ctx.unicode)} `;
-    lines.push(pad + clamp(`${icon}${marker}${toneFg(ctx.theme, tone)(title)}`));
-    // 3. subtitle
-    const subtitle = bindText(card.subtitle, itemCtx);
-    if (subtitle !== "")
-        lines.push(pad + clamp(subtitle));
-    // 4. body, clamped to CARD_BODY_LINES.
-    const body = bindText(card.body, itemCtx);
-    if (body !== "") {
-        for (const line of wrapPlain(body, inner).slice(0, CARD_BODY_LINES)) {
-            lines.push(pad + line);
-        }
-    }
-    // 5. badges + meta, one line.
-    const parts = [];
-    for (const badge of card.badges ?? []) {
-        const text = bindText(badge.text, itemCtx);
-        if (text === "")
-            continue;
-        const badgeTone = bindTone(badge.tone, itemCtx);
-        parts.push(`[${toneFg(ctx.theme, badgeTone)(text)}]`);
-    }
-    const metaParts = (card.meta ?? [])
-        .map((entry) => metaText(entry, itemCtx, item))
-        .filter((text) => text !== "");
-    if (metaParts.length > 0)
-        parts.push(metaParts.join(" · "));
-    if (parts.length > 0)
-        lines.push(pad + clamp(parts.join(" ")));
-    // 6. metrics, one per line.
-    for (const metric of card.metrics ?? []) {
-        const label = bindText(metric.label, itemCtx);
-        const value = bindRaw(metric.value, itemCtx);
-        if (label === "" || value === undefined)
-            continue;
-        lines.push(pad + clamp(`${label}: ${formatValue(value, metric.format, ctx.locale, ctx.timeZone)}`));
-    }
-    // 7. status (spinner frame + tone marker + label).
-    if (card.status !== undefined) {
-        const label = bindText(card.status.label, itemCtx);
-        if (label !== "") {
-            const statusTone = bindTone(card.status.tone, itemCtx);
-            const spin = bindRaw(card.status.spinner, itemCtx) === true;
-            const frame = spin ? `${spinnerFrame(Math.max(0, tick - 1), !ctx.unicode)} ` : "";
-            const statusMarker = `${toneMarker(statusTone, !ctx.unicode)} `;
-            lines.push(pad + clamp(`${frame}${statusMarker}${toneFg(ctx.theme, statusTone)(label)}`));
-        }
-    }
-    // 8. deps ("after: …").
-    const depsRaw = bindRaw(card.deps, itemCtx);
-    if (Array.isArray(depsRaw)) {
-        const deps = depsRaw.filter((dep) => typeof dep === "string");
-        if (deps.length > 0)
-            lines.push(pad + clamp(`after: ${deps.join(", ")}`));
-    }
-    return lines;
-}

package/dist/blocks/collection/collection.d.ts

@@ -1,9 +0,0 @@
-/**
- * The `collection` block (UI-blocks spec §5.5): the display dispatch.
- * Task 3 owns `list`/`table`/`grid`; Task 4 owns `lanes`/`calendar`.
- */
-import type { Component } from "@earendil-works/pi-tui";
-import type { CollectionBlock } from "@sigrun/shared/blocks";
-import type { BlockCtx } from "../context.js";
-/** The display dispatch. */
-export declare function renderCollection(block: CollectionBlock, ctx: BlockCtx): Component | undefined;

package/dist/blocks/collection/collection.js

@@ -1,26 +0,0 @@
-/**
- * The `collection` block (UI-blocks spec §5.5): the display dispatch.
- * Task 3 owns `list`/`table`/`grid`; Task 4 owns `lanes`/`calendar`.
- */
-import { CalendarComponent } from "./calendar.js";
-import { GridComponent } from "./grid.js";
-import { LanesComponent } from "./lanes.js";
-import { ListComponent } from "./list.js";
-import { TableComponent } from "./table.js";
-/** The display dispatch. */
-export function renderCollection(block, ctx) {
-    switch (block.display) {
-        case "list":
-            return new ListComponent(block, ctx);
-        case "table":
-            return new TableComponent(block, ctx);
-        case "grid":
-            return new GridComponent(block, ctx);
-        case "lanes":
-            return new LanesComponent(block, ctx);
-        case "calendar":
-            return new CalendarComponent(block, ctx);
-        default:
-            return undefined;
-    }
-}

package/dist/blocks/collection/grid.d.ts

@@ -1,18 +0,0 @@
-/**
- * The `grid` display (UI-blocks spec §5.5 + §12.3): cards in as many
- * columns as fit — `floor(width / token)` with the token from the item
- * template's `image` presence (`m` = 45 cells with an image, `s` = 30
- * without; §5.5's minItemWidth). `overflow: "scroll"` stays one
- * horizontal row (the row clips at the pane edge; there is no second
- * row). At compact width the fallback is one column (§12.3).
- */
-import type { Component } from "@earendil-works/pi-tui";
-import type { CollectionBlock } from "@sigrun/shared/blocks";
-import { type BlockCtx } from "../context.js";
-/** `grid`: floor(width / token) card columns. */
-export declare class GridComponent implements Component {
-    #private;
-    constructor(block: CollectionBlock, ctx: BlockCtx);
-    render(width: number): string[];
-    invalidate(): void;
-}

package/dist/blocks/collection/grid.js

@@ -1,72 +0,0 @@
-/**
- * The `grid` display (UI-blocks spec §5.5 + §12.3): cards in as many
- * columns as fit — `floor(width / token)` with the token from the item
- * template's `image` presence (`m` = 45 cells with an image, `s` = 30
- * without; §5.5's minItemWidth). `overflow: "scroll"` stays one
- * horizontal row (the row clips at the pane edge; there is no second
- * row). At compact width the fallback is one column (§12.3).
- */
-import { pad, truncate, widthClassOf } from "../width.js";
-import { cardLines } from "./card.js";
-import { collectionItems, sortItems } from "./shared.js";
-/** `grid`: floor(width / token) card columns. */
-export class GridComponent {
-    #block;
-    #ctx;
-    #tick = 0;
-    constructor(block, ctx) {
-        this.#block = block;
-        this.#ctx = ctx;
-    }
-    #rows() {
-        return sortItems(collectionItems(this.#block, this.#ctx), this.#block.sort);
-    }
-    render(width) {
-        this.#tick += 1;
-        const rows = this.#rows();
-        const itemWidth = this.#block.item.image === undefined ? 30 : 45; // s / m token (§5.2)
-        let columns = Math.max(1, Math.floor(width / itemWidth));
-        if (this.#block.overflow === "scroll") {
-            // One row, clipped at the pane edge.
-            columns = Math.max(1, columns);
-            return this.#renderRow(rows, width, itemWidth).slice(0, this.#rowHeight(rows, itemWidth, width));
-        }
-        if (widthClassOf(width) === "compact")
-            columns = 1;
-        const lines = [];
-        for (let start = 0; start < rows.length; start += columns) {
-            lines.push(...this.#renderRow(rows.slice(start, start + columns), width, itemWidth));
-        }
-        return lines;
-    }
-    /** The tallest card of a row, in lines. */
-    #rowHeight(rows, itemWidth, width) {
-        let height = 0;
-        for (const row of rows) {
-            height = Math.max(height, cardLines(this.#block.item, row.item, this.#ctx, itemWidth - 2, 0, this.#tick).length);
-        }
-        void width;
-        return height;
-    }
-    /** One grid row: the cards side by side, each padded to `itemWidth`. */
-    #renderRow(rows, width, itemWidth) {
-        const perCard = rows.map((row) => cardLines(this.#block.item, row.item, this.#ctx, itemWidth - 2, 0, this.#tick));
-        const height = perCard.reduce((max, card) => Math.max(max, card.length), 0);
-        const lines = [];
-        for (let line = 0; line < height; line++) {
-            const cells = perCard.map((card) => pad(card[line] ?? "", itemWidth - 2));
-            const joined = cells.join("  ");
-            const text = joined.trimEnd() === "" ? "" : joined;
-            if (text === "") {
-                lines.push("");
-            }
-            else {
-                lines.push(truncate(text.replace(/\s+$/, ""), width));
-            }
-        }
-        return lines;
-    }
-    invalidate() {
-        // The grid holds no view state beyond the spinner tick.
-    }
-}

package/dist/blocks/collection/lanes.d.ts

@@ -1,32 +0,0 @@
-/**
- * The `lanes` display (UI-blocks U2 Task 4, spec §5.5 + §12.3 + §12.4):
- * one lane per group, side by side in regular/wide; compact shows ONE
- * lane with a Tab/Shift+Tab switcher and a per-item "Move to…" menu
- * (the `.` action-menu) for cross-lane moves.
- *
- * Keyboard moves (§12.4): `m` picks the item under the cursor up,
- * arrows place it (left/right across lanes, up/down within), Enter
- * drops with the U1 pointer-drop payload `{itemId, from: {group,
- * index}, to: {group, index}}`, Esc cancels. Review Focus 1: the
- * pick-up survives a resize — the placement is recomputed from the
- * live block data on every key, never cached from the rendered lines.
- *
- * `x` checks, `Space` selects, Enter on an item with no pick-up in
- * flight activates it. Quiet items fold behind a per-lane "N more"
- * row. The cursor is (lane, row); at regular/wide lanes render side by
- * side and the cursor lane is the compact-selected one.
- */
-import type { Component } from "@earendil-works/pi-tui";
-import type { CollectionBlock } from "@sigrun/shared/blocks";
-import type { BlockCtx } from "../context.js";
-import { isQuiet } from "./shared.js";
-/** The lanes display. */
-export declare class LanesComponent implements Component {
-    #private;
-    constructor(block: CollectionBlock, ctx: BlockCtx);
-    render(width: number): string[];
-    handleInput(data: string): void;
-    invalidate(): void;
-}
-/** Re-exported so tests can assert the compact switcher boundary. */
-export { isQuiet };

package/dist/blocks/collection/lanes.js

@@ -1,320 +0,0 @@
-/**
- * The `lanes` display (UI-blocks U2 Task 4, spec §5.5 + §12.3 + §12.4):
- * one lane per group, side by side in regular/wide; compact shows ONE
- * lane with a Tab/Shift+Tab switcher and a per-item "Move to…" menu
- * (the `.` action-menu) for cross-lane moves.
- *
- * Keyboard moves (§12.4): `m` picks the item under the cursor up,
- * arrows place it (left/right across lanes, up/down within), Enter
- * drops with the U1 pointer-drop payload `{itemId, from: {group,
- * index}, to: {group, index}}`, Esc cancels. Review Focus 1: the
- * pick-up survives a resize — the placement is recomputed from the
- * live block data on every key, never cached from the rendered lines.
- *
- * `x` checks, `Space` selects, Enter on an item with no pick-up in
- * flight activates it. Quiet items fold behind a per-lane "N more"
- * row. The cursor is (lane, row); at regular/wide lanes render side by
- * side and the cursor lane is the compact-selected one.
- */
-import { truncate, widthClassOf } from "../width.js";
-import { cardLines } from "./card.js";
-import { MoveSession, dispatchMove, lanes, movePayload, placementOf, shiftAcross, shiftWithin, } from "./move.js";
-import { CollectionState, dispatchActivate, dispatchCheck, isQuiet, } from "./shared.js";
-/** The lanes display. */
-export class LanesComponent {
-    #block;
-    #ctx;
-    #state = new CollectionState();
-    #moves = new MoveSession();
-    #tick = 0;
-    /** The compact lane selection (survives width-class changes — the
-     *  same rule as U1's Review Focus 3). */
-    #lane = 0;
-    /** The cursor: a lane id plus a row within it. */
-    #cursor = { group: "", row: 0 };
-    /** The item the "Move to…" menu was opened for. */
-    #menuItem;
-    constructor(block, ctx) {
-        this.#block = block;
-        this.#ctx = ctx;
-    }
-    #lanes() {
-        return lanes(this.#block, this.#ctx);
-    }
-    /** The cursor lane (defaulting to the first group / compact lane). */
-    #cursorLane(groups) {
-        if (this.#cursor.group === "") {
-            const first = groups[Math.min(this.#lane, groups.length - 1)];
-            if (first !== undefined)
-                this.#cursor = { group: first.id, row: 0 };
-        }
-        return (groups.find((group) => group.id === this.#cursor.group) ?? groups[0]);
-    }
-    /** The addressable rows of a lane: visible items, then quiet items
-     *  (folded behind "N more" while the lane's fold is closed). */
-    #laneRows(group, items) {
-        const rows = [];
-        const visibleIds = new Set(items.map((row) => row.id));
-        const quiet = group.items.filter((row) => !visibleIds.has(row.id));
-        if (this.#state.quietShownFor(group.id)) {
-            for (const item of [...items, ...quiet]) {
-                rows.push({ kind: "item", group: group.id, itemId: item.id });
-            }
-            if (quiet.length > 0) {
-                rows.push({ kind: "quiet", group: group.id, quietCount: 0 });
-            }
-            return rows;
-        }
-        for (const item of items)
-            rows.push({ kind: "item", group: group.id, itemId: item.id });
-        if (quiet.length > 0) {
-            rows.push({ kind: "quiet", group: group.id, quietCount: quiet.length });
-        }
-        return rows;
-    }
-    render(width) {
-        this.#tick += 1;
-        const { groups, visible } = this.#lanes();
-        const compact = widthClassOf(width) === "compact";
-        if (this.#lane >= groups.length)
-            this.#lane = 0;
-        const shownGroups = compact
-            ? groups.filter((group) => group.id === (groups[this.#lane]?.id ?? ""))
-            : groups;
-        if (this.#state.menu?.kind === "moveTo") {
-            const lines = [truncate("Move to…", width)];
-            this.#moveTargets().forEach((group, index) => {
-                const cursor = index === this.#state.menuCursor ? "> " : "  ";
-                lines.push(truncate(cursor + (group.title || group.id), width));
-            });
-            return lines;
-        }
-        const lines = [];
-        if (compact && groups.length > 1) {
-            const names = groups
-                .map((group, index) => {
-                const label = group.title || group.id;
-                return index === this.#lane ? this.#ctx.theme.bold(label) : label;
-            })
-                .join("  ");
-            lines.push(truncate(names, width));
-        }
-        const gutter = 2;
-        const laneWidth = shownGroups.length === 0
-            ? width
-            : Math.max(8, Math.floor((width - gutter * (shownGroups.length - 1)) / shownGroups.length));
-        const perLane = shownGroups.map((group) => this.#laneLines(group, visible.get(group.id) ?? [], laneWidth));
-        const height = Math.max(0, ...perLane.map((column) => column.length));
-        for (let row = 0; row < height; row++) {
-            const parts = perLane.map((column) => (column[row] ?? "").padEnd(laneWidth));
-            lines.push(truncate(parts.join(" ".repeat(gutter)), width));
-        }
-        return lines;
-    }
-    /** One lane's lines: heading, item cards (with a cursor column and
-     *  the pick-up marker), the quiet fold, and the drop marker. */
-    #laneLines(group, items, width) {
-        const lines = [];
-        lines.push(this.#ctx.theme.bold(truncate(`## ${group.title || group.id}`, width)));
-        const rows = this.#laneRows(group, items);
-        rows.forEach((row, rowIndex) => {
-            const atCursor = this.#cursor.group === group.id && this.#cursor.row === rowIndex;
-            const cursor = atCursor ? "> " : "  ";
-            if (row.kind === "quiet") {
-                const label = row.quietCount === 0 ? "Show less" : `${row.quietCount ?? 0} more`;
-                lines.push(truncate(cursor + this.#ctx.theme.dim(label), width));
-                return;
-            }
-            const item = items.find((candidate) => candidate.id === row.itemId) ??
-                group.items.find((candidate) => candidate.id === row.itemId);
-            if (item === undefined)
-                return;
-            const held = this.#moves.held?.itemId === item.id;
-            let prefix = "";
-            if (this.#block.checkable !== undefined) {
-                prefix += this.#state.checkedValue(this.#block, item) ? "[x] " : "[ ] ";
-            }
-            if (this.#block.select !== undefined) {
-                prefix += this.#state.selected.has(item.id)
-                    ? this.#ctx.unicode
-                        ? "(•) "
-                        : "(*) "
-                    : "( ) ";
-            }
-            if (held)
-                prefix += this.#ctx.unicode ? "✋ " : "* ";
-            const card = cardLines(this.#block.item, item.item, this.#ctx, width - cursor.length - prefix.length, 0, this.#tick);
-            const [first, ...rest] = card;
-            lines.push(truncate(`${cursor}${prefix}${first ?? ""}`, width));
-            for (const line of rest) {
-                lines.push(truncate(`${cursor}${" ".repeat(prefix.length)}${line}`, width));
-            }
-        });
-        const held = this.#moves.held;
-        if (held !== undefined && held.at.group === group.id) {
-            const marker = this.#ctx.unicode ? "⌄ drop here" : "v drop here";
-            lines.push(this.#ctx.theme.dim(truncate(`  ${marker} (${held.at.index})`, width)));
-        }
-        return lines;
-    }
-    /** The other groups (the compact "Move to…" menu entries). */
-    #moveTargets() {
-        const { groups } = this.#lanes();
-        return groups.filter((group) => group.id !== this.#cursor.group);
-    }
-    #item(id) {
-        if (id === undefined)
-            return undefined;
-        const { groups } = this.#lanes();
-        for (const group of groups) {
-            const found = group.items.find((row) => row.id === id);
-            if (found !== undefined)
-                return found;
-        }
-        return undefined;
-    }
-    handleInput(data) {
-        const { groups, visible } = this.#lanes();
-        const lane = this.#cursorLane(groups);
-        // The "Move to…" menu owns the keys while open.
-        if (this.#state.menu?.kind === "moveTo") {
-            const targets = this.#moveTargets();
-            if (data === "\x1b") {
-                this.#state.menu = null;
-                this.#menuItem = undefined;
-                return;
-            }
-            if (data === "\x1b[B") {
-                this.#state.menuCursor = Math.min(targets.length - 1, this.#state.menuCursor + 1);
-                return;
-            }
-            if (data === "\x1b[A") {
-                this.#state.menuCursor = Math.max(0, this.#state.menuCursor - 1);
-                return;
-            }
-            if (data !== "\r")
-                return;
-            const target = targets[this.#state.menuCursor];
-            const itemId = this.#menuItem;
-            this.#state.menu = null;
-            this.#menuItem = undefined;
-            if (target === undefined || itemId === undefined)
-                return;
-            const from = placementOf(groups, visible, itemId);
-            if (from === undefined || this.#block.onMove === undefined)
-                return;
-            // The compact move target is the END of the chosen lane (U1's
-            // MoveToMenu rule, spec §12.3).
-            const to = { group: target.id, index: (visible.get(target.id) ?? []).length };
-            this.#ctx.dispatch({ type: "move", name: this.#block.onMove }, movePayload({ itemId, from, to }));
-            return;
-        }
-        // A pick-up in flight owns the arrows (spec §12.4).
-        const held = this.#moves.held;
-        if (held !== undefined) {
-            if (data === "\x1b") {
-                this.#moves.cancel();
-                return;
-            }
-            if (data === "\x1b[D") {
-                this.#moves.held = shiftAcross(held, groups, visible, -1);
-                return;
-            }
-            if (data === "\x1b[C") {
-                this.#moves.held = shiftAcross(held, groups, visible, 1);
-                return;
-            }
-            if (data === "\x1b[A") {
-                this.#moves.held = shiftWithin(held, visible, -1);
-                return;
-            }
-            if (data === "\x1b[B") {
-                this.#moves.held = shiftWithin(held, visible, 1);
-                return;
-            }
-            if (data === "\r") {
-                this.#moves.held = undefined;
-                dispatchMove(this.#block, this.#ctx, held);
-            }
-            return;
-        }
-        // Compact lane switcher: Tab / Shift+Tab cycle lanes.
-        if (data === "\t") {
-            if (groups.length > 1) {
-                this.#lane = (this.#lane + 1) % groups.length;
-                this.#cursor = { group: groups[this.#lane]?.id ?? "", row: 0 };
-            }
-            return;
-        }
-        if (data === "\x1b[Z") {
-            if (groups.length > 1) {
-                this.#lane = this.#lane - 1 < 0 ? groups.length - 1 : this.#lane - 1;
-                this.#cursor = { group: groups[this.#lane]?.id ?? "", row: 0 };
-            }
-            return;
-        }
-        if (lane === undefined)
-            return;
-        const rows = this.#laneRows(lane, visible.get(lane.id) ?? []);
-        if (this.#cursor.row >= rows.length)
-            this.#cursor.row = Math.max(0, rows.length - 1);
-        const current = rows[this.#cursor.row];
-        if (data === "m" && current?.kind === "item" && current.itemId !== undefined) {
-            if (this.#block.onMove === undefined)
-                return;
-            const from = placementOf(groups, visible, current.itemId);
-            if (from === undefined)
-                return;
-            this.#moves.pickUp(current.itemId, from);
-            return;
-        }
-        if (data === ".") {
-            if (current?.kind === "item" &&
-                this.#block.onMove !== undefined &&
-                this.#moveTargets().length > 0) {
-                this.#state.menu = { kind: "moveTo" };
-                this.#state.menuCursor = 0;
-                this.#menuItem = current.itemId;
-            }
-            return;
-        }
-        if (data === "\x1b[B") {
-            this.#cursor = { group: lane.id, row: Math.min(rows.length - 1, this.#cursor.row + 1) };
-            return;
-        }
-        if (data === "\x1b[A") {
-            this.#cursor = { group: lane.id, row: Math.max(0, this.#cursor.row - 1) };
-            return;
-        }
-        if (data === "x" && current?.kind === "item") {
-            const item = this.#item(current.itemId);
-            if (item !== undefined)
-                dispatchCheck(this.#block, this.#ctx, this.#state, item);
-            return;
-        }
-        if (data === " " && this.#block.select !== undefined && current?.kind === "item") {
-            const id = current.itemId ?? "";
-            if (this.#state.selected.has(id))
-                this.#state.selected.delete(id);
-            else
-                this.#state.selected.add(id);
-            return;
-        }
-        if (data !== "\r")
-            return;
-        if (current?.kind === "quiet") {
-            this.#state.toggleQuiet(current.group);
-            return;
-        }
-        if (current?.kind === "item") {
-            const item = this.#item(current.itemId);
-            if (item !== undefined)
-                dispatchActivate(this.#block, this.#ctx, item);
-        }
-    }
-    invalidate() {
-        // State (cursor, selection, folds, the pick-up) survives re-renders.
-    }
-}
-/** Re-exported so tests can assert the compact switcher boundary. */
-export { isQuiet };

package/dist/blocks/collection/list.d.ts

@@ -1,30 +0,0 @@
-/**
- * The `list` display (UI-blocks spec §5.5): rows with group headings in
- * `groups` order, 2-cell-per-level nesting on `children`, `numbered`,
- * checkboxes, quiet items folded behind "N more", and the multi-select
- * bulk action menu (`.`).
- *
- * Keys (spec §12.4): Up/Down move the cursor; `x` toggles the checkable
- * field and dispatches `onCheck` (`edit`, `{itemId, value}`); `Space`
- * selects; `.` opens the bulk menu; Enter activates a row (`onActivate`
- * with `{itemId}`), unfolds the "N more" fold, or picks a menu entry.
- * Selection, folds and menus are view-only — they never dispatch.
- *
- * The bulk menu is the seam Task 5's form renderer plugs into: an
- * action with a `form` opens a minimal seam form here (labeled line
- * per top-level field name, values keyed by name) and its submit rides
- * the bulk payload as `{ids, values}` — mirroring U1 Task 3's note.
- */
-import type { Component } from "@earendil-works/pi-tui";
-import type { CollectionBlock } from "@sigrun/shared/blocks";
-import { type BlockCtx } from "../context.js";
-import { widthClassOf } from "../width.js";
-/** `list`: groups, nesting, numbering, checkboxes, quiet fold, bulk menu. */
-export declare class ListComponent implements Component {
-    #private;
-    constructor(block: CollectionBlock, ctx: BlockCtx);
-    render(width: number): string[];
-    handleInput(data: string): void;
-    invalidate(): void;
-}
-export { widthClassOf };