@matthesketh/fleet 1.1.0 → 1.6.0

package/dist/tui/routines/tabs/GitTab.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { formatRelative, truncate } from '../../../tui/routines/format.js';
+import { useGitFleet } from '../../../tui/routines/hooks/use-git-fleet.js';
+function prAgeColor(updatedAt) {
+    const ageDays = (Date.now() - new Date(updatedAt).getTime()) / 86_400_000;
+    if (ageDays >= 14)
+        return 'red';
+    if (ageDays >= 7)
+        return 'yellow';
+    return 'gray';
+}
+function reviewBadge(decision) {
+    if (decision === 'APPROVED')
+        return _jsx(Text, { color: "green", children: "approved" });
+    if (decision === 'CHANGES_REQUESTED')
+        return _jsx(Text, { color: "yellow", children: "changes" });
+    if (decision === 'REVIEW_REQUIRED')
+        return _jsx(Text, { color: "cyan", children: "review" });
+    return _jsx(Text, { color: "gray", children: "\u2014" });
+}
+function PrRow({ pr }) {
+    return (_jsxs(Box, { children: [_jsx(Box, { width: 20, children: _jsx(Text, { children: truncate(pr.repo, 18) }) }), _jsx(Box, { width: 8, children: _jsxs(Text, { color: pr.isDraft ? 'gray' : 'cyan', children: ["#", pr.number, pr.isDraft ? ' d' : ''] }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { children: truncate(pr.title, 55) }) }), _jsx(Box, { width: 14, children: _jsx(Text, { color: "gray", children: pr.author }) }), _jsx(Box, { width: 12, children: reviewBadge(pr.reviewDecision) }), _jsx(Box, { width: 14, children: _jsx(Text, { color: prAgeColor(pr.updatedAt), children: formatRelative(pr.updatedAt) }) })] }));
+}
+function BranchRow({ bs }) {
+    const diverged = bs.ahead > 0 || bs.behind > 0;
+    return (_jsxs(Box, { children: [_jsx(Box, { width: 20, children: _jsx(Text, { children: truncate(bs.repo, 18) }) }), _jsx(Box, { width: 18, children: _jsx(Text, { children: bs.branch }) }), _jsx(Box, { width: 10, children: _jsxs(Text, { color: diverged ? 'yellow' : 'gray', children: ["\u2191", bs.ahead, " \u2193", bs.behind] }) }), _jsx(Box, { width: 16, children: _jsx(Text, { color: bs.clean ? 'green' : 'yellow', children: bs.clean ? 'clean' : `${bs.dirtyCount} dirty` }) }), _jsx(Box, { width: 14, children: _jsxs(Text, { color: bs.releasePending > 0 ? 'magenta' : 'gray', children: [bs.releasePending, " to release"] }) })] }));
+}
+export function GitTab({ apps }) {
+    const snap = useGitFleet(apps);
+    const prsToReview = snap.prs.filter(p => !p.isDraft && p.reviewDecision === 'REVIEW_REQUIRED');
+    const prsApproved = snap.prs.filter(p => p.reviewDecision === 'APPROVED');
+    const prsChanges = snap.prs.filter(p => p.reviewDecision === 'CHANGES_REQUESTED');
+    const prsDraft = snap.prs.filter(p => p.isDraft);
+    const stalePrs = snap.prs.filter(p => (Date.now() - new Date(p.updatedAt).getTime()) / 86_400_000 >= 7);
+    const releaseReady = snap.branchStates.filter(b => b.releasePending > 0);
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { gap: 2, children: [_jsx(Text, { bold: true, children: "Git across the fleet" }), _jsxs(Text, { color: "gray", children: [apps.length, " repos"] }), _jsxs(Text, { color: "cyan", children: [snap.prs.length, " open PRs"] }), _jsxs(Text, { color: "yellow", children: [stalePrs.length, " stale"] }), _jsxs(Text, { color: "magenta", children: [releaseReady.length, " ready to release"] }), snap.loading && _jsxs(Text, { color: "cyan", children: [_jsx(Spinner, { type: "dots" }), " refreshing"] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsxs(Text, { bold: true, children: ["Review queue (", prsToReview.length, ")"] }), prsToReview.length === 0 && _jsx(Text, { color: "gray", children: "  nothing awaiting review" }), prsToReview.slice(0, 6).map(pr => _jsx(PrRow, { pr: pr }, `${pr.repo}-${pr.number}`)), prsApproved.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { bold: true, color: "green", children: ["Approved (", prsApproved.length, ")"] }), prsApproved.slice(0, 4).map(pr => _jsx(PrRow, { pr: pr }, `${pr.repo}-${pr.number}`))] })), prsChanges.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Changes requested (", prsChanges.length, ")"] }), prsChanges.slice(0, 4).map(pr => _jsx(PrRow, { pr: pr }, `${pr.repo}-${pr.number}`))] })), prsDraft.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { bold: true, color: "gray", children: ["Drafts (", prsDraft.length, ")"] }), prsDraft.slice(0, 4).map(pr => _jsx(PrRow, { pr: pr }, `${pr.repo}-${pr.number}`))] }))] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Branch state" }), snap.branchStates.length === 0 && _jsx(Text, { color: "gray", children: "  no git repos detected" }), snap.branchStates.map(bs => _jsx(BranchRow, { bs: bs }, bs.repo))] }), releaseReady.length > 0 && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [_jsx(Text, { bold: true, color: "magenta", children: "Release planner" }), releaseReady.map(bs => (_jsxs(Box, { children: [_jsx(Box, { width: 20, children: _jsx(Text, { children: truncate(bs.repo, 18) }) }), _jsxs(Text, { color: "magenta", children: [bs.releasePending, " commits on develop unshipped to main"] })] }, bs.repo)))] })), snap.errors.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "red", children: "errors" }), snap.errors.map(e => _jsxs(Text, { color: "red", children: ["  \u00B7 ", e.repo, ": ", e.message] }, e.repo))] }))] }));
+}

package/dist/tui/routines/tabs/LogsTab.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { AppEntry } from '../../../core/registry.js';
+export interface LogsTabProps {
+    apps: AppEntry[];
+}
+export declare function LogsTab({ apps }: LogsTabProps): React.JSX.Element;

