@cspeach/cli 1.1.21 → 1.1.22

package/dist/tools/subagent/schedule_create.js

@@ -1,131 +0,0 @@
-// cspeach-cli/src/tools/subagent/schedule_create.ts
-/**
- * schedule_create — Phase 3 / Chunk 3E.
- *
- * Persists a schedule envelope to ~/.cspeach/schedules/<uuid>.json.
- * Filename is ALWAYS crypto.randomUUID — never derived from user
- * input. Closes the path-injection class of attack on the schedules
- * directory.
- *
- * IMPORTANT: this tool persists schedules. It does NOT execute them.
- * A future chunk (Phase 4 or later) ships the actual runner. The
- * tool description and the response body both surface this caveat
- * so the agent doesn't assume the schedule will fire.
- *
- * Flag-gated: invisible to listTools() unless
- * CSPEACH_TOOL_SCHEDULE_CREATE=on. isMutating: true (writes filesystem).
- */
-import { promises as fs } from 'node:fs';
-import * as os from 'node:os';
-import * as path from 'node:path';
-import { randomUUID } from 'node:crypto';
-import { registerTool } from '../index.js';
-const NOT_EXECUTED_NOTE = 'Persisted only — the schedule runner has not shipped yet. ' +
-    'See Phase 4+ for execution.';
-// Test-overridable. Default to ~/.cspeach/schedules. Set null to reset.
-let schedulesDirOverride = null;
-/** Test-only: redirect the schedules dir so tests don't pollute the real home dir. */
-export function __setSchedulesDirForTests(dir) {
-    schedulesDirOverride = dir;
-}
-function getSchedulesDir() {
-    return schedulesDirOverride ?? path.join(os.homedir(), '.cspeach', 'schedules');
-}
-// Strict ISO-8601 UTC: YYYY-MM-DDTHH:MM:SS(.sss)?Z
-const ISO_PATTERN = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{1,3})?Z$/;
-export async function scheduleCreateHandler(args, _ctx) {
-    if (args.kind !== 'oneoff' && args.kind !== 'cron') {
-        return { content: `error: kind must be 'oneoff' or 'cron' — got '${args.kind}'`, is_error: true };
-    }
-    if (!args.when || typeof args.when !== 'string' || args.when.trim().length === 0) {
-        return { content: 'error: when is required (non-empty string)', is_error: true };
-    }
-    if (!args.command || typeof args.command !== 'string' || args.command.trim().length === 0) {
-        return { content: 'error: command is required (non-empty string)', is_error: true };
-    }
-    if (args.kind === 'oneoff') {
-        if (!ISO_PATTERN.test(args.when)) {
-            return { content: `error: when must be an ISO-8601 UTC timestamp (e.g. 2099-06-01T10:00:00Z) — got '${args.when}'`, is_error: true };
-        }
-        const t = Date.parse(args.when);
-        if (Number.isNaN(t)) {
-            return { content: `error: when is not a parseable ISO timestamp: '${args.when}'`, is_error: true };
-        }
-        // Belt-and-braces against silent month/day rollover. Date.parse('2099-02-30T00:00:00Z')
-        // returns a valid timestamp that round-trips to March 2 — without this check, the
-        // envelope persists '2099-02-30' but the runner fires on March 2 (phantom job).
-        const roundTrip = new Date(t).toISOString();
-        // Normalise both sides: lowercase 'z', strip optional fractional seconds, compare.
-        const norm = (s) => s.replace(/\.\d+Z$/, 'Z').toUpperCase();
-        if (norm(roundTrip) !== norm(args.when)) {
-            return { content: `error: when is not a valid calendar date: '${args.when}' (rolls to ${roundTrip})`, is_error: true };
-        }
-        if (t <= Date.now()) {
-            return { content: `error: when is in the past — schedule must be in the future`, is_error: true };
-        }
-    }
-    else {
-        // cron: just check it has 5 whitespace-separated fields.
-        const fields = args.when.trim().split(/\s+/);
-        if (fields.length !== 5) {
-            return { content: `error: cron expression must have 5 fields (min hour dom mon dow) — got ${fields.length}`, is_error: true };
-        }
-    }
-    const dir = getSchedulesDir();
-    await fs.mkdir(dir, { recursive: true });
-    // Defence-in-depth: resolve the directory and verify it sits inside
-    // the cspeach home (or the test override). Refuses if a symlink
-    // points the dir at /etc/, /tmp/host-controlled/, etc.
-    const realDir = await fs.realpath(dir);
-    // In test mode the override dir IS the root (self-containment is trivial —
-    // mkdtemp gives us a unique dir that acts as both schedules-dir and its own
-    // root). In prod the schedules dir must sit UNDER ~/.cspeach/, so the root
-    // is the parent. Asymmetric on purpose.
-    const expectedRoot = schedulesDirOverride !== null
-        ? path.resolve(schedulesDirOverride)
-        : path.join(os.homedir(), '.cspeach');
-    const rel = path.relative(expectedRoot, realDir);
-    if (rel.startsWith('..') || path.isAbsolute(rel)) {
-        return { content: `error: schedules directory '${realDir}' resolves outside expected root`, is_error: true };
-    }
-    const id = randomUUID();
-    const envelope = {
-        id,
-        kind: args.kind,
-        when: args.when,
-        command: args.command,
-        createdAt: new Date().toISOString(),
-        note: NOT_EXECUTED_NOTE,
-    };
-    const target = path.join(realDir, `${id}.json`);
-    await fs.writeFile(target, JSON.stringify(envelope, null, 2), { encoding: 'utf-8', mode: 0o600 });
-    return {
-        content: `schedule persisted (NOT YET EXECUTED — runner ships in a later chunk).\n` +
-            `path: ${target}\n` +
-            `id: ${id}\n` +
-            `kind: ${args.kind}\n` +
-            `when: ${args.when}\n` +
-            `command: ${args.command}\n` +
-            `note: ${NOT_EXECUTED_NOTE}`,
-    };
-}
-registerTool({
-    name: 'schedule_create',
-    description: 'Persist a oneoff or cron schedule envelope to ~/.cspeach/schedules/<uuid>.json. ' +
-        'Filename is a fresh UUID — never derived from input. NOTE: this tool only PERSISTS the ' +
-        'schedule. No runner is shipped yet — the agent should not assume the command will fire ' +
-        'automatically. A future chunk will ship the runner.',
-    isMutating: true,
-    category: 'subagent',
-    flagGated: true,
-    input_schema: {
-        type: 'object',
-        properties: {
-            kind: { type: 'string', enum: ['oneoff', 'cron'], description: 'oneoff = single ISO timestamp; cron = 5-field expression' },
-            when: { type: 'string', description: 'ISO-8601 UTC timestamp for oneoff, or 5-field cron expression' },
-            command: { type: 'string', description: 'The command the runner WOULD execute (free-form string for now)' },
-        },
-        required: ['kind', 'when', 'command'],
-    },
-    handler: (args, ctx) => scheduleCreateHandler(args, ctx),
-});

