ai-spec-dev 0.41.0 → 0.42.0

package/dist/cli/index.mjs

@@ -126,8 +126,101 @@ CRITICAL \u2014 \u5386\u53F2\u6559\u8BAD\u5E94\u7528\uFF08Accumulated Lessons\uF
   }
 });
 
-// core/provider-utils.ts
+// core/cli-ui.ts
 import chalk from "chalk";
+function startSpinner(text) {
+  const isTTY = process.stderr.isTTY;
+  let frame = 0;
+  let currentText = text;
+  let stopped = false;
+  function render() {
+    if (stopped) return;
+    const symbol = chalk.cyan(SPINNER_FRAMES[frame % SPINNER_FRAMES.length]);
+    if (isTTY) {
+      process.stderr.write(`\r  ${symbol} ${currentText}${" ".repeat(10)}`);
+    }
+    frame++;
+  }
+  if (!isTTY) {
+    process.stderr.write(`  \u2026 ${currentText}
+`);
+  }
+  const timer = setInterval(render, 80);
+  render();
+  return {
+    update(newText) {
+      currentText = newText;
+    },
+    stop(finalText) {
+      if (stopped) return;
+      stopped = true;
+      clearInterval(timer);
+      if (isTTY) {
+        process.stderr.write(`\r${" ".repeat(currentText.length + 20)}\r`);
+      }
+      if (finalText) {
+        process.stderr.write(`  ${finalText}
+`);
+      }
+    },
+    succeed(successText) {
+      this.stop(chalk.green(`\u2714 ${successText}`));
+    },
+    fail(failText) {
+      this.stop(chalk.red(`\u2718 ${failText}`));
+    }
+  };
+}
+async function retryCountdown(opts) {
+  const { attempt, maxAttempts, waitMs, errorMessage, label } = opts;
+  const isTTY = process.stderr.isTTY;
+  const shortErr = errorMessage.length > 120 ? errorMessage.slice(0, 117) + "..." : errorMessage;
+  process.stderr.write("\n");
+  process.stderr.write(chalk.yellow(`  \u250C\u2500 Retry ${attempt}/${maxAttempts} `) + chalk.gray(`[${label}]`) + chalk.yellow(` ${"\u2500".repeat(Math.max(1, 40 - label.length))}
+`));
+  process.stderr.write(chalk.yellow(`  \u2502 `) + chalk.white(shortErr) + "\n");
+  process.stderr.write(chalk.yellow(`  \u2502 `) + chalk.gray(`Waiting before retry...`) + "\n");
+  const totalSeconds = Math.ceil(waitMs / 1e3);
+  for (let s = totalSeconds; s > 0; s--) {
+    const bar = chalk.green("\u2588".repeat(totalSeconds - s)) + chalk.gray("\u2591".repeat(s));
+    const line = chalk.yellow(`  \u2502 `) + `${bar} ${chalk.bold.white(`${s}s`)}`;
+    if (isTTY) {
+      process.stderr.write(`\r${line}${" ".repeat(10)}`);
+    }
+    await new Promise((r) => setTimeout(r, 1e3));
+  }
+  if (isTTY) {
+    process.stderr.write(`\r${" ".repeat(70)}\r`);
+  }
+  process.stderr.write(chalk.yellow(`  \u2514\u2500 `) + chalk.cyan(`Retrying now...`) + "\n\n");
+}
+function startStage(stageKey, label) {
+  const icon = STAGE_ICONS[stageKey] ?? "\u25B8";
+  return startSpinner(`${icon}  ${label}`);
+}
+var SPINNER_FRAMES, STAGE_ICONS;
+var init_cli_ui = __esm({
+  "core/cli-ui.ts"() {
+    "use strict";
+    SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+    STAGE_ICONS = {
+      context_load: "\u{1F4C2}",
+      design_dialogue: "\u{1F4AC}",
+      spec_gen: "\u{1F4DD}",
+      spec_refine: "\u270F\uFE0F ",
+      spec_assess: "\u{1F4CA}",
+      dsl_extract: "\u{1F517}",
+      dsl_gap_feedback: "\u{1F50D}",
+      codegen: "\u2699\uFE0F ",
+      test_gen: "\u{1F9EA}",
+      error_feedback: "\u{1F527}",
+      review: "\u{1F50E}",
+      self_eval: "\u{1F4C8}"
+    };
+  }
+});
+
+// core/provider-utils.ts
 function classifyError(err, label) {
   const e = err;
   const status = e.status ?? e.response?.status;
@@ -203,20 +296,23 @@ async function withReliability(fn, opts) {
         throw classifyError(err, label);
       }
       const waitMs = attempt === 0 ? 2e3 : 6e3;
-      console.warn(
-        chalk.yellow(`  \u26A0 ${label} failed (attempt ${attempt + 1}/${retries + 1}), retrying in ${waitMs / 1e3}s`) + chalk.gray(` \u2014 ${err.message}`)
-      );
       onRetry?.(attempt + 1, err);
-      await sleep(waitMs);
+      await retryCountdown({
+        attempt: attempt + 1,
+        maxAttempts: retries + 1,
+        waitMs,
+        errorMessage: err.message ?? String(err),
+        label
+      });
     }
   }
   throw new Error("unreachable");
 }