package/dist/tui/routines/tabs/LogsTab.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { LogViewer } from '@matthesketh/ink-log-viewer';
+import { useRegisterHandler } from '@matthesketh/ink-input-dispatcher';
+import { truncate } from '../../../tui/routines/format.js';
+import { useLogsStream } from '../../../tui/routines/hooks/use-logs-stream.js';
+export function LogsTab({ apps }) {
+    const services = useMemo(() => {
+        const list = apps
+            .filter(a => a.serviceName)
+            .map(a => ({ name: a.serviceName, displayName: a.displayName || a.name }));
+        return [{ name: 'docker-databases', displayName: 'docker-databases (shared)' }, ...list];
+    }, [apps]);
+    const [selectedIdx, setSelectedIdx] = useState(0);
+    const [source, setSource] = useState({ kind: 'none' });
+    const [filter, setFilter] = useState('');
+    const opts = source.kind === 'service'
+        ? { command: 'journalctl', args: ['-u', source.name, '-f', '-n', '200', '--no-pager'] }
+        : source.kind === 'container'
+            ? { command: 'docker', args: ['logs', '-f', '--tail', '200', source.containerId] }
+            : null;
+    const stream = useLogsStream(opts);
+    useRegisterHandler((input, key) => {
+        if (input === 'j' || key.downArrow) {
+            setSelectedIdx(i => Math.min(i + 1, services.length - 1));
+            return true;
+        }
+        if (input === 'k' || key.upArrow) {
+            setSelectedIdx(i => Math.max(i - 1, 0));
+            return true;
+        }
+        if (key.return && services[selectedIdx]) {
+            setSource({ kind: 'service', name: services[selectedIdx].name });
+            return true;
+        }
+        if (input === 'w') {
+            setFilter(f => f === 'warn' ? '' : 'warn');
+            return true;
+        }
+        if (input === 'x') {
+            setFilter(f => f === 'error' ? '' : 'error');
+            return true;
+        }
+        if (input === 'c') {
+            setFilter('');
+            return true;
+        }
+        if (key.escape && source.kind !== 'none') {
+            setSource({ kind: 'none' });
+            return true;
+        }
+        return false;
+    });
+    const filterPattern = filter ? filter : undefined;
+    return (_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, width: 34, children: [_jsx(Text, { bold: true, children: "Services" }), services.length === 0 && _jsx(Text, { color: "gray", children: "  no services" }), services.map((s, i) => (_jsxs(Box, { children: [_jsx(Box, { width: 2, children: _jsx(Text, { color: i === selectedIdx ? 'cyan' : undefined, children: i === selectedIdx ? '▶' : ' ' }) }), _jsx(Text, { color: source.kind === 'service' && source.name === s.name ? 'green' : undefined, bold: i === selectedIdx, children: truncate(s.displayName, 28) })] }, s.name))), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { color: "gray", children: "j/k pick \u00B7 Enter tail \u00B7 w warn \u00B7 x error \u00B7 c clear \u00B7 Esc stop" }) })] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: stream.running ? 'cyan' : 'gray', paddingX: 1, children: [_jsxs(Box, { gap: 2, children: [_jsx(Text, { bold: true, color: "cyan", children: source.kind === 'none' ? 'pick a service' : `tail · ${source.kind === 'service' ? source.name : source.containerId}` }), stream.running && _jsxs(Text, { color: "cyan", children: [_jsx(Spinner, { type: "dots" }), " live"] }), filter && _jsxs(Text, { color: "yellow", children: ["filter: ", filter] }), _jsxs(Text, { color: "gray", children: [stream.lines.length, " lines"] })] }), stream.error && _jsxs(Text, { color: "red", children: ["\u2716 ", stream.error] }), stream.lines.length === 0 && !stream.error && source.kind !== 'none' && (_jsx(Text, { color: "gray", children: "  (waiting for output\u2026)" })), stream.lines.length > 0 && (_jsx(LogViewer, { lines: stream.lines, height: 20, autoScroll: true, filter: filterPattern, showLevel: true }))] })] }));
+}

package/dist/tui/routines/tabs/OpsTab.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { AppEntry } from '../../../core/registry.js';
+export interface OpsTabProps {
+    apps: AppEntry[];
+}
+export declare function OpsTab({ apps }: OpsTabProps): React.JSX.Element;