package/dist/ui/error-emitter.js

@@ -1,21 +0,0 @@
-import { EventEmitter } from 'node:events';
-import { shouldUseInk } from '../renderer/tty.js';
-import chalk from 'chalk';
-export const errorEmitter = new EventEmitter();
-/**
- * Emit an error. In Ink mode, the main App subscribes and pushes the error
- * into its errorStack state for overlay rendering. In non-TTY / one-shot,
- * we fall back to chalk.red on stderr — never mount a second Ink root.
- */
-export function emitError(err) {
-    if (shouldUseInk()) {
-        errorEmitter.emit('error', err);
-    }
-    else {
-        console.error(chalk.red(`[${err.code}] ${err.title}`));
-        if (err.body)
-            console.error(chalk.red(`  ${err.body}`));
-        if (err.hint)
-            console.error(chalk.dim(`  ${err.hint}`));
-    }
-}

package/dist/ui/header.js

@@ -1,41 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useSapState } from './sap-state-store.js';
-import { formatSpendSegment } from './status-line.js';
-import { CLI_VERSION } from '../lib/version.js';
-const PEACH = '#FFCBA4';
-/**
- * ⚠ SUPERSEDED (UX Wave 1, Task 4 — 2026-07) by ui/status-line.tsx, the
- * bottom-anchored borderless statusline mounted in App between TurnStatus
- * and Footer. This component is no longer rendered anywhere: Phase D6
- * removed the persistent top Header (inline mode can't pin the frame top),
- * and the statusline took over the SapStateStore display role. Kept for
- * reference, not deleted.
- *
- * Single-line rich header (Phase D3, 2026-05-16) — back to one line per
- * Laeeq's feedback that the two-line variant felt worse. Uses tighter
- * separators and shorter labels so it fits cleanly on typical terminals
- * (100+ cols). On a narrower terminal Ink will wrap rather than truncate,
- * accepted as a degradation case.
- *
- * Layout:
- *   🍑 CSPeach 0.6.5 │ S4H │ S.LAEEQ │ tr none │ 28k tok │ $0.54 │ approval-gated
- */
-export function Header({ writeMode } = {}) {
-    const s = useSapState();
-    const isAdvisory = writeMode === 'advisory-only';
-    const modeLabel = isAdvisory
-        ? 'ADVISORY'
-        : writeMode === 'approval-gated'
-            ? 'approval-gated'
-            : writeMode === 'auto'
-                ? 'auto'
-                : undefined;
-    const modeColor = isAdvisory ? 'yellow' : 'green';
-    const tokDisplay = s.tokenUsageToday >= 1000
-        ? `${(s.tokenUsageToday / 1000).toFixed(1)}k tok`
-        : `${s.tokenUsageToday} tok`;
-    // Shared with <StatusLine /> so the credits/dollar switch has one home.
-    const spendDisplay = formatSpendSegment(s);
-    return (_jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsxs(Text, { bold: true, color: PEACH, children: ["\uD83C\uDF51 CSPeach ", CLI_VERSION] }), _jsx(Text, { color: "gray", children: " \u2502 " }), _jsx(Text, { color: "cyan", children: s.system || 'no system' }), _jsx(Text, { color: "gray", children: " \u2502 " }), _jsx(Text, { color: "white", children: s.user || '—' }), _jsx(Text, { color: "gray", children: " \u2502 tr " }), _jsx(Text, { color: "yellow", children: s.transport ?? 'none' }), _jsx(Text, { color: "gray", children: " \u2502 " }), _jsx(Text, { color: "green", children: tokDisplay }), _jsx(Text, { color: "gray", children: " \u2502 " }), _jsx(Text, { color: "green", children: spendDisplay }), modeLabel && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: " \u2502 " }), _jsx(Text, { color: modeColor, bold: isAdvisory, children: modeLabel })] }))] }));
-}

