kiro-kit 0.3.5 → 0.3.7

package/README.md

@@ -16,7 +16,7 @@
 npx kiro-kit init
 ```
 
-Pick from 6 curated presets, confirm, and your `.kiro/` workspace is ready. Agents, skills, commands, hooks, workflows, MCP servers, statusline, and spec templates — all configured and bundled in the install.
+Pick from 6 curated presets with an interactive selector — arrow keys to move, Enter to select, Enter again to confirm. Your `.kiro/` workspace is ready with agents, skills, commands, hooks, MCP servers, Powers recommendations, and spec templates.
 
 ```bash
 # or install globally
@@ -70,6 +70,17 @@ Every preset ships **self-contained**: agents, skills, commands, cross-platform
 --json                 Machine-readable output (list, info)
 ```
 
+## CLI Experience
+
+The `kiro-kit init` command features a polished terminal UI:
+
+- Purple gradient ASCII logo (figlet Slant font)
+- Interactive preset selector with arrow keys, Enter to select, Enter x2 to confirm
+- Live selected count indicator
+- Task progress list with spinners
+- Success summary box with file counts and next steps
+- Graceful fallback for CI/non-TTY environments
+
 ## Kiro Powers Integration
 
 Each preset recommends curated [Kiro Powers](https://kiro.dev/powers/) from the marketplace, organized by priority:

package/dist/index.js

@@ -11899,13 +11899,20 @@ function loadTerminalLink() {
 
 // src/ui/theme.ts
 var DEFAULT_PALETTE = {
-  primary: "#a970ff",
-  secondary: "#8bd5ff",
-  muted: "#6f6a7c",
-  text: "#f4f1ff",
-  danger: "#ff5c8a",
-  success: "#22c55e",
-  warn: "#f5b042"
+  primary: "#c084fc",
+  // violet-400 — bright purple
+  secondary: "#818cf8",
+  // indigo-400 — purple-blue
+  muted: "#7c6f9f",
+  // muted purple-gray
+  text: "#f5f3ff",
+  // near-white with purple tint
+  danger: "#f472b6",
+  // pink-400
+  success: "#34d399",
+  // emerald-400
+  warn: "#fbbf24"
+  // amber-400
 };
 var HEX_REGEX = /^#[0-9a-fA-F]{6}$/;
 function validatePalette(palette) {
@@ -11993,7 +12000,7 @@ async function createTheme(capability, palette) {
     return `${label} (${url})`;
   };
   return {
-    logoGradient: [merged.primary, merged.secondary],
+    logoGradient: [merged.primary, "#a78bfa", merged.secondary, "#f472b6"],
     heading: headingFn,
     command: commandFn,
     flag: flagFn,
@@ -12014,17 +12021,15 @@ function createLogoSync(capability, theme, figlet, gradient) {
     let line = text;
     if (version) line += ` v${version}`;
     line = theme.heading(line);
-    if (subtitle) {
-      line += `
+    if (subtitle) line += `
 ${theme.muted(subtitle)}`;
