@compilr-dev/cli 0.4.0 → 0.5.1

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

@@ -0,0 +1,1243 @@
+/**
+ * New Project Overlay V2
+ *
+ * Modal overlay for the /new wizard - creates new projects with structured workflow.
+ * Uses BaseOverlayV2 for TerminalUI integration.
+ *
+ * Steps:
+ *   0. Project type (new vs existing)
+ *   1. Project name
+ *   2. Description
+ *   3. Repo pattern (single vs two-repo)
+ *   4. Tech stack
+ *   5. Coding standards
+ *   6. Initialize git?
+ *   7. Workflow mode
+ *   8. Confirmation
+ *
+ * Note: All projects are tracked in the database. File-based backlog was deprecated.
+ */
+import chalk from 'chalk';
+import * as fs from 'fs';
+import * as path from 'path';
+import { execSync } from 'child_process';
+import { BaseOverlayV2, renderBorder } from '../../base/index.js';
+import { checkGitConfig } from '../../../utils/git-config.js';
+import { TECH_STACK_LABELS, CODING_STANDARDS_LABELS, REPO_PATTERN_LABELS, generateProject, isValidProjectName, projectExists, generateCompilrMdForImport, } from '../../../templates/index.js';
+import { getProjectsPath, ensureProjectsDirectory } from '../../../settings/paths.js';
+import { detectProjectInfo, validateImportPath, getLanguageLabel, getFrameworkLabel, } from '../../../utils/project-detection.js';
+import { projectRepository } from '../../../db/repositories/index.js';
+// =============================================================================
+// Constants
+// =============================================================================
+const TECH_STACK_OPTIONS = ['react-node-pg', 'react-python-pg', 'vue-node-pg', 'custom'];
+const CODING_STANDARDS_OPTIONS = ['strict', 'relaxed', 'custom'];
+const REPO_PATTERN_OPTIONS = ['single', 'two-repo'];
+const WORKFLOW_MODE_OPTIONS = ['flexible', 'guided'];
+const WORKFLOW_MODE_LABELS = {
+    flexible: 'Flexible (user-driven, exploratory)',
+    guided: 'Guided (structured step-by-step workflow)',
+};
+// =============================================================================
+// Step Helpers
+// =============================================================================
+function getMaxOptionsForStep(step) {
+    switch (step) {
+        case 0:
+            return 2;
+        case 3:
+            return REPO_PATTERN_OPTIONS.length;
+        case 4:
+            return TECH_STACK_OPTIONS.length;
+        case 5:
+            return CODING_STANDARDS_OPTIONS.length;
+        case 6:
+            return 2;
+        case 7:
+            return WORKFLOW_MODE_OPTIONS.length;
+        case 8:
+            return 2;
+        default:
+            return 0;
+    }
+}
+function isSelectionStep(step) {
+    return [0, 3, 4, 5, 6, 7, 8].includes(step);
+}
+function isInputStep(step) {
+    return [1, 2].includes(step);
+}
+// =============================================================================
+// Init Overlay V2 Implementation
+// =============================================================================
+export class NewProjectOverlayV2 extends BaseOverlayV2 {
+    type = 'inline';
+    id = 'new-project-overlay-v2';
+    constructor() {
+        super({
+            step: 0,
+            projectType: null,
+            projectName: '',
+            description: '',
+            repoPattern: null,
+            techStack: null,
+            codingStandards: null,
+            initGit: true,
+            gitRemote: '',
+            workflowMode: 'flexible',
+            gitConfigChecked: false,
+            gitConfigValid: false,
+            gitUserName: null,
+            gitUserEmail: null,
+            gitRemoteInputMode: false,
+            // Import project state
+            importPath: '',
+            detectedProject: null,
+            importGitChoice: null,
+            importStep: 0,
+            // UI state
+            selectedIndex: 0,
+            inputBuffer: '',
+            error: null,
+            isGenerating: false,
+        });
+        this.minHeight = 20; // Prevent jitter between steps
+    }
+    // ===========================================================================
+    // Rendering
+    // ===========================================================================
+    renderContent(context) {
+        const s = context.styles;
+        // Show generating state if applicable
+        if (this.state.isGenerating) {
+            return this.renderGenerating(s);
+        }
+        const lines = [];
+        const border = renderBorder(context.width, s);
+        // Check if we're in import flow (projectType === 'existing')
+        if (this.state.projectType === 'existing') {
+            // Import flow header
+            lines.push(border);
+            lines.push(' ' + s.primaryBold('Import Existing Project') + s.muted(` [${String(this.state.importStep + 1)}/5]`));
+            lines.push('');
+            // Import step content
+            switch (this.state.importStep) {
+                case 0:
+                    lines.push(...this.renderImportStep1(s));
+                    break;
+                case 1:
+                    lines.push(...this.renderImportStep2(s));
+                    break;
+                case 2:
+                    lines.push(...this.renderImportStep3(s));
+                    break;
+                case 3:
+                    lines.push(...this.renderImportStep4(s));
+                    break;
+                case 4:
+                    lines.push(...this.renderImportStep5(s));
+                    break;
+            }
+            // Footer for import flow
+            lines.push(...this.renderImportStepFooter(s));
+            return lines;
+        }
+        // Header for new project flow
+        lines.push(border);
+        lines.push(' ' + s.primaryBold('Initialize New Project') + s.muted(` [${String(this.state.step)}/8]`));
+        lines.push('');
+        // Step content
+        switch (this.state.step) {
+            case 0:
+                lines.push(...this.renderStep0(s));
+                break;
+            case 1:
+                lines.push(...this.renderStep1(s));
+                break;
+            case 2:
+                lines.push(...this.renderStep2(s));
+                break;
+            case 3:
+                lines.push(...this.renderStep3(s));
+                break;
+            case 4:
+                lines.push(...this.renderStep4(s));
+                break;
+            case 5:
+                lines.push(...this.renderStep5(s));
+                break;
+            case 6:
+                lines.push(...this.renderStep6(s));
+                break;
+            case 7:
+                lines.push(...this.renderStep7(s));
+                break;
+            case 8:
+                lines.push(...this.renderStep8(s));
+                break;
+        }
+        // Footer
+        lines.push(...this.renderStepFooter(s));
+        return lines;
+    }
+    renderGenerating(s) {
+        const lines = [];
+        lines.push('');
+        lines.push(s.primary(` Creating project "${this.state.projectName}"...`));
+        lines.push('');
+        return lines;
+    }
+    renderStepFooter(s) {
+        const lines = [];
+        lines.push('');
+        if (this.state.step === 0) {
+            lines.push(s.muted(' Up/Down Navigate | Enter Select | q/Esc Cancel'));
+        }
+        else if (this.state.step === 8) {
+            lines.push(s.muted(' Up/Down Navigate | Enter Confirm | Esc Back'));
+        }
+        else if (isSelectionStep(this.state.step)) {
+            lines.push(s.muted(' Up/Down Navigate | Enter Select | Esc Back'));
+        }
+        else {
+            lines.push(s.muted(' Enter Confirm | Esc Back'));
+        }
+        return lines;
+    }
+    renderSelectionOption(s, index, label, disabled = false) {
+        const isSelected = index === this.state.selectedIndex;
+        const prefix = isSelected ? ' > ' : '   ';
+        if (disabled) {
+            return s.muted(prefix + label + ' (coming soon)');
+        }
+        return isSelected ? s.primary(prefix + label) : s.muted(prefix + label);
+    }
+    // ===========================================================================
+    // Step Renderers
+    // ===========================================================================
+    renderStep0(s) {
+        const lines = [];
+        lines.push(chalk.bold(' What would you like to do?'));
+        lines.push('');
+        lines.push(this.renderSelectionOption(s, 0, '1. Start a new project'));
+        lines.push(this.renderSelectionOption(s, 1, '2. Add workflow to existing project'));
+        lines.push('');
+        if (this.state.selectedIndex === 0) {
+            lines.push(s.muted(' Start fresh with a structured project layout'));
+            lines.push(s.muted(' optimized for AI-assisted development.'));
+        }
+        else {
+            lines.push(s.muted(' Import an existing codebase and add'));
+            lines.push(s.muted(' compilr workflow tracking.'));
+        }
+        return lines;
+    }
+    renderStep1(s) {
+        const lines = [];
+        lines.push(chalk.bold(' Project name'));
+        lines.push('');
+        lines.push(` > ${this.state.inputBuffer}|`);
+        lines.push('');
+        if (this.state.error) {
+            lines.push(s.error(` ${this.state.error}`));
+        }
+        else {
+            lines.push(s.muted(' Use lowercase letters, numbers, hyphens (e.g., my-saas-app)'));
+            lines.push(s.muted(' 2-50 characters, must start with a letter'));
+        }
+        return lines;
+    }
+    renderStep2(s) {
+        const lines = [];
+        lines.push(chalk.bold(' What are you building?'));
+        lines.push('');
+        lines.push(` > ${this.state.inputBuffer}|`);
+        lines.push('');
+        if (this.state.error) {
+            lines.push(s.error(` ${this.state.error}`));
+        }
+        else {
+            lines.push(s.muted(' Brief description (1-2 sentences)'));
+            lines.push(s.muted(' Example: "A task management SaaS for small teams"'));
+        }
+        return lines;
+    }
+    renderStep3(s) {
+        const lines = [];
+        lines.push(chalk.bold(' Documentation structure'));
+        lines.push('');
+        for (let i = 0; i < REPO_PATTERN_OPTIONS.length; i++) {
+            const pattern = REPO_PATTERN_OPTIONS[i];
+            lines.push(this.renderSelectionOption(s, i, `${String(i + 1)}. ${REPO_PATTERN_LABELS[pattern]}`));
+        }
+        lines.push('');
+        lines.push(s.muted(' Single repo: All files in one repository'));
+        lines.push(s.muted(' Two repos: Code and docs in separate repositories'));
+        return lines;
+    }
+    renderStep4(s) {
+        const lines = [];
+        lines.push(chalk.bold(' Tech stack'));
+        lines.push('');
+        for (let i = 0; i < TECH_STACK_OPTIONS.length; i++) {
+            const stack = TECH_STACK_OPTIONS[i];
+            lines.push(this.renderSelectionOption(s, i, `${String(i + 1)}. ${TECH_STACK_LABELS[stack]}`));
+        }
+        lines.push('');
+        lines.push(s.muted(' Choose a preset or configure later'));
+        return lines;
+    }
+    renderStep5(s) {
+        const lines = [];
+        lines.push(chalk.bold(' Coding standards preset'));
+        lines.push('');
+        for (let i = 0; i < CODING_STANDARDS_OPTIONS.length; i++) {
+            const standard = CODING_STANDARDS_OPTIONS[i];
+            lines.push(this.renderSelectionOption(s, i, `${String(i + 1)}. ${CODING_STANDARDS_LABELS[standard]}`));
+        }
+        lines.push('');
+        lines.push(s.muted(' Strict: Full TypeScript with strict mode + ESLint'));
+        lines.push(s.muted(' Relaxed: TypeScript with basic strict mode'));
+        lines.push(s.muted(' Custom: Configure your own standards later'));
+        return lines;
+    }
+    renderStep6(s) {
+        const lines = [];
+        // Check git config on first render of this step
+        if (!this.state.gitConfigChecked) {
+            const config = checkGitConfig();
+            this.state.gitConfigChecked = true;
+            this.state.gitConfigValid = config.hasName && config.hasEmail;
+            this.state.gitUserName = config.userName;
+            this.state.gitUserEmail = config.userEmail;
+        }
+        // Git remote URL input mode
+        if (this.state.gitRemoteInputMode) {
+            lines.push(chalk.bold(' Git remote URL (optional)'));
+            lines.push('');
+            lines.push(' Enter the URL of your git remote repository.');
+            lines.push(' Useful for tracking even if the repo already exists.');
+            lines.push(' You can skip this and set it later via /projects (e key).');
+            lines.push('');
+            lines.push(` > ${this.state.inputBuffer}█`);
+            lines.push('');
+            lines.push(s.muted(' Enter Continue · Esc Skip'));
+            return lines;
+        }
+        // Main selection
+        lines.push(chalk.bold(' Initialize git repository?'));
+        lines.push('');
+        lines.push(this.renderSelectionOption(s, 0, 'Yes'));
+        lines.push(this.renderSelectionOption(s, 1, 'No'));
+        lines.push('');
+        if (this.state.gitConfigValid) {
+            lines.push(s.muted(' Creates git repo with initial commit'));
+            lines.push(s.muted(` Git user: ${this.state.gitUserName ?? ''} <${this.state.gitUserEmail ?? ''}>`));
+        }
+        else {
+            lines.push(s.warning(' ⚠ Git config not set - initial commit will be skipped'));
+            if (!this.state.gitUserName) {
+                lines.push(s.muted('   Missing: git config --global user.name'));
+            }
+            if (!this.state.gitUserEmail) {
+                lines.push(s.muted('   Missing: git config --global user.email'));
+            }
+            lines.push(s.muted('   Configure via /config or run git config commands'));
+        }
+        return lines;
+    }
+    renderStep7(s) {
+        const lines = [];
+        lines.push(chalk.bold(' Workflow mode'));
+        lines.push('');
+        for (let i = 0; i < WORKFLOW_MODE_OPTIONS.length; i++) {
+            const mode = WORKFLOW_MODE_OPTIONS[i];
+            const suffix = i === 0 ? ' (recommended)' : '';
+            lines.push(this.renderSelectionOption(s, i, `${String(i + 1)}. ${WORKFLOW_MODE_LABELS[mode]}${suffix}`));
+        }
+        lines.push('');
+        lines.push(s.muted(' Flexible: Work at your own pace, agent responds to requests'));
+        lines.push(s.muted(' Guided: Agent suggests next steps, tracks work item progress'));
+        return lines;
+    }
+    renderStep8(s) {
+        const lines = [];
+        lines.push(chalk.bold(' Ready to create project?'));
+        lines.push('');
+        lines.push(` Project:     ${s.primary(this.state.projectName)}`);
+        lines.push(` Location:    ${s.primary('./' + this.state.projectName + '/')}`);
+        lines.push(` Structure:   ${s.primary(this.state.repoPattern === 'single' ? 'Single repo' : 'Two repos')}`);
+        lines.push(` Tech:        ${s.primary(this.state.techStack ? TECH_STACK_LABELS[this.state.techStack] : 'Not set')}`);
+        lines.push(` Standards:   ${s.primary(this.state.codingStandards ? CODING_STANDARDS_LABELS[this.state.codingStandards] : 'Not set')}`);
+        lines.push(` Git:         ${s.primary(this.state.initGit ? 'Yes' : 'No')}`);
+        if (this.state.gitRemote) {
+            lines.push(` Remote:      ${s.primary(this.state.gitRemote)}`);
+        }
+        lines.push(` Workflow:    ${s.primary(WORKFLOW_MODE_LABELS[this.state.workflowMode])}`);
+        if (this.state.repoPattern === 'two-repo') {
+            lines.push('');
+            lines.push(s.muted(` Docs repo:   ./${this.state.projectName}-docs/`));
+        }
+        lines.push('');
+        if (this.state.error) {
+            lines.push(s.error(` ${this.state.error}`));
+            lines.push('');
+        }
+        lines.push(this.renderSelectionOption(s, 0, 'Create'));
+        lines.push(this.renderSelectionOption(s, 1, 'Cancel'));
+        return lines;
+    }
+    // ===========================================================================
+    // Import Step Renderers
+    // ===========================================================================
+    renderImportStep1(s) {
+        const lines = [];
+        lines.push(chalk.bold(' Enter path to existing project'));
+        lines.push('');
+        lines.push(` > ${this.state.inputBuffer}|`);
+        lines.push('');
+        if (this.state.error) {
+            lines.push(s.error(` ${this.state.error}`));
+        }
+        else {
+            lines.push(s.muted(' Enter absolute or relative path to project directory'));
+            lines.push(s.muted(' Tab for autocomplete'));
+        }
+        return lines;
+    }
+    renderImportStep2(s) {
+        const lines = [];
+        const detected = this.state.detectedProject;
+        if (!detected) {
+            lines.push(s.error(' No project detected'));
+            return lines;
+        }
+        lines.push(chalk.bold(' Project Detection Results'));
+        lines.push('');
+        // Name
+        const nameIcon = detected.nameSource !== 'folder' ? s.success('✓') : s.warning('⚠');
+        const nameNote = detected.nameSource !== 'folder' ? `(from ${detected.nameSource})` : '(from folder name)';
+        lines.push(` ${nameIcon} Name: ${s.primary(detected.displayName)} ${s.muted(nameNote)}`);
+        // Language
+        const langIcon = detected.language ? s.success('✓') : s.warning('⚠');
+        const langLabel = getLanguageLabel(detected.language);
+        lines.push(` ${langIcon} Language: ${s.primary(langLabel)}`);
+        // Framework
+        if (detected.framework) {
+            lines.push(` ${s.success('✓')} Framework: ${s.primary(getFrameworkLabel(detected.framework))}`);
+        }
+        else if (detected.language) {
+            lines.push(` ${s.muted('-')} Framework: ${s.muted('Not detected')}`);
+        }
+        // Git
+        if (detected.hasGit && detected.gitRemote) {
+            lines.push(` ${s.success('✓')} Git: ${s.primary(detected.gitRemote)}`);
+        }
+        else if (detected.hasGit) {
+            lines.push(` ${s.warning('⚠')} Git: ${s.muted('No remote configured')}`);
+        }
+        else {
+            lines.push(` ${s.warning('⚠')} Git: ${s.muted('Not initialized')}`);
+        }
+        // COMPILR.md
+        if (detected.hasCompilrMd) {
+            lines.push(` ${s.success('✓')} COMPILR.md: ${s.primary('Found')}`);
+        }
+        else if (detected.hasClaudeMd) {
+            lines.push(` ${s.success('✓')} CLAUDE.md: ${s.primary('Found (will use as COMPILR.md)')}`);
+        }
+        else {
+            lines.push(` ${s.muted('○')} COMPILR.md: ${s.muted('Will be created')}`);
+        }
+        lines.push('');
+        lines.push(s.muted(' Press Enter to continue, or Esc to go back'));
+        return lines;
+    }
+    renderImportStep3(s) {
+        const lines = [];
+        const detected = this.state.detectedProject;
+        lines.push(chalk.bold(' Git Repository Setup'));
+        lines.push('');
+        // Custom input mode for remote URL
+        if (this.state.importGitChoice === 'custom' || this.state.importGitChoice === 'init') {
+            lines.push(' Enter git remote URL:');
+            lines.push('');
+            lines.push(` > ${this.state.inputBuffer}|`);
+            lines.push('');
+            lines.push(s.muted(' Enter to confirm, Esc to cancel'));
+            return lines;
+        }
+        if (detected?.hasGit && detected.gitRemote) {
+            // Has git with remote
+            lines.push(` Detected remote: ${s.primary(detected.gitRemote)}`);
+            lines.push('');
+            lines.push(this.renderSelectionOption(s, 0, 'Use detected remote'));
+            lines.push(this.renderSelectionOption(s, 1, 'Enter different remote URL'));
+            lines.push(this.renderSelectionOption(s, 2, 'Skip git remote (local only)'));
+        }
+        else if (detected?.hasGit) {
+            // Has git but no remote
+            lines.push(' Git repository found but no remote configured.');
+            lines.push('');
+            lines.push(this.renderSelectionOption(s, 0, 'Enter remote URL'));
+            lines.push(this.renderSelectionOption(s, 1, 'Skip git remote (local only)'));
+        }
+        else {
+            // No git
+            lines.push(' No git repository found.');
+            lines.push('');
+            lines.push(this.renderSelectionOption(s, 0, 'Initialize git and enter remote URL'));
+            lines.push(this.renderSelectionOption(s, 1, 'Initialize git (local only)'));
+            lines.push(this.renderSelectionOption(s, 2, 'Skip git initialization'));
+        }
+        return lines;
+    }
+    renderImportStep4(s) {
+        const lines = [];
+        lines.push(chalk.bold(' Workflow mode'));
+        lines.push('');
+        for (let i = 0; i < WORKFLOW_MODE_OPTIONS.length; i++) {
+            const mode = WORKFLOW_MODE_OPTIONS[i];
+            const suffix = i === 0 ? ' (recommended)' : '';
+            lines.push(this.renderSelectionOption(s, i, `${String(i + 1)}. ${WORKFLOW_MODE_LABELS[mode]}${suffix}`));
+        }
+        lines.push('');
+        lines.push(s.muted(' Flexible: Work at your own pace, agent responds to requests'));
+        lines.push(s.muted(' Guided: Agent suggests next steps, tracks work item progress'));
+        return lines;
+    }
+    renderImportStep5(s) {
+        const lines = [];
+        const detected = this.state.detectedProject;
+        lines.push(chalk.bold(' Ready to import project?'));
+        lines.push('');
+        lines.push(` Path:        ${s.primary(this.state.importPath)}`);
+        lines.push(` Name:        ${s.primary(detected?.displayName ?? 'Unknown')}`);
+        lines.push(` Language:    ${s.primary(getLanguageLabel(detected?.language ?? null))}`);
+        if (detected?.framework) {
+            lines.push(` Framework:   ${s.primary(getFrameworkLabel(detected.framework))}`);
+        }
+        lines.push(` Git Remote:  ${s.primary(this.state.gitRemote || 'None')}`);
+        lines.push(` Workflow:    ${s.primary(WORKFLOW_MODE_LABELS[this.state.workflowMode])}`);
+        lines.push('');
+        lines.push(chalk.bold(' Will create:'));
+        if (!detected?.hasCompilrMd && !detected?.hasClaudeMd) {
+            lines.push(` ${s.success('✓')} COMPILR.md (project context file)`);
+        }
+        lines.push(` ${s.success('✓')} .compilr/config.json (local config)`);
+        lines.push(` ${s.success('✓')} Database entry (project tracking)`);
+        // Note if project is outside the standard projects folder
+        const projectsFolder = getProjectsPath();
+        if (!this.state.importPath.startsWith(projectsFolder)) {
+            lines.push('');
+            lines.push(s.muted(' Note: This project is outside your projects folder.'));
+            lines.push(s.muted(`       It will be tracked at its current location.`));
+        }
+        lines.push('');
+        if (this.state.error) {
+            lines.push(s.error(` ${this.state.error}`));
+            lines.push('');
+        }
+        lines.push(this.renderSelectionOption(s, 0, 'Import'));
+        lines.push(this.renderSelectionOption(s, 1, 'Cancel'));
+        return lines;
+    }
+    renderImportStepFooter(s) {
+        const lines = [];
+        lines.push('');
+        if (this.state.importStep === 0) {
+            lines.push(s.muted(' Enter Confirm | Tab Autocomplete | Esc Cancel'));
+        }
+        else if (this.state.importStep === 4) {
+            lines.push(s.muted(' Up/Down Navigate | Enter Confirm | Esc Back'));
+        }
+        else if (this.state.importStep === 1) {
+            lines.push(s.muted(' Enter Continue | Esc Back'));
+        }
+        else {
+            lines.push(s.muted(' Up/Down Navigate | Enter Select | Esc Back'));
+        }
+        return lines;
+    }
+    // ===========================================================================
+    // Key Handling
+    // ===========================================================================
+    handleKey(key) {
+        // Ctrl+C always cancels
+        if (this.isInterruptKey(key)) {
+            return this.close({ created: false });
+        }
+        // Import flow handling
+        if (this.state.projectType === 'existing') {
+            return this.handleImportKey(key);
+        }
+        // 'q' key on step 0 cancels
+        if (this.state.step === 0 && key.name === 'q') {
+            return this.close({ created: false });
+        }
+        // Escape on step 0 cancels, otherwise goes back
+        if (key.name === 'escape') {
+            // In git remote input mode, Esc skips to next step
+            if (this.state.gitRemoteInputMode) {
+                this.state.gitRemoteInputMode = false;
+                this.state.gitRemote = '';
+                this.state.inputBuffer = '';
+                this.state.step = 7;
+                this.state.selectedIndex = 0;
+                return this.rerender();
+            }
+            if (this.state.step === 0) {
+                return this.close({ created: false });
+            }
+            this.prevStep();
+            return this.rerender();
+        }
+        // Handle git remote URL input mode (sub-step of step 6)
+        if (this.state.gitRemoteInputMode) {
+            return this.handleGitRemoteInput(key);
+        }
+        // Handle selection steps
+        if (isSelectionStep(this.state.step)) {
+            return this.handleSelectionKey(key);
+        }
+        // Handle input steps
+        if (isInputStep(this.state.step)) {
+            return this.handleInputKey(key);
+        }
+        return this.noAction();
+    }
+    handleSelectionKey(key) {
+        const maxOptions = getMaxOptionsForStep(this.state.step);
+        // j/k for vim-style navigation
+        if (key.name === 'j' && this.state.selectedIndex < maxOptions - 1) {
+            this.state.selectedIndex++;
+            return this.rerender();
+        }
+        if (key.name === 'k' && this.state.selectedIndex > 0) {
+            this.state.selectedIndex--;
+            return this.rerender();
+        }
+        if (this.isUpKey(key) && this.state.selectedIndex > 0) {
+            this.state.selectedIndex--;
+            return this.rerender();
+        }
+        if (this.isDownKey(key) && this.state.selectedIndex < maxOptions - 1) {
+            this.state.selectedIndex++;
+            return this.rerender();
+        }
+        if (this.isEnterKey(key)) {
+            return this.handleSelectionEnter();
+        }
+        return this.noAction();
+    }
+    async handleSelectionEnter() {
+        // Step 0 - choose between new and existing project
+        if (this.state.step === 0) {
+            if (this.state.selectedIndex === 0) {
+                // New project
+                this.state.projectType = 'new';
+                this.state.step = 1;
+                this.state.inputBuffer = '';
+                this.state.selectedIndex = 0;
+                this.state.error = null;
+            }
+            else {
+                // Import existing project
+                this.state.projectType = 'existing';
+                this.state.importStep = 0;
+                this.state.inputBuffer = '';
+                this.state.selectedIndex = 0;
+                this.state.error = null;
+            }
+            return this.rerender();
+        }
+        // Step 8 - confirmation
+        if (this.state.step === 8) {
+            if (this.state.selectedIndex === 1) {
+                // Cancel
+                return this.close({ created: false });
+            }
+            // Verify all required fields are set
+            if (!this.state.repoPattern || !this.state.techStack || !this.state.codingStandards) {
+                this.state.error = 'Missing configuration values';
+                return this.rerender();
+            }
+            // Show generating state
+            this.state.isGenerating = true;
+            // Create project
+            const config = {
+                name: this.state.projectName,
+                description: this.state.description,
+                repoPattern: this.state.repoPattern,
+                techStack: this.state.techStack,
+                codingStandards: this.state.codingStandards,
+                initGit: this.state.initGit,
+            };
+            try {
+                // Ensure projects directory exists and create project there
+                ensureProjectsDirectory();
+                const projectsPath = getProjectsPath();
+                const result = await generateProject(config, projectsPath);
+                if (result.success) {
+                    return this.close({
+                        created: true,
+                        projectPath: result.projectPath,
+                        docsPath: result.docsPath,
+                        filesCreated: result.filesCreated,
+                        trackInDatabase: true, // Always track in database
+                        workflowMode: this.state.workflowMode,
+                        projectName: this.state.projectName,
+                        description: this.state.description,
+                        gitRemote: this.state.gitRemote || undefined,
+                    });
+                }
+                else {
+                    this.state.isGenerating = false;
+                    this.state.error = result.error ?? 'Unknown error';
+                    return this.rerender();
+                }
+            }
+            catch (error) {
+                this.state.isGenerating = false;
+                this.state.error = error.message;
+                return this.rerender();
+            }
+        }
+        this.nextStep();
+        return this.rerender();
+    }
+    handleInputKey(key) {
+        if (this.isEnterKey(key)) {
+            if (this.validateInput()) {
+                this.nextStep();
+            }
+            return this.rerender();
+        }
+        if (key.name === 'backspace') {
+            this.state.inputBuffer = this.state.inputBuffer.slice(0, -1);
+            this.state.error = null;
+            return this.rerender();
+        }
+        // Regular character input
+        if (key.char && key.char.length === 1 && key.char >= ' ' && key.char <= '~') {
+            this.state.inputBuffer += key.char;
+            this.state.error = null;
+            return this.rerender();
+        }
+        return this.noAction();
+    }
+    handleGitRemoteInput(key) {
+        // Enter - confirm and move to next step
+        if (this.isEnterKey(key)) {
+            this.state.gitRemote = this.state.inputBuffer.trim();
+            this.state.gitRemoteInputMode = false;
+            this.state.inputBuffer = '';
+            this.state.step = 7;
+            this.state.selectedIndex = 0;
+            return this.rerender();
+        }
+        // Backspace - delete last character
+        if (key.name === 'backspace') {
+            this.state.inputBuffer = this.state.inputBuffer.slice(0, -1);
+            return this.rerender();
+        }
+        // Regular character input
+        if (key.char && key.char.length === 1 && key.char >= ' ' && key.char <= '~') {
+            this.state.inputBuffer += key.char;
+            return this.rerender();
+        }
+        return this.noAction();
+    }
+    // ===========================================================================
+    // Import Flow Key Handling
+    // ===========================================================================
+    handleImportKey(key) {
+        // Escape handling for import flow
+        if (key.name === 'escape') {
+            // In git remote custom input mode, cancel and go back to selection
+            if (this.state.importGitChoice === 'custom' || this.state.importGitChoice === 'init') {
+                this.state.importGitChoice = null;
+                this.state.inputBuffer = '';
+                return this.rerender();
+            }
+            // Step 0: go back to project type selection
+            if (this.state.importStep === 0) {
+                this.state.projectType = null;
+                this.state.step = 0;
+                this.state.selectedIndex = 1; // Keep "existing" selected
+                this.state.error = null;
+                return this.rerender();
+            }
+            // Other steps: go back
+            this.prevImportStep();
+            return this.rerender();
+        }
+        // Handle based on current step
+        switch (this.state.importStep) {
+            case 0: // Path input
+                return this.handleImportPathInput(key);
+            case 1: // Detection results (just Enter to continue)
+                if (this.isEnterKey(key)) {
+                    this.nextImportStep();
+                    return this.rerender();
+                }
+                return this.noAction();
+            case 2: // Git configuration
+                return this.handleImportGitStep(key);
+            case 3: // Workflow mode
+                return this.handleImportWorkflowStep(key);
+            case 4: // Confirmation
+                return this.handleImportConfirmation(key);
+            default:
+                return this.noAction();
+        }
+    }
+    handleImportPathInput(key) {
+        // Enter - validate and continue
+        if (this.isEnterKey(key)) {
+            const inputPath = this.state.inputBuffer.trim();
+            if (!inputPath) {
+                this.state.error = 'Path is required';
+                return this.rerender();
+            }
+            // Resolve to absolute path
+            const absolutePath = path.isAbsolute(inputPath)
+                ? inputPath
+                : path.resolve(process.cwd(), inputPath);
+            // Validate path
+            const validation = validateImportPath(absolutePath);
+            if (!validation.valid) {
+                this.state.error = validation.error ?? 'Invalid path';
+                return this.rerender();
+            }
+            // Check if already tracked in database
+            const existingProject = projectRepository.getByPath(absolutePath);
+            if (existingProject) {
+                this.state.error = `Already tracked as "${existingProject.displayName}"`;
+                return this.rerender();
+            }
+            // Detect project info
+            this.state.importPath = absolutePath;
+            this.state.detectedProject = detectProjectInfo(absolutePath);
+            this.state.error = null;
+            this.nextImportStep();
+            return this.rerender();
+        }
+        // Tab - autocomplete
+        if (key.name === 'tab') {
+            const completedPath = this.autocompleteImportPath(this.state.inputBuffer);
+            if (completedPath) {
+                this.state.inputBuffer = completedPath;
+                this.state.error = null;
+            }
+            return this.rerender();
+        }
+        // Backspace
+        if (key.name === 'backspace') {
+            this.state.inputBuffer = this.state.inputBuffer.slice(0, -1);
+            this.state.error = null;
+            return this.rerender();
+        }
+        // Regular character input
+        if (key.char && key.char.length === 1 && key.char >= ' ' && key.char <= '~') {
+            this.state.inputBuffer += key.char;
+            this.state.error = null;
+            return this.rerender();
+        }
+        return this.noAction();
+    }
+    handleImportGitStep(key) {
+        const detected = this.state.detectedProject;
+        // In custom URL input mode
+        if (this.state.importGitChoice === 'custom' || this.state.importGitChoice === 'init') {
+            if (this.isEnterKey(key)) {
+                this.state.gitRemote = this.state.inputBuffer.trim();
+                this.state.inputBuffer = '';
+                this.state.importGitChoice = null;
+                this.nextImportStep();
+                return this.rerender();
+            }
+            if (key.name === 'backspace') {
+                this.state.inputBuffer = this.state.inputBuffer.slice(0, -1);
+                return this.rerender();
+            }
+            if (key.char && key.char.length === 1 && key.char >= ' ' && key.char <= '~') {
+                this.state.inputBuffer += key.char;
+                return this.rerender();
+            }
+            return this.noAction();
+        }
+        // Navigation
+        const maxOptions = this.getImportGitMaxOptions();
+        if ((key.name === 'j' || this.isDownKey(key)) && this.state.selectedIndex < maxOptions - 1) {
+            this.state.selectedIndex++;
+            return this.rerender();
+        }
+        if ((key.name === 'k' || this.isUpKey(key)) && this.state.selectedIndex > 0) {
+            this.state.selectedIndex--;
+            return this.rerender();
+        }
+        // Enter to select
+        if (this.isEnterKey(key)) {
+            if (detected?.hasGit && detected.gitRemote) {
+                // Has git with remote
+                switch (this.state.selectedIndex) {
+                    case 0: // Use detected
+                        this.state.gitRemote = detected.gitRemote;
+                        this.nextImportStep();
+                        break;
+                    case 1: // Custom
+                        this.state.importGitChoice = 'custom';
+                        this.state.inputBuffer = '';
+                        break;
+                    case 2: // Skip
+                        this.state.gitRemote = '';
+                        this.nextImportStep();
+                        break;
+                }
+            }
+            else if (detected?.hasGit) {
+                // Has git but no remote
+                switch (this.state.selectedIndex) {
+                    case 0: // Enter URL
+                        this.state.importGitChoice = 'custom';
+                        this.state.inputBuffer = '';
+                        break;
+                    case 1: // Skip
+                        this.state.gitRemote = '';
+                        this.nextImportStep();
+                        break;
+                }
+            }
+            else {
+                // No git
+                switch (this.state.selectedIndex) {
+                    case 0: // Init + URL
+                        this.state.importGitChoice = 'init';
+                        this.state.inputBuffer = '';
+                        this.state.initGit = true;
+                        break;
+                    case 1: // Init only
+                        this.state.initGit = true;
+                        this.state.gitRemote = '';
+                        this.nextImportStep();
+                        break;
+                    case 2: // Skip
+                        this.state.initGit = false;
+                        this.state.gitRemote = '';
+                        this.nextImportStep();
+                        break;
+                }
+            }
+            return this.rerender();
+        }
+        return this.noAction();
+    }
+    handleImportWorkflowStep(key) {
+        const maxOptions = WORKFLOW_MODE_OPTIONS.length;
+        // Navigation
+        if ((key.name === 'j' || this.isDownKey(key)) && this.state.selectedIndex < maxOptions - 1) {
+            this.state.selectedIndex++;
+            return this.rerender();
+        }
+        if ((key.name === 'k' || this.isUpKey(key)) && this.state.selectedIndex > 0) {
+            this.state.selectedIndex--;
+            return this.rerender();
+        }
+        // Enter to select
+        if (this.isEnterKey(key)) {
+            this.state.workflowMode = WORKFLOW_MODE_OPTIONS[this.state.selectedIndex];
+            this.nextImportStep();
+            return this.rerender();
+        }
+        return this.noAction();
+    }
+    handleImportConfirmation(key) {
+        // Navigation
+        if ((key.name === 'j' || this.isDownKey(key)) && this.state.selectedIndex < 1) {
+            this.state.selectedIndex++;
+            return this.rerender();
+        }
+        if ((key.name === 'k' || this.isUpKey(key)) && this.state.selectedIndex > 0) {
+            this.state.selectedIndex--;
+            return this.rerender();
+        }
+        // Enter to confirm
+        if (this.isEnterKey(key)) {
+            if (this.state.selectedIndex === 1) {
+                // Cancel
+                return this.close({ created: false });
+            }
+            // Import project
+            return this.executeImport();
+        }
+        return this.noAction();
+    }
+    executeImport() {
+        const detected = this.state.detectedProject;
+        if (!detected) {
+            this.state.error = 'No project detected';
+            return this.rerender();
+        }
+        this.state.isGenerating = true;
+        try {
+            // Create .compilr directory
+            const compilrDir = path.join(this.state.importPath, '.compilr');
+            if (!fs.existsSync(compilrDir)) {
+                fs.mkdirSync(compilrDir, { recursive: true });
+            }
+            // Create .compilr/config.json
+            const configContent = JSON.stringify({
+                version: 1,
+                projectPath: this.state.importPath,
+                workflow_mode: this.state.workflowMode,
+                created_at: new Date().toISOString(),
+            }, null, 2);
+            fs.writeFileSync(path.join(compilrDir, 'config.json'), configContent, 'utf-8');
+            // Create COMPILR.md if it doesn't exist
+            if (!detected.hasCompilrMd && !detected.hasClaudeMd) {
+                const compilrMdContent = generateCompilrMdForImport({
+                    name: detected.name,
+                    displayName: detected.displayName,
+                    path: this.state.importPath,
+                    detected,
+                    workflowMode: this.state.workflowMode,
+                });
+                fs.writeFileSync(path.join(this.state.importPath, 'COMPILR.md'), compilrMdContent, 'utf-8');
+            }
+            // Initialize git if requested and not already initialized
+            if (this.state.initGit && !detected.hasGit) {
+                try {
+                    execSync('git init', { cwd: this.state.importPath, stdio: 'ignore' });
+                }
+                catch {
+                    // Git init failed - not critical
+                }
+            }
+            // Return success - database registration is handled by the command handler
+            return this.close({
+                created: true,
+                imported: true,
+                projectPath: this.state.importPath,
+                trackInDatabase: true,
+                workflowMode: this.state.workflowMode,
+                projectName: detected.name,
+                description: undefined, // No description for imports
+                gitRemote: this.state.gitRemote || undefined,
+                detectedProject: detected,
+            });
+        }
+        catch (error) {
+            this.state.isGenerating = false;
+            this.state.error = error.message;
+            return this.rerender();
+        }
+    }
+    getImportGitMaxOptions() {
+        const detected = this.state.detectedProject;
+        if (detected?.hasGit && detected.gitRemote)
+            return 3;
+        if (detected?.hasGit)
+            return 2;
+        return 3;
+    }
+    nextImportStep() {
+        this.state.importStep = Math.min(4, this.state.importStep + 1);
+        this.state.selectedIndex = 0;
+        this.state.error = null;
+    }
+    prevImportStep() {
+        this.state.importStep = Math.max(0, this.state.importStep - 1);
+        this.state.selectedIndex = 0;
+        this.state.error = null;
+    }
+    autocompleteImportPath(input) {
+        if (!input)
+            return null;
+        try {
+            // Resolve the input to determine directory and prefix
+            const resolvedInput = input.startsWith('/')
+                ? input
+                : path.resolve(process.cwd(), input);
+            let dir;
+            let prefix;
+            if (fs.existsSync(resolvedInput) && fs.statSync(resolvedInput).isDirectory()) {
+                // Input is a complete directory, list its contents
+                dir = resolvedInput;
+                prefix = '';
+            }
+            else {
+                // Input is partial, get parent directory and prefix
+                dir = path.dirname(resolvedInput);
+                prefix = path.basename(resolvedInput).toLowerCase();
+            }
+            if (!fs.existsSync(dir))
+                return null;
+            // Get directory contents
+            const entries = fs.readdirSync(dir, { withFileTypes: true })
+                .filter((e) => e.isDirectory())
+                .filter((e) => !e.name.startsWith('.')) // Hide hidden directories
+                .map((e) => e.name);
+            // Find matches
+            const matches = entries.filter((name) => name.toLowerCase().startsWith(prefix));
+            if (matches.length === 0)
+                return null;
+            if (matches.length === 1) {
+                // Single match - complete it with trailing slash
+                const completed = path.join(dir, matches[0]);
+                // Keep relative if input was relative
+                if (!input.startsWith('/')) {
+                    const relative = path.relative(process.cwd(), completed);
+                    return relative + '/';
+                }
+                return completed + '/';
+            }
+            // Multiple matches - find common prefix
+            const sortedMatches = matches.sort();
+            const first = sortedMatches[0];
+            const last = sortedMatches[sortedMatches.length - 1];
+            let common = '';
+            for (let i = 0; i < first.length; i++) {
+                if (first[i] === last[i]) {
+                    common += first[i];
+                }
+                else {
+                    break;
+                }
+            }
+            if (common.length > prefix.length) {
+                const completed = path.join(dir, common);
+                if (!input.startsWith('/')) {
+                    return path.relative(process.cwd(), completed);
+                }
+                return completed;
+            }
+            return null;
+        }
+        catch {
+            return null;
+        }
+    }
+    // ===========================================================================
+    // Step Navigation
+    // ===========================================================================
+    nextStep() {
+        switch (this.state.step) {
+            // Note: step 0 is handled in handleSelectionEnter() since it branches to import flow
+            case 1:
+                this.state.projectName = this.state.inputBuffer.trim();
+                this.state.step = 2;
+                this.state.inputBuffer = '';
+                break;
+            case 2:
+                this.state.description = this.state.inputBuffer.trim();
+                this.state.step = 3;
+                this.state.selectedIndex = 0;
+                break;
+            case 3:
+                this.state.repoPattern = REPO_PATTERN_OPTIONS[this.state.selectedIndex];
+                this.state.step = 4;
+                this.state.selectedIndex = 0;
+                break;
+            case 4:
+                this.state.techStack = TECH_STACK_OPTIONS[this.state.selectedIndex];
+                this.state.step = 5;
+                this.state.selectedIndex = 0;
+                break;
+            case 5:
+                this.state.codingStandards = CODING_STANDARDS_OPTIONS[this.state.selectedIndex];
+                this.state.step = 6;
+                this.state.selectedIndex = 0;
+                break;
+            case 6:
+                this.state.initGit = this.state.selectedIndex === 0;
+                // Always prompt for git remote URL (useful even if not initializing git)
+                // User might have an existing repo on GitHub they want to associate
+                this.state.gitRemoteInputMode = true;
+                this.state.inputBuffer = '';
+                break;
+            case 7:
+                this.state.workflowMode = WORKFLOW_MODE_OPTIONS[this.state.selectedIndex];
+                this.state.step = 8;
+                this.state.selectedIndex = 0;
+                break;
+        }
+        this.state.error = null;
+    }
+    prevStep() {
+        switch (this.state.step) {
+            case 1:
+                this.state.step = 0;
+                this.state.selectedIndex = 0;
+                break;
+            case 2:
+                this.state.step = 1;
+                this.state.inputBuffer = this.state.projectName;
+                break;
+            case 3:
+                this.state.step = 2;
+                this.state.inputBuffer = this.state.description;
+                break;
+            case 4:
+                this.state.step = 3;
+                this.state.selectedIndex = this.state.repoPattern ? REPO_PATTERN_OPTIONS.indexOf(this.state.repoPattern) : 0;
+                break;
+            case 5:
+                this.state.step = 4;
+                this.state.selectedIndex = this.state.techStack ? TECH_STACK_OPTIONS.indexOf(this.state.techStack) : 0;
+                break;
+            case 6:
+                this.state.step = 5;
+                this.state.selectedIndex = this.state.codingStandards ? CODING_STANDARDS_OPTIONS.indexOf(this.state.codingStandards) : 0;
+                break;
+            case 7:
+                this.state.step = 6;
+                this.state.selectedIndex = this.state.initGit ? 0 : 1;
+                break;
+            case 8:
+                this.state.step = 7;
+                this.state.selectedIndex = WORKFLOW_MODE_OPTIONS.indexOf(this.state.workflowMode);
+                break;
+        }
+        this.state.error = null;
+    }
+    validateInput() {
+        if (this.state.step === 1) {
+            const name = this.state.inputBuffer.trim();
+            if (!name) {
+                this.state.error = 'Project name is required';
+                return false;
+            }
+            if (!isValidProjectName(name)) {
+                this.state.error = 'Invalid name. Use lowercase letters, numbers, hyphens (2-50 chars, start with letter)';
+                return false;
+            }
+            if (projectExists(name)) {
+                this.state.error = `Directory "${name}" already exists`;
+                return false;
+            }
+        }
+        if (this.state.step === 2) {
+            const desc = this.state.inputBuffer.trim();
+            if (!desc) {
+                this.state.error = 'Description is required';
+                return false;
+            }
+            if (desc.length < 10) {
+                this.state.error = 'Description too short (min 10 characters)';
+                return false;
+            }
+        }
+        return true;
+    }
+    // ===========================================================================
+    // Close Summary
+    // ===========================================================================
+    getCloseSummary(result) {
+        const s = this.getStyles();
+        if (!result.created) {
+            return s.warning('Init cancelled');
+        }
+        return null;
+    }
+}