@algolia/wizard 0.118.0 → 0.120.0

package/dist/main.js

@@ -4,7 +4,7 @@
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { Box as Box23, Text as Text24, useApp as useApp2, useInput as useInput10, useWindowSize as useWindowSize8 } from "ink";
+import { Box as Box24, Text as Text25, useApp as useApp2, useInput as useInput10, useWindowSize as useWindowSize8 } from "ink";
 import Spinner3 from "ink-spinner";
 
 // src/lib/terminalSize.ts
@@ -516,8 +516,8 @@ var useWizard = create((set, get) => ({
   }
 }));
 
-// src/ui/CliOutput.tsx
-import { Box, Text, useWindowSize } from "ink";
+// src/ui/Alert.tsx
+import { Box, Text } from "ink";
 
 // src/ui/theme.ts
 var MARKER = {
@@ -529,6 +529,7 @@ var MARKER = {
 var BRAND = "#003DFF";
 var SECONDARY = "#5468FF";
 var DANGER = "#F86E7E";
+var WARNING = "#E3B341";
 var COLORS = {
   brand: BRAND,
   primary: "#E6EDF3",
@@ -537,7 +538,8 @@ var COLORS = {
   muted: "#8B949E",
   dim: "#484F58",
   highlight: { bg: "#12331C", fg: "#4ADE80" },
-  badge: "#E3B341",
+  badge: WARNING,
+  warning: WARNING,
   danger: DANGER,
   success: "#4ADE80",
   bg: {
@@ -554,8 +556,44 @@ var COLORS = {
   }
 };
 
+// src/ui/Alert.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var VARIANTS = {
+  error: { label: "ERROR", color: COLORS.danger },
+  warning: { label: "WARN", color: COLORS.warning },
+  success: { label: "SUCCESS", color: COLORS.success }
+};
+function Alert({ variant, title, message }) {
+  const { label, color } = VARIANTS[variant];
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      paddingLeft: 1,
+      maxWidth: 70,
+      borderStyle: "bold",
+      borderTop: false,
+      borderRight: false,
+      borderBottom: false,
+      borderLeftColor: color,
+      borderBackgroundColor: COLORS.bg.main,
+      children: [
+        /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { bold: true, color, children: label }),
+          title && /* @__PURE__ */ jsxs(Text, { bold: true, color: COLORS.strong, children: [
+            " ",
+            title
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Text, { color: COLORS.muted, children: message })
+      ]
+    }
+  );
+}
+
 // src/ui/CliOutput.tsx
-import { jsxs } from "react/jsx-runtime";
+import { Box as Box2, Text as Text2, useWindowSize } from "ink";
+import { jsxs as jsxs2 } from "react/jsx-runtime";
 var CLI_MARKER = "\u203A";
 var RESERVED_ROWS = 16;
 var MAX_ROWS = 12;
@@ -578,14 +616,14 @@ function CliOutput() {
     usedRows += cost;
   }
   const hidden = cliOutput.length - visible.length;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-    hidden > 0 && /* @__PURE__ */ jsxs(Text, { color: COLORS.dim, children: [
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 1, children: [
+    hidden > 0 && /* @__PURE__ */ jsxs2(Text2, { color: COLORS.dim, children: [
       "\u2191 ",
       hidden,
       " earlier line(s)"
     ] }),
-    visible.map((line) => /* @__PURE__ */ jsxs(
-      Text,
+    visible.map((line) => /* @__PURE__ */ jsxs2(
+      Text2,
       {
         color: line.stream === "stderr" ? COLORS.muted : COLORS.dim,
         wrap: URL_PATTERN.test(line.text) ? "wrap" : "truncate",
@@ -601,13 +639,13 @@ function CliOutput() {
 }
 
 // src/ui/Notices.tsx
-import { Box as Box3, Text as Text3 } from "ink";
+import { Box as Box4, Text as Text4 } from "ink";
 import { useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/ui/Table.tsx
-import { Box as Box2, Text as Text2, measureElement, useWindowSize as useWindowSize2 } from "ink";
+import { Box as Box3, Text as Text3, measureElement, useWindowSize as useWindowSize2 } from "ink";
 import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function Table({ columns, rows }) {
   const { columns: termCols } = useWindowSize2();
   const ref = useRef(null);
@@ -617,7 +655,7 @@ function Table({ columns, rows }) {
   }, [termCols, columns, rows]);
   if (rows.length === 0) return null;
   const lines = formatTable(columns, rows, width || void 0);
-  return /* @__PURE__ */ jsx(Box2, { flexDirection: "column", ref, children: lines.map((line, i) => /* @__PURE__ */ jsx(Text2, { color: COLORS.primary, wrap: "truncate", children: line }, `tbl-${i}`)) });
+  return /* @__PURE__ */ jsx2(Box3, { flexDirection: "column", ref, children: lines.map((line, i) => /* @__PURE__ */ jsx2(Text3, { color: COLORS.primary, wrap: "truncate", children: line }, `tbl-${i}`)) });
 }
 function formatTable(columns, rows, width) {
   const natural = columns.map(
@@ -658,7 +696,7 @@ function resize(widths, budget) {
 var truncate = (s, width) => s.length <= width ? s : width <= 1 ? s.slice(0, width) : `${s.slice(0, width - 1)}\u2026`;
 
 // src/ui/Notices.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var AGENT_MARKER = "\u2726";
 var PULSE_STEPS = 12;
 var PULSE_STEP_MS = 150;
@@ -702,8 +740,8 @@ function Notices({
   }, []);
   if (visible.length === 0) return null;
   const pulseColor = PULSE_COLORS[pulseStep];
-  return /* @__PURE__ */ jsx2(
-    Box3,
+  return /* @__PURE__ */ jsx3(
+    Box4,
     {
       borderColor: border ? COLORS.border : void 0,
       borderStyle: border ? "single" : void 0,
@@ -714,12 +752,12 @@ function Notices({
       paddingTop: border ? 1 : 0,
       flexDirection: "column",
       gap: 1,
-      children: visible.map((notice, i) => /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", children: [
+      children: visible.map((notice, i) => /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", children: [
         notice.messages?.map((m, j) => {
           const line = typeof m === "string" ? { text: m } : m;
           const prefix = j === 0 ? `${AGENT_MARKER} ` : "  ";
-          return /* @__PURE__ */ jsxs2(
-            Text3,
+          return /* @__PURE__ */ jsxs3(
+            Text4,
             {
               color: !line.color ? notice === latest ? pulseColor : COLORS.dim : line.color ?? COLORS.dim,
               bold: line.bold,
@@ -731,19 +769,19 @@ function Notices({
             `notice-line-${j}`
           );
         }),
-        notice.table && /* @__PURE__ */ jsx2(Table, { columns: notice.table.columns, rows: notice.table.rows })
+        notice.table && /* @__PURE__ */ jsx3(Table, { columns: notice.table.columns, rows: notice.table.rows })
       ] }, `notice-${i}`))
     }
   );
 }
 
 // src/ui/PromptInput.tsx
-import { Box as Box10, Text as Text11 } from "ink";
+import { Box as Box11, Text as Text12 } from "ink";
 import Spinner from "ink-spinner";
 import { useState as useState9 } from "react";
 
 // src/ui/CommandApproval.tsx
-import { Box as Box8, Text as Text8, useInput as useInput3 } from "ink";
+import { Box as Box9, Text as Text9, useInput as useInput3 } from "ink";
 import { useLayoutEffect as useLayoutEffect3, useState as useState6 } from "react";
 
 // src/lib/wrapExact.ts
@@ -773,12 +811,12 @@ function wrapExact(text, width) {
 }
 
 // src/ui/DecisionSelect.tsx
-import { Box as Box5, Text as Text5, useInput } from "ink";
+import { Box as Box6, Text as Text6, useInput } from "ink";
 import { useState as useState3 } from "react";
 
 // src/ui/SelectRow.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function SelectRow({
   highlighted,
   label,
@@ -791,16 +829,16 @@ function SelectRow({
 }) {
   const active = highlighted && !disabled;
   const labelColor = disabled ? COLORS.dim : active ? highlightBackground ? COLORS.highlight.fg : COLORS.success : COLORS.primary;
-  return /* @__PURE__ */ jsxs3(
-    Box4,
+  return /* @__PURE__ */ jsxs4(
+    Box5,
     {
       width,
       paddingX: usePadding ? 1 : 0,
       paddingY: usePadding ? 1 : 0,
       backgroundColor: active && highlightBackground ? COLORS.highlight.bg : void 0,
       children: [
-        /* @__PURE__ */ jsx3(Box4, { width: labelWidth, children: /* @__PURE__ */ jsxs3(
-          Text4,
+        /* @__PURE__ */ jsx4(Box5, { width: labelWidth, children: /* @__PURE__ */ jsxs4(
+          Text5,
           {
             color: labelColor,
             bold: active && !highlightBackground,
@@ -818,7 +856,7 @@ function SelectRow({
 }
 
 // src/ui/DecisionSelect.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function DecisionSelect({
   actions,
   onDecide,
@@ -836,8 +874,8 @@ function DecisionSelect({
       onDecide(actions[1].value);
     }
   });
-  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx4(Box5, { flexDirection: "column", children: actions.map((action, i) => /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsx5(Box6, { flexDirection: "column", children: actions.map((action, i) => /* @__PURE__ */ jsx5(
       SelectRow,
       {
         highlighted: i === index,
@@ -846,34 +884,34 @@ 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: [
+    /* @__PURE__ */ jsxs5(Box6, { gap: 2, children: [
+      extraHints.map(({ key, label }) => /* @__PURE__ */ jsxs5(Text6, { children: [
+        /* @__PURE__ */ jsx5(Text6, { color: COLORS.primary, children: key }),
+        /* @__PURE__ */ jsxs5(Text6, { 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" })
+      /* @__PURE__ */ jsxs5(Text6, { children: [
+        /* @__PURE__ */ jsx5(Text6, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
+        /* @__PURE__ */ jsx5(Text6, { color: COLORS.dim, children: " move" })
       ] }),
-      /* @__PURE__ */ jsxs4(Text5, { children: [
-        /* @__PURE__ */ jsx4(Text5, { color: COLORS.primary, children: "[enter]" }),
-        /* @__PURE__ */ jsx4(Text5, { color: COLORS.dim, children: " confirm" })
+      /* @__PURE__ */ jsxs5(Text6, { children: [
+        /* @__PURE__ */ jsx5(Text6, { color: COLORS.primary, children: "[enter]" }),
+        /* @__PURE__ */ jsx5(Text6, { color: COLORS.dim, children: " confirm" })
       ] })
     ] })
   ] });
 }
 
 // src/ui/Review.tsx
-import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
+import { Box as Box8, Text as Text8, useInput as useInput2 } from "ink";
 import { useLayoutEffect as useLayoutEffect2, useState as useState5 } from "react";
 
 // src/ui/ScrollView.tsx
-import { Box as Box6, Text as Text6, measureElement as measureElement2, useWindowSize as useWindowSize3 } from "ink";
+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 jsxs5 } from "react/jsx-runtime";
+import { jsxs as jsxs6 } from "react/jsx-runtime";
 var INDICATOR_ROWS = 2;
 function fittedWidth(node, columns) {
   let left = 0;
@@ -944,20 +982,20 @@ function useScrollWindow({
   };
 }
 function ScrollView({ scroll, grow = true, children }) {
-  return /* @__PURE__ */ jsxs5(
-    Box6,
+  return /* @__PURE__ */ jsxs6(
+    Box7,
     {
       ref: scroll.viewportRef,
       flexDirection: "column",
       flexGrow: grow ? 1 : 0,
       children: [
-        scroll.hiddenAbove > 0 && /* @__PURE__ */ jsxs5(Text6, { color: COLORS.dim, children: [
+        scroll.hiddenAbove > 0 && /* @__PURE__ */ jsxs6(Text7, { color: COLORS.dim, children: [
           "\u2191 ",
           scroll.hiddenAbove,
           " more"
         ] }),
         children,
-        scroll.hiddenBelow > 0 && /* @__PURE__ */ jsxs5(Text6, { color: COLORS.dim, children: [
+        scroll.hiddenBelow > 0 && /* @__PURE__ */ jsxs6(Text7, { color: COLORS.dim, children: [
           "\u2193 ",
           scroll.hiddenBelow,
           " more"
@@ -968,7 +1006,7 @@ function ScrollView({ scroll, grow = true, children }) {
 }
 
 // src/ui/Review.tsx
-import { jsx as jsx5, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs7 } from "react/jsx-runtime";
 var INGEST_SCRIPT = ".algolia-wizard/ingest.sh";
 function wrapText(text, width) {
   if (width <= 0) return [text];
@@ -1066,25 +1104,25 @@ function ReviewPanel({ review: review2 }) {
     { 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 })
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx6(ScrollView, { scroll, children: visible.map((row, i) => /* @__PURE__ */ jsxs7(Text8, { wrap: "truncate", children: [
+      row.prefix && /* @__PURE__ */ jsx6(Text8, { color: row.prefixColor ?? row.color, bold: row.bold, children: row.prefix }),
+      /* @__PURE__ */ jsx6(Text8, { 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" })
+    scrollable && /* @__PURE__ */ jsxs7(Text8, { children: [
+      /* @__PURE__ */ jsx6(Text8, { color: COLORS.primary, children: "[j] [k]" }),
+      /* @__PURE__ */ jsx6(Text8, { color: COLORS.dim, children: " scroll" })
     ] })
   ] });
 }
 function Review() {
   const review2 = useWizard((s) => s.review);
   if (!review2) return null;
-  return /* @__PURE__ */ jsx5(ReviewPanel, { review: review2 });
+  return /* @__PURE__ */ jsx6(ReviewPanel, { review: review2 });
 }
 
 // src/ui/CommandApproval.tsx
-import { jsx as jsx6, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs8 } from "react/jsx-runtime";
 var BLANK2 = { prefix: "", text: " ", color: COLORS.dim };
 var COMMAND_PREFIX = "$ ";
 function fieldLines(prefix, value, color, width) {
@@ -1134,11 +1172,11 @@ function CommandApproval({
     { 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,
+  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 1, width: "100%", flexGrow: 1, flexShrink: 1, children: [
+    messages?.map((message, index) => /* @__PURE__ */ jsx7(Text9, { color: COLORS.muted, children: message }, `msg-${index}`)),
+    /* @__PURE__ */ jsx7(Text9, { color: COLORS.primary, bold: true, children: "Run this command?" }),
+    /* @__PURE__ */ jsx7(
+      Box9,
       {
         flexDirection: "column",
         paddingLeft: 2,
@@ -1151,13 +1189,13 @@ function CommandApproval({
         flexGrow: grow ? 1 : 0,
         flexShrink: 1,
         minHeight: 3,
-        children: /* @__PURE__ */ jsx6(ScrollView, { scroll, grow, 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 })
+        children: /* @__PURE__ */ jsx7(ScrollView, { scroll, grow, children: visible.map((line, i) => /* @__PURE__ */ jsxs8(Text9, { wrap: "truncate", children: [
+          line.prefix ? /* @__PURE__ */ jsx7(Text9, { color: COLORS.muted, children: line.prefix }) : null,
+          /* @__PURE__ */ jsx7(Text9, { color: line.color, children: line.text })
         ] }, `cmd-${scroll.offset + i}`)) })
       }
     ),
-    /* @__PURE__ */ jsx6(Box8, { flexShrink: 0, children: /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(Box9, { flexShrink: 0, children: /* @__PURE__ */ jsx7(
       DecisionSelect,
       {
         actions: [
@@ -1172,9 +1210,9 @@ function CommandApproval({
 }
 
 // src/ui/FreeTextInput.tsx
-import { Text as Text9, useInput as useInput4 } from "ink";
+import { Text as Text10, useInput as useInput4 } from "ink";
 import { useState as useState7 } from "react";
-import { jsx as jsx7, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs9 } from "react/jsx-runtime";
 function FreeTextInput({
   value,
   onChange,
@@ -1212,17 +1250,17 @@ function FreeTextInput({
   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: [
+  return /* @__PURE__ */ jsxs9(Text10, { color: COLORS.strong, children: [
     before,
-    /* @__PURE__ */ jsx7(Text9, { inverse: true, children: current }),
+    /* @__PURE__ */ jsx8(Text10, { 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 { Box as Box10, Text as Text11, 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";
+import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
 var CANCEL = "cancel";
 var ARROW_WIDTH = 4;
 var MULTI_TOGGLE_WIDTH = "[ ] ".length;
@@ -1247,6 +1285,7 @@ function SelectPrompt({
   table,
   list: list2,
   error,
+  alert,
   multi,
   cancelable,
   secondary,
@@ -1329,31 +1368,32 @@ function SelectPrompt({
       }
     }
   });
-  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 }),
-      list2 && list2.length > 0 && /* @__PURE__ */ jsx8(Box9, { flexDirection: "column", children: list2.map((item, i) => /* @__PURE__ */ jsxs9(Text10, { children: [
-        /* @__PURE__ */ jsx8(
-          Text10,
+  return /* @__PURE__ */ jsx9(Box10, { ref: containerRef, flexGrow: 1, children: /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, width, children: [
+    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, flexShrink: 0, children: [
+      error && /* @__PURE__ */ jsx9(Alert, { variant: "error", message: error }),
+      alert && /* @__PURE__ */ jsx9(Alert, { ...alert }),
+      messages?.map((m, i) => /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: m }, `msg-${i}`)),
+      table && /* @__PURE__ */ jsx9(Table, { columns: table.columns, rows: table.rows }),
+      list2 && list2.length > 0 && /* @__PURE__ */ jsx9(Box10, { flexDirection: "column", children: list2.map((item, i) => /* @__PURE__ */ jsxs10(Text11, { children: [
+        /* @__PURE__ */ jsx9(
+          Text11,
           {
             color: item.color === "success" ? COLORS.success : COLORS.danger,
             children: item.color === "success" ? "\u2713 " : "\u25CF "
           }
         ),
-        /* @__PURE__ */ jsx8(Text10, { color: COLORS.primary, children: item.label }),
-        item.helpText ? /* @__PURE__ */ jsxs9(Text10, { color: COLORS.muted, children: [
+        /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: item.label }),
+        item.helpText ? /* @__PURE__ */ jsxs10(Text11, { color: COLORS.muted, children: [
           " ",
           item.helpText
         ] }) : null
       ] }, `list-${i}`)) }),
-      /* @__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__ */ jsxs10(Box10, { flexDirection: "column", children: [
+        question && /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: question }),
+        helpText && /* @__PURE__ */ jsx9(Text11, { color: COLORS.dim, children: helpText })
       ] })
     ] }),
-    /* @__PURE__ */ jsx8(ScrollView, { scroll, children: visible.map((option, visibleIndex) => {
+    /* @__PURE__ */ jsx9(ScrollView, { scroll, children: visible.map((option, visibleIndex) => {
       const i = scroll.offset + visibleIndex;
       const highlighted = i === index;
       const isCancel = i === cancelIndex;
@@ -1361,7 +1401,7 @@ function SelectPrompt({
       const sec = isCancel ? void 0 : secondary?.[i];
       const isText = sec?.kind === "text";
       const rowDisabled = isDisabled(i);
-      return /* @__PURE__ */ jsxs9(
+      return /* @__PURE__ */ jsxs10(
         SelectRow,
         {
           highlighted,
@@ -1371,24 +1411,24 @@ function SelectPrompt({
           label: `${bullet}${displayLabel(i)}`,
           usePadding: true,
           children: [
-            isText && textWidth > 0 && /* @__PURE__ */ jsx8(Box9, { width: textWidth, children: /* @__PURE__ */ jsx8(
-              Text10,
+            isText && textWidth > 0 && /* @__PURE__ */ jsx9(Box10, { width: textWidth, children: /* @__PURE__ */ jsx9(
+              Text11,
               {
                 wrap: "truncate",
                 color: rowDisabled ? COLORS.dim : highlighted ? COLORS.primary : COLORS.muted,
                 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 }) })
+            sec?.kind === "badge" && /* @__PURE__ */ jsx9(Box10, { width: badgeWidth, justifyContent: "flex-end", children: /* @__PURE__ */ jsx9(Text11, { color: COLORS.badge, wrap: "truncate", children: sec.value }) })
           ]
         },
         `row-${i}`
       );
     }) }),
-    /* @__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: [
+    /* @__PURE__ */ jsx9(Box10, { flexShrink: 0, children: /* @__PURE__ */ jsx9(Text11, { color: COLORS.dim, children: hints.map(({ key, label }, i) => /* @__PURE__ */ jsxs10(Text11, { color: COLORS.dim, children: [
       i > 0 ? "   " : "",
-      /* @__PURE__ */ jsx8(Text10, { color: COLORS.primary, children: key }),
-      /* @__PURE__ */ jsxs9(Text10, { color: COLORS.dim, children: [
+      /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: key }),
+      /* @__PURE__ */ jsxs10(Text11, { color: COLORS.dim, children: [
         " ",
         label
       ] })
@@ -1397,17 +1437,17 @@ function SelectPrompt({
 }
 
 // src/ui/PromptInput.tsx
-import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs11 } from "react/jsx-runtime";
 var ACCEPT_REJECT_OPTIONS = ["Accept", "Reject"];
 function EnterToContinuePrompt({
   question,
   messages,
   onDecide
 }) {
-  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(
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", gap: 1, children: [
+    messages?.map((m, i) => /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: m }, `msg-${i}`)),
+    question && /* @__PURE__ */ jsx10(Text12, { color: COLORS.primary, children: question }),
+    /* @__PURE__ */ jsx10(
       DecisionSelect,
       {
         actions: [
@@ -1426,12 +1466,12 @@ function PromptInput() {
   const promptKey = inputReq && `${inputReq.promptType}:${inputReq.prompt}`;
   const submitting = inputReq != null && submittedReq === inputReq;
   if (phase === "done" || phase === "error") {
-    return /* @__PURE__ */ jsx9(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text11, { color: "gray", dimColor: true, children: "Press Enter or Esc to exit" }) });
+    return /* @__PURE__ */ jsx10(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text12, { color: "gray", dimColor: true, children: "Press Enter or Esc to exit" }) });
   }
   if (phase !== "awaitingInput" || !inputReq) return null;
   if (submitting) {
-    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsxs10(Text11, { color: COLORS.strong, bold: true, children: [
-      /* @__PURE__ */ jsx9(Spinner, { type: "dots" }),
+    return /* @__PURE__ */ jsx10(Box11, { flexGrow: 1, children: /* @__PURE__ */ jsxs11(Text12, { color: COLORS.strong, bold: true, children: [
+      /* @__PURE__ */ jsx10(Spinner, { type: "dots" }),
       " Continuing\u2026"
     ] }) });
   }
@@ -1440,7 +1480,7 @@ function PromptInput() {
     submitInput(value);
   };
   if (inputReq.promptType === "multipleChoice") {
-    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(Box11, { flexGrow: 1, children: /* @__PURE__ */ jsx10(
       SelectPrompt,
       {
         question: inputReq.prompt,
@@ -1455,13 +1495,14 @@ function PromptInput() {
         defaultSelectedIndex: inputReq.defaultSelectedIndex,
         cancelable: inputReq.cancelable,
         error: inputReq.error,
+        alert: inputReq.alert,
         onSelect: handleSubmit
       },
       promptKey
     ) });
   }
   if (inputReq.promptType === "multiSelect") {
-    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(Box11, { flexGrow: 1, children: /* @__PURE__ */ jsx10(
       SelectPrompt,
       {
         multi: true,
@@ -1473,6 +1514,7 @@ function PromptInput() {
         options: inputReq.options,
         labels: inputReq.labels,
         error: inputReq.error,
+        alert: inputReq.alert,
         secondary: inputReq.secondary,
         cancelable: inputReq.cancelable,
         onSelect: handleSubmit
@@ -1481,7 +1523,7 @@ function PromptInput() {
     ) });
   }
   if (inputReq.promptType === "notice") {
-    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(Box11, { flexGrow: 1, children: /* @__PURE__ */ jsx10(
       SelectPrompt,
       {
         messages: inputReq.messages,
@@ -1493,7 +1535,7 @@ function PromptInput() {
     ) });
   }
   if (inputReq.promptType === "enterToContinue") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       EnterToContinuePrompt,
       {
         question: inputReq.prompt,
@@ -1503,7 +1545,7 @@ function PromptInput() {
     );
   }
   if (inputReq.promptType === "commandApproval" && inputReq.command) {
-    return /* @__PURE__ */ jsx9(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(Box11, { flexGrow: 1, children: /* @__PURE__ */ jsx10(
       CommandApproval,
       {
         command: inputReq.command,
@@ -1514,13 +1556,13 @@ function PromptInput() {
   }
   if (inputReq.promptType === "acceptReject") {
     const labels = inputReq.options?.length ? inputReq.options : ACCEPT_REJECT_OPTIONS;
-    return /* @__PURE__ */ jsxs10(Box10, { flexGrow: 1, flexDirection: "column", gap: 1, children: [
-      inputReq.detectedLanguages && /* @__PURE__ */ jsxs10(Text11, { color: COLORS.muted, children: [
+    return /* @__PURE__ */ jsxs11(Box11, { flexGrow: 1, flexDirection: "column", gap: 1, children: [
+      inputReq.detectedLanguages && /* @__PURE__ */ jsxs11(Text12, { color: COLORS.muted, children: [
         "Languages:",
         " ",
-        /* @__PURE__ */ jsx9(Text11, { color: COLORS.success, children: inputReq.detectedLanguages })
+        /* @__PURE__ */ jsx10(Text12, { color: COLORS.success, children: inputReq.detectedLanguages })
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         SelectPrompt,
         {
           question: inputReq.prompt,
@@ -1533,24 +1575,25 @@ function PromptInput() {
       )
     ] });
   }
-  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}`)),
-    inputReq.suggestion && /* @__PURE__ */ jsxs10(Text11, { color: COLORS.muted, children: [
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+    inputReq.error && /* @__PURE__ */ jsx10(Box11, { marginBottom: 1, children: /* @__PURE__ */ jsx10(Alert, { variant: "error", message: inputReq.error }) }),
+    inputReq.alert && /* @__PURE__ */ jsx10(Box11, { marginBottom: 1, children: /* @__PURE__ */ jsx10(Alert, { ...inputReq.alert }) }),
+    inputReq.messages?.map((m, i) => /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: m }, `msg-${i}`)),
+    inputReq.suggestion && /* @__PURE__ */ jsxs11(Text12, { color: COLORS.muted, children: [
       "Press",
       " ",
-      /* @__PURE__ */ jsx9(Text11, { color: COLORS.accent, bold: true, children: "Enter" }),
+      /* @__PURE__ */ jsx10(Text12, { color: COLORS.accent, bold: true, children: "Enter" }),
       " ",
       "to use",
       " ",
-      /* @__PURE__ */ jsx9(Text11, { color: COLORS.accent, bold: true, children: inputReq.suggestion })
+      /* @__PURE__ */ jsx10(Text12, { color: COLORS.accent, bold: true, children: inputReq.suggestion })
     ] }),
-    /* @__PURE__ */ jsxs10(Box10, { children: [
-      /* @__PURE__ */ jsxs10(Text11, { color: COLORS.primary, children: [
+    /* @__PURE__ */ jsxs11(Box11, { children: [
+      /* @__PURE__ */ jsxs11(Text12, { color: COLORS.primary, children: [
         inputReq.prompt,
         " "
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         FreeTextInput,
         {
           value: draft,
@@ -2504,7 +2547,7 @@ async function ensureApplication(resumeAppId) {
 // package.json
 var package_default = {
   name: "@algolia/wizard",
-  version: "0.118.0",
+  version: "0.120.0",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {
@@ -8872,6 +8915,32 @@ function requestedIndexError(indices, requestedIndexName) {
   }
   return `"${requestedIndexName}" has no records. Choose an index with data.`;
 }
+function noIndicesMessage(appName) {
+  return `${appName} doesn't have any indices yet. Start from a sample data set you can explore or switch to another application`;
+}
+function noIndicesWarning(appName) {
+  return {
+    variant: "warning",
+    title: "No indices found",
+    message: noIndicesMessage(appName)
+  };
+}
+function invalidIndexAlert(appName, indexName) {
+  return {
+    variant: "error",
+    title: `"${indexName}" is not a valid index`,
+    message: noIndicesMessage(appName)
+  };
+}
+function promptAlerts(indices, appName, invalidIndexName) {
+  const hasIndices = indices.length > 0;
+  if (!hasIndices && invalidIndexName) {
+    return { alert: invalidIndexAlert(appName, invalidIndexName) };
+  }
+  if (!hasIndices) return { alert: noIndicesWarning(appName) };
+  if (invalidIndexName) return { error: requestedIndexError(indices, invalidIndexName) };
+  return {};
+}
 async function selectIndexStep2(ctx, requestedIndexName) {
   let indices = ctx.getUserInput("fetchedIndices");
   !indices && ctx.notify({
@@ -8894,8 +8963,7 @@ async function selectIndexStep2(ctx, requestedIndexName) {
   ];
   const options = choices.map((choice) => choice.label);
   const disabled = hasIndices ? choices.map((choice) => choice.disabled) : void 0;
-  const prompt = hasIndices ? "Select an index:" : `${app.name} doesn't have any indices yet. Start from a sample data set 
-you can explore or switch to another application`;
+  const prompt = hasIndices ? "Select an index:" : "";
   if (!alreadyChoseIndex(ctx) && requestedIndexName) {
     const selectedIndex = indices.find((idx) => idx.name === requestedIndexName);
     if (selectedIndex && isIndexSelectable(selectedIndex)) {
@@ -8905,7 +8973,8 @@ you can explore or switch to another application`;
       });
     }
   }
-  let error = !alreadyChoseIndex(ctx) && requestedIndexName ? requestedIndexError(indices, requestedIndexName) : void 0;
+  const invalidIndexName = alreadyChoseIndex(ctx) ? void 0 : requestedIndexName;
+  let { error, alert } = promptAlerts(indices, app.name, invalidIndexName);
   let result;
   while (result === void 0) {
     const selection = await ctx.requestUserInput({
@@ -8913,6 +8982,7 @@ you can explore or switch to another application`;
       promptType: "multipleChoice",
       options,
       error,
+      alert,
       disabled,
       helpText: hasIndices ? "Choose an existing index with data, or create a new index from sample data." : void 0
     });
@@ -9947,11 +10017,11 @@ function getWorkflow(id) {
 
 // src/ui/Welcome.tsx
 import { useState as useState10 } from "react";
-import { Box as Box13, Spacer, Text as Text14, useInput as useInput6, useWindowSize as useWindowSize6 } from "ink";
+import { Box as Box14, Spacer, Text as Text15, useInput as useInput6, useWindowSize as useWindowSize6 } from "ink";
 
 // src/ui/Logo.tsx
-import { Box as Box11, Text as Text12 } from "ink";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text13 } from "ink";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var LOGO = [
   "    \u2597\u2584\u2584\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588",
   "  \u2597\u259F\u2588\u2580\u2580           \u2588\u2588",
@@ -9965,18 +10035,18 @@ var LOGO = [
   "    \u259D\u2580\u2580\u2588\u2588\u2588\u2588\u2588\u2588\u2580\u2598  \u259D\u2580\u2588"
 ];
 function Logo() {
-  return /* @__PURE__ */ jsx10(Box11, { flexDirection: "column", children: LOGO.map((line, i) => /* @__PURE__ */ jsx10(Text12, { color: COLORS.brand, children: line }, i)) });
+  return /* @__PURE__ */ jsx11(Box12, { flexDirection: "column", children: LOGO.map((line, i) => /* @__PURE__ */ jsx11(Text13, { color: COLORS.brand, children: line }, i)) });
 }
 
 // src/ui/ResizeNotice.tsx
-import { Box as Box12, Text as Text13, useWindowSize as useWindowSize5 } from "ink";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text14, useWindowSize as useWindowSize5 } from "ink";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function ResizeNotice() {
   const { columns, rows } = useWindowSize5();
   if (rows >= MIN_ROWS && columns >= MIN_COLUMNS) return null;
-  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx11(Text13, { color: COLORS.badge, children: `Terminal is ${columns}x${rows}. Recommended size is ${MIN_COLUMNS}x${MIN_ROWS}.` }),
-    /* @__PURE__ */ jsx11(Text13, { color: COLORS.muted, children: "Enlarge the pane for the full layout." })
+  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx12(Text14, { color: COLORS.badge, children: `Terminal is ${columns}x${rows}. Recommended size is ${MIN_COLUMNS}x${MIN_ROWS}.` }),
+    /* @__PURE__ */ jsx12(Text14, { color: COLORS.muted, children: "Enlarge the pane for the full layout." })
   ] });
 }
 
@@ -10005,19 +10075,19 @@ var sidebarItems = [
 ];
 
 // src/ui/Welcome.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function SidebarItem({
   title,
   description
 }) {
-  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs12(Box13, { gap: 1, children: [
-      /* @__PURE__ */ jsx12(Text14, { color: COLORS.success, children: "\u2192" }),
-      /* @__PURE__ */ jsx12(Text14, { color: COLORS.strong, bold: true, children: title })
+  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs13(Box14, { gap: 1, children: [
+      /* @__PURE__ */ jsx13(Text15, { color: COLORS.success, children: "\u2192" }),
+      /* @__PURE__ */ jsx13(Text15, { color: COLORS.strong, bold: true, children: title })
     ] }),
-    /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", gap: 2, children: [
-      /* @__PURE__ */ jsx12(Spacer, {}),
-      /* @__PURE__ */ jsx12(Text14, { color: COLORS.muted, children: description })
+    /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", gap: 2, children: [
+      /* @__PURE__ */ jsx13(Spacer, {}),
+      /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: description })
     ] })
   ] });
 }
@@ -10055,19 +10125,19 @@ function Welcome() {
   if (rows < MIN_ROWS) {
     layout = scales["small"];
   }
-  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [
-    /* @__PURE__ */ jsx12(
-      Box13,
+  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [
+    /* @__PURE__ */ jsx13(
+      Box14,
       {
         paddingY: layout.main.padding.y,
         paddingX: layout.main.padding.x,
         flexDirection: "column",
         justifyContent: "center",
-        children: /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", gap: 2, children: [
-          /* @__PURE__ */ jsx12(ResizeNotice, {}),
-          showLogo && /* @__PURE__ */ jsx12(Logo, {}),
-          /* @__PURE__ */ jsx12(Text14, { color: COLORS.muted, children: "\u2726 From zero \u2192 working search in ~10 minutes" }),
-          /* @__PURE__ */ jsx12(Box13, { flexDirection: "column", children: actions.map((action, i) => /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", gap: 2, children: [
+          /* @__PURE__ */ jsx13(ResizeNotice, {}),
+          showLogo && /* @__PURE__ */ jsx13(Logo, {}),
+          /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "\u2726 From zero \u2192 working search in ~10 minutes" }),
+          /* @__PURE__ */ jsx13(Box14, { flexDirection: "column", children: actions.map((action, i) => /* @__PURE__ */ jsx13(
             SelectRow,
             {
               highlighted: i === index,
@@ -10076,21 +10146,21 @@ function Welcome() {
             },
             action.label
           )) }),
-          /* @__PURE__ */ jsxs12(Box13, { gap: 2, children: [
-            /* @__PURE__ */ jsxs12(Text14, { children: [
-              /* @__PURE__ */ jsx12(Text14, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
-              /* @__PURE__ */ jsx12(Text14, { color: COLORS.dim, children: " move" })
+          /* @__PURE__ */ jsxs13(Box14, { gap: 2, children: [
+            /* @__PURE__ */ jsxs13(Text15, { children: [
+              /* @__PURE__ */ jsx13(Text15, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
+              /* @__PURE__ */ jsx13(Text15, { color: COLORS.dim, children: " move" })
             ] }),
-            /* @__PURE__ */ jsxs12(Text14, { children: [
-              /* @__PURE__ */ jsx12(Text14, { color: COLORS.primary, children: "[enter]" }),
-              /* @__PURE__ */ jsx12(Text14, { color: COLORS.dim, children: " confirm" })
+            /* @__PURE__ */ jsxs13(Text15, { children: [
+              /* @__PURE__ */ jsx13(Text15, { color: COLORS.primary, children: "[enter]" }),
+              /* @__PURE__ */ jsx13(Text15, { color: COLORS.dim, children: " confirm" })
             ] })
           ] })
         ] })
       }
     ),
-    showSidebar && /* @__PURE__ */ jsxs12(
-      Box13,
+    showSidebar && /* @__PURE__ */ jsxs13(
+      Box14,
       {
         backgroundColor: COLORS.bg.sidebar,
         width: 40,
@@ -10100,8 +10170,8 @@ function Welcome() {
         flexDirection: "column",
         justifyContent: "center",
         children: [
-          /* @__PURE__ */ jsx12(Text14, { color: COLORS.muted, children: "WHAT THIS WIZARD WILL DO" }),
-          sidebarItems.map((i, idx) => /* @__PURE__ */ jsx12(SidebarItem, { title: i.title, description: i.description }, idx))
+          /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "WHAT THIS WIZARD WILL DO" }),
+          sidebarItems.map((i, idx) => /* @__PURE__ */ jsx13(SidebarItem, { title: i.title, description: i.description }, idx))
         ]
       }
     )
@@ -10109,7 +10179,7 @@ function Welcome() {
 }
 
 // src/ui/LearnMore.tsx
-import { Box as Box14, Text as Text15, useInput as useInput7, useWindowSize as useWindowSize7 } from "ink";
+import { Box as Box15, Text as Text16, useInput as useInput7, useWindowSize as useWindowSize7 } 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.";
@@ -10151,7 +10221,7 @@ var policyLinks = [
 ];
 
 // src/ui/LearnMore.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var TAG_COLORS = {
   READ: COLORS.success,
   WRITE: COLORS.badge,
@@ -10286,8 +10356,8 @@ function LearnMore() {
     else if (scrollable && (input === "j" || key.downArrow)) scroll.scrollBy(1);
   });
   const visible = rows.slice(scroll.offset, scroll.offset + scroll.capacity);
-  return /* @__PURE__ */ jsxs13(
-    Box14,
+  return /* @__PURE__ */ jsxs14(
+    Box15,
     {
       flexDirection: "column",
       paddingX: PADDING_X,
@@ -10295,23 +10365,23 @@ function LearnMore() {
       width: "100%",
       flexGrow: 1,
       children: [
-        /* @__PURE__ */ jsx13(ResizeNotice, {}),
-        /* @__PURE__ */ jsx13(ScrollView, { scroll, children: visible.map((row, i) => /* @__PURE__ */ jsx13(Text15, { wrap: "truncate", children: row.parts.map((part, j) => /* @__PURE__ */ jsx13(Text15, { color: part.color, bold: part.bold, children: part.text }, j)) }, `learn-more-${scroll.offset}-${i}`)) }),
-        scrollable && /* @__PURE__ */ jsxs13(Text15, { children: [
-          /* @__PURE__ */ jsx13(Text15, { color: COLORS.primary, children: "[j] [k]" }),
-          /* @__PURE__ */ jsx13(Text15, { color: COLORS.dim, children: " scroll" })
+        /* @__PURE__ */ jsx14(ResizeNotice, {}),
+        /* @__PURE__ */ jsx14(ScrollView, { scroll, children: visible.map((row, i) => /* @__PURE__ */ jsx14(Text16, { wrap: "truncate", children: row.parts.map((part, j) => /* @__PURE__ */ jsx14(Text16, { color: part.color, bold: part.bold, children: part.text }, j)) }, `learn-more-${scroll.offset}-${i}`)) }),
+        scrollable && /* @__PURE__ */ jsxs14(Text16, { children: [
+          /* @__PURE__ */ jsx14(Text16, { color: COLORS.primary, children: "[j] [k]" }),
+          /* @__PURE__ */ jsx14(Text16, { color: COLORS.dim, children: " scroll" })
         ] }),
-        /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", gap: 3, children: [
-          /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", gap: 1, children: [
-            /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "[" }),
-            /* @__PURE__ */ jsx13(Text15, { color: COLORS.primary, children: "esc" }),
-            /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "] back" })
+        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", gap: 3, children: [
+          /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx14(Text16, { color: COLORS.muted, children: "[" }),
+            /* @__PURE__ */ jsx14(Text16, { color: COLORS.primary, children: "esc" }),
+            /* @__PURE__ */ jsx14(Text16, { color: COLORS.muted, children: "] back" })
           ] }),
-          /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", gap: 1, children: [
-            /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "[" }),
-            /* @__PURE__ */ jsx13(Text15, { color: COLORS.primary, children: "enter" }),
-            /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "]" }),
-            /* @__PURE__ */ jsx13(Text15, { color: COLORS.success, bold: true, children: "start wizard" })
+          /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx14(Text16, { color: COLORS.muted, children: "[" }),
+            /* @__PURE__ */ jsx14(Text16, { color: COLORS.primary, children: "enter" }),
+            /* @__PURE__ */ jsx14(Text16, { color: COLORS.muted, children: "]" }),
+            /* @__PURE__ */ jsx14(Text16, { color: COLORS.success, bold: true, children: "start wizard" })
           ] })
         ] })
       ]
@@ -10320,17 +10390,17 @@ function LearnMore() {
 }
 
 // src/ui/Sidebar.tsx
-import { Box as Box17, Text as Text18 } from "ink";
+import { Box as Box18, Text as Text19 } from "ink";
 
 // src/ui/Steps.tsx
-import { Box as Box15, Text as Text16 } from "ink";
+import { Box as Box16, Text as Text17 } from "ink";
 import Spinner2 from "ink-spinner";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function Steps() {
   const { steps } = useWizard();
   const visibleSteps = steps.filter(isStepVisible);
-  return /* @__PURE__ */ jsx14(Box15, { flexDirection: "column", gap: 1, children: visibleSteps.map((s) => /* @__PURE__ */ jsx14(Box15, { flexDirection: "column", children: /* @__PURE__ */ jsxs14(Text16, { color: COLORS.status[s.status], children: [
-    s.status === "running" ? /* @__PURE__ */ jsx14(Spinner2, { type: "dots" }) : MARKER[s.status],
+  return /* @__PURE__ */ jsx15(Box16, { flexDirection: "column", gap: 1, children: visibleSteps.map((s) => /* @__PURE__ */ jsx15(Box16, { flexDirection: "column", children: /* @__PURE__ */ jsxs15(Text17, { color: COLORS.status[s.status], children: [
+    s.status === "running" ? /* @__PURE__ */ jsx15(Spinner2, { type: "dots" }) : MARKER[s.status],
     " ",
     s.title
   ] }) }, s.id)) });
@@ -10339,27 +10409,27 @@ function CurrentStep() {
   const { steps } = useWizard();
   const currentStep = steps.filter(isStepVisible).find((s) => s.status === "running");
   if (!currentStep) return null;
-  return /* @__PURE__ */ jsxs14(Text16, { color: COLORS.status.running, children: [
-    /* @__PURE__ */ jsx14(Spinner2, { type: "dots" }),
+  return /* @__PURE__ */ jsxs15(Text17, { color: COLORS.status.running, children: [
+    /* @__PURE__ */ jsx15(Spinner2, { type: "dots" }),
     " ",
     ` ${currentStep.title}`
   ] });
 }
 
 // src/ui/Progress.tsx
-import { Box as Box16, Text as Text17 } from "ink";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box17, Text as Text18 } from "ink";
+import { jsx as jsx16, jsxs as jsxs16 } 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__ */ jsxs15(Box16, { flexDirection: "row", gap: 1, children: [
-    /* @__PURE__ */ jsx15(Text17, { color: COLORS.muted, children: "STEP" }),
-    /* @__PURE__ */ jsx15(Text17, { color: COLORS.strong, bold: true, children: activeStepNumber }),
-    /* @__PURE__ */ jsx15(Text17, { color: COLORS.strong, bold: true, children: "/" }),
-    /* @__PURE__ */ jsx15(Text17, { color: COLORS.strong, bold: true, children: visibleSteps.length })
+  return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx16(Text18, { color: COLORS.muted, children: "STEP" }),
+    /* @__PURE__ */ jsx16(Text18, { color: COLORS.strong, bold: true, children: activeStepNumber }),
+    /* @__PURE__ */ jsx16(Text18, { color: COLORS.strong, bold: true, children: "/" }),
+    /* @__PURE__ */ jsx16(Text18, { color: COLORS.strong, bold: true, children: visibleSteps.length })
   ] });
 }
 
@@ -10374,11 +10444,11 @@ var logsSidebarCommands = [
 ];
 
 // src/ui/Sidebar.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 function Sidebar({ inLogs = false }) {
   const commands = inLogs ? logsSidebarCommands : sidebarCommands;
-  return /* @__PURE__ */ jsxs16(
-    Box17,
+  return /* @__PURE__ */ jsxs17(
+    Box18,
     {
       backgroundColor: "#14171E",
       width: 30,
@@ -10387,16 +10457,16 @@ function Sidebar({ inLogs = false }) {
       flexDirection: "column",
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", gap: 1, children: [
-          /* @__PURE__ */ jsx16(Text18, { color: COLORS.muted, children: "PROGRESS" }),
-          /* @__PURE__ */ jsx16(Steps, {})
+        /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx17(Text19, { color: COLORS.muted, children: "PROGRESS" }),
+          /* @__PURE__ */ jsx17(Steps, {})
         ] }),
-        /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", gap: 1, children: [
-          /* @__PURE__ */ jsx16(Progress, {}),
-          /* @__PURE__ */ jsx16(Box17, { flexDirection: "column", children: commands.map((c) => {
-            return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "row", gap: 1, children: [
-              /* @__PURE__ */ jsx16(Text18, { color: COLORS.primary, children: `[${c.keyHint}]` }),
-              /* @__PURE__ */ jsx16(Text18, { color: COLORS.muted, children: c.description })
+        /* @__PURE__ */ jsxs17(Box18, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx17(Progress, {}),
+          /* @__PURE__ */ jsx17(Box18, { flexDirection: "column", children: commands.map((c) => {
+            return /* @__PURE__ */ jsxs17(Box18, { flexDirection: "row", gap: 1, children: [
+              /* @__PURE__ */ jsx17(Text19, { color: COLORS.primary, children: `[${c.keyHint}]` }),
+              /* @__PURE__ */ jsx17(Text19, { color: COLORS.muted, children: c.description })
             ] }, c.keyHint);
           }) })
         ] })
@@ -10406,12 +10476,12 @@ function Sidebar({ inLogs = false }) {
 }
 
 // src/ui/Ribbon.tsx
-import { Box as Box18, Text as Text19 } from "ink";
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Box as Box19, Text as Text20 } from "ink";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 function Ribbon() {
   const firstCommand = sidebarCommands[0];
-  return /* @__PURE__ */ jsxs17(
-    Box18,
+  return /* @__PURE__ */ jsxs18(
+    Box19,
     {
       backgroundColor: "#14171E",
       flexDirection: "row",
@@ -10419,11 +10489,11 @@ function Ribbon() {
       paddingX: 2,
       paddingY: 1,
       children: [
-        /* @__PURE__ */ jsx17(Progress, {}),
-        /* @__PURE__ */ jsx17(CurrentStep, {}),
-        /* @__PURE__ */ jsxs17(Box18, { flexDirection: "row", gap: 1, children: [
-          /* @__PURE__ */ jsx17(Text19, { color: COLORS.primary, children: `[${firstCommand.keyHint}]` }),
-          /* @__PURE__ */ jsx17(Text19, { color: COLORS.muted, children: firstCommand.description })
+        /* @__PURE__ */ jsx18(Progress, {}),
+        /* @__PURE__ */ jsx18(CurrentStep, {}),
+        /* @__PURE__ */ jsxs18(Box19, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx18(Text20, { color: COLORS.primary, children: `[${firstCommand.keyHint}]` }),
+          /* @__PURE__ */ jsx18(Text20, { color: COLORS.muted, children: firstCommand.description })
         ] })
       ]
     }
@@ -10434,11 +10504,11 @@ function Ribbon() {
 import { useState as useState14 } from "react";
 
 // src/ui/Logs.tsx
-import { Box as Box20, Text as Text21, useInput as useInput9 } from "ink";
+import { Box as Box21, Text as Text22, useInput as useInput9 } from "ink";
 import { useLayoutEffect as useLayoutEffect6, useState as useState12 } from "react";
 
 // src/ui/LogDetails.tsx
-import { Box as Box19, Text as Text20, useInput as useInput8 } from "ink";
+import { Box as Box20, Text as Text21, useInput as useInput8 } from "ink";
 import { useLayoutEffect as useLayoutEffect5, useMemo, useState as useState11 } from "react";
 
 // src/ui/logFormat.ts
@@ -10469,7 +10539,7 @@ function durationText(entry) {
 }
 
 // src/ui/LogDetails.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var BLANK4 = { text: " ", color: COLORS.dim };
 var VALUE_INDENT = "  ";
 var TAB = "  ";
@@ -10527,9 +10597,9 @@ function LogDetails({
     else if (key.escape) onClose();
   });
   const visible = lines.slice(scroll.offset, scroll.offset + scroll.capacity);
-  return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx18(ScrollView, { scroll, children: visible.map((line, i) => /* @__PURE__ */ jsx18(
-      Text20,
+  return /* @__PURE__ */ jsxs19(Box20, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx19(ScrollView, { scroll, children: visible.map((line, i) => /* @__PURE__ */ jsx19(
+      Text21,
       {
         color: line.color,
         bold: line.bold,
@@ -10538,21 +10608,21 @@ function LogDetails({
       },
       `detail-${scroll.offset + i}`
     )) }),
-    /* @__PURE__ */ jsxs18(Box19, { gap: 2, children: [
-      scroll.maxOffset > 0 && /* @__PURE__ */ jsxs18(Text20, { children: [
-        /* @__PURE__ */ jsx18(Text20, { color: COLORS.primary, children: "[j] [k]" }),
-        /* @__PURE__ */ jsx18(Text20, { color: COLORS.dim, children: " scroll" })
+    /* @__PURE__ */ jsxs19(Box20, { gap: 2, children: [
+      scroll.maxOffset > 0 && /* @__PURE__ */ jsxs19(Text21, { children: [
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.primary, children: "[j] [k]" }),
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: " scroll" })
       ] }),
-      /* @__PURE__ */ jsxs18(Text20, { children: [
-        /* @__PURE__ */ jsx18(Text20, { color: COLORS.primary, children: "[esc]" }),
-        /* @__PURE__ */ jsx18(Text20, { color: COLORS.dim, children: " back" })
+      /* @__PURE__ */ jsxs19(Text21, { children: [
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.primary, children: "[esc]" }),
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: " back" })
       ] })
     ] })
   ] });
 }
 
 // src/ui/Logs.tsx
-import { Fragment, jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 var ROW_GAP = 1;
 var SELECTED_MARKER = "\u276F";
 function truncate3(str, maxWidth) {
@@ -10597,9 +10667,9 @@ function Logs({ onBack }) {
     { isActive: !openEntry }
   );
   const visible = logs.slice(scroll.offset, scroll.offset + scroll.capacity);
-  return /* @__PURE__ */ jsx19(Box20, { flexDirection: "column", paddingX: 4, paddingY: 2, flexGrow: 1, children: openEntry ? /* @__PURE__ */ jsx19(LogDetails, { entry: openEntry, onClose: () => setOpenLogId(null) }) : /* @__PURE__ */ jsxs19(Fragment, { children: [
-    logs.length === 0 && /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: "No logs yet." }),
-    /* @__PURE__ */ jsx19(ScrollView, { scroll, children: visible.map((entry, i) => {
+  return /* @__PURE__ */ jsx20(Box21, { flexDirection: "column", paddingX: 4, paddingY: 2, flexGrow: 1, children: openEntry ? /* @__PURE__ */ jsx20(LogDetails, { entry: openEntry, onClose: () => setOpenLogId(null) }) : /* @__PURE__ */ jsxs20(Fragment, { children: [
+    logs.length === 0 && /* @__PURE__ */ jsx20(Text22, { color: COLORS.dim, children: "No logs yet." }),
+    /* @__PURE__ */ jsx20(ScrollView, { scroll, children: visible.map((entry, i) => {
       const selected = scroll.offset + i === selectedIndex;
       const timestamp = `[${formatTimestamp(entry.startedAt)}]`;
       const duration = durationText(entry);
@@ -10610,26 +10680,26 @@ function Logs({ onBack }) {
       const name = truncate3(entry.name, budget);
       budget -= name.length;
       const preview = rawPreview ? truncate3(rawPreview, budget) : "";
-      return /* @__PURE__ */ jsxs19(Box20, { flexDirection: "row", gap: ROW_GAP, children: [
-        /* @__PURE__ */ jsx19(Text21, { color: COLORS.success, children: selected ? SELECTED_MARKER : " " }),
-        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: timestamp }),
-        /* @__PURE__ */ jsx19(Text21, { color: logNameColor(entry), wrap: "truncate", children: name }),
-        preview && /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, wrap: "truncate", children: preview }),
-        duration && /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: duration })
+      return /* @__PURE__ */ jsxs20(Box21, { flexDirection: "row", gap: ROW_GAP, children: [
+        /* @__PURE__ */ jsx20(Text22, { color: COLORS.success, children: selected ? SELECTED_MARKER : " " }),
+        /* @__PURE__ */ jsx20(Text22, { color: COLORS.dim, children: timestamp }),
+        /* @__PURE__ */ jsx20(Text22, { color: logNameColor(entry), wrap: "truncate", children: name }),
+        preview && /* @__PURE__ */ jsx20(Text22, { color: COLORS.dim, wrap: "truncate", children: preview }),
+        duration && /* @__PURE__ */ jsx20(Text22, { color: COLORS.dim, children: duration })
       ] }, entry.id);
     }) }),
-    /* @__PURE__ */ jsxs19(Box20, { gap: 2, children: [
-      /* @__PURE__ */ jsxs19(Text21, { children: [
-        /* @__PURE__ */ jsx19(Text21, { color: COLORS.primary, children: "[j] [k]" }),
-        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: " select" })
+    /* @__PURE__ */ jsxs20(Box21, { gap: 2, children: [
+      /* @__PURE__ */ jsxs20(Text22, { children: [
+        /* @__PURE__ */ jsx20(Text22, { color: COLORS.primary, children: "[j] [k]" }),
+        /* @__PURE__ */ jsx20(Text22, { color: COLORS.dim, children: " select" })
       ] }),
-      /* @__PURE__ */ jsxs19(Text21, { children: [
-        /* @__PURE__ */ jsx19(Text21, { color: COLORS.primary, children: "[enter]" }),
-        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: " details" })
+      /* @__PURE__ */ jsxs20(Text22, { children: [
+        /* @__PURE__ */ jsx20(Text22, { color: COLORS.primary, children: "[enter]" }),
+        /* @__PURE__ */ jsx20(Text22, { color: COLORS.dim, children: " details" })
       ] }),
-      /* @__PURE__ */ jsxs19(Text21, { children: [
-        /* @__PURE__ */ jsx19(Text21, { color: COLORS.primary, children: "[esc]" }),
-        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: " back" })
+      /* @__PURE__ */ jsxs20(Text22, { children: [
+        /* @__PURE__ */ jsx20(Text22, { color: COLORS.primary, children: "[esc]" }),
+        /* @__PURE__ */ jsx20(Text22, { color: COLORS.dim, children: " back" })
       ] })
     ] })
   ] }) });
@@ -10637,12 +10707,12 @@ function Logs({ onBack }) {
 
 // src/ui/Tips.tsx
 import { useEffect as useEffect3, useRef as useRef4, useState as useState13 } from "react";
-import { Box as Box22, Text as Text23 } from "ink";
+import { Box as Box23, Text as Text24 } from "ink";
 import terminalLink from "terminal-link";
 
 // src/ui/Code.tsx
-import { Box as Box21, Text as Text22 } from "ink";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { Box as Box22, Text as Text23 } from "ink";
+import { jsx as jsx21 } 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);
@@ -10651,22 +10721,22 @@ function highlightJson(json) {
     if (part[0] === '"') {
       const next = parts.slice(i + 1).find((p) => p.trim());
       const isKey = next?.trimStart().startsWith(":");
-      return /* @__PURE__ */ jsx20(Text22, { color: isKey ? "cyan" : "green", children: part }, i);
+      return /* @__PURE__ */ jsx21(Text23, { color: isKey ? "cyan" : "green", children: part }, i);
     }
     if (part === "true" || part === "false" || part === "null") {
-      return /* @__PURE__ */ jsx20(Text22, { color: "magenta", children: part }, i);
+      return /* @__PURE__ */ jsx21(Text23, { color: "magenta", children: part }, i);
     }
     if (/^-?\d/.test(part)) {
-      return /* @__PURE__ */ jsx20(Text22, { color: "yellow", children: part }, i);
+      return /* @__PURE__ */ jsx21(Text23, { color: "yellow", children: part }, i);
     }
     if (/^[{}[\]:,]$/.test(part)) {
-      return /* @__PURE__ */ jsx20(Text22, { color: COLORS.dim, children: part }, i);
+      return /* @__PURE__ */ jsx21(Text23, { color: COLORS.dim, children: part }, i);
     }
-    return /* @__PURE__ */ jsx20(Text22, { children: part }, i);
+    return /* @__PURE__ */ jsx21(Text23, { children: part }, i);
   });
 }
 function Code({ children }) {
-  return /* @__PURE__ */ jsx20(Box21, { children: /* @__PURE__ */ jsx20(Text22, { children: highlightJson(children) }) });
+  return /* @__PURE__ */ jsx21(Box22, { children: /* @__PURE__ */ jsx21(Text23, { children: highlightJson(children) }) });
 }
 
 // src/ui/copy/tips.ts
@@ -10862,26 +10932,26 @@ var tips = [
 ];
 
 // src/ui/Tips.tsx
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 var TICK_MS = 16;
 var CHUNK_HOLD_MS = 2e3;
 var TIP_DURATION_MS = 25e3;
 function TipTitle({ children }) {
-  return /* @__PURE__ */ jsxs20(Box22, { gap: 1, children: [
-    /* @__PURE__ */ jsx21(Text23, { color: "cyan", children: "\u2726" }),
-    /* @__PURE__ */ jsx21(Text23, { color: "white", bold: true, children })
+  return /* @__PURE__ */ jsxs21(Box23, { gap: 1, children: [
+    /* @__PURE__ */ jsx22(Text24, { color: "cyan", children: "\u2726" }),
+    /* @__PURE__ */ jsx22(Text24, { color: "white", bold: true, children })
   ] });
 }
 function InlineSegment({ segment }) {
   switch (segment.type) {
     case "highlight":
-      return /* @__PURE__ */ jsx21(Text23, { color: COLORS.success, children: segment.value });
+      return /* @__PURE__ */ jsx22(Text24, { color: COLORS.success, children: segment.value });
     case "link":
-      return /* @__PURE__ */ jsx21(Text23, { color: "cyan", underline: true, children: segment.href ? terminalLink(segment.value, segment.href) : segment.value });
+      return /* @__PURE__ */ jsx22(Text24, { color: "cyan", underline: true, children: segment.href ? terminalLink(segment.value, segment.href) : segment.value });
     case "codeword":
-      return /* @__PURE__ */ jsx21(Text23, { color: COLORS.highlight.fg, backgroundColor: COLORS.highlight.bg, children: segment.value });
+      return /* @__PURE__ */ jsx22(Text24, { color: COLORS.highlight.fg, backgroundColor: COLORS.highlight.bg, children: segment.value });
     default:
-      return /* @__PURE__ */ jsx21(Text23, { color: COLORS.muted, children: segment.value });
+      return /* @__PURE__ */ jsx22(Text24, { color: COLORS.muted, children: segment.value });
   }
 }
 function TipContent({
@@ -10915,10 +10985,10 @@ function TipContent({
       blocks.push({ type: "inline", segments: [segment] });
     }
   }
-  return /* @__PURE__ */ jsx21(Box22, { flexDirection: "column", marginLeft: 2, gap: 1, children: blocks.map(
-    (block, i) => block.type === "code" ? /* @__PURE__ */ jsx21(Code, { children: block.segment.value }, i) : /* @__PURE__ */ jsx21(Text23, { children: block.segments.map((segment, j) => /* @__PURE__ */ jsxs20(Text23, { children: [
+  return /* @__PURE__ */ jsx22(Box23, { flexDirection: "column", marginLeft: 2, gap: 1, children: blocks.map(
+    (block, i) => block.type === "code" ? /* @__PURE__ */ jsx22(Code, { children: block.segment.value }, i) : /* @__PURE__ */ jsx22(Text24, { children: block.segments.map((segment, j) => /* @__PURE__ */ jsxs21(Text24, { children: [
       j > 0 && " ",
-      /* @__PURE__ */ jsx21(InlineSegment, { segment })
+      /* @__PURE__ */ jsx22(InlineSegment, { segment })
     ] }, j)) }, i)
   ) });
 }
@@ -11008,9 +11078,9 @@ function Tips({
   if (position.complete) return null;
   const titleRevealed = tip.title.slice(0, revealed);
   const contentRevealed = Math.max(0, revealed - tip.title.length);
-  return /* @__PURE__ */ jsxs20(Box22, { flexDirection: "column", marginBottom: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx21(TipTitle, { children: titleRevealed }),
-    /* @__PURE__ */ jsx21(TipContent, { chunks: tip.chunks, revealed: contentRevealed })
+  return /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", marginBottom: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx22(TipTitle, { children: titleRevealed }),
+    /* @__PURE__ */ jsx22(TipContent, { chunks: tip.chunks, revealed: contentRevealed })
   ] });
 }
 
@@ -11052,7 +11122,7 @@ function useRepaintOnResize(debounceMs = 100) {
 }
 
 // src/ui/App.tsx
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function App() {
   const {
     phase,
@@ -11128,8 +11198,8 @@ 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__ */ jsxs21(
-      Box23,
+    /* @__PURE__ */ jsxs22(
+      Box24,
       {
         backgroundColor: COLORS.bg.main,
         flexDirection: "row",
@@ -11137,16 +11207,16 @@ function App() {
         height: rows,
         overflow: "hidden",
         children: [
-          mainWindowVisible && /* @__PURE__ */ jsxs21(
-            Box23,
+          mainWindowVisible && /* @__PURE__ */ jsxs22(
+            Box24,
             {
               flexDirection,
               width: "100%",
               maxHeight: rows,
               justifyContent: "space-between",
               children: [
-                showLogs ? /* @__PURE__ */ jsx22(Logs, { onBack: () => setShowLogs(false) }) : /* @__PURE__ */ jsxs21(
-                  Box23,
+                showLogs ? /* @__PURE__ */ jsx23(Logs, { onBack: () => setShowLogs(false) }) : /* @__PURE__ */ jsxs22(
+                  Box24,
                   {
                     flexDirection: "column",
                     paddingX: 4,
@@ -11155,58 +11225,55 @@ function App() {
                     flexGrow: 1,
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsxs21(Box23, { flexGrow: 2, flexDirection: "column", children: [
-                        phase === "preflight" && !user && /* @__PURE__ */ jsx22(Box23, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
+                      /* @__PURE__ */ jsxs22(Box24, { flexGrow: 2, flexDirection: "column", children: [
+                        phase === "preflight" && !user && /* @__PURE__ */ jsx23(Box24, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs22(Text25, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx23(Spinner3, { type: "dots" }),
                           " Signing in to Algolia"
                         ] }) }),
-                        phase === "preflight" && user && /* @__PURE__ */ jsx22(Box23, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
+                        phase === "preflight" && user && /* @__PURE__ */ jsx23(Box24, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs22(Text25, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx23(Spinner3, { type: "dots" }),
                           " Getting things ready"
                         ] }) }),
-                        phase === "authenticating" && /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", marginBottom: 1, children: [
-                          /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
-                            /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
+                        phase === "authenticating" && /* @__PURE__ */ jsxs22(Box24, { flexDirection: "column", marginBottom: 1, children: [
+                          /* @__PURE__ */ jsxs22(Text25, { color: COLORS.strong, bold: true, children: [
+                            /* @__PURE__ */ jsx23(Spinner3, { type: "dots" }),
                             " Signing in to Algolia"
                           ] }),
-                          /* @__PURE__ */ jsx22(Text24, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
+                          /* @__PURE__ */ jsx23(Text25, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
                         ] }),
-                        settingUpAppId && /* @__PURE__ */ jsx22(Box23, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
+                        settingUpAppId && /* @__PURE__ */ jsx23(Box24, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs22(Text25, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx23(Spinner3, { type: "dots" }),
                           " Setting up Wizard using app",
                           " ",
                           settingUpAppId
                         ] }) }),
-                        phase === "running" && !settingUpAppId && loadingMessage && /* @__PURE__ */ jsx22(Box23, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
+                        phase === "running" && !settingUpAppId && loadingMessage && /* @__PURE__ */ jsx23(Box24, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs22(Text25, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx23(Spinner3, { type: "dots" }),
                           " ",
                           loadingMessage
                         ] }) }),
-                        /* @__PURE__ */ jsx22(CliOutput, {}),
-                        showTips && /* @__PURE__ */ jsx22(
+                        /* @__PURE__ */ jsx23(CliOutput, {}),
+                        showTips && /* @__PURE__ */ jsx23(
                           Tips,
                           {
                             onRevealStateChange: setTipState,
                             onComplete: () => setTipsComplete(true)
                           }
                         ),
-                        showNoticesInMain && showNotices && /* @__PURE__ */ jsx22(Notices, { border: false }),
-                        /* @__PURE__ */ jsx22(Review, {}),
-                        !showTips && /* @__PURE__ */ jsx22(PromptInput, {}),
-                        phase === "error" && error && /* @__PURE__ */ jsx22(Box23, { marginTop: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.status.error, children: [
-                          "\u2716 ",
-                          error
-                        ] }) })
+                        showNoticesInMain && showNotices && /* @__PURE__ */ jsx23(Notices, { border: false }),
+                        /* @__PURE__ */ jsx23(Review, {}),
+                        !showTips && /* @__PURE__ */ jsx23(PromptInput, {}),
+                        phase === "error" && error && /* @__PURE__ */ jsx23(Box24, { marginTop: 1, children: /* @__PURE__ */ jsx23(Alert, { variant: "error", message: error }) })
                       ] }),
-                      !showNoticesInMain && showNotices && /* @__PURE__ */ jsx22(Notices, {})
+                      !showNoticesInMain && showNotices && /* @__PURE__ */ jsx23(Notices, {})
                     ]
                   }
                 ),
-                showSidebar ? /* @__PURE__ */ jsx22(Sidebar, { inLogs: showLogs }) : /* @__PURE__ */ jsx22(Ribbon, {})
+                showSidebar ? /* @__PURE__ */ jsx23(Sidebar, { inLogs: showLogs }) : /* @__PURE__ */ jsx23(Ribbon, {})
               ]
             }
           ),
-          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx22(LearnMore, {}) : /* @__PURE__ */ jsx22(Welcome, {}))
+          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx23(LearnMore, {}) : /* @__PURE__ */ jsx23(Welcome, {}))
         ]
       }
     )
@@ -11505,7 +11572,7 @@ async function promptResumeOrStartNew(session, next) {
 // package.json with { type: 'json' }
 var package_default2 = {
   name: "@algolia/wizard",
-  version: "0.118.0",
+  version: "0.120.0",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {
@@ -11611,7 +11678,7 @@ async function checkVersion() {
 }
 
 // src/main.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var FAILURE_EXIT_CODE = 1;
 async function exitProcessWithError(store, instance, message) {
   store.setError(message);
@@ -11687,7 +11754,7 @@ ${formatStepList(workflow)}`);
 async function run(opts) {
   const { workflow, skipResumePrompt, applicationId, playbookSlug, indexName } = opts;
   const store = useWizard.getState();
-  const instance = render(/* @__PURE__ */ jsx23(App, {}), { incrementalRendering: true });
+  const instance = render(/* @__PURE__ */ jsx24(App, {}), { incrementalRendering: true });
   await store.waitForStart();
   store.syncSteps(
     workflow.steps.map((s) => ({