package/dist/tui/routines/tabs/OpsTab.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { formatRelative, truncate } from '../../../tui/routines/format.js';
+import { useOpsFleet } from '../../../tui/routines/hooks/use-ops-fleet.js';
+function serviceColor(repo) {
+    if (!repo.service)
+        return 'gray';
+    if (!repo.service.active)
+        return 'red';
+    if (repo.totalContainers === 0)
+        return 'yellow';
+    return repo.runningContainers === repo.totalContainers ? 'green' : 'yellow';
+}
+function RepoOpsRow({ repo }) {
+    return (_jsxs(Box, { children: [_jsx(Box, { width: 22, children: _jsx(Text, { children: truncate(repo.name, 20) }) }), _jsx(Box, { width: 14, children: _jsx(Text, { color: serviceColor(repo), children: repo.service ? (repo.service.active ? 'active' : repo.service.state) : '—' }) }), _jsx(Box, { width: 12, children: _jsx(Text, { color: repo.service?.enabled ? 'green' : 'gray', children: repo.service?.enabled ? 'enabled' : '—' }) }), _jsx(Box, { width: 14, children: _jsx(Text, { children: repo.totalContainers > 0
+                        ? `${repo.runningContainers}/${repo.totalContainers}`
+                        : _jsx(Text, { color: "gray", children: "\u2014" }) }) })] }));
+}
+function diskColor(pct) {
+    if (pct == null)
+        return 'gray';
+    if (pct >= 90)
+        return 'red';
+    if (pct >= 75)
+        return 'yellow';
+    return 'green';
+}
+export function OpsTab({ apps }) {
+    const snap = useOpsFleet(apps);
+    const downServices = snap.repos.filter(r => r.service && !r.service.active).length;
+    const stoppedContainers = snap.repos.filter(r => r.totalContainers > 0 && r.runningContainers < r.totalContainers).length;
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { gap: 2, children: [_jsx(Text, { bold: true, children: "Ops overview" }), _jsxs(Text, { color: downServices > 0 ? 'red' : 'green', children: [downServices, " services down"] }), _jsxs(Text, { color: stoppedContainers > 0 ? 'yellow' : 'green', children: [stoppedContainers, " repos with stopped containers"] }), snap.loading ? (_jsxs(Text, { color: "cyan", children: [_jsx(Spinner, { type: "dots" }), " refreshing"] })) : (_jsxs(Text, { color: "gray", children: ["updated ", formatRelative(new Date(snap.refreshedAt).toISOString())] }))] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Infrastructure" }), _jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: "  docker-databases" }) }), _jsx(Text, { color: snap.dockerDatabasesActive ? 'green' : 'red', children: snap.dockerDatabasesActive ? 'active' : snap.dockerDatabasesActive === false ? 'down' : 'unknown' })] }), _jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: "  nginx" }) }), _jsx(Text, { color: snap.nginxOk ? 'green' : snap.nginxOk === false ? 'red' : 'gray', children: snap.nginxOk ? 'config valid' : snap.nginxOk === false ? 'config BROKEN' : '—' }), snap.nginxSites != null && _jsxs(Text, { color: "gray", children: [" \u00B7 ", snap.nginxSites, " sites"] })] }), _jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: "  /home disk" }) }), _jsx(Text, { color: diskColor(snap.diskPercent), children: snap.diskPercent != null ? `${snap.diskPercent}% used` : '—' })] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsxs(Box, { children: [_jsx(Box, { width: 22, children: _jsx(Text, { bold: true, children: "APP" }) }), _jsx(Box, { width: 14, children: _jsx(Text, { bold: true, children: "SERVICE" }) }), _jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "AUTOSTART" }) }), _jsx(Box, { width: 14, children: _jsx(Text, { bold: true, children: "CONTAINERS" }) })] }), snap.repos.length === 0 && _jsx(Text, { color: "gray", children: "  no apps" }), snap.repos.map(r => _jsx(RepoOpsRow, { repo: r }, r.name))] }), _jsx(Text, { color: "gray", children: "fleet-native actions live outside this tab: `fleet restart` / `fleet deploy` / `fleet nginx`" })] }));
+}

package/dist/tui/routines/tabs/RepoDetailView.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { AppEntry } from '../../../core/registry.js';
+export interface RepoDetailViewProps {
+    app: AppEntry;
+}
+export declare function RepoDetailView({ app }: RepoDetailViewProps): React.JSX.Element;

package/dist/tui/routines/tabs/RepoDetailView.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { formatRelative, truncate } from '../../../tui/routines/format.js';
+import { useRepoDetail } from '../../../tui/routines/hooks/use-repo-detail.js';
+function StatValue({ label, value, color }) {
+    return (_jsxs(Box, { children: [_jsx(Box, { width: 14, children: _jsx(Text, { color: "gray", children: label }) }), _jsx(Text, { color: color, children: value })] }));
+}
+export function RepoDetailView({ app }) {
+    const snap = useRepoDetail(app);
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { gap: 2, children: [_jsx(Text, { bold: true, color: "cyan", children: app.name }), _jsx(Text, { color: "gray", children: app.type }), app.domains.length > 0 && _jsx(Text, { color: "yellow", children: app.domains.join(', ') }), snap.loading ? (_jsxs(Text, { color: "cyan", children: [_jsx(Spinner, { type: "dots" }), " refreshing"] })) : (_jsxs(Text, { color: "gray", children: ["updated ", formatRelative(new Date(snap.refreshedAt).toISOString())] }))] }), snap.error && _jsxs(Text, { color: "red", children: ["\u2716 ", snap.error] }), _jsxs(Box, { flexDirection: "row", gap: 4, children: [_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, width: 48, children: [_jsx(Text, { bold: true, children: "Git" }), snap.git === null || !snap.git.initialised ? (_jsx(Text, { color: "gray", children: "  not a git repo" })) : (_jsxs(_Fragment, { children: [_jsx(StatValue, { label: "branch", value: snap.git.branch || '—' }), _jsx(StatValue, { label: "ahead/behind", value: `${snap.git.ahead} / ${snap.git.behind}`, color: snap.git.ahead > 0 || snap.git.behind > 0 ? 'yellow' : 'green' }), _jsx(StatValue, { label: "working tree", value: snap.git.clean ? 'clean' : `${snap.git.modified + snap.git.staged + snap.git.untracked} dirty`, color: snap.git.clean ? 'green' : 'yellow' }), _jsx(StatValue, { label: "remote", value: truncate(snap.git.remoteUrl || '—', 32) }), snap.lastCommit && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, children: "Last commit" }), _jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: ["  ", snap.lastCommit.hash, " "] }), _jsx(Text, { children: truncate(snap.lastCommit.subject, 28) })] }), _jsx(Box, { children: _jsxs(Text, { color: "gray", children: ["  ", snap.lastCommit.author, " \u00B7 ", formatRelative(snap.lastCommit.date)] }) })] }))] }))] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, width: 48, children: [_jsx(Text, { bold: true, children: "Service" }), snap.service === null ? (_jsx(Text, { color: "gray", children: "  no systemd unit" })) : (_jsxs(_Fragment, { children: [_jsx(StatValue, { label: "unit", value: snap.service.name }), _jsx(StatValue, { label: "active", value: snap.service.active ? 'active' : snap.service.state, color: snap.service.active ? 'green' : 'red' }), _jsx(StatValue, { label: "enabled", value: snap.service.enabled ? 'yes' : 'no', color: snap.service.enabled ? 'green' : 'yellow' })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, children: "Containers" }) }), snap.runningContainers === null ? (_jsx(Text, { color: "gray", children: "  docker unavailable" })) : snap.totalContainers === 0 ? (_jsx(Text, { color: "yellow", children: "  no containers for project" })) : (_jsx(StatValue, { label: "state", value: `${snap.runningContainers}/${snap.totalContainers} running`, color: snap.runningContainers === snap.totalContainers ? 'green' : snap.runningContainers > 0 ? 'yellow' : 'red' }))] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsxs(Text, { bold: true, children: ["Open PRs ", snap.openPrs ? `(${snap.openPrs.length})` : ''] }), snap.openPrs === null ? (_jsx(Text, { color: "gray", children: "  gh unavailable or not a repo" })) : snap.openPrs.length === 0 ? (_jsx(Text, { color: "green", children: "  no open PRs" })) : (snap.openPrs.slice(0, 8).map(pr => (_jsxs(Box, { children: [_jsx(Box, { width: 6, children: _jsxs(Text, { color: "cyan", children: ["#", pr.number] }) }), pr.isDraft && _jsx(Box, { width: 8, children: _jsx(Text, { color: "gray", children: "draft" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { children: truncate(pr.title, 60) }) }), _jsx(Box, { width: 12, children: _jsx(Text, { color: "gray", children: pr.author }) }), _jsx(Text, { color: "gray", children: formatRelative(pr.updatedAt) })] }, pr.number))))] }), _jsx(Text, { color: "gray", children: "actions: r restart \u00B7 s shell \u00B7 l logs \u00B7 a run nightly-audit \u00B7 Esc back" })] }));
+}