-var sleep, ProviderError;
+var ProviderError;
 var init_provider_utils = __esm({
   "core/provider-utils.ts"() {
     "use strict";
-    sleep = (ms2) => new Promise((r) => setTimeout(r, ms2));
+    init_cli_ui();
     ProviderError = class extends Error {
       constructor(message, kind, originalError) {
         super(message);
@@ -6690,6 +6786,7 @@ function printTaskProgress(completed, total, task, mode) {
 }
 
 // core/code-generator.ts
+init_cli_ui();
 var CodeGenerator = class {
   constructor(provider, mode = "claude-code") {
     this.provider = provider;
@@ -7138,6 +7235,7 @@ ${spec}
 ${constitutionSection}
 === ${existingContent ? "Existing content (modify and return the complete file)" : "Create this file from scratch"} ===
 ${existingContent || "Output only the complete file content."}`;
+      const fileSpinner = startSpinner(`${prefix}Generating ${chalk9.bold(item.file)}...`);
       try {
         const raw = await this.provider.generate(codePrompt, systemPrompt);
         const fileContent = stripCodeFences(raw);
@@ -7145,11 +7243,11 @@ ${existingContent || "Output only the complete file content."}`;
         await fs12.ensureDir(path11.dirname(fullPath));
         await fs12.writeFile(fullPath, fileContent, "utf-8");
         getActiveLogger()?.fileWritten(item.file);
-        console.log(`${prefix}${existingContent ? chalk9.yellow("~") : chalk9.green("+")} ${chalk9.bold(item.file)} ${chalk9.green("\u2714")}`);
+        fileSpinner.succeed(`${existingContent ? chalk9.yellow("~") : chalk9.green("+")} ${chalk9.bold(item.file)}`);
         successCount++;
         writtenFiles.push(item.file);
       } catch (err) {
-        console.log(`${prefix}${chalk9.red("\u2718")} ${chalk9.bold(item.file)} \u2014 ${chalk9.red(err.message)}`);
+        fileSpinner.fail(`${chalk9.bold(item.file)} \u2014 ${err.message}`);
       }
     }
     if (!taskLabel) {
@@ -8175,6 +8273,7 @@ import chalk15 from "chalk";
 import { execSync as execSync5 } from "child_process";
 import * as fs18 from "fs-extra";
 import * as path17 from "path";
+init_cli_ui();
 var MAX_COMMAND_OUTPUT_CHARS = 5e4;
 var MAX_FIX_FILE_CHARS = 6e4;
 function runCommand(cmd, cwd) {
@@ -8366,16 +8465,17 @@ ${errorSummary}
 ${fileContent}
 
 Output ONLY the complete fixed file content. No markdown fences, no explanations.`;
+    const fixSpinner = startSpinner(`Fixing ${chalk15.bold(file)} (${fileErrors.length} error(s))...`);
     try {
       const raw = await provider.generate(prompt, getCodeGenSystemPrompt());
       const fixed = raw.replace(/^```\w*\n?/gm, "").replace(/\n?```$/gm, "").trim();
       await getActiveSnapshot()?.snapshotFile(fullPath);
       await fs18.writeFile(fullPath, fixed, "utf-8");
       results.push({ fixed: true, file, explanation: `Fixed ${fileErrors.length} error(s)` });
-      console.log(chalk15.green(`  \u2714 Auto-fixed: ${file}`));
+      fixSpinner.succeed(`Auto-fixed: ${file}`);
     } catch (err) {
       results.push({ fixed: false, file, explanation: `AI fix failed: ${err.message}` });
-      console.log(chalk15.yellow(`  \u26A0 Could not auto-fix: ${file}`));
+      fixSpinner.fail(`Could not auto-fix: ${file}`);
     }
   }
   return results;
@@ -11251,6 +11351,7 @@ async function listVcrRecordings(workingDir) {
 }
 
 // cli/pipeline/single-repo.ts
+init_cli_ui();
 async function runSingleRepoPipeline(idea, opts, currentDir, config2) {
   const specProviderName = opts.provider || config2.provider || "gemini";
   const specModelName = opts.model || config2.model || DEFAULT_MODELS[specProviderName];
@@ -11313,7 +11414,7 @@ async function runSingleRepoPipeline(idea, opts, currentDir, config2) {
       console.log(chalk25.yellow(`  \u26A0 Constitution is long (${context.constitution.length.toLocaleString()} chars). Consider running: ai-spec init --consolidate`));
     }
   } else {
-    console.log(chalk25.yellow("  Constitution : not found \u2014 auto-generating..."));
+    const constitutionSpinner = startSpinner("Constitution not found \u2014 auto-generating...");
     try {
       const constitutionGen = new ConstitutionGenerator(
         createProvider(specProviderName, specApiKey, specModelName)
@@ -11321,9 +11422,9 @@ async function runSingleRepoPipeline(idea, opts, currentDir, config2) {
       const constitutionContent = await constitutionGen.generate(currentDir);
       await constitutionGen.saveConstitution(currentDir, constitutionContent);
       context.constitution = constitutionContent;
-      console.log(chalk25.green(`  Constitution : \u2714 generated and saved (.ai-spec-constitution.md)`));
+      constitutionSpinner.succeed("Constitution generated and saved (.ai-spec-constitution.md)");
     } catch (err) {
-      console.log(chalk25.yellow(`  Constitution : \u26A0 auto-generation failed (${err.message}), continuing without it.`));
+      constitutionSpinner.fail(`Constitution auto-generation failed (${err.message}), continuing without it.`);
     }
   }
   let architectureDecision;
@@ -11354,17 +11455,18 @@ async function runSingleRepoPipeline(idea, opts, currentDir, config2) {
   let initialSpec;
   let initialTasks = [];
   runLogger.stageStart("spec_gen", { provider: specProviderName, model: specModelName });
+  const specSpinner = startStage("spec_gen", `Generating spec with ${specProviderName}/${specModelName}...`);
   try {
     if (opts.skipTasks) {
       const { SpecGenerator: SpecGenerator2 } = await Promise.resolve().then(() => (init_spec_generator(), spec_generator_exports));
       const generator = new SpecGenerator2(specProvider);
       initialSpec = await generator.generateSpec(idea, context, architectureDecision);
-      console.log(chalk25.green("  \u2714 Spec generated."));
+      specSpinner.succeed("Spec generated.");
     } else {
       const result = await generateSpecWithTasks(specProvider, idea, context, architectureDecision);
       initialSpec = result.spec;
       initialTasks = result.tasks;
-      console.log(chalk25.green(`  \u2714 Spec generated.`));
+      specSpinner.succeed("Spec generated.");
       if (initialTasks.length > 0) {
         console.log(chalk25.green(`  \u2714 ${initialTasks.length} tasks generated (combined call).`));
       } else {
@@ -11373,8 +11475,8 @@ async function runSingleRepoPipeline(idea, opts, currentDir, config2) {
     }
     runLogger.stageEnd("spec_gen", { taskCount: initialTasks.length });
   } catch (err) {
+    specSpinner.fail(`Spec generation failed: ${err.message}`);
     runLogger.stageFail("spec_gen", err.message);
-    console.error(chalk25.red("  \u2718 Spec generation failed:"), err);
     process.exit(1);
   }
   let finalSpec;
@@ -11396,7 +11498,9 @@ async function runSingleRepoPipeline(idea, opts, currentDir, config2) {
       console.log(chalk25.blue("\n[3.4/6] Spec quality assessment..."));
     }
     runLogger.stageStart("spec_assess");
+    const assessSpinner = startStage("spec_assess", "Evaluating spec quality...");
     const assessment = await assessSpec(specProvider, finalSpec, context.constitution ?? void 0);
+    assessSpinner.stop();
     if (assessment) {
       runLogger.stageEnd("spec_assess", { overallScore: assessment.overallScore });
       if (!opts.auto) printSpecAssessment(assessment);
@@ -11488,21 +11592,24 @@ async function runSingleRepoPipeline(idea, opts, currentDir, config2) {
     console.log(chalk25.blue("\n[DSL] Extracting structured DSL from spec..."));
     console.log(chalk25.gray(`  Provider: ${specProviderName}/${specModelName}`));
     runLogger.stageStart("dsl_extract");
+    const dslSpinner = startStage("dsl_extract", "Extracting DSL from spec...");
     try {
       const isFrontend = isFrontendDeps(context.dependencies);
-      if (isFrontend) console.log(chalk25.gray("  Frontend project detected \u2014 using ComponentSpec extractor"));
+      if (isFrontend) {
+        dslSpinner.update("\u{1F517}  Extracting DSL (frontend ComponentSpec mode)...");
+      }
       const dslExtractor = new DslExtractor(specProvider);
       extractedDsl = await dslExtractor.extract(finalSpec, { auto: opts.auto, isFrontend });
       if (extractedDsl) {
         runLogger.stageEnd("dsl_extract", { endpoints: extractedDsl.endpoints?.length ?? 0, models: extractedDsl.models?.length ?? 0 });
-        console.log(chalk25.green("  \u2714 DSL extracted and validated."));
+        dslSpinner.succeed("DSL extracted and validated.");
       } else {
         runLogger.stageEnd("dsl_extract", { skipped: true });
-        console.log(chalk25.yellow("  \u26A0 DSL skipped \u2014 codegen will use Spec + Tasks only."));
+        dslSpinner.fail("DSL skipped \u2014 codegen will use Spec + Tasks only.");
       }
     } catch (err) {
       runLogger.stageFail("dsl_extract", err.message);
-      console.log(chalk25.yellow(`  \u26A0 DSL extraction error: ${err.message} \u2014 continuing without DSL.`));
+      dslSpinner.fail(`DSL extraction error: ${err.message} \u2014 continuing without DSL.`);
     }
   }
   if (extractedDsl && !opts.auto && !opts.fast && !opts.skipDsl) {
@@ -11677,6 +11784,7 @@ async function runSingleRepoPipeline(idea, opts, currentDir, config2) {
   if (!opts.skipReview) {
     console.log(chalk25.blue("\n[9/9] Automated code review (3-pass: architecture + implementation + impact/complexity)..."));
     runLogger.stageStart("review");
+    const reviewSpinner = startStage("review", "Running 3-pass code review...");
     const reviewer = new CodeReviewer(specProvider, workingDir);
     const savedSpec = await fs25.readFile(specFile, "utf-8");
     if (codegenMode === "api" && generatedFiles.length > 0) {
@@ -11684,6 +11792,7 @@ async function runSingleRepoPipeline(idea, opts, currentDir, config2) {
     } else {
       reviewResult = await reviewer.reviewCode(savedSpec, specFile);
     }
+    reviewSpinner.succeed("Code review complete.");
     runLogger.stageEnd("review");
     const complianceScore = extractComplianceScore(reviewResult);
     const missingCount = extractMissingCount(reviewResult);