dev-cockpit 0.1.0 → 0.2.1

package/dist/cockpit/hooks/useGlobalKeys.js

@@ -1,173 +0,0 @@
-/**
- * Global keyboard handler for the cockpit TUI.
- *
- * Globals (active in every tab):
- *   ← / →               cycle tabs (backward / forward)
- *   tab / shift+tab     cycle tabs (alias) — except inside Help, where these
- *                       are repurposed for page navigation. Use ←/→ to leave.
- *   q                   onQuit()
- *   n                   toggleSessionNotifications
- *
- * Per-tab keys are dispatched to the relevant handler callback. Domain-aware
- * behavior (rebuild, lint, remediation lookup, editor launch) lives in the
- * profile / consumer; this hook just routes keystrokes to the handlers and
- * manages the minimum-visibility-hold for in-flight banners.
- */
-import { useInput } from 'ink';
-import { cockpitStore } from '../state/store.js';
-/**
- * Minimum time an in-flight-action banner stays visible, even if the
- * underlying work completes faster. Without this, fast-finishing actions
- * (instant failures, no-op installs) flash by unnoticed.
- */
-const MIN_ACTION_BANNER_MS = 1500;
-function withMinHold(promise, onDone) {
-    const startedAt = Date.now();
-    void promise.finally(() => {
-        const elapsed = Date.now() - startedAt;
-        const remaining = Math.max(0, MIN_ACTION_BANNER_MS - elapsed);
-        if (remaining === 0)
-            onDone();
-        else
-            setTimeout(onDone, remaining);
-    });
-}
-export function useGlobalKeys(opts) {
-    const { onQuit, runRepoAction, onWatchToggle, onLint, onOpenError, runRemediation } = opts;
-    useInput((input, key) => {
-        const state = cockpitStore.getState();
-        // Modal is open — don't process global keys.
-        if (state.activeModal !== null)
-            return;
-        // Tab navigation (always available)
-        if (key.leftArrow) {
-            state.cycleFocus('backward');
-            return;
-        }
-        if (key.rightArrow) {
-            state.cycleFocus('forward');
-            return;
-        }
-        // Tab / Shift-Tab cycle tabs globally — but inside Help they're aliased
-        // to page navigation by the Help pane itself.
-        if (state.focus !== 'help') {
-            if (key.tab && key.shift) {
-                state.cycleFocus('backward');
-                return;
-            }
-            if (key.tab) {
-                state.cycleFocus('forward');
-                return;
-            }
-        }
-        if (input === 'q') {
-            onQuit();
-            return;
-        }
-        if (input === 'n') {
-            state.toggleSessionNotifications();
-            return;
-        }
-        // ── Repos ─────────────────────────────────────────────────────────────
-        if (state.focus === 'repos') {
-            if (key.upArrow) {
-                state.moveSelection('up');
-                return;
-            }
-            if (key.downArrow) {
-                state.moveSelection('down');
-                return;
-            }
-            const selectedKey = state.repoOrder[state.selectedRepoIndex];
-            const selectedEntry = selectedKey ? state.repos[selectedKey] : undefined;
-            if (input === 'r') {
-                if (!selectedKey || !selectedEntry || !runRepoAction)
-                    return;
-                const dispatch = runRepoAction(selectedKey, selectedEntry);
-                if (!dispatch)
-                    return;
-                state.setActiveRepoAction({ repoKey: selectedKey, label: dispatch.label });
-                withMinHold(dispatch.promise, () => cockpitStore.getState().setActiveRepoAction(null));
-                return;
-            }
-            if (input === 'w') {
-                if (selectedKey && selectedEntry && selectedEntry.kind === 'repo' && onWatchToggle) {
-                    onWatchToggle(selectedKey, selectedEntry);
-                }
-                return;
-            }
-            if (input === 'l') {
-                if (selectedKey && selectedEntry && selectedEntry.kind === 'repo' && onLint) {
-                    onLint(selectedKey, selectedEntry);
-                }
-                return;
-            }
-        }
-        // ── Output ────────────────────────────────────────────────────────────
-        if (state.focus === 'output') {
-            if (input === 'c') {
-                state.clearOutput();
-                return;
-            }
-            if (input === '/') {
-                state.setActiveModal('search');
-                return;
-            }
-            if (input === 'f') {
-                state.setActiveModal('filter');
-                return;
-            }
-            if (input === 'e' && onOpenError) {
-                const target = state.recentErrors.find((er) => er.file && typeof er.line === 'number');
-                if (target?.file && typeof target.line === 'number') {
-                    onOpenError({
-                        file: target.file,
-                        line: target.line,
-                        service: target.service,
-                        text: target.text,
-                    });
-                }
-                else {
-                    onOpenError(null);
-                }
-                return;
-            }
-        }
-        // ── Health ────────────────────────────────────────────────────────────
-        if (state.focus === 'health') {
-            if (key.upArrow) {
-                state.moveHealthSelection('up');
-                return;
-            }
-            if (key.downArrow) {
-                state.moveHealthSelection('down');
-                return;
-            }
-            if (key.return) {
-                const selectedCheck = state.health[state.selectedHealthIndex];
-                if (selectedCheck) {
-                    state.toggleHealthExpand(selectedCheck.id);
-                }
-                return;
-            }
-            // Any single letter is treated as a potential remediation key.
-            // The input is uppercased so users can press the key without Shift —
-            // a remediation declared with `key: 'R'` matches both `r` and `R`.
-            const upperInput = input.toUpperCase();
-            if (runRemediation &&
-                upperInput.length === 1 &&
-                upperInput >= 'A' &&
-                upperInput <= 'Z') {
-                const dispatch = runRemediation(upperInput);
-                if (!dispatch)
-                    return;
-                state.setActiveRemediation({
-                    healthId: dispatch.healthId,
-                    healthLabel: dispatch.healthLabel,
-                });
-                withMinHold(dispatch.promise, () => cockpitStore.getState().setActiveRemediation(null));
-                return;
-            }
-        }
-    });
-}