package/dist/tui/routines/tabs/RoutinesTab.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { RoutineEngine } from '../../../core/routines/engine.js';
+import type { Routine } from '../../../core/routines/schema.js';
+export interface RoutinesTabProps {
+    engine: RoutineEngine;
+    routines: Routine[];
+    selectedIndex: number;
+    detailOpen: boolean;
+}
+export declare function RoutinesTab({ engine, routines, selectedIndex, detailOpen, }: RoutinesTabProps): React.JSX.Element;

package/dist/tui/routines/tabs/RoutinesTab.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Box, Text } from 'ink';
+import { formatDuration, formatRelative, formatUsd, truncate } from '../format.js';
+function summarise(engine, routine) {
+    const recent = engine.recentRuns(routine.id, 10);
+    const lastRun = recent[0] ?? null;
+    let streakSuccess = 0;
+    for (const r of recent) {
+        if (r.status === 'ok')
+            streakSuccess++;
+        else
+            break;
+    }
+    const costAgg = engine.costSinceDays(routine.id, 30);
+    return { routine, recent, lastRun, streakSuccess, totalUsd: costAgg.usd };
+}
+function statusColor(status) {
+    switch (status) {
+        case 'ok': return 'green';
+        case 'failed': return 'red';
+        case 'timeout': return 'yellow';
+        case 'aborted': return 'gray';
+        case 'running': return 'cyan';
+        default: return 'gray';
+    }
+}
+function ScheduleBadge({ routine }) {
+    if (routine.schedule.kind === 'manual') {
+        return _jsx(Text, { color: "gray", children: "manual" });
+    }
+    return _jsx(Text, { color: "cyan", children: routine.schedule.onCalendar });
+}
+function RoutineListRow({ row, selected, }) {
+    const { routine, lastRun, streakSuccess } = row;
+    const targetCount = routine.targets.length || (routine.perTarget ? 0 : 1);
+    const targetLabel = routine.perTarget
+        ? routine.targets.length > 0 ? `${routine.targets.length}×` : 'all×'
+        : 'singleton';
+    return (_jsxs(Box, { children: [_jsx(Box, { width: 2, children: _jsx(Text, { color: selected ? 'cyan' : undefined, children: selected ? '▶' : ' ' }) }), _jsx(Box, { width: 2, children: routine.enabled ? _jsx(Text, { color: "green", children: "\u25CF" }) : _jsx(Text, { color: "gray", children: "\u25CB" }) }), _jsx(Box, { width: 22, children: _jsx(Text, { bold: selected, children: truncate(routine.id, 20) }) }), _jsx(Box, { width: 14, children: _jsx(Text, { children: _jsx(Text, { color: statusColor(lastRun?.status ?? null), children: lastRun?.status ?? '—' }) }) }), _jsx(Box, { width: 10, children: _jsx(Text, { children: streakSuccess > 0 ? _jsxs(Text, { color: "green", children: ["\u00D7", streakSuccess] }) : _jsx(Text, { color: "gray", children: "\u2014" }) }) }), _jsx(Box, { width: 16, children: _jsx(Text, { color: "gray", children: formatRelative(lastRun?.startedAt ?? null) }) }), _jsx(Box, { width: 10, children: _jsx(Text, { color: "gray", children: formatDuration(lastRun?.durationMs ?? null) }) }), _jsx(Box, { width: 10, children: _jsx(Text, { color: "gray", children: formatUsd(row.totalUsd) }) }), _jsx(Box, { width: 12, children: _jsx(Text, { color: "gray", children: targetLabel }) }), _jsx(ScheduleBadge, { routine: routine })] }));
+}
+function RoutineListHeader() {
+    return (_jsxs(Box, { children: [_jsx(Box, { width: 2, children: _jsx(Text, { children: " " }) }), _jsx(Box, { width: 2, children: _jsx(Text, { bold: true, children: "ON" }) }), _jsx(Box, { width: 22, children: _jsx(Text, { bold: true, children: "ID" }) }), _jsx(Box, { width: 14, children: _jsx(Text, { bold: true, children: "LAST" }) }), _jsx(Box, { width: 10, children: _jsx(Text, { bold: true, children: "STREAK" }) }), _jsx(Box, { width: 16, children: _jsx(Text, { bold: true, children: "WHEN" }) }), _jsx(Box, { width: 10, children: _jsx(Text, { bold: true, children: "DUR" }) }), _jsx(Box, { width: 10, children: _jsx(Text, { bold: true, children: "30d $" }) }), _jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "TARGETS" }) }), _jsx(Text, { bold: true, children: "SCHEDULE" })] }));
+}
+function RecentRunsPanel({ runs }) {
+    if (runs.length === 0)
+        return _jsx(Text, { color: "gray", children: "  no runs yet" });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Box, { width: 22, children: _jsx(Text, { bold: true, children: "WHEN" }) }), _jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "STATUS" }) }), _jsx(Box, { width: 10, children: _jsx(Text, { bold: true, children: "DUR" }) }), _jsx(Box, { width: 10, children: _jsx(Text, { bold: true, children: "EXIT" }) }), _jsx(Box, { width: 10, children: _jsx(Text, { bold: true, children: "USD" }) }), _jsx(Box, { width: 12, children: _jsx(Text, { bold: true, children: "TOKENS" }) }), _jsx(Text, { bold: true, children: "ERROR" })] }), runs.map(r => (_jsxs(Box, { children: [_jsx(Box, { width: 22, children: _jsx(Text, { color: "gray", children: formatRelative(r.startedAt) }) }), _jsx(Box, { width: 12, children: _jsx(Text, { color: statusColor(r.status), children: r.status }) }), _jsx(Box, { width: 10, children: _jsx(Text, { children: formatDuration(r.durationMs) }) }), _jsx(Box, { width: 10, children: _jsx(Text, { children: r.exitCode ?? '—' }) }), _jsx(Box, { width: 10, children: _jsx(Text, { children: formatUsd(r.usd) }) }), _jsx(Box, { width: 12, children: _jsx(Text, { children: r.inputTokens != null ? `${(r.inputTokens + (r.outputTokens ?? 0)).toLocaleString()}` : '—' }) }), _jsx(Text, { color: "red", children: truncate(r.error ?? '', 40) })] }, r.runId)))] }));
+}
+function RoutineDetail({ row }) {
+    const { routine, recent } = row;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, gap: 1, children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: "cyan", children: routine.id }), _jsx(Text, { children: routine.name }), routine.description && _jsx(Text, { color: "gray", children: routine.description })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Schedule" }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  kind:     " }), _jsx(Text, { children: routine.schedule.kind })] }), routine.schedule.kind === 'calendar' && (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  when:     " }), _jsx(Text, { children: routine.schedule.onCalendar })] }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  jitter:   " }), _jsxs(Text, { children: [routine.schedule.randomizedDelaySec, "s"] })] })] }))] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Task" }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  runner:   " }), _jsx(Text, { children: routine.task.kind })] }), routine.task.kind === 'claude-cli' && (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  tokens:   " }), _jsx(Text, { children: routine.task.tokenCap.toLocaleString() })] }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  max USD:  " }), _jsx(Text, { children: formatUsd(routine.task.maxUsd) })] }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  timeout:  " }), _jsx(Text, { children: formatDuration(routine.task.wallClockMs) })] }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  prompt:   " }), _jsx(Text, { children: truncate(routine.task.prompt, 80) })] })] })), routine.task.kind === 'shell' && (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  argv:     " }), _jsx(Text, { children: truncate(routine.task.argv.join(' '), 80) })] }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  timeout:  " }), _jsx(Text, { children: formatDuration(routine.task.wallClockMs) })] })] })), routine.task.kind === 'mcp-call' && (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  tool:     " }), _jsx(Text, { children: routine.task.tool })] }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "  timeout:  " }), _jsx(Text, { children: formatDuration(routine.task.wallClockMs) })] })] }))] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Recent runs" }), _jsx(RecentRunsPanel, { runs: recent })] })] }));
+}
+export function RoutinesTab({ engine, routines, selectedIndex, detailOpen, }) {
+    const rows = useMemo(() => routines.map(r => summarise(engine, r)), [engine, routines]);
+    const selected = rows[selectedIndex];
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Text, { bold: true, children: ["Routines (", rows.length, ")"] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(RoutineListHeader, {}), rows.length === 0 && _jsx(Text, { color: "gray", children: "  no routines yet" }), rows.map((row, i) => (_jsx(RoutineListRow, { row: row, selected: i === selectedIndex }, row.routine.id)))] }), detailOpen && selected && _jsx(RoutineDetail, { row: selected }), !detailOpen && selected && (_jsx(Text, { color: "gray", children: "press Enter for detail \u00B7 r run now \u00B7 e toggle enabled" }))] }));
+}

