@algolia/wizard 0.38.0 → 0.40.0

package/dist/main.js

@@ -4,7 +4,7 @@
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { Box as Box19, Text as Text19, useApp, useInput as useInput6, useWindowSize as useWindowSize7 } from "ink";
+import { Box as Box20, Text as Text20, useApp, useInput as useInput7, useWindowSize as useWindowSize7 } from "ink";
 import Spinner2 from "ink-spinner";
 
 // src/core/store.ts
@@ -251,6 +251,7 @@ var useWizard = create((set, get) => ({
   _noticeQueue: [],
   _noticeTimer: null,
   cliOutput: [],
+  review: null,
   targetIndex: null,
   writtenFiles: [],
   approvedCommands: /* @__PURE__ */ new Set(),
@@ -294,7 +295,8 @@ var useWizard = create((set, get) => ({
       currentStepIndex: index,
       output: "",
       notices: [],
-      cliOutput: []
+      cliOutput: [],
+      review: null
     });
   },
   setUser: (user) => set({ user }),
@@ -346,6 +348,7 @@ var useWizard = create((set, get) => ({
     )
   })),
   clearCliOutput: () => set({ cliOutput: [] }),
+  setReview: (review2) => set({ review: review2 }),
   setTargetIndex: (index) => set({ targetIndex: index }),
   recordWrittenFile: (path) => set((s) => ({ writtenFiles: [...s.writtenFiles, path] })),
   clearWrittenFiles: () => set({ writtenFiles: [] }),
@@ -399,6 +402,7 @@ var useWizard = create((set, get) => ({
       output: "",
       notices: [],
       cliOutput: [],
+      review: null,
       targetIndex: null,
       writtenFiles: [],
       approvedCommands: /* @__PURE__ */ new Set(),
@@ -837,6 +841,7 @@ function useScrollWindow({
   const visibleCount = Math.min(capacity, Math.max(itemCount - offset, 0));
   return {
     viewportRef,
+    measured: size !== null,
     width: size?.width ?? columns,
     offset,
     capacity,
@@ -1127,6 +1132,121 @@ 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";
+var INGEST_SCRIPT = ".algolia-wizard/ingest.sh";
+function wrapText(text, width) {
+  if (width <= 0) return [text];
+  const lines = [];
+  let line = "";
+  for (const word of text.split(/\s+/).filter(Boolean)) {
+    const candidate = line ? `${line} ${word}` : word;
+    if (candidate.length <= width) {
+      line = candidate;
+      continue;
+    }
+    if (line) lines.push(line);
+    let rest = word;
+    while (rest.length > width) {
+      lines.push(rest.slice(0, width));
+      rest = rest.slice(width);
+    }
+    line = rest;
+  }
+  if (line) lines.push(line);
+  return lines.length > 0 ? lines : [""];
+}
+function heading(text) {
+  return { prefix: "", text, color: COLORS.strong, bold: true };
+}
+var BLANK = { prefix: "", text: " ", color: COLORS.dim };
+function itemRows(items, width, prefixFor, colorFor) {
+  return items.flatMap((item, i) => {
+    const { prefix, color: prefixColor } = prefixFor(i);
+    const { color, bold } = colorFor(item);
+    return wrapText(item, width - prefix.length).map((line, j) => ({
+      prefix: j === 0 ? prefix : " ".repeat(prefix.length),
+      prefixColor,
+      text: line,
+      color,
+      bold
+    }));
+  });
+}
+function buildRows(review2, width) {
+  const { summaryPoints, nextSteps, reviewPrompt } = review2;
+  const numberWidth = String(nextSteps.length).length + 2;
+  const rows = [];
+  if (summaryPoints.length > 0) {
+    rows.push(heading("What we did"));
+    rows.push(
+      ...itemRows(
+        summaryPoints,
+        width,
+        () => ({ prefix: `${MARKER.done} `, color: COLORS.status.done }),
+        () => ({ color: COLORS.primary, bold: false })
+      )
+    );
+  }
+  if (nextSteps.length > 0) {
+    if (rows.length > 0) rows.push(BLANK);
+    rows.push(heading("What to do next"));
+    rows.push(
+      ...itemRows(
+        nextSteps,
+        width,
+        (i) => ({
+          prefix: `${i + 1}.`.padEnd(numberWidth),
+          color: COLORS.secondary
+        }),
+        (step) => step.includes(INGEST_SCRIPT) ? { color: COLORS.brand, bold: true } : { color: COLORS.primary, bold: false }
+      )
+    );
+  }
+  if (reviewPrompt) {
+    if (rows.length > 0) rows.push(BLANK);
+    rows.push(
+      ...wrapText(reviewPrompt, width).map((line) => ({
+        prefix: "",
+        text: line,
+        color: COLORS.brand
+      }))
+    );
+  }
+  return rows;
+}
+function ReviewPanel({ review: review2 }) {
+  const [width, setWidth] = useState7(0);
+  const rows = width > 0 ? buildRows(review2, width) : [];
+  const scroll = useScrollWindow({ itemCount: rows.length });
+  useLayoutEffect3(() => {
+    if (scroll.measured) setWidth(scroll.width);
+  }, [scroll.measured, scroll.width]);
+  const scrollable = scroll.maxOffset > 0;
+  useInput3(
+    (_input, key) => {
+      if (key.upArrow) scroll.scrollBy(-1);
+      else if (key.downArrow) scroll.scrollBy(1);
+    },
+    { isActive: scrollable }
+  );
+  const visible = rows.slice(scroll.offset, scroll.offset + scroll.capacity);
+  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx8(ScrollView, { scroll, children: visible.map((row, i) => /* @__PURE__ */ jsxs9(Text10, { wrap: "truncate", children: [
+      row.prefix && /* @__PURE__ */ jsx8(Text10, { color: row.prefixColor ?? row.color, bold: row.bold, children: row.prefix }),
+      /* @__PURE__ */ jsx8(Text10, { color: row.color, bold: row.bold, children: row.text })
+    ] }, `review-row-${i}`)) }),
+    scrollable && /* @__PURE__ */ jsx8(Text10, { color: COLORS.dim, children: "\u2191/\u2193 scroll" })
+  ] });
+}
+function Review() {
+  const review2 = useWizard((s) => s.review);
+  if (!review2) return null;
+  return /* @__PURE__ */ jsx8(ReviewPanel, { review: review2 });
+}
+
 // src/workflows/default.ts
 import { z as z29 } from "zod";
 
@@ -2408,10 +2528,10 @@ import { spawn as spawn2 } from "node:child_process";
 // src/lib/tools/context.ts
 var DEFAULT_TOOL_LIMITS = {
   list: 10,
-  search: 10,
+  search: 20,
   read: 20,
   match: 100,
-  shell: 30
+  shell: 50
 };
 var DEFAULT_SHELL_TIMEOUT_MS = 10 * 60 * 1e3;
 async function refuseByDefault() {
@@ -3267,7 +3387,7 @@ async function runAnalysis(mode, extraInstructions = []) {
 // package.json
 var package_default = {
   name: "@algolia/wizard",
-  version: "0.38.0",
+  version: "0.40.0",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {
@@ -3633,23 +3753,6 @@ Output:
 ${JSON.stringify(s.output, null, 2)}`
   ).join("\n\n");
 }
-function formatReviewSummary(result) {
-  const nextStepLines = result.nextSteps.map((step) => {
-    const isIngestCommand = step.includes(".algolia-wizard/ingest.sh");
-    return {
-      text: `\u2192 ${step}`,
-      color: isIngestCommand ? COLORS.brand : void 0,
-      bold: isIngestCommand
-    };
-  });
-  return [
-    // Plain lines, same as nextSteps' un-highlighted entries — the summary is
-    // an overview, not a call to action, so it gets no arrow/color/bold.
-    ...result.summaryPoints,
-    { text: result.reviewPrompt, color: COLORS.brand },
-    ...nextStepLines
-  ];
-}
 var reviewStep = async (ctx, options) => {
   const result = await runAgent({
     instructions: [
@@ -3668,7 +3771,8 @@ ${formatCompletedSteps(ctx.completedSteps)}`,
     outputSchema: reviewSchema,
     modelSize: "small"
   });
-  ctx.notify({ messages: formatReviewSummary(result) });
+  ctx.clearNotices();
+  useWizard.getState().setReview(result);
   return result;
 };
 
@@ -4515,8 +4619,8 @@ function getWorkflow(id) {
 // src/ui/Welcome.tsx
 import { dirname as dirname8, join as join11 } from "node:path";
 import { fileURLToPath as fileURLToPath2 } from "node:url";
-import { useState as useState7 } from "react";
-import { Box as Box10, Spacer, Text as Text10, useInput as useInput3, useWindowSize as useWindowSize5 } from "ink";
+import { useState as useState8 } from "react";
+import { Box as Box11, Spacer, Text as Text11, useInput as useInput4, useWindowSize as useWindowSize5 } from "ink";
 
 // src/ui/copy/welcome.ts
 var sidebarItems = [
@@ -4544,7 +4648,7 @@ var sidebarItems = [
 
 // src/ui/Welcome.tsx
 import Image, { TerminalInfoContext, defaultTerminalInfo } from "ink-picture";
-import { jsx as jsx8, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
 var IMAGE_PATH = join11(dirname8(fileURLToPath2(import.meta.url)), "algolia.png");
 var TERMINAL_INFO = {
   ...defaultTerminalInfo,
@@ -4555,14 +4659,14 @@ function SidebarItem({
   title,
   description
 }) {
-  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs9(Box10, { gap: 1, children: [
-      /* @__PURE__ */ jsx8(Text10, { color: COLORS.success, children: "\u2192" }),
-      /* @__PURE__ */ jsx8(Text10, { color: COLORS.strong, bold: true, children: title })
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs10(Box11, { gap: 1, children: [
+      /* @__PURE__ */ jsx9(Text11, { color: COLORS.success, children: "\u2192" }),
+      /* @__PURE__ */ jsx9(Text11, { color: COLORS.strong, bold: true, children: title })
     ] }),
-    /* @__PURE__ */ jsxs9(Box10, { flexDirection: "row", gap: 2, children: [
-      /* @__PURE__ */ jsx8(Spacer, {}),
-      /* @__PURE__ */ jsx8(Text10, { color: COLORS.muted, children: description })
+    /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", gap: 2, children: [
+      /* @__PURE__ */ jsx9(Spacer, {}),
+      /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: description })
     ] })
   ] });
 }
@@ -4574,8 +4678,8 @@ function Welcome() {
     { label: "start wizard", run: confirmStart },
     { label: "learn more", run: openLearnMore }
   ];
-  const [index, setIndex] = useState7(0);
-  useInput3((input, key) => {
+  const [index, setIndex] = useState8(0);
+  useInput4((input, key) => {
     if (key.upArrow || input === "k") {
       setIndex((i) => (i - 1 + actions.length) % actions.length);
     } else if (key.downArrow || input === "j") {
@@ -4598,16 +4702,16 @@ function Welcome() {
   if (rows < 30) {
     layout = scales["small"];
   }
-  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [
-    /* @__PURE__ */ jsx8(
-      Box10,
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [
+    /* @__PURE__ */ jsx9(
+      Box11,
       {
         paddingY: layout.main.padding.y,
         paddingX: layout.main.padding.x,
         flexDirection: "column",
         justifyContent: "center",
-        children: /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", gap: 2, children: [
-          /* @__PURE__ */ jsx8(TerminalInfoContext.Provider, { value: TERMINAL_INFO, children: /* @__PURE__ */ jsx8(
+        children: /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", gap: 2, children: [
+          /* @__PURE__ */ jsx9(TerminalInfoContext.Provider, { value: TERMINAL_INFO, children: /* @__PURE__ */ jsx9(
             Image,
             {
               src: IMAGE_PATH,
@@ -4618,8 +4722,8 @@ function Welcome() {
               protocol: "halfBlock"
             }
           ) }),
-          /* @__PURE__ */ jsx8(Text10, { color: COLORS.muted, children: "\u2726 From zero \u2192 working search in ~10 minutes" }),
-          /* @__PURE__ */ jsx8(Box10, { flexDirection: "column", children: actions.map((action, i) => /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: "\u2726 From zero \u2192 working search in ~10 minutes" }),
+          /* @__PURE__ */ jsx9(Box11, { flexDirection: "column", children: actions.map((action, i) => /* @__PURE__ */ jsx9(
             SelectRow,
             {
               highlighted: i === index,
@@ -4628,21 +4732,21 @@ function Welcome() {
             },
             action.label
           )) }),
-          /* @__PURE__ */ jsxs9(Box10, { gap: 2, children: [
-            /* @__PURE__ */ jsxs9(Text10, { children: [
-              /* @__PURE__ */ jsx8(Text10, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
-              /* @__PURE__ */ jsx8(Text10, { color: COLORS.dim, children: " move" })
+          /* @__PURE__ */ jsxs10(Box11, { gap: 2, children: [
+            /* @__PURE__ */ jsxs10(Text11, { children: [
+              /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: "[\u2191] [\u2193]" }),
+              /* @__PURE__ */ jsx9(Text11, { color: COLORS.dim, children: " move" })
             ] }),
-            /* @__PURE__ */ jsxs9(Text10, { children: [
-              /* @__PURE__ */ jsx8(Text10, { color: COLORS.primary, children: "[enter]" }),
-              /* @__PURE__ */ jsx8(Text10, { color: COLORS.dim, children: " confirm" })
+            /* @__PURE__ */ jsxs10(Text11, { children: [
+              /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: "[enter]" }),
+              /* @__PURE__ */ jsx9(Text11, { color: COLORS.dim, children: " confirm" })
             ] })
           ] })
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs9(
-      Box10,
+    /* @__PURE__ */ jsxs10(
+      Box11,
       {
         backgroundColor: COLORS.bg.sidebar,
         width: 40,
@@ -4652,8 +4756,8 @@ function Welcome() {
         flexDirection: "column",
         justifyContent: "center",
         children: [
-          /* @__PURE__ */ jsx8(Text10, { color: COLORS.muted, children: "WHAT THIS WIZARD WILL DO" }),
-          sidebarItems.map((i, idx) => /* @__PURE__ */ jsx8(SidebarItem, { title: i.title, description: i.description }, idx))
+          /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: "WHAT THIS WIZARD WILL DO" }),
+          sidebarItems.map((i, idx) => /* @__PURE__ */ jsx9(SidebarItem, { title: i.title, description: i.description }, idx))
         ]
       }
     )
@@ -4662,7 +4766,7 @@ function Welcome() {
 
 // src/ui/LearnMore.tsx
 import { Fragment } from "react";
-import { Box as Box11, Text as Text11, useInput as useInput4, useWindowSize as useWindowSize6 } from "ink";
+import { Box as Box12, Text as Text12, useInput as useInput5, useWindowSize as useWindowSize6 } from "ink";
 
 // src/ui/copy/learn-more.ts
 var accessIntro = "Everything runs locally on your machine. Nothing is written or sent without an explicit yes from you.";
@@ -4704,7 +4808,7 @@ var policyLinks = [
 ];
 
 // src/ui/LearnMore.tsx
-import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs11 } from "react/jsx-runtime";
 var TAG_COLORS = {
   READ: COLORS.success,
   WRITE: COLORS.badge,
@@ -4721,12 +4825,12 @@ function NeverLine({
 }) {
   const used = segments.reduce((n, s) => n + s.text.length, 0);
   const rightPad = Math.max(0, width - 2 - NEVER_BOX_PAD_X - used);
-  return /* @__PURE__ */ jsxs10(Text11, { color: COLORS.primary, children: [
-    /* @__PURE__ */ jsx9(Text11, { color: COLORS.danger, children: "\u2502" }),
+  return /* @__PURE__ */ jsxs11(Text12, { color: COLORS.primary, children: [
+    /* @__PURE__ */ jsx10(Text12, { color: COLORS.danger, children: "\u2502" }),
     " ".repeat(NEVER_BOX_PAD_X),
-    segments.map((s, i) => /* @__PURE__ */ jsx9(Text11, { color: s.color, bold: s.bold, children: s.text }, i)),
+    segments.map((s, i) => /* @__PURE__ */ jsx10(Text12, { color: s.color, bold: s.bold, children: s.text }, i)),
     " ".repeat(rightPad),
-    /* @__PURE__ */ jsx9(Text11, { color: COLORS.danger, children: "\u2502" })
+    /* @__PURE__ */ jsx10(Text12, { color: COLORS.danger, children: "\u2502" })
   ] });
 }
 function LearnMore() {
@@ -4734,12 +4838,12 @@ function LearnMore() {
   const backToHome = useWizard((s) => s.backToHome);
   const { columns } = useWindowSize6();
   const dividerWidth = Math.max(0, columns - PADDING_X * 2);
-  useInput4((_input, key) => {
+  useInput5((_input, key) => {
     if (key.escape) backToHome();
     else if (key.return) confirmStart();
   });
-  return /* @__PURE__ */ jsxs10(
-    Box11,
+  return /* @__PURE__ */ jsxs11(
+    Box12,
     {
       flexDirection: "column",
       paddingX: PADDING_X,
@@ -4747,31 +4851,31 @@ function LearnMore() {
       width: "100%",
       gap: 1,
       children: [
-        /* @__PURE__ */ jsx9(Text11, { color: COLORS.strong, bold: true, children: "What algolia wizard accesses" }),
-        /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: accessIntro }),
-        /* @__PURE__ */ jsx9(Box11, { flexDirection: "column", children: accessItems.map((item) => /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsx9(Text11, { color: COLORS.border, children: "\u2500".repeat(dividerWidth) }),
-          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", gap: 1, marginTop: 1, children: [
-            /* @__PURE__ */ jsx9(Box11, { width: TAG_COLUMN_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx9(Text11, { color: TAG_COLORS[item.tag], bold: true, children: `[${item.tag}]` }) }),
-            /* @__PURE__ */ jsx9(Box11, { flexDirection: "column", children: /* @__PURE__ */ jsxs10(Text11, { color: COLORS.primary, children: [
-              /* @__PURE__ */ jsx9(Text11, { color: COLORS.strong, bold: true, children: item.title }),
-              /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: ` \u2014 ${item.description}` })
+        /* @__PURE__ */ jsx10(Text12, { color: COLORS.strong, bold: true, children: "What algolia wizard accesses" }),
+        /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: accessIntro }),
+        /* @__PURE__ */ jsx10(Box12, { flexDirection: "column", children: accessItems.map((item) => /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx10(Text12, { color: COLORS.border, children: "\u2500".repeat(dividerWidth) }),
+          /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, marginTop: 1, children: [
+            /* @__PURE__ */ jsx10(Box12, { width: TAG_COLUMN_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx10(Text12, { color: TAG_COLORS[item.tag], bold: true, children: `[${item.tag}]` }) }),
+            /* @__PURE__ */ jsx10(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsxs11(Text12, { color: COLORS.primary, children: [
+              /* @__PURE__ */ jsx10(Text12, { color: COLORS.strong, bold: true, children: item.title }),
+              /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: ` \u2014 ${item.description}` })
             ] }) })
           ] })
         ] }, item.tag)) }),
-        /* @__PURE__ */ jsxs10(Box11, { marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsx9(Text11, { color: COLORS.danger, children: `\u256D${"\u2500".repeat(Math.max(0, dividerWidth - 2))}\u256E` }),
-          /* @__PURE__ */ jsx9(NeverLine, { width: dividerWidth }),
-          /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx10(Text12, { color: COLORS.danger, children: `\u256D${"\u2500".repeat(Math.max(0, dividerWidth - 2))}\u256E` }),
+          /* @__PURE__ */ jsx10(NeverLine, { width: dividerWidth }),
+          /* @__PURE__ */ jsx10(
             NeverLine,
             {
               width: dividerWidth,
               segments: [{ text: "I NEVER", color: COLORS.danger, bold: true }]
             }
           ),
-          neverItems.map((item) => /* @__PURE__ */ jsxs10(Fragment, { children: [
-            /* @__PURE__ */ jsx9(NeverLine, { width: dividerWidth }),
-            /* @__PURE__ */ jsx9(
+          neverItems.map((item) => /* @__PURE__ */ jsxs11(Fragment, { children: [
+            /* @__PURE__ */ jsx10(NeverLine, { width: dividerWidth }),
+            /* @__PURE__ */ jsx10(
               NeverLine,
               {
                 width: dividerWidth,
@@ -4783,24 +4887,24 @@ function LearnMore() {
               }
             )
           ] }, item)),
-          /* @__PURE__ */ jsx9(NeverLine, { width: dividerWidth }),
-          /* @__PURE__ */ jsx9(Text11, { color: COLORS.danger, children: `\u2570${"\u2500".repeat(Math.max(0, dividerWidth - 2))}\u256F` })
+          /* @__PURE__ */ jsx10(NeverLine, { width: dividerWidth }),
+          /* @__PURE__ */ jsx10(Text12, { color: COLORS.danger, children: `\u2570${"\u2500".repeat(Math.max(0, dividerWidth - 2))}\u256F` })
         ] }),
-        /* @__PURE__ */ jsx9(Box11, { marginTop: 1, flexDirection: "column", children: policyLinks.map((link) => /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", gap: 1, children: [
-          /* @__PURE__ */ jsx9(Text11, { color: COLORS.strong, bold: true, children: `${link.label}:` }),
-          /* @__PURE__ */ jsx9(Text11, { color: COLORS.accent, children: link.url })
+        /* @__PURE__ */ jsx10(Box12, { marginTop: 1, flexDirection: "column", children: policyLinks.map((link) => /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx10(Text12, { color: COLORS.strong, bold: true, children: `${link.label}:` }),
+          /* @__PURE__ */ jsx10(Text12, { color: COLORS.accent, children: link.url })
         ] }, link.label)) }),
-        /* @__PURE__ */ jsxs10(Box11, { marginTop: 1, flexDirection: "row", gap: 3, children: [
-          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", gap: 1, children: [
-            /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: "[" }),
-            /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: "esc" }),
-            /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: "] back" })
+        /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, flexDirection: "row", gap: 3, children: [
+          /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "[" }),
+            /* @__PURE__ */ jsx10(Text12, { color: COLORS.primary, children: "esc" }),
+            /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "] back" })
           ] }),
-          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", gap: 1, children: [
-            /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: "[" }),
-            /* @__PURE__ */ jsx9(Text11, { color: COLORS.primary, children: "enter" }),
-            /* @__PURE__ */ jsx9(Text11, { color: COLORS.muted, children: "]" }),
-            /* @__PURE__ */ jsx9(Text11, { color: COLORS.success, bold: true, children: "start wizard" })
+          /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "[" }),
+            /* @__PURE__ */ jsx10(Text12, { color: COLORS.primary, children: "enter" }),
+            /* @__PURE__ */ jsx10(Text12, { color: COLORS.muted, children: "]" }),
+            /* @__PURE__ */ jsx10(Text12, { color: COLORS.success, bold: true, children: "start wizard" })
           ] })
         ] })
       ]
@@ -4809,17 +4913,17 @@ function LearnMore() {
 }
 
 // src/ui/Sidebar.tsx
-import { Box as Box14, Text as Text14 } from "ink";
+import { Box as Box15, Text as Text15 } from "ink";
 
 // src/ui/Steps.tsx
-import { Box as Box12, Text as Text12 } from "ink";
+import { Box as Box13, Text as Text13 } from "ink";
 import Spinner from "ink-spinner";
-import { jsx as jsx10, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs12 } from "react/jsx-runtime";
 function Steps() {
   const { steps } = useWizard();
   const visibleSteps = steps.filter(isStepVisible);
-  return /* @__PURE__ */ jsx10(Box12, { flexDirection: "column", gap: 1, children: visibleSteps.map((s) => /* @__PURE__ */ jsx10(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsxs11(Text12, { color: COLORS.status[s.status], children: [
-    s.status === "running" ? /* @__PURE__ */ jsx10(Spinner, { type: "dots" }) : MARKER[s.status],
+  return /* @__PURE__ */ jsx11(Box13, { flexDirection: "column", gap: 1, children: visibleSteps.map((s) => /* @__PURE__ */ jsx11(Box13, { flexDirection: "column", children: /* @__PURE__ */ jsxs12(Text13, { color: COLORS.status[s.status], children: [
+    s.status === "running" ? /* @__PURE__ */ jsx11(Spinner, { type: "dots" }) : MARKER[s.status],
     " ",
     s.title
   ] }) }, s.id)) });
@@ -4828,27 +4932,27 @@ function CurrentStep() {
   const { steps } = useWizard();
   const currentStep = steps.filter(isStepVisible).find((s) => s.status === "running");
   if (!currentStep) return null;
-  return /* @__PURE__ */ jsxs11(Text12, { color: COLORS.status.running, children: [
-    /* @__PURE__ */ jsx10(Spinner, { type: "dots" }),
+  return /* @__PURE__ */ jsxs12(Text13, { color: COLORS.status.running, children: [
+    /* @__PURE__ */ jsx11(Spinner, { type: "dots" }),
     " ",
     ` ${currentStep.title}`
   ] });
 }
 
 // src/ui/Progress.tsx
-import { Box as Box13, Text as Text13 } from "ink";
-import { jsx as jsx11, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text14 } from "ink";
+import { jsx as jsx12, jsxs as jsxs13 } 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__ */ jsxs12(Box13, { flexDirection: "row", gap: 1, children: [
-    /* @__PURE__ */ jsx11(Text13, { color: COLORS.muted, children: "STEP" }),
-    /* @__PURE__ */ jsx11(Text13, { color: COLORS.strong, bold: true, children: activeStepNumber }),
-    /* @__PURE__ */ jsx11(Text13, { color: COLORS.strong, bold: true, children: "/" }),
-    /* @__PURE__ */ jsx11(Text13, { color: COLORS.strong, bold: true, children: visibleSteps.length })
+  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx12(Text14, { color: COLORS.muted, children: "STEP" }),
+    /* @__PURE__ */ jsx12(Text14, { color: COLORS.strong, bold: true, children: activeStepNumber }),
+    /* @__PURE__ */ jsx12(Text14, { color: COLORS.strong, bold: true, children: "/" }),
+    /* @__PURE__ */ jsx12(Text14, { color: COLORS.strong, bold: true, children: visibleSteps.length })
   ] });
 }
 
@@ -4859,10 +4963,10 @@ var sidebarCommands = [
 ];
 
 // src/ui/Sidebar.tsx
-import { jsx as jsx12, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs14 } from "react/jsx-runtime";
 function Sidebar() {
-  return /* @__PURE__ */ jsxs13(
-    Box14,
+  return /* @__PURE__ */ jsxs14(
+    Box15,
     {
       backgroundColor: "#14171E",
       width: 30,
@@ -4871,16 +4975,16 @@ function Sidebar() {
       flexDirection: "column",
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", gap: 1, children: [
-          /* @__PURE__ */ jsx12(Text14, { color: COLORS.muted, children: "PROGRESS" }),
-          /* @__PURE__ */ jsx12(Steps, {})
+        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: "PROGRESS" }),
+          /* @__PURE__ */ jsx13(Steps, {})
         ] }),
-        /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", gap: 1, children: [
-          /* @__PURE__ */ jsx12(Progress, {}),
-          /* @__PURE__ */ jsx12(Box14, { flexDirection: "column", children: sidebarCommands.map((c) => {
-            return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", gap: 1, children: [
-              /* @__PURE__ */ jsx12(Text14, { color: COLORS.primary, children: `[${c.keyHint}]` }),
-              /* @__PURE__ */ jsx12(Text14, { color: COLORS.muted, children: c.description })
+        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx13(Progress, {}),
+          /* @__PURE__ */ jsx13(Box15, { flexDirection: "column", children: sidebarCommands.map((c) => {
+            return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", gap: 1, children: [
+              /* @__PURE__ */ jsx13(Text15, { color: COLORS.primary, children: `[${c.keyHint}]` }),
+              /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: c.description })
             ] });
           }) })
         ] })
@@ -4890,12 +4994,12 @@ function Sidebar() {
 }
 
 // src/ui/Ribbon.tsx
-import { Box as Box15, Text as Text15 } from "ink";
-import { jsx as jsx13, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Box as Box16, Text as Text16 } from "ink";
+import { jsx as jsx14, jsxs as jsxs15 } from "react/jsx-runtime";
 function Ribbon() {
   const firstCommand = sidebarCommands[0];
-  return /* @__PURE__ */ jsxs14(
-    Box15,
+  return /* @__PURE__ */ jsxs15(
+    Box16,
     {
       backgroundColor: "#14171E",
       flexDirection: "row",
@@ -4903,11 +5007,11 @@ function Ribbon() {
       paddingX: 2,
       paddingY: 1,
       children: [
-        /* @__PURE__ */ jsx13(Progress, {}),
-        /* @__PURE__ */ jsx13(CurrentStep, {}),
-        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", gap: 1, children: [
-          /* @__PURE__ */ jsx13(Text15, { color: COLORS.primary, children: `[${firstCommand.keyHint}]` }),
-          /* @__PURE__ */ jsx13(Text15, { color: COLORS.muted, children: firstCommand.description })
+        /* @__PURE__ */ jsx14(Progress, {}),
+        /* @__PURE__ */ jsx14(CurrentStep, {}),
+        /* @__PURE__ */ jsxs15(Box16, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx14(Text16, { color: COLORS.primary, children: `[${firstCommand.keyHint}]` }),
+          /* @__PURE__ */ jsx14(Text16, { color: COLORS.muted, children: firstCommand.description })
         ] })
       ]
     }
@@ -4915,11 +5019,11 @@ function Ribbon() {
 }
 
 // src/ui/App.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 
 // src/ui/Logs.tsx
-import { Box as Box16, Text as Text16, useInput as useInput5 } from "ink";
-import { jsx as jsx14, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box17, Text as Text17, useInput as useInput6 } from "ink";
+import { jsx as jsx15, jsxs as jsxs16 } from "react/jsx-runtime";
 var KIND_COLOR = {
   tool: COLORS.primary,
   prompt: COLORS.badge
@@ -4950,14 +5054,14 @@ function formatTimestamp(ms) {
 function Logs() {
   const logs = useWizard((s) => s.logs);
   const scroll = useScrollWindow({ itemCount: logs.length, followBottom: true });
-  useInput5((_input, key) => {
+  useInput6((_input, key) => {
     if (key.upArrow) scroll.scrollBy(-1);
     else if (key.downArrow) scroll.scrollBy(1);
   });
   const visible = logs.slice(scroll.offset, scroll.offset + scroll.capacity);
-  return /* @__PURE__ */ jsxs15(Box16, { flexDirection: "column", paddingX: 4, paddingY: 2, flexGrow: 1, children: [
-    logs.length === 0 && /* @__PURE__ */ jsx14(Text16, { color: COLORS.dim, children: "No logs yet." }),
-    /* @__PURE__ */ jsx14(ScrollView, { scroll, children: visible.map((entry) => {
+  return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", paddingX: 4, paddingY: 2, flexGrow: 1, children: [
+    logs.length === 0 && /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, children: "No logs yet." }),
+    /* @__PURE__ */ jsx15(ScrollView, { scroll, children: visible.map((entry) => {
       const timestamp = `[${formatTimestamp(entry.startedAt)}]`;
       const durationText = entry.kind === "tool" && entry.durationMs !== void 0 ? `${entry.durationMs}ms` : "";
       const rawPreview = rawInputText(entry.input);
@@ -4967,25 +5071,25 @@ function Logs() {
       const name = truncate2(entry.name, budget);
       budget -= name.length;
       const preview = rawPreview ? truncate2(rawPreview, budget) : "";
-      return /* @__PURE__ */ jsxs15(Box16, { flexDirection: "row", gap: ROW_GAP, children: [
-        /* @__PURE__ */ jsx14(Text16, { color: COLORS.dim, children: timestamp }),
-        /* @__PURE__ */ jsx14(Text16, { color: logNameColor(entry), wrap: "truncate", children: name }),
-        preview && /* @__PURE__ */ jsx14(Text16, { color: COLORS.dim, wrap: "truncate", children: preview }),
-        durationText && /* @__PURE__ */ jsx14(Text16, { color: COLORS.dim, children: durationText })
+      return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "row", gap: ROW_GAP, children: [
+        /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, children: timestamp }),
+        /* @__PURE__ */ jsx15(Text17, { color: logNameColor(entry), wrap: "truncate", children: name }),
+        preview && /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, wrap: "truncate", children: preview }),
+        durationText && /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, children: durationText })
       ] }, entry.id);
     }) }),
-    /* @__PURE__ */ jsx14(Text16, { color: COLORS.dim, children: "\u2191/\u2193 scroll" })
+    /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, children: "\u2191/\u2193 scroll" })
   ] });
 }
 
 // src/ui/Tips.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState8 } from "react";
-import { Box as Box18, Text as Text18 } from "ink";
+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 Box17, Text as Text17 } from "ink";
-import { jsx as jsx15 } from "react/jsx-runtime";
+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);
@@ -4994,22 +5098,22 @@ function highlightJson(json) {
     if (part[0] === '"') {
       const next = parts.slice(i + 1).find((p) => p.trim());
       const isKey = next?.trimStart().startsWith(":");
-      return /* @__PURE__ */ jsx15(Text17, { color: isKey ? "cyan" : "green", children: part }, i);
+      return /* @__PURE__ */ jsx16(Text18, { color: isKey ? "cyan" : "green", children: part }, i);
     }
     if (part === "true" || part === "false" || part === "null") {
-      return /* @__PURE__ */ jsx15(Text17, { color: "magenta", children: part }, i);
+      return /* @__PURE__ */ jsx16(Text18, { color: "magenta", children: part }, i);
     }
     if (/^-?\d/.test(part)) {
-      return /* @__PURE__ */ jsx15(Text17, { color: "yellow", children: part }, i);
+      return /* @__PURE__ */ jsx16(Text18, { color: "yellow", children: part }, i);
     }
     if (/^[{}[\]:,]$/.test(part)) {
-      return /* @__PURE__ */ jsx15(Text17, { color: COLORS.dim, children: part }, i);
+      return /* @__PURE__ */ jsx16(Text18, { color: COLORS.dim, children: part }, i);
     }
-    return /* @__PURE__ */ jsx15(Text17, { children: part }, i);
+    return /* @__PURE__ */ jsx16(Text18, { children: part }, i);
   });
 }
 function Code({ children }) {
-  return /* @__PURE__ */ jsx15(Box17, { children: /* @__PURE__ */ jsx15(Text17, { children: highlightJson(children) }) });
+  return /* @__PURE__ */ jsx16(Box18, { children: /* @__PURE__ */ jsx16(Text18, { children: highlightJson(children) }) });
 }
 
 // src/ui/copy/tips.ts
@@ -5223,26 +5327,26 @@ function tipsByIds(ids) {
 }
 
 // src/ui/Tips.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var TICK_MS = 16;
 var CHUNK_HOLD_MS = 2e3;
 var HOLD_MS = 12e3;
 function TipTitle({ children }) {
-  return /* @__PURE__ */ jsxs16(Box18, { gap: 1, children: [
-    /* @__PURE__ */ jsx16(Text18, { color: "cyan", children: "\u2726" }),
-    /* @__PURE__ */ jsx16(Text18, { color: "white", bold: true, children })
+  return /* @__PURE__ */ jsxs17(Box19, { gap: 1, children: [
+    /* @__PURE__ */ jsx17(Text19, { color: "cyan", children: "\u2726" }),
+    /* @__PURE__ */ jsx17(Text19, { color: "white", bold: true, children })
   ] });
 }
 function InlineSegment({ segment }) {
   switch (segment.type) {
     case "highlight":
-      return /* @__PURE__ */ jsx16(Text18, { color: COLORS.success, children: segment.value });
+      return /* @__PURE__ */ jsx17(Text19, { color: COLORS.success, children: segment.value });
     case "link":
-      return /* @__PURE__ */ jsx16(Text18, { color: "cyan", underline: true, children: segment.href ? terminalLink(segment.value, segment.href) : segment.value });
+      return /* @__PURE__ */ jsx17(Text19, { color: "cyan", underline: true, children: segment.href ? terminalLink(segment.value, segment.href) : segment.value });
     case "codeword":
-      return /* @__PURE__ */ jsx16(Text18, { color: COLORS.highlight.fg, backgroundColor: COLORS.highlight.bg, children: segment.value });
+      return /* @__PURE__ */ jsx17(Text19, { color: COLORS.highlight.fg, backgroundColor: COLORS.highlight.bg, children: segment.value });
     default:
-      return /* @__PURE__ */ jsx16(Text18, { color: COLORS.muted, children: segment.value });
+      return /* @__PURE__ */ jsx17(Text19, { color: COLORS.muted, children: segment.value });
   }
 }
 function TipContent({
@@ -5276,10 +5380,10 @@ function TipContent({
       blocks.push({ type: "inline", segments: [segment] });
     }
   }
-  return /* @__PURE__ */ jsx16(Box18, { flexDirection: "column", marginLeft: 2, gap: 1, children: blocks.map(
-    (block, i) => block.type === "code" ? /* @__PURE__ */ jsx16(Code, { children: block.segment.value }, i) : /* @__PURE__ */ jsx16(Text18, { children: block.segments.map((segment, j) => /* @__PURE__ */ jsxs16(Text18, { children: [
+  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__ */ jsx16(InlineSegment, { segment })
+      /* @__PURE__ */ jsx17(InlineSegment, { segment })
     ] }, j)) }, i)
   ) });
 }
@@ -5296,8 +5400,8 @@ function Tips({
     progress.tipIndex = 0;
     progress.revealed = 0;
   }
-  const [tipIndex, setTipIndex] = useState8(resuming ? progress.tipIndex : 0);
-  const [revealed, setRevealed] = useState8(resuming ? progress.revealed : 0);
+  const [tipIndex, setTipIndex] = useState9(resuming ? progress.tipIndex : 0);
+  const [revealed, setRevealed] = useState9(resuming ? progress.revealed : 0);
   const tip = tips2.length > 0 ? tips2[tipIndex % tips2.length] : void 0;
   const contentLength = tip?.chunks.reduce((sum, c) => sum + c.value.length, 0) ?? 0;
   const totalLength = (tip?.title.length ?? 0) + contentLength;
@@ -5356,14 +5460,14 @@ function Tips({
   if (!tip) return null;
   const titleRevealed = tip.title.slice(0, revealed);
   const contentRevealed = Math.max(0, revealed - tip.title.length);
-  return /* @__PURE__ */ jsxs16(Box18, { flexDirection: "column", marginBottom: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx16(TipTitle, { children: titleRevealed }),
-    /* @__PURE__ */ jsx16(TipContent, { chunks: tip.chunks, revealed: contentRevealed })
+  return /* @__PURE__ */ jsxs17(Box19, { flexDirection: "column", marginBottom: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx17(TipTitle, { children: titleRevealed }),
+    /* @__PURE__ */ jsx17(TipContent, { chunks: tip.chunks, revealed: contentRevealed })
   ] });
 }
 
 // src/ui/App.tsx
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 function App() {
   const {
     phase,
@@ -5373,12 +5477,13 @@ function App() {
     steps,
     inputReq,
     user,
-    workflow
+    workflow,
+    review: review2
   } = useWizard();
   const { exit } = useApp();
   const { columns, rows } = useWindowSize7();
-  const [showLogs, setShowLogs] = useState9(false);
-  const [tipState, setTipState] = useState9("idle");
+  const [showLogs, setShowLogs] = useState10(false);
+  const [tipState, setTipState] = useState10("idle");
   const finished = phase === "done" || phase === "error";
   const currentStep = steps[currentStepIndex];
   const stepDef = workflow ? getWorkflow(workflow.id)?.steps.find((s) => s.id === currentStep?.id) : void 0;
@@ -5390,8 +5495,8 @@ function App() {
   const holdForTip = stepHasTips && promptPending && tipState === "revealing";
   const showTips = stepHasTips && (phase === "running" || isCommandApprovalPrompt || holdForTip);
   const showNoticesInMain = !stepHasTips;
-  const showNotices = !isAwaitingUserInput || holdForTip;
-  useInput6(
+  const showNotices = (!isAwaitingUserInput || holdForTip) && !review2;
+  useInput7(
     (_input, key) => {
       if (key.return) {
         exit();
@@ -5399,7 +5504,7 @@ function App() {
     },
     { isActive: finished }
   );
-  useInput6((_input, key) => {
+  useInput7((_input, key) => {
     if (phase === "idle" || phase === "authenticating") return;
     if (key.tab) {
       setShowLogs(!showLogs);
@@ -5411,7 +5516,7 @@ function App() {
     }
   });
   const escOwnedElsewhere = phase === "idle" || phase === "authenticating" || phase === "awaitingInput" && !holdForTip && (inputReq?.promptType === "enterToContinue" || inputReq?.promptType === "commandApproval");
-  useInput6((_input, key) => {
+  useInput7((_input, key) => {
     if (escOwnedElsewhere) return;
     if (key.escape) {
       track("AI Wizard Interaction", {
@@ -5430,8 +5535,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__ */ jsxs17(
-      Box19,
+    /* @__PURE__ */ jsxs18(
+      Box20,
       {
         backgroundColor: COLORS.bg.main,
         flexDirection: "row",
@@ -5439,16 +5544,16 @@ function App() {
         height: scrollsPastViewport ? void 0 : rows,
         overflow: scrollsPastViewport ? "visible" : "hidden",
         children: [
-          mainWindowVisible && /* @__PURE__ */ jsxs17(
-            Box19,
+          mainWindowVisible && /* @__PURE__ */ jsxs18(
+            Box20,
             {
               flexDirection,
               width: "100%",
               maxHeight: rows,
               justifyContent: "space-between",
               children: [
-                showLogs ? /* @__PURE__ */ jsx17(Logs, {}) : /* @__PURE__ */ jsxs17(
-                  Box19,
+                showLogs ? /* @__PURE__ */ jsx18(Logs, {}) : /* @__PURE__ */ jsxs18(
+                  Box20,
                   {
                     flexDirection: "column",
                     paddingX: 4,
@@ -5457,24 +5562,24 @@ function App() {
                     flexGrow: 1,
                     gap: 1,
                     children: [
-                      /* @__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" }),
+                      /* @__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" }),
                           " Signing in to Algolia"
                         ] }) }),
-                        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" }),
+                        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" }),
                           " Getting things ready"
                         ] }) }),
-                        phase === "authenticating" && /* @__PURE__ */ jsxs17(Box19, { flexDirection: "column", marginBottom: 1, children: [
-                          /* @__PURE__ */ jsxs17(Text19, { color: COLORS.strong, bold: true, children: [
-                            /* @__PURE__ */ jsx17(Spinner2, { type: "dots" }),
+                        phase === "authenticating" && /* @__PURE__ */ jsxs18(Box20, { flexDirection: "column", marginBottom: 1, children: [
+                          /* @__PURE__ */ jsxs18(Text20, { color: COLORS.strong, bold: true, children: [
+                            /* @__PURE__ */ jsx18(Spinner2, { type: "dots" }),
                             " Signing in to Algolia"
                           ] }),
-                          /* @__PURE__ */ jsx17(Text19, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
+                          /* @__PURE__ */ jsx18(Text20, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
                         ] }),
-                        /* @__PURE__ */ jsx17(CliOutput, {}),
-                        showTips && currentStep && /* @__PURE__ */ jsx17(
+                        /* @__PURE__ */ jsx18(CliOutput, {}),
+                        showTips && currentStep && /* @__PURE__ */ jsx18(
                           Tips,
                           {
                             stepId: currentStep.id,
@@ -5482,23 +5587,24 @@ function App() {
                             onRevealStateChange: setTipState
                           }
                         ),
-                        showNoticesInMain && showNotices && /* @__PURE__ */ jsx17(Notices, { showAll: true, border: false }),
-                        !showTips && /* @__PURE__ */ jsx17(PromptInput, {}),
-                        phase === "error" && error && /* @__PURE__ */ jsx17(Box19, { marginTop: 1, children: /* @__PURE__ */ jsxs17(Text19, { color: COLORS.status.error, children: [
+                        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: [
                           "\u2716 ",
                           error
                         ] }) })
                       ] }),
-                      !showNoticesInMain && showNotices && /* @__PURE__ */ jsx17(Notices, {}),
-                      showTips && !holdForTip && /* @__PURE__ */ jsx17(PromptInput, {})
+                      !showNoticesInMain && showNotices && /* @__PURE__ */ jsx18(Notices, {}),
+                      showTips && !holdForTip && /* @__PURE__ */ jsx18(PromptInput, {})
                     ]
                   }
                 ),
-                showSidebar ? /* @__PURE__ */ jsx17(Sidebar, {}) : /* @__PURE__ */ jsx17(Ribbon, {})
+                showSidebar ? /* @__PURE__ */ jsx18(Sidebar, {}) : /* @__PURE__ */ jsx18(Ribbon, {})
               ]
             }
           ),
-          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx17(LearnMore, {}) : /* @__PURE__ */ jsx17(Welcome, {}))
+          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx18(LearnMore, {}) : /* @__PURE__ */ jsx18(Welcome, {}))
         ]
       }
     )
@@ -5917,7 +6023,7 @@ function delay(ms) {
 }
 
 // src/main.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 async function startup() {
   setProjectRoot(process.cwd());
   let args;
@@ -5967,7 +6073,7 @@ ${formatStepList(workflow)}`);
 }
 async function run(workflow) {
   const store = useWizard.getState();
-  const instance = render(/* @__PURE__ */ jsx18(App, {}), { incrementalRendering: true });
+  const instance = render(/* @__PURE__ */ jsx19(App, {}), { incrementalRendering: true });
   await store.waitForStart();
   store.syncSteps(
     workflow.steps.map((s) => ({

package/package.json

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