procedure-cli 0.1.7 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "procedure-cli",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "CLI-based AI Agent powered by AI SDK 6, Z.ai, and OpenAI",
   "type": "module",
   "bin": {

package/src/app.tsx

@@ -50,6 +50,7 @@ const EMPTY_ANSWERS: WizardAnswers = {
   generationSkipped: false,
   setupPowerline: false,
   setupGit: false,
+  setupRelease: false,
 };
 
 function getSummary(stepIndex: number, answers: WizardAnswers): string {
@@ -87,8 +88,9 @@ function getSummary(stepIndex: number, answers: WizardAnswers): string {
     case 6: {
       const parts: string[] = [];
       if (answers.setupPowerline) parts.push("Powerline");
-      parts.push(answers.setupGit ? "Git init: yes" : "Git init: no");
-      return parts.join(", ");
+      if (answers.setupGit) parts.push("Git");
+      if (answers.setupRelease) parts.push("Release scripts");
+      return parts.length > 0 ? parts.join(", ") : "skipped";
     }
     default:
       return "done";

package/src/components/step-indicator.tsx

@@ -16,11 +16,11 @@ export default function StepIndicator({ status, label }: Props) {
 
   useEffect(() => {
     if (status !== "active") return;
-    const id = setInterval(() => {
+    const id = setTimeout(() => {
       setFrame((f) => (f + 1) % ACTIVE_FRAMES.length);
     }, 350);
-    return () => clearInterval(id);
-  }, [status]);
+    return () => clearTimeout(id);
+  }, [status, frame]);
 
   if (status === "completed") {
     return <Text><Text color={C.green}>{"◇"}</Text>{"  "}<Text color={C.green}>{label}</Text></Text>;

package/src/lib/types.ts

@@ -63,7 +63,8 @@ export interface WizardAnswers {
   // Step 6: Generation
   generationSkipped: boolean;
 
-  // Step 7: Powerline
+  // Step 7: Setup
   setupPowerline: boolean;
   setupGit: boolean;
+  setupRelease: boolean;
 }

package/src/steps/generation.tsx

@@ -2,14 +2,7 @@ import React, { useEffect, useState } from "react";
 import { Text } from "ink";
 import { ConfirmInput, Spinner } from "@inkjs/ui";
 import { GutterLine } from "../components/gutter-line.js";
-import {
-  scaffoldAll,
-  checkConflicts,
-  checkReleaseConflicts,
-  scaffoldRelease,
-  ensurePackageJsonReleaseScripts,
-} from "../lib/template.js";
-import { homeBinPath } from "../lib/fs.js";
+import { scaffoldAll, checkConflicts } from "../lib/template.js";
 import type { WizardAnswers } from "../lib/types.js";
 import { C } from "../theme.js";
 
@@ -28,40 +21,14 @@ const FILES_TO_GENERATE = [
 ];
 
 export default function Generation({ answers, onComplete }: Props) {
-  const [phase, setPhase] = useState<
-    "summary" | "running" | "done" | "error"
-  >("summary");
+  const [phase, setPhase] = useState<"summary" | "running" | "done" | "error">("summary");
   const [errorMsg, setErrorMsg] = useState("");
-  const [releaseResult, setReleaseResult] = useState("");
 
   useEffect(() => {
     if (phase !== "running") return;
 
     try {
-      const targetDir = process.cwd();
-      const projectName = answers.projectName || "untitled";
-
-      scaffoldAll(targetDir, answers);
-
-      // Release script scaffolding
-      const releaseRes = scaffoldRelease(projectName, answers);
-      const pkgRes = ensurePackageJsonReleaseScripts(targetDir, projectName);
-
-      const parts: string[] = [];
-      if (releaseRes.skipped) {
-        parts.push(`~/bin/${projectName}-release (skipped, ${releaseRes.reason})`);
-      } else {
-        parts.push(`~/bin/${projectName}-release (created)`);
-      }
-      if (pkgRes.skipped) {
-        parts.push("package.json release scripts (skipped, already present)");
-      } else if (pkgRes.modified) {
-        parts.push("package.json release scripts (added)");
-      } else if (pkgRes.created) {
-        parts.push("package.json (created with release scripts)");
-      }
-      setReleaseResult(parts.join(", "));
-
+      scaffoldAll(process.cwd(), answers);
       setPhase("done");
       const timer = setTimeout(() => onComplete({ generationSkipped: false }), 1500);
       return () => clearTimeout(timer);
@@ -71,38 +38,11 @@ export default function Generation({ answers, onComplete }: Props) {
     }
   }, [phase]);
 
-  function handleConfirm() {
-    setPhase("running");
-  }
-
-  function handleCancel() {
-    onComplete({ generationSkipped: true });
-  }
+  function handleConfirm() { setPhase("running"); }
+  function handleCancel() { onComplete({ generationSkipped: true }); }
 
   if (phase === "summary") {
-    const techParts: string[] = [];
-    if (answers.language) techParts.push(answers.language);
-    if (answers.framework) techParts.push(answers.framework);
-    const stack = techParts.length > 0 ? techParts.join(", ") : "N/A";
-
-    const pmAndLicense = [answers.packageManager, answers.license]
-      .filter(Boolean)
-      .join(", ");
-
     const conflicts = checkConflicts(process.cwd());
-    const projectName = answers.projectName || "untitled";
-    const releaseConflicts = checkReleaseConflicts(projectName, process.cwd());
-
-    const scriptDisplay = `~/bin/${projectName}-release`;
-    const scriptStatus = releaseConflicts.releaseScriptExists
-      ? "exists, will skip"
-      : "new";
-    const pkgStatus = releaseConflicts.packageJsonHasRelease
-      ? "has release scripts, will skip"
-      : releaseConflicts.packageJsonExists
-        ? "will add release scripts"
-        : "will create with release scripts";
-
     const codeStyleDisplay = answers.codeStyle.length > 0
       ? answers.codeStyle.join(", ")
       : "N/A";
@@ -114,9 +54,7 @@ export default function Generation({ answers, onComplete }: Props) {
           <Text bold color={C.sapphire}>Project Info</Text>
         </GutterLine>
         <GutterLine>
-          <Text>
-            {"  "}Name: <Text bold>{answers.projectName || "untitled"}</Text>
-          </Text>
+          <Text>  Name: <Text bold>{answers.projectName || "untitled"}</Text></Text>
         </GutterLine>
         <GutterLine>
           <Text>  Description: {answers.description || "N/A"}</Text>
@@ -126,9 +64,7 @@ export default function Generation({ answers, onComplete }: Props) {
         </GutterLine>
 
         {/* ── Stack & Style ── */}
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
+        <GutterLine><Text> </Text></GutterLine>
         <GutterLine>
           <Text bold color={C.sapphire}>Stack & Style</Text>
         </GutterLine>
@@ -140,9 +76,7 @@ export default function Generation({ answers, onComplete }: Props) {
         </GutterLine>
 
         {/* ── Build & Test ── */}
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
+        <GutterLine><Text> </Text></GutterLine>
         <GutterLine>
           <Text bold color={C.sapphire}>Build & Test</Text>
         </GutterLine>
@@ -151,21 +85,17 @@ export default function Generation({ answers, onComplete }: Props) {
         </GutterLine>
         {(answers.typecheckCommand || answers.lintCommand) && (
           <GutterLine>
-            <Text>
-              {"  "}Typecheck: {answers.typecheckCommand || "N/A"} | Lint: {answers.lintCommand || "N/A"}
-            </Text>
+            <Text>  Typecheck: {answers.typecheckCommand || "N/A"} | Lint: {answers.lintCommand || "N/A"}</Text>
           </GutterLine>
         )}
         {answers.prCommand && (
           <GutterLine>
-            <Text>  PR command: {answers.prCommand}</Text>
+            <Text>  PR: {answers.prCommand}</Text>
           </GutterLine>
         )}
 
         {/* ── Architecture ── */}
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
+        <GutterLine><Text> </Text></GutterLine>
         <GutterLine>
           <Text bold color={C.sapphire}>Architecture</Text>
         </GutterLine>
@@ -174,9 +104,7 @@ export default function Generation({ answers, onComplete }: Props) {
         </GutterLine>
 
         {/* ── Product Context ── */}
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
+        <GutterLine><Text> </Text></GutterLine>
         <GutterLine>
           <Text bold color={C.sapphire}>Product Context</Text>
         </GutterLine>
@@ -201,9 +129,7 @@ export default function Generation({ answers, onComplete }: Props) {
         )}
 
         {/* ── Files ── */}
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
+        <GutterLine><Text> </Text></GutterLine>
         <GutterLine>
           <Text bold color={C.sapphire}>Files to generate</Text>
         </GutterLine>
@@ -212,30 +138,12 @@ export default function Generation({ answers, onComplete }: Props) {
         </GutterLine>
         {conflicts.length > 0 && (
           <GutterLine>
-            <Text color={C.peach}>
-              {"  ⚠ Will overwrite: "}{conflicts.join(", ")}
-            </Text>
+            <Text color={C.peach}>  ⚠ Will overwrite: {conflicts.join(", ")}</Text>
           </GutterLine>
         )}
 
-        {/* ── Release ── */}
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
-        <GutterLine>
-          <Text bold color={C.sapphire}>Release setup</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text>  {scriptDisplay} → {scriptStatus}</Text>
-        </GutterLine>
-        <GutterLine>
-          <Text>  package.json → {pkgStatus}</Text>
-        </GutterLine>
-
         {/* ── Confirm ── */}
-        <GutterLine>
-          <Text> </Text>
-        </GutterLine>
+        <GutterLine><Text> </Text></GutterLine>
         <GutterLine>
           <Text>Proceed? </Text>
           <ConfirmInput onConfirm={handleConfirm} onCancel={handleCancel} />
@@ -261,15 +169,8 @@ export default function Generation({ answers, onComplete }: Props) {
   }
 
   return (
-    <>
-      <GutterLine>
-        <Text color={C.green}>All project files generated successfully.</Text>
-      </GutterLine>
-      {releaseResult && (
-        <GutterLine>
-          <Text color={C.green}>Release: {releaseResult}</Text>
-        </GutterLine>
-      )}
-    </>
+    <GutterLine>
+      <Text color={C.green}>All project files generated successfully.</Text>
+    </GutterLine>
   );
 }

package/src/steps/powerline.tsx

@@ -4,6 +4,7 @@ import { ConfirmInput, Spinner } from "@inkjs/ui";
 import { GutterLine } from "../components/gutter-line.js";
 import { setupPowerline } from "../lib/powerline.js";
 import { initGit } from "../lib/git.js";
+import { scaffoldRelease, ensurePackageJsonReleaseScripts } from "../lib/template.js";
 import type { WizardAnswers } from "../lib/types.js";
 import { C } from "../theme.js";
 
@@ -15,6 +16,7 @@ interface Props {
 type Phase =
   | "ask-powerline"
   | "ask-git"
+  | "ask-release"
   | "running"
   | "done"
   | "error";
@@ -22,59 +24,84 @@ type Phase =
 interface SetupResult {
   gitCommitted?: boolean;
   gitWarning?: string;
+  releaseCreated?: boolean;
+  releaseSkipped?: boolean;
+  pkgModified?: boolean;
+  pkgCreated?: boolean;
 }
 
 export default function Powerline({ answers, onComplete }: Props) {
   const [phase, setPhase] = useState<Phase>("ask-powerline");
   const [wantPowerline, setWantPowerline] = useState(false);
   const [wantGit, setWantGit] = useState(false);
+  const [wantRelease, setWantRelease] = useState(false);
   const [errorMsg, setErrorMsg] = useState("");
   const [setupResult, setSetupResult] = useState<SetupResult>({});
 
-  function runSetup(powerline: boolean, git: boolean) {
+  function runSetup(powerline: boolean, git: boolean, release: boolean) {
     setPhase("running");
     try {
       const targetDir = process.cwd();
-      if (powerline) {
-        setupPowerline(targetDir);
-      }
+      const projectName = answers.projectName || "untitled";
+      const result: SetupResult = {};
+
+      if (powerline) setupPowerline(targetDir);
+
       if (git) {
         const gitResult = initGit(targetDir);
-        setSetupResult({
-          gitCommitted: gitResult.committed,
-          gitWarning: gitResult.committed ? undefined : gitResult.reason,
-        });
+        result.gitCommitted = gitResult.committed;
+        result.gitWarning = gitResult.committed ? undefined : gitResult.reason;
       }
+
+      if (release) {
+        const releaseRes = scaffoldRelease(projectName, answers);
+        const pkgRes = ensurePackageJsonReleaseScripts(targetDir, projectName);
+        result.releaseCreated = !releaseRes.skipped;
+        result.releaseSkipped = releaseRes.skipped;
+        result.pkgModified = pkgRes.modified;
+        result.pkgCreated = pkgRes.created;
+      }
+
+      setSetupResult(result);
       setPhase("done");
-      setTimeout(() => onComplete({ setupPowerline: powerline, setupGit: git }), 1000);
+      setTimeout(() => onComplete({ setupPowerline: powerline, setupGit: git, setupRelease: release }), 1000);
     } catch (err) {
       setPhase("error");
       setErrorMsg(err instanceof Error ? err.message : String(err));
     }
   }
 
+  // ── Ask: Powerline ──────────────────────────────────────────────────────────
   if (phase === "ask-powerline") {
     return (
       <>
         <GutterLine>
-          <Text bold>Setup Claude Powerline status bar?</Text>
+          <Text bold>Claude Powerline</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text color={C.overlay1}>Adds a live status bar to Claude Code showing: git branch,</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text color={C.overlay1}>context usage %, session cost, and active tools.</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text color={C.overlay1}>Runs via npx on each session — no global install needed.</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text> </Text>
         </GutterLine>
         <GutterLine>
+          <Text bold>Set up Powerline? </Text>
           <ConfirmInput
-            onConfirm={() => {
-              setWantPowerline(true);
-              setPhase("ask-git");
-            }}
-            onCancel={() => {
-              setWantPowerline(false);
-              setPhase("ask-git");
-            }}
+            onConfirm={() => { setWantPowerline(true); setPhase("ask-git"); }}
+            onCancel={() => { setWantPowerline(false); setPhase("ask-git"); }}
           />
         </GutterLine>
       </>
     );
   }
 
+  // ── Ask: Git ────────────────────────────────────────────────────────────────
   if (phase === "ask-git") {
     return (
       <>
@@ -84,24 +111,73 @@ export default function Powerline({ answers, onComplete }: Props) {
           </GutterLine>
         )}
         <GutterLine>
-          <Text bold>Initialize git repository?</Text>
+          <Text bold>Git repository</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text color={C.overlay1}>Runs git init and makes an initial commit with the generated</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text color={C.overlay1}>files — clean starting point for your project history.</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text> </Text>
+        </GutterLine>
+        <GutterLine>
+          <Text bold>Initialize git repo? </Text>
+          <ConfirmInput
+            onConfirm={() => { setWantGit(true); setPhase("ask-release"); }}
+            onCancel={() => { setWantGit(false); setPhase("ask-release"); }}
+          />
+        </GutterLine>
+      </>
+    );
+  }
+
+  // ── Ask: Release scripts ────────────────────────────────────────────────────
+  if (phase === "ask-release") {
+    const projectName = answers.projectName || "untitled";
+    return (
+      <>
+        {wantPowerline && (
+          <GutterLine>
+            <Text color={C.overlay1}>Powerline: yes</Text>
+          </GutterLine>
+        )}
+        {wantGit && (
+          <GutterLine>
+            <Text color={C.overlay1}>Git: yes</Text>
+          </GutterLine>
+        )}
+        <GutterLine>
+          <Text bold>npm release scripts</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text color={C.overlay1}>Creates ~/bin/{projectName}-release and adds release:patch /</Text>
         </GutterLine>
         <GutterLine>
+          <Text color={C.overlay1}>minor / major scripts to package.json. One command to build,</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text color={C.overlay1}>version-bump, push tags, and publish to npm.</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text color={C.overlay1}>Requires: npm login. Best for packages published to npm.</Text>
+        </GutterLine>
+        <GutterLine>
+          <Text> </Text>
+        </GutterLine>
+        <GutterLine>
+          <Text bold>Set up release scripts? </Text>
           <ConfirmInput
-            onConfirm={() => {
-              setWantGit(true);
-              runSetup(wantPowerline, true);
-            }}
-            onCancel={() => {
-              setWantGit(false);
-              runSetup(wantPowerline, false);
-            }}
+            onConfirm={() => { setWantRelease(true); runSetup(wantPowerline, wantGit, true); }}
+            onCancel={() => { setWantRelease(false); runSetup(wantPowerline, wantGit, false); }}
           />
         </GutterLine>
       </>
     );
   }
 
+  // ── Running ─────────────────────────────────────────────────────────────────
   if (phase === "running") {
     return (
       <GutterLine>
@@ -110,6 +186,7 @@ export default function Powerline({ answers, onComplete }: Props) {
     );
   }
 
+  // ── Error ───────────────────────────────────────────────────────────────────
   if (phase === "error") {
     return (
       <GutterLine>
@@ -118,6 +195,7 @@ export default function Powerline({ answers, onComplete }: Props) {
     );
   }
 
+  // ── Done ────────────────────────────────────────────────────────────────────
   return (
     <>
       {wantPowerline && (
@@ -135,15 +213,25 @@ export default function Powerline({ answers, onComplete }: Props) {
           <Text color={C.peach}>{"⚠ Git: "}{setupResult.gitWarning}</Text>
         </GutterLine>
       )}
-      {!wantPowerline && !wantGit && (
+      {wantRelease && setupResult.releaseCreated && (
+        <GutterLine>
+          <Text color={C.green}>
+            Release script created.{setupResult.pkgModified ? " package.json updated." : setupResult.pkgCreated ? " package.json created." : ""}
+          </Text>
+        </GutterLine>
+      )}
+      {wantRelease && setupResult.releaseSkipped && (
+        <GutterLine>
+          <Text color={C.overlay1}>Release script already exists — skipped.</Text>
+        </GutterLine>
+      )}
+      {!wantPowerline && !wantGit && !wantRelease && (
         <GutterLine>
-          <Text color={C.overlay1}>No extras setup.</Text>
+          <Text color={C.overlay1}>No extras configured.</Text>
         </GutterLine>
       )}
       <GutterLine>
-        <Text color={C.green} bold>
-          Setup complete!
-        </Text>
+        <Text color={C.green} bold>Setup complete!</Text>
       </GutterLine>
     </>
   );