package/dist/tui/routines/tabs/ScaffoldTab.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ScaffoldTab(): React.JSX.Element;

package/dist/tui/routines/tabs/ScaffoldTab.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+import { useRegisterHandler } from '@matthesketh/ink-input-dispatcher';
+const FIELDS = [
+    { id: 'name', label: 'app name (kebab-case)' },
+    { id: 'composePath', label: 'compose path' },
+    { id: 'port', label: 'public port' },
+    { id: 'domain', label: 'primary domain' },
+    { id: 'usesSharedDb', label: 'joins databases network?', toggle: true },
+    { id: 'nonRootUser', label: 'Dockerfile USER non-root?', toggle: true },
+];
+function buildPlan(draft) {
+    const errors = [];
+    if (!/^[a-z][a-z0-9-]{1,62}$/.test(draft.name))
+        errors.push('app name: lowercase + dashes only');
+    if (!draft.composePath.startsWith('/'))
+        errors.push('compose path: absolute');
+    if (!/^\d{2,5}$/.test(draft.port))
+        errors.push('port: 2–5 digit integer');
+    if (errors.length > 0)
+        return { ok: false, errors, commands: [] };
+    const unit = `/etc/systemd/system/${draft.name}.service`;
+    const commands = [
+        `# 1. Scaffold the systemd unit`,
+        `sudo tee ${unit} > /dev/null <<'UNIT'`,
+        `[Unit]`,
+        `Description=${draft.name} Docker Service`,
+        `Requires=docker.service`,
+        `After=docker.service network-online.target${draft.usesSharedDb ? ' docker-databases.service' : ''}`,
+        `Wants=network-online.target`,
+        draft.usesSharedDb ? `Requires=docker-databases.service` : '',
+        ``,
+        `[Service]`,
+        `Type=oneshot`,
+        `RemainAfterExit=yes`,
+        `WorkingDirectory=${draft.composePath}`,
+        `ExecStartPre=-/usr/bin/docker compose down`,
+        `ExecStart=/usr/bin/docker compose up -d --force-recreate`,
+        `ExecStop=/usr/bin/docker compose down`,
+        `ExecReload=/usr/bin/docker compose restart`,
+        `TimeoutStartSec=300`,
+        `Restart=on-failure`,
+        `RestartSec=10`,
+        ``,
+        `[Install]`,
+        `WantedBy=multi-user.target`,
+        `UNIT`,
+        ``,
+        `# 2. Daemon-reload + enable`,
+        `sudo systemctl daemon-reload`,
+        `sudo systemctl enable --now ${draft.name}`,
+        ``,
+        `# 3. Register with fleet (adds to registry.json + detects compose/ports)`,
+        `fleet add ${draft.composePath}`,
+        ``,
+        `# 4. Nginx reverse proxy for ${draft.domain}`,
+        `fleet nginx add ${draft.domain} --port ${draft.port} --type spa`,
+    ];
+    if (draft.usesSharedDb) {
+        commands.push('', `# 5. Ensure databases network is reachable`, `docker network inspect databases > /dev/null || docker network create databases`);
+    }
+    if (draft.nonRootUser) {
+        commands.push('', `# 6. Guardian whitelist check (/runc must be whitelisted for non-root containers)`, `grep -q '^/runc$' /etc/guardian/whitelist || echo '/runc' | sudo tee -a /etc/guardian/whitelist`, `sudo systemctl reload guardiand || true`);
+    }
+    return { ok: true, errors: [], commands: commands.filter(c => c !== undefined) };
+}
+export function ScaffoldTab() {
+    const [draft, setDraft] = useState({
+        name: '',
+        composePath: '/home/matt/',
+        port: '3000',
+        domain: '',
+        usesSharedDb: true,
+        nonRootUser: false,
+    });
+    const [cursor, setCursor] = useState(0);
+    const [editing, setEditing] = useState(false);
+    const [textValue, setTextValue] = useState(() => String(draft[FIELDS[0].id]));
+    const [plan, setPlan] = useState(null);
+    const currentField = FIELDS[cursor];
+    useRegisterHandler((input, key) => {
+        if (editing && !currentField.toggle)
+            return false;
+        if (input === 'g') {
+            setPlan(buildPlan(draft));
+            return true;
+        }
+        if (currentField.toggle && (input === ' ' || key.return)) {
+            setDraft(d => ({ ...d, [currentField.id]: !d[currentField.id] }));
+            return true;
+        }
+        if (input === 'j' || key.downArrow) {
+            const next = Math.min(cursor + 1, FIELDS.length - 1);
+            setCursor(next);
+            if (!FIELDS[next].toggle)
+                setTextValue(String(draft[FIELDS[next].id] ?? ''));
+            setEditing(false);
+            return true;
+        }
+        if (input === 'k' || key.upArrow) {
+            const next = Math.max(cursor - 1, 0);
+            setCursor(next);
+            if (!FIELDS[next].toggle)
+                setTextValue(String(draft[FIELDS[next].id] ?? ''));
+            setEditing(false);
+            return true;
+        }
+        if (input === 'e' && !currentField.toggle) {
+            setEditing(true);
+            return true;
+        }
+        return false;
+    });
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { bold: true, children: "New app scaffold" }), _jsx(Text, { color: "gray", children: "answer the prompts, press `g` to generate the deployment commands. Nothing is applied automatically." }), _jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: FIELDS.map((f, i) => {
+                    const selected = i === cursor;
+                    const value = draft[f.id];
+                    return (_jsxs(Box, { children: [_jsx(Box, { width: 2, children: _jsx(Text, { color: selected ? 'cyan' : undefined, children: selected ? '▶' : ' ' }) }), _jsx(Box, { width: 32, children: _jsx(Text, { color: selected ? 'cyan' : 'gray', children: f.label }) }), f.toggle ? (_jsx(Text, { color: value ? 'green' : 'gray', children: value ? 'yes' : 'no' })) : editing && selected ? (_jsx(TextInput, { value: textValue, onChange: setTextValue, onSubmit: () => {
+                                    setDraft(prev => ({ ...prev, [f.id]: textValue }));
+                                    setEditing(false);
+                                } })) : (_jsx(Text, { children: String(value) }))] }, f.id));
+                }) }), _jsx(Text, { color: "gray", children: "j/k move \u00B7 e edit \u00B7 space toggle \u00B7 g generate plan" }), plan && !plan.ok && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 1, children: [_jsx(Text, { color: "red", bold: true, children: "errors" }), plan.errors.map((e, i) => _jsxs(Text, { color: "red", children: ["  \u00B7 ", e] }, i))] })), plan?.ok && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: [_jsx(Text, { color: "green", bold: true, children: "deployment commands" }), plan.commands.map((line, i) => {
+                        const isComment = line.startsWith('#');
+                        return (_jsx(Text, { color: isComment ? 'gray' : undefined, children: line }, i));
+                    })] }))] }));
+}