package/dist/cockpit/panes/FilterModal.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
-import { cockpitStore } from '../state/store.js';
-import { useCockpitStore } from '../hooks/useCockpitStore.js';
-export function FilterModal() {
-    const outputFilter = useCockpitStore((s) => s.outputFilter);
-    const [severityDraft, setSeverityDraft] = useState(outputFilter.severity);
-    const SEVERITIES = [undefined, 'info', 'warn', 'error'];
-    useInput((input, key) => {
-        if (input === 's') {
-            const idx = SEVERITIES.indexOf(severityDraft);
-            const next = SEVERITIES[(idx + 1) % SEVERITIES.length];
-            setSeverityDraft(next);
-        }
-        if (key.return || key.escape) {
-            cockpitStore.getState().setFilter({ ...outputFilter, severity: severityDraft });
-            cockpitStore.getState().setActiveModal(null);
-        }
-    });
-    return (_jsx(Box, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, children: " Filter Output " }), _jsx(Text, { children: " " }), _jsxs(Box, { children: [_jsx(Text, { children: "Severity (s to cycle): " }), _jsx(Text, { color: "cyan", children: severityDraft ?? 'all' })] }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Enter = apply \u00B7 Esc = cancel" })] }) }));
-}

package/dist/cockpit/panes/Health.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useCockpitStore } from '../hooks/useCockpitStore.js';
-const SEVERITY_GLYPH = { ok: '✓', warn: '⚠', error: '✗' };
-const SEVERITY_COLOR = {
-    ok: 'green',
-    warn: 'yellow',
-    error: 'red',
-};
-export function Health() {
-    const health = useCockpitStore((s) => s.health);
-    const selectedHealthIndex = useCockpitStore((s) => s.selectedHealthIndex);
-    const expandedHealthId = useCockpitStore((s) => s.expandedHealthId);
-    const focus = useCockpitStore((s) => s.focus);
-    const notificationsEnabledSession = useCockpitStore((s) => s.notificationsEnabledSession);
-    const activeRemediation = useCockpitStore((s) => s.activeRemediation);
-    const isFocused = focus === 'health';
-    if (health.length === 0) {
-        return (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { dimColor: true, children: "running health checks\u2026" }) }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", children: [activeRemediation && (_jsx(Box, { marginBottom: 1, paddingX: 1, children: _jsxs(Text, { color: "yellow", children: ['… ', activeRemediation.healthLabel, ' running — switch to Output (←) to watch'] }) })), health.map((item, idx) => {
-                const isSelected = isFocused && idx === selectedHealthIndex;
-                const isExpanded = expandedHealthId === item.id;
-                const isRunning = activeRemediation?.healthId === item.id;
-                const glyph = isRunning ? '…' : (SEVERITY_GLYPH[item.severity] ?? '?');
-                const color = isRunning ? 'yellow' : (SEVERITY_COLOR[item.severity] ?? 'white');
-                const remKey = item.remediationKey ? ` [${item.remediationKey}]` : '';
-                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? 'cyan' : undefined, children: isSelected ? '▶ ' : '  ' }), _jsxs(Text, { color: color, children: [glyph, " "] }), _jsx(Text, { bold: isSelected, children: item.label }), _jsx(Text, { dimColor: true, children: remKey }), isRunning && _jsx(Text, { color: "yellow", children: ' (running…)' })] }), isExpanded && (_jsx(Box, { paddingLeft: 4, children: _jsx(Text, { dimColor: true, children: item.detail }) }))] }, item.id));
-            }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ['notifications: ', _jsx(Text, { color: notificationsEnabledSession ? 'green' : 'yellow', children: notificationsEnabledSession ? 'on' : 'off (session)' })] }) })] }));
-}

