@compilr-dev/cli 0.4.0 → 0.5.1

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

@@ -0,0 +1,115 @@
+/**
+ * Artifact Overlay V2
+ *
+ * Browse and manage team artifacts.
+ * Uses TabbedListOverlayV2 for consistent list/tab/search behavior.
+ *
+ * Features:
+ * - Tabbed filtering by artifact type
+ * - Search with / toggle
+ * - Paginated list
+ * - Returns selected artifact for viewing in separate fullscreen overlay
+ */
+import { TabbedListOverlayV2 } from '../../base/tabbed-list-overlay-v2.js';
+import { getTeamCheckpointer, } from '../../../multi-agent/index.js';
+import { getCurrentProject } from '../../../tools/project-db.js';
+import { ARTIFACT_TYPE_LABELS } from '../../constants/labels.js';
+// =============================================================================
+// Constants
+// =============================================================================
+const PAGE_SIZE = 10;
+const TYPE_LABELS = ARTIFACT_TYPE_LABELS;
+const TYPE_ICONS = {
+    'design': '◇', // Diamond - architecture
+    'plan': '◆', // Filled diamond - task breakdown
+    'review': '○', // Circle - feedback
+    'decision': '●', // Filled circle - decisions
+    'note': '□', // Square - general notes
+};
+const TABS = [
+    { id: 'all', label: 'All' },
+    { id: 'design', label: 'Design' },
+    { id: 'plan', label: 'Plan' },
+    { id: 'review', label: 'Review' },
+    { id: 'decision', label: 'Decision' },
+    { id: 'note', label: 'Note' },
+];
+// =============================================================================
+// Artifact Overlay V2
+// =============================================================================
+export class ArtifactOverlayV2 extends TabbedListOverlayV2 {
+    type = 'inline';
+    id = 'artifact-overlay-v2';
+    projectName;
+    constructor() {
+        const activeProject = getCurrentProject();
+        const projectId = activeProject?.id ?? null;
+        const projectName = activeProject?.displayName ?? null;
+        // Load artifacts from checkpointer
+        const checkpointer = getTeamCheckpointer();
+        const store = checkpointer.getArtifactStore(projectId);
+        const artifacts = store.list();
+        // Sort by most recently updated
+        artifacts.sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime());
+        super({
+            title: 'Artifacts',
+            tabs: TABS,
+            items: artifacts,
+            pageSize: PAGE_SIZE,
+            filterByTab: (artifact, tabId) => {
+                if (tabId === 'all')
+                    return true;
+                return artifact.type === tabId;
+            },
+            getSearchText: (artifact) => `${artifact.name} ${artifact.type} ${artifact.agent} ${artifact.summary}`,
+            renderItem: (artifact, isSelected, styles) => {
+                const prefix = isSelected ? styles.primary('> ') : '  ';
+                const icon = TYPE_ICONS[artifact.type] || '?';
+                const typeLabel = (TYPE_LABELS[artifact.type] || artifact.type).padEnd(9);
+                // Format: [icon] TYPE     "Name" by $agent (v2)
+                const name = artifact.name.slice(0, 35);
+                const agent = `$${artifact.agent}`;
+                const version = artifact.version > 1 ? ` (v${String(artifact.version)})` : '';
+                if (isSelected) {
+                    return `${prefix}${icon} ${styles.primaryBold(typeLabel)} ${styles.primary(`"${name}"`)} ${styles.muted(`by ${agent}${version}`)}`;
+                }
+                return `${prefix}${icon} ${styles.muted(typeLabel)} ${styles.secondary(`"${name}"`)} ${styles.muted(`by ${agent}${version}`)}`;
+            },
+            showCount: true,
+            emptyMessage: projectId === null
+                ? 'No active project. Use /projects to select one.'
+                : 'No artifacts yet. Use artifact_save to create one.',
+            noResultsMessage: 'No artifacts match the search.',
+        });
+        this.projectName = projectName;
+        this.minHeight = 18;
+    }
+    /**
+     * Override to render project name in header
+     */
+    renderHeader(title, subtitle) {
+        const displaySubtitle = this.projectName || subtitle;
+        return super.renderHeader(title, displaySubtitle);
+    }
+    /**
+     * Override to handle item selection.
+     * Returns the selected artifact so the command handler can show it in a fullscreen overlay.
+     */
+    onItemSelected(artifact) {
+        return { selectedArtifact: artifact, cancelled: false };
+    }
+    /**
+     * Override to handle custom keys (delete)
+     */
+    handleKey(key) {
+        // Check for close keys first
+        if (this.isInterruptKey(key)) {
+            return this.close({ cancelled: true });
+        }
+        if (this.isCloseKey(key) && !this.state.searchMode) {
+            return this.close({ cancelled: true });
+        }
+        // Let parent handle everything else (including Enter → onItemSelected)
+        return super.handleKey(key);
+    }
+}

package/dist/ui/overlay/impl/ask-user-overlay-v2.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Ask User Overlay V2
+ *
+ * Modal overlay for presenting multi-question forms to the user.
+ * Uses BaseOverlayV2 for TerminalUI integration.
+ *
+ * Features:
+ * - Multiple questions with navigation (Left/Right or Tab)
+ * - Options to select from with arrow keys
+ * - Custom text input option
+ * - Multi-select support
+ * - Progress indicator showing answered questions
+ * - Submit tab at the end
+ */
+import { BaseOverlayV2 } from '../../base/index.js';
+import type { RenderContext, OverlayAction, KeyEvent } from '../types.js';
+import type { AskUserQuestion } from '../../../shared-handlers.js';
+interface AskUserState {
+    /** Current question index */
+    currentQuestion: number;
+    /** Selected option index for current question */
+    selectedIndex: number;
+    /** Custom input buffer for free-text */
+    inputBuffer: string;
+    /** Whether currently typing custom input */
+    isTypingCustom: boolean;
+    /** Collected answers */
+    answers: Record<string, string | string[]>;
+    /** Multi-select selections for current question */
+    multiSelections: Set<number>;
+    /** Warning message to display (e.g., incomplete questions) */
+    warningMessage: string;
+    /** Whether currently on the Submit tab */
+    isOnSubmitTab: boolean;
+}
+export interface AskUserOptionsV2 {
+    questions: AskUserQuestion[];
+    context?: string;
+}
+export interface AskUserResultV2 {
+    answers: Record<string, string | string[]>;
+    skipped: string[];
+}
+export declare class AskUserOverlayV2 extends BaseOverlayV2<AskUserState, AskUserResultV2> {
+    readonly type: "inline";
+    readonly id = "ask-user-overlay-v2";
+    private readonly questions;
+    private readonly context?;
+    constructor(options: AskUserOptionsV2);
+    protected renderContent(context: RenderContext): string[];
+    handleKey(key: KeyEvent): OverlayAction<AskUserResultV2>;
+    /**
+     * Summary shown after overlay closes.
+     */
+    getCloseSummary(result: AskUserResultV2): string | null;
+    private renderTabBar;
+    private renderQuestion;
+    private renderSubmitTab;
+    private renderInstructions;
+    private handleSubmitTabKey;
+    private handleTypingKey;
+    private handleNavigationKey;
+    private getResult;
+    private getOptionCount;
+    private getAnswerInfo;
+    private restoreFromAnswer;
+    private nextQuestion;
+    private prevQuestion;
+    private tryComplete;
+    private submitAnswer;
+}
+export {};