package/dist/tui/routines/tabs/SecurityTab.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { AppEntry } from '../../../core/registry.js';
+export interface SecurityTabProps {
+    apps: AppEntry[];
+}
+export declare function SecurityTab({ apps }: SecurityTabProps): React.JSX.Element;

package/dist/tui/routines/tabs/SecurityTab.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { formatRelative, truncate } from '../../../tui/routines/format.js';
+import { useSecurity } from '../../../tui/routines/hooks/use-security.js';
+function certColor(c) {
+    if (c.daysUntil == null)
+        return 'gray';
+    if (c.daysUntil <= 7)
+        return 'red';
+    if (c.daysUntil <= 30)
+        return 'yellow';
+    return 'green';
+}
+function ageColor(days) {
+    if (days == null)
+        return 'gray';
+    if (days >= 180)
+        return 'red';
+    if (days >= 90)
+        return 'yellow';
+    return 'green';
+}
+export function SecurityTab({ apps }) {
+    const snap = useSecurity(apps);
+    const expiringSoon = snap.certs.filter(c => c.daysUntil != null && c.daysUntil <= 30).length;
+    const rotationsDue = snap.secretAges.filter(s => s.ageDays != null && s.ageDays >= 90).length;
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { gap: 2, children: [_jsx(Text, { bold: true, children: "Security overview" }), _jsxs(Text, { color: expiringSoon > 0 ? 'yellow' : 'green', children: [expiringSoon, " certs expiring \u226430d"] }), _jsxs(Text, { color: rotationsDue > 0 ? 'yellow' : 'green', children: [rotationsDue, " secrets overdue for rotation"] }), snap.loading ? (_jsxs(Text, { color: "cyan", children: [_jsx(Spinner, { type: "dots" }), " refreshing"] })) : (_jsxs(Text, { color: "gray", children: ["updated ", formatRelative(new Date(snap.refreshedAt).toISOString())] }))] }), _jsxs(Box, { flexDirection: "row", gap: 4, children: [_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, width: 48, children: [_jsx(Text, { bold: true, children: "Guardian" }), !snap.guardian ? (_jsx(Text, { color: "gray", children: "  \u2014" })) : (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: "  binary" }) }), _jsx(Text, { color: snap.guardian.binaryInstalled ? 'green' : 'red', children: snap.guardian.binaryInstalled ? 'installed' : 'missing' })] }), _jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: "  whitelist" }) }), _jsx(Text, { color: snap.guardian.whitelistExists ? 'green' : 'red', children: snap.guardian.whitelistExists
+                                                    ? `${snap.guardian.whitelistLines ?? '?'} entries`
+                                                    : 'missing' })] }), _jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: "  /runc whitelisted" }) }), _jsx(Text, { color: snap.guardian.runcWhitelisted ? 'green' : 'red', children: snap.guardian.runcWhitelisted ? 'yes' : snap.guardian.runcWhitelisted === false ? 'NO — containers at risk' : '—' })] })] }))] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, width: 48, children: [_jsx(Text, { bold: true, children: "SSH agent" }), !snap.ssh ? (_jsx(Text, { color: "gray", children: "  \u2014" })) : (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: "  socket" }) }), _jsx(Text, { color: snap.ssh.socketExists ? 'green' : 'red', children: snap.ssh.socketExists ? '/tmp/fleet-ssh-agent.sock' : 'not present' })] }), _jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: "  key loaded" }) }), _jsx(Text, { color: snap.ssh.keyLoaded ? 'green' : 'red', children: snap.ssh.keyLoaded ? 'yes' : snap.ssh.keyLoaded === false ? 'NO — git push will fail' : '—' })] }), snap.ssh.keyFingerprint && (_jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: "  fingerprint" }) }), _jsx(Text, { children: truncate(snap.ssh.keyFingerprint, 28) })] }))] }))] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsxs(Text, { bold: true, children: ["TLS certificates (", snap.certs.length, ")"] }), snap.certs.length === 0 && _jsx(Text, { color: "gray", children: "  no domains to check" }), snap.certs.slice(0, 10).map(c => (_jsxs(Box, { children: [_jsx(Box, { width: 32, children: _jsx(Text, { children: truncate(c.domain, 30) }) }), _jsx(Box, { width: 16, children: _jsx(Text, { color: certColor(c), children: c.daysUntil == null ? 'no cert found' : `${c.daysUntil}d` }) }), _jsx(Text, { color: "gray", children: c.expiresAt ? formatRelative(c.expiresAt) : '' })] }, c.domain))), snap.certs.length > 10 && _jsxs(Text, { color: "gray", children: ["  +", snap.certs.length - 10, " more\u2026"] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsxs(Text, { bold: true, children: ["Secret rotation age (", snap.secretAges.length, ")"] }), snap.secretAges.length === 0 && _jsx(Text, { color: "gray", children: "  no managed secrets" }), snap.secretAges.slice(0, 10).map(s => (_jsxs(Box, { children: [_jsx(Box, { width: 22, children: _jsx(Text, { children: truncate(s.app, 20) }) }), _jsx(Box, { width: 16, children: _jsx(Text, { color: ageColor(s.ageDays), children: s.ageDays != null ? `${s.ageDays}d old` : (s.error ?? '—') }) })] }, s.app)))] })] }));
+}

