@algolia/wizard 0.45.0 → 0.46.0-rc.146.324

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 Box19, Text as Text19, useApp, useInput as useInput7, useWindowSize as useWindowSize8 } from "ink";
 import Spinner2 from "ink-spinner";
 
 // src/core/store.ts
@@ -499,23 +499,112 @@ function CliOutput() {
 }
 
 // src/ui/Notices.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { Box as Box4, Text as Text4, useWindowSize as useWindowSize4 } from "ink";
+import { useEffect as useEffect2, useState as useState3 } from "react";
 
-// src/ui/Table.tsx
+// src/ui/ScrollView.tsx
 import { Box as Box2, Text as Text2, measureElement, useWindowSize as useWindowSize2 } from "ink";
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+import { jsxs as jsxs2 } from "react/jsx-runtime";
+var INDICATOR_ROWS = 2;
+function fittedWidth(node, columns) {
+  let left = 0;
+  for (let n = node; n; n = n.parentNode) {
+    left += n.yogaNode?.getComputedLeft() ?? 0;
+  }
+  return Math.max(Math.min(measureElement(node).width, columns - left), 0);
+}
+function useScrollWindow({
+  itemCount,
+  rowHeight = 1,
+  followBottom = false
+}) {
+  const viewportRef = useRef(null);
+  const { columns } = useWindowSize2();
+  const [size, setSize] = useState(
+    null
+  );
+  useLayoutEffect(() => {
+    if (!viewportRef.current) return;
+    const width = fittedWidth(viewportRef.current, columns);
+    const { height } = measureElement(viewportRef.current);
+    setSize(
+      (prev) => prev?.width === width && prev.height === height ? prev : { width, height }
+    );
+  });
+  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] = useState(0);
+  const prevMaxOffsetRef = useRef(0);
+  useLayoutEffect(() => {
+    const wasAtBottom = offset >= prevMaxOffsetRef.current;
+    prevMaxOffsetRef.current = maxOffset;
+    setOffset(
+      (o) => followBottom && wasAtBottom ? maxOffset : Math.min(o, maxOffset)
+    );
+  }, [maxOffset, followBottom]);
+  const scrollBy = useCallback(
+    (delta) => {
+      setOffset((o) => Math.min(Math.max(o + delta, 0), maxOffset));
+    },
+    [maxOffset]
+  );
+  const revealIndex = useCallback(
+    (index) => {
+      setOffset((o) => {
+        if (index < o) return index;
+        if (index >= o + capacity) {
+          return Math.min(index - capacity + 1, maxOffset);
+        }
+        return o;
+      });
+    },
+    [capacity, maxOffset]
+  );
+  const visibleCount = Math.min(capacity, Math.max(itemCount - offset, 0));
+  return {
+    viewportRef,
+    measured: size !== null,
+    width: size?.width ?? columns,
+    offset,
+    capacity,
+    maxOffset,
+    hiddenAbove: Math.min(offset, itemCount),
+    hiddenBelow: Math.max(itemCount - offset - visibleCount, 0),
+    scrollBy,
+    revealIndex
+  };
+}
+function ScrollView({ scroll, children }) {
+  return /* @__PURE__ */ jsxs2(Box2, { ref: scroll.viewportRef, flexDirection: "column", flexGrow: 1, children: [
+    scroll.hiddenAbove > 0 && /* @__PURE__ */ jsxs2(Text2, { color: COLORS.dim, children: [
+      "\u2191 ",
+      scroll.hiddenAbove,
+      " more"
+    ] }),
+    children,
+    scroll.hiddenBelow > 0 && /* @__PURE__ */ jsxs2(Text2, { color: COLORS.dim, children: [
+      "\u2193 ",
+      scroll.hiddenBelow,
+      " more"
+    ] })
+  ] });
+}
+
+// src/ui/Table.tsx
+import { Box as Box3, Text as Text3, measureElement as measureElement2, useWindowSize as useWindowSize3 } from "ink";
+import { useEffect, useRef as useRef2, useState as useState2 } from "react";
 import { jsx } from "react/jsx-runtime";
 function Table({ columns, rows }) {
-  const { columns: termCols } = useWindowSize2();
-  const ref = useRef(null);
-  const [width, setWidth] = useState(0);
+  const { columns: termCols } = useWindowSize3();
+  const ref = useRef2(null);
+  const [width, setWidth] = useState2(0);
   useEffect(() => {
-    if (ref.current) setWidth(measureElement(ref.current).width);
+    if (ref.current) setWidth(measureElement2(ref.current).width);
   }, [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__ */ jsx(Box3, { flexDirection: "column", ref, children: lines.map((line, i) => /* @__PURE__ */ jsx(Text3, { color: COLORS.primary, wrap: "truncate", children: line }, `tbl-${i}`)) });
 }
 function formatTable(columns, rows, width) {
   const natural = columns.map(
@@ -556,7 +645,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 jsx2 } from "react/jsx-runtime";
 var AGENT_MARKER = "\u2726";
 var PULSE_STEPS = 12;
 var PULSE_STEP_MS = 150;
@@ -578,14 +667,48 @@ function parseHex(hex) {
     b: parseInt(n.slice(4, 6), 16)
   };
 }
+function flattenRows(notices, width) {
+  const rows = [];
+  notices.forEach((notice, noticeIndex) => {
+    if (noticeIndex > 0 && notice.table) {
+      rows.push({ noticeIndex, text: " ", plain: true });
+    }
+    notice.messages?.forEach((m, j) => {
+      const line = typeof m === "string" ? { text: m } : m;
+      rows.push({
+        noticeIndex,
+        text: `${j === 0 ? `${AGENT_MARKER} ` : "  "}${line.text}`,
+        color: line.color,
+        bold: line.bold
+      });
+    });
+    if (notice.table) {
+      for (const text of formatTable(
+        notice.table.columns,
+        notice.table.rows,
+        width
+      )) {
+        rows.push({ noticeIndex, text, plain: true });
+      }
+    }
+  });
+  return rows;
+}
 function Notices({
   showAll = false,
   border = true
 } = {}) {
   const notices = useWizard((s) => s.notices);
-  const latest = notices[notices.length - 1];
-  const visible = showAll ? notices : latest ? [latest] : [];
-  const [pulseStep, setPulseStep] = useState2(0);
+  const { columns } = useWindowSize4();
+  const latestIndex = notices.length - 1;
+  const visible = showAll ? notices : latestIndex >= 0 ? [notices[latestIndex]] : [];
+  const latestRowIndex = showAll ? latestIndex : 0;
+  const measuredRows = flattenRows(visible, columns);
+  const scroll = useScrollWindow({
+    itemCount: measuredRows.length,
+    followBottom: true
+  });
+  const [pulseStep, setPulseStep] = useState3(0);
   useEffect2(() => {
     let direction = 1;
     const id = setInterval(() => {
@@ -600,8 +723,10 @@ function Notices({
   }, []);
   if (visible.length === 0) return null;
   const pulseColor = PULSE_COLORS[pulseStep];
+  const rows = scroll.width === columns ? measuredRows : flattenRows(visible, scroll.width);
+  const windowed = rows.slice(scroll.offset, scroll.offset + scroll.capacity);
   return /* @__PURE__ */ jsx2(
-    Box3,
+    Box4,
     {
       borderColor: border ? COLORS.border : void 0,
       borderStyle: border ? "single" : void 0,
@@ -611,26 +736,18 @@ function Notices({
       borderBottom: false,
       paddingTop: border ? 1 : 0,
       flexDirection: "column",
-      gap: 1,
-      children: visible.map((notice, i) => /* @__PURE__ */ jsxs2(Box3, { 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,
-            {
-              color: !line.color ? notice === latest ? pulseColor : COLORS.dim : line.color ?? COLORS.dim,
-              bold: line.bold,
-              children: [
-                prefix,
-                line.text
-              ]
-            },
-            `notice-line-${j}`
-          );
-        }),
-        notice.table && /* @__PURE__ */ jsx2(Table, { columns: notice.table.columns, rows: notice.table.rows })
-      ] }, `notice-${i}`))
+      flexGrow: 1,
+      minHeight: 0,
+      children: /* @__PURE__ */ jsx2(ScrollView, { scroll, children: windowed.map((row, i) => /* @__PURE__ */ jsx2(
+        Text4,
+        {
+          color: row.plain ? COLORS.primary : row.color ?? (row.noticeIndex === latestRowIndex ? pulseColor : COLORS.dim),
+          bold: row.bold,
+          wrap: "truncate",
+          children: row.text
+        },
+        `notice-row-${scroll.offset + i}`
+      )) })
     }
   );
 }
@@ -641,14 +758,14 @@ import TextInput from "ink-text-input";
 import { useState as useState6 } from "react";
 
 // src/ui/CommandApproval.tsx
-import { Box as Box6, Text as Text6 } from "ink";
+import { Box as Box7, Text as Text7 } from "ink";
 
 // src/ui/DecisionSelect.tsx
-import { Box as Box5, Text as Text5, useInput } from "ink";
-import { useState as useState3 } from "react";
+import { Box as Box6, Text as Text6, useInput } from "ink";
+import { useState as useState4 } from "react";
 
 // src/ui/SelectRow.tsx
-import { Box as Box4, Text as Text4 } from "ink";
+import { Box as Box5, Text as Text5 } from "ink";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SelectRow({
   highlighted,
@@ -661,15 +778,15 @@ function SelectRow({
 }) {
   const labelColor = highlighted ? highlightBackground ? COLORS.highlight.fg : COLORS.success : COLORS.primary;
   return /* @__PURE__ */ jsxs3(
-    Box4,
+    Box5,
     {
       width,
       paddingX: usePadding ? 1 : 0,
       paddingY: usePadding ? 1 : 0,
       backgroundColor: highlighted && highlightBackground ? COLORS.highlight.bg : void 0,
       children: [
-        /* @__PURE__ */ jsx3(Box4, { width: labelWidth, children: /* @__PURE__ */ jsxs3(
-          Text4,
+        /* @__PURE__ */ jsx3(Box5, { width: labelWidth, children: /* @__PURE__ */ jsxs3(
+          Text5,
           {
             color: labelColor,
             bold: highlighted && !highlightBackground,
@@ -692,7 +809,7 @@ function DecisionSelect({
   actions,
   onDecide
 }) {
-  const [index, setIndex] = useState3(0);
+  const [index, setIndex] = useState4(0);
   useInput((input, key) => {
     if (key.upArrow || input === "k") {
       setIndex((i) => (i - 1 + actions.length) % actions.length);
@@ -704,8 +821,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__ */ jsxs4(Box6, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsx4(Box6, { flexDirection: "column", children: actions.map((action, i) => /* @__PURE__ */ jsx4(
       SelectRow,
       {
         highlighted: i === index,
@@ -714,14 +831,14 @@ function DecisionSelect({
       },
       action.label
     )) }),
-    /* @__PURE__ */ jsxs4(Box5, { gap: 2, children: [
-      /* @__PURE__ */ jsxs4(Text5, { children: [
-        /* @__PURE__ */ jsx4(Text5, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
-        /* @__PURE__ */ jsx4(Text5, { color: COLORS.dim, children: " move" })
+    /* @__PURE__ */ jsxs4(Box6, { gap: 2, children: [
+      /* @__PURE__ */ jsxs4(Text6, { children: [
+        /* @__PURE__ */ jsx4(Text6, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
+        /* @__PURE__ */ jsx4(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__ */ jsxs4(Text6, { children: [
+        /* @__PURE__ */ jsx4(Text6, { color: COLORS.primary, children: "[enter]" }),
+        /* @__PURE__ */ jsx4(Text6, { color: COLORS.dim, children: " confirm" })
       ] })
     ] })
   ] });
@@ -733,10 +850,10 @@ function CommandApproval({
   command,
   onDecide
 }) {
-  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx5(Text6, { color: COLORS.primary, bold: true, children: "Run this command?" }),
+  return /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsx5(Text7, { color: COLORS.primary, bold: true, children: "Run this command?" }),
     /* @__PURE__ */ jsxs5(
-      Box6,
+      Box7,
       {
         flexDirection: "column",
         paddingLeft: 2,
@@ -747,17 +864,17 @@ function CommandApproval({
         borderRight: false,
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxs5(Box6, { children: [
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.muted, children: "$ " }),
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.strong, wrap: "wrap", children: command.command })
+          /* @__PURE__ */ jsxs5(Box7, { children: [
+            /* @__PURE__ */ jsx5(Text7, { color: COLORS.muted, children: "$ " }),
+            /* @__PURE__ */ jsx5(Text7, { color: COLORS.strong, wrap: "wrap", children: command.command })
           ] }),
-          /* @__PURE__ */ jsxs5(Box6, { gap: 1, children: [
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.muted, children: "in:" }),
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.muted, wrap: "wrap", children: command.cwd })
+          /* @__PURE__ */ jsxs5(Box7, { gap: 1, children: [
+            /* @__PURE__ */ jsx5(Text7, { color: COLORS.muted, children: "in:" }),
+            /* @__PURE__ */ jsx5(Text7, { color: COLORS.muted, wrap: "wrap", children: command.cwd })
           ] }),
-          command.explanation && /* @__PURE__ */ jsxs5(Box6, { gap: 1, children: [
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.muted, children: "why:" }),
-            /* @__PURE__ */ jsx5(Text6, { color: COLORS.accent, wrap: "wrap", children: command.explanation })
+          command.explanation && /* @__PURE__ */ jsxs5(Box7, { gap: 1, children: [
+            /* @__PURE__ */ jsx5(Text7, { color: COLORS.muted, children: "why:" }),
+            /* @__PURE__ */ jsx5(Text7, { color: COLORS.accent, wrap: "wrap", children: command.explanation })
           ] })
         ]
       }
@@ -776,100 +893,9 @@ function CommandApproval({
 }
 
 // src/ui/SelectPrompt.tsx
-import { Box as Box8, Text as Text8, useInput as useInput2, useWindowSize as useWindowSize4 } from "ink";
+import { Box as Box8, Text as Text8, useInput as useInput2, useWindowSize as useWindowSize5 } from "ink";
 import { useLayoutEffect as useLayoutEffect2, useRef as useRef3, useState as useState5 } 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";
-var INDICATOR_ROWS = 2;
-function fittedWidth(node, columns) {
-  let left = 0;
-  for (let n = node; n; n = n.parentNode) {
-    left += n.yogaNode?.getComputedLeft() ?? 0;
-  }
-  return Math.max(Math.min(measureElement2(node).width, columns - left), 0);
-}
-function useScrollWindow({
-  itemCount,
-  rowHeight = 1,
-  followBottom = false
-}) {
-  const viewportRef = useRef2(null);
-  const { columns } = useWindowSize3();
-  const [size, setSize] = useState4(
-    null
-  );
-  useLayoutEffect(() => {
-    if (!viewportRef.current) return;
-    const width = fittedWidth(viewportRef.current, columns);
-    const { height } = measureElement2(viewportRef.current);
-    setSize(
-      (prev) => prev?.width === width && prev.height === height ? prev : { width, height }
-    );
-  });
-  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 prevMaxOffsetRef = useRef2(0);
-  useLayoutEffect(() => {
-    const wasAtBottom = offset >= prevMaxOffsetRef.current;
-    prevMaxOffsetRef.current = maxOffset;
-    setOffset(
-      (o) => followBottom && wasAtBottom ? maxOffset : Math.min(o, maxOffset)
-    );
-  }, [maxOffset, followBottom]);
-  const scrollBy = useCallback(
-    (delta) => {
-      setOffset((o) => Math.min(Math.max(o + delta, 0), maxOffset));
-    },
-    [maxOffset]
-  );
-  const revealIndex = useCallback(
-    (index) => {
-      setOffset((o) => {
-        if (index < o) return index;
-        if (index >= o + capacity) {
-          return Math.min(index - capacity + 1, maxOffset);
-        }
-        return o;
-      });
-    },
-    [capacity, maxOffset]
-  );
-  const visibleCount = Math.min(capacity, Math.max(itemCount - offset, 0));
-  return {
-    viewportRef,
-    measured: size !== null,
-    width: size?.width ?? columns,
-    offset,
-    capacity,
-    maxOffset,
-    hiddenAbove: Math.min(offset, itemCount),
-    hiddenBelow: Math.max(itemCount - offset - visibleCount, 0),
-    scrollBy,
-    revealIndex
-  };
-}
-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: [
-      "\u2191 ",
-      scroll.hiddenAbove,
-      " more"
-    ] }),
-    children,
-    scroll.hiddenBelow > 0 && /* @__PURE__ */ jsxs6(Text7, { color: COLORS.dim, children: [
-      "\u2193 ",
-      scroll.hiddenBelow,
-      " more"
-    ] })
-  ] });
-}
-
-// src/ui/SelectPrompt.tsx
-import { jsx as jsx6, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var CANCEL = "cancel";
 var ARROW_WIDTH = 4;
 var COLUMN_GAP = 2;
@@ -900,7 +926,7 @@ function SelectPrompt({
   if (multi) hints.push({ key: "[space]", label: "select" });
   hints.push({ key: "[enter]", label: "confirm" });
   const containerRef = useRef3(null);
-  const { columns } = useWindowSize4();
+  const { columns } = useWindowSize5();
   const [width, setWidth] = useState5(columns);
   useLayoutEffect2(() => {
     if (!containerRef.current) return;
@@ -954,12 +980,12 @@ 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: [
+  return /* @__PURE__ */ jsx6(Box8, { ref: containerRef, flexGrow: 1, children: /* @__PURE__ */ jsxs6(Box8, { flexDirection: "column", gap: 1, width, children: [
+    /* @__PURE__ */ jsxs6(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: [
+      /* @__PURE__ */ jsxs6(Box8, { flexDirection: "column", children: [
         question && /* @__PURE__ */ jsx6(Text8, { color: COLORS.muted, children: question }),
         helpText && /* @__PURE__ */ jsx6(Text8, { color: COLORS.dim, children: helpText })
       ] })
@@ -971,7 +997,7 @@ function SelectPrompt({
       const bullet = multi && !isCancel ? checked.has(i) ? "\u25CF " : "\u25CB " : "";
       const sec = isCancel ? void 0 : secondary?.[i];
       const isText = sec?.kind === "text";
-      return /* @__PURE__ */ jsxs7(
+      return /* @__PURE__ */ jsxs6(
         SelectRow,
         {
           highlighted,
@@ -994,10 +1020,10 @@ function SelectPrompt({
         `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__ */ jsx6(Box8, { flexShrink: 0, children: /* @__PURE__ */ jsx6(Text8, { color: COLORS.dim, children: hints.map(({ key, label }, i) => /* @__PURE__ */ jsxs6(Text8, { color: COLORS.dim, children: [
       i > 0 ? "   " : "",
       /* @__PURE__ */ jsx6(Text8, { color: COLORS.primary, children: key }),
-      /* @__PURE__ */ jsxs7(Text8, { color: COLORS.dim, children: [
+      /* @__PURE__ */ jsxs6(Text8, { color: COLORS.dim, children: [
         " ",
         label
       ] })
@@ -1006,14 +1032,14 @@ function SelectPrompt({
 }
 
 // src/ui/PromptInput.tsx
-import { jsx as jsx7, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var ACCEPT_REJECT_OPTIONS = ["Accept", "Reject"];
 function EnterToContinuePrompt({
   question,
   messages,
   onDecide
 }) {
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", gap: 1, children: [
+  return /* @__PURE__ */ jsxs7(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(
@@ -1109,11 +1135,11 @@ function PromptInput() {
       promptKey
     ) });
   }
-  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs7(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: [
+    /* @__PURE__ */ jsxs7(Box9, { children: [
+      /* @__PURE__ */ jsxs7(Text9, { color: COLORS.primary, children: [
         inputReq.prompt,
         " "
       ] }),
@@ -1135,7 +1161,7 @@ function PromptInput() {
 // 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 { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var INGEST_SCRIPT = ".algolia-wizard/ingest.sh";
 function wrapText(text, width) {
   if (width <= 0) return [text];
@@ -1233,8 +1259,8 @@ 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: [
+  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx8(ScrollView, { scroll, children: visible.map((row, i) => /* @__PURE__ */ jsxs8(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 })
     ] }, `review-row-${i}`)) }),
@@ -3509,7 +3535,7 @@ async function runAnalysis(mode, extraInstructions = []) {
 // package.json
 var package_default = {
   name: "@algolia/wizard",
-  version: "0.45.0",
+  version: "0.46.0-rc.146.324",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {
@@ -4797,7 +4823,7 @@ function getWorkflow(id) {
 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 { Box as Box11, Spacer, Text as Text11, useInput as useInput4, useWindowSize as useWindowSize6 } from "ink";
 
 // src/ui/copy/welcome.ts
 var sidebarItems = [
@@ -4825,7 +4851,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 jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var IMAGE_PATH = join11(dirname8(fileURLToPath2(import.meta.url)), "algolia.png");
 var TERMINAL_INFO = {
   ...defaultTerminalInfo,
@@ -4836,12 +4862,12 @@ function SidebarItem({
   title,
   description
 }) {
-  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs10(Box11, { gap: 1, children: [
+  return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs9(Box11, { gap: 1, children: [
       /* @__PURE__ */ jsx9(Text11, { color: COLORS.success, children: "\u2192" }),
       /* @__PURE__ */ jsx9(Text11, { color: COLORS.strong, bold: true, children: title })
     ] }),
-    /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", gap: 2, children: [
+    /* @__PURE__ */ jsxs9(Box11, { flexDirection: "row", gap: 2, children: [
       /* @__PURE__ */ jsx9(Spacer, {}),
       /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: description })
     ] })
@@ -4850,7 +4876,7 @@ function SidebarItem({
 function Welcome() {
   const confirmStart = useWizard((s) => s.confirmStart);
   const openLearnMore = useWizard((s) => s.openLearnMore);
-  const { rows } = useWindowSize5();
+  const { rows } = useWindowSize6();
   const actions = [
     { label: "start wizard", run: confirmStart },
     { label: "learn more", run: openLearnMore }
@@ -4879,7 +4905,7 @@ function Welcome() {
   if (rows < 30) {
     layout = scales["small"];
   }
-  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [
+  return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [
     /* @__PURE__ */ jsx9(
       Box11,
       {
@@ -4887,7 +4913,7 @@ function Welcome() {
         paddingX: layout.main.padding.x,
         flexDirection: "column",
         justifyContent: "center",
-        children: /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", gap: 2, children: [
+        children: /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", gap: 2, children: [
           /* @__PURE__ */ jsx9(TerminalInfoContext.Provider, { value: TERMINAL_INFO, children: /* @__PURE__ */ jsx9(
             Image,
             {
@@ -4909,12 +4935,12 @@ function Welcome() {
             },
             action.label
           )) }),
-          /* @__PURE__ */ jsxs10(Box11, { gap: 2, children: [
-            /* @__PURE__ */ jsxs10(Text11, { children: [
+          /* @__PURE__ */ jsxs9(Box11, { gap: 2, children: [
+            /* @__PURE__ */ jsxs9(Text11, { children: [
               /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
               /* @__PURE__ */ jsx9(Text11, { color: COLORS.dim, children: " move" })
             ] }),
-            /* @__PURE__ */ jsxs10(Text11, { children: [
+            /* @__PURE__ */ jsxs9(Text11, { children: [
               /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: "[enter]" }),
               /* @__PURE__ */ jsx9(Text11, { color: COLORS.dim, children: " confirm" })
             ] })
@@ -4922,7 +4948,7 @@ function Welcome() {
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs9(
       Box11,
       {
         backgroundColor: COLORS.bg.sidebar,
@@ -4943,7 +4969,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 Text12, useInput as useInput5, 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.";
@@ -4985,7 +5011,7 @@ var policyLinks = [
 ];
 
 // src/ui/LearnMore.tsx
-import { jsx as jsx10, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var TAG_COLORS = {
   READ: COLORS.success,
   WRITE: COLORS.badge,
@@ -5002,7 +5028,7 @@ 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: [
+  return /* @__PURE__ */ jsxs10(Text12, { color: COLORS.primary, children: [
     /* @__PURE__ */ jsx10(Text12, { 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)),
@@ -5013,13 +5039,13 @@ function NeverLine({
 function LearnMore() {
   const confirmStart = useWizard((s) => s.confirmStart);
   const backToHome = useWizard((s) => s.backToHome);
-  const { columns } = useWindowSize6();
+  const { columns } = useWindowSize7();
   const dividerWidth = Math.max(0, columns - PADDING_X * 2);
   useInput5((_input, key) => {
     if (key.escape) backToHome();
     else if (key.return) confirmStart();
   });
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     Box12,
     {
       flexDirection: "column",
@@ -5030,17 +5056,17 @@ function LearnMore() {
       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(Box12, { flexDirection: "column", children: accessItems.map((item) => /* @__PURE__ */ jsxs10(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__ */ jsxs10(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(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsxs10(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}` })
             ] }) })
           ] })
         ] }, item.tag)) }),
-        /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs10(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(
@@ -5050,7 +5076,7 @@ function LearnMore() {
               segments: [{ text: "I NEVER", color: COLORS.danger, bold: true }]
             }
           ),
-          neverItems.map((item) => /* @__PURE__ */ jsxs11(Fragment, { children: [
+          neverItems.map((item) => /* @__PURE__ */ jsxs10(Fragment, { children: [
             /* @__PURE__ */ jsx10(NeverLine, { width: dividerWidth }),
             /* @__PURE__ */ jsx10(
               NeverLine,
@@ -5067,17 +5093,17 @@ function LearnMore() {
           /* @__PURE__ */ jsx10(NeverLine, { width: dividerWidth }),
           /* @__PURE__ */ jsx10(Text12, { 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(Box12, { marginTop: 1, flexDirection: "column", children: policyLinks.map((link) => /* @__PURE__ */ jsxs10(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 })
         ] }, link.label)) }),
-        /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, flexDirection: "row", gap: 3, children: [
-          /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsxs10(Box12, { marginTop: 1, flexDirection: "row", gap: 3, children: [
+          /* @__PURE__ */ jsxs10(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__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsxs10(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: "]" }),
@@ -5095,11 +5121,11 @@ import { Box as Box15, Text as Text15 } from "ink";
 // src/ui/Steps.tsx
 import { Box as Box13, Text as Text13 } from "ink";
 import Spinner from "ink-spinner";
-import { jsx as jsx11, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } 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: [
+  return /* @__PURE__ */ jsx11(Box13, { flexDirection: "column", gap: 1, children: visibleSteps.map((s) => /* @__PURE__ */ jsx11(Box13, { flexDirection: "column", children: /* @__PURE__ */ jsxs11(Text13, { color: COLORS.status[s.status], children: [
     s.status === "running" ? /* @__PURE__ */ jsx11(Spinner, { type: "dots" }) : MARKER[s.status],
     " ",
     s.title
@@ -5109,7 +5135,7 @@ 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: [
+  return /* @__PURE__ */ jsxs11(Text13, { color: COLORS.status.running, children: [
     /* @__PURE__ */ jsx11(Spinner, { type: "dots" }),
     " ",
     ` ${currentStep.title}`
@@ -5118,14 +5144,14 @@ function CurrentStep() {
 
 // 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 { jsx as jsx12, jsxs as jsxs12 } 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: [
+  return /* @__PURE__ */ jsxs12(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: "/" }),
@@ -5140,9 +5166,9 @@ var sidebarCommands = [
 ];
 
 // src/ui/Sidebar.tsx
-import { jsx as jsx13, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function Sidebar() {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     Box15,
     {
       backgroundColor: "#14171E",
@@ -5152,14 +5178,14 @@ function Sidebar() {
       flexDirection: "column",
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", gap: 1, children: [
+        /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", gap: 1, children: [
           /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "PROGRESS" }),
           /* @__PURE__ */ jsx13(Steps, {})
         ] }),
-        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", gap: 1, children: [
+        /* @__PURE__ */ jsxs13(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: [
+            return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "row", gap: 1, children: [
               /* @__PURE__ */ jsx13(Text15, { color: COLORS.primary, children: `[${c.keyHint}]` }),
               /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: c.description })
             ] }, c.keyHint);
@@ -5172,10 +5198,10 @@ 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 { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function Ribbon() {
   const firstCommand = sidebarCommands[0];
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     Box16,
     {
       backgroundColor: "#14171E",
@@ -5186,7 +5212,7 @@ function Ribbon() {
       children: [
         /* @__PURE__ */ jsx14(Progress, {}),
         /* @__PURE__ */ jsx14(CurrentStep, {}),
-        /* @__PURE__ */ jsxs15(Box16, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsxs14(Box16, { flexDirection: "row", gap: 1, children: [
           /* @__PURE__ */ jsx14(Text16, { color: COLORS.primary, children: `[${firstCommand.keyHint}]` }),
           /* @__PURE__ */ jsx14(Text16, { color: COLORS.muted, children: firstCommand.description })
         ] })
@@ -5200,7 +5226,7 @@ import { useState as useState10 } 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 { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var KIND_COLOR = {
   tool: COLORS.primary,
   prompt: COLORS.badge
@@ -5236,7 +5262,7 @@ function Logs() {
     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: [
+  return /* @__PURE__ */ jsxs15(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) => {
       const timestamp = `[${formatTimestamp(entry.startedAt)}]`;
@@ -5248,7 +5274,7 @@ 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: [
+      return /* @__PURE__ */ jsxs15(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 }),
@@ -5261,37 +5287,8 @@ function Logs() {
 
 // 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 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";
-var TOKEN_RE = /("(?:\\.|[^"\\])*"|\btrue\b|\bfalse\b|\bnull\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|[{}[\]:,])/g;
-function highlightJson(json) {
-  const parts = json.split(TOKEN_RE);
-  return parts.map((part, i) => {
-    if (!part) return null;
-    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);
-    }
-    if (part === "true" || part === "false" || part === "null") {
-      return /* @__PURE__ */ jsx16(Text18, { color: "magenta", children: part }, i);
-    }
-    if (/^-?\d/.test(part)) {
-      return /* @__PURE__ */ jsx16(Text18, { color: "yellow", children: part }, i);
-    }
-    if (/^[{}[\]:,]$/.test(part)) {
-      return /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: part }, i);
-    }
-    return /* @__PURE__ */ jsx16(Text18, { children: part }, i);
-  });
-}
-function Code({ children }) {
-  return /* @__PURE__ */ jsx16(Box18, { children: /* @__PURE__ */ jsx16(Text18, { children: highlightJson(children) }) });
-}
+import terminalLink from "terminal-link";
 
 // src/ui/copy/tips.ts
 var tips = [
@@ -5323,23 +5320,7 @@ var tips = [
       },
       {
         type: "text",
-        value: "Everything else is up to you:"
-      },
-      {
-        type: "code",
-        value: JSON.stringify(
-          {
-            objectID: "sku_48213",
-            name: "Trail Running Shoe",
-            brand: "Northline",
-            categories: ["Footwear", "Running", "Mens"],
-            price: 129.99,
-            in_stock: true,
-            rating: 4.6
-          },
-          null,
-          2
-        )
+        value: "Fields, nesting and types are up to you \u2014 index the shape your app already uses."
       }
     ]
   },
@@ -5504,26 +5485,26 @@ function tipsByIds(ids) {
 }
 
 // src/ui/Tips.tsx
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } 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__ */ jsxs16(Text18, { children: [
+    /* @__PURE__ */ jsx16(Text18, { color: "cyan", children: "\u2726 " }),
+    /* @__PURE__ */ jsx16(Text18, { 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__ */ jsx16(Text18, { 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__ */ jsx16(Text18, { 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__ */ jsx16(Text18, { color: COLORS.highlight.fg, backgroundColor: COLORS.highlight.bg, children: segment.value });
     default:
-      return /* @__PURE__ */ jsx17(Text19, { color: COLORS.muted, children: segment.value });
+      return /* @__PURE__ */ jsx16(Text18, { color: COLORS.muted, children: segment.value });
   }
 }
 function TipContent({
@@ -5531,38 +5512,42 @@ function TipContent({
   revealed
 }) {
   let remaining = revealed;
-  const slices = chunks.map((chunk) => {
+  const segments = [];
+  for (const chunk of chunks) {
     const slice = chunk.value.slice(0, Math.max(0, remaining));
     remaining -= chunk.value.length;
-    return slice;
-  });
-  const blocks = [];
-  for (let i = 0; i < chunks.length; i++) {
-    const chunk = chunks[i];
-    const slice = slices[i];
     if (!slice) continue;
-    const segment = {
+    const last = segments[segments.length - 1];
+    if (chunk.type === "text" && last?.type === "text") {
+      last.value = `${last.value} ${slice}`;
+      continue;
+    }
+    segments.push({
       type: chunk.type,
       value: slice,
       href: chunk.type === "link" ? chunk.href : void 0
-    };
-    if (chunk.type === "code") {
-      blocks.push({ type: "code", segment });
-      continue;
-    }
-    const last = blocks[blocks.length - 1];
-    if (last?.type === "inline") {
-      last.segments.push(segment);
-    } else {
-      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: [
-      j > 0 && " ",
-      /* @__PURE__ */ jsx17(InlineSegment, { segment })
-    ] }, j)) }, i)
-  ) });
+  return /* @__PURE__ */ jsx16(Box18, { marginLeft: 2, children: /* @__PURE__ */ jsx16(Text18, { children: segments.map((segment, i) => /* @__PURE__ */ jsxs16(Text18, { children: [
+    i > 0 && " ",
+    /* @__PURE__ */ jsx16(InlineSegment, { segment })
+  ] }, i)) }) });
+}
+var TIP_PANEL_ROWS = 11;
+function TipCard({
+  tip,
+  revealed
+}) {
+  return /* @__PURE__ */ jsxs16(Box18, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsx16(TipTitle, { children: tip.title.slice(0, revealed) }),
+    /* @__PURE__ */ jsx16(
+      TipContent,
+      {
+        chunks: tip.chunks,
+        revealed: Math.max(0, revealed - tip.title.length)
+      }
+    )
+  ] });
 }
 var progress = { stepId: null, tipIndex: 0, revealed: 0 };
 function Tips({
@@ -5635,16 +5620,11 @@ function Tips({
     return () => clearTimeout(timer);
   }, [revealed, totalLength, tips2.length]);
   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__ */ jsx16(TipCard, { tip, revealed });
 }
 
 // src/ui/App.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 function App() {
   const {
     phase,
@@ -5658,7 +5638,7 @@ function App() {
     review: review2
   } = useWizard();
   const { exit } = useApp();
-  const { columns, rows } = useWindowSize7();
+  const { columns, rows } = useWindowSize8();
   const [showLogs, setShowLogs] = useState10(false);
   const [tipState, setTipState] = useState10("idle");
   const finished = phase === "done" || phase === "error";
@@ -5671,7 +5651,6 @@ function App() {
   const promptPending = isAwaitingUserInput && !isCommandApprovalPrompt;
   const holdForTip = stepHasTips && promptPending && tipState === "revealing";
   const showTips = stepHasTips && (phase === "running" || isCommandApprovalPrompt || holdForTip);
-  const showNoticesInMain = !stepHasTips;
   const showNotices = (!isAwaitingUserInput || holdForTip) && !review2;
   useInput7(
     (_input, key) => {
@@ -5706,14 +5685,15 @@ function App() {
   });
   const mainWindowVisible = phase === "authenticating" || phase === "preflight" || phase === "running" || phase === "awaitingInput" || phase === "error" || phase === "done";
   const flexDirection = columns > 90 ? "row" : "column";
+  const tipPanelRows = Math.min(TIP_PANEL_ROWS, Math.max(8, rows - 16));
   const showSidebar = flexDirection === "row";
   const scrollsPastViewport = phase === "idle" && homeScreen === "learnMore";
   return (
     /* 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(
-      Box20,
+    /* @__PURE__ */ jsxs17(
+      Box19,
       {
         backgroundColor: COLORS.bg.main,
         flexDirection: "row",
@@ -5721,16 +5701,16 @@ function App() {
         height: scrollsPastViewport ? void 0 : rows,
         overflow: scrollsPastViewport ? "visible" : "hidden",
         children: [
-          mainWindowVisible && /* @__PURE__ */ jsxs18(
-            Box20,
+          mainWindowVisible && /* @__PURE__ */ jsxs17(
+            Box19,
             {
               flexDirection,
               width: "100%",
               maxHeight: rows,
               justifyContent: "space-between",
               children: [
-                showLogs ? /* @__PURE__ */ jsx18(Logs, {}) : /* @__PURE__ */ jsxs18(
-                  Box20,
+                showLogs ? /* @__PURE__ */ jsx17(Logs, {}) : /* @__PURE__ */ jsxs17(
+                  Box19,
                   {
                     flexDirection: "column",
                     paddingX: 4,
@@ -5739,49 +5719,67 @@ 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(Spinner2, { type: "dots" }),
+                      /* @__PURE__ */ jsxs17(Box19, { flexGrow: 2, flexDirection: "column", children: [
+                        phase === "preflight" && !user && /* @__PURE__ */ jsx17(Box19, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs17(Text19, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx17(Spinner2, { 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(Spinner2, { type: "dots" }),
+                        phase === "preflight" && user && /* @__PURE__ */ jsx17(Box19, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs17(Text19, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx17(Spinner2, { 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(Spinner2, { type: "dots" }),
+                        phase === "authenticating" && /* @__PURE__ */ jsxs17(Box19, { flexDirection: "column", marginBottom: 1, children: [
+                          /* @__PURE__ */ jsxs17(Text19, { color: COLORS.strong, bold: true, children: [
+                            /* @__PURE__ */ jsx17(Spinner2, { type: "dots" }),
                             " Signing in to Algolia"
                           ] }),
-                          /* @__PURE__ */ jsx18(Text20, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
+                          /* @__PURE__ */ jsx17(Text19, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
                         ] }),
-                        /* @__PURE__ */ jsx18(CliOutput, {}),
-                        showTips && currentStep && /* @__PURE__ */ jsx18(
-                          Tips,
-                          {
-                            stepId: currentStep.id,
-                            ids: tipIds,
-                            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: [
+                        /* @__PURE__ */ jsx17(CliOutput, {}),
+                        showNotices && /* @__PURE__ */ jsx17(Notices, { showAll: true, border: false }),
+                        /* @__PURE__ */ jsx17(Review, {}),
+                        !showTips && /* @__PURE__ */ jsx17(PromptInput, {}),
+                        phase === "error" && error && /* @__PURE__ */ jsx17(Box19, { marginTop: 1, children: /* @__PURE__ */ jsxs17(Text19, { color: COLORS.status.error, children: [
                           "\u2716 ",
                           error
                         ] }) })
                       ] }),
-                      !showNoticesInMain && showNotices && /* @__PURE__ */ jsx18(Notices, {}),
-                      showTips && !holdForTip && /* @__PURE__ */ jsx18(PromptInput, {})
+                      showTips && currentStep && /* Fixed height: a panel that grew as the tip streamed would
+                         re-measure the notice feed above it on every character and
+                         walk its scroll window. */
+                      /* @__PURE__ */ jsx17(
+                        Box19,
+                        {
+                          borderColor: COLORS.border,
+                          borderStyle: "single",
+                          borderBackgroundColor: COLORS.bg.main,
+                          borderLeft: false,
+                          borderRight: false,
+                          borderBottom: false,
+                          paddingTop: 1,
+                          height: tipPanelRows,
+                          flexShrink: 0,
+                          overflow: "hidden",
+                          flexDirection: "column",
+                          children: /* @__PURE__ */ jsx17(
+                            Tips,
+                            {
+                              stepId: currentStep.id,
+                              ids: tipIds,
+                              onRevealStateChange: setTipState
+                            }
+                          )
+                        }
+                      ),
+                      showTips && !holdForTip && /* @__PURE__ */ jsx17(PromptInput, {})
                     ]
                   }
                 ),
-                showSidebar ? /* @__PURE__ */ jsx18(Sidebar, {}) : /* @__PURE__ */ jsx18(Ribbon, {})
+                showSidebar ? /* @__PURE__ */ jsx17(Sidebar, {}) : /* @__PURE__ */ jsx17(Ribbon, {})
               ]
             }
           ),
-          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx18(LearnMore, {}) : /* @__PURE__ */ jsx18(Welcome, {}))
+          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx17(LearnMore, {}) : /* @__PURE__ */ jsx17(Welcome, {}))
         ]
       }
     )
@@ -6200,7 +6198,7 @@ function delay(ms) {
 }
 
 // src/main.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 async function startup() {
   setProjectRoot(process.cwd());
   let args;
@@ -6250,7 +6248,7 @@ ${formatStepList(workflow)}`);
 }
 async function run(workflow) {
   const store = useWizard.getState();
-  const instance = render(/* @__PURE__ */ jsx19(App, {}), { incrementalRendering: true });
+  const instance = render(/* @__PURE__ */ jsx18(App, {}), { incrementalRendering: true });
   await store.waitForStart();
   store.syncSteps(
     workflow.steps.map((s) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/wizard",
-  "version": "0.45.0",
+  "version": "0.46.0-rc.146.324",
   "description": "Magically implement Algolia functionality in your codebase",
   "type": "module",
   "engines": {