@flyingrobots/bijou-tui 1.0.0 → 1.1.0

package/README.md

@@ -326,6 +326,31 @@ const state = createFilePickerState({ cwd: process.cwd(), io, height: 15 });
 const output = filePicker(state);
 ```
 
+### Focus Area
+
+```typescript
+import {
+  createFocusAreaState, focusArea, focusAreaScrollBy,
+  focusAreaKeyMap,
+} from '@flyingrobots/bijou-tui';
+
+const state = createFocusAreaState({ content, width: 60, height: 20, overflowX: 'scroll' });
+const output = focusArea(state, { focused: true, ctx });
+```
+
+### DAG Pane
+
+```typescript
+import {
+  createDagPaneState, dagPane, dagPaneSelectChild,
+  dagPaneSelectParent, dagPaneKeyMap,
+} from '@flyingrobots/bijou-tui';
+
+const state = createDagPaneState({ source: nodes, width: 80, height: 24, ctx });
+const output = dagPane(state, { focused: true, ctx });
+const next = dagPaneSelectChild(state, ctx); // arrow-key navigation
+```
+
 All building blocks include `*KeyMap()` factories for preconfigured vim-style keybindings.
 
 ## Related Packages

package/dist/dag-pane.d.ts

@@ -0,0 +1,225 @@
+/**
+ * Interactive DAG pane building block.
+ *
+ * Composes `dagLayout()` with `focusArea()` to provide a scrollable,
+ * keyboard-navigable DAG viewer with arrow-key node selection,
+ * auto-scroll-to-selection, and auto-highlight-path.
+ *
+ * Follows the building block pattern: immutable state + pure transformers +
+ * pure render + convenience keymap factory.
+ *
+ * ```ts
+ * // In TEA init:
+ * const pane = createDagPaneState({ source: nodes, width: 80, height: 24, ctx });
+ *
+ * // In TEA view:
+ * const output = dagPane(pane, { focused: true, ctx });
+ *
+ * // In TEA update:
+ * case 'select-child':
+ *   return [{ ...model, pane: dagPaneSelectChild(model.pane, ctx) }, []];
+ * ```
+ */
+import type { BijouContext, TokenValue, DagNode, DagLayout, SlicedDagSource } from '@flyingrobots/bijou';
+import { type FocusAreaState, type FocusAreaRenderOptions, type OverflowX } from './focus-area.js';
+import { type KeyMap } from './keybindings.js';
+/** DAG rendering options forwarded to `dagLayout()`. */
+export interface DagPaneDagOptions {
+    /** Default color/style token for node box borders. */
+    readonly nodeToken?: TokenValue;
+    /** Color/style token for edge lines and arrowheads. */
+    readonly edgeToken?: TokenValue;
+    /** Color/style token for highlighted path nodes/edges. */
+    readonly highlightToken?: TokenValue;
+    /** Color/style token for the selected node box. */
+    readonly selectedToken?: TokenValue;
+    /** Fixed character width per node box. */
+    readonly nodeWidth?: number;
+    /** Maximum total character width. */
+    readonly maxWidth?: number;
+    /** Layout direction. */
+    readonly direction?: 'down' | 'right';
+}
+/** Immutable state for the DAG pane widget. */
+export interface DagPaneState {
+    /** Graph data source. */
+    readonly source: DagNode[] | SlicedDagSource;
+    /** Currently selected node ID, or undefined. */
+    readonly selectedId: string | undefined;
+    /** Cached `dagLayout()` result. */
+    readonly layout: DagLayout;
+    /** Ordered path from root to selected node (for highlighting). */
+    readonly highlightPath: readonly string[];
+    /** Underlying focus area (scroll/viewport) state. */
+    readonly focusArea: FocusAreaState;
+    /** DAG rendering options forwarded to `dagLayout()`. */
+    readonly dagOptions: DagPaneDagOptions;
+}
+/** Options for creating a new DAG pane state. */
+export interface DagPaneOptions {
+    /** Graph data source (array of nodes or sliced source). */
+    readonly source: DagNode[] | SlicedDagSource;
+    /** Total width in columns (including gutter). */
+    readonly width: number;
+    /** Total height in rows. */
+    readonly height: number;
+    /** Initially selected node ID. */
+    readonly selectedId?: string;
+    /** Horizontal overflow. Default: `'scroll'` (DAGs are wide). */
+    readonly overflowX?: OverflowX;
+    /** DAG rendering options. */
+    readonly dagOptions?: DagPaneDagOptions;
+    /** Bijou context for rendering. */
+    readonly ctx?: BijouContext;
+}
+/** Options for rendering the DAG pane view. */
+export type DagPaneRenderOptions = FocusAreaRenderOptions;
+/**
+ * Create initial DAG pane state for the given source and dimensions.
+ *
+ * @param options - Source, dimensions, and rendering options.
+ * @returns Fresh DAG pane state.
+ */
+export declare function createDagPaneState(options: DagPaneOptions): DagPaneState;
+/**
+ * Select a child node (arrow down).
+ * If nothing is selected, auto-selects the first root node.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export declare function dagPaneSelectChild(state: DagPaneState, ctx?: BijouContext): DagPaneState;
+/**
+ * Select a parent node (arrow up).
+ * If nothing is selected, auto-selects the first root node.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export declare function dagPaneSelectParent(state: DagPaneState, ctx?: BijouContext): DagPaneState;
+/**
+ * Select the sibling node to the left in the same layer.
+ * If nothing is selected, auto-selects the first root node.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export declare function dagPaneSelectLeft(state: DagPaneState, ctx?: BijouContext): DagPaneState;
+/**
+ * Select the sibling node to the right in the same layer.
+ * If nothing is selected, auto-selects the first root node.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export declare function dagPaneSelectRight(state: DagPaneState, ctx?: BijouContext): DagPaneState;
+/**
+ * Select a specific node by ID.
+ * If the ID is not found in the layout, returns state unchanged (no selection).
+ *
+ * @param state - Current DAG pane state.
+ * @param nodeId - ID of the node to select.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export declare function dagPaneSelectNode(state: DagPaneState, nodeId: string, ctx?: BijouContext): DagPaneState;
+/**
+ * Clear the current selection.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with no selection.
+ */
+export declare function dagPaneClearSelection(state: DagPaneState, ctx?: BijouContext): DagPaneState;
+/**
+ * Scroll vertically by a relative amount.
+ *
+ * @param state - Current DAG pane state.
+ * @param dy - Relative vertical offset (positive = down).
+ * @returns Updated state.
+ */
+export declare function dagPaneScrollBy(state: DagPaneState, dy: number): DagPaneState;
+/**
+ * Scroll to the top.
+ *
+ * @param state - Current DAG pane state.
+ * @returns Updated state.
+ */
+export declare function dagPaneScrollToTop(state: DagPaneState): DagPaneState;
+/**
+ * Scroll to the bottom.
+ *
+ * @param state - Current DAG pane state.
+ * @returns Updated state.
+ */
+export declare function dagPaneScrollToBottom(state: DagPaneState): DagPaneState;
+/**
+ * Page down.
+ *
+ * @param state - Current DAG pane state.
+ * @returns Updated state.
+ */
+export declare function dagPanePageDown(state: DagPaneState): DagPaneState;
+/**
+ * Page up.
+ *
+ * @param state - Current DAG pane state.
+ * @returns Updated state.
+ */
+export declare function dagPanePageUp(state: DagPaneState): DagPaneState;
+/**
+ * Scroll horizontally by a relative amount.
+ *
+ * @param state - Current DAG pane state.
+ * @param dx - Relative horizontal offset (positive = right).
+ * @returns Updated state.
+ */
+export declare function dagPaneScrollByX(state: DagPaneState, dx: number): DagPaneState;
+/**
+ * Replace the graph source and re-render. Clears selection.
+ *
+ * @param state - Current DAG pane state.
+ * @param source - New graph data source.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new source and cleared selection.
+ */
+export declare function dagPaneSetSource(state: DagPaneState, source: DagNode[] | SlicedDagSource, ctx?: BijouContext): DagPaneState;
+/**
+ * Render the DAG pane — focus area wrapping the DAG layout output.
+ *
+ * @param state - Current DAG pane state.
+ * @param options - Rendering options (focus, tokens, scrollbar, ctx).
+ * @returns Rendered DAG pane string.
+ */
+export declare function dagPane(state: DagPaneState, options?: DagPaneRenderOptions): string;
+/**
+ * Create a preconfigured KeyMap for DAG pane interaction.
+ *
+ * Arrow keys are bound to node selection. Vim keys (j/k/h/l) are bound
+ * to scroll. `Enter` confirms, `q`/`Ctrl+C` quits.
+ *
+ * @template Msg - Application message type dispatched by key bindings.
+ * @param actions - Map of actions to message values.
+ * @returns Preconfigured key map with DAG pane bindings.
+ */
+export declare function dagPaneKeyMap<Msg>(actions: {
+    selectParent: Msg;
+    selectChild: Msg;
+    selectLeft: Msg;
+    selectRight: Msg;
+    scrollUp: Msg;
+    scrollDown: Msg;
+    scrollLeft: Msg;
+    scrollRight: Msg;
+    pageUp: Msg;
+    pageDown: Msg;
+    top: Msg;
+    bottom: Msg;
+    confirm: Msg;
+    quit: Msg;
+}): KeyMap<Msg>;
+//# sourceMappingURL=dag-pane.d.ts.map

package/dist/dag-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dag-pane.d.ts","sourceRoot":"","sources":["../src/dag-pane.ts"],"names":[],"mappings":"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"}

package/dist/dag-pane.js

@@ -0,0 +1,510 @@
+/**
+ * Interactive DAG pane building block.
+ *
+ * Composes `dagLayout()` with `focusArea()` to provide a scrollable,
+ * keyboard-navigable DAG viewer with arrow-key node selection,
+ * auto-scroll-to-selection, and auto-highlight-path.
+ *
+ * Follows the building block pattern: immutable state + pure transformers +
+ * pure render + convenience keymap factory.
+ *
+ * ```ts
+ * // In TEA init:
+ * const pane = createDagPaneState({ source: nodes, width: 80, height: 24, ctx });
+ *
+ * // In TEA view:
+ * const output = dagPane(pane, { focused: true, ctx });
+ *
+ * // In TEA update:
+ * case 'select-child':
+ *   return [{ ...model, pane: dagPaneSelectChild(model.pane, ctx) }, []];
+ * ```
+ */
+import { dagLayout, isSlicedDagSource } from '@flyingrobots/bijou';
+import { createFocusAreaState, focusArea, focusAreaScrollBy, focusAreaScrollToTop, focusAreaScrollToBottom, focusAreaPageDown, focusAreaPageUp, focusAreaScrollByX, focusAreaSetContent, } from './focus-area.js';
+import { scrollTo, scrollToX } from './viewport.js';
+import { createKeyMap } from './keybindings.js';
+function buildAdjacency(source) {
+    const childMap = new Map();
+    const parentMap = new Map();
+    if (isSlicedDagSource(source)) {
+        const ids = source.ids();
+        const idSet = new Set(ids);
+        for (const id of ids) {
+            const children = source.children(id).filter((c) => idSet.has(c));
+            childMap.set(id, [...children]);
+            if (!parentMap.has(id))
+                parentMap.set(id, []);
+            for (const child of children) {
+                let parents = parentMap.get(child);
+                if (!parents) {
+                    parents = [];
+                    parentMap.set(child, parents);
+                }
+                parents.push(id);
+            }
+        }
+    }
+    else {
+        const idSet = new Set(source.map((n) => n.id));
+        for (const node of source) {
+            const children = (node.edges ?? []).filter((e) => idSet.has(e));
+            childMap.set(node.id, children);
+            if (!parentMap.has(node.id))
+                parentMap.set(node.id, []);
+            for (const child of children) {
+                let parents = parentMap.get(child);
+                if (!parents) {
+                    parents = [];
+                    parentMap.set(child, parents);
+                }
+                parents.push(node.id);
+            }
+        }
+    }
+    const roots = [];
+    for (const [id, parents] of parentMap) {
+        if (parents.length === 0)
+            roots.push(id);
+    }
+    // Also add any nodes that are in childMap but not parentMap (shouldn't happen, but safe)
+    for (const id of childMap.keys()) {
+        if (!parentMap.has(id))
+            roots.push(id);
+    }
+    return {
+        children: childMap,
+        parents: parentMap,
+        roots,
+    };
+}
+// ---------------------------------------------------------------------------
+// Internal: Highlight path computation
+// ---------------------------------------------------------------------------
+function computeHighlightPath(selectedId, adjacency) {
+    if (!selectedId)
+        return [];
+    // BFS upward from selected to find a root, then reverse
+    const visited = new Set();
+    const cameFrom = new Map();
+    const queue = [selectedId];
+    visited.add(selectedId);
+    let rootFound;
+    while (queue.length > 0) {
+        const current = queue.shift();
+        const parents = adjacency.parents.get(current) ?? [];
+        if (parents.length === 0) {
+            rootFound = current;
+            break;
+        }
+        for (const parent of parents) {
+            if (!visited.has(parent)) {
+                visited.add(parent);
+                cameFrom.set(parent, current);
+                queue.push(parent);
+            }
+        }
+    }
+    if (rootFound === undefined) {
+        // Selected node is itself a root (or disconnected)
+        return [selectedId];
+    }
+    // Reconstruct path from root to selected
+    const path = [];
+    let cursor = rootFound;
+    while (cursor !== undefined) {
+        path.push(cursor);
+        if (cursor === selectedId)
+            break;
+        cursor = cameFrom.get(cursor);
+    }
+    // If we couldn't reach selectedId from the root, just return selected
+    if (path[path.length - 1] !== selectedId) {
+        return [selectedId];
+    }
+    return path;
+}
+// ---------------------------------------------------------------------------
+// Internal: Spatial navigation helpers
+// ---------------------------------------------------------------------------
+function closestByCol(candidates, currentCenter, positions) {
+    let best;
+    let bestDist = Infinity;
+    for (const id of candidates) {
+        const pos = positions.get(id);
+        if (!pos)
+            continue;
+        const center = pos.col + pos.width / 2;
+        const dist = Math.abs(center - currentCenter);
+        if (dist < bestDist) {
+            bestDist = dist;
+            best = id;
+        }
+    }
+    return best;
+}
+function nodesOnSameRow(row, positions) {
+    const result = [];
+    for (const [id, pos] of positions) {
+        if (pos.row === row)
+            result.push(id);
+    }
+    return result.sort((a, b) => {
+        const pa = positions.get(a);
+        const pb = positions.get(b);
+        return pa.col - pb.col;
+    });
+}
+// ---------------------------------------------------------------------------
+// Internal: Auto-scroll to node
+// ---------------------------------------------------------------------------
+function scrollToNode(faState, nodePos) {
+    let scroll = faState.scroll;
+    // Vertical: ensure node box (row .. row+height) is within viewport
+    const nodeTop = nodePos.row;
+    const nodeBottom = nodePos.row + nodePos.height - 1;
+    const viewTop = scroll.y;
+    const viewBottom = scroll.y + faState.height - 1;
+    if (nodeTop < viewTop) {
+        scroll = scrollTo(scroll, nodeTop);
+    }
+    else if (nodeBottom > viewBottom) {
+        scroll = scrollTo(scroll, nodeBottom - faState.height + 1);
+    }
+    // Horizontal: ensure node box (col .. col+width) is within viewport
+    if (faState.overflowX === 'scroll') {
+        const contentWidth = Math.max(1, faState.width - 1); // minus gutter
+        const nodeLeft = nodePos.col;
+        const nodeRight = nodePos.col + nodePos.width - 1;
+        const viewLeft = scroll.x;
+        const viewRight = scroll.x + contentWidth - 1;
+        if (nodeLeft < viewLeft) {
+            scroll = scrollToX(scroll, nodeLeft);
+        }
+        else if (nodeRight > viewRight) {
+            scroll = scrollToX(scroll, nodeRight - contentWidth + 1);
+        }
+    }
+    return { ...faState, scroll };
+}
+// ---------------------------------------------------------------------------
+// Internal: Selection update
+// ---------------------------------------------------------------------------
+function renderLayout(source, selectedId, highlightPath, dagOptions, ctx) {
+    const opts = {
+        ...dagOptions,
+        selectedId,
+        highlightPath: highlightPath.length > 0 ? [...highlightPath] : undefined,
+        ctx,
+    };
+    // Type narrowing required — dagLayout has separate overloads for
+    // DagNode[] and SlicedDagSource; a union won't resolve either overload.
+    return isSlicedDagSource(source)
+        ? dagLayout(source, opts)
+        : dagLayout(source, opts);
+}
+function updateSelection(state, newId, adjacency, ctx) {
+    const highlightPath = computeHighlightPath(newId, adjacency);
+    const layout = renderLayout(state.source, newId, highlightPath, state.dagOptions, ctx);
+    let fa = focusAreaSetContent(state.focusArea, layout.output);
+    // Auto-scroll to selected node
+    if (newId) {
+        const nodePos = layout.nodes.get(newId);
+        if (nodePos) {
+            fa = scrollToNode(fa, nodePos);
+        }
+    }
+    return {
+        ...state,
+        selectedId: newId,
+        highlightPath,
+        layout,
+        focusArea: fa,
+    };
+}
+// ---------------------------------------------------------------------------
+// State creation
+// ---------------------------------------------------------------------------
+/**
+ * Create initial DAG pane state for the given source and dimensions.
+ *
+ * @param options - Source, dimensions, and rendering options.
+ * @returns Fresh DAG pane state.
+ */
+export function createDagPaneState(options) {
+    const { source, width, height, selectedId, overflowX = 'scroll', dagOptions = {}, ctx, } = options;
+    const adjacency = buildAdjacency(source);
+    // Validate selectedId — fall back to no selection if not in the source
+    const validatedId = selectedId !== undefined && adjacency.children.has(selectedId) ? selectedId : undefined;
+    const highlightPath = computeHighlightPath(validatedId, adjacency);
+    const layout = renderLayout(source, validatedId, highlightPath, dagOptions, ctx);
+    const fa = createFocusAreaState({
+        content: layout.output,
+        width,
+        height,
+        overflowX,
+    });
+    // Auto-scroll to initial selection
+    let finalFa = fa;
+    if (validatedId) {
+        const nodePos = layout.nodes.get(validatedId);
+        if (nodePos) {
+            finalFa = scrollToNode(fa, nodePos);
+        }
+    }
+    return {
+        source,
+        selectedId: validatedId,
+        layout,
+        highlightPath,
+        focusArea: finalFa,
+        dagOptions,
+    };
+}
+// ---------------------------------------------------------------------------
+// Navigation transformers
+// ---------------------------------------------------------------------------
+/**
+ * Select a child node (arrow down).
+ * If nothing is selected, auto-selects the first root node.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export function dagPaneSelectChild(state, ctx) {
+    const adjacency = buildAdjacency(state.source);
+    if (!state.selectedId) {
+        const firstRoot = adjacency.roots[0];
+        return firstRoot ? updateSelection(state, firstRoot, adjacency, ctx) : state;
+    }
+    const children = adjacency.children.get(state.selectedId) ?? [];
+    if (children.length === 0)
+        return state;
+    const currentPos = state.layout.nodes.get(state.selectedId);
+    const currentCenter = currentPos ? currentPos.col + currentPos.width / 2 : 0;
+    const target = closestByCol(children, currentCenter, state.layout.nodes);
+    return target ? updateSelection(state, target, adjacency, ctx) : state;
+}
+/**
+ * Select a parent node (arrow up).
+ * If nothing is selected, auto-selects the first root node.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export function dagPaneSelectParent(state, ctx) {
+    const adjacency = buildAdjacency(state.source);
+    if (!state.selectedId) {
+        const firstRoot = adjacency.roots[0];
+        return firstRoot ? updateSelection(state, firstRoot, adjacency, ctx) : state;
+    }
+    const parents = adjacency.parents.get(state.selectedId) ?? [];
+    if (parents.length === 0)
+        return state;
+    const currentPos = state.layout.nodes.get(state.selectedId);
+    const currentCenter = currentPos ? currentPos.col + currentPos.width / 2 : 0;
+    const target = closestByCol(parents, currentCenter, state.layout.nodes);
+    return target ? updateSelection(state, target, adjacency, ctx) : state;
+}
+/**
+ * Select the sibling node to the left in the same layer.
+ * If nothing is selected, auto-selects the first root node.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export function dagPaneSelectLeft(state, ctx) {
+    const adjacency = buildAdjacency(state.source);
+    if (!state.selectedId) {
+        const firstRoot = adjacency.roots[0];
+        return firstRoot ? updateSelection(state, firstRoot, adjacency, ctx) : state;
+    }
+    const currentPos = state.layout.nodes.get(state.selectedId);
+    if (!currentPos)
+        return state;
+    const siblings = nodesOnSameRow(currentPos.row, state.layout.nodes);
+    const idx = siblings.indexOf(state.selectedId);
+    if (idx <= 0)
+        return state; // already leftmost
+    return updateSelection(state, siblings[idx - 1], adjacency, ctx);
+}
+/**
+ * Select the sibling node to the right in the same layer.
+ * If nothing is selected, auto-selects the first root node.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export function dagPaneSelectRight(state, ctx) {
+    const adjacency = buildAdjacency(state.source);
+    if (!state.selectedId) {
+        const firstRoot = adjacency.roots[0];
+        return firstRoot ? updateSelection(state, firstRoot, adjacency, ctx) : state;
+    }
+    const currentPos = state.layout.nodes.get(state.selectedId);
+    if (!currentPos)
+        return state;
+    const siblings = nodesOnSameRow(currentPos.row, state.layout.nodes);
+    const idx = siblings.indexOf(state.selectedId);
+    if (idx < 0 || idx >= siblings.length - 1)
+        return state; // already rightmost
+    return updateSelection(state, siblings[idx + 1], adjacency, ctx);
+}
+/**
+ * Select a specific node by ID.
+ * If the ID is not found in the layout, returns state unchanged (no selection).
+ *
+ * @param state - Current DAG pane state.
+ * @param nodeId - ID of the node to select.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new selection.
+ */
+export function dagPaneSelectNode(state, nodeId, ctx) {
+    if (!state.layout.nodes.has(nodeId)) {
+        return state;
+    }
+    const adjacency = buildAdjacency(state.source);
+    return updateSelection(state, nodeId, adjacency, ctx);
+}
+/**
+ * Clear the current selection.
+ *
+ * @param state - Current DAG pane state.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with no selection.
+ */
+export function dagPaneClearSelection(state, ctx) {
+    const adjacency = buildAdjacency(state.source);
+    return updateSelection(state, undefined, adjacency, ctx);
+}
+// ---------------------------------------------------------------------------
+// Scroll transformers
+// ---------------------------------------------------------------------------
+/**
+ * Scroll vertically by a relative amount.
+ *
+ * @param state - Current DAG pane state.
+ * @param dy - Relative vertical offset (positive = down).
+ * @returns Updated state.
+ */
+export function dagPaneScrollBy(state, dy) {
+    return { ...state, focusArea: focusAreaScrollBy(state.focusArea, dy) };
+}
+/**
+ * Scroll to the top.
+ *
+ * @param state - Current DAG pane state.
+ * @returns Updated state.
+ */
+export function dagPaneScrollToTop(state) {
+    return { ...state, focusArea: focusAreaScrollToTop(state.focusArea) };
+}
+/**
+ * Scroll to the bottom.
+ *
+ * @param state - Current DAG pane state.
+ * @returns Updated state.
+ */
+export function dagPaneScrollToBottom(state) {
+    return { ...state, focusArea: focusAreaScrollToBottom(state.focusArea) };
+}
+/**
+ * Page down.
+ *
+ * @param state - Current DAG pane state.
+ * @returns Updated state.
+ */
+export function dagPanePageDown(state) {
+    return { ...state, focusArea: focusAreaPageDown(state.focusArea) };
+}
+/**
+ * Page up.
+ *
+ * @param state - Current DAG pane state.
+ * @returns Updated state.
+ */
+export function dagPanePageUp(state) {
+    return { ...state, focusArea: focusAreaPageUp(state.focusArea) };
+}
+/**
+ * Scroll horizontally by a relative amount.
+ *
+ * @param state - Current DAG pane state.
+ * @param dx - Relative horizontal offset (positive = right).
+ * @returns Updated state.
+ */
+export function dagPaneScrollByX(state, dx) {
+    return { ...state, focusArea: focusAreaScrollByX(state.focusArea, dx) };
+}
+/**
+ * Replace the graph source and re-render. Clears selection.
+ *
+ * @param state - Current DAG pane state.
+ * @param source - New graph data source.
+ * @param ctx - Bijou context for re-rendering.
+ * @returns Updated state with new source and cleared selection.
+ */
+export function dagPaneSetSource(state, source, ctx) {
+    const highlightPath = [];
+    const layout = renderLayout(source, undefined, highlightPath, state.dagOptions, ctx);
+    const fa = focusAreaSetContent(state.focusArea, layout.output);
+    return {
+        ...state,
+        source,
+        selectedId: undefined,
+        highlightPath,
+        layout,
+        focusArea: fa,
+    };
+}
+// ---------------------------------------------------------------------------
+// Render
+// ---------------------------------------------------------------------------
+/**
+ * Render the DAG pane — focus area wrapping the DAG layout output.
+ *
+ * @param state - Current DAG pane state.
+ * @param options - Rendering options (focus, tokens, scrollbar, ctx).
+ * @returns Rendered DAG pane string.
+ */
+export function dagPane(state, options) {
+    return focusArea(state.focusArea, options);
+}
+// ---------------------------------------------------------------------------
+// Convenience keymap
+// ---------------------------------------------------------------------------
+/**
+ * Create a preconfigured KeyMap for DAG pane interaction.
+ *
+ * Arrow keys are bound to node selection. Vim keys (j/k/h/l) are bound
+ * to scroll. `Enter` confirms, `q`/`Ctrl+C` quits.
+ *
+ * @template Msg - Application message type dispatched by key bindings.
+ * @param actions - Map of actions to message values.
+ * @returns Preconfigured key map with DAG pane bindings.
+ */
+export function dagPaneKeyMap(actions) {
+    return createKeyMap()
+        .group('Selection', (g) => g
+        .bind('up', 'Select parent', actions.selectParent)
+        .bind('down', 'Select child', actions.selectChild)
+        .bind('left', 'Select left', actions.selectLeft)
+        .bind('right', 'Select right', actions.selectRight))
+        .group('Scroll', (g) => g
+        .bind('j', 'Down', actions.scrollDown)
+        .bind('k', 'Up', actions.scrollUp)
+        .bind('h', 'Scroll left', actions.scrollLeft)
+        .bind('l', 'Scroll right', actions.scrollRight)
+        .bind('d', 'Page down', actions.pageDown)
+        .bind('u', 'Page up', actions.pageUp)
+        .bind('g', 'Top', actions.top)
+        .bind('shift+g', 'Bottom', actions.bottom))
+        .bind('enter', 'Confirm', actions.confirm)
+        .bind('q', 'Quit', actions.quit)
+        .bind('ctrl+c', 'Quit', actions.quit);
+}
+//# sourceMappingURL=dag-pane.js.map

package/dist/dag-pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dag-pane.js","sourceRoot":"","sources":["../src/dag-pane.ts"],"names":[],"mappings":"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"}

package/dist/focus-area.d.ts

@@ -0,0 +1,179 @@
+/**
+ * Focus area building block — a scrollable pane with a colored left gutter.
+ *
+ * Wraps `viewport()` and prepends a styled gutter character (`▎`) to each
+ * line indicating focus state: bright accent when focused, muted when unfocused.
+ *
+ * Follows the building block pattern: immutable state + pure transformers +
+ * pure render + convenience keymap factory.
+ *
+ * ```ts
+ * // In TEA init:
+ * const fa = createFocusAreaState({ content, width: 60, height: 20 });
+ *
+ * // In TEA view:
+ * const output = focusArea(fa, { focused: true, ctx });
+ *
+ * // In TEA update:
+ * case 'scroll-down':
+ *   return [{ ...model, fa: focusAreaScrollBy(model.fa, 1) }, []];
+ * ```
+ */
+import type { BijouContext, TokenValue } from '@flyingrobots/bijou';
+import { type ScrollState } from './viewport.js';
+import { type KeyMap } from './keybindings.js';
+/** Horizontal overflow behavior. */
+export type OverflowX = 'scroll' | 'hidden';
+/** Immutable state for the focus area widget. */
+export interface FocusAreaState {
+    /** Full text content displayed in the focus area. */
+    readonly content: string;
+    /** Underlying scroll position state. */
+    readonly scroll: ScrollState;
+    /** Total width in columns (including gutter). */
+    readonly width: number;
+    /** Total height in rows. */
+    readonly height: number;
+    /** Horizontal overflow behavior. */
+    readonly overflowX: OverflowX;
+}
+/** Options for creating a new focus area state. */
+export interface FocusAreaOptions {
+    /** Full text content to display. */
+    readonly content: string;
+    /** Total width in columns (including gutter). */
+    readonly width: number;
+    /** Total height in rows. */
+    readonly height: number;
+    /** Horizontal overflow behavior. Default: `'hidden'`. */
+    readonly overflowX?: OverflowX;
+}
+/** Options for rendering the focus area view. */
+export interface FocusAreaRenderOptions {
+    /** Whether the pane is currently focused. Default: `true`. */
+    readonly focused?: boolean;
+    /** Token for the focused gutter. Default: `theme.semantic.accent`. */
+    readonly focusedGutterToken?: TokenValue;
+    /** Token for the unfocused gutter. Default: `theme.semantic.muted`. */
+    readonly unfocusedGutterToken?: TokenValue;
+    /** Show a scrollbar track on the right edge. Default: `true`. */
+    readonly showScrollbar?: boolean;
+    /** Bijou context for styling and mode detection. */
+    readonly ctx?: BijouContext;
+}
+/**
+ * Create initial focus area state for the given content and dimensions.
+ *
+ * The viewport width is `width - 1` to account for the gutter column.
+ * When `overflowX` is `'scroll'`, horizontal scroll bounds are computed
+ * from the widest content line.
+ *
+ * @param options - Content, width, height, and overflow for the focus area.
+ * @returns Fresh focus area state with scroll at the top-left.
+ */
+export declare function createFocusAreaState(options: FocusAreaOptions): FocusAreaState;
+/**
+ * Scroll vertically by a relative amount.
+ *
+ * @param state - Current focus area state.
+ * @param dy - Relative vertical offset (positive = down).
+ * @returns Updated state with new scroll position.
+ */
+export declare function focusAreaScrollBy(state: FocusAreaState, dy: number): FocusAreaState;
+/**
+ * Scroll vertically to an absolute position.
+ *
+ * @param state - Current focus area state.
+ * @param y - Absolute vertical offset (0-based).
+ * @returns Updated state with new scroll position.
+ */
+export declare function focusAreaScrollTo(state: FocusAreaState, y: number): FocusAreaState;
+/**
+ * Scroll to the first line.
+ *
+ * @param state - Current focus area state.
+ * @returns Updated state scrolled to the top.
+ */
+export declare function focusAreaScrollToTop(state: FocusAreaState): FocusAreaState;
+/**
+ * Scroll to the last line.
+ *
+ * @param state - Current focus area state.
+ * @returns Updated state scrolled to the bottom.
+ */
+export declare function focusAreaScrollToBottom(state: FocusAreaState): FocusAreaState;
+/**
+ * Page down (one viewport height).
+ *
+ * @param state - Current focus area state.
+ * @returns Updated state advanced by one page.
+ */
+export declare function focusAreaPageDown(state: FocusAreaState): FocusAreaState;
+/**
+ * Page up (one viewport height).
+ *
+ * @param state - Current focus area state.
+ * @returns Updated state moved back by one page.
+ */
+export declare function focusAreaPageUp(state: FocusAreaState): FocusAreaState;
+/**
+ * Scroll horizontally by a relative amount.
+ * No-op when `overflowX` is `'hidden'`.
+ *
+ * @param state - Current focus area state.
+ * @param dx - Relative horizontal offset (positive = right).
+ * @returns Updated state with new horizontal scroll position.
+ */
+export declare function focusAreaScrollByX(state: FocusAreaState, dx: number): FocusAreaState;
+/**
+ * Scroll horizontally to an absolute position.
+ * No-op when `overflowX` is `'hidden'`.
+ *
+ * @param state - Current focus area state.
+ * @param x - Absolute horizontal offset (0-based).
+ * @returns Updated state with new horizontal scroll position.
+ */
+export declare function focusAreaScrollToX(state: FocusAreaState, x: number): FocusAreaState;
+/**
+ * Update content while preserving scroll position (clamped).
+ *
+ * @param state - Current focus area state.
+ * @param content - New text content to display.
+ * @returns Updated state with new content and clamped scroll position.
+ */
+export declare function focusAreaSetContent(state: FocusAreaState, content: string): FocusAreaState;
+/**
+ * Render the focus area — viewport content with a colored left gutter.
+ *
+ * The gutter character (`▎`) is styled based on focus state:
+ * - Focused: `focusedGutterToken` (default: `theme.semantic.accent`)
+ * - Unfocused: `unfocusedGutterToken` (default: `theme.semantic.muted`)
+ * - Static mode: unstyled gutter
+ * - Pipe / accessible mode: no gutter (full width to content)
+ *
+ * @param state - Current focus area state.
+ * @param options - Rendering options (focus, tokens, scrollbar, ctx).
+ * @returns Rendered focus area string.
+ */
+export declare function focusArea(state: FocusAreaState, options?: FocusAreaRenderOptions): string;
+/**
+ * Create a preconfigured KeyMap for focus area navigation.
+ *
+ * Arrow keys are intentionally excluded — reserved for content-specific
+ * navigation (e.g., DAG node selection).
+ *
+ * @template Msg - Application message type dispatched by key bindings.
+ * @param actions - Map of navigation actions to message values.
+ * @returns Preconfigured key map with vim-style scroll bindings.
+ */
+export declare function focusAreaKeyMap<Msg>(actions: {
+    scrollUp: Msg;
+    scrollDown: Msg;
+    pageUp: Msg;
+    pageDown: Msg;
+    top: Msg;
+    bottom: Msg;
+    scrollLeft?: Msg;
+    scrollRight?: Msg;
+}): KeyMap<Msg>;
+//# sourceMappingURL=focus-area.d.ts.map

package/dist/focus-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-area.d.ts","sourceRoot":"","sources":["../src/focus-area.ts"],"names":[],"mappings":"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"}

package/dist/focus-area.js

@@ -0,0 +1,261 @@
+/**
+ * Focus area building block — a scrollable pane with a colored left gutter.
+ *
+ * Wraps `viewport()` and prepends a styled gutter character (`▎`) to each
+ * line indicating focus state: bright accent when focused, muted when unfocused.
+ *
+ * Follows the building block pattern: immutable state + pure transformers +
+ * pure render + convenience keymap factory.
+ *
+ * ```ts
+ * // In TEA init:
+ * const fa = createFocusAreaState({ content, width: 60, height: 20 });
+ *
+ * // In TEA view:
+ * const output = focusArea(fa, { focused: true, ctx });
+ *
+ * // In TEA update:
+ * case 'scroll-down':
+ *   return [{ ...model, fa: focusAreaScrollBy(model.fa, 1) }, []];
+ * ```
+ */
+import { viewport, createScrollState, scrollBy, scrollTo, scrollToTop, scrollToBottom, pageDown, pageUp, scrollByX, scrollToX, } from './viewport.js';
+import { createKeyMap } from './keybindings.js';
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+/** Gutter character: left one quarter block (U+258E). */
+const GUTTER_CHAR = '▎';
+// ---------------------------------------------------------------------------
+// State creation
+// ---------------------------------------------------------------------------
+/**
+ * Create initial focus area state for the given content and dimensions.
+ *
+ * The viewport width is `width - 1` to account for the gutter column.
+ * When `overflowX` is `'scroll'`, horizontal scroll bounds are computed
+ * from the widest content line.
+ *
+ * @param options - Content, width, height, and overflow for the focus area.
+ * @returns Fresh focus area state with scroll at the top-left.
+ */
+export function createFocusAreaState(options) {
+    const { content, overflowX = 'hidden' } = options;
+    // Clamp dimensions to at least 1
+    const width = Math.max(1, options.width);
+    const height = Math.max(1, options.height);
+    // Gutter consumes 1 column; scrollbar consumes 1 more when visible
+    const contentWidth = Math.max(1, width - 1);
+    const totalLines = content.split('\n').length;
+    const hasScrollbar = totalLines > height;
+    const scrollableWidth = hasScrollbar ? Math.max(1, contentWidth - 1) : contentWidth;
+    const viewportWidth = overflowX === 'scroll' ? scrollableWidth : undefined;
+    return {
+        content,
+        scroll: createScrollState(content, height, viewportWidth),
+        width,
+        height,
+        overflowX,
+    };
+}
+// ---------------------------------------------------------------------------
+// State transformers
+// ---------------------------------------------------------------------------
+/**
+ * Scroll vertically by a relative amount.
+ *
+ * @param state - Current focus area state.
+ * @param dy - Relative vertical offset (positive = down).
+ * @returns Updated state with new scroll position.
+ */
+export function focusAreaScrollBy(state, dy) {
+    return { ...state, scroll: scrollBy(state.scroll, dy) };
+}
+/**
+ * Scroll vertically to an absolute position.
+ *
+ * @param state - Current focus area state.
+ * @param y - Absolute vertical offset (0-based).
+ * @returns Updated state with new scroll position.
+ */
+export function focusAreaScrollTo(state, y) {
+    return { ...state, scroll: scrollTo(state.scroll, y) };
+}
+/**
+ * Scroll to the first line.
+ *
+ * @param state - Current focus area state.
+ * @returns Updated state scrolled to the top.
+ */
+export function focusAreaScrollToTop(state) {
+    return { ...state, scroll: scrollToTop(state.scroll) };
+}
+/**
+ * Scroll to the last line.
+ *
+ * @param state - Current focus area state.
+ * @returns Updated state scrolled to the bottom.
+ */
+export function focusAreaScrollToBottom(state) {
+    return { ...state, scroll: scrollToBottom(state.scroll) };
+}
+/**
+ * Page down (one viewport height).
+ *
+ * @param state - Current focus area state.
+ * @returns Updated state advanced by one page.
+ */
+export function focusAreaPageDown(state) {
+    return { ...state, scroll: pageDown(state.scroll) };
+}
+/**
+ * Page up (one viewport height).
+ *
+ * @param state - Current focus area state.
+ * @returns Updated state moved back by one page.
+ */
+export function focusAreaPageUp(state) {
+    return { ...state, scroll: pageUp(state.scroll) };
+}
+/**
+ * Scroll horizontally by a relative amount.
+ * No-op when `overflowX` is `'hidden'`.
+ *
+ * @param state - Current focus area state.
+ * @param dx - Relative horizontal offset (positive = right).
+ * @returns Updated state with new horizontal scroll position.
+ */
+export function focusAreaScrollByX(state, dx) {
+    if (state.overflowX === 'hidden')
+        return state;
+    return { ...state, scroll: scrollByX(state.scroll, dx) };
+}
+/**
+ * Scroll horizontally to an absolute position.
+ * No-op when `overflowX` is `'hidden'`.
+ *
+ * @param state - Current focus area state.
+ * @param x - Absolute horizontal offset (0-based).
+ * @returns Updated state with new horizontal scroll position.
+ */
+export function focusAreaScrollToX(state, x) {
+    if (state.overflowX === 'hidden')
+        return state;
+    return { ...state, scroll: scrollToX(state.scroll, x) };
+}
+/**
+ * Update content while preserving scroll position (clamped).
+ *
+ * @param state - Current focus area state.
+ * @param content - New text content to display.
+ * @returns Updated state with new content and clamped scroll position.
+ */
+export function focusAreaSetContent(state, content) {
+    const contentWidth = Math.max(1, state.width - 1);
+    const totalLines = content.split('\n').length;
+    const hasScrollbar = totalLines > state.height;
+    const scrollableWidth = hasScrollbar ? Math.max(1, contentWidth - 1) : contentWidth;
+    const viewportWidth = state.overflowX === 'scroll' ? scrollableWidth : undefined;
+    const newScroll = createScrollState(content, state.height, viewportWidth);
+    const clampedY = Math.min(state.scroll.y, newScroll.maxY);
+    const clampedX = Math.min(state.scroll.x, newScroll.maxX);
+    return {
+        ...state,
+        content,
+        scroll: { ...newScroll, y: clampedY, x: clampedX },
+    };
+}
+// ---------------------------------------------------------------------------
+// Render
+// ---------------------------------------------------------------------------
+/**
+ * Render the focus area — viewport content with a colored left gutter.
+ *
+ * The gutter character (`▎`) is styled based on focus state:
+ * - Focused: `focusedGutterToken` (default: `theme.semantic.accent`)
+ * - Unfocused: `unfocusedGutterToken` (default: `theme.semantic.muted`)
+ * - Static mode: unstyled gutter
+ * - Pipe / accessible mode: no gutter (full width to content)
+ *
+ * @param state - Current focus area state.
+ * @param options - Rendering options (focus, tokens, scrollbar, ctx).
+ * @returns Rendered focus area string.
+ */
+export function focusArea(state, options) {
+    const focused = options?.focused ?? true;
+    const showScrollbar = options?.showScrollbar ?? true;
+    const ctx = options?.ctx;
+    const mode = ctx?.mode ?? 'interactive';
+    // Pipe and accessible modes: no gutter, full width to content
+    const hasGutter = mode !== 'pipe' && mode !== 'accessible';
+    const contentWidth = hasGutter ? Math.max(1, state.width - 1) : state.width;
+    // Clamp scrollX to render-time content width (may differ from state-time
+    // width when pipe/accessible mode removes the gutter)
+    let scrollX;
+    if (state.overflowX === 'scroll') {
+        const maxRenderX = Math.max(0, state.scroll.maxX + (contentWidth < state.width ? 0 : 1));
+        scrollX = Math.min(state.scroll.x, maxRenderX);
+    }
+    const body = viewport({
+        width: contentWidth,
+        height: state.height,
+        content: state.content,
+        scrollY: state.scroll.y,
+        scrollX,
+        showScrollbar,
+    });
+    if (!hasGutter)
+        return body;
+    // Determine gutter string
+    const gutter = resolveGutter(focused, ctx, options);
+    // Prepend gutter to each line
+    const lines = body.split('\n');
+    return lines.map((line) => gutter + line).join('\n');
+}
+/**
+ * Resolve the styled gutter string based on focus state and context.
+ */
+function resolveGutter(focused, ctx, options) {
+    if (!ctx)
+        return GUTTER_CHAR;
+    const mode = ctx.mode;
+    if (mode === 'static')
+        return GUTTER_CHAR;
+    const token = focused
+        ? (options?.focusedGutterToken ?? ctx.theme.theme.semantic.accent)
+        : (options?.unfocusedGutterToken ?? ctx.theme.theme.semantic.muted);
+    return ctx.style.styled(token, GUTTER_CHAR);
+}
+// ---------------------------------------------------------------------------
+// Convenience keymap
+// ---------------------------------------------------------------------------
+/**
+ * Create a preconfigured KeyMap for focus area navigation.
+ *
+ * Arrow keys are intentionally excluded — reserved for content-specific
+ * navigation (e.g., DAG node selection).
+ *
+ * @template Msg - Application message type dispatched by key bindings.
+ * @param actions - Map of navigation actions to message values.
+ * @returns Preconfigured key map with vim-style scroll bindings.
+ */
+export function focusAreaKeyMap(actions) {
+    const km = createKeyMap()
+        .group('Scroll', (g) => {
+        g.bind('j', 'Down', actions.scrollDown)
+            .bind('k', 'Up', actions.scrollUp)
+            .bind('d', 'Page down', actions.pageDown)
+            .bind('u', 'Page up', actions.pageUp)
+            .bind('g', 'Top', actions.top)
+            .bind('shift+g', 'Bottom', actions.bottom);
+        if (actions.scrollLeft !== undefined) {
+            g.bind('h', 'Scroll left', actions.scrollLeft);
+        }
+        if (actions.scrollRight !== undefined) {
+            g.bind('l', 'Scroll right', actions.scrollRight);
+        }
+        return g;
+    });
+    return km;
+}
+//# sourceMappingURL=focus-area.js.map

package/dist/focus-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-area.js","sourceRoot":"","sources":["../src/focus-area.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -35,4 +35,6 @@ export { type FileEntry, type FilePickerState, type FilePickerOptions, type File
 export { type ScriptStep, type RunScriptOptions, type RunScriptResult, runScript, } from './driver.js';
 export { type ShaderFn, type CanvasOptions, canvas, } from './canvas.js';
 export { type CommandPaletteItem, type CommandPaletteState, type CommandPaletteOptions, createCommandPaletteState, cpFilter, cpFocusNext, cpFocusPrev, cpPageDown, cpPageUp, cpSelectedItem, commandPalette, commandPaletteKeyMap, } from './command-palette.js';
+export { type OverflowX, type FocusAreaState, type FocusAreaOptions, type FocusAreaRenderOptions, createFocusAreaState, focusArea, focusAreaScrollBy, focusAreaScrollTo, focusAreaScrollToTop, focusAreaScrollToBottom, focusAreaPageDown, focusAreaPageUp, focusAreaScrollByX, focusAreaScrollToX, focusAreaSetContent, focusAreaKeyMap, } from './focus-area.js';
+export { type DagPaneDagOptions, type DagPaneState, type DagPaneOptions, type DagPaneRenderOptions, createDagPaneState, dagPane, dagPaneSelectChild, dagPaneSelectParent, dagPaneSelectLeft, dagPaneSelectRight, dagPaneSelectNode, dagPaneClearSelection, dagPaneScrollBy, dagPaneScrollToTop, dagPaneScrollToBottom, dagPanePageDown, dagPanePageUp, dagPaneScrollByX, dagPaneSetSource, dagPaneKeyMap, } from './dag-pane.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC1H,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGrE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGjD,OAAO,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,IAAI,GACL,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,OAAO,EACL,KAAK,MAAM,EACX,KAAK,QAAQ,EACb,cAAc,GACf,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpD,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,KAAK,QAAQ,EACb,OAAO,EACP,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,SAAS,EACT,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AAErB,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,OAAO,EACP,QAAQ,GACT,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,cAAc,EACd,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,EACb,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,GACV,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,QAAQ,EACb,QAAQ,GACT,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,IAAI,GACL,MAAM,WAAW,CAAC;AAGnB,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,YAAY,EACZ,aAAa,EACb,cAAc,GACf,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,GACR,MAAM,WAAW,CAAC;AAGnB,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,gBAAgB,EAChB,KAAK,EACL,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,eAAe,EACf,WAAW,GACZ,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,gBAAgB,GACjB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,SAAS,EACT,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,GACR,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,2BAA2B,EAChC,oBAAoB,EACpB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,aAAa,EACb,SAAS,EACT,WAAW,EACX,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC1B,yBAAyB,EACzB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,cAAc,GACf,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EACL,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,qBAAqB,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,OAAO,EACP,MAAM,EACN,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,SAAS,GACV,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,MAAM,GACP,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,yBAAyB,EACzB,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,QAAQ,EACR,cAAc,EACd,cAAc,EACd,oBAAoB,GACrB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -56,4 +56,8 @@ export { runScript, } from './driver.js';
 export { canvas, } from './canvas.js';
 // Command palette
 export { createCommandPaletteState, cpFilter, cpFocusNext, cpFocusPrev, cpPageDown, cpPageUp, cpSelectedItem, commandPalette, commandPaletteKeyMap, } from './command-palette.js';
+// Focus area — scrollable pane with colored gutter
+export { createFocusAreaState, focusArea, focusAreaScrollBy, focusAreaScrollTo, focusAreaScrollToTop, focusAreaScrollToBottom, focusAreaPageDown, focusAreaPageUp, focusAreaScrollByX, focusAreaScrollToX, focusAreaSetContent, focusAreaKeyMap, } from './focus-area.js';
+// DAG pane — interactive DAG viewer
+export { createDagPaneState, dagPane, dagPaneSelectChild, dagPaneSelectParent, dagPaneSelectLeft, dagPaneSelectRight, dagPaneSelectNode, dagPaneClearSelection, dagPaneScrollBy, dagPaneScrollToTop, dagPaneScrollToBottom, dagPanePageDown, dagPanePageUp, dagPaneScrollByX, dagPaneSetSource, dagPaneKeyMap, } from './dag-pane.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flyingrobots/bijou-tui",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "TEA runtime for terminal UIs — model/update/view with keyboard input, alt screen, and layout helpers.",
   "type": "module",
   "sideEffects": false,
@@ -24,7 +24,7 @@
     "lint": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@flyingrobots/bijou": "1.0.0"
+    "@flyingrobots/bijou": "1.1.0"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",