package/dist/cockpit/panes/Help.js

@@ -1,81 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * Help pane — reads pages merged via loader.ts (core docs + profile sources)
- * and renders the active page through marked-terminal.
- *
- * Per-tab keys:
- *   ↑/↓             scroll body up/down
- *   j / k           previous / next page
- *   shift+tab / tab same as j / k (alias for non-vim users; the global
- *                   tab-cycle handler suspends on Help)
- *   g / G           jump to top / bottom of body
- */
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { Box, Text, useInput, useStdout } from 'ink';
-import { useCockpitStore } from '../hooks/useCockpitStore.js';
-import { loadHelpPages } from '../help/loader.js';
-import { renderMarkdown } from '../help/renderer.js';
-import { FALLBACK_PAGE } from '../help/content.js';
-export function Help() {
-    const focus = useCockpitStore((s) => s.focus);
-    const helpConfig = useCockpitStore((s) => s.helpConfig);
-    const { stdout } = useStdout();
-    const isActive = focus === 'help';
-    const initial = useMemo(() => {
-        const result = loadHelpPages({
-            sources: helpConfig.sources,
-            defaultPage: helpConfig.defaultPage,
-        });
-        if (result)
-            return result;
-        return { pages: [FALLBACK_PAGE], defaultIndex: 0 };
-    }, [helpConfig.sources, helpConfig.defaultPage]);
-    const pages = initial.pages;
-    const [pageIndex, setPageIndex] = useState(initial.defaultIndex);
-    const [scrollOffset, setScrollOffset] = useState(0);
-    const lastPageIndexRef = useRef(pageIndex);
-    useEffect(() => {
-        if (lastPageIndexRef.current !== pageIndex) {
-            lastPageIndexRef.current = pageIndex;
-            setScrollOffset(0);
-        }
-    }, [pageIndex]);
-    const activePage = pages[pageIndex] ?? pages[0];
-    const renderedLines = useMemo(() => renderMarkdown(activePage.body).split('\n'), [activePage.body]);
-    const bodyHeight = Math.max(5, (stdout.rows ?? 24) - 8);
-    const maxOffset = Math.max(0, renderedLines.length - bodyHeight);
-    useInput((input, key) => {
-        if (key.upArrow) {
-            setScrollOffset((o) => Math.max(0, o - 1));
-            return;
-        }
-        if (key.downArrow) {
-            setScrollOffset((o) => Math.min(maxOffset, o + 1));
-            return;
-        }
-        if (input === 'j' || (key.tab && key.shift)) {
-            setPageIndex((i) => Math.max(0, i - 1));
-            return;
-        }
-        if (input === 'k' || (key.tab && !key.shift)) {
-            setPageIndex((i) => Math.min(pages.length - 1, i + 1));
-            return;
-        }
-        if (input === 'g') {
-            setScrollOffset(0);
-            return;
-        }
-        if (input === 'G') {
-            setScrollOffset(maxOffset);
-            return;
-        }
-    }, { isActive });
-    const visibleLines = renderedLines.slice(scrollOffset, scrollOffset + bodyHeight);
-    const scrollHint = renderedLines.length > bodyHeight
-        ? `${scrollOffset + 1}-${Math.min(scrollOffset + bodyHeight, renderedLines.length)} / ${renderedLines.length}`
-        : `${renderedLines.length} lines`;
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, paddingTop: 1, children: [_jsxs(Box, { flexDirection: "row", paddingX: 1, marginBottom: 1, children: [pages.map((p, idx) => {
-                        const isCurrent = idx === pageIndex;
-                        return (_jsx(Box, { marginRight: 2, children: _jsxs(Text, { inverse: isCurrent, bold: isCurrent, color: isCurrent ? 'cyan' : undefined, children: [' ', p.title, ' '] }) }, p.slug));
-                    }), _jsx(Box, { flexGrow: 1, justifyContent: "flex-end", children: _jsxs(Text, { dimColor: true, children: [scrollHint, "  \u00B7  [j/k or tab] page  [\u2191\u2193] scroll  [g/G] top/bot  [\u2190\u2192] tabs"] }) })] }), _jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: _jsx(Text, { children: visibleLines.join('\n') }) })] }));
-}