package/dist/ui/ink-classifier-route.js

@@ -1,19 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-/**
- * Medium-confidence banner rendered inside the Ink frame. Auto-settles to
- * the classifier's top pick after 800ms, unless the user presses Tab — in
- * which case we open the CommandPalette with alternates.
- */
-export function InkClassifierRoute({ skill, confidence, onSettle, onOpenPalette }) {
-    useEffect(() => {
-        const t = setTimeout(onSettle, 800);
-        return () => clearTimeout(t);
-    }, [onSettle]);
-    useInput((_input, key) => {
-        if (key.tab)
-            onOpenPalette();
-    });
-    return (_jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["\\u2504 Suggest /", skill, " (confidence ", Math.round(confidence * 100), "%) \\u2014 Tab to pick"] }) }));
-}

package/dist/ui/rich-error-box.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-function severityColor(s) {
-    return s === 'error' ? 'red' : s === 'warning' ? 'yellow' : 'blue';
-}
-export function RichErrorBox({ code, message, hint, severity = 'error' }) {
-    const color = severityColor(severity);
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: color, paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: color, children: code }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: message }) }), hint && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: hint }) }))] }));
-}

package/dist/ui/sidebar.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useSapState } from './sap-state-store.js';
-export function Sidebar() {
-    const s = useSapState();
-    // Phase A** (2026-05-16) — dropped the "/ of $100" pseudo-budget. We
-    // don't know the user's actual API spending limit; showing a fake
-    // cap trained the colour signal to be meaningless. Now just shows the
-    // raw spend. Colour signal removed alongside.
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, width: 30, children: [_jsx(Text, { bold: true, color: "cyan", children: s.system || 'no system' }), _jsxs(Text, { color: "gray", children: ["user: ", _jsx(Text, { color: "white", children: s.user || '—' })] }), _jsxs(Text, { color: "gray", children: ["transport: ", _jsx(Text, { color: "yellow", children: s.transport ?? 'none' })] }), _jsxs(Text, { color: "gray", children: ["locks: ", s.locksHeld.length === 0 ? _jsx(Text, { dimColor: true, children: "(none)" })
-                        : s.locksHeld.map((l, i) => _jsxs(Text, { color: "red", children: [l, " "] }, i))] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "green", children: [s.tokenUsageToday.toLocaleString(), " tok / $", s.dollarSpendToday.toFixed(2)] }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "\u2500 recent turns \u2500" }), s.recentTurns.slice(-5).reverse().map((t, i) => (_jsxs(Text, { dimColor: true, children: [t.time, " ", t.command.slice(0, 20)] }, i))), s.recentTurns.length === 0 && _jsx(Text, { dimColor: true, children: "(no turns yet)" })] })] }));
-}