package/dist/tui/routines/tabs/SettingsTab.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { RoutinesRuntime } from '../../../tui/routines/runtime.js';
+export interface SettingsTabProps {
+    runtime: RoutinesRuntime;
+}
+export declare function SettingsTab({ runtime }: SettingsTabProps): React.JSX.Element;

package/dist/tui/routines/tabs/SettingsTab.js

@@ -0,0 +1,61 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { dbPath } from '../../../core/routines/db.js';
+const KEY_GROUPS = [
+    {
+        title: 'Navigation',
+        bindings: [
+            { key: '1..8', label: 'jump to numbered tab' },
+            { key: 'j / k  or  ↓ / ↑', label: 'move cursor' },
+            { key: 'Enter', label: 'drill in / select' },
+            { key: 'Esc', label: 'back / cancel modal' },
+            { key: 'p  or  Ctrl+K', label: 'command palette' },
+            { key: 'q', label: 'quit' },
+        ],
+    },
+    {
+        title: 'Routines',
+        bindings: [
+            { key: 'n', label: 'new routine' },
+            { key: 'e', label: 'edit selected' },
+            { key: 'd', label: 'delete selected (y/n confirm)' },
+            { key: 't', label: 'toggle enabled' },
+            { key: 'r', label: 'run now (opens live panel)' },
+        ],
+    },
+    {
+        title: 'Dashboard / Ops',
+        bindings: [
+            { key: 'r', label: 'force refresh signals' },
+            { key: 'Enter', label: 'drill into repo detail' },
+        ],
+    },
+    {
+        title: 'Logs',
+        bindings: [
+            { key: 'j / k', label: 'pick service' },
+            { key: 'Enter', label: 'tail selected' },
+            { key: 'w', label: 'toggle warn filter' },
+            { key: 'x', label: 'toggle error filter' },
+            { key: 'c', label: 'clear filter' },
+            { key: 'Esc', label: 'stop tail' },
+        ],
+    },
+    {
+        title: 'Live-run panel',
+        bindings: [
+            { key: 'a', label: 'abort running task' },
+            { key: 'Esc / Enter / q', label: 'close after end' },
+        ],
+    },
+];
+function Row({ label, value, color }) {
+    return (_jsxs(Box, { children: [_jsx(Box, { width: 26, children: _jsxs(Text, { color: "gray", children: ["  ", label] }) }), _jsx(Text, { color: color, children: value })] }));
+}
+export function SettingsTab({ runtime }) {
+    const routinesCount = runtime.store.list().length;
+    const enabledCount = runtime.store.list().filter(r => r.enabled).length;
+    const storePath = runtime.store.storePath();
+    const databasePath = dbPath();
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { bold: true, children: "Settings & reference" }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Runtime" }), _jsx(Row, { label: "fleet version", value: "1.4.0" }), _jsx(Row, { label: "ink", value: "5.2.1" }), _jsx(Row, { label: "react", value: "18.3.1" }), _jsx(Row, { label: "routines loaded", value: `${routinesCount} (${enabledCount} enabled)` }), _jsx(Row, { label: "defaults seeded", value: runtime.seeded.seeded > 0 ? `${runtime.seeded.seeded} new` : 'already in place', color: runtime.seeded.seeded > 0 ? 'magenta' : 'gray' })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Paths" }), _jsx(Row, { label: "routines.json", value: storePath }), _jsx(Row, { label: "fleet.db", value: databasePath }), _jsx(Row, { label: "unit template dir", value: "/etc/systemd/system" }), _jsx(Row, { label: "mutex / config dir", value: "/var/lib/fleet/locks  \u00B7  /var/lib/fleet/claude-configs" })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Adapters enabled" }), _jsx(Row, { label: "scheduler", value: "systemd-timer", color: "green" }), _jsx(Row, { label: "runners", value: "shell \u00B7 claude-cli \u00B7 mcp-call", color: "green" }), _jsx(Row, { label: "notifiers", value: "stdout", color: "green" }), _jsx(Row, { label: "signals", value: "git-clean \u00B7 container-up \u00B7 ci-status", color: "green" })] }), KEY_GROUPS.map(group => (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, children: group.title }), group.bindings.map(b => (_jsxs(Box, { children: [_jsx(Box, { width: 26, children: _jsxs(Text, { color: "cyan", children: ["  ", b.key] }) }), _jsx(Text, { color: "gray", children: b.label })] }, b.key)))] }, group.title)))] }));
+}