package/dist/cockpit/panes/Output.js

@@ -1,108 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * Output pane — streams source-tagged log lines.
- *
- *  - Virtualized scrollback (hand-rolled slice against visible terminal height).
- *  - Per-source color prefixes (deterministic source → color hash).
- *  - outputFilter applied (sources, severity, search text).
- *  - Auto-scroll to bottom unless the user has scrolled up.
- *
- * Domain handlers (e.g. "open error in editor") are NOT imported here. They
- * live in the global keybindings layer; this pane is purely presentational.
- */
-import { useState } from 'react';
-import { Box, Text, useStdout, useInput } from 'ink';
-import chalk from 'chalk';
-import { useCockpitStore } from '../hooks/useCockpitStore.js';
-const SOURCE_COLORS = ['cyan', 'yellow', 'magenta', 'blue', 'green', 'red', 'white'];
-const colorCache = new Map();
-function sourceColor(source) {
-    const cached = colorCache.get(source);
-    if (cached)
-        return cached;
-    let hash = 0;
-    for (let i = 0; i < source.length; i++) {
-        hash = (hash * 31 + source.charCodeAt(i)) | 0;
-    }
-    const color = SOURCE_COLORS[Math.abs(hash) % SOURCE_COLORS.length] ?? 'white';
-    colorCache.set(source, color);
-    return color;
-}
-function applyFilter(lines, filter) {
-    let result = lines;
-    if (filter.sources && filter.sources.length > 0) {
-        const srcs = new Set(filter.sources);
-        result = result.filter((l) => srcs.has(l.source));
-    }
-    if (filter.severity) {
-        result = result.filter((l) => l.severity === filter.severity);
-    }
-    if (filter.search && filter.search.length > 0) {
-        const needle = filter.search.toLowerCase();
-        result = result.filter((l) => l.text.toLowerCase().includes(needle));
-    }
-    return result;
-}
-function severityColor(severity) {
-    switch (severity) {
-        case 'error':
-            return 'red';
-        case 'warn':
-            return 'yellow';
-        default:
-            return 'white';
-    }
-}
-function OutputLineRow({ line }) {
-    const color = sourceColor(line.source);
-    const prefix = chalk[color](`[${line.source}]`);
-    return (_jsxs(Box, { children: [_jsxs(Text, { children: [prefix, " "] }), _jsx(Text, { color: severityColor(line.severity), children: line.text })] }));
-}
-const CHROME_LINES = 3;
-const MIN_VISIBLE = 3;
-export function Output() {
-    const { stdout } = useStdout();
-    const terminalHeight = stdout?.rows ?? 24;
-    const visibleLines = Math.max(MIN_VISIBLE, terminalHeight - CHROME_LINES * 3);
-    const output = useCockpitStore((s) => s.output);
-    const outputFilter = useCockpitStore((s) => s.outputFilter);
-    const focus = useCockpitStore((s) => s.focus);
-    const recentErrors = useCockpitStore((s) => s.recentErrors);
-    const isFocused = focus === 'output';
-    const [scrollOffset, setScrollOffset] = useState(0);
-    const filtered = applyFilter(output, outputFilter);
-    const total = filtered.length;
-    const effectiveOffset = Math.min(scrollOffset, Math.max(0, total - visibleLines));
-    const startIdx = Math.max(0, total - visibleLines - effectiveOffset);
-    const visible = filtered.slice(startIdx, startIdx + visibleLines);
-    const atBottom = effectiveOffset === 0 || total <= visibleLines;
-    useInput((_input, key) => {
-        if (!isFocused)
-            return;
-        if (key.upArrow) {
-            setScrollOffset((prev) => Math.min(prev + 1, Math.max(0, total - visibleLines)));
-        }
-        else if (key.downArrow) {
-            setScrollOffset((prev) => Math.max(0, prev - 1));
-        }
-        else if (key.pageUp) {
-            setScrollOffset((prev) => Math.min(prev + visibleLines, Math.max(0, total - visibleLines)));
-        }
-        else if (key.pageDown) {
-            setScrollOffset((prev) => Math.max(0, prev - visibleLines));
-        }
-        else if (key.return) {
-            setScrollOffset(0);
-        }
-    }, { isActive: isFocused });
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: isFocused, children: " Output " }), outputFilter.sources && outputFilter.sources.length > 0 && (_jsxs(Text, { dimColor: true, children: ["[src: ", outputFilter.sources.join(','), "] "] })), outputFilter.severity && _jsxs(Text, { dimColor: true, children: ["[", outputFilter.severity, "] "] }), outputFilter.search && _jsxs(Text, { dimColor: true, children: ["[/", outputFilter.search, "/] "] }), !atBottom && _jsxs(Text, { dimColor: true, children: [" \u2191 scrolled (", effectiveOffset, " lines up)"] })] }), recentErrors.length > 0 && _jsx(RecentErrorsStrip, { errors: recentErrors.slice(0, 3) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: visible.length === 0 ? (_jsx(Text, { dimColor: true, children: " no output yet" })) : (visible.map((line, idx) => _jsx(OutputLineRow, { line: line }, `${line.ts}-${idx}`))) }), isFocused && (_jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ['  ↑↓ scroll · PgUp/PgDn · Enter=bottom · c=clear · /=search · f=filter', recentErrors.length > 0 ? ' · e=open error' : ''] }) }))] }));
-}
-function RecentErrorsStrip({ errors }) {
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "red", paddingX: 1, children: [_jsx(Text, { bold: true, color: "red", children: "Recent errors" }), errors.map((err, idx) => (_jsx(RecentErrorRow, { err: err }, `${err.ts}-${idx}`)))] }));
-}
-function RecentErrorRow({ err }) {
-    const sevColor = err.severity === 'error' ? 'red' : 'yellow';
-    const glyph = err.severity === 'error' ? '✗' : '⚠';
-    const trailer = err.file && typeof err.line === 'number' ? ` ↳ ${err.file}:${err.line}` : '';
-    return (_jsxs(Box, { children: [_jsxs(Text, { color: sevColor, children: [glyph, " "] }), _jsxs(Text, { dimColor: true, children: ["[", err.service, "] "] }), _jsx(Text, { children: err.text }), trailer && _jsx(Text, { dimColor: true, children: trailer })] }));
-}