package/dist/ui/status-emitter.js

@@ -1,19 +0,0 @@
-import { EventEmitter } from 'node:events';
-/**
- * Singleton channel from `runTurn` (producer) to `<App>` (consumer) for
- * status-row updates in Ink mode. Phase A #1 (2026-05-16) — the prior
- * version of the REPL claimed Ink rendered its own `<StatusRow>` but
- * never imported the component. As a result Ink users saw NO cost,
- * token, or session info ever. This emitter is the missing wire.
- *
- * Producer (repl.tsx, end-of-turn): emits an `update` event with the
- * latest StatusRowData. Consumer (App.tsx): subscribes in a useEffect,
- * stores in state, renders `<StatusRow data={...} />` above `<Footer>`.
- *
- * Why a separate emitter (not chunkEmitter): chunkEmitter pipes strings
- * into Body. StatusRow needs structured data (numbers + dollar amounts)
- * and lives in a fixed region — passing it through chunks would mean
- * sentinel parsing for what is naturally typed state. Matches the
- * approvalEmitter / errorEmitter / coachingPickerEmitter pattern.
- */
-export const statusEmitter = new EventEmitter();

package/dist/ui/status-line.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from 'ink';
-import { useSapState } from './sap-state-store.js';
-import { formatCredits, CREDITS_PENDING } from '../cost/credits.js';
-/**
- * The spend segment shared by <StatusLine /> and <Header />.
- *
- * Single home for the credits/dollar switch so the two chrome widgets can
- * never drift apart — a drift here is exactly how our COGS would leak onto a
- * managed customer's screen from one of them.
- */
-export function formatSpendSegment(s) {
-    if (!s.creditsMode)
-        return `$${s.dollarSpendToday.toFixed(2)}`;
-    if (s.creditsPending && s.creditsSessionTotal === 0)
-        return CREDITS_PENDING;
-    return formatCredits(s.creditsSessionTotal, s.creditsUnitLabel);
-}
-/**
- * Persistent SAP statusline (UX Wave 1, Task 4) — Header reborn,
- * bottom-anchored. Single borderless line rendered between <TurnStatus />
- * and <Footer /> in the dynamic Ink frame:
- *
- *   S4H │ S.LAEEQ │ tr K903417 │ approval-gated │ $0.54
- *
- * Descends from ui/header.tsx (Phase D3) minus the border (3 rows → 1) and
- * the version/🍑 (the startup banner owns those). All fields come from the
- * SapStateStore singleton, so transport creation, spend accrual, and
- * write-mode cycling (Shift+Tab / Alt+M / /mode) re-render it live.
- *
- * The mode chip is omitted until the store's writeMode is seeded at REPL
- * startup (null = pre-seed; only reachable in tests and the first ms of
- * mount). Chip colors: advisory-only yellow / approval-gated green / auto
- * cyan.
- */
-const MODE_COLORS = {
-    'advisory-only': 'yellow',
-    'approval-gated': 'green',
-    auto: 'cyan',
-};
-export function StatusLine() {
-    const s = useSapState();
-    // Credits mode (2026-09-16): a managed customer sees what THEY are charged.
-    // The segment keeps its meaning — "what this session has cost me" — so it
-    // carries the session credit total, not the balance (the balance has its
-    // own home in the post-turn receipt and `cspeach doctor`).
-    const spendDisplay = formatSpendSegment(s);
-    // Wave1 live-fix (Bug 1) — one TRUNCATING <Text> instead of a <Box> of
-    // sibling Texts. The statusline lives in the dynamic Ink frame, where a
-    // row that soft-wraps in the terminal breaks log-update's logical-line
-    // erase accounting and leaks stale rows into scrollback (the live
-    // "statusline printed 11×" bug — see text-input.tsx maxDisplayWidth doc
-    // for the ink source refs). Nested <Text> children squash into one text
-    // node, so wrap="truncate-end" clips the whole row at the terminal
-    // width via ANSI-aware cli-truncate — this row can never wrap, whatever
-    // the field lengths.
-    return (_jsxs(Text, { wrap: "truncate-end", children: [s.system
-                ? _jsx(Text, { color: "cyan", children: s.system })
-                : _jsx(Text, { dimColor: true, children: "no system" }), _jsx(Text, { dimColor: true, children: " \u2502 " }), _jsx(Text, { color: "white", children: s.user || '—' }), _jsx(Text, { dimColor: true, children: " \u2502 tr " }), (s.transport ?? s.lastWriteTransport)
-                ? _jsx(Text, { color: "yellow", children: s.transport ?? s.lastWriteTransport })
-                : _jsx(Text, { dimColor: true, children: "none" }), s.writeMode && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: " \u2502 " }), _jsx(Text, { color: MODE_COLORS[s.writeMode], children: s.writeMode })] })), _jsx(Text, { dimColor: true, children: " \u2502 " }), _jsx(Text, { color: "green", children: spendDisplay })] }));
-}