package/dist/tui/routines/tabs/TimelineTab.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { RoutineEngine } from '../../../core/routines/engine.js';
+export interface TimelineTabProps {
+    engine: RoutineEngine;
+    sinceDays?: number;
+}
+export declare function TimelineTab({ engine, sinceDays }: TimelineTabProps): React.JSX.Element;

package/dist/tui/routines/tabs/TimelineTab.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Box, Text } from 'ink';
+import { Timeline } from '@matthesketh/ink-timeline';
+import { loadIncidents } from '../../../core/routines/incidents.js';
+import { formatRelative, truncate } from '../../../tui/routines/format.js';
+const KIND_META = {
+    'routine-failed': { typeLabel: 'FAIL', typeColor: 'red' },
+    'routine-timeout': { typeLabel: 'TIMEOUT', typeColor: 'yellow' },
+    'signal-error': { typeLabel: 'ERROR', typeColor: 'red' },
+    'signal-warn': { typeLabel: 'WARN', typeColor: 'yellow' },
+};
+export function TimelineTab({ engine, sinceDays = 7 }) {
+    const incidents = useMemo(() => loadIncidents(engine.db, { sinceDays, limit: 50 }), [engine.db, sinceDays]);
+    const events = incidents.map(i => ({
+        time: new Date(i.at),
+        type: KIND_META[i.kind].typeLabel,
+        typeColor: KIND_META[i.kind].typeColor,
+        title: i.subject,
+        description: truncate(i.detail || '—', 100),
+    }));
+    const failCount = incidents.filter(i => i.kind === 'routine-failed' || i.kind === 'routine-timeout').length;
+    const warnCount = incidents.filter(i => i.kind === 'signal-warn').length;
+    const errCount = incidents.filter(i => i.kind === 'signal-error').length;
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { gap: 2, children: [_jsx(Text, { bold: true, children: "Incident timeline" }), _jsxs(Text, { color: "gray", children: ["last ", sinceDays, "d"] }), _jsxs(Text, { color: "red", children: [failCount, " routine failures"] }), _jsxs(Text, { color: "red", children: [errCount, " signal errors"] }), _jsxs(Text, { color: "yellow", children: [warnCount, " signal warns"] })] }), events.length === 0 ? (_jsx(Box, { borderStyle: "round", borderColor: "green", paddingX: 1, children: _jsx(Text, { color: "green", children: "  nothing to report \u2014 all clear" }) })) : (_jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: _jsx(Timeline, { events: events, maxVisible: 20, showRelativeTime: true }) })), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Raw stream" }), incidents.slice(0, 20).map((i, idx) => (_jsxs(Box, { children: [_jsx(Box, { width: 18, children: _jsx(Text, { color: "gray", children: formatRelative(i.at) }) }), _jsx(Box, { width: 12, children: _jsx(Text, { color: KIND_META[i.kind].typeColor, children: KIND_META[i.kind].typeLabel }) }), _jsx(Box, { width: 30, children: _jsx(Text, { children: truncate(i.subject, 28) }) }), _jsx(Text, { color: "gray", children: truncate(i.detail, 60) })] }, idx)))] })] }));
+}

package/dist/tui/state.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from 'react';
-const TOP_VIEWS = ['dashboard', 'health', 'secrets'];
+const TOP_VIEWS = ['dashboard', 'health', 'secrets', 'logs-multi'];
 export const initialState = {
     currentView: 'dashboard',
     previousView: null,
@@ -9,6 +9,11 @@ export const initialState = {
     loading: false,
     error: null,
     confirmAction: null,
+    dashboardIndex: 0,
+    healthIndex: 0,
+    secretsIndex: 0,
+    secretsSubView: 'app-list',
+    appDetailIndex: 0,
 };
 export function reducer(state, action) {
     switch (action.type) {
@@ -26,6 +31,7 @@ export function reducer(state, action) {
                 currentView: state.previousView ?? 'dashboard',
                 previousView: null,
                 selectedSecret: null,
+                secretsSubView: 'app-list',
                 error: null,
                 confirmAction: null,
             };
@@ -43,6 +49,15 @@ export function reducer(state, action) {
             return { ...state, confirmAction: action.action };
         case 'CANCEL_CONFIRM':
             return { ...state, confirmAction: null };
+        case 'SET_INDEX': {
+            const key = `${action.view}Index`;
+            if (key in state) {
+                return { ...state, [key]: action.index };
+            }
+            return state;
+        }
+        case 'SET_SECRETS_SUBVIEW':
+            return { ...state, secretsSubView: action.subView, secretsIndex: 0 };
         default:
             return state;
     }

package/dist/tui/tests/flicker.test.d.ts

@@ -0,0 +1 @@
+export {};