package/dist/cockpit/panes/Repos.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useCockpitStore } from '../hooks/useCockpitStore.js';
-function statusGlyph(status) {
-    switch (status) {
-        case 'running':
-            return { glyph: '●', color: 'green' };
-        case 'failing':
-            return { glyph: '✗', color: 'red' };
-        case 'idle':
-        default:
-            return { glyph: '○', color: 'gray' };
-    }
-}
-function lintGlyph(lint) {
-    switch (lint) {
-        case 'pass':
-            return { glyph: '✓', color: 'green' };
-        case 'fail':
-            return { glyph: '!', color: 'red' };
-        case 'unknown':
-        default:
-            return null;
-    }
-}
-function RepoRow({ entry, lint, isSelected, isRunningAction }) {
-    const { glyph, color } = isRunningAction
-        ? { glyph: '…', color: 'yellow' }
-        : statusGlyph(entry.status);
-    const lg = lintGlyph(lint);
-    return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: isSelected ? '>' : ' ' }), _jsxs(Text, { color: color, children: [glyph, " "] }), _jsx(Text, { bold: isSelected, children: entry.name }), entry.kind === 'docker' && _jsx(Text, { dimColor: true, children: " [docker]" }), lg && (_jsxs(Text, { dimColor: true, color: lg.color, children: [' ', lg.glyph] })), isRunningAction && _jsx(Text, { color: "yellow", children: ' (running…)' })] }));
-}
-export function Repos() {
-    const repos = useCockpitStore((s) => s.repos);
-    const repoLintStatus = useCockpitStore((s) => s.repoLintStatus);
-    const repoOrder = useCockpitStore((s) => s.repoOrder);
-    const focus = useCockpitStore((s) => s.focus);
-    const selectedRepoIndex = useCockpitStore((s) => s.selectedRepoIndex);
-    const activeRepoAction = useCockpitStore((s) => s.activeRepoAction);
-    const isFocused = focus === 'repos';
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "single", borderColor: isFocused ? 'cyan' : undefined, children: [_jsx(Text, { bold: isFocused, children: " Repos " }), activeRepoAction && (_jsx(Box, { marginBottom: 1, paddingX: 1, children: _jsxs(Text, { color: "yellow", children: ['… ', activeRepoAction.label, ' — switch to Output (→) to watch'] }) })), repoOrder.map((key, idx) => {
-                const entry = repos[key];
-                if (!entry)
-                    return null;
-                const lint = repoLintStatus[key] ?? 'unknown';
-                return (_jsx(RepoRow, { entry: entry, lint: lint, isSelected: isFocused && idx === selectedRepoIndex, isRunningAction: activeRepoAction?.repoKey === key }, key));
-            })] }));
-}