package/dist/ui/status-row.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { formatCost } from '../cost/pricing.js';
-import { LARGE_SESSION_THRESHOLD } from '../renderer/status-footer.js';
-/**
- * Single-line status row mounted in the Ink frame above `<Footer>`.
- * Mirrors the layout of `printStatusFooter` (renderer/status-footer.ts)
- * so users see the same fields whichever mode they run in.
- *
- * Phase A #1 (2026-05-16): mounted into App.tsx for the first time —
- * the component existed but no one rendered it. Also added the
- * large-session advisory inline so N3 closes with this change.
- */
-export function StatusRow({ data }) {
-    if (!data)
-        return _jsx(Box, {});
-    const shortSession = data.sessionId.slice(0, 8);
-    const skillDisplay = data.skill.startsWith('/') ? data.skill : `/${data.skill}`;
-    const turns = data.turnCount != null ? `${data.turnCount} turn${data.turnCount === 1 ? '' : 's'}` : '';
-    const tokStr = `${data.tokens.toLocaleString()} tok this turn`;
-    const cachedStr = data.cachedTokens && data.cachedTokens > 0 ? `${data.cachedTokens.toLocaleString()} cached` : '';
-    const elapsedStr = data.elapsedMs > 0 ? `${(data.elapsedMs / 1000).toFixed(1)}s` : '';
-    const costTurnStr = data.costThisTurn != null ? formatCost(data.costThisTurn) : '';
-    const costSessStr = data.costSession != null ? `session: ${formatCost(data.costSession)}` : '';
-    const parts = [
-        `session ${shortSession}`,
-        data.sapAlias,
-        skillDisplay,
-        ...(turns ? [turns] : []),
-        tokStr,
-        ...(costTurnStr ? [costTurnStr] : []),
-        ...(cachedStr ? [cachedStr] : []),
-        ...(costSessStr ? [costSessStr] : []),
-        ...(elapsedStr ? [elapsedStr] : []),
-    ];
-    const isLarge = data.sessionInputTokens != null && data.sessionInputTokens >= LARGE_SESSION_THRESHOLD;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: parts.join(' │ ') }), isLarge && (_jsxs(Text, { color: "yellow", children: ["\u26A0  session getting large (", data.sessionInputTokens.toLocaleString(), " input tokens)", ' ', "\u2014 type /compact to summarise older turns, or /exit + cspeach (fresh) for a new topic"] }))] }));
-}

