@algolia/wizard 0.61.0 → 0.62.0

package/dist/main.js

@@ -4,7 +4,7 @@
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { Box as Box20, Text as Text21, useApp, useInput as useInput8, useWindowSize as useWindowSize7 } from "ink";
+import { Box as Box20, Text as Text21, useApp, useInput as useInput9, useWindowSize as useWindowSize7 } from "ink";
 import Spinner3 from "ink-spinner";
 
 // src/core/store.ts
@@ -651,12 +651,13 @@ function Notices({
 }
 
 // src/ui/PromptInput.tsx
-import { Box as Box9, Text as Text10 } from "ink";
+import { Box as Box10, Text as Text11 } from "ink";
 import Spinner from "ink-spinner";
-import { useState as useState7 } from "react";
+import { useState as useState9 } from "react";
 
 // src/ui/CommandApproval.tsx
-import { Box as Box6, Text as Text6 } from "ink";
+import { Box as Box8, Text as Text8, useInput as useInput3 } from "ink";
+import { useLayoutEffect as useLayoutEffect3, useState as useState6 } from "react";
 
 // src/ui/DecisionSelect.tsx
 import { Box as Box5, Text as Text5, useInput } from "ink";
@@ -707,13 +708,14 @@ function SelectRow({
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function DecisionSelect({
   actions,
-  onDecide
+  onDecide,
+  extraHints = []
 }) {
   const [index, setIndex] = useState3(0);
-  useInput((input, key) => {
-    if (key.upArrow || input === "k") {
+  useInput((_input, key) => {
+    if (key.upArrow) {
       setIndex((i) => (i - 1 + actions.length) % actions.length);
-    } else if (key.downArrow || input === "j") {
+    } else if (key.downArrow) {
       setIndex((i) => (i + 1) % actions.length);
     } else if (key.return) {
       onDecide(actions[index].value);
@@ -732,6 +734,13 @@ function DecisionSelect({
       action.label
     )) }),
     /* @__PURE__ */ jsxs4(Box5, { gap: 2, children: [
+      extraHints.map(({ key, label }) => /* @__PURE__ */ jsxs4(Text5, { children: [
+        /* @__PURE__ */ jsx4(Text5, { color: COLORS.primary, children: key }),
+        /* @__PURE__ */ jsxs4(Text5, { color: COLORS.dim, children: [
+          " ",
+          label
+        ] })
+      ] }, label)),
       /* @__PURE__ */ jsxs4(Text5, { children: [
         /* @__PURE__ */ jsx4(Text5, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
         /* @__PURE__ */ jsx4(Text5, { color: COLORS.dim, children: " move" })
@@ -744,112 +753,14 @@ function DecisionSelect({
   ] });
 }
 
-// src/ui/CommandApproval.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function CommandApproval({
-  command,
-  messages,
-  onDecide
-}) {
-  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", gap: 1, children: [
-    messages?.map((message, index) => /* @__PURE__ */ jsx5(Text6, { color: COLORS.muted, children: message }, `msg-${index}`)),
-    /* @__PURE__ */ jsx5(Text6, { color: COLORS.primary, bold: true, children: "Run this command?" }),
-    /* @__PURE__ */ jsxs5(
-      Box6,
-      {
-        flexDirection: "column",
-        paddingLeft: 2,
-        borderStyle: "single",
-        borderColor: COLORS.success,
-        borderTop: false,
-        borderBottom: false,
-        borderRight: false,
-        gap: 1,
-        children: [
-          /* @__PURE__ */ jsxs5(Box6, { children: [
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.muted, children: "$ " }),
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.strong, wrap: "wrap", children: command.command })
-          ] }),
-          /* @__PURE__ */ jsxs5(Box6, { gap: 1, children: [
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.muted, children: "in:" }),
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.muted, wrap: "wrap", children: command.cwd })
-          ] }),
-          command.explanation && /* @__PURE__ */ jsxs5(Box6, { gap: 1, children: [
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.muted, children: "why:" }),
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.accent, wrap: "wrap", children: command.explanation })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      DecisionSelect,
-      {
-        actions: [
-          { label: "approve", value: "approve" },
-          { label: "reject", value: "reject" }
-        ],
-        onDecide
-      }
-    )
-  ] });
-}
-
-// src/ui/FreeTextInput.tsx
-import { Text as Text7, useInput as useInput2 } from "ink";
-import { useState as useState4 } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function FreeTextInput({
-  value,
-  onChange,
-  onSubmit
-}) {
-  const [cursor, setCursor] = useState4(value.length);
-  const at = Math.min(cursor, value.length);
-  useInput2((input, key) => {
-    if (key.upArrow || key.downArrow || key.tab || key.ctrl && input === "c") {
-      return;
-    }
-    if (key.return) {
-      onSubmit(value);
-      return;
-    }
-    if (key.leftArrow) {
-      setCursor(Math.max(0, at - 1));
-      return;
-    }
-    if (key.rightArrow) {
-      setCursor(Math.min(value.length, at + 1));
-      return;
-    }
-    if (key.backspace || key.delete) {
-      if (at === 0) return;
-      onChange(value.slice(0, at - 1) + value.slice(at));
-      setCursor(at - 1);
-      return;
-    }
-    if (input) {
-      onChange(value.slice(0, at) + input + value.slice(at));
-      setCursor(at + input.length);
-    }
-  });
-  const before = value.slice(0, at);
-  const current = value.slice(at, at + 1) || " ";
-  const after = value.slice(at + 1);
-  return /* @__PURE__ */ jsxs6(Text7, { color: COLORS.strong, children: [
-    before,
-    /* @__PURE__ */ jsx6(Text7, { inverse: true, children: current }),
-    after
-  ] });
-}
-
-// src/ui/SelectPrompt.tsx
-import { Box as Box8, Text as Text9, useInput as useInput3, useWindowSize as useWindowSize4 } from "ink";
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef3, useState as useState6 } from "react";
+// src/ui/Review.tsx
+import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
+import { useLayoutEffect as useLayoutEffect2, useState as useState5 } from "react";
 
 // src/ui/ScrollView.tsx
