@compilr-dev/cli 0.5.0 → 0.5.1

package/dist/ui/overlay/impl/projects-overlay-v2.js

@@ -15,7 +15,9 @@
  */
 import * as fs from 'fs';
 import { TabbedListOverlayV2 } from '../../base/tabbed-list-overlay-v2.js';
-import { BaseScreen, stay, popScreen, closeOverlay, renderBorder, } from '../../base/index.js';
+import { BaseScreen, stay, popScreen, closeOverlay, renderBorder, renderProgressBar, truncate, 
+// Key detection functions (consolidated from ui-core)
+isCtrlC, isEscape, isEnter, isBackspace, extractPrintable, } from '../../base/index.js';
 import { projectRepository, workItemRepository } from '../../../db/repositories/index.js';
 import { clearActiveProject, getActiveProject } from '../../../tools/project-db.js';
 import { validateDeletePath } from '../../../utils/path-safety.js';
@@ -49,37 +51,7 @@ const STATUS_LABELS = {
 // =============================================================================
 // Helper Functions
 // =============================================================================
-function truncate(str, maxLen) {
-    if (str.length <= maxLen)
-        return str;
-    return str.slice(0, maxLen - 3) + '...';
-}
-function renderProgressBar(percent, width, s) {
-    const filled = Math.round((percent / 100) * width);
-    const empty = width - filled;
-    return s.primary('█'.repeat(filled)) + s.muted('░'.repeat(empty));
-}
-// =============================================================================
-// Key Detection Helpers
-// =============================================================================
-function isCtrlC(data) {
-    return data.length === 1 && data[0] === 0x03;
-}
-function isEscape(data) {
-    return data.length === 1 && data[0] === 0x1b;
-}
-function isEnter(data) {
-    return data.length === 1 && (data[0] === 0x0d || data[0] === 0x0a);
-}
-function isBackspace(data) {
-    return data.length === 1 && (data[0] === 0x7f || data[0] === 0x08);
-}
-function extractPrintable(data) {
-    if (data.length === 1 && data[0] >= 0x20 && data[0] < 0x7f) {
-        return String.fromCharCode(data[0]);
-    }
-    return null;
-}
+// Key detection, renderProgressBar, and truncate are imported from '../../base/index.js'
 // =============================================================================
 // Archive Confirm Screen
 // =============================================================================
@@ -162,6 +134,53 @@ class ArchiveConfirmScreen extends BaseScreen {
     }
 }
 // =============================================================================