package/dist/ui/todo-panel.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
-/**
- * TodoPanel — UX Wave 2 / Task 5. The Ctrl+T overlay rendering the
- * model-maintained task list (`todo_set` tool → session.todos). House
- * style follows SessionTimeline: bordered box mounted above the Footer
- * by <App>, closes on Esc / q — plus Ctrl+T itself (toggle; App's
- * open-handler goes inactive while the panel is up, so the chord cannot
- * double-fire).
- *
- * Row glyphs: ▣ completed (dim) · ▶ in_progress (peach, bold) ·
- * □ pending. Every row is wrap="truncate-end" — Wave-1 rule: no
- * dynamic-frame row may ever soft-wrap (wrapped rows break Ink's erase
- * accounting and leak stale rows into scrollback).
- *
- * Lists longer than TODO_VISIBLE_ROWS get a scrolling window
- * (CommandPalette pattern): ↑/↓ move the window, hidden counts show as
- * "↑ N more" / "↓ N more". The initial window anchors the live in_progress
- * item ~3 rows from the top so the current step is visible on open.
- * "Live" = the LAST in_progress item in list order (F-L2-3) — see
- * activeTodoIndex below.
- */
-const PEACH = '#FFCBA4';
-export const TODO_VISIBLE_ROWS = 12;
-/** Pure header-counts formatter, exported for tests. */
-export function formatTodoCounts(todos) {
-    const done = todos.filter((t) => t.status === 'completed').length;
-    const active = todos.filter((t) => t.status === 'in_progress').length;
-    const open = todos.filter((t) => t.status === 'pending').length;
-    return `Tasks — ${done} done · ${active} active · ${open} open`;
-}
-/**
- * Index of the LIVE step — the LAST in_progress item in list order, or -1.
- *
- * F-L2-3 (sitting #1): todo_set tolerates several in_progress items (a
- * warning, not an error — todo.ts), and models routinely batch transitions,
- * leaving an earlier item still marked in_progress. List order IS plan
- * order, so the later item is the one actually being worked; picking the
- * FIRST match pinned the ▶ on a step already long finished.
- */
-export function activeTodoIndex(todos) {
-    for (let i = todos.length - 1; i >= 0; i--) {
-        if (todos[i].status === 'in_progress')
-            return i;
-    }
-    return -1;
-}
-export function TodoPanel({ todos, onClose }) {
-    const maxOffset = Math.max(0, todos.length - TODO_VISIBLE_ROWS);
-    const activeIdx = activeTodoIndex(todos);
-    // Anchor the initial window so the live in_progress item sits ~3 rows from
-    // the top (CommandPalette's cursor rule, with the active item as cursor).
-    const [offset, setOffset] = useState(() => {
-        if (activeIdx <= 3)
-            return 0;
-        return Math.min(activeIdx - 3, maxOffset);
-    });
-    useInput((input, key) => {
-        if (key.escape || input === 'q' || (key.ctrl && (input === 't' || input === 'T'))) {
-            onClose();
-            return;
-        }
-        if (key.upArrow)
-            setOffset((o) => Math.max(0, o - 1));
-        if (key.downArrow)
-            setOffset((o) => Math.min(maxOffset, o + 1));
-    });
-    const clamped = Math.min(offset, maxOffset);
-    const visible = todos.slice(clamped, clamped + TODO_VISIBLE_ROWS);
-    const below = Math.max(0, todos.length - (clamped + TODO_VISIBLE_ROWS));
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, width: 72, children: [_jsx(Text, { bold: true, color: "cyan", wrap: "truncate-end", children: formatTodoCounts(todos) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [todos.length === 0 && (_jsx(Text, { dimColor: true, children: "(no tasks yet \u2014 the model maintains this list on multi-step work)" })), clamped > 0 && _jsxs(Text, { dimColor: true, children: ["  \u2191 ", clamped, " more"] }), visible.map((t, i) => {
-                        const key = `${clamped + i}`;
-                        if (t.status === 'completed') {
-                            return _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["\u25A3 ", t.text] }, key);
-                        }
-                        // Only the LIVE step gets the ▶; a stale earlier in_progress item
-                        // (batched transition) renders as an ordinary open row, so the
-                        // panel never shows two arrows or points at finished work.
-                        if (t.status === 'in_progress' && clamped + i === activeIdx) {
-                            return _jsxs(Text, { color: PEACH, bold: true, wrap: "truncate-end", children: ["\u25B6 ", t.text] }, key);
-                        }
-                        return _jsxs(Text, { wrap: "truncate-end", children: ["\u25A1 ", t.text] }, key);
-                    }), below > 0 && _jsxs(Text, { dimColor: true, children: ["  \u2193 ", below, " more"] })] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [todos.length > TODO_VISIBLE_ROWS ? '↑↓ scroll · ' : '', "Esc/q/Ctrl+T to close"] }) })] }));
-}