@algolia/wizard 0.50.0 → 0.51.0

package/dist/main.js

@@ -4,7 +4,7 @@
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { Box as Box20, Text as Text20, useApp, useInput as useInput7, useWindowSize as useWindowSize7 } from "ink";
+import { Box as Box20, Text as Text21, useApp, useInput as useInput8, useWindowSize as useWindowSize7 } from "ink";
 import Spinner3 from "ink-spinner";
 
 // src/core/store.ts
@@ -641,10 +641,9 @@ function Notices({
 }
 
 // src/ui/PromptInput.tsx
-import { Box as Box9, Text as Text9 } from "ink";
+import { Box as Box9, Text as Text10 } from "ink";
 import Spinner from "ink-spinner";
-import TextInput from "ink-text-input";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 
 // src/ui/CommandApproval.tsx
 import { Box as Box6, Text as Text6 } from "ink";
@@ -783,14 +782,62 @@ function CommandApproval({
   ] });
 }
 
+// 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 Text8, useInput as useInput2, useWindowSize as useWindowSize4 } from "ink";
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef3, useState as useState5 } from "react";
+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/ScrollView.tsx
-import { Box as Box7, Text as Text7, measureElement as measureElement2, useWindowSize as useWindowSize3 } from "ink";
-import { useCallback, useLayoutEffect, useRef as useRef2, useState as useState4 } from "react";
-import { jsxs as jsxs6 } from "react/jsx-runtime";
+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";
 var INDICATOR_ROWS = 2;
 function fittedWidth(node, columns) {
   let left = 0;
@@ -806,7 +853,7 @@ function useScrollWindow({
 }) {
   const viewportRef = useRef2(null);
   const { columns } = useWindowSize3();
-  const [size, setSize] = useState4(
+  const [size, setSize] = useState5(
     null
   );
   useLayoutEffect(() => {
@@ -819,7 +866,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] = useState4(0);
+  const [offset, setOffset] = useState5(0);
   const prevMaxOffsetRef = useRef2(0);
   useLayoutEffect(() => {
     const wasAtBottom = offset >= prevMaxOffsetRef.current;
@@ -861,14 +908,14 @@ function useScrollWindow({
   };
 }
 function ScrollView({ scroll, children }) {
-  return /* @__PURE__ */ jsxs6(Box7, { ref: scroll.viewportRef, flexDirection: "column", flexGrow: 1, children: [
-    scroll.hiddenAbove > 0 && /* @__PURE__ */ jsxs6(Text7, { color: COLORS.dim, children: [
+  return /* @__PURE__ */ jsxs7(Box7, { ref: scroll.viewportRef, flexDirection: "column", flexGrow: 1, children: [
+    scroll.hiddenAbove > 0 && /* @__PURE__ */ jsxs7(Text8, { color: COLORS.dim, children: [
       "\u2191 ",
       scroll.hiddenAbove,
       " more"
     ] }),
     children,
-    scroll.hiddenBelow > 0 && /* @__PURE__ */ jsxs6(Text7, { color: COLORS.dim, children: [
+    scroll.hiddenBelow > 0 && /* @__PURE__ */ jsxs7(Text8, { color: COLORS.dim, children: [
       "\u2193 ",
       scroll.hiddenBelow,
       " more"
@@ -877,7 +924,7 @@ function ScrollView({ scroll, children }) {
 }
 
 // src/ui/SelectPrompt.tsx
-import { jsx as jsx6, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs8 } from "react/jsx-runtime";
 var CANCEL = "cancel";
 var ARROW_WIDTH = 4;
 var COLUMN_GAP = 2;
@@ -909,18 +956,18 @@ 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] = useState5(() => {
+  const [index, setIndex] = useState6(() => {
     const start = defaultSelectedIndex > 0 && defaultSelectedIndex < options.length ? defaultSelectedIndex : 0;
     return isDisabled(start) ? nextSelectableIndex(start, 1, rows.length, isDisabled) : start;
   });
-  const [checked, setChecked] = useState5(() => /* @__PURE__ */ new Set());
+  const [checked, setChecked] = useState6(() => /* @__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] = useState5(columns);
+  const [width, setWidth] = useState6(columns);
   useLayoutEffect2(() => {
     if (!containerRef.current) return;
     const measured = fittedWidth(containerRef.current, columns);
@@ -950,7 +997,7 @@ function SelectPrompt({
     revealIndex(index);
   }, [index, revealIndex]);
   const visible = rows.slice(scroll.offset, scroll.offset + scroll.capacity);
-  useInput2((input, key) => {
+  useInput3((input, key) => {
     if (rows.length === 0) return;
     if (key.upArrow || input === "k") {
       setIndex((i) => nextSelectableIndex(i, -1, rows.length, isDisabled));
@@ -975,17 +1022,17 @@ function SelectPrompt({
       }
     }
   });
-  return /* @__PURE__ */ jsx6(Box8, { ref: containerRef, flexGrow: 1, children: /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, width, children: [
-    /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", gap: 1, flexShrink: 0, children: [
-      error && /* @__PURE__ */ jsx6(Text8, { color: COLORS.danger, children: error }),
-      messages?.map((m, i) => /* @__PURE__ */ jsx6(Text8, { color: COLORS.muted, children: m }, `msg-${i}`)),
-      table && /* @__PURE__ */ jsx6(Table, { columns: table.columns, rows: table.rows }),
-      /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
-        question && /* @__PURE__ */ jsx6(Text8, { color: COLORS.muted, children: question }),
-        helpText && /* @__PURE__ */ jsx6(Text8, { color: COLORS.dim, children: helpText })
+  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 })
       ] })
     ] }),
-    /* @__PURE__ */ jsx6(ScrollView, { scroll, children: visible.map((option, visibleIndex) => {
+    /* @__PURE__ */ jsx7(ScrollView, { scroll, children: visible.map((option, visibleIndex) => {
       const i = scroll.offset + visibleIndex;
       const highlighted = i === index;
       const isCancel = i === cancelIndex;
@@ -993,7 +1040,7 @@ function SelectPrompt({
       const sec = isCancel ? void 0 : secondary?.[i];
       const isText = sec?.kind === "text";
       const rowDisabled = isDisabled(i);
-      return /* @__PURE__ */ jsxs7(
+      return /* @__PURE__ */ jsxs8(
         SelectRow,
         {
           highlighted,
@@ -1003,24 +1050,24 @@ function SelectPrompt({
           label: `${bullet}${option}`,
           usePadding: true,
           children: [
-            isText && textWidth > 0 && /* @__PURE__ */ jsx6(Box8, { width: textWidth, children: /* @__PURE__ */ jsx6(
-              Text8,
+            isText && textWidth > 0 && /* @__PURE__ */ jsx7(Box8, { width: textWidth, children: /* @__PURE__ */ jsx7(
+              Text9,
               {
                 wrap: "truncate",
                 color: rowDisabled ? COLORS.dim : highlighted ? COLORS.primary : COLORS.muted,
                 children: sec.value
               }
             ) }),
-            sec?.kind === "badge" && /* @__PURE__ */ jsx6(Box8, { width: badgeWidth, justifyContent: "flex-end", children: /* @__PURE__ */ jsx6(Text8, { color: COLORS.badge, wrap: "truncate", 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 }) })
           ]
         },
         `row-${i}`
       );
     }) }),
-    /* @__PURE__ */ jsx6(Box8, { flexShrink: 0, children: /* @__PURE__ */ jsx6(Text8, { color: COLORS.dim, children: hints.map(({ key, label }, i) => /* @__PURE__ */ jsxs7(Text8, { color: COLORS.dim, children: [
+    /* @__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: [
       i > 0 ? "   " : "",
-      /* @__PURE__ */ jsx6(Text8, { color: COLORS.primary, children: key }),
-      /* @__PURE__ */ jsxs7(Text8, { color: COLORS.dim, children: [
+      /* @__PURE__ */ jsx7(Text9, { color: COLORS.primary, children: key }),
+      /* @__PURE__ */ jsxs8(Text9, { color: COLORS.dim, children: [
         " ",
         label
       ] })
@@ -1029,17 +1076,17 @@ function SelectPrompt({
 }
 
 // src/ui/PromptInput.tsx
-import { jsx as jsx7, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs9 } from "react/jsx-runtime";
 var ACCEPT_REJECT_OPTIONS = ["Accept", "Reject"];
 function EnterToContinuePrompt({
   question,
   messages,
   onDecide
 }) {
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 1, children: [
-    messages?.map((m, i) => /* @__PURE__ */ jsx7(Text9, { color: COLORS.muted, children: m }, `msg-${i}`)),
-    question && /* @__PURE__ */ jsx7(Text9, { color: COLORS.primary, children: question }),
-    /* @__PURE__ */ jsx7(
+  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(
       DecisionSelect,
       {
         actions: [
@@ -1053,17 +1100,17 @@ function EnterToContinuePrompt({
 }
 function PromptInput() {
   const { phase, inputReq, submitInput } = useWizard();
-  const [draft, setDraft] = useState6("");
-  const [submittedReq, setSubmittedReq] = useState6(null);
+  const [draft, setDraft] = useState7("");
+  const [submittedReq, setSubmittedReq] = useState7(null);
   const promptKey = inputReq && `${inputReq.promptType}:${inputReq.prompt}`;
   const submitting = inputReq != null && submittedReq === inputReq;
   if (phase === "done" || phase === "error") {
-    return /* @__PURE__ */ jsx7(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text9, { color: "gray", dimColor: true, children: "Press Enter or Esc to exit" }) });
+    return /* @__PURE__ */ jsx8(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text10, { color: "gray", dimColor: true, children: "Press Enter or Esc to exit" }) });
   }
   if (phase !== "awaitingInput" || !inputReq) return null;
   if (submitting) {
-    return /* @__PURE__ */ jsx7(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsxs8(Text9, { color: COLORS.strong, bold: true, children: [
-      /* @__PURE__ */ jsx7(Spinner, { type: "dots" }),
+    return /* @__PURE__ */ jsx8(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsxs9(Text10, { color: COLORS.strong, bold: true, children: [
+      /* @__PURE__ */ jsx8(Spinner, { type: "dots" }),
       " Continuing\u2026"
     ] }) });
   }
@@ -1072,7 +1119,7 @@ function PromptInput() {
     submitInput(value);
   };
   if (inputReq.promptType === "multipleChoice") {
-    return /* @__PURE__ */ jsx7(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx8(
       SelectPrompt,
       {
         question: inputReq.prompt,
@@ -1091,7 +1138,7 @@ function PromptInput() {
     ) });
   }
   if (inputReq.promptType === "multiSelect") {
-    return /* @__PURE__ */ jsx7(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx8(
       SelectPrompt,
       {
         multi: true,
@@ -1107,7 +1154,7 @@ function PromptInput() {
     ) });
   }
   if (inputReq.promptType === "notice") {
-    return /* @__PURE__ */ jsx7(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx8(
       SelectPrompt,
       {
         question: inputReq.prompt,
@@ -1119,7 +1166,7 @@ function PromptInput() {
     ) });
   }
   if (inputReq.promptType === "enterToContinue") {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       EnterToContinuePrompt,
       {
         question: inputReq.prompt,
@@ -1129,11 +1176,11 @@ function PromptInput() {
     );
   }
   if (inputReq.promptType === "commandApproval" && inputReq.command) {
-    return /* @__PURE__ */ jsx7(CommandApproval, { command: inputReq.command, onDecide: submitInput });
+    return /* @__PURE__ */ jsx8(CommandApproval, { command: inputReq.command, onDecide: submitInput });
   }
   if (inputReq.promptType === "acceptReject") {
     const labels = inputReq.options?.length ? inputReq.options : ACCEPT_REJECT_OPTIONS;
-    return /* @__PURE__ */ jsx7(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx8(
       SelectPrompt,
       {
         question: inputReq.prompt,
@@ -1145,16 +1192,16 @@ function PromptInput() {
       promptKey
     ) });
   }
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", children: [
-    inputReq.error && /* @__PURE__ */ jsx7(Text9, { color: COLORS.danger, children: inputReq.error }),
-    inputReq.messages?.map((m, i) => /* @__PURE__ */ jsx7(Text9, { color: COLORS.muted, children: m }, `msg-${i}`)),
-    /* @__PURE__ */ jsxs8(Box9, { children: [
-      /* @__PURE__ */ jsxs8(Text9, { color: COLORS.primary, children: [
+  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: [
         inputReq.prompt,
         " "
       ] }),
-      /* @__PURE__ */ jsx7(Text9, { color: COLORS.strong, children: /* @__PURE__ */ jsx7(
-        TextInput,
+      /* @__PURE__ */ jsx8(
+        FreeTextInput,
         {
           value: draft,
           onChange: setDraft,
@@ -1163,15 +1210,15 @@ function PromptInput() {
             setDraft("");
           }
         }
-      ) })
+      )
     ] })
   ] });
 }
 
 // src/ui/Review.tsx
-import { Box as Box10, Text as Text10, useInput as useInput3 } from "ink";
-import { useLayoutEffect as useLayoutEffect3, useState as useState7 } from "react";
-import { jsx as jsx8, jsxs as jsxs9 } from "react/jsx-runtime";
+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];
@@ -1254,14 +1301,14 @@ function buildRows(review2, width) {
   return rows;
 }
 function ReviewPanel({ review: review2 }) {
-  const [width, setWidth] = useState7(0);
+  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;
-  useInput3(
+  useInput4(
     (_input, key) => {
       if (key.upArrow) scroll.scrollBy(-1);
       else if (key.downArrow) scroll.scrollBy(1);
@@ -1269,18 +1316,18 @@ function ReviewPanel({ review: review2 }) {
     { isActive: scrollable }
   );
   const visible = rows.slice(scroll.offset, scroll.offset + scroll.capacity);
-  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx8(ScrollView, { scroll, children: visible.map((row, i) => /* @__PURE__ */ jsxs9(Text10, { wrap: "truncate", children: [
-      row.prefix && /* @__PURE__ */ jsx8(Text10, { color: row.prefixColor ?? row.color, bold: row.bold, children: row.prefix }),
-      /* @__PURE__ */ jsx8(Text10, { color: row.color, bold: row.bold, children: row.text })
+  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__ */ jsx8(Text10, { color: COLORS.dim, children: "\u2191/\u2193 scroll" })
+    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__ */ jsx8(ReviewPanel, { review: review2 });
+  return /* @__PURE__ */ jsx9(ReviewPanel, { review: review2 });
 }
 
 // src/workflows/default.ts
@@ -3604,7 +3651,7 @@ async function runAnalysis(mode, extraInstructions = []) {
 // package.json
 var package_default = {
   name: "@algolia/wizard",
-  version: "0.50.0",
+  version: "0.51.0",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {
@@ -3662,7 +3709,6 @@ var package_default = {
     ink: "^7.0.5",
     "ink-picture": "^2.1.0",
     "ink-spinner": "^5.0.0",
-    "ink-text-input": "^6.0.0",
     ioredis: "^5.11.1",
     nanoid: "^5.1.15",
     pino: "^10.3.1",
@@ -5058,8 +5104,8 @@ function getWorkflow(id) {
 // src/ui/Welcome.tsx
 import { dirname as dirname8, join as join11 } from "node:path";
 import { fileURLToPath as fileURLToPath2 } from "node:url";
-import { useState as useState8 } from "react";
-import { Box as Box11, Spacer, Text as Text11, useInput as useInput4, useWindowSize as useWindowSize5 } from "ink";
+import { useState as useState9 } from "react";
+import { Box as Box11, Spacer, Text as Text12, useInput as useInput5, useWindowSize as useWindowSize5 } from "ink";
 
 // src/ui/copy/welcome.ts
 var sidebarItems = [
@@ -5087,7 +5133,7 @@ var sidebarItems = [
 
 // src/ui/Welcome.tsx
 import Image, { TerminalInfoContext, defaultTerminalInfo } from "ink-picture";
-import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs11 } from "react/jsx-runtime";
 var IMAGE_PATH = join11(dirname8(fileURLToPath2(import.meta.url)), "algolia.png");
 var TERMINAL_INFO = {
   ...defaultTerminalInfo,
@@ -5098,14 +5144,14 @@ function SidebarItem({
   title,
   description
 }) {
-  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs10(Box11, { gap: 1, children: [
-      /* @__PURE__ */ jsx9(Text11, { color: COLORS.success, children: "\u2192" }),
-      /* @__PURE__ */ jsx9(Text11, { color: COLORS.strong, bold: true, children: title })
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+      /* @__PURE__ */ jsx10(Text12, { color: COLORS.success, children: "\u2192" }),
+      /* @__PURE__ */ jsx10(Text12, { color: COLORS.strong, bold: true, children: title })
     ] }),
-    /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", gap: 2, children: [
-      /* @__PURE__ */ jsx9(Spacer, {}),
-      /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: description })
+    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "row", gap: 2, children: [
+      /* @__PURE__ */ jsx10(Spacer, {}),
+      /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: description })
     ] })
   ] });
 }
@@ -5117,8 +5163,8 @@ function Welcome() {
     { label: "start wizard", run: confirmStart },
     { label: "learn more", run: openLearnMore }
   ];
-  const [index, setIndex] = useState8(0);
-  useInput4((input, key) => {
+  const [index, setIndex] = useState9(0);
+  useInput5((input, key) => {
     if (key.upArrow || input === "k") {
       setIndex((i) => (i - 1 + actions.length) % actions.length);
     } else if (key.downArrow || input === "j") {
@@ -5141,16 +5187,16 @@ function Welcome() {
   if (rows < 30) {
     layout = scales["small"];
   }
-  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [
+    /* @__PURE__ */ jsx10(
       Box11,
       {
         paddingY: layout.main.padding.y,
         paddingX: layout.main.padding.x,
         flexDirection: "column",
         justifyContent: "center",
-        children: /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", gap: 2, children: [
-          /* @__PURE__ */ jsx9(TerminalInfoContext.Provider, { value: TERMINAL_INFO, children: /* @__PURE__ */ jsx9(
+        children: /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", gap: 2, children: [
+          /* @__PURE__ */ jsx10(TerminalInfoContext.Provider, { value: TERMINAL_INFO, children: /* @__PURE__ */ jsx10(
             Image,
             {
               src: IMAGE_PATH,
@@ -5161,8 +5207,8 @@ function Welcome() {
               protocol: "halfBlock"
             }
           ) }),
-          /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: "\u2726 From zero \u2192 working search in ~10 minutes" }),
-          /* @__PURE__ */ jsx9(Box11, { flexDirection: "column", children: actions.map((action, i) => /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "\u2726 From zero \u2192 working search in ~10 minutes" }),
+          /* @__PURE__ */ jsx10(Box11, { flexDirection: "column", children: actions.map((action, i) => /* @__PURE__ */ jsx10(
             SelectRow,
             {
               highlighted: i === index,
@@ -5171,20 +5217,20 @@ function Welcome() {
             },
             action.label
           )) }),
-          /* @__PURE__ */ jsxs10(Box11, { gap: 2, children: [
-            /* @__PURE__ */ jsxs10(Text11, { children: [
-              /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
-              /* @__PURE__ */ jsx9(Text11, { color: COLORS.dim, children: " move" })
+          /* @__PURE__ */ jsxs11(Box11, { gap: 2, children: [
+            /* @__PURE__ */ jsxs11(Text12, { children: [
+              /* @__PURE__ */ jsx10(Text12, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
+              /* @__PURE__ */ jsx10(Text12, { color: COLORS.dim, children: " move" })
             ] }),
-            /* @__PURE__ */ jsxs10(Text11, { children: [
-              /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: "[enter]" }),
-              /* @__PURE__ */ jsx9(Text11, { color: COLORS.dim, children: " confirm" })
+            /* @__PURE__ */ jsxs11(Text12, { children: [
+              /* @__PURE__ */ jsx10(Text12, { color: COLORS.primary, children: "[enter]" }),
+              /* @__PURE__ */ jsx10(Text12, { color: COLORS.dim, children: " confirm" })
             ] })
           ] })
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs11(
       Box11,
       {
         backgroundColor: COLORS.bg.sidebar,
@@ -5195,8 +5241,8 @@ function Welcome() {
         flexDirection: "column",
         justifyContent: "center",
         children: [
-          /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: "WHAT THIS WIZARD WILL DO" }),
-          sidebarItems.map((i, idx) => /* @__PURE__ */ jsx9(SidebarItem, { title: i.title, description: i.description }, idx))
+          /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "WHAT THIS WIZARD WILL DO" }),
+          sidebarItems.map((i, idx) => /* @__PURE__ */ jsx10(SidebarItem, { title: i.title, description: i.description }, idx))
         ]
       }
     )
@@ -5205,7 +5251,7 @@ function Welcome() {
 
 // src/ui/LearnMore.tsx
 import { Fragment } from "react";
-import { Box as Box12, Text as Text12, useInput as useInput5, useWindowSize as useWindowSize6 } from "ink";
+import { Box as Box12, Text as Text13, useInput as useInput6, 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.";
@@ -5247,7 +5293,7 @@ var policyLinks = [
 ];
 
 // src/ui/LearnMore.tsx
-import { jsx as jsx10, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs12 } from "react/jsx-runtime";
 var TAG_COLORS = {
   READ: COLORS.success,
   WRITE: COLORS.badge,
@@ -5264,12 +5310,12 @@ function NeverLine({
 }) {
   const used = segments.reduce((n, s) => n + s.text.length, 0);
   const rightPad = Math.max(0, width - 2 - NEVER_BOX_PAD_X - used);
-  return /* @__PURE__ */ jsxs11(Text12, { color: COLORS.primary, children: [
-    /* @__PURE__ */ jsx10(Text12, { color: COLORS.danger, children: "\u2502" }),
+  return /* @__PURE__ */ jsxs12(Text13, { color: COLORS.primary, children: [
+    /* @__PURE__ */ jsx11(Text13, { color: COLORS.danger, children: "\u2502" }),
     " ".repeat(NEVER_BOX_PAD_X),
-    segments.map((s, i) => /* @__PURE__ */ jsx10(Text12, { color: s.color, bold: s.bold, children: s.text }, i)),
+    segments.map((s, i) => /* @__PURE__ */ jsx11(Text13, { color: s.color, bold: s.bold, children: s.text }, i)),
     " ".repeat(rightPad),
-    /* @__PURE__ */ jsx10(Text12, { color: COLORS.danger, children: "\u2502" })
+    /* @__PURE__ */ jsx11(Text13, { color: COLORS.danger, children: "\u2502" })
   ] });
 }
 function LearnMore() {
@@ -5277,11 +5323,11 @@ function LearnMore() {
   const backToHome = useWizard((s) => s.backToHome);
   const { columns } = useWindowSize6();
   const dividerWidth = Math.max(0, columns - PADDING_X * 2);
-  useInput5((_input, key) => {
+  useInput6((_input, key) => {
     if (key.escape) backToHome();
     else if (key.return) confirmStart();
   });
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     Box12,
     {
       flexDirection: "column",
@@ -5290,31 +5336,31 @@ function LearnMore() {
       width: "100%",
       gap: 1,
       children: [
-        /* @__PURE__ */ jsx10(Text12, { color: COLORS.strong, bold: true, children: "What algolia wizard accesses" }),
-        /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: accessIntro }),
-        /* @__PURE__ */ jsx10(Box12, { flexDirection: "column", children: accessItems.map((item) => /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsx10(Text12, { color: COLORS.border, children: "\u2500".repeat(dividerWidth) }),
-          /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, marginTop: 1, children: [
-            /* @__PURE__ */ jsx10(Box12, { width: TAG_COLUMN_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx10(Text12, { color: TAG_COLORS[item.tag], bold: true, children: `[${item.tag}]` }) }),
-            /* @__PURE__ */ jsx10(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsxs11(Text12, { color: COLORS.primary, children: [
-              /* @__PURE__ */ jsx10(Text12, { color: COLORS.strong, bold: true, children: item.title }),
-              /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: ` \u2014 ${item.description}` })
+        /* @__PURE__ */ jsx11(Text13, { color: COLORS.strong, bold: true, children: "What algolia wizard accesses" }),
+        /* @__PURE__ */ jsx11(Text13, { color: COLORS.muted, children: accessIntro }),
+        /* @__PURE__ */ jsx11(Box12, { flexDirection: "column", children: accessItems.map((item) => /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx11(Text13, { color: COLORS.border, children: "\u2500".repeat(dividerWidth) }),
+          /* @__PURE__ */ jsxs12(Box12, { flexDirection: "row", gap: 1, marginTop: 1, children: [
+            /* @__PURE__ */ jsx11(Box12, { width: TAG_COLUMN_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text13, { color: TAG_COLORS[item.tag], bold: true, children: `[${item.tag}]` }) }),
+            /* @__PURE__ */ jsx11(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsxs12(Text13, { color: COLORS.primary, children: [
+              /* @__PURE__ */ jsx11(Text13, { color: COLORS.strong, bold: true, children: item.title }),
+              /* @__PURE__ */ jsx11(Text13, { color: COLORS.muted, children: ` \u2014 ${item.description}` })
             ] }) })
           ] })
         ] }, item.tag)) }),
-        /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsx10(Text12, { color: COLORS.danger, children: `\u256D${"\u2500".repeat(Math.max(0, dividerWidth - 2))}\u256E` }),
-          /* @__PURE__ */ jsx10(NeverLine, { width: dividerWidth }),
-          /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx11(Text13, { color: COLORS.danger, children: `\u256D${"\u2500".repeat(Math.max(0, dividerWidth - 2))}\u256E` }),
+          /* @__PURE__ */ jsx11(NeverLine, { width: dividerWidth }),
+          /* @__PURE__ */ jsx11(
             NeverLine,
             {
               width: dividerWidth,
               segments: [{ text: "I NEVER", color: COLORS.danger, bold: true }]
             }
           ),
-          neverItems.map((item) => /* @__PURE__ */ jsxs11(Fragment, { children: [
-            /* @__PURE__ */ jsx10(NeverLine, { width: dividerWidth }),
-            /* @__PURE__ */ jsx10(
+          neverItems.map((item) => /* @__PURE__ */ jsxs12(Fragment, { children: [
+            /* @__PURE__ */ jsx11(NeverLine, { width: dividerWidth }),
+            /* @__PURE__ */ jsx11(
               NeverLine,
               {
                 width: dividerWidth,
@@ -5326,24 +5372,24 @@ function LearnMore() {
               }
             )
           ] }, item)),
-          /* @__PURE__ */ jsx10(NeverLine, { width: dividerWidth }),
-          /* @__PURE__ */ jsx10(Text12, { color: COLORS.danger, children: `\u2570${"\u2500".repeat(Math.max(0, dividerWidth - 2))}\u256F` })
+          /* @__PURE__ */ jsx11(NeverLine, { width: dividerWidth }),
+          /* @__PURE__ */ jsx11(Text13, { color: COLORS.danger, children: `\u2570${"\u2500".repeat(Math.max(0, dividerWidth - 2))}\u256F` })
         ] }),
-        /* @__PURE__ */ jsx10(Box12, { marginTop: 1, flexDirection: "column", children: policyLinks.map((link) => /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, children: [
-          /* @__PURE__ */ jsx10(Text12, { color: COLORS.strong, bold: true, children: `${link.label}:` }),
-          /* @__PURE__ */ jsx10(Text12, { color: COLORS.accent, children: link.url })
+        /* @__PURE__ */ jsx11(Box12, { marginTop: 1, flexDirection: "column", children: policyLinks.map((link) => /* @__PURE__ */ jsxs12(Box12, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx11(Text13, { color: COLORS.strong, bold: true, children: `${link.label}:` }),
+          /* @__PURE__ */ jsx11(Text13, { color: COLORS.accent, children: link.url })
         ] }, link.label)) }),
-        /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, flexDirection: "row", gap: 3, children: [
-          /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, children: [
-            /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "[" }),
-            /* @__PURE__ */ jsx10(Text12, { color: COLORS.primary, children: "esc" }),
-            /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "] back" })
+        /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, flexDirection: "row", gap: 3, children: [
+          /* @__PURE__ */ jsxs12(Box12, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx11(Text13, { color: COLORS.muted, children: "[" }),
+            /* @__PURE__ */ jsx11(Text13, { color: COLORS.primary, children: "esc" }),
+            /* @__PURE__ */ jsx11(Text13, { color: COLORS.muted, children: "] back" })
           ] }),
-          /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, children: [
-            /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "[" }),
-            /* @__PURE__ */ jsx10(Text12, { color: COLORS.primary, children: "enter" }),
-            /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "]" }),
-            /* @__PURE__ */ jsx10(Text12, { color: COLORS.success, bold: true, children: "start wizard" })
+          /* @__PURE__ */ jsxs12(Box12, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx11(Text13, { color: COLORS.muted, children: "[" }),
+            /* @__PURE__ */ jsx11(Text13, { color: COLORS.primary, children: "enter" }),
+            /* @__PURE__ */ jsx11(Text13, { color: COLORS.muted, children: "]" }),
+            /* @__PURE__ */ jsx11(Text13, { color: COLORS.success, bold: true, children: "start wizard" })
           ] })
         ] })
       ]
@@ -5352,17 +5398,17 @@ function LearnMore() {
 }
 
 // src/ui/Sidebar.tsx
-import { Box as Box15, Text as Text15 } from "ink";
+import { Box as Box15, Text as Text16 } from "ink";
 
 // src/ui/Steps.tsx
-import { Box as Box13, Text as Text13 } from "ink";
+import { Box as Box13, Text as Text14 } from "ink";
 import Spinner2 from "ink-spinner";
-import { jsx as jsx11, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs13 } from "react/jsx-runtime";
 function Steps() {
   const { steps } = useWizard();
   const visibleSteps = steps.filter(isStepVisible);
-  return /* @__PURE__ */ jsx11(Box13, { flexDirection: "column", gap: 1, children: visibleSteps.map((s) => /* @__PURE__ */ jsx11(Box13, { flexDirection: "column", children: /* @__PURE__ */ jsxs12(Text13, { color: COLORS.status[s.status], children: [
-    s.status === "running" ? /* @__PURE__ */ jsx11(Spinner2, { type: "dots" }) : MARKER[s.status],
+  return /* @__PURE__ */ jsx12(Box13, { flexDirection: "column", gap: 1, children: visibleSteps.map((s) => /* @__PURE__ */ jsx12(Box13, { flexDirection: "column", children: /* @__PURE__ */ jsxs13(Text14, { color: COLORS.status[s.status], children: [
+    s.status === "running" ? /* @__PURE__ */ jsx12(Spinner2, { type: "dots" }) : MARKER[s.status],
     " ",
     s.title
   ] }) }, s.id)) });
@@ -5371,27 +5417,27 @@ function CurrentStep() {
   const { steps } = useWizard();
   const currentStep = steps.filter(isStepVisible).find((s) => s.status === "running");
   if (!currentStep) return null;
-  return /* @__PURE__ */ jsxs12(Text13, { color: COLORS.status.running, children: [
-    /* @__PURE__ */ jsx11(Spinner2, { type: "dots" }),
+  return /* @__PURE__ */ jsxs13(Text14, { color: COLORS.status.running, children: [
+    /* @__PURE__ */ jsx12(Spinner2, { type: "dots" }),
     " ",
     ` ${currentStep.title}`
   ] });
 }
 
 // src/ui/Progress.tsx
-import { Box as Box14, Text as Text14 } from "ink";
-import { jsx as jsx12, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text15 } from "ink";
+import { jsx as jsx13, jsxs as jsxs14 } from "react/jsx-runtime";
 function Progress() {
   const { steps, currentStepIndex } = useWizard();
   const visibleSteps = steps.filter(isStepVisible);
   if (visibleSteps.length === 0) return null;
   const visibleCountThroughCurrent = steps.slice(0, currentStepIndex + 1).filter(isStepVisible).length;
   const activeStepNumber = Math.max(1, visibleCountThroughCurrent);
-  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", gap: 1, children: [
-    /* @__PURE__ */ jsx12(Text14, { color: COLORS.muted, children: "STEP" }),
-    /* @__PURE__ */ jsx12(Text14, { color: COLORS.strong, bold: true, children: activeStepNumber }),
-    /* @__PURE__ */ jsx12(Text14, { color: COLORS.strong, bold: true, children: "/" }),
-    /* @__PURE__ */ jsx12(Text14, { color: COLORS.strong, bold: true, children: visibleSteps.length })
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "STEP" }),
+    /* @__PURE__ */ jsx13(Text15, { color: COLORS.strong, bold: true, children: activeStepNumber }),
+    /* @__PURE__ */ jsx13(Text15, { color: COLORS.strong, bold: true, children: "/" }),
+    /* @__PURE__ */ jsx13(Text15, { color: COLORS.strong, bold: true, children: visibleSteps.length })
   ] });
 }
 
@@ -5402,9 +5448,9 @@ var sidebarCommands = [
 ];
 
 // src/ui/Sidebar.tsx
-import { jsx as jsx13, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs15 } from "react/jsx-runtime";
 function Sidebar() {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     Box15,
     {
       backgroundColor: "#14171E",
@@ -5414,16 +5460,16 @@ function Sidebar() {
       flexDirection: "column",
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", gap: 1, children: [
-          /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "PROGRESS" }),
-          /* @__PURE__ */ jsx13(Steps, {})
+        /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx14(Text16, { color: COLORS.muted, children: "PROGRESS" }),
+          /* @__PURE__ */ jsx14(Steps, {})
         ] }),
-        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", gap: 1, children: [
-          /* @__PURE__ */ jsx13(Progress, {}),
-          /* @__PURE__ */ jsx13(Box15, { flexDirection: "column", children: sidebarCommands.map((c) => {
-            return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", gap: 1, children: [
-              /* @__PURE__ */ jsx13(Text15, { color: COLORS.primary, children: `[${c.keyHint}]` }),
-              /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: c.description })
+        /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx14(Progress, {}),
+          /* @__PURE__ */ jsx14(Box15, { flexDirection: "column", children: sidebarCommands.map((c) => {
+            return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "row", gap: 1, children: [
+              /* @__PURE__ */ jsx14(Text16, { color: COLORS.primary, children: `[${c.keyHint}]` }),
+              /* @__PURE__ */ jsx14(Text16, { color: COLORS.muted, children: c.description })
             ] }, c.keyHint);
           }) })
         ] })
@@ -5433,11 +5479,11 @@ function Sidebar() {
 }
 
 // src/ui/Ribbon.tsx
-import { Box as Box16, Text as Text16 } from "ink";
-import { jsx as jsx14, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box16, Text as Text17 } from "ink";
+import { jsx as jsx15, jsxs as jsxs16 } from "react/jsx-runtime";
 function Ribbon() {
   const firstCommand = sidebarCommands[0];
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     Box16,
     {
       backgroundColor: "#14171E",
@@ -5446,11 +5492,11 @@ function Ribbon() {
       paddingX: 2,
       paddingY: 1,
       children: [
-        /* @__PURE__ */ jsx14(Progress, {}),
-        /* @__PURE__ */ jsx14(CurrentStep, {}),
-        /* @__PURE__ */ jsxs15(Box16, { flexDirection: "row", gap: 1, children: [
-          /* @__PURE__ */ jsx14(Text16, { color: COLORS.primary, children: `[${firstCommand.keyHint}]` }),
-          /* @__PURE__ */ jsx14(Text16, { color: COLORS.muted, children: firstCommand.description })
+        /* @__PURE__ */ jsx15(Progress, {}),
+        /* @__PURE__ */ jsx15(CurrentStep, {}),
+        /* @__PURE__ */ jsxs16(Box16, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx15(Text17, { color: COLORS.primary, children: `[${firstCommand.keyHint}]` }),
+          /* @__PURE__ */ jsx15(Text17, { color: COLORS.muted, children: firstCommand.description })
         ] })
       ]
     }
@@ -5458,11 +5504,11 @@ function Ribbon() {
 }
 
 // src/ui/App.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 
 // src/ui/Logs.tsx
-import { Box as Box17, Text as Text17, useInput as useInput6 } from "ink";
-import { jsx as jsx15, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Box as Box17, Text as Text18, useInput as useInput7 } from "ink";
+import { jsx as jsx16, jsxs as jsxs17 } from "react/jsx-runtime";
 var KIND_COLOR = {
   tool: COLORS.primary,
   prompt: COLORS.badge
@@ -5493,14 +5539,14 @@ function formatTimestamp(ms) {
 function Logs() {
   const logs = useWizard((s) => s.logs);
   const scroll = useScrollWindow({ itemCount: logs.length, followBottom: true });
-  useInput6((_input, key) => {
+  useInput7((_input, key) => {
     if (key.upArrow) scroll.scrollBy(-1);
     else if (key.downArrow) scroll.scrollBy(1);
   });
   const visible = logs.slice(scroll.offset, scroll.offset + scroll.capacity);
-  return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", paddingX: 4, paddingY: 2, flexGrow: 1, children: [
-    logs.length === 0 && /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, children: "No logs yet." }),
-    /* @__PURE__ */ jsx15(ScrollView, { scroll, children: visible.map((entry) => {
+  return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", paddingX: 4, paddingY: 2, flexGrow: 1, children: [
+    logs.length === 0 && /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: "No logs yet." }),
+    /* @__PURE__ */ jsx16(ScrollView, { scroll, children: visible.map((entry) => {
       const timestamp = `[${formatTimestamp(entry.startedAt)}]`;
       const durationText = entry.kind === "tool" && entry.durationMs !== void 0 ? `${entry.durationMs}ms` : "";
       const rawPreview = rawInputText(entry.input);
@@ -5510,25 +5556,25 @@ function Logs() {
       const name = truncate3(entry.name, budget);
       budget -= name.length;
       const preview = rawPreview ? truncate3(rawPreview, budget) : "";
-      return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "row", gap: ROW_GAP, children: [
-        /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, children: timestamp }),
-        /* @__PURE__ */ jsx15(Text17, { color: logNameColor(entry), wrap: "truncate", children: name }),
-        preview && /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, wrap: "truncate", children: preview }),
-        durationText && /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, children: durationText })
+      return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "row", gap: ROW_GAP, children: [
+        /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: timestamp }),
+        /* @__PURE__ */ jsx16(Text18, { color: logNameColor(entry), wrap: "truncate", children: name }),
+        preview && /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, wrap: "truncate", children: preview }),
+        durationText && /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: durationText })
       ] }, entry.id);
     }) }),
-    /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, children: "\u2191/\u2193 scroll" })
+    /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: "\u2191/\u2193 scroll" })
   ] });
 }
 
 // src/ui/Tips.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState9 } from "react";
-import { Box as Box19, Text as Text19 } from "ink";
+import { useEffect as useEffect3, useRef as useRef4, useState as useState10 } from "react";
+import { Box as Box19, Text as Text20 } from "ink";
 import terminalLink from "terminal-link";
 
 // src/ui/Code.tsx
-import { Box as Box18, Text as Text18 } from "ink";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { Box as Box18, Text as Text19 } from "ink";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var TOKEN_RE = /("(?:\\.|[^"\\])*"|\btrue\b|\bfalse\b|\bnull\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|[{}[\]:,])/g;
 function highlightJson(json) {
   const parts = json.split(TOKEN_RE);
@@ -5537,22 +5583,22 @@ function highlightJson(json) {
     if (part[0] === '"') {
       const next = parts.slice(i + 1).find((p) => p.trim());
       const isKey = next?.trimStart().startsWith(":");
-      return /* @__PURE__ */ jsx16(Text18, { color: isKey ? "cyan" : "green", children: part }, i);
+      return /* @__PURE__ */ jsx17(Text19, { color: isKey ? "cyan" : "green", children: part }, i);
     }
     if (part === "true" || part === "false" || part === "null") {
-      return /* @__PURE__ */ jsx16(Text18, { color: "magenta", children: part }, i);
+      return /* @__PURE__ */ jsx17(Text19, { color: "magenta", children: part }, i);
     }
     if (/^-?\d/.test(part)) {
-      return /* @__PURE__ */ jsx16(Text18, { color: "yellow", children: part }, i);
+      return /* @__PURE__ */ jsx17(Text19, { color: "yellow", children: part }, i);
     }
     if (/^[{}[\]:,]$/.test(part)) {
-      return /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: part }, i);
+      return /* @__PURE__ */ jsx17(Text19, { color: COLORS.dim, children: part }, i);
     }
-    return /* @__PURE__ */ jsx16(Text18, { children: part }, i);
+    return /* @__PURE__ */ jsx17(Text19, { children: part }, i);
   });
 }
 function Code({ children }) {
-  return /* @__PURE__ */ jsx16(Box18, { children: /* @__PURE__ */ jsx16(Text18, { children: highlightJson(children) }) });
+  return /* @__PURE__ */ jsx17(Box18, { children: /* @__PURE__ */ jsx17(Text19, { children: highlightJson(children) }) });
 }
 
 // src/ui/copy/tips.ts
@@ -5766,26 +5812,26 @@ function tipsByIds(ids) {
 }
 
 // src/ui/Tips.tsx
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 var TICK_MS = 16;
 var CHUNK_HOLD_MS = 2e3;
 var HOLD_MS = 12e3;
 function TipTitle({ children }) {
-  return /* @__PURE__ */ jsxs17(Box19, { gap: 1, children: [
-    /* @__PURE__ */ jsx17(Text19, { color: "cyan", children: "\u2726" }),
-    /* @__PURE__ */ jsx17(Text19, { color: "white", bold: true, children })
+  return /* @__PURE__ */ jsxs18(Box19, { gap: 1, children: [
+    /* @__PURE__ */ jsx18(Text20, { color: "cyan", children: "\u2726" }),
+    /* @__PURE__ */ jsx18(Text20, { color: "white", bold: true, children })
   ] });
 }
 function InlineSegment({ segment }) {
   switch (segment.type) {
     case "highlight":
-      return /* @__PURE__ */ jsx17(Text19, { color: COLORS.success, children: segment.value });
+      return /* @__PURE__ */ jsx18(Text20, { color: COLORS.success, children: segment.value });
     case "link":
-      return /* @__PURE__ */ jsx17(Text19, { color: "cyan", underline: true, children: segment.href ? terminalLink(segment.value, segment.href) : segment.value });
+      return /* @__PURE__ */ jsx18(Text20, { color: "cyan", underline: true, children: segment.href ? terminalLink(segment.value, segment.href) : segment.value });
     case "codeword":
-      return /* @__PURE__ */ jsx17(Text19, { color: COLORS.highlight.fg, backgroundColor: COLORS.highlight.bg, children: segment.value });
+      return /* @__PURE__ */ jsx18(Text20, { color: COLORS.highlight.fg, backgroundColor: COLORS.highlight.bg, children: segment.value });
     default:
-      return /* @__PURE__ */ jsx17(Text19, { color: COLORS.muted, children: segment.value });
+      return /* @__PURE__ */ jsx18(Text20, { color: COLORS.muted, children: segment.value });
   }
 }
 function TipContent({
@@ -5819,10 +5865,10 @@ function TipContent({
       blocks.push({ type: "inline", segments: [segment] });
     }
   }
-  return /* @__PURE__ */ jsx17(Box19, { flexDirection: "column", marginLeft: 2, gap: 1, children: blocks.map(
-    (block, i) => block.type === "code" ? /* @__PURE__ */ jsx17(Code, { children: block.segment.value }, i) : /* @__PURE__ */ jsx17(Text19, { children: block.segments.map((segment, j) => /* @__PURE__ */ jsxs17(Text19, { children: [
+  return /* @__PURE__ */ jsx18(Box19, { flexDirection: "column", marginLeft: 2, gap: 1, children: blocks.map(
+    (block, i) => block.type === "code" ? /* @__PURE__ */ jsx18(Code, { children: block.segment.value }, i) : /* @__PURE__ */ jsx18(Text20, { children: block.segments.map((segment, j) => /* @__PURE__ */ jsxs18(Text20, { children: [
       j > 0 && " ",
-      /* @__PURE__ */ jsx17(InlineSegment, { segment })
+      /* @__PURE__ */ jsx18(InlineSegment, { segment })
     ] }, j)) }, i)
   ) });
 }
@@ -5839,8 +5885,8 @@ function Tips({
     progress.tipIndex = 0;
     progress.revealed = 0;
   }
-  const [tipIndex, setTipIndex] = useState9(resuming ? progress.tipIndex : 0);
-  const [revealed, setRevealed] = useState9(resuming ? progress.revealed : 0);
+  const [tipIndex, setTipIndex] = useState10(resuming ? progress.tipIndex : 0);
+  const [revealed, setRevealed] = useState10(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;
@@ -5899,14 +5945,14 @@ function Tips({
   if (!tip) return null;
   const titleRevealed = tip.title.slice(0, revealed);
   const contentRevealed = Math.max(0, revealed - tip.title.length);
-  return /* @__PURE__ */ jsxs17(Box19, { flexDirection: "column", marginBottom: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx17(TipTitle, { children: titleRevealed }),
-    /* @__PURE__ */ jsx17(TipContent, { chunks: tip.chunks, revealed: contentRevealed })
+  return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", marginBottom: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx18(TipTitle, { children: titleRevealed }),
+    /* @__PURE__ */ jsx18(TipContent, { chunks: tip.chunks, revealed: contentRevealed })
   ] });
 }
 
 // src/ui/App.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function App() {
   const {
     phase,
@@ -5922,8 +5968,8 @@ function App() {
   } = useWizard();
   const { exit } = useApp();
   const { columns, rows } = useWindowSize7();
-  const [showLogs, setShowLogs] = useState10(false);
-  const [tipState, setTipState] = useState10("idle");
+  const [showLogs, setShowLogs] = useState11(false);
+  const [tipState, setTipState] = useState11("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;
@@ -5936,7 +5982,7 @@ function App() {
   const showTips = stepHasTips && (phase === "running" && currentStep?.status === "running" || isCommandApprovalPrompt || holdForTip);
   const showNoticesInMain = !stepHasTips;
   const showNotices = (!isAwaitingUserInput || holdForTip) && !review2;
-  useInput7(
+  useInput8(
     (_input, key) => {
       if (key.return) {
         exit();
@@ -5944,7 +5990,7 @@ function App() {
     },
     { isActive: finished }
   );
-  useInput7((_input, key) => {
+  useInput8((_input, key) => {
     if (phase === "idle" || phase === "authenticating") return;
     if (key.tab) {
       setShowLogs(!showLogs);
@@ -5956,7 +6002,7 @@ function App() {
     }
   });
   const escOwnedElsewhere = phase === "idle" || phase === "authenticating" || phase === "awaitingInput" && !holdForTip && (inputReq?.promptType === "enterToContinue" || inputReq?.promptType === "commandApproval");
-  useInput7((_input, key) => {
+  useInput8((_input, key) => {
     if (escOwnedElsewhere) return;
     if (key.escape) {
       track("AI Wizard Interaction", {
@@ -5975,7 +6021,7 @@ function App() {
     /* Clamped to exactly the viewport: a taller frame makes Ink clear and repaint
        the whole screen, and the scrolling throws off its cursor arithmetic —
        flicker and leftover rows. */
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs19(
       Box20,
       {
         backgroundColor: COLORS.bg.main,
@@ -5984,7 +6030,7 @@ function App() {
         height: scrollsPastViewport ? void 0 : rows,
         overflow: scrollsPastViewport ? "visible" : "hidden",
         children: [
-          mainWindowVisible && /* @__PURE__ */ jsxs18(
+          mainWindowVisible && /* @__PURE__ */ jsxs19(
             Box20,
             {
               flexDirection,
@@ -5992,7 +6038,7 @@ function App() {
               maxHeight: rows,
               justifyContent: "space-between",
               children: [
-                showLogs ? /* @__PURE__ */ jsx18(Logs, {}) : /* @__PURE__ */ jsxs18(
+                showLogs ? /* @__PURE__ */ jsx19(Logs, {}) : /* @__PURE__ */ jsxs19(
                   Box20,
                   {
                     flexDirection: "column",
@@ -6002,30 +6048,30 @@ function App() {
                     flexGrow: 1,
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsxs18(Box20, { flexGrow: 2, flexDirection: "column", children: [
-                        phase === "preflight" && !user && /* @__PURE__ */ jsx18(Box20, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs18(Text20, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx18(Spinner3, { type: "dots" }),
+                      /* @__PURE__ */ jsxs19(Box20, { flexGrow: 2, flexDirection: "column", children: [
+                        phase === "preflight" && !user && /* @__PURE__ */ jsx19(Box20, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs19(Text21, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx19(Spinner3, { type: "dots" }),
                           " Signing in to Algolia"
                         ] }) }),
-                        phase === "preflight" && user && /* @__PURE__ */ jsx18(Box20, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs18(Text20, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx18(Spinner3, { type: "dots" }),
+                        phase === "preflight" && user && /* @__PURE__ */ jsx19(Box20, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs19(Text21, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx19(Spinner3, { type: "dots" }),
                           " Getting things ready"
                         ] }) }),
-                        phase === "authenticating" && /* @__PURE__ */ jsxs18(Box20, { flexDirection: "column", marginBottom: 1, children: [
-                          /* @__PURE__ */ jsxs18(Text20, { color: COLORS.strong, bold: true, children: [
-                            /* @__PURE__ */ jsx18(Spinner3, { type: "dots" }),
+                        phase === "authenticating" && /* @__PURE__ */ jsxs19(Box20, { flexDirection: "column", marginBottom: 1, children: [
+                          /* @__PURE__ */ jsxs19(Text21, { color: COLORS.strong, bold: true, children: [
+                            /* @__PURE__ */ jsx19(Spinner3, { type: "dots" }),
                             " Signing in to Algolia"
                           ] }),
-                          /* @__PURE__ */ jsx18(Text20, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
+                          /* @__PURE__ */ jsx19(Text21, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
                         ] }),
-                        settingUpAppId && /* @__PURE__ */ jsx18(Box20, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs18(Text20, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx18(Spinner3, { type: "dots" }),
+                        settingUpAppId && /* @__PURE__ */ jsx19(Box20, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs19(Text21, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx19(Spinner3, { type: "dots" }),
                           " Setting up Wizard using app",
                           " ",
                           settingUpAppId
                         ] }) }),
-                        /* @__PURE__ */ jsx18(CliOutput, {}),
-                        showTips && currentStep && /* @__PURE__ */ jsx18(
+                        /* @__PURE__ */ jsx19(CliOutput, {}),
+                        showTips && currentStep && /* @__PURE__ */ jsx19(
                           Tips,
                           {
                             stepId: currentStep.id,
@@ -6033,24 +6079,24 @@ function App() {
                             onRevealStateChange: setTipState
                           }
                         ),
-                        showNoticesInMain && showNotices && /* @__PURE__ */ jsx18(Notices, { showAll: true, border: false }),
-                        /* @__PURE__ */ jsx18(Review, {}),
-                        !showTips && /* @__PURE__ */ jsx18(PromptInput, {}),
-                        phase === "error" && error && /* @__PURE__ */ jsx18(Box20, { marginTop: 1, children: /* @__PURE__ */ jsxs18(Text20, { color: COLORS.status.error, children: [
+                        showNoticesInMain && showNotices && /* @__PURE__ */ jsx19(Notices, { showAll: true, border: false }),
+                        /* @__PURE__ */ jsx19(Review, {}),
+                        !showTips && /* @__PURE__ */ jsx19(PromptInput, {}),
+                        phase === "error" && error && /* @__PURE__ */ jsx19(Box20, { marginTop: 1, children: /* @__PURE__ */ jsxs19(Text21, { color: COLORS.status.error, children: [
                           "\u2716 ",
                           error
                         ] }) })
                       ] }),
-                      !showNoticesInMain && showNotices && /* @__PURE__ */ jsx18(Notices, {}),
-                      showTips && !holdForTip && /* @__PURE__ */ jsx18(PromptInput, {})
+                      !showNoticesInMain && showNotices && /* @__PURE__ */ jsx19(Notices, {}),
+                      showTips && !holdForTip && /* @__PURE__ */ jsx19(PromptInput, {})
                     ]
                   }
                 ),
-                showSidebar ? /* @__PURE__ */ jsx18(Sidebar, {}) : /* @__PURE__ */ jsx18(Ribbon, {})
+                showSidebar ? /* @__PURE__ */ jsx19(Sidebar, {}) : /* @__PURE__ */ jsx19(Ribbon, {})
               ]
             }
           ),
-          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx18(LearnMore, {}) : /* @__PURE__ */ jsx18(Welcome, {}))
+          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx19(LearnMore, {}) : /* @__PURE__ */ jsx19(Welcome, {}))
         ]
       }
     )
@@ -6417,7 +6463,7 @@ function delay(ms) {
 }
 
 // src/main.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 async function startup() {
   setProjectRoot(process.cwd());
   let args;
@@ -6468,7 +6514,7 @@ ${formatStepList(workflow)}`);
 async function run(opts) {
   const { workflow, skipResumePrompt } = opts;
   const store = useWizard.getState();
-  const instance = render(/* @__PURE__ */ jsx19(App, {}), { incrementalRendering: true });
+  const instance = render(/* @__PURE__ */ jsx20(App, {}), { incrementalRendering: true });
   await store.waitForStart();
   store.syncSteps(
     workflow.steps.map((s) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/wizard",
-  "version": "0.50.0",
+  "version": "0.51.0",
   "description": "Magically implement Algolia functionality in your codebase",
   "type": "module",
   "engines": {
@@ -58,7 +58,6 @@
     "ink": "^7.0.5",
     "ink-picture": "^2.1.0",
     "ink-spinner": "^5.0.0",
-    "ink-text-input": "^6.0.0",
     "ioredis": "^5.11.1",
     "nanoid": "^5.1.15",
     "pino": "^10.3.1",