prdforge-cli 0.1.0 → 0.2.0

package/src/ui/StageIndicator.js

@@ -1,40 +1,71 @@
 import React from "react";
-import { Text } from "ink";
+import { Box, Text } from "ink";
 import Spinner from "ink-spinner";
 import { theme } from "./theme.js";
 
 /**
- * Renders a single stage row with a status indicator.
+ * Renders a single stage row with a status indicator and optional content preview.
  *
- * @param {{ label: string, status: "pending"|"active"|"done"|"stale" }} props
+ * @param {{ label: string, status: "pending"|"active"|"streaming"|"done"|"stale", preview?: string }} props
  */
-export function StageIndicator({ label, status }) {
+export function StageIndicator({ label, status, preview }) {
+  let indicator;
+
   if (status === "active") {
-    return React.createElement(
+    indicator = React.createElement(
       Text,
       null,
       React.createElement(Spinner, { type: "dots" }),
       " ",
       React.createElement(Text, { color: theme.white }, label)
     );
+  } else if (status === "streaming") {
+    indicator = React.createElement(
+      Text,
+      null,
+      React.createElement(Spinner, { type: "dots", color: theme.streaming }),
+      " ",
+      React.createElement(Text, { color: theme.streaming }, label)
+    );
+  } else {
+    const dot   = status === "done"  ? "✓"
+                : status === "stale" ? "⚠"
+                : "●";
+    const color = status === "done"  ? theme.success
+                : status === "stale" ? theme.warning
+                : theme.dim;
+
+    indicator = React.createElement(
+      Text,
+      null,
+      React.createElement(Text, { color }, dot),
+      " ",
+      React.createElement(
+        Text,
+        { color: status === "pending" ? theme.dim : theme.white },
+        label
+      )
+    );
   }
 
-  const dot   = status === "done"  ? "✓"
-              : status === "stale" ? "⚠"
-              : "●";
-  const color = status === "done"  ? theme.success
-              : status === "stale" ? theme.warning
-              : theme.dim;
+  if (!preview || status === "pending" || status === "done") {
+    return indicator;
+  }
+
+  // Show first line of preview text below the stage label while streaming
+  const firstLine = preview.split("\n").find((l) => l.trim()) ?? "";
+  const clipped = firstLine.length > 72 ? firstLine.slice(0, 72) + "…" : firstLine;
 
   return React.createElement(
-    Text,
-    null,
-    React.createElement(Text, { color }, dot),
-    " ",
-    React.createElement(
-      Text,
-      { color: status === "pending" ? theme.dim : theme.white },
-      label
-    )
+    Box,
+    { flexDirection: "column" },
+    indicator,
+    clipped
+      ? React.createElement(
+          Box,
+          { marginLeft: 3 },
+          React.createElement(Text, { color: theme.dim }, clipped)
+        )
+      : null
   );
 }

package/src/ui/theme.js

@@ -4,8 +4,10 @@ export const theme = {
   success: "#22C55E",   // green checkmark / done
   warning: "#F97316",   // orange stale
   error:   "#EF4444",   // red
-  dim:     "#6B7280",   // grey inactive
-  white:   "#F1F5F9",   // near-white text
+  dim:       "#6B7280",   // grey inactive
+  white:     "#F1F5F9",   // near-white text
+  streaming: "#818CF8",   // indigo — active SSE streaming stage
+  accent:    "#38BDF8",   // sky blue — REPL input bar border
 
   // The 8 completion stages (overview + versions not counted)
   stages: [

package/src/utils/debug.js

@@ -0,0 +1,7 @@
+export const isDebug = () => !!process.env.PRDFORGE_DEBUG || !!global.__prdforgeDebug;
+
+export const debugLog = (label, data) => {
+  if (!isDebug()) return;
+  const msg = typeof data === "object" ? JSON.stringify(data) : data;
+  process.stderr.write(`[DEBUG ${label}] ${msg}\n`);
+};

package/src/utils/logo.js

@@ -0,0 +1,18 @@
+import figlet from "figlet";
+
+export function printWelcome() {
+  const narrow = !process.stdout.columns || process.stdout.columns < 60;
+
+  if (!narrow) {
+    const art = figlet.textSync("PRDForge", { font: "Slant" });
+    process.stdout.write(`\n\x1b[1m\x1b[36m${art}\x1b[0m\n`);
+  } else {
+    process.stdout.write(`\n\x1b[1m\x1b[36m  PRDForge CLI\x1b[0m\n`);
+  }
+
+  process.stdout.write(`  \x1b[90mThe planning layer for AI-first development\x1b[0m\n\n`);
+  process.stdout.write(`  \x1b[2mGet started:\x1b[0m\n`);
+  process.stdout.write(`  \x1b[36mprdforge auth signup\x1b[0m   — create a free account\n`);
+  process.stdout.write(`  \x1b[36mprdforge auth login\x1b[0m    — sign in to an existing account\n`);
+  process.stdout.write(`  \x1b[36mprdforge --help\x1b[0m        — see all commands\n\n`);
+}