vgxness 1.14.1 → 1.16.0

package/dist/cli/home-tui-app.js

@@ -0,0 +1,387 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from 'ink';
+import { renderSddAdviceLines } from './sdd-renderer.js';
+import { TuiCard, TuiFooter, TuiHeader, TuiSummaryBar, TuiTabs } from './tui/ink/components.js';
+import { inkTuiTheme, normalizeInkTuiWidth } from './tui/ink/theme.js';
+export const homeTuiTabs = ['setup', 'status', 'runs', 'sdd', 'skills', 'provider'];
+const homeTuiTabItems = homeTuiTabs.map((tab) => ({ key: tab, label: labelForHomeTab(tab) }));
+export function HomeTuiApp({ plan, width, selectedTab, view = 'overview', runsReadModel = { state: 'not-loaded' }, skillsReadModel = { state: 'not-loaded' }, sddInput = { change: '' }, sddReadModel = { state: 'not-loaded' } }) {
+    const cardWidth = normalizeInkTuiWidth(width);
+    if (view === 'status-focus')
+        return _jsx(FocusedStatusView, { plan: plan, width: cardWidth });
+    if (view === 'runs-focus')
+        return _jsx(FocusedRunsView, { plan: plan, width: cardWidth, runs: runsReadModel });
+    if (view === 'sdd-focus')
+        return _jsx(FocusedSddView, { plan: plan, width: cardWidth, sddInput: sddInput, sdd: sddReadModel });
+    if (view === 'skills-focus')
+        return _jsx(FocusedSkillsView, { plan: plan, width: cardWidth, skills: skillsReadModel });
+    if (view === 'provider-focus')
+        return _jsx(FocusedProviderView, { plan: plan, width: cardWidth });
+    return (_jsxs(Box, { flexDirection: "column", width: cardWidth, paddingX: 1, paddingY: 1, children: [_jsx(TuiHeader, { title: inkTuiTheme.copy.homeTitle, subtitle: inkTuiTheme.copy.homeSubtitle, project: plan.project }), _jsx(TuiTabs, { items: homeTuiTabItems, selectedKey: selectedTab }), _jsx(TuiSummaryBar, { items: summaryItems(plan) }), _jsx(Box, { marginTop: 1, children: _jsx(HomePanel, { plan: plan, selectedTab: selectedTab }) }), _jsx(TuiFooter, { text: "Keys: \u2191/\u2193 or j/k move \u00B7 Tab/Shift+Tab next/back \u00B7 Enter opens focused area \u00B7 q exits \u00B7 read-only" })] }));
+}
+function FocusedSkillsView({ plan, width, skills }) {
+    const badge = skills.state === 'ready' ? 'read-only' : skills.state === 'unavailable' ? 'unavailable' : 'loading';
+    const tone = skills.state === 'unavailable' ? 'warning' : 'info';
+    return (_jsxs(Box, { flexDirection: "column", width: width, paddingX: 1, paddingY: 1, children: [_jsx(TuiHeader, { title: "VGXNESS Skills", subtitle: "Registry guidance cockpit \u00B7 read-only", project: plan.project }), _jsx(TuiSummaryBar, { items: summaryItems(plan) }), _jsx(Box, { marginTop: 1, children: _jsx(TuiCard, { title: "Skills", badge: badge, tone: tone, lines: focusedSkillsLines(plan, skills) }) }), _jsx(TuiFooter, { text: "Keys: Esc/b back to Home \u00B7 q exits \u00B7 read-only \u00B7 no provider skill writes" })] }));
+}
+function FocusedRunsView({ plan, width, runs }) {
+    const badge = runs.state === 'ready' ? 'read-only' : runs.state === 'unavailable' ? 'unavailable' : 'loading';
+    const tone = runs.state === 'unavailable' ? 'warning' : 'info';
+    const title = runs.state === 'ready' && runs.selected !== undefined ? 'Run detail' : 'Runs';
+    return (_jsxs(Box, { flexDirection: "column", width: width, paddingX: 1, paddingY: 1, children: [_jsx(TuiHeader, { title: "VGXNESS Runs", subtitle: "Run recovery cockpit \u00B7 read-only", project: plan.project }), _jsx(TuiSummaryBar, { items: summaryItems(plan) }), _jsx(Box, { marginTop: 1, children: _jsx(TuiCard, { title: title, badge: badge, tone: tone, lines: focusedRunsLines(plan, runs) }) }), _jsx(TuiFooter, { text: "Keys: Enter opens first run detail \u00B7 Esc/b back to Home \u00B7 q exits \u00B7 read-only \u00B7 no writes" })] }));
+}
+function FocusedSddView({ plan, width, sddInput, sdd }) {
+    const badge = sddInput.change.length === 0 ? 'change required' : sdd.state === 'ready' ? sdd.next.status : sdd.state === 'unavailable' ? 'unavailable' : 'change selected';
+    const tone = sdd.state === 'unavailable' ? 'warning' : 'info';
+    return (_jsxs(Box, { flexDirection: "column", width: width, paddingX: 1, paddingY: 1, children: [_jsx(TuiHeader, { title: "VGXNESS SDD", subtitle: "Spec-driven development cockpit \u00B7 change required \u00B7 read-only", project: plan.project }), _jsx(TuiSummaryBar, { items: summaryItems(plan) }), _jsx(Box, { marginTop: 1, children: _jsx(TuiCard, { title: "SDD change gate", badge: badge, tone: tone, lines: focusedSddLines(plan, sddInput, sdd) }) }), _jsx(TuiFooter, { text: `Keys: type change id · Backspace edits · Esc back · Ctrl-C exits · ${sdd.state === 'ready' ? 'SDD state read-only' : 'local SDD state not opened'}` })] }));
+}
+function FocusedStatusView({ plan, width }) {
+    return (_jsxs(Box, { flexDirection: "column", width: width, paddingX: 1, paddingY: 1, children: [_jsx(TuiHeader, { title: "VGXNESS Status", subtitle: "Focused setup readiness \u00B7 read-only", project: plan.project }), _jsx(TuiSummaryBar, { items: summaryItems(plan) }), _jsx(Box, { marginTop: 1, children: _jsx(TuiCard, { title: "Current setup status", badge: plan.status === 'ready' ? 'ready' : statusTitle(plan.status), tone: plan.status === 'ready' ? 'success' : plan.status === 'conflict' ? 'danger' : 'warning', lines: focusedStatusLines(plan) }) }), _jsx(TuiFooter, { text: "Keys: Esc/b back to Home \u00B7 q exits \u00B7 read-only \u00B7 no provider config writes" })] }));
+}
+function FocusedProviderView({ plan, width }) {
+    return (_jsxs(Box, { flexDirection: "column", width: width, paddingX: 1, paddingY: 1, children: [_jsx(TuiHeader, { title: "VGXNESS Provider", subtitle: "Provider setup plan \u00B7 read-only", project: plan.project }), _jsx(TuiSummaryBar, { items: summaryItems(plan) }), _jsx(Box, { marginTop: 1, children: _jsx(TuiCard, { title: "Provider plan", badge: providerTitle(plan.provider), tone: plan.provider === 'opencode' ? 'info' : 'warning', lines: focusedProviderLines(plan) }) }), _jsx(TuiFooter, { text: "Keys: Esc/b back to Home \u00B7 q exits \u00B7 read-only \u00B7 providers were not executed" })] }));
+}
+function HomePanel({ plan, selectedTab }) {
+    if (selectedTab === 'setup')
+        return _jsx(TuiCard, { title: "Setup", badge: "preview-only", tone: "warning", lines: setupLines(plan) });
+    if (selectedTab === 'status')
+        return _jsx(TuiCard, { title: "Status", badge: plan.status === 'ready' ? 'ready' : 'blocked', tone: plan.status === 'ready' ? 'success' : 'danger', lines: statusLines(plan) });
+    if (selectedTab === 'runs')
+        return _jsx(TuiCard, { title: "Runs", badge: "coming-soon", tone: "neutral", lines: runsLines() });
+    if (selectedTab === 'sdd')
+        return _jsx(TuiCard, { title: "SDD", badge: "manual", tone: "info", lines: sddLines() });
+    if (selectedTab === 'skills')
+        return _jsx(TuiCard, { title: "Skills", badge: "read-only", tone: "info", lines: skillsLines() });
+    return _jsx(TuiCard, { title: "Provider", badge: plan.opencode === undefined ? 'manual' : plan.status === 'ready' ? 'ready' : 'blocked', tone: plan.status === 'ready' ? 'success' : 'warning', lines: providerLines(plan) });
+}
+function setupLines(plan) {
+    return [
+        'Setup preview',
+        '',
+        field('Project', plan.project),
+        field('Status', plan.status),
+        field('Provider', plan.provider),
+        field('Database', `${plan.db.mode} (${plan.db.source})`),
+        field('Safety', 'read-only preview'),
+        '',
+        'Press Enter to open the focused setup flow.',
+        'CLI fallback: `vgxness init`.',
+        'Use `vgxness setup plan` for a copyable text preview.',
+    ];
+}
+function statusLines(plan) {
+    return [
+        field('Setup', plan.status),
+        field('Provider', plan.provider),
+        field('Actions', plan.actions.length === 0 ? 'none planned' : `${plan.actions.length} preview action(s)`),
+        field('Conflicts', plan.conflicts.length === 0 ? 'none' : `${plan.conflicts.length} item(s)`),
+        '',
+        'This home view is intentionally read-only and does not open provider processes.',
+        nextSetupStep(plan),
+    ];
+}
+function focusedStatusLines(plan) {
+    return [
+        field('Project', plan.project),
+        field('Setup', plan.status),
+        field('Provider', providerTitle(plan.provider)),
+        field('Database', `${plan.db.mode} (${plan.db.source})`),
+        field('Actions', plan.actions.length === 0 ? 'none planned' : `${plan.actions.length} preview action(s)`),
+        field('Conflicts', plan.conflicts.length === 0 ? 'none' : `${plan.conflicts.length} item(s)`),
+        field('Backups', plan.backupsPlanned.length === 0 ? 'none planned' : `${plan.backupsPlanned.length} planned for future apply`),
+        field('Provider writes', String(plan.safety.writesProviderConfig)),
+        '',
+        nextSetupStep(plan),
+        ...(plan.conflicts.length === 0 ? [] : ['', 'Blocking conflicts:', ...plan.conflicts.map((conflict) => `- ${conflict.message}`)]),
+        '',
+        'This focused panel is still a setup-readiness view; it does not open local run/SDD state.',
+    ];
+}
+function focusedRunsLines(plan, runs) {
+    if (runs.state === 'unavailable') {
+        return [
+            field('Project', plan.project),
+            field('Store', 'unavailable'),
+            field('Database', runs.databasePath),
+            field('Safety', 'read-only'),
+            '',
+            runs.message,
+            '',
+            'Use `vgxness resume --project <name>` to inspect interrupted runs from a Bun-backed runtime.',
+            'Use `vgxness runs list --project <name> --status needs-human` for actionable blockers.',
+        ];
+    }
+    if (runs.state === 'ready') {
+        if (runs.selected !== undefined)
+            return focusedRunDetailLines(plan, runs.databasePath, runs.selected);
+        return [
+            field('Project', plan.project),
+            field('Store', 'opened read-only'),
+            field('Database', runs.databasePath),
+            field('Recent runs', String(runs.recent.length)),
+            field('Interrupted', String(runs.interrupted.length)),
+            '',
+            ...runSummarySection('Interrupted runs', runs.interrupted),
+            '',
+            ...runSummarySection('Recent runs', runs.recent),
+            '',
+            runs.details.length === 0 ? 'No run is available for detail inspection.' : 'Press Enter to inspect the first interrupted/recent run here.',
+            'CLI fallback: `vgxness runs get --id <run-id>`.',
+        ];
+    }
+    return [
+        field('Project', plan.project),
+        field('Loaded state', 'not opened'),
+        field('Safety', 'read-only placeholder'),
+        '',
+        'This panel does not open the local SQLite store yet.',
+        'Use `vgxness resume --project <name>` to inspect interrupted runs.',
+        'Use `vgxness runs list --project <name> --status needs-human` for actionable blockers.',
+        '',
+        'Next implementation slice can wire this panel to the run read model.',
+    ];
+}
+function focusedRunDetailLines(plan, databasePath, run) {
+    return [
+        field('Project', plan.project),
+        field('Store', 'opened read-only'),
+        field('Database', databasePath),
+        field('Run', shortRunId(run.id)),
+        field('Status', run.status),
+        field('Workflow/phase', `${run.workflow}/${run.phase}`),
+        field('Events', String(run.events)),
+        field('Checkpoints', String(run.checkpoints)),
+        field('Approvals', String(run.approvals)),
+        field('Attempts', String(run.attempts)),
+        ...(run.latestCheckpointLabel === undefined ? [] : [field('Latest checkpoint', run.latestCheckpointLabel)]),
+        ...(run.latestEventTitle === undefined ? [] : [field('Latest event', run.latestEventTitle)]),
+        ...(run.outcome === undefined ? [] : [field('Outcome', run.outcome)]),
+        ...(run.outcomeReason === undefined ? [] : [field('Outcome reason', run.outcomeReason)]),
+        ...(run.userIntent === undefined ? [] : ['', `Intent: ${run.userIntent}`]),
+        '',
+        `Inspect JSON: vgxness runs get --id ${run.id}`,
+        'No retry, approval, or execution is performed from this TUI detail.',
+    ];
+}
+function runSummarySection(title, runs) {
+    if (runs.length === 0)
+        return [title, '- none'];
+    return [title, ...runs.map((run) => `- ${shortRunId(run.id)} ${run.status} ${run.workflow}/${run.phase}${run.userIntent === undefined ? '' : ` — ${run.userIntent}`}`)];
+}
+function shortRunId(id) {
+    return id.length <= 8 ? id : id.slice(0, 8);
+}
+function focusedSddLines(plan, input, sdd) {
+    const change = input.change.length === 0 ? '<id>' : input.change;
+    if (input.change.length > 0 && sdd.state === 'unavailable') {
+        return [
+            field('Project', plan.project),
+            field('Change', input.change),
+            field('Input', `${input.change}_`),
+            field('Store', 'unavailable'),
+            field('Database', sdd.databasePath),
+            field('Acceptance', 'human-only'),
+            field('Safety', 'read-only'),
+            '',
+            sdd.message,
+            '',
+            `Continue: vgxness sdd continue --project ${plan.project} --change ${change}`,
+            `Status:   vgxness sdd status --project ${plan.project} --change ${change}`,
+            'Human acceptance remains explicit; artifact presence is not acceptance.',
+        ];
+    }
+    if (input.change.length > 0 && sdd.state === 'ready') {
+        return [
+            field('Project', plan.project),
+            field('Change', input.change),
+            field('Input', `${input.change}_`),
+            field('Store', 'opened read-only'),
+            field('Database', sdd.databasePath),
+            field('Status', sdd.next.status),
+            field('Next phase', sdd.next.nextPhase ?? 'none'),
+            field('Accepted', `${sdd.cockpit.acceptedCount}/${sdd.cockpit.phases.length}`),
+            field('Artifacts', String(sdd.cockpit.artifacts.length)),
+            field('Blockers', String(sdd.cockpit.aggregateBlockers.length)),
+            field('Recommended', sdd.cockpit.recommendedAction),
+            field('Acceptance', sdd.cockpit.gates?.requiresHumanAcceptance === true ? 'human review needed' : 'human-only'),
+            field('Safety', 'read-only'),
+            '',
+            sdd.next.reason,
+            '',
+            ...sddBlockerLines(sdd.cockpit.aggregateBlockers),
+            ...(sdd.continuation.advice.length === 0 ? [] : ['', ...renderSddAdviceLines(sdd.continuation.advice)]),
+            '',
+            `Inspect: ${sdd.continuation.inspectCommand}`,
+            `Continue: vgxness sdd continue --project ${plan.project} --change ${change}`,
+            'Human acceptance remains explicit; artifact presence is not acceptance.',
+        ];
+    }
+    return [
+        field('Project', plan.project),
+        field('Change', input.change.length === 0 ? 'not selected' : input.change),
+        field('Input', `${input.change}_`),
+        field('Store', 'not opened'),
+        field('Acceptance', 'human-only'),
+        field('Safety', 'read-only gate'),
+        '',
+        'This panel intentionally does not open SQLite until a change id is selected.',
+        'Allowed input: letters, numbers, dot, underscore, dash; first character must be alphanumeric.',
+        'Daily SDD stays in OpenCode through conversation, VGXNESS MCP, hidden SDD subagents, and registry skills.',
+        '',
+        `Continue: vgxness sdd continue --project ${plan.project} --change ${change}`,
+        `Status:   vgxness sdd status --project ${plan.project} --change ${change}`,
+        'Governance reminder: artifact presence is not acceptance; acceptance is explicit and human-only.',
+        '',
+        'Next implementation slice can ask for/select a change id before loading SDD state.',
+    ];
+}
+function sddBlockerLines(blockers) {
+    if (blockers.length === 0)
+        return ['Blockers', '- none'];
+    return ['Blockers', ...blockers.slice(0, 4).map((blocker) => `- ${blocker.phase}: ${blocker.reason}`), ...(blockers.length > 4 ? [`- +${blockers.length - 4} more`] : [])];
+}
+function focusedSkillsLines(plan, skills) {
+    if (skills.state === 'unavailable') {
+        return [
+            field('Project', plan.project),
+            field('Scope', 'project'),
+            field('Store', 'unavailable'),
+            field('Database', skills.databasePath),
+            '',
+            skills.message,
+            '',
+            'Use `vgxness skills index --project <name> --scope project` from a Bun-backed runtime.',
+            'OpenCode native skill installation is not performed by this TUI.',
+        ];
+    }
+    if (skills.state === 'ready') {
+        return [
+            field('Project', skills.index.project),
+            field('Scope', skills.index.scope),
+            field('Store', 'opened read-only'),
+            field('Skills', String(skills.index.totals.skills)),
+            field('Active', String(skills.index.totals.active)),
+            field('Preview-only', String(skills.index.totals.previewOnly)),
+            field('Provider writes', String(skills.index.safety.providerConfigWrites)),
+            '',
+            ...skillSummarySection(skills.index.skills),
+            '',
+            'OpenCode native skill installation is not performed by this TUI.',
+        ];
+    }
+    return [
+        field('Project', plan.project),
+        field('Scope', 'project'),
+        field('Provider', 'preview-only'),
+        '',
+        'Skill registry view is planned and remains read-only here.',
+        'Use `vgxness skills index --project <name> --scope project` for the current CLI view.',
+        'OpenCode native skill installation is not performed by this TUI.',
+        '',
+        'Next implementation slice can show registry diagnostics and attached skill summaries.',
+    ];
+}
+function skillSummarySection(skills) {
+    if (skills.length === 0)
+        return ['Indexed skills', '- none'];
+    return ['Indexed skills', ...skills.slice(0, 8).map((skill) => `- ${skill.name} ${skill.status}${skill.activeVersion === null ? '' : ` @ ${skill.activeVersion}`}`), ...(skills.length > 8 ? [`- +${skills.length - 8} more`] : [])];
+}
+function runsLines() {
+    return ['Run dashboard is not loaded in this first Home TUI slice.', '', 'Use `vgxness status` or `vgxness resume --project <name>` for current CLI diagnostics.', 'Next slice can wire this panel to the run read model.'];
+}
+function sddLines() {
+    return [
+        'Change: not selected. Press Enter for the focused SDD gate.',
+        '',
+        'The Home TUI does not open local SDD state until a change id is selected.',
+        'Daily SDD should stay in OpenCode through conversation, VGXNESS MCP, and hidden SDD subagents.',
+        '',
+        'CLI fallback: `vgxness sdd continue --project <name> --change <id>`.',
+    ];
+}
+function skillsLines() {
+    return ['Skill registry view is planned.', '', 'Read-only CLI today: `vgxness skills index --project <name> --scope project`.'];
+}
+function providerLines(plan) {
+    if (plan.opencode === undefined)
+        return [field('Provider', plan.provider), 'No provider-specific setup plan is available.'];
+    return [
+        field('Provider', 'opencode'),
+        field('Scope', plan.opencode.scope),
+        field('Action', plan.opencode.action),
+        field('Installs agents', plan.opencode.installsAgents ? 'yes' : 'no'),
+        field('Target', plan.opencode.targetPath ?? 'not applicable'),
+        '',
+        'Apply remains explicit: `vgxness setup apply --yes` after review.',
+    ];
+}
+function focusedProviderLines(plan) {
+    if (plan.opencode === undefined) {
+        return [
+            field('Provider', providerTitle(plan.provider)),
+            field('Setup', plan.status),
+            field('Provider writes', String(plan.safety.writesProviderConfig)),
+            '',
+            'No OpenCode-specific setup plan is available for this provider choice.',
+            'Use `vgxness setup plan --provider <name>` for copyable CLI guidance.',
+        ];
+    }
+    return [
+        field('Provider', 'OpenCode'),
+        field('Scope', plan.opencode.scope),
+        field('Planned action', plan.opencode.action),
+        field('Target', plan.opencode.targetPath ?? 'not applicable'),
+        field('Installs agents', plan.opencode.installsAgents ? 'yes' : 'no'),
+        field('Agent count', String(plan.opencode.agentNames.length)),
+        field('Bash policy', bashPolicySummary(plan.opencode.bashPermissionPolicy)),
+        field('Provider writes', String(plan.safety.writesProviderConfig)),
+        '',
+        plan.opencode.agentNames.length === 0 ? 'Agents: none planned.' : `Agents: ${plan.opencode.agentNames.join(', ')}`,
+        'Apply remains explicit: `vgxness setup apply --yes` after review.',
+    ];
+}
+function bashPolicySummary(policy) {
+    return policy.manager === 'allow' ? `${policy.topLevel} globally, allow for VGXNESS manager` : policy.topLevel;
+}
+function summaryItems(plan) {
+    const ready = plan.status === 'ready';
+    const hasConflicts = plan.conflicts.length > 0;
+    return [
+        { label: 'Setup', value: ready ? 'Ready' : statusTitle(plan.status), tone: ready ? 'success' : hasConflicts ? 'danger' : 'warning' },
+        { label: 'Provider', value: providerTitle(plan.provider), tone: plan.provider === 'opencode' ? 'info' : 'warning' },
+        { label: 'Safety', value: 'Read-only', tone: 'success' },
+    ];
+}
+function statusTitle(status) {
+    if (status === 'manual-required')
+        return 'Manual';
+    return status.charAt(0).toUpperCase() + status.slice(1);
+}
+function providerTitle(provider) {
+    if (provider === 'opencode')
+        return 'OpenCode';
+    return provider.charAt(0).toUpperCase() + provider.slice(1);
+}
+function nextSetupStep(plan) {
+    if (plan.status === 'ready')
+        return 'Next: review setup details, then apply explicitly only if intended.';
+    if (plan.status === 'conflict')
+        return 'Next: resolve the provider conflict before applying setup.';
+    return 'Next: follow manual setup guidance before applying changes.';
+}
+function labelForHomeTab(tab) {
+    if (tab === 'setup')
+        return 'Setup';
+    if (tab === 'status')
+        return 'Status';
+    if (tab === 'runs')
+        return 'Runs';
+    if (tab === 'sdd')
+        return 'SDD';
+    if (tab === 'skills')
+        return 'Skills';
+    return 'Provider';
+}
+function field(label, value) {
+    return `${label.padEnd(16)} ${value}`;
+}