+// Delete Blocked Screen (project not archived)
+// =============================================================================
+class DeleteBlockedScreen extends BaseScreen {
+    confirmState;
+    styles;
+    constructor(confirmState, styles) {
+        super();
+        this.confirmState = confirmState;
+        this.styles = styles;
+    }
+    render() {
+        const s = this.styles;
+        const cols = terminal.getTerminalWidth();
+        const border = renderBorder(cols, s);
+        const project = this.confirmState.targetProject;
+        const lines = [];
+        lines.push(border);
+        lines.push(`  ${s.error('Cannot Delete Project')}`);
+        lines.push('');
+        if (project) {
+            lines.push(`  ${s.primaryBold(project.displayName)}`);
+            lines.push(`  ${s.muted(`Status: ${project.status}`)}`);
+            lines.push('');
+        }
+        lines.push(`  ${s.warning('Projects must be archived before deletion.')}`);
+        lines.push('');
+        lines.push(`  ${s.muted('This is a safety measure to prevent accidental deletion.')}`);
+        lines.push(`  ${s.muted('Archive the project first (press x), then try deleting again.')}`);
+        lines.push('');
+        lines.push(`  ${s.muted('Press Esc to go back')}`);
+        lines.push('');
+        lines.push(border);
+        return lines;
+    }
+    handleKey(data) {
+        if (isEscape(data) || isEnter(data) || isCtrlC(data)) {
+            this.confirmState.targetProject = null;
+            this.confirmState.deleteError = null;
+            return popScreen();
+        }
+        return stay(false);
+    }
+    getMinHeight() {
+        return 14;
+    }
+}
+// =============================================================================
 // Delete Confirm Screen
 // =============================================================================
 class DeleteConfirmScreen extends BaseScreen {
@@ -248,10 +267,6 @@ class DeleteConfirmScreen extends BaseScreen {
         lines.push(s.foreground('  This will permanently delete:'));
         lines.push(s.muted('    • Database record (project, work items, documents)'));
         lines.push(s.muted('    • Project files on disk'));
-        if (project.status !== 'archived') {
-            lines.push('');
-            lines.push(s.warning('  Note: Project will be archived first, then deleted.'));
-        }
         lines.push('');
         lines.push(s.muted('  ' + '─'.repeat(cols - 4)));
         lines.push('');
@@ -302,11 +317,7 @@ class DeleteConfirmScreen extends BaseScreen {
                 this.confirmState.deleteError = `Type "${project.name}" exactly to confirm`;
                 return stay();
             }
-            // Archive first if not already archived
-            if (project.status !== 'archived') {
-                projectRepository.update(project.id, { status: 'archived' });
-            }
-            // Delete from database
+            // Delete from database (project must already be archived - checked before showing this screen)
             projectRepository.delete(project.id);
             // Clear project-specific anchors
             clearProjectAnchors(String(project.id));
@@ -339,6 +350,195 @@ class DeleteConfirmScreen extends BaseScreen {
         return 28;
     }
 }
+class ProjectEditScreen extends BaseScreen {
+    editState;
+    styles;
+    onComplete;
+    constructor(editState, styles, onComplete) {
+        super();
+        this.editState = editState;
+        this.styles = styles;
+        this.onComplete = onComplete;
+    }
+    render() {
+        const s = this.styles;
+        const cols = terminal.getTerminalWidth();
+        const border = renderBorder(cols, s);
+        const project = this.editState.targetProject;
+        const lines = [];
+        if (!project) {
+            lines.push(border);
+            lines.push(s.error('  No project selected'));
+            lines.push(border);
+            return lines;
+        }
+        lines.push(border);
+        lines.push(`  ${s.primaryBold('EDIT PROJECT')}`);
+        lines.push('');
+        lines.push(s.muted(`  ID: ${String(project.id)} · Name: ${project.name}`));
+        lines.push(s.muted(`  Status: ${STATUS_LABELS[project.status]} · Type: ${project.type}`));
+        lines.push(s.muted(`  Created: ${new Date(project.createdAt).toLocaleDateString()}`));
+        lines.push('');
+        lines.push(s.muted('  ' + '─'.repeat(cols - 6)));
+        lines.push('');
+        // Render fields
+        for (let i = 0; i < this.editState.fields.length; i++) {
+            const field = this.editState.fields[i];
+            const isSelected = i === this.editState.selectedFieldIndex;
+            const isEditing = isSelected && this.editState.editingField;
+            const cursor = isSelected ? s.primary('❯ ') : '  ';
+            const label = field.label.padEnd(14);
+            if (isEditing) {
+                // Show input buffer with cursor
+                const inputDisplay = this.editState.inputBuffer || '';
+                lines.push(`${cursor}${s.muted(label)} ${s.primary(inputDisplay)}█`);
+            }
+            else {
+                const value = field.value || s.muted(field.placeholder || '(not set)');
+                if (isSelected) {
+                    lines.push(`${cursor}${s.primary(label)} ${value}`);
+                }
+                else {
+                    lines.push(`${cursor}${s.muted(label)} ${value}`);
+                }
+            }
+        }
+        if (this.editState.error) {
+            lines.push('');
+            lines.push(s.error(`  ${this.editState.error}`));
+        }
+        lines.push('');
+        lines.push(border);
+        if (this.editState.editingField) {
+            lines.push(s.muted('  Enter Save field · Esc Cancel edit'));
+        }
+        else {
+            lines.push(s.muted('  ↑↓/jk Navigate · Enter Edit field · s Save & close · Esc Cancel'));
+        }
+        lines.push(border);
+        return lines;
+    }
+    handleKey(data) {
+        const char = extractPrintable(data);
+        if (isCtrlC(data)) {
+            return closeOverlay({ action: 'cancel' });
+        }
+        // Handle field editing mode
+        if (this.editState.editingField) {
+            if (isEscape(data)) {
+                // Cancel field edit - restore original value
+                const field = this.editState.fields[this.editState.selectedFieldIndex];
+                this.editState.inputBuffer = field.value;
+                this.editState.editingField = false;
+                return stay();
+            }
+            if (isEnter(data)) {
+                // Save field value
+                const field = this.editState.fields[this.editState.selectedFieldIndex];
+                field.value = this.editState.inputBuffer;
+                this.editState.editingField = false;
+                this.editState.modified = true;
+                return stay();
+            }
+            if (isBackspace(data)) {
+                this.editState.inputBuffer = this.editState.inputBuffer.slice(0, -1);
+                return stay();
+            }
+            if (char) {
+                this.editState.inputBuffer += char;
+                return stay();
+            }
+            return stay(false);
+        }
+        // Handle navigation mode
+        if (isEscape(data)) {
+            // Cancel without saving
+            this.editState.targetProject = null;
+            this.editState.error = null;
+            return popScreen();
+        }
+        // Navigate up
+        if (data.length === 3 && data[0] === 0x1b && data[1] === 0x5b && data[2] === 0x41) {
+            // Up arrow
+            if (this.editState.selectedFieldIndex > 0) {
+                this.editState.selectedFieldIndex--;
+            }
+            return stay();
+        }
+        if (char === 'k') {
+            if (this.editState.selectedFieldIndex > 0) {
+                this.editState.selectedFieldIndex--;
+            }
+            return stay();
+        }
+        // Navigate down
+        if (data.length === 3 && data[0] === 0x1b && data[1] === 0x5b && data[2] === 0x42) {
+            // Down arrow
+            if (this.editState.selectedFieldIndex < this.editState.fields.length - 1) {
+                this.editState.selectedFieldIndex++;
+            }
+            return stay();
+        }
+        if (char === 'j') {
+            if (this.editState.selectedFieldIndex < this.editState.fields.length - 1) {
+                this.editState.selectedFieldIndex++;
+            }
+            return stay();
+        }
+        // Enter to edit field
+        if (isEnter(data)) {
+            const field = this.editState.fields[this.editState.selectedFieldIndex];
+            this.editState.inputBuffer = field.value;
+            this.editState.editingField = true;
+            return stay();
+        }
+        // 's' to save and close
+        if (char === 's' || char === 'S') {
+            return this.saveAndClose();
+        }
+        return stay(false);
+    }
+    saveAndClose() {
+        const project = this.editState.targetProject;
+        if (!project)
+            return popScreen();
+        // Build update object from fields
+        const updates = {};
+        for (const field of this.editState.fields) {
+            if (field.key === 'displayName') {
+                updates.display_name = field.value || undefined;
+            }
+            else if (field.key === 'description') {
+                updates.description = field.value || undefined;
+            }
+            else if (field.key === 'gitRemote') {
+                updates.git_remote = field.value || undefined;
+            }
+            else if (field.key === 'gitBranch') {
+                updates.git_branch = field.value || undefined;
+            }
+            else {
+                // field.key === 'path'
+                updates.path = field.value || undefined;
+            }
+        }
+        try {
+            projectRepository.update(project.id, updates);
+            this.editState.modified = true;
+            this.onComplete();
+        }
+        catch (err) {
+            this.editState.error = err.message;
+            return stay();
+        }
+        this.editState.targetProject = null;
+        this.editState.error = null;
+        return popScreen();
+    }
+    getMinHeight() {
+        return 22;
+    }
+}
 // =============================================================================
 // Projects Overlay V2
 // =============================================================================
@@ -352,6 +552,15 @@ export class ProjectsOverlayV2 extends TabbedListOverlayV2 {
         deleteValidation: null,
         modified: false,
     };
+    editState = {
+        targetProject: null,
+        fields: [],
+        selectedFieldIndex: 0,
+        editingField: false,
+        inputBuffer: '',
+        error: null,
+        modified: false,
+    };
     constructor() {
         // Load projects from database
         const { projects } = projectRepository.list({ status: 'all' });
@@ -395,7 +604,7 @@ export class ProjectsOverlayV2 extends TabbedListOverlayV2 {
                 if (searchMode) {
                     return 'Type to filter · ↑↓/jk Navigate · Enter Open · Esc Exit search';
                 }
-                return '↑↓/jk Navigate · ←→/hl Tabs · / Search · Enter Open · x Archive · d Delete · q/Esc Close';
+                return '↑↓/jk Navigate · ←→/hl Tabs · / Search · Enter Open · e Edit · x Archive · d Delete · q/Esc Close';
             },
             renderSelectedPreview: (project, s) => {
                 const lines = [];
@@ -416,7 +625,7 @@ export class ProjectsOverlayV2 extends TabbedListOverlayV2 {
                 const completed = workItems.filter(w => w.status === 'completed').length;
                 if (total > 0) {
                     const percent = Math.round((completed / total) * 100);
-                    const progressBar = renderProgressBar(percent, 20, s);
+                    const progressBar = renderProgressBar(percent / 100, 20, s);
                     lines.push(`  ${s.muted('Work Items:')} ${progressBar} ${String(completed)}/${String(total)} (${String(percent)}%)`);
                 }
                 else {
@@ -469,6 +678,24 @@ export class ProjectsOverlayV2 extends TabbedListOverlayV2 {
                 const project = this.state.filteredItems[this.state.selectedIndex];
                 return this.push(new WorkflowOverlayV2(project.id));
             }
+            // 'e' edit project
+            if ((key.char === 'e' || key.char === 'E') && this.state.filteredItems.length > 0) {
+                const project = this.state.filteredItems[this.state.selectedIndex];
+                this.editState.targetProject = project;
+                this.editState.selectedFieldIndex = 0;
+                this.editState.editingField = false;
+                this.editState.inputBuffer = '';
+                this.editState.error = null;
+                this.editState.fields = [
+                    { key: 'displayName', label: 'Display Name', value: project.displayName, placeholder: 'Project display name' },
+                    { key: 'description', label: 'Description', value: project.description || '', placeholder: 'Brief description' },
+                    { key: 'path', label: 'Path', value: project.path || '', placeholder: '/path/to/project' },
+                    { key: 'gitRemote', label: 'Git Remote', value: project.gitRemote || '', placeholder: 'https://github.com/...' },
+                    { key: 'gitBranch', label: 'Git Branch', value: project.gitBranch || '', placeholder: 'main' },
+                ];
+                this.screenStack.push(new ProjectEditScreen(this.editState, this.getStyles(), () => { this.refreshProjects(); }));
+                return this.rerender();
+            }
             // 'x' archive/restore
             if ((key.char === 'x' || key.char === 'X') && this.state.filteredItems.length > 0) {
                 const project = this.state.filteredItems[this.state.selectedIndex];
@@ -476,9 +703,16 @@ export class ProjectsOverlayV2 extends TabbedListOverlayV2 {
                 this.screenStack.push(new ArchiveConfirmScreen(this.confirmState, this.getStyles(), () => { this.refreshProjects(); }));
                 return this.rerender();
             }
-            // 'd' delete
+            // 'd' delete (only for archived projects)
             if ((key.char === 'd' || key.char === 'D') && this.state.filteredItems.length > 0) {
                 const project = this.state.filteredItems[this.state.selectedIndex];
+                // Block deletion of non-archived projects
+                if (project.status !== 'archived') {
+                    this.confirmState.targetProject = project;
+                    this.confirmState.deleteError = 'Archive the project first (press x), then delete';
+                    this.screenStack.push(new DeleteBlockedScreen(this.confirmState, this.getStyles()));
+                    return this.rerender();
+                }
                 this.confirmState.targetProject = project;
                 this.confirmState.deleteConfirmInput = '';
                 this.confirmState.deleteError = null;

package/dist/ui/overlay/impl/reset-overlay-v2.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Reset Overlay V2
+ *
+ * Modal overlay for resetting/clearing the conversation within the current project.
+ * Provides options for:
+ * - Reset & reload context: Clear messages, refresh COMPILR.md
+ * - Reset only: Clear messages, keep current context
+ * - Cancel: Keep current session
+ */
+import { BaseOverlayV2 } from '../../base/index.js';
+import type { RenderContext, OverlayAction, KeyEvent } from '../types.js';
+export type ResetOption = 'reset-reload' | 'reset-only' | 'delete-history' | 'cancel';
+interface ResetState {
+    /** Selected option index */
+    selectedIndex: number;
+}
+export interface ResetOverlayV2Options {
+    /** Project name for display */
+    projectName: string;
+    /** Number of messages in current session */
+    messageCount: number;
+    /** Estimated token usage */
+    tokenCount?: number;
+}
+export interface ResetOverlayV2Result {
+    /** Selected option */
+    option: ResetOption;
+}
+export declare class ResetOverlayV2 extends BaseOverlayV2<ResetState, ResetOverlayV2Result> {
+    readonly type: "inline";
+    readonly id = "reset-overlay-v2";
+    private readonly projectName;
+    private readonly messageCount;
+    private readonly tokenCount?;
+    constructor(options: ResetOverlayV2Options);
+    protected renderContent(context: RenderContext): string[];
+    handleKey(key: KeyEvent): OverlayAction<ResetOverlayV2Result>;
+}
+export {};

package/dist/ui/overlay/impl/reset-overlay-v2.js

@@ -0,0 +1,107 @@
+/**
+ * Reset Overlay V2
+ *
+ * Modal overlay for resetting/clearing the conversation within the current project.
+ * Provides options for:
+ * - Reset & reload context: Clear messages, refresh COMPILR.md
+ * - Reset only: Clear messages, keep current context
+ * - Cancel: Keep current session
+ */
+import { BaseOverlayV2, renderBorder, formatTokens } from '../../base/index.js';
+const RESET_OPTIONS = [
+    {
+        id: 'reset-reload',
+        label: 'Reset & reload context',
+        description: 'Clear messages, refresh COMPILR.md and project context',
+    },
+    {
+        id: 'reset-only',
+        label: 'Reset only',
+        description: 'Clear messages, keep current context',
+    },
+    {
+        id: 'delete-history',
+        label: 'Delete conversation history',
+        description: 'Delete all archived sessions for this project',
+    },
+    {
+        id: 'cancel',
+        label: 'Cancel',
+        description: 'Keep current session',
+    },
+];
+// =============================================================================
+// Reset Overlay V2 Class
+// =============================================================================
+export class ResetOverlayV2 extends BaseOverlayV2 {
+    type = 'inline';
+    id = 'reset-overlay-v2';
+    projectName;
+    messageCount;
+    tokenCount;
+    constructor(options) {
+        super({ selectedIndex: 0 });
+        this.projectName = options.projectName;
+        this.messageCount = options.messageCount;
+        this.tokenCount = options.tokenCount;
+        this.minHeight = 18;
+    }
+    renderContent(context) {
+        const s = context.styles;
+        const border = renderBorder(context.width, s);
+        const lines = [];
+        lines.push(border);
+        lines.push(`  ${s.primaryBold('Reset Conversation')}`);
+        lines.push('');
+        // Session info
+        lines.push(`  ${s.muted('Project:')} ${s.primary(this.projectName)}`);
+        const sessionInfo = this.tokenCount
+            ? `${String(this.messageCount)} messages · ~${formatTokens(this.tokenCount)} tokens`
+            : `${String(this.messageCount)} messages`;
+        lines.push(`  ${s.muted('Session:')} ${s.secondary(sessionInfo)}`);
+        lines.push('');
+        // Warning
+        lines.push(`  ${s.warning('This will clear your conversation history.')}`);
+        lines.push(`  ${s.muted('Previous session will be archived.')}`);
+        lines.push('');
+        // Options
+        for (let i = 0; i < RESET_OPTIONS.length; i++) {
+            const opt = RESET_OPTIONS[i];
+            const isSelected = i === this.state.selectedIndex;
+            const prefix = isSelected ? s.primary('> ') : '  ';
+            const label = isSelected ? s.primaryBold(opt.label) : s.secondary(opt.label);
+            const desc = s.muted(` - ${opt.description}`);
+            lines.push(`  ${prefix}${label}${desc}`);
+        }
+        lines.push('');
+        lines.push(border);
+        lines.push(`  ${s.muted('j/k Navigate  Enter Select  Esc Cancel')}`);
+        lines.push(border);
+        return lines;
+    }
+    handleKey(key) {
+        // Ctrl+C closes everything
+        if (key.ctrl && key.name === 'c') {
+            return this.close({ option: 'cancel' });
+        }
+        // Escape cancels
+        if (key.name === 'escape') {
+            return this.close({ option: 'cancel' });
+        }
+        // Navigation with j/k
+        if (key.char === 'j' || key.name === 'down') {
+            this.state.selectedIndex = Math.min(this.state.selectedIndex + 1, RESET_OPTIONS.length - 1);
+            return this.rerender();
+        }
+        if (key.char === 'k' || key.name === 'up') {
+            this.state.selectedIndex = Math.max(this.state.selectedIndex - 1, 0);
+            return this.rerender();
+        }
+        // Enter selects
+        if (key.name === 'return') {
+            const selected = RESET_OPTIONS[this.state.selectedIndex];
+            return this.close({ option: selected.id });
+        }
+        return this.rerender();
+    }
+}

package/dist/ui/overlay/impl/resume-overlay-v2.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Resume Overlay V2
+ *
+ * Modal overlay for viewing and resuming saved sessions.
+ * Uses TabbedListOverlayV2 for consistent list/tab/search behavior.
+ *
+ * Features:
+ * - List saved sessions with relative timestamps
+ * - Preview of last user message
+ * - Search sessions by content
+ * - Delete sessions
+ * - Resume selected session
+ */
+import { TabbedListOverlayV2, BaseScreen } from '../../base/index.js';
+import type { SessionInfo } from '@compilr-dev/sdk';
+export interface SessionItem {
+    sessionId: string;
+    preview: string;
+    messageCount: number;
+    createdAt: string;
+    updatedAt: string;
+    /** Relative time string like "2 minutes ago" */
+    relativeTime: string;
+    /** Project ID (null for global sessions) */
+    projectId?: number | null;
+    /** Project name for display */
+    projectName?: string | null;
+    /** Whether this is the current project's session */
+    isCurrentProject?: boolean;
+    /** 8-hex terminal prefix from session filename */
+    terminalPrefix?: string | null;
+    /** Human-readable terminal label, e.g. "Terminal 1" */
+    terminalLabel?: string | null;
+    /** Whether the terminal that owns this session is still running */
+    isActiveTerminal?: boolean;
+    /** Number of agents in the team roster for this session */
+    teamAgentCount?: number;
+}
+export interface ResumeOverlayV2Options {
+    /** Sessions to display */
+    sessions: SessionInfo[];
+    /** Current project ID (null for global) */
+    currentProjectId?: number | null;
+    /** Callback to delete a session */
+    onDelete?: (sessionId: string) => Promise<boolean>;
+}
+export interface ResumeOverlayV2Result {
+    /** Session ID to resume */
+    sessionId?: string;
+    /** Session was deleted */
+    deleted?: string;
+}
+export declare class ResumeOverlayV2 extends TabbedListOverlayV2<SessionItem, ResumeOverlayV2Result> {
+    readonly type: "inline";
+    readonly id = "resume-overlay-v2";
+    private readonly onDeleteSession?;
+    constructor(options: ResumeOverlayV2Options);
+    protected createDetailScreen(item: SessionItem): BaseScreen | null;
+    protected onItemSelected(item: SessionItem): ResumeOverlayV2Result | undefined;
+}