package/dist/cockpit/panes/SearchModal.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
-import { cockpitStore } from '../state/store.js';
-import { useCockpitStore } from '../hooks/useCockpitStore.js';
-export function SearchModal() {
-    const outputFilter = useCockpitStore((s) => s.outputFilter);
-    const [query, setQuery] = useState(outputFilter.search ?? '');
-    useInput((input, key) => {
-        if (key.escape) {
-            cockpitStore.getState().setActiveModal(null);
-            return;
-        }
-        if (key.return) {
-            cockpitStore.getState().setFilter({
-                ...outputFilter,
-                search: query.length > 0 ? query : undefined,
-            });
-            cockpitStore.getState().setActiveModal(null);
-            return;
-        }
-        if (key.backspace || key.delete) {
-            setQuery((prev) => prev.slice(0, -1));
-            return;
-        }
-        if (input && !key.ctrl && !key.meta) {
-            setQuery((prev) => prev + input);
-        }
-    });
-    return (_jsx(Box, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, children: " Search Output " }), _jsx(Text, { children: " " }), _jsxs(Box, { children: [_jsx(Text, { children: "Query: " }), _jsxs(Text, { color: "cyan", children: [query, _jsx(Text, { color: "gray", children: "\u2588" })] })] }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Enter = apply \u00B7 Esc = cancel \u00B7 Backspace = delete" })] }) }));
-}

package/dist/cockpit/state/store.js

@@ -1,111 +0,0 @@
-/**
- * Zustand store — single source of truth for cockpit state.
- *
- * Slices: repos, repoLintStatus, repoOrder, focus, selectedRepoIndex, output,
- * outputFilter, activeModal, health, previousHealth, selectedHealthIndex,
- * notificationsEnabledSession, expandedHealthId, recentErrors, activeRemediation,
- * activeRepoAction, helpConfig.
- *
- * No per-pane local stores. All cockpit state lives here. Domain-specific
- * extensions (e.g. profile-specific repo metadata) flow in through the
- * pluggable repo `kind` and the helpConfig sources mechanism.
- */
-import { createStore } from 'zustand/vanilla';
-const MAX_RECENT_ERRORS = 20;
-const MAX_OUTPUT_LINES = 5000;
-const FOCUS_ORDER = ['repos', 'output', 'health', 'help'];
-export const cockpitStore = createStore()((set, get) => ({
-    repos: {},
-    repoLintStatus: {},
-    repoOrder: [],
-    focus: 'repos',
-    selectedRepoIndex: 0,
-    output: [],
-    outputFilter: {},
-    activeModal: null,
-    health: [],
-    previousHealth: [],
-    selectedHealthIndex: 0,
-    notificationsEnabledSession: true,
-    expandedHealthId: null,
-    recentErrors: [],
-    selectedRecentErrorIndex: 0,
-    activeRemediation: null,
-    activeRepoAction: null,
-    helpConfig: {},
-    setRepoStatus: (key, status) => set((state) => {
-        const existing = state.repos[key];
-        if (!existing)
-            return state;
-        return { repos: { ...state.repos, [key]: { ...existing, status } } };
-    }),
-    setLintStatus: (key, lintStatus) => set((state) => ({
-        repoLintStatus: { ...state.repoLintStatus, [key]: lintStatus },
-    })),
-    cycleFocus: (direction) => set((state) => {
-        const idx = FOCUS_ORDER.indexOf(state.focus);
-        const len = FOCUS_ORDER.length;
-        const nextIdx = direction === 'forward' ? (idx + 1) % len : (idx - 1 + len) % len;
-        const next = FOCUS_ORDER[nextIdx];
-        if (!next)
-            return state;
-        return { focus: next };
-    }),
-    initRepos: (repos, repoOrder) => {
-        const repoLintStatus = {};
-        for (const key of repoOrder) {
-            repoLintStatus[key] = 'unknown';
-        }
-        return set({ repos, repoOrder, repoLintStatus, selectedRepoIndex: 0 });
-    },
-    moveSelection: (direction) => set((state) => {
-        const len = state.repoOrder.length;
-        if (len === 0)
-            return state;
-        const current = state.selectedRepoIndex;
-        const next = direction === 'up' ? Math.max(0, current - 1) : Math.min(len - 1, current + 1);
-        return { selectedRepoIndex: next };
-    }),
-    appendOutput: (line) => set((state) => {
-        const next = [...state.output, line];
-        const capped = next.length > MAX_OUTPUT_LINES ? next.slice(next.length - MAX_OUTPUT_LINES) : next;
-        return { output: capped };
-    }),
-    clearOutput: () => set({ output: [] }),
-    setFilter: (filter) => set({ outputFilter: filter }),
-    setActiveModal: (modal) => set({ activeModal: modal }),
-    setHealth: (next, onTransition) => {
-        const prev = get().health;
-        if (onTransition)
-            onTransition(prev, next);
-        set({ health: next, previousHealth: prev });
-    },
-    moveHealthSelection: (direction) => set((state) => {
-        const len = state.health.length;
-        if (len === 0)
-            return state;
-        const current = state.selectedHealthIndex;
-        const next = direction === 'up' ? Math.max(0, current - 1) : Math.min(len - 1, current + 1);
-        return { selectedHealthIndex: next };
-    }),
-    toggleSessionNotifications: () => set((state) => ({ notificationsEnabledSession: !state.notificationsEnabledSession })),
-    toggleHealthExpand: (id) => set((state) => ({
-        expandedHealthId: state.expandedHealthId === id ? null : id,
-    })),
-    pushRecentError: (err) => set((state) => {
-        const next = [err, ...state.recentErrors].slice(0, MAX_RECENT_ERRORS);
-        const selectedRecentErrorIndex = Math.min(state.selectedRecentErrorIndex, Math.max(0, next.length - 1));
-        return { recentErrors: next, selectedRecentErrorIndex };
-    }),
-    moveRecentErrorSelection: (direction) => set((state) => {
-        const len = state.recentErrors.length;
-        if (len === 0)
-            return state;
-        const current = state.selectedRecentErrorIndex;
-        const next = direction === 'up' ? Math.max(0, current - 1) : Math.min(len - 1, current + 1);
-        return { selectedRecentErrorIndex: next };
-    }),
-    setActiveRemediation: (remediation) => set({ activeRemediation: remediation }),
-    setActiveRepoAction: (action) => set({ activeRepoAction: action }),
-    setHelpConfig: (config) => set({ helpConfig: config }),
-}));

package/dist/cockpit/tab-state.js

@@ -1,7 +0,0 @@
-export const TAB_ORDER = ['repos', 'output', 'health', 'help'];
-export const TAB_LABELS = {
-    repos: 'Repos',
-    output: 'Output',
-    health: 'Health',
-    help: 'Help',
-};