@algolia/wizard 0.87.0-rc.211.681 → 0.88.0

package/dist/main.js

@@ -4,7 +4,7 @@
 import { render } from "ink";
 
 // src/ui/App.tsx
-import { Box as Box22, Text as Text23, useApp as useApp2, useInput as useInput9, useWindowSize as useWindowSize8 } from "ink";
+import { Box as Box23, Text as Text24, useApp as useApp2, useInput as useInput10, useWindowSize as useWindowSize8 } from "ink";
 import Spinner3 from "ink-spinner";
 
 // src/lib/terminalSize.ts
@@ -98,8 +98,8 @@ function runAlgoliaCli(args, { onOutput, redact } = {}) {
     let stdout = "";
     let stderr = "";
     const splitters = {
-      stdout: lineSplitter((line) => onOutput?.("stdout", line)),
-      stderr: lineSplitter((line) => onOutput?.("stderr", line))
+      stdout: lineSplitter((line) => onOutput?.("stdout", mask(line, redact))),
+      stderr: lineSplitter((line) => onOutput?.("stderr", mask(line, redact)))
     };
     child.stdout.on("data", (chunk) => {
       const text = String(chunk);
@@ -287,6 +287,16 @@ var CLI_OUTPUT_LIMIT = 200;
 function commandApprovalKey(command, cwd) {
   return `${cwd}\0${command}`;
 }
+function appendOutputLog(logs, outputCount, entry) {
+  if (outputCount < CLI_OUTPUT_LIMIT) {
+    return { logs: [...logs, entry], _outputLogCount: outputCount + 1 };
+  }
+  const oldest = logs.findIndex((e) => e.kind === "output");
+  return {
+    logs: [...logs.filter((_, i) => i !== oldest), entry],
+    _outputLogCount: outputCount
+  };
+}
 var useWizard = create((set, get) => ({
   phase: "idle",
   homeScreen: "home",
@@ -304,6 +314,7 @@ var useWizard = create((set, get) => ({
   writtenFiles: [],
   approvedCommands: /* @__PURE__ */ new Set(),
   logs: [],
+  _outputLogCount: 0,
   error: null,
   inputReq: null,
   _resolve: null,
@@ -396,11 +407,23 @@ var useWizard = create((set, get) => ({
     get()._clearNoticeQueue();
     set({ notices: [] });
   },
-  pushCliOutput: (stream, text) => set((s) => ({
-    cliOutput: [...s.cliOutput, { id: nanoid(), stream, text }].slice(
-      -CLI_OUTPUT_LIMIT
-    )
-  })),
+  // Logged too, so a line cut off on the main screen can be read in the log view.
+  pushCliOutput: (stream, text) => {
+    const id = nanoid();
+    set((s) => ({
+      cliOutput: [...s.cliOutput, { id, stream, text }].slice(
+        -CLI_OUTPUT_LIMIT
+      ),
+      ...appendOutputLog(s.logs, s._outputLogCount, {
+        id,
+        kind: "output",
+        name: text,
+        stream,
+        status: "success",
+        startedAt: Date.now()
+      })
+    }));
+  },
   clearCliOutput: () => set({ cliOutput: [] }),
   setReview: (review2) => set({ review: review2 }),
   setTargetIndex: (index) => set({ targetIndex: index }),
@@ -474,6 +497,7 @@ var useWizard = create((set, get) => ({
       writtenFiles: [],
       approvedCommands: /* @__PURE__ */ new Set(),
       logs: [],
+      _outputLogCount: 0,
       error: null,
       inputReq: null,
       _resolve: null,
@@ -713,6 +737,32 @@ import { useState as useState9 } from "react";
 import { Box as Box8, Text as Text8, useInput as useInput3 } from "ink";
 import { useLayoutEffect as useLayoutEffect3, useState as useState6 } from "react";
 
+// src/lib/wrapExact.ts
+function wrapExactLine(line, width) {
+  if (line.length === 0) return [" "];
+  const lines = [];
+  let i = 0;
+  while (i < line.length) {
+    if (line.length - i <= width) {
+      lines.push(line.slice(i));
+      break;
+    }
+    let end = i + width;
+    if (line.charAt(end) !== " ") {
+      const lastSpace = line.lastIndexOf(" ", end - 1);
+      if (lastSpace >= i) end = lastSpace + 1;
+    }
+    if (end <= i) end = i + width;
+    lines.push(line.slice(i, end));
+    i = end;
+  }
+  return lines;
+}
+function wrapExact(text, width) {
+  if (width <= 0) return [text || " "];
+  return text.split(/\r\n|\n|\r/).flatMap((line) => wrapExactLine(line, width));
+}
+
 // src/ui/DecisionSelect.tsx
 import { Box as Box5, Text as Text5, useInput } from "ink";
 import { useState as useState3 } from "react";
@@ -1028,30 +1078,6 @@ function Review() {
 import { jsx as jsx6, jsxs as jsxs7 } from "react/jsx-runtime";
 var BLANK2 = { prefix: "", text: " ", color: COLORS.dim };
 var COMMAND_PREFIX = "$ ";
-function wrapExactLine(line, width) {
-  if (line.length === 0) return [" "];
-  const lines = [];
-  let i = 0;
-  while (i < line.length) {
-    if (line.length - i <= width) {
-      lines.push(line.slice(i));
-      break;
-    }
-    let end = i + width;
-    if (line.charAt(end) !== " ") {
-      const lastSpace = line.lastIndexOf(" ", end - 1);
-      if (lastSpace >= i) end = lastSpace + 1;
-    }
-    if (end <= i) end = i + width;
-    lines.push(line.slice(i, end));
-    i = end;
-  }
-  return lines;
-}
-function wrapExact(text, width) {
-  if (width <= 0) return [text || " "];
-  return text.split(/\r\n|\n|\r/).flatMap((line) => wrapExactLine(line, width));
-}
 function fieldLines(prefix, value, color, width) {
   return wrapText(value, Math.max(width - prefix.length, 1)).map((text, i) => ({
     prefix: i === 0 ? prefix : " ".repeat(prefix.length),
@@ -2332,7 +2358,7 @@ async function ensureApplication(resumeAppId) {
 // package.json
 var package_default = {
   name: "@algolia/wizard",
-  version: "0.87.0-rc.211.681",
+  version: "0.88.0",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {
@@ -2805,9 +2831,6 @@ async function runWorkflow(workflow, startWorkflowAppId, options) {
   }
 }
 
-// src/actions/selectIndex.ts
-import { basename } from "node:path";
-
 // src/actions/listIndices.ts
 import { z as z5 } from "zod";
 var indicesListSchema = z5.object({
@@ -2842,28 +2865,11 @@ function indexNameError(name) {
     return "Index name cannot end with .txt, .bin, or .idx.";
   return void 0;
 }
-function slug(text) {
-  return text.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
-}
-function suggestIndexName(project, entity, taken) {
-  const base = ([slug(project), slug(entity ?? "")].filter(Boolean).join("_") || "records").slice(0, MAX_INDEX_NAME_LENGTH);
-  let name = base;
-  for (let n = 2; taken.includes(name); n++) {
-    const suffix = `_${n}`;
-    name = base.slice(0, MAX_INDEX_NAME_LENGTH - suffix.length) + suffix;
-  }
-  return name;
-}
 var selectIndexStep = async (ctx) => {
   await requireApplication(ctx.appId);
   const indices = await listIndices();
   const names = indices.map((i) => i.name);
   const hasIndices = names.length > 0;
-  const entity = ctx.getStepOutput(
-    "confirm-entities"
-  )?.confirmedEntities?.[0]?.name;
-  const suggested = suggestIndexName(basename(process.cwd()), entity, names);
-  const suggestionHint = `Press Enter to use "${suggested}".`;
   let error;
   let chosen;
   while (chosen === void 0) {
@@ -2878,8 +2884,7 @@ var selectIndexStep = async (ctx) => {
       promptType: "textInput",
       options: [],
       messages: [
-        "This app has no existing indices \u2014 enter a name to create one.",
-        suggestionHint
+        "This app has no existing indices \u2014 enter a name to create one."
       ],
       error
     });
@@ -2889,18 +2894,17 @@ var selectIndexStep = async (ctx) => {
     let candidate;
     let isNewName = true;
     if (!hasIndices) {
-      candidate = selection.trim() || suggested;
+      candidate = selection.trim();
     } else if (selection === CREATE_NEW_INDEX) {
       const name = await ctx.requestUserInput({
         prompt: "Name the new index:",
         promptType: "textInput",
-        options: [],
-        messages: [suggestionHint]
+        options: []
       });
       if (typeof name !== "string") {
         throw new Error("selectIndex received an unexpected non-text result");
       }
-      candidate = name.trim() || suggested;
+      candidate = name.trim();
     } else {
       candidate = selection;
       isNewName = false;
@@ -3136,14 +3140,14 @@ import z9 from "zod";
 import { readFile as readFile4 } from "node:fs/promises";
 
 // src/lib/tools/env.ts
-import { basename as basename2 } from "node:path";
+import { basename } from "node:path";
 function isEnvFile(filePath) {
-  const name = basename2(filePath);
+  const name = basename(filePath);
   return name === ".env" || name.startsWith(".env.");
 }
 function isSecretEnvFile(filePath) {
   if (!isEnvFile(filePath)) return false;
-  const name = basename2(filePath);
+  const name = basename(filePath);
   return !/\.(example|sample|template)$/.test(name);
 }
 function secretEnvWriteRefusal(filePath) {
@@ -3778,7 +3782,7 @@ import { execFile as execFile2 } from "node:child_process";
 import { tool as tool8 } from "ai";
 import z15 from "zod";
 import { lstat as lstat3, readdir as readdir2, readFile as readFile8, realpath, stat as stat2 } from "node:fs/promises";
-import { basename as basename3, isAbsolute as isAbsolute2, join as join8, relative as relative4, sep as sep2 } from "node:path";
+import { basename as basename2, isAbsolute as isAbsolute2, join as join8, relative as relative4, sep as sep2 } from "node:path";
 import { performance } from "node:perf_hooks";
 import { Worker } from "node:worker_threads";
 var MAX_GIT_OUTPUT_BYTES = 32e6;
@@ -4121,7 +4125,7 @@ async function safeSearchPath(rootPath, file) {
 }
 async function searchableFiles(root, target) {
   try {
-    if (SKIP_FILES.has(basename3(target)) && (await lstat3(target)).isFile()) {
+    if (SKIP_FILES.has(basename2(target)) && (await lstat3(target)).isFile()) {
       return [target];
     }
     const gitRoot = await gitRootForTarget(root, target);
@@ -4300,7 +4304,7 @@ import { tool as tool9 } from "ai";
 import z16 from "zod";
 import { createHash as createHash2 } from "node:crypto";
 import { readFile as readFile9, stat as stat3 } from "node:fs/promises";
-import { basename as basename4, relative as relative5, resolve as resolve3 } from "node:path";
+import { basename as basename3, relative as relative5, resolve as resolve3 } from "node:path";
 
 // src/lib/tools/utils/prompt.ts
 var chain = Promise.resolve();
@@ -4398,7 +4402,7 @@ function commandDiffersFromReviewedScript(ctx, command, cwd) {
   if (approval.command === command && approval.cwd === cwd) return false;
   if (approval.command === command) return true;
   const scriptReferences = [
-    basename4(approval.filePath),
+    basename3(approval.filePath),
     relative5(ctx.root, approval.filePath),
     ".algolia-wizard"
   ];
@@ -5119,8 +5123,8 @@ function generateRecordTool(ctx, createModel = defaultCreateModel2) {
           ...record,
           objectID: nanoid2()
         }));
-        const slug2 = entityName.toLowerCase().replace(/[^a-z0-9]+/g, "-");
-        const relPath = `${DATA_DIR}/${slug2}.json`;
+        const slug = entityName.toLowerCase().replace(/[^a-z0-9]+/g, "-");
+        const relPath = `${DATA_DIR}/${slug}.json`;
         const resolved2 = resolveInRoot(ctx, relPath);
         if (resolved2.ok === false) return resolved2.error;
         const writeError = await safeWriteFile(
@@ -6073,7 +6077,7 @@ import {
 // src/lib/git.ts
 import { execFile as execFile3 } from "node:child_process";
 import { copyFile, mkdir as mkdir4, stat as stat4 } from "node:fs/promises";
-import { basename as basename5, dirname as dirname3, isAbsolute as isAbsolute3, join as join9, resolve as resolve4 } from "node:path";
+import { basename as basename4, dirname as dirname3, isAbsolute as isAbsolute3, join as join9, resolve as resolve4 } from "node:path";
 var MAX_BUFFER = 32 * 1024 * 1024;
 function git(args) {
   return new Promise((resolve6, reject) => {
@@ -6110,7 +6114,7 @@ async function copyUploadIntoProject(repoRoot, ingestDir, sourcePath) {
   } catch {
     return { ok: false, reason: `"${sourcePath}" does not exist` };
   }
-  const relPath = join9(ingestDir, basename5(source));
+  const relPath = join9(ingestDir, basename4(source));
   const dest = join9(repoRoot, relPath);
   if (resolve4(source) === resolve4(dest)) {
     return { ok: true, relPath };
@@ -6495,29 +6499,9 @@ function cdnSearchInstructions(input) {
     input.searchKey ? `Set window.${SEARCH_CONFIG_SEARCH_KEY} to "${input.searchKey}".` : `A real search-only key could not be provisioned${input.searchKeyError ? ` (${input.searchKeyError})` : ""} \u2014 set window.${SEARCH_CONFIG_SEARCH_KEY} to the placeholder "${SEARCH_KEY_PLACEHOLDER}" and add a prominent TODO for the developer to fill in a real one.`,
     'Load these exact pinned tags in order before the config and search scripts: <script src="https://cdn.jsdelivr.net/npm/algoliasearch@5.59.0/dist/lite/builds/browser.umd.js" integrity="sha256-pduQHl1jn0IaN/BIpSotQm7Y5THdpKcX3Bw6xdRteRw=" crossorigin="anonymous"></script> then <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.117.0/dist/instantsearch.production.min.js" integrity="sha256-5zhKxAGeH7ThWfnmdD4pS1gsmafE2b8aWRsq8set/dc=" crossorigin="anonymous"></script>.',
     'When using the InstantSearch theme, load this exact tag before the application styles: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@8.22.1/themes/satellite-min.css" integrity="sha256-5/eHPZl63VYJSDVOKrOgGe/5+owUkX3uPAW6+XYeLNc=" crossorigin="anonymous">. Never use an unversioned or differently versioned theme URL, and never omit its integrity attribute.',
-    `In that classic search script, use window['algoliasearch/lite'].liteClient and window.instantsearch. Add window.instantsearch.widgets.autocomplete as the only search widget. Configure it with container '#autocomplete', the content-specific placeholder ${JSON.stringify(placeholder)}, and an indices array containing one object whose indexName is window.${SEARCH_CONFIG_INDEX_NAME}. Put the item and noResults functions in the templates option of that indices entry, implement getURL only for an existing route, and match the item template to the entity schema. Keep insights: true and call search.start(). Do not substitute searchBox or hits, omit indices, use imports or exports, or use type="module".`,
-    CDN_AUTOCOMPLETE_SHAPE
+    `In that classic search script, use window['algoliasearch/lite'].liteClient and window.instantsearch. Add window.instantsearch.widgets.autocomplete as the only search widget. Configure it with container '#autocomplete', the content-specific placeholder ${JSON.stringify(placeholder)}, and an indices array containing one object whose indexName is window.${SEARCH_CONFIG_INDEX_NAME}; put item and noResults functions in its templates option, implement getURL only for an existing route, and match the item template to the entity schema. Keep insights: true and call search.start(). Do not substitute searchBox or hits, omit indices, use imports or exports, or use type="module".`
   ];
 }
-var CDN_AUTOCOMPLETE_SHAPE = `Use this shape for the autocomplete call. Replace the item fields and the getURL route with the real record fields and an existing route:
-\`\`\`js
-window.instantsearch.widgets.autocomplete({
-  container: '#autocomplete',
-  placeholder: '...',
-  indices: [
-    {
-      indexName: window.${SEARCH_CONFIG_INDEX_NAME},
-      getURL: (item) => '/existing-route/' + item.slug,
-      templates: {
-        item: ({ item, onSelect }, { html, components }) =>
-          html\`<div onClick=\${onSelect}>\${components.Highlight({ hit: item, attribute: 'name' })}</div>\`,
-        noResults: (_, { html }) => html\`<span>No results</span>\`,
-      },
-    },
-  ],
-})
-\`\`\`
-The widget reads the item and noResults templates only from each indices entry. Its own top-level templates option accepts only panel. If item is not inside indices[].templates, the widget throws "Template must be 'string' or 'function', was 'undefined' (key: item)" on the first search and shows no results.`;
 function validationInstructions(input) {
   return [
     "Validate the Algolia search implementation by inspecting the project source.",
@@ -6538,8 +6522,7 @@ function validationInstructions(input) {
     "Do not modify files. Report each implementation issue as a concrete instruction for the next implementation pass.",
     `Detected verification tools: ${JSON.stringify(input.findings.verification ?? [])}. Use only a type checker; ignore any linter or formatter in this list.`,
     ...!input.frontendHasPackageJson ? [
-      "The frontend has no package.json: never create one or run npm, pnpm, yarn, or bun. Validate the CDN implementation by inspecting its HTML or template and classic scripts for the search container, Algolia \u2192 InstantSearch \u2192 config \u2192 search load order, browser globals, autocomplete widget configuration, search.start(), and exact pinned CDN URLs and integrity attributes for every Algolia script or stylesheet. Source inspection is required even when the project has no automated checks. window.instantsearch.widgets.autocomplete is a real widget in the pinned InstantSearch build; do not report its use as an error, and do not fetch a remote bundle or URL to verify it.",
-      "In the autocomplete call, confirm that the item and noResults templates are inside the templates option of the indices entry, not in the top-level templates option of the widget. The top-level templates option accepts only panel, so an item template there throws on the first search and no results show. If item is missing from indices[].templates, set sufficient=false and tell the next pass to move the templates into the indices entry."
+      "The frontend has no package.json: never create one or run npm, pnpm, yarn, or bun. Validate the CDN implementation by inspecting its HTML or template and classic scripts for the search container, Algolia \u2192 InstantSearch \u2192 config \u2192 search load order, browser globals, autocomplete widget configuration, search.start(), and exact pinned CDN URLs and integrity attributes for every Algolia script or stylesheet. Source inspection is required even when the project has no automated checks. window.instantsearch.widgets.autocomplete is a real widget in the pinned InstantSearch build; do not report its use as an error, and do not fetch a remote bundle or URL to verify it."
     ] : [],
     "Always call reportStatus with status=success after validation, even when sufficient=false.",
     "Set sufficient=false if the input's computed accessible name is empty or generic, including when aria-labelledby references a missing or empty element; a placeholder does not count as the label.",
@@ -6679,8 +6662,8 @@ async function firstRecordIn(filePath) {
 async function ingestedRecordSample(repoRoot, entityName, uploadFilePath) {
   const candidates = [];
   if (entityName) {
-    const slug2 = entityName.toLowerCase().replace(/[^a-z0-9]+/g, "-");
-    candidates.push(join11(repoRoot, INGEST_DIR, "data", `${slug2}.json`));
+    const slug = entityName.toLowerCase().replace(/[^a-z0-9]+/g, "-");
+    candidates.push(join11(repoRoot, INGEST_DIR, "data", `${slug}.json`));
   }
   if (uploadFilePath?.toLowerCase().endsWith(".json")) {
     candidates.push(join11(repoRoot, uploadFilePath));
@@ -7477,25 +7460,14 @@ var defaultWorkflow = {
           "ingestion"
         );
         return reviewStep(ctx, {
-          nextStepsGuidance: ingestionGuidance(ingestion2)
+          // ingestCommand was already shown verbatim as a notice; an
+          // LLM-paraphrased restatement in nextSteps risks being wrong.
+          nextStepsGuidance: ingestion2?.ingestScriptRan ? "The wizard already ran the ingestion script and records are in the index. Do NOT tell the user to run it again; instead point them at the target index to confirm the records. Do not restate the ingestion command \u2014 the wizard already showed it to them." : "Tell the user to run the ingestion script; do not restate the exact command \u2014 the wizard already showed it to them above."
         });
       }
     })
   ]
 };
-function ingestionGuidance(ingestion2) {
-  if (ingestion2?.ingestScriptRan) {
-    return "The wizard already ran the ingestion script and records are in the index. Do NOT tell the user to run it again; instead point them at the target index to confirm the records. Do not restate the ingestion command \u2014 the wizard already showed it to them.";
-  }
-  const partialCount = ingestion2?.ingestRecordCount ?? 0;
-  if (partialCount > 0) {
-    return `The ingestion script indexed ${partialCount} record(s) and then failed before it finished. Say that plainly. Do not say that ingestion succeeded or that no records were indexed. Tell the user to fix the error shown above and run the ingestion script again. Do not restate the exact command, because the wizard already showed it to them above.`;
-  }
-  if (ingestion2?.ingestCommand) {
-    return "No records were indexed in this run. Say that plainly, and do not say that the wizard created or populated an index. Tell the user to run the ingestion script; do not restate the exact command \u2014 the wizard already showed it to them above.";
-  }
-  return "No ingestion script ran and no records were indexed in this run. Say that plainly. Do not say that the wizard created, selected, or populated an index, and do not tell the user to run an ingestion script, because the wizard has no tested command for one. Tell the user to run the wizard again to create and run the ingestion script.";
-}
 
 // src/actions/playbookSteps/selectPlaybook.ts
 import { z as z33 } from "zod";
@@ -7628,9 +7600,9 @@ async function getPlaybooks() {
   );
   return data;
 }
-async function createPlaybookExecution(appId, slug2, indexName, options) {
+async function createPlaybookExecution(appId, slug, indexName, options) {
   const { data } = await dashboardRequest(
-    `/api/1/playbook-integrations/applications/${appId}/playbooks/${slug2}/executions`,
+    `/api/1/playbook-integrations/applications/${appId}/playbooks/${slug}/executions`,
     playbookExecutionCreateResponseSchema,
     {
       method: "POST",
@@ -7671,9 +7643,9 @@ async function assessPlaybookExecution(uuid) {
 var selectPlaybookSchema = z33.object({
   slug: z33.string()
 });
-function persistSlug(ctx, slug2) {
-  ctx.setUserInput("playbookSlug", slug2);
-  return { slug: slug2 };
+function persistSlug(ctx, slug) {
+  ctx.setUserInput("playbookSlug", slug);
+  return { slug };
 }
 async function selectPlaybookStep(ctx, requestedSlug) {
   const playbooks = await getPlaybooks();
@@ -7804,13 +7776,13 @@ async function confirmIndexStep(ctx) {
   if (!sampleIndex) {
     return null;
   }
-  const { slug: slug2 } = ctx.getStepOutput("select-playbook");
+  const { slug } = ctx.getStepOutput("select-playbook");
   const selection = await ctx.requestUserInput({
     prompt: "Ready to create sample index?",
     promptType: "multipleChoice",
     options: [CONTINUE_OPTION, GO_BACK_OPTION2],
     messages: [
-      `A new index called "algolia_playbooks_${slug2}_sample_index" will be created with sample ${slug2} data.`
+      `A new index called "algolia_playbooks_${slug}_sample_index" will be created with sample ${slug} data.`
     ],
     helpText: "Going back lets you choose a different index."
   });
@@ -7962,13 +7934,13 @@ var POLL_NOTICES = [
   { message: "detecting required fields\u2026" }
 ];
 async function dataAssessmentStep(ctx) {
-  const { slug: slug2 } = ctx.getStepOutput("select-playbook");
+  const { slug } = ctx.getStepOutput("select-playbook");
   const { indexName, existingExecution } = indexForAssessment(ctx);
   if (existingExecution) return existingExecution;
   try {
     showNotice(ctx, CREATING_EXECUTION_NOTICE);
     const { id: appId } = await requireApplication();
-    const execution = await resolveExecution(ctx, appId, slug2, indexName);
+    const execution = await resolveExecution(ctx, appId, slug, indexName);
     const assessed = await runAssessment(ctx, execution, indexName);
     ctx.clearNotices();
     await promptReady(ctx, assessed);
@@ -8073,24 +8045,24 @@ function unexpectedAssessmentStatus(status) {
     `data-assessment received an unexpected assessment status: ${status}`
   );
 }
-async function resolveExecution(ctx, appId, slug2, indexName) {
-  const created = await createWithRecovery(ctx, appId, slug2, indexName);
+async function resolveExecution(ctx, appId, slug, indexName) {
+  const created = await createWithRecovery(ctx, appId, slug, indexName);
   if (!created.resumed) return created;
   const choice = await promptResumeExecution(ctx, indexName);
   if (choice === CONTINUE_EXECUTION_OPTION) return created;
   if (choice === RESTART_OPTION) {
-    return createWithRecovery(ctx, appId, slug2, indexName, { forceNew: true });
+    return createWithRecovery(ctx, appId, slug, indexName, { forceNew: true });
   }
   if (choice === GO_BACK_OPTION3) {
     return ctx.returnToStep("select-index");
   }
   throw new Error("data-assessment received an unexpected execution choice");
 }
-async function createWithRecovery(ctx, appId, slug2, indexName, options) {
+async function createWithRecovery(ctx, appId, slug, indexName, options) {
   return retryOnDashboardError(
     () => {
       showNotice(ctx, CREATING_EXECUTION_NOTICE);
-      return createPlaybookExecution(appId, slug2, indexName, options);
+      return createPlaybookExecution(appId, slug, indexName, options);
     },
     onRequestFailure(ctx, indexName)
   );
@@ -8692,10 +8664,15 @@ var sidebarCommands = [
   { keyHint: "tab", description: "toggle logs" },
   { keyHint: "esc", description: "exit wizard" }
 ];
+var logsSidebarCommands = [
+  { keyHint: "tab", description: "toggle logs" },
+  { keyHint: "esc", description: "back" }
+];
 
 // src/ui/Sidebar.tsx
 import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
-function Sidebar() {
+function Sidebar({ inLogs = false }) {
+  const commands = inLogs ? logsSidebarCommands : sidebarCommands;
   return /* @__PURE__ */ jsxs16(
     Box17,
     {
@@ -8712,7 +8689,7 @@ function Sidebar() {
         ] }),
         /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", gap: 1, children: [
           /* @__PURE__ */ jsx16(Progress, {}),
-          /* @__PURE__ */ jsx16(Box17, { flexDirection: "column", children: sidebarCommands.map((c) => {
+          /* @__PURE__ */ jsx16(Box17, { flexDirection: "column", children: commands.map((c) => {
             return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "row", gap: 1, children: [
               /* @__PURE__ */ jsx16(Text18, { color: COLORS.primary, children: `[${c.keyHint}]` }),
               /* @__PURE__ */ jsx16(Text18, { color: COLORS.muted, children: c.description })
@@ -8750,23 +8727,130 @@ function Ribbon() {
 }
 
 // src/ui/App.tsx
-import { useState as useState12 } from "react";
+import { useState as useState14 } from "react";
 
 // src/ui/Logs.tsx
+import { Box as Box20, Text as Text21, useInput as useInput9 } from "ink";
+import { useLayoutEffect as useLayoutEffect6, useState as useState12 } from "react";
+
+// src/ui/LogDetails.tsx
 import { Box as Box19, Text as Text20, useInput as useInput8 } from "ink";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useLayoutEffect as useLayoutEffect5, useMemo, useState as useState11 } from "react";
+
+// src/ui/logFormat.ts
 var KIND_COLOR = {
   tool: COLORS.primary,
-  prompt: COLORS.badge
+  prompt: COLORS.badge,
+  output: COLORS.muted
+};
+var STREAM_COLOR = {
+  stderr: COLORS.muted,
+  stdout: COLORS.dim
 };
 var STATUS_COLOR = {
   running: COLORS.status.running,
   error: COLORS.danger
 };
 function logNameColor(entry) {
-  return STATUS_COLOR[entry.status] ?? KIND_COLOR[entry.kind];
+  const base = entry.stream ? STREAM_COLOR[entry.stream] : KIND_COLOR[entry.kind];
+  return STATUS_COLOR[entry.status] ?? base;
+}
+function formatTimestamp(ms) {
+  const d = new Date(ms);
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
+}
+function durationText(entry) {
+  return entry.kind === "tool" && entry.durationMs !== void 0 ? `${entry.durationMs}ms` : "";
 }
+
+// src/ui/LogDetails.tsx
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var BLANK4 = { text: " ", color: COLORS.dim };
+var VALUE_INDENT = "  ";
+var TAB = "  ";
+function wrapLines(text, width, line, indent = "") {
+  return wrapExact(
+    text.replaceAll("	", TAB),
+    Math.max(width - indent.length, 1)
+  ).map((part) => ({ ...line, text: indent + part }));
+}
+function formatValue(value) {
+  return typeof value === "string" ? value : JSON.stringify(value, null, 2);
+}
+function inputFields(input) {
+  if (input === void 0) return [];
+  if (input !== null && typeof input === "object" && !Array.isArray(input)) {
+    return Object.entries(input).filter(([, value]) => value !== void 0).map(([label, value]) => [label, formatValue(value)]);
+  }
+  return [["input", formatValue(input)]];
+}
+function metaText(entry) {
+  const parts = [`[${formatTimestamp(entry.startedAt)}]`];
+  if (entry.kind === "tool") parts.push(entry.status, durationText(entry));
+  return parts.filter(Boolean).join(" ");
+}
+function buildDetailLines(entry, width) {
+  const lines = wrapLines(entry.name, width, {
+    color: logNameColor(entry),
+    bold: true
+  });
+  lines.push({ text: metaText(entry), color: COLORS.dim });
+  for (const [label, value] of inputFields(entry.input)) {
+    lines.push(BLANK4, { text: label, color: COLORS.muted });
+    lines.push(
+      ...wrapLines(value, width, { color: COLORS.primary }, VALUE_INDENT)
+    );
+  }
+  return lines;
+}
+function LogDetails({
+  entry,
+  onClose
+}) {
+  const [width, setWidth] = useState11(0);
+  const lines = useMemo(
+    () => width > 0 ? buildDetailLines(entry, width) : [],
+    [entry, width]
+  );
+  const scroll = useScrollWindow({ itemCount: lines.length });
+  useLayoutEffect5(() => {
+    if (scroll.measured) setWidth(scroll.width);
+  }, [scroll.measured, scroll.width]);
+  useInput8((input, key) => {
+    if (input === "k" || key.upArrow) scroll.scrollBy(-1);
+    else if (input === "j" || key.downArrow) scroll.scrollBy(1);
+    else if (key.escape) onClose();
+  });
+  const visible = lines.slice(scroll.offset, scroll.offset + scroll.capacity);
+  return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx18(ScrollView, { scroll, children: visible.map((line, i) => /* @__PURE__ */ jsx18(
+      Text20,
+      {
+        color: line.color,
+        bold: line.bold,
+        wrap: "truncate",
+        children: line.text
+      },
+      `detail-${scroll.offset + i}`
+    )) }),
+    /* @__PURE__ */ jsxs18(Box19, { gap: 2, children: [
+      scroll.maxOffset > 0 && /* @__PURE__ */ jsxs18(Text20, { children: [
+        /* @__PURE__ */ jsx18(Text20, { color: COLORS.primary, children: "[j] [k]" }),
+        /* @__PURE__ */ jsx18(Text20, { color: COLORS.dim, children: " scroll" })
+      ] }),
+      /* @__PURE__ */ jsxs18(Text20, { children: [
+        /* @__PURE__ */ jsx18(Text20, { color: COLORS.primary, children: "[esc]" }),
+        /* @__PURE__ */ jsx18(Text20, { color: COLORS.dim, children: " back" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/ui/Logs.tsx
+import { Fragment, jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var ROW_GAP = 1;
+var SELECTED_MARKER = "\u276F";
 function truncate3(str, maxWidth) {
   if (maxWidth <= 0) return "";
   return str.length > maxWidth ? `${str.slice(0, maxWidth - 1)}\u2026` : str;
@@ -8777,53 +8861,84 @@ function rawInputText(input) {
   if (!str || str === "{}") return "";
   return str.replace(/\s+/g, " ").trim();
 }
-function formatTimestamp(ms) {
-  const d = new Date(ms);
-  const pad = (n) => String(n).padStart(2, "0");
-  return `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
-}
-function Logs() {
+function Logs({ onBack }) {
   const logs = useWizard((s) => s.logs);
-  const scroll = useScrollWindow({ itemCount: logs.length, followBottom: true });
-  useInput8((input, key) => {
-    if (input === "k" || key.upArrow) scroll.scrollBy(-1);
-    else if (input === "j" || key.downArrow) scroll.scrollBy(1);
+  const [openLogId, setOpenLogId] = useState12(null);
+  const [selectedId, setSelectedId] = useState12(null);
+  const found = selectedId === null ? -1 : logs.findIndex((e) => e.id === selectedId);
+  if (selectedId !== null && found < 0) setSelectedId(null);
+  const scroll = useScrollWindow({
+    itemCount: logs.length,
+    followBottom: selectedId === null
   });
+  const selectedIndex = found >= 0 ? found : logs.length - 1;
+  const openEntry = logs.find((e) => e.id === openLogId);
+  const { revealIndex } = scroll;
+  useLayoutEffect6(() => {
+    if (selectedIndex >= 0) revealIndex(selectedIndex);
+  }, [selectedIndex, revealIndex]);
+  const moveSelection = (delta) => {
+    if (logs.length === 0) return;
+    const next = Math.min(Math.max(selectedIndex + delta, 0), logs.length - 1);
+    setSelectedId(next === logs.length - 1 ? null : logs[next].id);
+  };
+  useInput9(
+    (input, key) => {
+      if (input === "k" || key.upArrow) moveSelection(-1);
+      else if (input === "j" || key.downArrow) moveSelection(1);
+      else if (key.return && logs[selectedIndex]) {
+        setOpenLogId(logs[selectedIndex].id);
+      } else if (key.escape) onBack();
+    },
+    { isActive: !openEntry }
+  );
   const visible = logs.slice(scroll.offset, scroll.offset + scroll.capacity);
-  return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", paddingX: 4, paddingY: 2, flexGrow: 1, children: [
-    logs.length === 0 && /* @__PURE__ */ jsx18(Text20, { color: COLORS.dim, children: "No logs yet." }),
-    /* @__PURE__ */ jsx18(ScrollView, { scroll, children: visible.map((entry) => {
+  return /* @__PURE__ */ jsx19(Box20, { flexDirection: "column", paddingX: 4, paddingY: 2, flexGrow: 1, children: openEntry ? /* @__PURE__ */ jsx19(LogDetails, { entry: openEntry, onClose: () => setOpenLogId(null) }) : /* @__PURE__ */ jsxs19(Fragment, { children: [
+    logs.length === 0 && /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: "No logs yet." }),
+    /* @__PURE__ */ jsx19(ScrollView, { scroll, children: visible.map((entry, i) => {
+      const selected = scroll.offset + i === selectedIndex;
       const timestamp = `[${formatTimestamp(entry.startedAt)}]`;
-      const durationText = entry.kind === "tool" && entry.durationMs !== void 0 ? `${entry.durationMs}ms` : "";
+      const duration = durationText(entry);
       const rawPreview = rawInputText(entry.input);
-      const partCount = 2 + (rawPreview ? 1 : 0) + (durationText ? 1 : 0);
+      const partCount = 3 + (rawPreview ? 1 : 0) + (duration ? 1 : 0);
       const gaps = (partCount - 1) * ROW_GAP;
-      let budget = scroll.width - timestamp.length - durationText.length - gaps;
+      let budget = scroll.width - SELECTED_MARKER.length - timestamp.length - duration.length - gaps;
       const name = truncate3(entry.name, budget);
       budget -= name.length;
       const preview = rawPreview ? truncate3(rawPreview, budget) : "";
-      return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "row", gap: ROW_GAP, children: [
-        /* @__PURE__ */ jsx18(Text20, { color: COLORS.dim, children: timestamp }),
-        /* @__PURE__ */ jsx18(Text20, { color: logNameColor(entry), wrap: "truncate", children: name }),
-        preview && /* @__PURE__ */ jsx18(Text20, { color: COLORS.dim, wrap: "truncate", children: preview }),
-        durationText && /* @__PURE__ */ jsx18(Text20, { color: COLORS.dim, children: durationText })
+      return /* @__PURE__ */ jsxs19(Box20, { flexDirection: "row", gap: ROW_GAP, children: [
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.success, children: selected ? SELECTED_MARKER : " " }),
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: timestamp }),
+        /* @__PURE__ */ jsx19(Text21, { color: logNameColor(entry), wrap: "truncate", children: name }),
+        preview && /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, wrap: "truncate", children: preview }),
+        duration && /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: duration })
       ] }, entry.id);
     }) }),
-    /* @__PURE__ */ jsxs18(Text20, { children: [
-      /* @__PURE__ */ jsx18(Text20, { color: COLORS.primary, children: "[j] [k]" }),
-      /* @__PURE__ */ jsx18(Text20, { color: COLORS.dim, children: " scroll" })
+    /* @__PURE__ */ jsxs19(Box20, { gap: 2, children: [
+      /* @__PURE__ */ jsxs19(Text21, { children: [
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.primary, children: "[j] [k]" }),
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: " select" })
+      ] }),
+      /* @__PURE__ */ jsxs19(Text21, { children: [
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.primary, children: "[enter]" }),
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: " details" })
+      ] }),
+      /* @__PURE__ */ jsxs19(Text21, { children: [
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.primary, children: "[esc]" }),
+        /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: " back" })
+      ] })
     ] })
-  ] });
+  ] }) });
 }
 
 // src/ui/Tips.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState11 } from "react";
-import { Box as Box21, Text as Text22 } from "ink";
+import { useEffect as useEffect3, useRef as useRef4, useState as useState13 } from "react";
+import { Box as Box22, Text as Text23 } from "ink";
 import terminalLink from "terminal-link";
 
 // src/ui/Code.tsx
-import { Box as Box20, Text as Text21 } from "ink";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { Box as Box21, Text as Text22 } from "ink";
+import { jsx as jsx20 } 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);
@@ -8832,22 +8947,22 @@ function highlightJson(json) {
     if (part[0] === '"') {
       const next = parts.slice(i + 1).find((p) => p.trim());
       const isKey = next?.trimStart().startsWith(":");
-      return /* @__PURE__ */ jsx19(Text21, { color: isKey ? "cyan" : "green", children: part }, i);
+      return /* @__PURE__ */ jsx20(Text22, { color: isKey ? "cyan" : "green", children: part }, i);
     }
     if (part === "true" || part === "false" || part === "null") {
-      return /* @__PURE__ */ jsx19(Text21, { color: "magenta", children: part }, i);
+      return /* @__PURE__ */ jsx20(Text22, { color: "magenta", children: part }, i);
     }
     if (/^-?\d/.test(part)) {
-      return /* @__PURE__ */ jsx19(Text21, { color: "yellow", children: part }, i);
+      return /* @__PURE__ */ jsx20(Text22, { color: "yellow", children: part }, i);
     }
     if (/^[{}[\]:,]$/.test(part)) {
-      return /* @__PURE__ */ jsx19(Text21, { color: COLORS.dim, children: part }, i);
+      return /* @__PURE__ */ jsx20(Text22, { color: COLORS.dim, children: part }, i);
     }
-    return /* @__PURE__ */ jsx19(Text21, { children: part }, i);
+    return /* @__PURE__ */ jsx20(Text22, { children: part }, i);
   });
 }
 function Code({ children }) {
-  return /* @__PURE__ */ jsx19(Box20, { children: /* @__PURE__ */ jsx19(Text21, { children: highlightJson(children) }) });
+  return /* @__PURE__ */ jsx20(Box21, { children: /* @__PURE__ */ jsx20(Text22, { children: highlightJson(children) }) });
 }
 
 // src/ui/copy/tips.ts
@@ -9043,26 +9158,26 @@ var tips = [
 ];
 
 // src/ui/Tips.tsx
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 var TICK_MS = 16;
 var CHUNK_HOLD_MS = 2e3;
 var TIP_DURATION_MS = 25e3;
 function TipTitle({ children }) {
-  return /* @__PURE__ */ jsxs19(Box21, { gap: 1, children: [
-    /* @__PURE__ */ jsx20(Text22, { color: "cyan", children: "\u2726" }),
-    /* @__PURE__ */ jsx20(Text22, { color: "white", bold: true, children })
+  return /* @__PURE__ */ jsxs20(Box22, { gap: 1, children: [
+    /* @__PURE__ */ jsx21(Text23, { color: "cyan", children: "\u2726" }),
+    /* @__PURE__ */ jsx21(Text23, { color: "white", bold: true, children })
   ] });
 }
 function InlineSegment({ segment }) {
   switch (segment.type) {
     case "highlight":
-      return /* @__PURE__ */ jsx20(Text22, { color: COLORS.success, children: segment.value });
+      return /* @__PURE__ */ jsx21(Text23, { color: COLORS.success, children: segment.value });
     case "link":
-      return /* @__PURE__ */ jsx20(Text22, { color: "cyan", underline: true, children: segment.href ? terminalLink(segment.value, segment.href) : segment.value });
+      return /* @__PURE__ */ jsx21(Text23, { color: "cyan", underline: true, children: segment.href ? terminalLink(segment.value, segment.href) : segment.value });
     case "codeword":
-      return /* @__PURE__ */ jsx20(Text22, { color: COLORS.highlight.fg, backgroundColor: COLORS.highlight.bg, children: segment.value });
+      return /* @__PURE__ */ jsx21(Text23, { color: COLORS.highlight.fg, backgroundColor: COLORS.highlight.bg, children: segment.value });
     default:
-      return /* @__PURE__ */ jsx20(Text22, { color: COLORS.muted, children: segment.value });
+      return /* @__PURE__ */ jsx21(Text23, { color: COLORS.muted, children: segment.value });
   }
 }
 function TipContent({
@@ -9096,10 +9211,10 @@ function TipContent({
       blocks.push({ type: "inline", segments: [segment] });
     }
   }
-  return /* @__PURE__ */ jsx20(Box21, { flexDirection: "column", marginLeft: 2, gap: 1, children: blocks.map(
-    (block, i) => block.type === "code" ? /* @__PURE__ */ jsx20(Code, { children: block.segment.value }, i) : /* @__PURE__ */ jsx20(Text22, { children: block.segments.map((segment, j) => /* @__PURE__ */ jsxs19(Text22, { children: [
+  return /* @__PURE__ */ jsx21(Box22, { flexDirection: "column", marginLeft: 2, gap: 1, children: blocks.map(
+    (block, i) => block.type === "code" ? /* @__PURE__ */ jsx21(Code, { children: block.segment.value }, i) : /* @__PURE__ */ jsx21(Text23, { children: block.segments.map((segment, j) => /* @__PURE__ */ jsxs20(Text23, { children: [
       j > 0 && " ",
-      /* @__PURE__ */ jsx20(InlineSegment, { segment })
+      /* @__PURE__ */ jsx21(InlineSegment, { segment })
     ] }, j)) }, i)
   ) });
 }
@@ -9129,7 +9244,7 @@ function Tips({
   onRevealStateChange,
   onComplete
 }) {
-  const [position, setPosition] = useState11(() => {
+  const [position, setPosition] = useState13(() => {
     const now = Date.now();
     return {
       tipIndex: clock.tipIndex,
@@ -9189,9 +9304,9 @@ function Tips({
   if (position.complete) return null;
   const titleRevealed = tip.title.slice(0, revealed);
   const contentRevealed = Math.max(0, revealed - tip.title.length);
-  return /* @__PURE__ */ jsxs19(Box21, { flexDirection: "column", marginBottom: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx20(TipTitle, { children: titleRevealed }),
-    /* @__PURE__ */ jsx20(TipContent, { chunks: tip.chunks, revealed: contentRevealed })
+  return /* @__PURE__ */ jsxs20(Box22, { flexDirection: "column", marginBottom: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx21(TipTitle, { children: titleRevealed }),
+    /* @__PURE__ */ jsx21(TipContent, { chunks: tip.chunks, revealed: contentRevealed })
   ] });
 }
 
@@ -9233,7 +9348,7 @@ function useRepaintOnResize(debounceMs = 100) {
 }
 
 // src/ui/App.tsx
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 function App() {
   const {
     phase,
@@ -9252,14 +9367,14 @@ function App() {
   const { columns, rows } = useWindowSize8();
   useRepaintOnResize();
   const compactRun = isCompactTerminal(columns, rows);
-  const [showLogs, setShowLogs] = useState12(false);
-  const [seenInputReq, setSeenInputReq] = useState12(inputReq);
+  const [showLogs, setShowLogs] = useState14(false);
+  const [seenInputReq, setSeenInputReq] = useState14(inputReq);
   if (inputReq !== seenInputReq) {
     setSeenInputReq(inputReq);
     if (inputReq) setShowLogs(false);
   }
-  const [tipState, setTipState] = useState12("idle");
-  const [tipsComplete, setTipsComplete] = useState12(false);
+  const [tipState, setTipState] = useState14("idle");
+  const [tipsComplete, setTipsComplete] = useState14(false);
   const finished = phase === "done" || phase === "error";
   const currentStep = steps[currentStepIndex];
   const workflowDef = workflow ? getWorkflow(workflow.id) : void 0;
@@ -9270,15 +9385,15 @@ function App() {
   const showTips = !compactRun && tipsActive && (phase === "running" && currentStep?.status === "running" && !loadingMessage && !settingUpAppId || holdForTip);
   const showNoticesInMain = !tipsActive;
   const showNotices = !compactRun && (!isAwaitingUserInput || holdForTip) && !review2;
-  useInput9(
+  useInput10(
     (_input, key) => {
       if (key.return) {
         exit();
       }
     },
-    { isActive: finished }
+    { isActive: finished && !showLogs }
   );
-  useInput9((_input, key) => {
+  useInput10((_input, key) => {
     if (phase === "idle" || phase === "authenticating") return;
     if (key.tab) {
       setShowLogs(!showLogs);
@@ -9289,8 +9404,9 @@ function App() {
       });
     }
   });
-  const escOwnedElsewhere = phase === "idle" || phase === "authenticating" || phase === "awaitingInput" && !holdForTip && (inputReq?.promptType === "enterToContinue" || inputReq?.promptType === "commandApproval");
-  useInput9((_input, key) => {
+  const escOwnedElsewhere = phase === "idle" || phase === "authenticating" || // The log view owns esc: it closes the details, then leaves the list.
+  showLogs || phase === "awaitingInput" && !holdForTip && (inputReq?.promptType === "enterToContinue" || inputReq?.promptType === "commandApproval");
+  useInput10((_input, key) => {
     if (escOwnedElsewhere) return;
     if (key.escape) {
       track("AI Wizard Interaction", {
@@ -9308,8 +9424,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__ */ jsxs20(
-      Box22,
+    /* @__PURE__ */ jsxs21(
+      Box23,
       {
         backgroundColor: COLORS.bg.main,
         flexDirection: "row",
@@ -9317,16 +9433,16 @@ function App() {
         height: rows,
         overflow: "hidden",
         children: [
-          mainWindowVisible && /* @__PURE__ */ jsxs20(
-            Box22,
+          mainWindowVisible && /* @__PURE__ */ jsxs21(
+            Box23,
             {
               flexDirection,
               width: "100%",
               maxHeight: rows,
               justifyContent: "space-between",
               children: [
-                showLogs ? /* @__PURE__ */ jsx21(Logs, {}) : /* @__PURE__ */ jsxs20(
-                  Box22,
+                showLogs ? /* @__PURE__ */ jsx22(Logs, { onBack: () => setShowLogs(false) }) : /* @__PURE__ */ jsxs21(
+                  Box23,
                   {
                     flexDirection: "column",
                     paddingX: 4,
@@ -9335,58 +9451,58 @@ function App() {
                     flexGrow: 1,
                     gap: 1,
                     children: [
-                      /* @__PURE__ */ jsxs20(Box22, { flexGrow: 2, flexDirection: "column", children: [
-                        phase === "preflight" && !user && /* @__PURE__ */ jsx21(Box22, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs20(Text23, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx21(Spinner3, { type: "dots" }),
+                      /* @__PURE__ */ jsxs21(Box23, { flexGrow: 2, flexDirection: "column", children: [
+                        phase === "preflight" && !user && /* @__PURE__ */ jsx22(Box23, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
                           " Signing in to Algolia"
                         ] }) }),
-                        phase === "preflight" && user && /* @__PURE__ */ jsx21(Box22, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs20(Text23, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx21(Spinner3, { type: "dots" }),
+                        phase === "preflight" && user && /* @__PURE__ */ jsx22(Box23, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
                           " Getting things ready"
                         ] }) }),
-                        phase === "authenticating" && /* @__PURE__ */ jsxs20(Box22, { flexDirection: "column", marginBottom: 1, children: [
-                          /* @__PURE__ */ jsxs20(Text23, { color: COLORS.strong, bold: true, children: [
-                            /* @__PURE__ */ jsx21(Spinner3, { type: "dots" }),
+                        phase === "authenticating" && /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", marginBottom: 1, children: [
+                          /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
+                            /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
                             " Signing in to Algolia"
                           ] }),
-                          /* @__PURE__ */ jsx21(Text23, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
+                          /* @__PURE__ */ jsx22(Text24, { color: COLORS.muted, children: "A browser window will open \u2014 complete sign-in there." })
                         ] }),
-                        settingUpAppId && /* @__PURE__ */ jsx21(Box22, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs20(Text23, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx21(Spinner3, { type: "dots" }),
+                        settingUpAppId && /* @__PURE__ */ jsx22(Box23, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
                           " Setting up Wizard using app",
                           " ",
                           settingUpAppId
                         ] }) }),
-                        phase === "running" && !settingUpAppId && loadingMessage && /* @__PURE__ */ jsx21(Box22, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs20(Text23, { color: COLORS.strong, bold: true, children: [
-                          /* @__PURE__ */ jsx21(Spinner3, { type: "dots" }),
+                        phase === "running" && !settingUpAppId && loadingMessage && /* @__PURE__ */ jsx22(Box23, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.strong, bold: true, children: [
+                          /* @__PURE__ */ jsx22(Spinner3, { type: "dots" }),
                           " ",
                           loadingMessage
                         ] }) }),
-                        /* @__PURE__ */ jsx21(CliOutput, {}),
-                        showTips && /* @__PURE__ */ jsx21(
+                        /* @__PURE__ */ jsx22(CliOutput, {}),
+                        showTips && /* @__PURE__ */ jsx22(
                           Tips,
                           {
                             onRevealStateChange: setTipState,
                             onComplete: () => setTipsComplete(true)
                           }
                         ),
-                        showNoticesInMain && showNotices && /* @__PURE__ */ jsx21(Notices, { border: false }),
-                        /* @__PURE__ */ jsx21(Review, {}),
-                        !showTips && /* @__PURE__ */ jsx21(PromptInput, {}),
-                        phase === "error" && error && /* @__PURE__ */ jsx21(Box22, { marginTop: 1, children: /* @__PURE__ */ jsxs20(Text23, { color: COLORS.status.error, children: [
+                        showNoticesInMain && showNotices && /* @__PURE__ */ jsx22(Notices, { border: false }),
+                        /* @__PURE__ */ jsx22(Review, {}),
+                        !showTips && /* @__PURE__ */ jsx22(PromptInput, {}),
+                        phase === "error" && error && /* @__PURE__ */ jsx22(Box23, { marginTop: 1, children: /* @__PURE__ */ jsxs21(Text24, { color: COLORS.status.error, children: [
                           "\u2716 ",
                           error
                         ] }) })
                       ] }),
-                      !showNoticesInMain && showNotices && /* @__PURE__ */ jsx21(Notices, {})
+                      !showNoticesInMain && showNotices && /* @__PURE__ */ jsx22(Notices, {})
                     ]
                   }
                 ),
-                showSidebar ? /* @__PURE__ */ jsx21(Sidebar, {}) : /* @__PURE__ */ jsx21(Ribbon, {})
+                showSidebar ? /* @__PURE__ */ jsx22(Sidebar, { inLogs: showLogs }) : /* @__PURE__ */ jsx22(Ribbon, {})
               ]
             }
           ),
-          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx21(LearnMore, {}) : /* @__PURE__ */ jsx21(Welcome, {}))
+          phase === "idle" && (homeScreen === "learnMore" ? /* @__PURE__ */ jsx22(LearnMore, {}) : /* @__PURE__ */ jsx22(Welcome, {}))
         ]
       }
     )
@@ -9625,7 +9741,7 @@ async function resetProjectState() {
 // package.json with { type: 'json' }
 var package_default2 = {
   name: "@algolia/wizard",
-  version: "0.87.0-rc.211.681",
+  version: "0.88.0",
   description: "Magically implement Algolia functionality in your codebase",
   type: "module",
   engines: {
@@ -9731,7 +9847,7 @@ async function checkVersion() {
 }
 
 // src/main.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var FAILURE_EXIT_CODE = 1;
 async function exitProcessWithError(store, instance, message) {
   store.setError(message);
@@ -9794,7 +9910,7 @@ ${formatStepList(workflow)}`);
 async function run(opts) {
   const { workflow, skipResumePrompt } = opts;
   const store = useWizard.getState();
-  const instance = render(/* @__PURE__ */ jsx22(App, {}), { incrementalRendering: true });
+  const instance = render(/* @__PURE__ */ jsx23(App, {}), { incrementalRendering: true });
   await store.waitForStart();
   store.syncSteps(
     workflow.steps.map((s) => ({

package/package.json

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