-import { Box as Box7, Text as Text8, measureElement as measureElement2, useWindowSize as useWindowSize3 } from "ink";
-import { useCallback, useLayoutEffect, useRef as useRef2, useState as useState5 } from "react";
-import { jsxs as jsxs7 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text6, measureElement as measureElement2, useWindowSize as useWindowSize3 } from "ink";
+import { useCallback, useLayoutEffect, useRef as useRef2, useState as useState4 } from "react";
+import { jsxs as jsxs5 } from "react/jsx-runtime";
 var INDICATOR_ROWS = 2;
 function fittedWidth(node, columns) {
   let left = 0;
@@ -865,7 +776,7 @@ function useScrollWindow({
 }) {
   const viewportRef = useRef2(null);
   const { columns } = useWindowSize3();
-  const [size, setSize] = useState5(
+  const [size, setSize] = useState4(
     null
   );
   useLayoutEffect(() => {
@@ -878,7 +789,7 @@ function useScrollWindow({
   });
   const capacity = size === null || itemCount * rowHeight <= size.height ? itemCount : Math.max(Math.floor((size.height - INDICATOR_ROWS) / rowHeight), 1);
   const maxOffset = Math.max(itemCount - capacity, 0);
-  const [offset, setOffset] = useState5(0);
+  const [offset, setOffset] = useState4(0);
   const prevMaxOffsetRef = useRef2(0);
   useLayoutEffect(() => {
     const wasAtBottom = offset >= prevMaxOffsetRef.current;
@@ -920,14 +831,14 @@ function useScrollWindow({
   };
 }
 function ScrollView({ scroll, children }) {
-  return /* @__PURE__ */ jsxs7(Box7, { ref: scroll.viewportRef, flexDirection: "column", flexGrow: 1, children: [
-    scroll.hiddenAbove > 0 && /* @__PURE__ */ jsxs7(Text8, { color: COLORS.dim, children: [
+  return /* @__PURE__ */ jsxs5(Box6, { ref: scroll.viewportRef, flexDirection: "column", flexGrow: 1, children: [
+    scroll.hiddenAbove > 0 && /* @__PURE__ */ jsxs5(Text6, { color: COLORS.dim, children: [
       "\u2191 ",
       scroll.hiddenAbove,
       " more"
     ] }),
     children,
-    scroll.hiddenBelow > 0 && /* @__PURE__ */ jsxs7(Text8, { color: COLORS.dim, children: [
+    scroll.hiddenBelow > 0 && /* @__PURE__ */ jsxs5(Text6, { color: COLORS.dim, children: [
       "\u2193 ",
       scroll.hiddenBelow,
       " more"
@@ -935,8 +846,285 @@ function ScrollView({ scroll, children }) {
   ] });
 }
 
-// src/ui/SelectPrompt.tsx
+// src/ui/Review.tsx
+import { jsx as jsx5, jsxs as jsxs6 } from "react/jsx-runtime";
+var INGEST_SCRIPT = ".algolia-wizard/ingest.sh";
+function wrapText(text, width) {
+  if (width <= 0) return [text];
+  const lines = [];
+  let line = "";
+  for (const word of text.split(/\s+/).filter(Boolean)) {
+    const candidate = line ? `${line} ${word}` : word;
+    if (candidate.length <= width) {
+      line = candidate;
+      continue;
+    }
+    if (line) lines.push(line);
+    let rest = word;
+    while (rest.length > width) {
+      lines.push(rest.slice(0, width));
+      rest = rest.slice(width);
+    }
+    line = rest;
+  }
+  if (line) lines.push(line);
+  return lines.length > 0 ? lines : [""];
+}
+function heading(text) {
+  return { prefix: "", text, color: COLORS.strong, bold: true };
+}
+var BLANK = { prefix: "", text: " ", color: COLORS.dim };
+function itemRows(items, width, prefixFor, colorFor) {
+  return items.flatMap((item, i) => {
+    const { prefix, color: prefixColor } = prefixFor(i);
+    const { color, bold } = colorFor(item);
+    return wrapText(item, width - prefix.length).map((line, j) => ({
+      prefix: j === 0 ? prefix : " ".repeat(prefix.length),
+      prefixColor,
+      text: line,
+      color,
+      bold
+    }));
+  });
+}
+function buildRows(review2, width) {
+  const { summaryPoints, nextSteps, reviewPrompt } = review2;
+  const numberWidth = String(nextSteps.length).length + 2;
+  const rows = [];
+  if (summaryPoints.length > 0) {
+    rows.push(heading("What we did"));
+    rows.push(
+      ...itemRows(
+        summaryPoints,
+        width,
+        () => ({ prefix: `${MARKER.done} `, color: COLORS.status.done }),
+        () => ({ color: COLORS.primary, bold: false })
+      )
+    );
+  }
+  if (nextSteps.length > 0) {
+    if (rows.length > 0) rows.push(BLANK);
+    rows.push(heading("What to do next"));
+    rows.push(
+      ...itemRows(
+        nextSteps,
+        width,
+        (i) => ({
+          prefix: `${i + 1}.`.padEnd(numberWidth),
+          color: COLORS.secondary
+        }),
+        (step) => step.includes(INGEST_SCRIPT) ? { color: COLORS.brand, bold: true } : { color: COLORS.primary, bold: false }
+      )
+    );
+  }
+  if (reviewPrompt) {
+    if (rows.length > 0) rows.push(BLANK);
+    rows.push(
+      ...wrapText(reviewPrompt, width).map((line) => ({
+        prefix: "",
+        text: line,
+        color: COLORS.brand
+      }))
+    );
+  }
+  return rows;
+}
+function ReviewPanel({ review: review2 }) {
+  const [width, setWidth] = useState5(0);
+  const rows = width > 0 ? buildRows(review2, width) : [];
+  const scroll = useScrollWindow({ itemCount: rows.length });
+  useLayoutEffect2(() => {
+    if (scroll.measured) setWidth(scroll.width);
+  }, [scroll.measured, scroll.width]);
+  const scrollable = scroll.maxOffset > 0;
+  useInput2(
+    (input, key) => {
+      if (input === "k" || key.upArrow) scroll.scrollBy(-1);
+      else if (input === "j" || key.downArrow) scroll.scrollBy(1);
+    },
+    { isActive: scrollable }
+  );
+  const visible = rows.slice(scroll.offset, scroll.offset + scroll.capacity);
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx5(ScrollView, { scroll, children: visible.map((row, i) => /* @__PURE__ */ jsxs6(Text7, { wrap: "truncate", children: [
+      row.prefix && /* @__PURE__ */ jsx5(Text7, { color: row.prefixColor ?? row.color, bold: row.bold, children: row.prefix }),
+      /* @__PURE__ */ jsx5(Text7, { color: row.color, bold: row.bold, children: row.text })
+    ] }, `review-row-${i}`)) }),
+    scrollable && /* @__PURE__ */ jsxs6(Text7, { children: [
+      /* @__PURE__ */ jsx5(Text7, { color: COLORS.primary, children: "[j] [k]" }),
+      /* @__PURE__ */ jsx5(Text7, { color: COLORS.dim, children: " scroll" })
+    ] })
+  ] });
+}
+function Review() {
+  const review2 = useWizard((s) => s.review);
+  if (!review2) return null;
+  return /* @__PURE__ */ jsx5(ReviewPanel, { review: review2 });
+}
+
+// src/ui/CommandApproval.tsx
+import { jsx as jsx6, jsxs as jsxs7 } from "react/jsx-runtime";
+var BLANK2 = { prefix: "", text: " ", color: COLORS.dim };
+var COMMAND_PREFIX = "$ ";
+function wrapExactLine(line, width) {
+  if (line.length === 0) return [" "];
+  const lines = [];
+  let i = 0;
+  while (i < line.length) {
+    if (line.length - i <= width) {
+      lines.push(line.slice(i));
+      break;
+    }
+    let end = i + width;
+    if (line.charAt(end) !== " ") {
+      const lastSpace = line.lastIndexOf(" ", end - 1);
+      if (lastSpace >= i) end = lastSpace + 1;
+    }
+    if (end <= i) end = i + width;
+    lines.push(line.slice(i, end));
+    i = end;
+  }
+  return lines;
+}
+function wrapExact(text, width) {
+  if (width <= 0) return [text || " "];
+  return text.split(/\r\n|\n|\r/).flatMap((line) => wrapExactLine(line, width));
+}
+function fieldLines(prefix, value, color, width) {
+  return wrapText(value, Math.max(width - prefix.length, 1)).map((text, i) => ({
+    prefix: i === 0 ? prefix : " ".repeat(prefix.length),
+    text,
+    color
+  }));
+}
+function buildLines(command, width) {
+  const lines = wrapExact(
+    command.command,
+    Math.max(width - COMMAND_PREFIX.length, 1)
+  ).map((text, i) => ({
+    prefix: i === 0 ? COMMAND_PREFIX : " ".repeat(COMMAND_PREFIX.length),
+    text,
+    color: COLORS.strong
+  }));
+  lines.push(BLANK2);
+  lines.push(...fieldLines("in: ", command.cwd, COLORS.muted, width));
+  if (command.explanation) {
+    lines.push(BLANK2);
+    lines.push(
+      ...fieldLines("why: ", command.explanation, COLORS.accent, width)
+    );
+  }
+  return lines;
+}
+function CommandApproval({
+  command,
+  messages,
+  onDecide
+}) {
+  const [width, setWidth] = useState6(0);
+  const lines = width > 0 ? buildLines(command, width) : [];
+  const scroll = useScrollWindow({ itemCount: lines.length });
+  useLayoutEffect3(() => {
+    if (scroll.measured) setWidth(scroll.width);
+  }, [scroll.measured, scroll.width]);
+  const scrollable = scroll.maxOffset > 0;
+  useInput3(
+    (input) => {
+      if (input === "k") scroll.scrollBy(-1);
+      else if (input === "j") scroll.scrollBy(1);
+    },
+    { isActive: scrollable }
+  );
+  const visible = lines.slice(scroll.offset, scroll.offset + scroll.capacity);
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, width: "100%", flexGrow: 1, flexShrink: 1, children: [
+    messages?.map((message, index) => /* @__PURE__ */ jsx6(Text8, { color: COLORS.muted, children: message }, `msg-${index}`)),
+    /* @__PURE__ */ jsx6(Text8, { color: COLORS.primary, bold: true, children: "Run this command?" }),
+    /* @__PURE__ */ jsx6(
+      Box8,
+      {
+        flexDirection: "column",
+        paddingLeft: 2,
+        borderStyle: "single",
+        borderColor: COLORS.success,
+        borderTop: false,
+        borderBottom: false,
+        borderRight: false,
+        width: "100%",
+        flexGrow: 1,
+        flexShrink: 1,
+        minHeight: 3,
+        children: /* @__PURE__ */ jsx6(ScrollView, { scroll, children: visible.map((line, i) => /* @__PURE__ */ jsxs7(Text8, { wrap: "truncate", children: [
+          line.prefix ? /* @__PURE__ */ jsx6(Text8, { color: COLORS.muted, children: line.prefix }) : null,
+          /* @__PURE__ */ jsx6(Text8, { color: line.color, children: line.text })
+        ] }, `cmd-${scroll.offset + i}`)) })
+      }
+    ),
+    /* @__PURE__ */ jsx6(Box8, { flexShrink: 0, children: /* @__PURE__ */ jsx6(
+      DecisionSelect,
+      {
+        actions: [
+          { label: "approve", value: "approve" },
+          { label: "reject", value: "reject" }
+        ],
+        onDecide,
+        extraHints: scrollable ? [{ key: "[j] [k]", label: "scroll" }] : void 0
+      }
+    ) })
+  ] });
+}
+
+// src/ui/FreeTextInput.tsx
+import { Text as Text9, useInput as useInput4 } from "ink";
+import { useState as useState7 } from "react";
 import { jsx as jsx7, jsxs as jsxs8 } from "react/jsx-runtime";
+function FreeTextInput({
+  value,
+  onChange,
+  onSubmit
+}) {
+  const [cursor, setCursor] = useState7(value.length);
+  const at = Math.min(cursor, value.length);
+  useInput4((input, key) => {
+    if (key.upArrow || key.downArrow || key.tab || key.ctrl && input === "c") {
+      return;
+    }
+    if (key.return) {
+      onSubmit(value);
+      return;
+    }
+    if (key.leftArrow) {
+      setCursor(Math.max(0, at - 1));
+      return;
+    }
+    if (key.rightArrow) {
+      setCursor(Math.min(value.length, at + 1));
+      return;
+    }
+    if (key.backspace || key.delete) {
+      if (at === 0) return;
+      onChange(value.slice(0, at - 1) + value.slice(at));
+      setCursor(at - 1);
+      return;
+    }
+    if (input) {
+      onChange(value.slice(0, at) + input + value.slice(at));
+      setCursor(at + input.length);
+    }
+  });
+  const before = value.slice(0, at);
+  const current = value.slice(at, at + 1) || " ";
+  const after = value.slice(at + 1);
+  return /* @__PURE__ */ jsxs8(Text9, { color: COLORS.strong, children: [
+    before,
+    /* @__PURE__ */ jsx7(Text9, { inverse: true, children: current }),
+    after
+  ] });
+}
+
+// src/ui/SelectPrompt.tsx
+import { Box as Box9, Text as Text10, useInput as useInput5, useWindowSize as useWindowSize4 } from "ink";
+import { useLayoutEffect as useLayoutEffect4, useRef as useRef3, useState as useState8 } from "react";
+import { jsx as jsx8, jsxs as jsxs9 } from "react/jsx-runtime";
 var CANCEL = "cancel";
 var ARROW_WIDTH = 4;
 var COLUMN_GAP = 2;
@@ -968,19 +1156,19 @@ function SelectPrompt({
   const rows = hasCancel ? [...options, "Cancel"] : options;
   const cancelIndex = hasCancel ? options.length : -1;
   const isDisabled = (i) => i !== cancelIndex && Boolean(disabled?.[i]);
-  const [index, setIndex] = useState6(() => {
+  const [index, setIndex] = useState8(() => {
     const start = defaultSelectedIndex > 0 && defaultSelectedIndex < options.length ? defaultSelectedIndex : 0;
     return isDisabled(start) ? nextSelectableIndex(start, 1, rows.length, isDisabled) : start;
   });
-  const [checked, setChecked] = useState6(() => /* @__PURE__ */ new Set());
+  const [checked, setChecked] = useState8(() => /* @__PURE__ */ new Set());
   const hints = [];
   if (rows.length > 1) hints.push({ key: "[\u2191] [\u2193]", label: "move" });
   if (multi) hints.push({ key: "[space]", label: "select" });
   hints.push({ key: "[enter]", label: "confirm" });
   const containerRef = useRef3(null);
   const { columns } = useWindowSize4();
-  const [width, setWidth] = useState6(columns);
-  useLayoutEffect2(() => {
+  const [width, setWidth] = useState8(columns);
+  useLayoutEffect4(() => {
     if (!containerRef.current) return;
     const measured = fittedWidth(containerRef.current, columns);
     setWidth((prev) => prev === measured ? prev : measured);
@@ -1005,11 +1193,11 @@ function SelectPrompt({
     rowHeight: ROW_HEIGHT
   });
   const { revealIndex } = scroll;
-  useLayoutEffect2(() => {
+  useLayoutEffect4(() => {
     revealIndex(index);
   }, [index, revealIndex]);
   const visible = rows.slice(scroll.offset, scroll.offset + scroll.capacity);
-  useInput3((input, key) => {
+  useInput5((input, key) => {
     if (rows.length === 0) return;
     if (key.upArrow || input === "k") {
       setIndex((i) => nextSelectableIndex(i, -1, rows.length, isDisabled));
@@ -1034,17 +1222,17 @@ function SelectPrompt({
       }
     }
   });
-  return /* @__PURE__ */ jsx7(Box8, { ref: containerRef, flexGrow: 1, children: /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, width, children: [
-    /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, flexShrink: 0, children: [
-      error && /* @__PURE__ */ jsx7(Text9, { color: COLORS.danger, children: error }),
-      messages?.map((m, i) => /* @__PURE__ */ jsx7(Text9, { color: COLORS.muted, children: m }, `msg-${i}`)),
-      table && /* @__PURE__ */ jsx7(Table, { columns: table.columns, rows: table.rows }),
-      /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-        question && /* @__PURE__ */ jsx7(Text9, { color: COLORS.muted, children: question }),
-        helpText && /* @__PURE__ */ jsx7(Text9, { color: COLORS.dim, children: helpText })
+  return /* @__PURE__ */ jsx8(Box9, { ref: containerRef, flexGrow: 1, children: /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, width, children: [
+    /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, flexShrink: 0, children: [
+      error && /* @__PURE__ */ jsx8(Text10, { color: COLORS.danger, children: error }),
+      messages?.map((m, i) => /* @__PURE__ */ jsx8(Text10, { color: COLORS.muted, children: m }, `msg-${i}`)),
+      table && /* @__PURE__ */ jsx8(Table, { columns: table.columns, rows: table.rows }),
+      /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+        question && /* @__PURE__ */ jsx8(Text10, { color: COLORS.muted, children: question }),
+        helpText && /* @__PURE__ */ jsx8(Text10, { color: COLORS.dim, children: helpText })
       ] })
     ] }),
-    /* @__PURE__ */ jsx7(ScrollView, { scroll, children: visible.map((option, visibleIndex) => {
+    /* @__PURE__ */ jsx8(ScrollView, { scroll, children: visible.map((option, visibleIndex) => {
       const i = scroll.offset + visibleIndex;
       const highlighted = i === index;
       const isCancel = i === cancelIndex;
@@ -1052,7 +1240,7 @@ function SelectPrompt({
       const sec = isCancel ? void 0 : secondary?.[i];
       const isText = sec?.kind === "text";
       const rowDisabled = isDisabled(i);
-      return /* @__PURE__ */ jsxs8(
+      return /* @__PURE__ */ jsxs9(
         SelectRow,
         {
           highlighted,
@@ -1062,24 +1250,24 @@ function SelectPrompt({
           label: `${bullet}${option}`,
           usePadding: true,
           children: [
-            isText && textWidth > 0 && /* @__PURE__ */ jsx7(Box8, { width: textWidth, children: /* @__PURE__ */ jsx7(
-              Text9,
+            isText && textWidth > 0 && /* @__PURE__ */ jsx8(Box9, { width: textWidth, children: /* @__PURE__ */ jsx8(
+              Text10,
               {
                 wrap: "truncate",
                 color: rowDisabled ? COLORS.dim : highlighted ? COLORS.primary : COLORS.muted,
                 children: sec.value
               }
             ) }),
-            sec?.kind === "badge" && /* @__PURE__ */ jsx7(Box8, { width: badgeWidth, justifyContent: "flex-end", children: /* @__PURE__ */ jsx7(Text9, { color: COLORS.badge, wrap: "truncate", children: sec.value }) })
+            sec?.kind === "badge" && /* @__PURE__ */ jsx8(Box9, { width: badgeWidth, justifyContent: "flex-end", children: /* @__PURE__ */ jsx8(Text10, { color: COLORS.badge, wrap: "truncate", children: sec.value }) })
           ]
         },
         `row-${i}`
       );
     }) }),
-    /* @__PURE__ */ jsx7(Box8, { flexShrink: 0, children: /* @__PURE__ */ jsx7(Text9, { color: COLORS.dim, children: hints.map(({ key, label }, i) => /* @__PURE__ */ jsxs8(Text9, { color: COLORS.dim, children: [
+    /* @__PURE__ */ jsx8(Box9, { flexShrink: 0, children: /* @__PURE__ */ jsx8(Text10, { color: COLORS.dim, children: hints.map(({ key, label }, i) => /* @__PURE__ */ jsxs9(Text10, { color: COLORS.dim, children: [
       i > 0 ? "   " : "",
-      /* @__PURE__ */ jsx7(Text9, { color: COLORS.primary, children: key }),
-      /* @__PURE__ */ jsxs8(Text9, { color: COLORS.dim, children: [
+      /* @__PURE__ */ jsx8(Text10, { color: COLORS.primary, children: key }),
+      /* @__PURE__ */ jsxs9(Text10, { color: COLORS.dim, children: [
         " ",
         label
       ] })
@@ -1088,17 +1276,17 @@ function SelectPrompt({
 }
 
 // src/ui/PromptInput.tsx
-import { jsx as jsx8, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
 var ACCEPT_REJECT_OPTIONS = ["Accept", "Reject"];
 function EnterToContinuePrompt({
   question,
   messages,
   onDecide
 }) {
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, children: [
-    messages?.map((m, i) => /* @__PURE__ */ jsx8(Text10, { color: COLORS.muted, children: m }, `msg-${i}`)),
-    question && /* @__PURE__ */ jsx8(Text10, { color: COLORS.primary, children: question }),
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, children: [
+    messages?.map((m, i) => /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: m }, `msg-${i}`)),
+    question && /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: question }),
+    /* @__PURE__ */ jsx9(
       DecisionSelect,
       {
         actions: [
@@ -1112,17 +1300,17 @@ function EnterToContinuePrompt({
 }
 function PromptInput() {
   const { phase, inputReq, submitInput } = useWizard();
-  const [draft, setDraft] = useState7("");
-  const [submittedReq, setSubmittedReq] = useState7(null);
+  const [draft, setDraft] = useState9("");
+  const [submittedReq, setSubmittedReq] = useState9(null);
   const promptKey = inputReq && `${inputReq.promptType}:${inputReq.prompt}`;
   const submitting = inputReq != null && submittedReq === inputReq;
   if (phase === "done" || phase === "error") {
-    return /* @__PURE__ */ jsx8(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text10, { color: "gray", dimColor: true, children: "Press Enter or Esc to exit" }) });
+    return /* @__PURE__ */ jsx9(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text11, { color: "gray", dimColor: true, children: "Press Enter or Esc to exit" }) });
   }
   if (phase !== "awaitingInput" || !inputReq) return null;
   if (submitting) {
-    return /* @__PURE__ */ jsx8(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsxs9(Text10, { color: COLORS.strong, bold: true, children: [
-      /* @__PURE__ */ jsx8(Spinner, { type: "dots" }),
+    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsxs10(Text11, { color: COLORS.strong, bold: true, children: [
+      /* @__PURE__ */ jsx9(Spinner, { type: "dots" }),
       " Continuing\u2026"
     ] }) });
   }
@@ -1131,7 +1319,7 @@ function PromptInput() {
     submitInput(value);
   };
   if (inputReq.promptType === "multipleChoice") {
-    return /* @__PURE__ */ jsx8(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
       SelectPrompt,
       {
         question: inputReq.prompt,
@@ -1150,7 +1338,7 @@ function PromptInput() {
     ) });
   }
   if (inputReq.promptType === "multiSelect") {
-    return /* @__PURE__ */ jsx8(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
       SelectPrompt,
       {
         multi: true,
@@ -1166,7 +1354,7 @@ function PromptInput() {
     ) });
   }
   if (inputReq.promptType === "notice") {
-    return /* @__PURE__ */ jsx8(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
       SelectPrompt,
       {
         messages: inputReq.messages,
@@ -1177,7 +1365,7 @@ function PromptInput() {
     ) });
   }
   if (inputReq.promptType === "enterToContinue") {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(
       EnterToContinuePrompt,
       {
         question: inputReq.prompt,
@@ -1187,24 +1375,24 @@ function PromptInput() {
     );
   }
   if (inputReq.promptType === "commandApproval" && inputReq.command) {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
       CommandApproval,
       {
         command: inputReq.command,
         messages: inputReq.messages,
         onDecide: submitInput
       }
-    );
+    ) });
   }
   if (inputReq.promptType === "acceptReject") {
     const labels = inputReq.options?.length ? inputReq.options : ACCEPT_REJECT_OPTIONS;
-    return /* @__PURE__ */ jsxs9(Box9, { flexGrow: 1, flexDirection: "column", gap: 1, children: [
-      inputReq.detectedLanguages && /* @__PURE__ */ jsxs9(Text10, { color: COLORS.muted, children: [
+    return /* @__PURE__ */ jsxs10(Box10, { flexGrow: 1, flexDirection: "column", gap: 1, children: [
+      inputReq.detectedLanguages && /* @__PURE__ */ jsxs10(Text11, { color: COLORS.muted, children: [
         "Languages:",
         " ",
-        /* @__PURE__ */ jsx8(Text10, { color: COLORS.success, children: inputReq.detectedLanguages })
+        /* @__PURE__ */ jsx9(Text11, { color: COLORS.success, children: inputReq.detectedLanguages })
       ] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         SelectPrompt,
         {
           question: inputReq.prompt,
@@ -1217,15 +1405,15 @@ function PromptInput() {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-    inputReq.error && /* @__PURE__ */ jsx8(Text10, { color: COLORS.danger, children: inputReq.error }),
-    inputReq.messages?.map((m, i) => /* @__PURE__ */ jsx8(Text10, { color: COLORS.muted, children: m }, `msg-${i}`)),
-    /* @__PURE__ */ jsxs9(Box9, { children: [
-      /* @__PURE__ */ jsxs9(Text10, { color: COLORS.primary, children: [
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+    inputReq.error && /* @__PURE__ */ jsx9(Text11, { color: COLORS.danger, children: inputReq.error }),
+    inputReq.messages?.map((m, i) => /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: m }, `msg-${i}`)),
+    /* @__PURE__ */ jsxs10(Box10, { children: [
+      /* @__PURE__ */ jsxs10(Text11, { color: COLORS.primary, children: [
         inputReq.prompt,
         " "
       ] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         FreeTextInput,
         {
           value: draft,
@@ -1240,121 +1428,6 @@ function PromptInput() {
   ] });
 }
 
-// src/ui/Review.tsx
-import { Box as Box10, Text as Text11, useInput as useInput4 } from "ink";
-import { useLayoutEffect as useLayoutEffect3, useState as useState8 } from "react";
-import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
-var INGEST_SCRIPT = ".algolia-wizard/ingest.sh";
-function wrapText(text, width) {
-  if (width <= 0) return [text];
-  const lines = [];
-  let line = "";
-  for (const word of text.split(/\s+/).filter(Boolean)) {
-    const candidate = line ? `${line} ${word}` : word;
-    if (candidate.length <= width) {
-      line = candidate;
-      continue;
-    }
-    if (line) lines.push(line);
-    let rest = word;
-    while (rest.length > width) {
-      lines.push(rest.slice(0, width));
-      rest = rest.slice(width);
-    }
-    line = rest;
-  }
-  if (line) lines.push(line);
-  return lines.length > 0 ? lines : [""];
-}
-function heading(text) {
-  return { prefix: "", text, color: COLORS.strong, bold: true };
-}
-var BLANK = { prefix: "", text: " ", color: COLORS.dim };
-function itemRows(items, width, prefixFor, colorFor) {
-  return items.flatMap((item, i) => {
-    const { prefix, color: prefixColor } = prefixFor(i);
-    const { color, bold } = colorFor(item);
-    return wrapText(item, width - prefix.length).map((line, j) => ({
-      prefix: j === 0 ? prefix : " ".repeat(prefix.length),
-      prefixColor,
-      text: line,
-      color,
-      bold
-    }));
-  });
-}
-function buildRows(review2, width) {
-  const { summaryPoints, nextSteps, reviewPrompt } = review2;
-  const numberWidth = String(nextSteps.length).length + 2;
-  const rows = [];
-  if (summaryPoints.length > 0) {
-    rows.push(heading("What we did"));
-    rows.push(
-      ...itemRows(
-        summaryPoints,
-        width,
-        () => ({ prefix: `${MARKER.done} `, color: COLORS.status.done }),
-        () => ({ color: COLORS.primary, bold: false })
-      )
-    );
-  }
-  if (nextSteps.length > 0) {
-    if (rows.length > 0) rows.push(BLANK);
-    rows.push(heading("What to do next"));
-    rows.push(
-      ...itemRows(
-        nextSteps,
-        width,
-        (i) => ({
-          prefix: `${i + 1}.`.padEnd(numberWidth),
-          color: COLORS.secondary
-        }),
-        (step) => step.includes(INGEST_SCRIPT) ? { color: COLORS.brand, bold: true } : { color: COLORS.primary, bold: false }
-      )
-    );
-  }
-  if (reviewPrompt) {
-    if (rows.length > 0) rows.push(BLANK);
-    rows.push(
-      ...wrapText(reviewPrompt, width).map((line) => ({
-        prefix: "",
-        text: line,
-        color: COLORS.brand
-      }))
-    );
-  }
-  return rows;
-}
-function ReviewPanel({ review: review2 }) {
-  const [width, setWidth] = useState8(0);
-  const rows = width > 0 ? buildRows(review2, width) : [];
-  const scroll = useScrollWindow({ itemCount: rows.length });
-  useLayoutEffect3(() => {
-    if (scroll.measured) setWidth(scroll.width);
-  }, [scroll.measured, scroll.width]);
-  const scrollable = scroll.maxOffset > 0;
-  useInput4(
-    (_input, key) => {
-      if (key.upArrow) scroll.scrollBy(-1);
-      else if (key.downArrow) scroll.scrollBy(1);
-    },
-    { isActive: scrollable }
-  );
-  const visible = rows.slice(scroll.offset, scroll.offset + scroll.capacity);
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx9(ScrollView, { scroll, children: visible.map((row, i) => /* @__PURE__ */ jsxs10(Text11, { wrap: "truncate", children: [
-      row.prefix && /* @__PURE__ */ jsx9(Text11, { color: row.prefixColor ?? row.color, bold: row.bold, children: row.prefix }),
-      /* @__PURE__ */ jsx9(Text11, { color: row.color, bold: row.bold, children: row.text })
-    ] }, `review-row-${i}`)) }),
-    scrollable && /* @__PURE__ */ jsx9(Text11, { color: COLORS.dim, children: "\u2191/\u2193 scroll" })
-  ] });
-}
-function Review() {
-  const review2 = useWizard((s) => s.review);
-  if (!review2) return null;
-  return /* @__PURE__ */ jsx9(ReviewPanel, { review: review2 });
-}
-
 // src/workflows/default.ts
 import { z as z29 } from "zod";
 
@@ -3905,7 +3978,7 @@ async function runAnalysis(mode, extraInstructions = []) {
 // package.json
 var package_default = {
   name: "@algolia/wizard",
-  version: "0.61.0",
+  version: "0.62.0",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {
@@ -5383,8 +5456,8 @@ function getWorkflow(id) {
 // src/ui/Welcome.tsx
 import { dirname as dirname5, join as join11 } from "node:path";
 import { fileURLToPath as fileURLToPath2 } from "node:url";
-import { useState as useState9 } from "react";
-import { Box as Box11, Spacer, Text as Text12, useInput as useInput5, useWindowSize as useWindowSize5 } from "ink";
+import { useState as useState10 } from "react";
+import { Box as Box11, Spacer, Text as Text12, useInput as useInput6, useWindowSize as useWindowSize5 } from "ink";
 
 // src/ui/copy/welcome.ts
 var sidebarItems = [
@@ -5442,8 +5515,8 @@ function Welcome() {
     { label: "start wizard", run: confirmStart },
     { label: "learn more", run: openLearnMore }
   ];
-  const [index, setIndex] = useState9(0);
-  useInput5((input, key) => {
+  const [index, setIndex] = useState10(0);
+  useInput6((input, key) => {
     if (key.upArrow || input === "k") {
       setIndex((i) => (i - 1 + actions.length) % actions.length);
     } else if (key.downArrow || input === "j") {
@@ -5530,7 +5603,7 @@ function Welcome() {
 
 // src/ui/LearnMore.tsx
 import { Fragment } from "react";
-import { Box as Box12, Text as Text13, useInput as useInput6, useWindowSize as useWindowSize6 } from "ink";
+import { Box as Box12, Text as Text13, useInput as useInput7, useWindowSize as useWindowSize6 } from "ink";
 
 // src/ui/copy/learn-more.ts
 var accessIntro = "Everything runs locally on your machine. Nothing is written or sent without an explicit yes from you.";
@@ -5602,7 +5675,7 @@ function LearnMore() {
   const backToHome = useWizard((s) => s.backToHome);
   const { columns } = useWindowSize6();
   const dividerWidth = Math.max(0, columns - PADDING_X * 2);
-  useInput6((_input, key) => {
+  useInput7((_input, key) => {
     if (key.escape) backToHome();
     else if (key.return) confirmStart();
   });
@@ -5783,10 +5856,10 @@ function Ribbon() {
 }
 
 // src/ui/App.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 
 // src/ui/Logs.tsx
-import { Box as Box17, Text as Text18, useInput as useInput7 } from "ink";
+import { Box as Box17, Text as Text18, useInput as useInput8 } from "ink";
 import { jsx as jsx16, jsxs as jsxs17 } from "react/jsx-runtime";
 var KIND_COLOR = {
   tool: COLORS.primary,
@@ -5818,9 +5891,9 @@ function formatTimestamp(ms) {
 function Logs() {
   const logs = useWizard((s) => s.logs);
   const scroll = useScrollWindow({ itemCount: logs.length, followBottom: true });
-  useInput7((_input, key) => {
-    if (key.upArrow) scroll.scrollBy(-1);
-    else if (key.downArrow) scroll.scrollBy(1);
+  useInput8((input, key) => {
+    if (input === "k" || key.upArrow) scroll.scrollBy(-1);
+    else if (input === "j" || key.downArrow) scroll.scrollBy(1);
   });
   const visible = logs.slice(scroll.offset, scroll.offset + scroll.capacity);
   return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", paddingX: 4, paddingY: 2, flexGrow: 1, children: [
@@ -5842,12 +5915,15 @@ function Logs() {
         durationText && /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: durationText })
       ] }, entry.id);
     }) }),
-    /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: "\u2191/\u2193 scroll" })
+    /* @__PURE__ */ jsxs17(Text18, { children: [
+      /* @__PURE__ */ jsx16(Text18, { color: COLORS.primary, children: "[j] [k]" }),
+      /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: " scroll" })
+    ] })
   ] });
 }
 
 // src/ui/Tips.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState10 } from "react";
+import { useEffect as useEffect3, useRef as useRef4, useState as useState11 } from "react";
 import { Box as Box19, Text as Text20 } from "ink";
 import terminalLink from "terminal-link";
 
@@ -6164,8 +6240,8 @@ function Tips({
     progress.tipIndex = 0;
     progress.revealed = 0;
   }
-  const [tipIndex, setTipIndex] = useState10(resuming ? progress.tipIndex : 0);
-  const [revealed, setRevealed] = useState10(resuming ? progress.revealed : 0);
+  const [tipIndex, setTipIndex] = useState11(resuming ? progress.tipIndex : 0);
+  const [revealed, setRevealed] = useState11(resuming ? progress.revealed : 0);
   const tip = tips2.length > 0 ? tips2[tipIndex % tips2.length] : void 0;
   const contentLength = tip?.chunks.reduce((sum, c) => sum + c.value.length, 0) ?? 0;
   const totalLength = (tip?.title.length ?? 0) + contentLength;
@@ -6247,8 +6323,8 @@ function App() {
   } = useWizard();
   const { exit } = useApp();
   const { columns, rows } = useWindowSize7();
-  const [showLogs, setShowLogs] = useState11(false);
-  const [tipState, setTipState] = useState11("idle");
+  const [showLogs, setShowLogs] = useState12(false);
+  const [tipState, setTipState] = useState12("idle");
   const finished = phase === "done" || phase === "error";
   const currentStep = steps[currentStepIndex];
   const stepDef = workflow ? getWorkflow(workflow.id)?.steps.find((s) => s.id === currentStep?.id) : void 0;
@@ -6261,7 +6337,7 @@ function App() {
   const showTips = stepHasTips && (phase === "running" && currentStep?.status === "running" || isCommandApprovalPrompt || holdForTip);
   const showNoticesInMain = !stepHasTips;
   const showNotices = (!isAwaitingUserInput || holdForTip) && !review2;
-  useInput8(
+  useInput9(
     (_input, key) => {
       if (key.return) {
         exit();
@@ -6269,7 +6345,7 @@ function App() {
     },
     { isActive: finished }
   );
-  useInput8((_input, key) => {
+  useInput9((_input, key) => {
     if (phase === "idle" || phase === "authenticating") return;
     if (key.tab) {
       setShowLogs(!showLogs);
@@ -6281,7 +6357,7 @@ function App() {
     }
   });
   const escOwnedElsewhere = phase === "idle" || phase === "authenticating" || phase === "awaitingInput" && !holdForTip && (inputReq?.promptType === "enterToContinue" || inputReq?.promptType === "commandApproval");
-  useInput8((_input, key) => {
+  useInput9((_input, key) => {
     if (escOwnedElsewhere) return;
     if (key.escape) {
       track("AI Wizard Interaction", {
@@ -6744,7 +6820,7 @@ function delay(ms) {
 // package.json with { type: 'json' }
 var package_default2 = {
   name: "@algolia/wizard",
-  version: "0.61.0",
+  version: "0.62.0",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/wizard",
-  "version": "0.61.0",
+  "version": "0.62.0",
   "description": "Magically implement Algolia functionality in your codebase",
   "type": "module",
   "engines": {