-    }
     return line;
   }
   function render(opts) {
-    const text = opts.text ?? "kiro-kit";
-    const font = opts.font ?? "ANSI Shadow";
+    const font = opts.font ?? "Slant";
     const subtitle = opts.subtitle ?? "";
     const version = opts.version ?? "";
+    const text = opts.text ?? "kiro-kit";
     if (capability.columns < 60 || !capability.unicode || figlet === null) {
       return renderCompact(opts);
     }
@@ -12049,9 +12054,7 @@ ${theme.muted(subtitle)}`;
     }
     if (subtitle || version) {
       let tagline = subtitle;
-      if (version) {
-        tagline += (subtitle ? "  " : "") + `v${version}`;
-      }
+      if (version) tagline += (subtitle ? "  " : "") + `v${version}`;
       body += `
 ${theme.muted(tagline)}`;
     }
@@ -12070,11 +12073,16 @@ async function createLogo(capability, theme) {
 
 // src/ui/ThemedBox.ts
 var VARIANT_HEX = {
-  info: "#a970ff",
-  tip: "#8bd5ff",
-  success: "#22c55e",
-  warn: "#f5b042",
-  error: "#ff5c8a"
+  info: "#c084fc",
+  // violet-400
+  tip: "#818cf8",
+  // indigo-400
+  success: "#34d399",
+  // emerald-400
+  warn: "#fbbf24",
+  // amber-400
+  error: "#f472b6"
+  // pink-400
 };
 function drawAsciiBox(content, title, width, padding, colorBorder) {
   const innerWidth = width - 2;
@@ -12190,55 +12198,60 @@ async function createInitScreens(ctx) {
     createThemedBox(capability, theme)
   ]);
   function welcome(data) {
+    const cols = capability.columns ?? 80;
     const logoStr = logo.render({
       text: "kiro-kit",
-      font: "ANSI Shadow",
+      font: "Slant",
       version: data.cliVersion,
       subtitle: "Engineer-grade Kiro presets"
     });
     process.stdout.write(logoStr + "\n");
-    process.stdout.write("\n");
-    const tipBox = box.render(data.tipText, {
-      title: "Did you know?",
-      variant: "tip"
-    });
-    process.stdout.write(tipBox + "\n");
-    process.stdout.write("\n");
-    process.stdout.write(theme.heading("Available commands:") + "\n");
+    const sep = capability.color ? "\x1B[38;2;124;111;159m" + "\u2500".repeat(Math.min(cols - 2, 72)) + "\x1B[0m" : "\u2500".repeat(Math.min(cols - 2, 72));
+    process.stdout.write(sep + "\n\n");
+    process.stdout.write(theme.heading("Commands") + "\n");
+    const icons = {
+      init: "\u25B6",
+      add: "+",
+      list: "\u2261",
+      doctor: "\u2665"
+    };
     for (const cmd of data.commands) {
-      const paddedName = theme.command(cmd.name.padEnd(20));
+      const icon = capability.color ? "\x1B[38;2;192;132;252m" + (icons[cmd.name] ?? "\u25CF") + "\x1B[0m" : icons[cmd.name] ?? "-";
+      const paddedName = theme.command(cmd.name.padEnd(10));
       const desc = theme.muted(cmd.description);
-      process.stdout.write(`  ${paddedName}${desc}
+      process.stdout.write(`  ${icon}  ${paddedName}  ${desc}
 `);
     }
     process.stdout.write("\n");
   }
   function summary(data) {
     const lines = [];
+    const check = capability.color ? "\x1B[38;2;52;211;153m\u2714\x1B[0m" : "[ok]";
+    const bullet = capability.color ? "\x1B[38;2;192;132;252m\u2022\x1B[0m" : "-";
     lines.push(
-      `${theme.success(String(data.filesWritten))} files written, ${theme.muted(String(data.filesSkipped))} skipped`
+      `${check}  ${theme.success(String(data.filesWritten))} files written` + (data.filesSkipped > 0 ? `, ${theme.muted(String(data.filesSkipped) + " skipped")}` : "")
     );
-    lines.push(`Presets: ${theme.command(data.presets.join(", "))}`);
+    lines.push(`${bullet}  Presets: ${theme.command(data.presets.join(", "))}`);
     if (data.setupGuidePath !== void 0) {
       const safePath = sanitizePath(data.setupGuidePath);
-      lines.push(`Setup guide: ${theme.pathStyle(safePath)}`);
+      lines.push(`${bullet}  Setup guide: ${theme.pathStyle(safePath)}`);
     }
     if (data.envExamplePath !== void 0) {
       const safePath = sanitizePath(data.envExamplePath);
-      lines.push(`Env template: ${theme.pathStyle(safePath)}`);
+      lines.push(`${bullet}  Env template: ${theme.pathStyle(safePath)}`);
     }
     if (data.nextSteps.length > 0) {
       lines.push("");
       lines.push(theme.heading("Next steps:"));
       for (const step of data.nextSteps) {
-        lines.push(`  ${theme.muted("\u2022")} ${step}`);
+        lines.push(`  ${bullet}  ${step}`);
       }
     }
     lines.push("");
-    lines.push(theme.link("Docs", data.docsUrl));
+    lines.push(`  ${theme.muted("Docs:")} ${theme.link("github.com/ihatesea69/kiro-kit", data.docsUrl)}`);
     const content = lines.join("\n");
     const successBox = box.render(content, {
-      title: "Done!",
+      title: " Done! ",
       variant: "success"
     });
     process.stdout.write("\n" + successBox + "\n");
@@ -12274,10 +12287,72 @@ async function createPrompt(capability, theme) {
     if (!process.stdin.readable) {
       return [];
     }
+    let rawModeWorks = false;
+    try {
+      process.stdin.setRawMode(true);
+      process.stdin.setRawMode(false);
+      rawModeWorks = true;
+    } catch {
+      rawModeWorks = false;
+    }
+    if (rawModeWorks) {
+      return multiPickRaw(items);
+    } else {
+      return multiPickLineMode(items);
+    }
+  }
+  async function multiPickLineMode(items) {
+    return new Promise((resolve2, reject) => {
+      process.stdout.write("\n? Select presets to install (enter numbers separated by commas):\n\n");
+      items.forEach((item, i) => {
+        const num = String(i + 1).padStart(2);
+        const name = item.name.padEnd(12);
+        process.stdout.write(`  ${num}. ${name} - ${item.description}
+`);
+      });
+      process.stdout.write("\nExample: 1,3 or 1-3 or all\n");
+      process.stdout.write("Choice: ");
+      const rl = readline2.createInterface({
+        input: process.stdin,
+        output: process.stdout,
+        terminal: false
+      });
+      rl.once("line", (answer) => {
+        rl.close();
+        const a = answer.trim().toLowerCase();
+        if (a === "all" || a === "a") {
+          resolve2(items.map((item) => item.name));
+          return;
+        }
+        const indices = /* @__PURE__ */ new Set();
+        for (const part of a.split(",")) {
+          const range = part.trim().split("-");
+          if (range.length === 2) {
+            const start = parseInt(range[0], 10);
+            const end = parseInt(range[1], 10);
+            if (!isNaN(start) && !isNaN(end)) {
+              for (let i = start; i <= end; i++) indices.add(i - 1);
+            }
+          } else {
+            const n = parseInt(part.trim(), 10);
+            if (!isNaN(n)) indices.add(n - 1);
+          }
+        }
+        const selected = [...indices].filter((i) => i >= 0 && i < items.length).map((i) => items[i].name);
+        resolve2(selected);
+      });
+      rl.on("SIGINT", () => {
+        rl.close();
+        reject(new Error("SIGINT"));
+      });
+    });
+  }
+  async function multiPickRaw(items) {
     return new Promise((resolve2, reject) => {
       const selected = /* @__PURE__ */ new Set();
       let cursor = 0;
       let lineCount = 0;
+      let lastEnterCursor = -1;
       const cols = process.stdout.columns ?? 80;
       const maxDescWidth = Math.max(0, cols - 23);
       const render = () => {
@@ -12286,8 +12361,14 @@ async function createPrompt(capability, theme) {
         }
         const lines = [];
         const heading = capability.color ? theme.heading("? Select presets to install:") : "? Select presets to install:";
-        const hint = capability.color ? theme.muted(" (Space to select, <a> toggle all, Enter to confirm)") : " (Space to select, <a> toggle all, Enter to confirm)";
+        const hint = capability.color ? theme.muted(" (Up/Down: move  Enter: select  A: all  Enter x2: confirm)") : " (Up/Down: move  Enter: select  A: all  Enter x2: confirm)";
         lines.push(heading + hint);
+        if (selected.size > 0) {
+          const countLine = capability.color ? "  " + theme.success(`${selected.size} selected`) + theme.muted(" \u2014 press Enter again to confirm") : `  ${selected.size} selected \u2014 press Enter again to confirm`;
+          lines.push(countLine);
+        } else {
+          lines.push(capability.color ? theme.muted("  No presets selected yet") : "  No presets selected yet");
+        }
         for (let i = 0; i < items.length; i++) {
           const marker = cursor === i ? capability.color ? theme.command(">") : ">" : " ";
           const check = selected.has(i) ? capability.color ? "\x1B[32m[x]\x1B[0m" : "[x]" : "[ ]";
@@ -12324,11 +12405,13 @@ async function createPrompt(capability, theme) {
       const handleArrow = (seq) => {
         if (seq === "\x1B[A" || seq === "\x1BOA") {
           cursor = (cursor - 1 + items.length) % items.length;
+          lastEnterCursor = -1;
           render();
           return true;
         }
         if (seq === "\x1B[B" || seq === "\x1BOB") {
           cursor = (cursor + 1) % items.length;
+          lastEnterCursor = -1;
           render();
           return true;
         }
@@ -12361,14 +12444,25 @@ async function createPrompt(capability, theme) {
           return;
         }
         if (key === "\r" || key === "\n" || key === "\r\n") {
-          cleanup();
-          process.stdout.write("\n");
-          resolve2([...selected].map((i) => items[i].name));
+          if (lastEnterCursor === cursor && selected.size > 0) {
+            cleanup();
+            process.stdout.write("\n");
+            resolve2([...selected].map((i) => items[i].name));
+            return;
+          }
+          if (selected.has(cursor)) {
+            selected.delete(cursor);
+          } else {
+            selected.add(cursor);
+          }
+          lastEnterCursor = cursor;
+          render();
           return;
         }
         if (key === " ") {
           if (selected.has(cursor)) selected.delete(cursor);
           else selected.add(cursor);
+          lastEnterCursor = -1;
           render();
           return;
         }