@bike4mind/cli 0.2.31-feat-ui-side-effect-protocol.19584 → 0.2.31-feat-ask-user-question.19587

package/dist/{chunk-BYXFQJYT.js → chunk-G2LYCVZJ.js}

@@ -75,6 +75,22 @@ var useCliStore = create((set) => ({
       permissionQueue: rest
     };
   }),
+  // User question prompt queue
+  userQuestionPrompt: null,
+  userQuestionQueue: [],
+  enqueueUserQuestionPrompt: (prompt) => set((state) => {
+    if (!state.userQuestionPrompt) {
+      return { userQuestionPrompt: prompt };
+    }
+    return { userQuestionQueue: [...state.userQuestionQueue, prompt] };
+  }),
+  dequeueUserQuestionPrompt: () => set((state) => {
+    const [next, ...rest] = state.userQuestionQueue;
+    return {
+      userQuestionPrompt: next ?? null,
+      userQuestionQueue: rest
+    };
+  }),
   // Config editor
   showConfigEditor: false,
   setShowConfigEditor: (show) => set({ showConfigEditor: show }),

package/dist/{chunk-J7BHBDO4.js → chunk-VWUG4OK6.js}

@@ -3,7 +3,7 @@
 // package.json
 var package_default = {
   name: "@bike4mind/cli",
-  version: "0.2.31-feat-ui-side-effect-protocol.19584+f0ac5f119",
+  version: "0.2.31-feat-ask-user-question.19587+cad088dc1",
   type: "module",
   description: "Interactive CLI tool for Bike4Mind with ReAct agents",
   license: "UNLICENSED",
@@ -114,10 +114,10 @@ var package_default = {
   },
   devDependencies: {
     "@bike4mind/agents": "0.1.0",
-    "@bike4mind/common": "2.52.1-feat-ui-side-effect-protocol.19584+f0ac5f119",
-    "@bike4mind/mcp": "1.31.1-feat-ui-side-effect-protocol.19584+f0ac5f119",
-    "@bike4mind/services": "2.50.1-feat-ui-side-effect-protocol.19584+f0ac5f119",
-    "@bike4mind/utils": "2.7.1-feat-ui-side-effect-protocol.19584+f0ac5f119",
+    "@bike4mind/common": "2.52.1-feat-ask-user-question.19587+cad088dc1",
+    "@bike4mind/mcp": "1.31.1-feat-ask-user-question.19587+cad088dc1",
+    "@bike4mind/services": "2.50.1-feat-ask-user-question.19587+cad088dc1",
+    "@bike4mind/utils": "2.7.1-feat-ask-user-question.19587+cad088dc1",
     "@types/better-sqlite3": "^7.6.13",
     "@types/diff": "^5.0.9",
     "@types/jsonwebtoken": "^9.0.4",
@@ -138,7 +138,7 @@ var package_default = {
   optionalDependencies: {
     "@vscode/ripgrep": "^1.17.0"
   },
-  gitHead: "f0ac5f1193bcf29b8770a78c201eb44cdf21fb9d"
+  gitHead: "cad088dc1ad77d3c716da4e6fc78489039d71678"
 };
 
 // src/utils/updateChecker.ts

package/dist/commands/doctorCommand.js

@@ -3,7 +3,7 @@ import {
   fetchLatestVersion,
   forceCheckForUpdate,
   package_default
-} from "../chunk-J7BHBDO4.js";
+} from "../chunk-VWUG4OK6.js";
 
 // src/commands/doctorCommand.ts
 import { execSync } from "child_process";

package/dist/commands/updateCommand.js

@@ -2,7 +2,7 @@
 import {
   forceCheckForUpdate,
   package_default
-} from "../chunk-J7BHBDO4.js";
+} from "../chunk-VWUG4OK6.js";
 
 // src/commands/updateCommand.ts
 import { execSync } from "child_process";

package/dist/index.js

@@ -16,11 +16,11 @@ import {
 import {
   checkForUpdate,
   package_default
-} from "./chunk-J7BHBDO4.js";
+} from "./chunk-VWUG4OK6.js";
 import {
   selectActiveBackgroundAgents,
   useCliStore
-} from "./chunk-BYXFQJYT.js";
+} from "./chunk-G2LYCVZJ.js";
 import {
   BFLImageService,
   BaseStorage,
@@ -96,15 +96,15 @@ import {
 } from "./chunk-PFBYGCOW.js";
 
 // src/index.tsx
-import React21, { useState as useState10, useEffect as useEffect7, useCallback as useCallback2, useRef as useRef3 } from "react";
-import { render, Box as Box20, Text as Text20, useApp, useInput as useInput9 } from "ink";
+import React22, { useState as useState11, useEffect as useEffect7, useCallback as useCallback3, useRef as useRef3 } from "react";
+import { render, Box as Box21, Text as Text21, useApp, useInput as useInput10 } from "ink";
 import { execSync } from "child_process";
 import { randomBytes as randomBytes5 } from "crypto";
 import { v4 as uuidv413 } from "uuid";
 
 // src/components/App.tsx
-import React15, { useState as useState6, useEffect as useEffect5 } from "react";
-import { Box as Box14, Text as Text14, Static, useInput as useInput6 } from "ink";
+import React16, { useState as useState7, useEffect as useEffect5 } from "react";
+import { Box as Box15, Text as Text15, Static, useInput as useInput7 } from "ink";
 
 // src/components/StatusBar.tsx
 import React from "react";
@@ -1506,9 +1506,152 @@ function PermissionPrompt({
   return /* @__PURE__ */ React10.createElement(Box9, { flexDirection: "column", borderStyle: "bold", borderColor: "yellow", padding: 1, marginY: 1 }, /* @__PURE__ */ React10.createElement(Box9, null, /* @__PURE__ */ React10.createElement(Text9, { bold: true, color: "yellow" }, "\u26A0\uFE0F Permission Required")), /* @__PURE__ */ React10.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, "Tool: "), /* @__PURE__ */ React10.createElement(Text9, { bold: true, color: "cyan" }, toolName)), toolDescription && /* @__PURE__ */ React10.createElement(Box9, null, /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, "Action: "), /* @__PURE__ */ React10.createElement(Text9, null, toolDescription)), /* @__PURE__ */ React10.createElement(Box9, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React10.createElement(Text9, { bold: true }, "Arguments:"), /* @__PURE__ */ React10.createElement(Box9, { paddingLeft: 2, flexDirection: "column" }, /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, argsString))), preview && /* @__PURE__ */ React10.createElement(Box9, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React10.createElement(Text9, { bold: true }, "Preview:"), /* @__PURE__ */ React10.createElement(Box9, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column" }, renderDiffPreview(preview))), !canBeTrusted && /* @__PURE__ */ React10.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text9, { color: "red", dimColor: true }, "Note: This tool cannot be trusted due to its dangerous nature.")), /* @__PURE__ */ React10.createElement(Box9, { marginTop: 1, flexDirection: "column" }, items.map((item, index) => /* @__PURE__ */ React10.createElement(Box9, { key: item.value }, /* @__PURE__ */ React10.createElement(Text9, { color: "cyan" }, index + 1, "."), /* @__PURE__ */ React10.createElement(Text9, { color: index === selectedIndex ? "cyan" : void 0, bold: index === selectedIndex }, index === selectedIndex ? " \u276F " : "   ", item.label)))), /* @__PURE__ */ React10.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text9, { dimColor: true }, "Press 1-", items.length, ", y/n, or \u2191\u2193 + Enter")));
 }
 
-// src/components/ConfigEditor.tsx
-import React11, { useState as useState5, useMemo as useMemo3 } from "react";
+// src/components/UserQuestionPrompt.tsx
+import React11, { useState as useState5, useCallback as useCallback2 } from "react";
 import { Box as Box10, Text as Text10, useInput as useInput4 } from "ink";
+import TextInput from "ink-text-input";
+function UserQuestionPrompt({ payload, onResponse }) {
+  const [questionIndex, setQuestionIndex] = useState5(0);
+  const [answers, setAnswers] = useState5([]);
+  const [selectedIndex, setSelectedIndex] = useState5(0);
+  const [multiSelected, setMultiSelected] = useState5(/* @__PURE__ */ new Set());
+  const [otherText, setOtherText] = useState5("");
+  const [done, setDone] = useState5(false);
+  const currentQuestion = payload.questions[questionIndex];
+  const options = [...currentQuestion.options, { label: "Other...", description: "Provide your own answer" }];
+  const otherIndex = options.length - 1;
+  const isMulti = currentQuestion.multiSelect;
+  const isOnOther = selectedIndex === otherIndex;
+  const advanceToNextQuestion = useCallback2(
+    (answer) => {
+      const updatedAnswers = [...answers, answer];
+      if (questionIndex + 1 >= payload.questions.length) {
+        setDone(true);
+        onResponse({ answers: updatedAnswers });
+      } else {
+        setAnswers(updatedAnswers);
+        setQuestionIndex(questionIndex + 1);
+        setSelectedIndex(0);
+        setMultiSelected(/* @__PURE__ */ new Set());
+        setOtherText("");
+      }
+    },
+    [answers, questionIndex, payload.questions.length, onResponse]
+  );
+  const submitOther = useCallback2(() => {
+    if (done) return;
+    const text = otherText.trim();
+    if (!text) return;
+    if (isMulti) {
+      const selected = Array.from(multiSelected).filter((i) => i !== otherIndex).map((i) => options[i].label);
+      selected.push(text);
+      advanceToNextQuestion({ question: currentQuestion.question, selected });
+    } else {
+      advanceToNextQuestion({ question: currentQuestion.question, selected: [text] });
+    }
+  }, [done, otherText, isMulti, multiSelected, otherIndex, options, currentQuestion, advanceToNextQuestion]);
+  const confirmSelection = useCallback2(() => {
+    if (done) return;
+    if (isMulti) {
+      const selected = Array.from(multiSelected).filter((i) => i !== otherIndex).map((i) => options[i].label);
+      if (multiSelected.has(otherIndex) && otherText.trim()) {
+        selected.push(otherText.trim());
+      }
+      if (selected.length === 0) return;
+      advanceToNextQuestion({ question: currentQuestion.question, selected });
+    } else if (isOnOther) {
+      submitOther();
+    } else {
+      advanceToNextQuestion({
+        question: currentQuestion.question,
+        selected: [options[selectedIndex].label]
+      });
+    }
+  }, [
+    done,
+    isMulti,
+    multiSelected,
+    selectedIndex,
+    otherIndex,
+    isOnOther,
+    options,
+    otherText,
+    currentQuestion,
+    advanceToNextQuestion,
+    submitOther
+  ]);
+  useInput4(
+    (input, key) => {
+      if (done) return;
+      if (key.upArrow) {
+        setSelectedIndex((i) => i > 0 ? i - 1 : options.length - 1);
+        return;
+      }
+      if (key.downArrow) {
+        setSelectedIndex((i) => i < options.length - 1 ? i + 1 : 0);
+        return;
+      }
+      if (isOnOther) {
+        if (key.return) {
+          confirmSelection();
+        }
+        return;
+      }
+      const num = parseInt(input, 10);
+      if (num >= 1 && num <= options.length) {
+        const idx = num - 1;
+        if (isMulti) {
+          setMultiSelected((prev) => {
+            const next = new Set(prev);
+            if (next.has(idx)) next.delete(idx);
+            else next.add(idx);
+            return next;
+          });
+          setSelectedIndex(idx);
+        } else if (idx === otherIndex) {
+          setSelectedIndex(idx);
+        } else {
+          advanceToNextQuestion({
+            question: currentQuestion.question,
+            selected: [options[idx].label]
+          });
+        }
+        return;
+      }
+      if (input === " " && isMulti) {
+        setMultiSelected((prev) => {
+          const next = new Set(prev);
+          if (next.has(selectedIndex)) next.delete(selectedIndex);
+          else next.add(selectedIndex);
+          return next;
+        });
+      } else if (key.return) {
+        confirmSelection();
+      }
+    },
+    { isActive: !done }
+  );
+  if (done) return null;
+  const totalQuestions = payload.questions.length;
+  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", borderStyle: "bold", borderColor: "cyan", padding: 1, marginY: 1 }, /* @__PURE__ */ React11.createElement(Box10, null, /* @__PURE__ */ React11.createElement(Text10, { bold: true, color: "cyan" }, "? Question", totalQuestions > 1 ? ` ${questionIndex + 1}/${totalQuestions}` : "")), /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text10, { bold: true }, currentQuestion.question)), /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1, flexDirection: "column" }, options.map((opt, idx) => {
+    const isHighlighted = idx === selectedIndex;
+    const isToggled = isMulti && multiSelected.has(idx);
+    const prefix = isMulti ? isToggled ? "[x]" : "[ ]" : isHighlighted ? " > " : "   ";
+    return /* @__PURE__ */ React11.createElement(Box10, { key: idx }, /* @__PURE__ */ React11.createElement(Text10, { color: "cyan" }, idx + 1, "."), /* @__PURE__ */ React11.createElement(Text10, { color: isHighlighted ? "cyan" : void 0, bold: isHighlighted }, " ", prefix, " ", opt.label), idx === otherIndex && isHighlighted ? /* @__PURE__ */ React11.createElement(Box10, { marginLeft: 1 }, /* @__PURE__ */ React11.createElement(
+      TextInput,
+      {
+        value: otherText,
+        onChange: setOtherText,
+        onSubmit: submitOther,
+        placeholder: "Type your answer..."
+      }
+    )) : opt.description && idx !== otherIndex && /* @__PURE__ */ React11.createElement(Text10, { dimColor: true }, " - ", opt.description));
+  })), /* @__PURE__ */ React11.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text10, { dimColor: true }, isOnOther ? "Type your answer, Enter to submit, or arrow keys to go back" : isMulti ? "Press 1-" + options.length + ", Space to toggle, Enter to confirm" : "Press 1-" + options.length + ", or arrow keys + Enter")));
+}
+
+// src/components/ConfigEditor.tsx
+import React12, { useState as useState6, useMemo as useMemo3 } from "react";
+import { Box as Box11, Text as Text11, useInput as useInput5 } from "ink";
 var MAX_ITERATIONS_OPTIONS = [
   { label: "10", value: 10 },
   { label: "20", value: 20 },
@@ -1652,10 +1795,10 @@ function buildConfigItems(availableModels) {
   return items;
 }
 function ConfigEditor({ config, availableModels, onSave, onClose }) {
-  const [selectedIndex, setSelectedIndex] = useState5(0);
-  const [editedConfig, setEditedConfig] = useState5(config);
-  const [saveError, setSaveError] = useState5(null);
-  const [isSaving, setIsSaving] = useState5(false);
+  const [selectedIndex, setSelectedIndex] = useState6(0);
+  const [editedConfig, setEditedConfig] = useState6(config);
+  const [saveError, setSaveError] = useState6(null);
+  const [isSaving, setIsSaving] = useState6(false);
   const configItems = useMemo3(() => buildConfigItems(availableModels), [availableModels]);
   const hasChanges = useMemo3(() => {
     return JSON.stringify(config.preferences) !== JSON.stringify(editedConfig.preferences) || config.defaultModel !== editedConfig.defaultModel;
@@ -1675,7 +1818,7 @@ function ConfigEditor({ config, availableModels, onSave, onClose }) {
     }
     onClose();
   };
-  useInput4((input, key) => {
+  useInput5((input, key) => {
     const currentItem = configItems[selectedIndex];
     if (key.upArrow) {
       setSelectedIndex((prev) => prev > 0 ? prev - 1 : configItems.length - 1);
@@ -1740,33 +1883,33 @@ function ConfigEditor({ config, availableModels, onSave, onClose }) {
     }
     return String(value);
   };
-  return /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, marginY: 1 }, /* @__PURE__ */ React11.createElement(Box10, { justifyContent: "space-between", marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text10, { bold: true, color: "cyan" }, "Settings"), isSaving ? /* @__PURE__ */ React11.createElement(Text10, { color: "yellow" }, "Saving...") : hasChanges ? /* @__PURE__ */ React11.createElement(Text10, { dimColor: true, color: "yellow" }, "(unsaved changes)") : null), saveError && /* @__PURE__ */ React11.createElement(Box10, { marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text10, { color: "red" }, "Error: ", saveError)), /* @__PURE__ */ React11.createElement(Box10, { flexDirection: "column", marginBottom: 1 }, configItems.map((item, index) => {
+  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, marginY: 1 }, /* @__PURE__ */ React12.createElement(Box11, { justifyContent: "space-between", marginBottom: 1 }, /* @__PURE__ */ React12.createElement(Text11, { bold: true, color: "cyan" }, "Settings"), isSaving ? /* @__PURE__ */ React12.createElement(Text11, { color: "yellow" }, "Saving...") : hasChanges ? /* @__PURE__ */ React12.createElement(Text11, { dimColor: true, color: "yellow" }, "(unsaved changes)") : null), saveError && /* @__PURE__ */ React12.createElement(Box11, { marginBottom: 1 }, /* @__PURE__ */ React12.createElement(Text11, { color: "red" }, "Error: ", saveError)), /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", marginBottom: 1 }, configItems.map((item, index) => {
     const isSelected = index === selectedIndex;
     const value = item.getValue(editedConfig);
     const displayValue = formatValue(item, value);
     const hasOptions = item.type === "select" || item.type === "boolean" || item.type === "number";
-    return /* @__PURE__ */ React11.createElement(Box10, { key: item.key }, /* @__PURE__ */ React11.createElement(Text10, { color: isSelected ? "cyan" : void 0 }, isSelected ? "> " : "  "), /* @__PURE__ */ React11.createElement(Box10, { width: 18 }, /* @__PURE__ */ React11.createElement(Text10, { bold: isSelected, color: isSelected ? "white" : "gray" }, item.label, ":")), /* @__PURE__ */ React11.createElement(Box10, null, hasOptions && isSelected && /* @__PURE__ */ React11.createElement(Text10, { dimColor: true }, "< "), /* @__PURE__ */ React11.createElement(Text10, { bold: isSelected, color: isSelected ? "green" : void 0 }, displayValue), hasOptions && isSelected && /* @__PURE__ */ React11.createElement(Text10, { dimColor: true }, " >")));
-  })), /* @__PURE__ */ React11.createElement(Box10, { borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React11.createElement(Text10, { dimColor: true }, "\u2191/\u2193: Navigate | Space/\u2190/\u2192: Change | q/Esc: Save & Exit")));
+    return /* @__PURE__ */ React12.createElement(Box11, { key: item.key }, /* @__PURE__ */ React12.createElement(Text11, { color: isSelected ? "cyan" : void 0 }, isSelected ? "> " : "  "), /* @__PURE__ */ React12.createElement(Box11, { width: 18 }, /* @__PURE__ */ React12.createElement(Text11, { bold: isSelected, color: isSelected ? "white" : "gray" }, item.label, ":")), /* @__PURE__ */ React12.createElement(Box11, null, hasOptions && isSelected && /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, "< "), /* @__PURE__ */ React12.createElement(Text11, { bold: isSelected, color: isSelected ? "green" : void 0 }, displayValue), hasOptions && isSelected && /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, " >")));
+  })), /* @__PURE__ */ React12.createElement(Box11, { borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, "\u2191/\u2193: Navigate | Space/\u2190/\u2192: Change | q/Esc: Save & Exit")));
 }
 
 // src/components/McpViewer.tsx
-import React12 from "react";
-import { Box as Box11, Text as Text11, useInput as useInput5 } from "ink";
+import React13 from "react";
+import { Box as Box12, Text as Text12, useInput as useInput6 } from "ink";
 function McpViewer({ config, mcpManager, onClose }) {
-  useInput5((input, key) => {
+  useInput6((input, key) => {
     if (key.escape || input === "q") {
       onClose();
     }
   });
   if (config.mcpServers.length === 0) {
-    return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React12.createElement(Box11, { marginBottom: 1 }, /* @__PURE__ */ React12.createElement(Text11, { bold: true, color: "cyan" }, "\u{1F4E1} MCP Server Status")), /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, "No MCP servers configured."), /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, "To add MCP servers, edit your config file:")), /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, " Global: ~/.bike4mind/config.json"), /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, " Project: .bike4mind/config.json"), /* @__PURE__ */ React12.createElement(Box11, { marginTop: 2 }, /* @__PURE__ */ React12.createElement(Text11, { dimColor: true, italic: true }, "Press Esc or q to close")));
+    return /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React13.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Text12, { bold: true, color: "cyan" }, "\u{1F4E1} MCP Server Status")), /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, "No MCP servers configured."), /* @__PURE__ */ React13.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, "To add MCP servers, edit your config file:")), /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, " Global: ~/.bike4mind/config.json"), /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, " Project: .bike4mind/config.json"), /* @__PURE__ */ React13.createElement(Box12, { marginTop: 2 }, /* @__PURE__ */ React13.createElement(Text12, { dimColor: true, italic: true }, "Press Esc or q to close")));
   }
   const enabledServers = config.mcpServers.filter((s) => s.enabled);
-  return /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React12.createElement(Box11, { marginBottom: 1 }, /* @__PURE__ */ React12.createElement(Text11, { bold: true, color: "cyan" }, "\u{1F4E1} MCP Server Status")), /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", marginBottom: 2 }, /* @__PURE__ */ React12.createElement(Text11, { bold: true, dimColor: true }, "Configured Servers:"), config.mcpServers.map((server) => {
+  return /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React13.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React13.createElement(Text12, { bold: true, color: "cyan" }, "\u{1F4E1} MCP Server Status")), /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column", marginBottom: 2 }, /* @__PURE__ */ React13.createElement(Text12, { bold: true, dimColor: true }, "Configured Servers:"), config.mcpServers.map((server) => {
     const status = server.enabled ? "\u2705 Enabled" : "\u23F8\uFE0F  Disabled";
     const commandInfo = server.command ? `${server.command} ${(server.args || []).join(" ")}` : "(internal)";
-    return /* @__PURE__ */ React12.createElement(Box11, { key: server.name, flexDirection: "column", marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React12.createElement(Text11, null, "\u2022 ", /* @__PURE__ */ React12.createElement(Text11, { bold: true }, server.name), " - ", /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, status)), /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, " Command: ", commandInfo), Object.keys(server.env).length > 0 && /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, " Env vars: ", Object.keys(server.env).join(", ")));
-  })), enabledServers.length > 0 && mcpManager && /* @__PURE__ */ React12.createElement(Box11, { flexDirection: "column", marginBottom: 2 }, /* @__PURE__ */ React12.createElement(Text11, { bold: true, dimColor: true }, "Connection Status:"), enabledServers.map((server) => {
+    return /* @__PURE__ */ React13.createElement(Box12, { key: server.name, flexDirection: "column", marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React13.createElement(Text12, null, "\u2022 ", /* @__PURE__ */ React13.createElement(Text12, { bold: true }, server.name), " - ", /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, status)), /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, " Command: ", commandInfo), Object.keys(server.env).length > 0 && /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, " Env vars: ", Object.keys(server.env).join(", ")));
+  })), enabledServers.length > 0 && mcpManager && /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column", marginBottom: 2 }, /* @__PURE__ */ React13.createElement(Text12, { bold: true, dimColor: true }, "Connection Status:"), enabledServers.map((server) => {
     const state = mcpManager.getConnectionState(server.name);
     let icon;
     let statusText;
@@ -1796,30 +1939,30 @@ function McpViewer({ config, mcpManager, onClose }) {
     const serverTools = toolCounts.find((t) => t.serverName === server.name);
     const toolCount = serverTools?.count || 0;
     const toolInfo = state === "connected" && toolCount > 0 ? ` (${toolCount} tool${toolCount === 1 ? "" : "s"})` : "";
-    return /* @__PURE__ */ React12.createElement(Box11, { key: server.name, marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React12.createElement(Text11, null, "\u2022 ", /* @__PURE__ */ React12.createElement(Text11, { bold: true }, server.name), " \xB7 ", /* @__PURE__ */ React12.createElement(Text11, { color }, icon), " ", /* @__PURE__ */ React12.createElement(Text11, { color }, statusText), toolInfo && /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, toolInfo)));
-  }), /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1, marginLeft: 2 }, (() => {
+    return /* @__PURE__ */ React13.createElement(Box12, { key: server.name, marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React13.createElement(Text12, null, "\u2022 ", /* @__PURE__ */ React13.createElement(Text12, { bold: true }, server.name), " \xB7 ", /* @__PURE__ */ React13.createElement(Text12, { color }, icon), " ", /* @__PURE__ */ React13.createElement(Text12, { color }, statusText), toolInfo && /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, toolInfo)));
+  }), /* @__PURE__ */ React13.createElement(Box12, { marginTop: 1, marginLeft: 2 }, (() => {
     const toolCounts = mcpManager.getToolCount();
     const totalTools = toolCounts.reduce((sum2, s) => sum2 + s.count, 0);
     if (totalTools > 0) {
-      return /* @__PURE__ */ React12.createElement(Text11, { bold: true, color: "green" }, "Total: ", totalTools, " MCP tool", totalTools === 1 ? "" : "s", " available");
+      return /* @__PURE__ */ React13.createElement(Text12, { bold: true, color: "green" }, "Total: ", totalTools, " MCP tool", totalTools === 1 ? "" : "s", " available");
     } else {
-      return /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, "No MCP tools available yet (servers still connecting)");
+      return /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, "No MCP tools available yet (servers still connecting)");
     }
-  })())), enabledServers.length === 0 && /* @__PURE__ */ React12.createElement(Box11, { marginBottom: 2 }, /* @__PURE__ */ React12.createElement(Text11, { color: "yellow" }, "\u26A0\uFE0F No MCP servers enabled"), /* @__PURE__ */ React12.createElement(Text11, { dimColor: true }, " Use `b4m mcp enable ", "<name>", "` to enable a server")), /* @__PURE__ */ React12.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text11, { dimColor: true, italic: true }, "Press Esc or q to close")));
+  })())), enabledServers.length === 0 && /* @__PURE__ */ React13.createElement(Box12, { marginBottom: 2 }, /* @__PURE__ */ React13.createElement(Text12, { color: "yellow" }, "\u26A0\uFE0F No MCP servers enabled"), /* @__PURE__ */ React13.createElement(Text12, { dimColor: true }, " Use `b4m mcp enable ", "<name>", "` to enable a server")), /* @__PURE__ */ React13.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React13.createElement(Text12, { dimColor: true, italic: true }, "Press Esc or q to close")));
 }
 
 // src/components/MessageItem.tsx
-import React14 from "react";
-import { Box as Box13, Text as Text13 } from "ink";
+import React15 from "react";
+import { Box as Box14, Text as Text14 } from "ink";
 
 // src/components/MarkdownRenderer.tsx
-import React13 from "react";
-import { Box as Box12, Text as Text12 } from "ink";
+import React14 from "react";
+import { Box as Box13, Text as Text13 } from "ink";
 import { marked } from "marked";
 import { highlight } from "cli-highlight";
 function MarkdownRenderer({ content }) {
   const tokens = marked.lexer(content);
-  return /* @__PURE__ */ React13.createElement(Box12, { flexDirection: "column" }, tokens.map((token, idx) => renderToken(token, idx)));
+  return /* @__PURE__ */ React14.createElement(Box13, { flexDirection: "column" }, tokens.map((token, idx) => renderToken(token, idx)));
 }
 function renderToken(token, idx) {
   switch (token.type) {
@@ -1834,12 +1977,12 @@ function renderToken(token, idx) {
     case "blockquote":
       return renderBlockquote(token, idx);
     case "hr":
-      return /* @__PURE__ */ React13.createElement(Text12, { key: idx, dimColor: true }, "\u2500".repeat(50));
+      return /* @__PURE__ */ React14.createElement(Text13, { key: idx, dimColor: true }, "\u2500".repeat(50));
     case "space":
       return null;
     default:
       if ("text" in token) {
-        return /* @__PURE__ */ React13.createElement(Text12, { key: idx }, token.text);
+        return /* @__PURE__ */ React14.createElement(Text13, { key: idx }, token.text);
       }
       return null;
   }
@@ -1854,7 +1997,7 @@ function renderHeading(token, idx) {
     6: "white"
   };
   const color = colors[token.depth] || "white";
-  return /* @__PURE__ */ React13.createElement(Box12, { key: idx, marginTop: idx > 0 ? 1 : 0 }, /* @__PURE__ */ React13.createElement(Text12, { bold: true, color }, parseInlineText(token.text)));
+  return /* @__PURE__ */ React14.createElement(Box13, { key: idx, marginTop: idx > 0 ? 1 : 0 }, /* @__PURE__ */ React14.createElement(Text13, { bold: true, color }, parseInlineText(token.text)));
 }
 function renderCodeBlock(token, idx) {
   let highlightedCode;
@@ -1866,20 +2009,20 @@ function renderCodeBlock(token, idx) {
   } catch (error) {
     highlightedCode = token.text;
   }
-  return /* @__PURE__ */ React13.createElement(Box12, { key: idx, flexDirection: "column", paddingLeft: 2 }, token.lang && /* @__PURE__ */ React13.createElement(Text12, { dimColor: true, color: "gray" }, token.lang), /* @__PURE__ */ React13.createElement(Text12, null, highlightedCode));
+  return /* @__PURE__ */ React14.createElement(Box13, { key: idx, flexDirection: "column", paddingLeft: 2 }, token.lang && /* @__PURE__ */ React14.createElement(Text13, { dimColor: true, color: "gray" }, token.lang), /* @__PURE__ */ React14.createElement(Text13, null, highlightedCode));
 }
 function renderParagraph(token, idx) {
-  return /* @__PURE__ */ React13.createElement(Box12, { key: idx }, /* @__PURE__ */ React13.createElement(Text12, null, parseInlineText(token.text)));
+  return /* @__PURE__ */ React14.createElement(Box13, { key: idx }, /* @__PURE__ */ React14.createElement(Text13, null, parseInlineText(token.text)));
 }
 function renderList(token, idx) {
-  return /* @__PURE__ */ React13.createElement(Box12, { key: idx, flexDirection: "column" }, token.items.map((item, itemIdx) => renderListItem(item, itemIdx, token.ordered, itemIdx + 1)));
+  return /* @__PURE__ */ React14.createElement(Box13, { key: idx, flexDirection: "column" }, token.items.map((item, itemIdx) => renderListItem(item, itemIdx, token.ordered, itemIdx + 1)));
 }
 function renderListItem(item, idx, ordered, number) {
   const bullet = ordered ? `${number}.` : "\u2022";
-  return /* @__PURE__ */ React13.createElement(Box12, { key: idx, paddingLeft: 2 }, /* @__PURE__ */ React13.createElement(Text12, null, bullet, " ", parseInlineText(item.text)));
+  return /* @__PURE__ */ React14.createElement(Box13, { key: idx, paddingLeft: 2 }, /* @__PURE__ */ React14.createElement(Text13, null, bullet, " ", parseInlineText(item.text)));
 }
 function renderBlockquote(token, idx) {
-  return /* @__PURE__ */ React13.createElement(Box12, { key: idx, paddingLeft: 2, borderStyle: "single", borderLeft: true, borderColor: "gray" }, token.tokens.map((t, i) => renderToken(t, i)));
+  return /* @__PURE__ */ React14.createElement(Box13, { key: idx, paddingLeft: 2, borderStyle: "single", borderLeft: true, borderColor: "gray" }, token.tokens.map((t, i) => renderToken(t, i)));
 }
 function parseInlineText(text) {
   const parts = [];
@@ -1892,15 +2035,15 @@ function parseInlineText(text) {
     }
     if (match[1]) {
       parts.push(
-        /* @__PURE__ */ React13.createElement(Text12, { key: match.index, bold: true }, match[2])
+        /* @__PURE__ */ React14.createElement(Text13, { key: match.index, bold: true }, match[2])
       );
     } else if (match[3]) {
       parts.push(
-        /* @__PURE__ */ React13.createElement(Text12, { key: match.index, italic: true }, match[4])
+        /* @__PURE__ */ React14.createElement(Text13, { key: match.index, italic: true }, match[4])
       );
     } else if (match[5]) {
       parts.push(
-        /* @__PURE__ */ React13.createElement(Text12, { key: match.index, color: "cyan" }, match[6])
+        /* @__PURE__ */ React14.createElement(Text13, { key: match.index, color: "cyan" }, match[6])
       );
     }
     lastIndex = regex.lastIndex;
@@ -1911,7 +2054,7 @@ function parseInlineText(text) {
   if (parts.length === 0) {
     return text;
   }
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, parts);
+  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, parts);
 }
 
 // src/components/MessageItem.tsx
@@ -1922,21 +2065,21 @@ function truncateValue(value, maxLength) {
   }
   return str.slice(0, maxLength) + "...";
 }
-var MessageItem = React14.memo(function MessageItem2({ message }) {
+var MessageItem = React15.memo(function MessageItem2({ message }) {
   const isUser = message.role === "user";
-  return /* @__PURE__ */ React14.createElement(Box13, { flexDirection: "column" }, isUser && message.content && /* @__PURE__ */ React14.createElement(Box13, { marginBottom: 1 }, /* @__PURE__ */ React14.createElement(Text13, { backgroundColor: "whiteBright", color: "black" }, "\u276F ", message.content, " ")), !isUser && message.metadata?.steps && message.metadata.steps.filter((s) => ["thought", "action"].includes(s.type)).length > 0 && /* @__PURE__ */ React14.createElement(Box13, { paddingLeft: 2, flexDirection: "column", marginBottom: 1 }, message.metadata.steps.map((step, idx) => {
+  return /* @__PURE__ */ React15.createElement(Box14, { flexDirection: "column" }, isUser && message.content && /* @__PURE__ */ React15.createElement(Box14, { marginBottom: 1 }, /* @__PURE__ */ React15.createElement(Text14, { backgroundColor: "whiteBright", color: "black" }, "\u276F ", message.content, " ")), !isUser && message.metadata?.steps && message.metadata.steps.filter((s) => ["thought", "action"].includes(s.type)).length > 0 && /* @__PURE__ */ React15.createElement(Box14, { paddingLeft: 2, flexDirection: "column", marginBottom: 1 }, message.metadata.steps.map((step, idx) => {
     if (step.type === "thought") {
-      return /* @__PURE__ */ React14.createElement(Box13, { key: idx, flexDirection: "column" }, /* @__PURE__ */ React14.createElement(Text13, { color: "blue" }, "\u{1F4AD} Thought:"), /* @__PURE__ */ React14.createElement(Text13, { dimColor: true }, `   ${step.content}`));
+      return /* @__PURE__ */ React15.createElement(Box14, { key: idx, flexDirection: "column" }, /* @__PURE__ */ React15.createElement(Text14, { color: "blue" }, "\u{1F4AD} Thought:"), /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, `   ${step.content}`));
     }
     if (step.type === "action") {
       const toolName = step.metadata?.toolName || "unknown";
       const toolInput = step.metadata?.toolInput;
       const observationStep = message.metadata?.steps?.[idx + 1];
       const result = observationStep?.type === "observation" ? observationStep.content : null;
-      return /* @__PURE__ */ React14.createElement(Box13, { key: idx, marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React14.createElement(Text13, { color: "yellow" }, "\u{1F527} ", toolName), toolInput && /* @__PURE__ */ React14.createElement(Text13, { dimColor: true }, `   Input: ${truncateValue(toolInput, 100)}`), result && /* @__PURE__ */ React14.createElement(Text13, { dimColor: true }, `   Result: ${truncateValue(result, 200)}`));
+      return /* @__PURE__ */ React15.createElement(Box14, { key: idx, marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React15.createElement(Text14, { color: "yellow" }, "\u{1F527} ", toolName), toolInput && /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, `   Input: ${truncateValue(toolInput, 100)}`), result && /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, `   Result: ${truncateValue(result, 200)}`));
     }
     return null;
-  }).filter(Boolean)), !isUser && message.content !== "..." && /* @__PURE__ */ React14.createElement(Box13, { paddingLeft: 2, marginBottom: 1 }, message.metadata?.permissionDenied ? /* @__PURE__ */ React14.createElement(Text13, { color: "yellow" }, "\u26A0\uFE0F ", message.content) : /* @__PURE__ */ React14.createElement(MarkdownRenderer, { content: message.content })), !isUser && message.content !== "..." && message.metadata && /* @__PURE__ */ React14.createElement(Box13, { paddingLeft: 2, marginBottom: 1 }, (message.metadata.tokenUsage?.total || message.metadata.creditsUsed) && /* @__PURE__ */ React14.createElement(Text13, { dimColor: true }, "(", message.metadata.tokenUsage?.total ? `${message.metadata.tokenUsage.total.toLocaleString()} tokens` : "", message.metadata.creditsUsed && message.metadata.creditsUsed > 0 ? (message.metadata.tokenUsage?.total ? " \u2022 " : "") + `used ${message.metadata.creditsUsed.toLocaleString()} ${message.metadata.creditsUsed === 1 ? "credit" : "credits"}` : "", ")")));
+  }).filter(Boolean)), !isUser && message.content !== "..." && /* @__PURE__ */ React15.createElement(Box14, { paddingLeft: 2, marginBottom: 1 }, message.metadata?.permissionDenied ? /* @__PURE__ */ React15.createElement(Text14, { color: "yellow" }, "\u26A0\uFE0F ", message.content) : /* @__PURE__ */ React15.createElement(MarkdownRenderer, { content: message.content })), !isUser && message.content !== "..." && message.metadata && /* @__PURE__ */ React15.createElement(Box14, { paddingLeft: 2, marginBottom: 1 }, (message.metadata.tokenUsage?.total || message.metadata.creditsUsed) && /* @__PURE__ */ React15.createElement(Text14, { dimColor: true }, "(", message.metadata.tokenUsage?.total ? `${message.metadata.tokenUsage.total.toLocaleString()} tokens` : "", message.metadata.creditsUsed && message.metadata.creditsUsed > 0 ? (message.metadata.tokenUsage?.total ? " \u2022 " : "") + `used ${message.metadata.creditsUsed.toLocaleString()} ${message.metadata.creditsUsed === 1 ? "credit" : "credits"}` : "", ")")));
 });
 
 // src/utils/processFileReferences.ts
@@ -2064,6 +2207,7 @@ function App({
   onCommand,
   onBashCommand,
   onPermissionResponse,
+  onUserQuestionResponse,
   onImageDetected,
   commandHistory = [],
   commands = [],
@@ -2082,6 +2226,7 @@ function App({
   const totalCredits = useCliStore((state) => state.session?.metadata.totalCredits);
   const isThinking = useCliStore((state) => state.isThinking);
   const permissionPrompt = useCliStore((state) => state.permissionPrompt);
+  const userQuestionPrompt = useCliStore((state) => state.userQuestionPrompt);
   const showConfigEditor = useCliStore((state) => state.showConfigEditor);
   const setShowConfigEditor = useCliStore((state) => state.setShowConfigEditor);
   const showMcpViewer = useCliStore((state) => state.showMcpViewer);
@@ -2097,13 +2242,13 @@ function App({
     }
   }, [pendingBackgroundTrigger, isThinking, setPendingBackgroundTrigger, onBackgroundCompletion]);
   const toggleAutoAcceptEdits = useCliStore((state) => state.toggleAutoAcceptEdits);
-  useInput6((_input, key) => {
+  useInput7((_input, key) => {
     if (key.tab && key.shift) {
       toggleAutoAcceptEdits();
     }
   });
-  const [isBashMode, setIsBashMode] = useState6(false);
-  const handleSubmit = React15.useCallback(
+  const [isBashMode, setIsBashMode] = useState7(false);
+  const handleSubmit = React16.useCallback(
     async (input) => {
       const trimmed = input.trim();
       if (!trimmed) return;
@@ -2132,7 +2277,7 @@ ${errorBlock}`;
     },
     [onMessage, onCommand, setIsThinking]
   );
-  return /* @__PURE__ */ React15.createElement(Box14, { flexDirection: "column" }, showConfigEditor && config && onSaveConfig ? /* @__PURE__ */ React15.createElement(Box14, { flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(Box15, { flexDirection: "column" }, showConfigEditor && config && onSaveConfig ? /* @__PURE__ */ React16.createElement(Box15, { flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React16.createElement(
     ConfigEditor,
     {
       config,
@@ -2142,8 +2287,8 @@ ${errorBlock}`;
     }
   )) : showMcpViewer && config ? (
     /* MCP Viewer - full screen takeover */
-    /* @__PURE__ */ React15.createElement(Box14, { flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React15.createElement(McpViewer, { config, mcpManager, onClose: () => setShowMcpViewer(false) }))
-  ) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(Static, { items: messages }, (message) => /* @__PURE__ */ React15.createElement(Box14, { key: message.id, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React15.createElement(MessageItem, { message }))), /* @__PURE__ */ React15.createElement(Box14, { flexDirection: "column" }, pendingMessages.map((message) => /* @__PURE__ */ React15.createElement(Box14, { key: message.id, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React15.createElement(MessageItem, { message })))), permissionPrompt && /* @__PURE__ */ React15.createElement(Box14, { key: permissionPrompt.id, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(Box15, { flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React16.createElement(McpViewer, { config, mcpManager, onClose: () => setShowMcpViewer(false) }))
+  ) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(Static, { items: messages }, (message) => /* @__PURE__ */ React16.createElement(Box15, { key: message.id, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React16.createElement(MessageItem, { message }))), /* @__PURE__ */ React16.createElement(Box15, { flexDirection: "column" }, pendingMessages.map((message) => /* @__PURE__ */ React16.createElement(Box15, { key: message.id, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React16.createElement(MessageItem, { message })))), permissionPrompt && /* @__PURE__ */ React16.createElement(Box15, { key: permissionPrompt.id, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React16.createElement(
     PermissionPrompt,
     {
       toolName: permissionPrompt.toolName,
@@ -2152,20 +2297,20 @@ ${errorBlock}`;
       canBeTrusted: permissionPrompt.canBeTrusted,
       onResponse: onPermissionResponse
     }
-  )), !permissionPrompt && /* @__PURE__ */ React15.createElement(AgentThinking, null), /* @__PURE__ */ React15.createElement(BackgroundAgentStatus, null), /* @__PURE__ */ React15.createElement(CompletedGroupNotification, null), exitRequested && /* @__PURE__ */ React15.createElement(Box14, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React15.createElement(Text14, { color: "yellow", bold: true }, "Press Ctrl+C again to exit")), /* @__PURE__ */ React15.createElement(Box14, { borderStyle: "single", borderColor: isBashMode ? "yellow" : "cyan", paddingX: 1 }, /* @__PURE__ */ React15.createElement(
+  )), userQuestionPrompt && /* @__PURE__ */ React16.createElement(Box15, { key: userQuestionPrompt.id, flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React16.createElement(UserQuestionPrompt, { payload: userQuestionPrompt.payload, onResponse: onUserQuestionResponse })), !permissionPrompt && !userQuestionPrompt && /* @__PURE__ */ React16.createElement(AgentThinking, null), /* @__PURE__ */ React16.createElement(BackgroundAgentStatus, null), /* @__PURE__ */ React16.createElement(CompletedGroupNotification, null), exitRequested && /* @__PURE__ */ React16.createElement(Box15, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Text15, { color: "yellow", bold: true }, "Press Ctrl+C again to exit")), /* @__PURE__ */ React16.createElement(Box15, { borderStyle: "single", borderColor: isBashMode ? "yellow" : "cyan", paddingX: 1 }, /* @__PURE__ */ React16.createElement(
     InputPrompt,
     {
       onSubmit: handleSubmit,
       onBashCommand,
       onImageDetected,
-      disabled: isThinking || !!permissionPrompt,
+      disabled: isThinking || !!permissionPrompt || !!userQuestionPrompt,
       history: commandHistory,
       commands,
       prefillInput,
       onPrefillConsumed,
       onBashModeChange: setIsBashMode
     }
-  )), /* @__PURE__ */ React15.createElement(
+  )), /* @__PURE__ */ React16.createElement(
     StatusBar,
     {
       sessionName,
@@ -2177,20 +2322,20 @@ ${errorBlock}`;
 }
 
 // src/components/MessageList.tsx
-import React16 from "react";
-import { Box as Box15, Text as Text15 } from "ink";
+import React17 from "react";
+import { Box as Box16, Text as Text16 } from "ink";
 function stripThinkingTags(content) {
   return content.replace(/<think>[\s\S]*?<\/think>/g, "").trim();
 }
-var MessageList = React16.memo(
+var MessageList = React17.memo(
   function MessageList2({ messages }) {
     if (messages.length === 0) {
-      return /* @__PURE__ */ React16.createElement(Box15, { paddingY: 1 }, /* @__PURE__ */ React16.createElement(Text15, { dimColor: true }, "No messages yet. Type a message to start!"));
+      return /* @__PURE__ */ React17.createElement(Box16, { paddingY: 1 }, /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, "No messages yet. Type a message to start!"));
     }
-    return /* @__PURE__ */ React16.createElement(Box15, { flexDirection: "column", gap: 1, paddingY: 1 }, messages.map((message, index) => /* @__PURE__ */ React16.createElement(Box15, { key: index, flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React16.createElement(Box15, null, /* @__PURE__ */ React16.createElement(Text15, { bold: true, color: message.role === "user" ? "cyan" : "green" }, message.role === "user" ? "\u{1F464} You" : "\u{1F916} Assistant"), /* @__PURE__ */ React16.createElement(Text15, { dimColor: true }, " \u2022 ", new Date(message.timestamp).toLocaleTimeString())), /* @__PURE__ */ React16.createElement(Box15, { paddingLeft: 2 }, message.metadata?.permissionDenied ? /* @__PURE__ */ React16.createElement(Text15, { color: "yellow" }, "\u26A0\uFE0F ", stripThinkingTags(message.content)) : /* @__PURE__ */ React16.createElement(Text15, null, stripThinkingTags(message.content))), message.metadata?.steps && message.metadata.steps.length > 0 && /* @__PURE__ */ React16.createElement(Box15, { paddingLeft: 2, marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React16.createElement(Text15, { dimColor: true, bold: true }, "\u{1F527} Agent Reasoning Trace (", message.metadata.steps.filter((s) => s.type === "action").length, " tools used,", " ", message.metadata.steps.length, " total steps)", message.metadata.tokenUsage && ` \u2022 ${message.metadata.tokenUsage.total} tokens`), /* @__PURE__ */ React16.createElement(Text15, { dimColor: true }, "Step types: ", message.metadata.steps.map((s) => s.type).join(", ")), message.metadata.steps.map((step, idx) => {
+    return /* @__PURE__ */ React17.createElement(Box16, { flexDirection: "column", gap: 1, paddingY: 1 }, messages.map((message, index) => /* @__PURE__ */ React17.createElement(Box16, { key: index, flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React17.createElement(Box16, null, /* @__PURE__ */ React17.createElement(Text16, { bold: true, color: message.role === "user" ? "cyan" : "green" }, message.role === "user" ? "\u{1F464} You" : "\u{1F916} Assistant"), /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, " \u2022 ", new Date(message.timestamp).toLocaleTimeString())), /* @__PURE__ */ React17.createElement(Box16, { paddingLeft: 2 }, message.metadata?.permissionDenied ? /* @__PURE__ */ React17.createElement(Text16, { color: "yellow" }, "\u26A0\uFE0F ", stripThinkingTags(message.content)) : /* @__PURE__ */ React17.createElement(Text16, null, stripThinkingTags(message.content))), message.metadata?.steps && message.metadata.steps.length > 0 && /* @__PURE__ */ React17.createElement(Box16, { paddingLeft: 2, marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Text16, { dimColor: true, bold: true }, "\u{1F527} Agent Reasoning Trace (", message.metadata.steps.filter((s) => s.type === "action").length, " tools used,", " ", message.metadata.steps.length, " total steps)", message.metadata.tokenUsage && ` \u2022 ${message.metadata.tokenUsage.total} tokens`), /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, "Step types: ", message.metadata.steps.map((s) => s.type).join(", ")), message.metadata.steps.map((step, idx) => {
       if (step.type === "thought") {
-        return /* @__PURE__ */ React16.createElement(Box15, { key: idx, paddingLeft: 2, marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React16.createElement(Text15, { color: "blue" }, "\u{1F4AD} Thought:"), /* @__PURE__ */ React16.createElement(
-          Text15,
+        return /* @__PURE__ */ React17.createElement(Box16, { key: idx, paddingLeft: 2, marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Text16, { color: "blue" }, "\u{1F4AD} Thought:"), /* @__PURE__ */ React17.createElement(
+          Text16,
           {
             dimColor: true
           },
@@ -2202,10 +2347,10 @@ var MessageList = React16.memo(
         const toolInput = step.metadata?.toolInput;
         const observationStep = message.metadata.steps[idx + 1];
         const result = observationStep?.type === "observation" ? observationStep.content : null;
-        return /* @__PURE__ */ React16.createElement(Box15, { key: idx, paddingLeft: 2, marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React16.createElement(Text15, { color: "yellow" }, "\u{1F527} Action: ", toolName), toolInput && /* @__PURE__ */ React16.createElement(Text15, { dimColor: true }, `   Input: ${typeof toolInput === "string" ? toolInput : JSON.stringify(toolInput).slice(0, 100)}`), result && /* @__PURE__ */ React16.createElement(Text15, { dimColor: true }, `   Result: ${typeof result === "string" ? result.slice(0, 200) : JSON.stringify(result).slice(0, 200)}${(typeof result === "string" ? result.length : JSON.stringify(result).length) > 200 ? "..." : ""}`));
+        return /* @__PURE__ */ React17.createElement(Box16, { key: idx, paddingLeft: 2, marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Text16, { color: "yellow" }, "\u{1F527} Action: ", toolName), toolInput && /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, `   Input: ${typeof toolInput === "string" ? toolInput : JSON.stringify(toolInput).slice(0, 100)}`), result && /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, `   Result: ${typeof result === "string" ? result.slice(0, 200) : JSON.stringify(result).slice(0, 200)}${(typeof result === "string" ? result.length : JSON.stringify(result).length) > 200 ? "..." : ""}`));
       }
       return null;
-    }).filter(Boolean)), message.metadata?.tokenUsage && (!message.metadata.steps || message.metadata.steps.length === 0) && /* @__PURE__ */ React16.createElement(Box15, { paddingLeft: 2 }, /* @__PURE__ */ React16.createElement(Text15, { dimColor: true }, `${message.metadata.tokenUsage.total} tokens`)))));
+    }).filter(Boolean)), message.metadata?.tokenUsage && (!message.metadata.steps || message.metadata.steps.length === 0) && /* @__PURE__ */ React17.createElement(Box16, { paddingLeft: 2 }, /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, `${message.metadata.tokenUsage.total} tokens`)))));
   },
   (prevProps, nextProps) => {
     if (prevProps.messages.length !== nextProps.messages.length) {
@@ -2216,8 +2361,8 @@ var MessageList = React16.memo(
 );
 
 // src/components/TrustLocationSelector.tsx
-import React17 from "react";
-import { Box as Box16, Text as Text16 } from "ink";
+import React18 from "react";
+import { Box as Box17, Text as Text17 } from "ink";
 import SelectInput from "ink-select-input";
 function TrustLocationSelector({ inProject, onSelect, onCancel }) {
   const items = [];
@@ -2238,24 +2383,24 @@ function TrustLocationSelector({ inProject, onSelect, onCancel }) {
   const handleSelect = (item) => {
     onSelect(item.value);
   };
-  return /* @__PURE__ */ React17.createElement(Box16, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React17.createElement(Box16, { marginBottom: 1 }, /* @__PURE__ */ React17.createElement(Text16, { bold: true }, "Where should this rule be saved?")), /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(Box17, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React18.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Text17, { bold: true }, "Where should this rule be saved?")), /* @__PURE__ */ React18.createElement(
     SelectInput,
     {
       items,
       onSelect: handleSelect,
-      itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React17.createElement(Box16, null, /* @__PURE__ */ React17.createElement(Text16, { color: isSelected ? "cyan" : void 0 }, isSelected ? "\u276F " : "  ", label))
+      itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React18.createElement(Box17, null, /* @__PURE__ */ React18.createElement(Text17, { color: isSelected ? "cyan" : void 0 }, isSelected ? "\u276F " : "  ", label))
     }
-  ), /* @__PURE__ */ React17.createElement(Box16, { marginTop: 1 }, /* @__PURE__ */ React17.createElement(Text16, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Ctrl+C to cancel")));
+  ), /* @__PURE__ */ React18.createElement(Box17, { marginTop: 1 }, /* @__PURE__ */ React18.createElement(Text17, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Ctrl+C to cancel")));
 }
 
 // src/components/RewindSelector.tsx
-import React18, { useState as useState7 } from "react";
-import { Box as Box17, Text as Text17, useInput as useInput7 } from "ink";
+import React19, { useState as useState8 } from "react";
+import { Box as Box18, Text as Text18, useInput as useInput8 } from "ink";
 import SelectInput2 from "ink-select-input";
 function RewindSelector({ messages, onSelect, onCancel }) {
-  const [step, setStep] = useState7("selection");
-  const [selectedMessageIndex, setSelectedMessageIndex] = useState7(null);
-  useInput7((input, key) => {
+  const [step, setStep] = useState8("selection");
+  const [selectedMessageIndex, setSelectedMessageIndex] = useState8(null);
+  useInput8((input, key) => {
     if (key.escape) {
       if (step === "confirmation") {
         setStep("selection");
@@ -2292,14 +2437,14 @@ function RewindSelector({ messages, onSelect, onCancel }) {
     return sum2 + (msg.metadata?.tokenUsage?.total || 0);
   }, 0);
   if (step === "selection") {
-    return /* @__PURE__ */ React18.createElement(Box17, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React18.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React18.createElement(Text17, { bold: true }, "Select a point to rewind to:")), /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React19.createElement(Box18, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React19.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Text18, { bold: true }, "Select a point to rewind to:")), /* @__PURE__ */ React19.createElement(
       SelectInput2,
       {
         items,
         onSelect: handleSelectionSelect,
-        itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React18.createElement(Box17, null, /* @__PURE__ */ React18.createElement(Text17, { color: isSelected ? "cyan" : void 0 }, isSelected ? "\u276F " : "  ", label))
+        itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React19.createElement(Box18, null, /* @__PURE__ */ React19.createElement(Text18, { color: isSelected ? "cyan" : void 0 }, isSelected ? "\u276F " : "  ", label))
       }
-    ), /* @__PURE__ */ React18.createElement(Box17, { marginTop: 1 }, /* @__PURE__ */ React18.createElement(Text17, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Esc to cancel")));
+    ), /* @__PURE__ */ React19.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Esc to cancel")));
   }
   const confirmationItems = [
     { label: "Yes, rewind to this point", value: "confirm" },
@@ -2307,24 +2452,24 @@ function RewindSelector({ messages, onSelect, onCancel }) {
   ];
   const selectedMessage = selectedMessageIndex !== null && selectedMessageIndex >= 0 && selectedMessageIndex < messages.length ? messages[selectedMessageIndex] : null;
   const selectedPreview = selectedMessage ? selectedMessage.content.length > 50 ? selectedMessage.content.substring(0, 50) + "..." : selectedMessage.content : "";
-  return /* @__PURE__ */ React18.createElement(Box17, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React18.createElement(Box17, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React18.createElement(Text17, { bold: true }, "Confirm rewind operation:"), /* @__PURE__ */ React18.createElement(Text17, { dimColor: true }, "Message: ", selectedPreview), /* @__PURE__ */ React18.createElement(Text17, { color: "yellow" }, "This will remove ", messagesToRemove.length, " message(s) (", tokensToRemove.toLocaleString(), " tokens)"), /* @__PURE__ */ React18.createElement(Text17, { color: "cyan" }, "The selected message will be placed in your input for editing.")), /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(Box18, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React19.createElement(Box18, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React19.createElement(Text18, { bold: true }, "Confirm rewind operation:"), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "Message: ", selectedPreview), /* @__PURE__ */ React19.createElement(Text18, { color: "yellow" }, "This will remove ", messagesToRemove.length, " message(s) (", tokensToRemove.toLocaleString(), " tokens)"), /* @__PURE__ */ React19.createElement(Text18, { color: "cyan" }, "The selected message will be placed in your input for editing.")), /* @__PURE__ */ React19.createElement(
     SelectInput2,
     {
       items: confirmationItems,
       onSelect: handleConfirmationSelect,
-      itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React18.createElement(Box17, null, /* @__PURE__ */ React18.createElement(Text17, { color: isSelected ? "cyan" : void 0 }, isSelected ? "\u276F " : "  ", label))
+      itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React19.createElement(Box18, null, /* @__PURE__ */ React19.createElement(Text18, { color: isSelected ? "cyan" : void 0 }, isSelected ? "\u276F " : "  ", label))
     }
-  ), /* @__PURE__ */ React18.createElement(Box17, { marginTop: 1 }, /* @__PURE__ */ React18.createElement(Text17, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Esc to go back")));
+  ), /* @__PURE__ */ React19.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Esc to go back")));
 }
 
 // src/components/SessionSelector.tsx
-import React19, { useState as useState8 } from "react";
-import { Box as Box18, Text as Text18, useInput as useInput8 } from "ink";
+import React20, { useState as useState9 } from "react";
+import { Box as Box19, Text as Text19, useInput as useInput9 } from "ink";
 import SelectInput3 from "ink-select-input";
 function SessionSelector({ sessions, currentSession, onSelect, onCancel }) {
-  const [step, setStep] = useState8("selection");
-  const [selectedSession, setSelectedSession] = useState8(null);
-  useInput8((_input, key) => {
+  const [step, setStep] = useState9("selection");
+  const [selectedSession, setSelectedSession] = useState9(null);
+  useInput9((_input, key) => {
     if (key.escape) {
       if (step === "confirmation") {
         setStep("selection");
@@ -2374,32 +2519,32 @@ function SessionSelector({ sessions, currentSession, onSelect, onCancel }) {
     }
   };
   if (step === "selection") {
-    return /* @__PURE__ */ React19.createElement(Box18, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React19.createElement(Box18, { marginBottom: 1 }, /* @__PURE__ */ React19.createElement(Text18, { bold: true }, "Select a session to resume:")), /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(Box19, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React20.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text19, { bold: true }, "Select a session to resume:")), /* @__PURE__ */ React20.createElement(
       SelectInput3,
       {
         items,
         onSelect: handleSelectionSelect,
-        itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React19.createElement(Box18, null, /* @__PURE__ */ React19.createElement(Text18, { color: isSelected ? "cyan" : void 0 }, label))
+        itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React20.createElement(Box19, null, /* @__PURE__ */ React20.createElement(Text19, { color: isSelected ? "cyan" : void 0 }, label))
       }
-    ), /* @__PURE__ */ React19.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Esc to cancel")));
+    ), /* @__PURE__ */ React20.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React20.createElement(Text19, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Esc to cancel")));
   }
   const confirmationItems = [
     { label: "Yes, resume this session", value: "confirm" },
     { label: "No, go back to selection", value: "cancel" }
   ];
-  return /* @__PURE__ */ React19.createElement(Box18, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React19.createElement(Box18, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React19.createElement(Text18, { bold: true }, 'Resume session: "', selectedSession?.name, '"'), /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, selectedSession?.messages.length, " messages | ", selectedSession?.model, " |", " ", selectedSession?.metadata?.totalTokens?.toLocaleString() ?? 0, " tokens"), hasUnsavedWork && /* @__PURE__ */ React19.createElement(Text18, { color: "yellow" }, "Warning: Your current session has unsaved messages. Use /save first if needed.")), /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(Box19, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React20.createElement(Box19, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React20.createElement(Text19, { bold: true }, 'Resume session: "', selectedSession?.name, '"'), /* @__PURE__ */ React20.createElement(Text19, { dimColor: true }, selectedSession?.messages.length, " messages | ", selectedSession?.model, " |", " ", selectedSession?.metadata?.totalTokens?.toLocaleString() ?? 0, " tokens"), hasUnsavedWork && /* @__PURE__ */ React20.createElement(Text19, { color: "yellow" }, "Warning: Your current session has unsaved messages. Use /save first if needed.")), /* @__PURE__ */ React20.createElement(
     SelectInput3,
     {
       items: confirmationItems,
       onSelect: handleConfirmationSelect,
-      itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React19.createElement(Box18, null, /* @__PURE__ */ React19.createElement(Text18, { color: isSelected ? "cyan" : void 0 }, label))
+      itemComponent: ({ isSelected, label }) => /* @__PURE__ */ React20.createElement(Box19, null, /* @__PURE__ */ React20.createElement(Text19, { color: isSelected ? "cyan" : void 0 }, label))
     }
-  ), /* @__PURE__ */ React19.createElement(Box18, { marginTop: 1 }, /* @__PURE__ */ React19.createElement(Text18, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Esc to go back")));
+  ), /* @__PURE__ */ React20.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React20.createElement(Text19, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select, Esc to go back")));
 }
 
 // src/components/LoginFlow.tsx
-import React20, { useState as useState9, useEffect as useEffect6 } from "react";
-import { Box as Box19, Text as Text19 } from "ink";
+import React21, { useState as useState10, useEffect as useEffect6 } from "react";
+import { Box as Box20, Text as Text20 } from "ink";
 import Spinner3 from "ink-spinner";
 import jwt from "jsonwebtoken";
 import open from "open";
@@ -2515,10 +2660,10 @@ var OAuthClient = class {
 
 // src/components/LoginFlow.tsx
 function LoginFlow({ apiUrl = "http://localhost:3000", configStore, onSuccess, onError }) {
-  const [status, setStatus] = useState9("initiating");
-  const [deviceFlow, setDeviceFlow] = useState9(null);
-  const [statusMessage, setStatusMessage] = useState9("Initiating device authorization...");
-  const [error, setError] = useState9(null);
+  const [status, setStatus] = useState10("initiating");
+  const [deviceFlow, setDeviceFlow] = useState10(null);
+  const [statusMessage, setStatusMessage] = useState10("Initiating device authorization...");
+  const [error, setError] = useState10(null);
   useEffect6(() => {
     const runLoginFlow = async () => {
       const oauth = new OAuthClient(apiUrl);
@@ -2562,15 +2707,15 @@ function LoginFlow({ apiUrl = "http://localhost:3000", configStore, onSuccess, o
     }
   }, [deviceFlow, status]);
   if (status === "initiating") {
-    return /* @__PURE__ */ React20.createElement(Box19, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React20.createElement(Box19, null, /* @__PURE__ */ React20.createElement(Text19, { color: "cyan" }, /* @__PURE__ */ React20.createElement(Spinner3, { type: "dots" }), " Initiating device authorization...")));
+    return /* @__PURE__ */ React21.createElement(Box20, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React21.createElement(Box20, null, /* @__PURE__ */ React21.createElement(Text20, { color: "cyan" }, /* @__PURE__ */ React21.createElement(Spinner3, { type: "dots" }), " Initiating device authorization...")));
   }
   if (status === "error") {
-    return /* @__PURE__ */ React20.createElement(Box19, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React20.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text19, { color: "red", bold: true }, "\u2716 Authentication Failed")), /* @__PURE__ */ React20.createElement(Box19, null, /* @__PURE__ */ React20.createElement(Text19, { color: "red" }, error)));
+    return /* @__PURE__ */ React21.createElement(Box20, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React21.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text20, { color: "red", bold: true }, "\u2716 Authentication Failed")), /* @__PURE__ */ React21.createElement(Box20, null, /* @__PURE__ */ React21.createElement(Text20, { color: "red" }, error)));
   }
   if (status === "success") {
-    return /* @__PURE__ */ React20.createElement(Box19, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React20.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text19, { color: "green", bold: true }, "\u2714 Successfully authenticated!")), /* @__PURE__ */ React20.createElement(Box19, null, /* @__PURE__ */ React20.createElement(Text19, { dimColor: true }, "You can now use B4M CLI with your account.")));
+    return /* @__PURE__ */ React21.createElement(Box20, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React21.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text20, { color: "green", bold: true }, "\u2714 Successfully authenticated!")), /* @__PURE__ */ React21.createElement(Box20, null, /* @__PURE__ */ React21.createElement(Text20, { dimColor: true }, "You can now use B4M CLI with your account.")));
   }
-  return /* @__PURE__ */ React20.createElement(Box19, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "cyan" }, /* @__PURE__ */ React20.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text19, { color: "cyan", bold: true }, "\u{1F510} Device Authorization")), /* @__PURE__ */ React20.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text19, null, "Opening browser automatically... If it doesn't open, please visit:")), /* @__PURE__ */ React20.createElement(Box19, { marginBottom: 1, paddingLeft: 2 }, /* @__PURE__ */ React20.createElement(Text19, { color: "blue", bold: true }, deviceFlow?.verification_uri)), /* @__PURE__ */ React20.createElement(Box19, { marginBottom: 1 }, /* @__PURE__ */ React20.createElement(Text19, null, "And enter this code when prompted:")), /* @__PURE__ */ React20.createElement(Box19, { marginBottom: 1, paddingLeft: 2 }, /* @__PURE__ */ React20.createElement(Text19, { color: "yellow", bold: true }, deviceFlow?.user_code)), /* @__PURE__ */ React20.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React20.createElement(Text19, { color: "cyan" }, /* @__PURE__ */ React20.createElement(Spinner3, { type: "dots" }), " ", statusMessage)), /* @__PURE__ */ React20.createElement(Box19, { marginTop: 1 }, /* @__PURE__ */ React20.createElement(Text19, { dimColor: true }, "Expires in ", deviceFlow ? Math.floor(deviceFlow.expires_in / 60) : 0, " minutes")));
+  return /* @__PURE__ */ React21.createElement(Box20, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "cyan" }, /* @__PURE__ */ React21.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text20, { color: "cyan", bold: true }, "\u{1F510} Device Authorization")), /* @__PURE__ */ React21.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text20, null, "Opening browser automatically... If it doesn't open, please visit:")), /* @__PURE__ */ React21.createElement(Box20, { marginBottom: 1, paddingLeft: 2 }, /* @__PURE__ */ React21.createElement(Text20, { color: "blue", bold: true }, deviceFlow?.verification_uri)), /* @__PURE__ */ React21.createElement(Box20, { marginBottom: 1 }, /* @__PURE__ */ React21.createElement(Text20, null, "And enter this code when prompted:")), /* @__PURE__ */ React21.createElement(Box20, { marginBottom: 1, paddingLeft: 2 }, /* @__PURE__ */ React21.createElement(Text20, { color: "yellow", bold: true }, deviceFlow?.user_code)), /* @__PURE__ */ React21.createElement(Box20, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(Text20, { color: "cyan" }, /* @__PURE__ */ React21.createElement(Spinner3, { type: "dots" }), " ", statusMessage)), /* @__PURE__ */ React21.createElement(Box20, { marginTop: 1 }, /* @__PURE__ */ React21.createElement(Text20, { dimColor: true }, "Expires in ", deviceFlow ? Math.floor(deviceFlow.expires_in / 60) : 0, " minutes")));
 }
 
 // src/storage/SessionStore.ts
@@ -3757,6 +3902,7 @@ var DEFAULT_TOOL_CATEGORIES = {
   dice_roll: "auto_approve",
   prompt_enhancement: "auto_approve",
   find_definition: "auto_approve",
+  ask_user_question: "auto_approve",
   weather_info: "prompt_default",
   // ===== PROMPT ALWAYS (Dangerous tools) =====
   // These tools can modify files, execute code, or have other dangerous side effects
@@ -14217,6 +14363,101 @@ The tool combines git status (working tree) with git log (commit history) to giv
   })
 };
 
+// ../../b4m-core/packages/services/dist/src/llm/tools/implementation/askUserQuestion/index.js
+var _showUserQuestion = null;
+function setShowUserQuestionFn(fn) {
+  _showUserQuestion = fn;
+}
+var askUserQuestionTool = {
+  name: "ask_user_question",
+  implementation: () => ({
+    toolFn: async (args) => {
+      if (!_showUserQuestion) {
+        return JSON.stringify({
+          error: "ask_user_question is only available in the CLI environment."
+        });
+      }
+      const params = args;
+      if (!params.questions || !Array.isArray(params.questions) || params.questions.length === 0) {
+        return JSON.stringify({ error: "At least one question is required." });
+      }
+      if (params.questions.length > 4) {
+        return JSON.stringify({ error: "Maximum 4 questions allowed." });
+      }
+      const payload = {
+        questions: params.questions.map((q) => ({
+          question: q.question,
+          options: (q.options || []).slice(0, 4).map((o) => ({
+            label: o.label,
+            description: o.description
+          })),
+          multiSelect: q.multiSelect === true
+        }))
+      };
+      for (const q of payload.questions) {
+        if (q.options.length < 2) {
+          return JSON.stringify({
+            error: `Question "${q.question}" must have at least 2 options.`
+          });
+        }
+      }
+      const response = await _showUserQuestion(payload);
+      return JSON.stringify(response);
+    },
+    toolSchema: {
+      name: "ask_user_question",
+      description: 'Ask the user one or more structured questions with selectable options. Use this when you need clarification, user preferences, or decisions. Each question has 2-4 options. The user can also provide free-text via "Other". For multiSelect questions, the user can pick multiple options.',
+      parameters: {
+        type: "object",
+        properties: {
+          questions: {
+            type: "array",
+            description: "Array of questions to ask (1-4 questions)",
+            minItems: 1,
+            maxItems: 4,
+            items: {
+              type: "object",
+              properties: {
+                question: {
+                  type: "string",
+                  description: "The question to ask. Should be clear and end with a question mark."
+                },
+                options: {
+                  type: "array",
+                  description: 'Available choices (2-4 options). An "Other" free-text option is always appended automatically.',
+                  minItems: 2,
+                  maxItems: 4,
+                  items: {
+                    type: "object",
+                    properties: {
+                      label: {
+                        type: "string",
+                        description: "Short display text for this option (1-5 words)"
+                      },
+                      description: {
+                        type: "string",
+                        description: "Explanation of what this option means"
+                      }
+                    },
+                    required: ["label", "description"]
+                  }
+                },
+                multiSelect: {
+                  type: "boolean",
+                  description: "If true, the user can select multiple options. Default: false.",
+                  default: false
+                }
+              },
+              required: ["question", "options"]
+            }
+          }
+        },
+        required: ["questions"]
+      }
+    }
+  })
+};
+
 // ../../b4m-core/packages/services/dist/src/llm/tools/index.js
 var b4mTools = {
   dice_roll: diceRollTool,
@@ -14268,7 +14509,9 @@ var cliOnlyTools = {
   lattice_set_value: latticeSetValueTool,
   lattice_create_rule: latticeCreateRuleTool,
   lattice_query: latticeQueryTool,
-  lattice_explain: latticeExplainTool
+  lattice_explain: latticeExplainTool,
+  // Interactive tools
+  ask_user_question: askUserQuestionTool
 };
 var generateTools = (userId, user, logger2, { db }, storage, imageGenerateStorage, statusUpdate, onStart, onFinish, llm, config, model, imageProcessorLambdaName, tools = b4mTools) => {
   const context = {
@@ -15333,7 +15576,8 @@ var LOCAL_TOOLS = [
   "math_evaluate",
   "current_datetime",
   "bash_execute",
-  "recent_changes"
+  "recent_changes",
+  "ask_user_question"
 ];
 function isServerTool(toolName) {
   return SERVER_TOOLS.includes(toolName);
@@ -15612,7 +15856,7 @@ function wrapToolWithPermission(tool, permissionManager, showPermissionPrompt, a
         agentContext.observationQueue.push({ toolName, result: result2 });
         return result2;
       }
-      const { useCliStore: useCliStore2 } = await import("./store-K5MB3SE7.js");
+      const { useCliStore: useCliStore2 } = await import("./store-X5LEOSGZ.js");
       if (useCliStore2.getState().autoAcceptEdits) {
         const result2 = await executeTool(toolName, args, apiClient, originalFn);
         agentContext.observationQueue.push({ toolName, result: result2 });
@@ -15778,7 +16022,10 @@ function normalizeToolName(toolName) {
   }
   return TOOL_NAME_MAPPING[toolName] || toolName;
 }
-function generateCliTools(userId, llm, model, permissionManager, showPermissionPrompt, agentContext, configStore, apiClient, toolFilter) {
+function generateCliTools(userId, llm, model, permissionManager, showPermissionPrompt, agentContext, configStore, apiClient, toolFilter, showUserQuestion) {
+  if (showUserQuestion) {
+    setShowUserQuestionFn(showUserQuestion);
+  }
   const logger2 = new CliLogger();
   const storage = new NoOpStorage();
   const user = {
@@ -18188,7 +18435,10 @@ var SubagentOrchestrator = class {
       this.deps.showPermissionPrompt,
       agentContext,
       this.deps.configStore,
-      this.deps.apiClient
+      this.deps.apiClient,
+      void 0,
+      // toolFilter (applied below via filterToolsByPatterns)
+      this.deps.showUserQuestion
     );
     const filteredTools = filterToolsByPatterns2(allTools, toolFilter.allowedTools, toolFilter.deniedTools);
     if (this.deps.customCommandStore) {
@@ -19651,7 +19901,7 @@ var usageCache = null;
 function CliApp() {
   const { exit } = useApp();
   const imageRenderer = new ImageRenderer();
-  const [state, setState] = useState10({
+  const [state, setState] = useState11({
     session: null,
     sessionStore: new SessionStore(),
     configStore: new ConfigStore(),
@@ -19675,17 +19925,19 @@ function CliApp() {
     backgroundManager: null,
     wsManager: null
   });
-  const [isInitialized, setIsInitialized] = useState10(false);
-  const [initError, setInitError] = useState10(null);
-  const [commandHistory, setCommandHistory] = useState10([]);
+  const [isInitialized, setIsInitialized] = useState11(false);
+  const [initError, setInitError] = useState11(null);
+  const [commandHistory, setCommandHistory] = useState11([]);
   const imageStoreInitPromise = useRef3(null);
   const setStoreSession = useCliStore((state2) => state2.setSession);
   const enqueuePermissionPrompt = useCliStore((state2) => state2.enqueuePermissionPrompt);
   const dequeuePermissionPrompt = useCliStore((state2) => state2.dequeuePermissionPrompt);
+  const enqueueUserQuestionPrompt = useCliStore((state2) => state2.enqueueUserQuestionPrompt);
+  const dequeueUserQuestionPrompt = useCliStore((state2) => state2.dequeueUserQuestionPrompt);
   const setShowConfigEditor = useCliStore((state2) => state2.setShowConfigEditor);
   const setShowMcpViewer = useCliStore((state2) => state2.setShowMcpViewer);
   const setExitRequested = useCliStore((state2) => state2.setExitRequested);
-  const performCleanup = useCallback2(async () => {
+  const performCleanup = useCallback3(async () => {
     const cleanupTasks = [];
     if (state.session) {
       cleanupTasks.push(
@@ -19724,7 +19976,7 @@ function CliApp() {
       process.exit(0);
     }, 100);
   }, [state.session, state.sessionStore, state.mcpManager, state.agent, state.imageStore, state.wsManager]);
-  useInput9((input, key) => {
+  useInput10((input, key) => {
     if (key.escape) {
       const store = useCliStore.getState();
       if (store.pastedContent) {
@@ -19761,7 +20013,7 @@ function CliApp() {
       }
     }
   });
-  const init = useCallback2(async () => {
+  const init = useCallback3(async () => {
     try {
       const startupLog = [];
       const config = await state.configStore.load();
@@ -19927,6 +20179,13 @@ function CliApp() {
           enqueuePermissionPrompt(prompt);
         });
       };
+      let userQuestionCounter = 0;
+      const userQuestionFn = (payload) => {
+        return new Promise((resolve3) => {
+          const id = `uq-${++userQuestionCounter}`;
+          enqueueUserQuestionPrompt({ id, payload, resolve: resolve3 });
+        });
+      };
       const agentContext = {
         currentAgent: null,
         observationQueue: []
@@ -19939,7 +20198,10 @@ function CliApp() {
         promptFn,
         agentContext,
         state.configStore,
-        apiClient
+        apiClient,
+        void 0,
+        // toolFilter
+        userQuestionFn
       );
       startupLog.push(`\u{1F6E0}\uFE0F Loaded ${b4mTools2.length} B4M tool(s)`);
       const mcpManager = new McpManager(config);
@@ -19970,7 +20232,8 @@ function CliApp() {
         apiClient,
         agentStore,
         customCommandStore: state.customCommandStore,
-        enableParallelToolExecution: config.preferences.enableParallelToolExecution === true
+        enableParallelToolExecution: config.preferences.enableParallelToolExecution === true,
+        showUserQuestion: userQuestionFn
       });
       const backgroundManager = new BackgroundAgentManager(orchestrator);
       backgroundManager.setOnStatusChange((job) => {
@@ -20609,7 +20872,7 @@ function CliApp() {
       useCliStore.getState().setIsThinking(false);
     }
   };
-  const handleBashCommand = useCallback2(
+  const handleBashCommand = useCallback3(
     (command) => {
       if (!state.session) return;
       let output;
@@ -21615,12 +21878,12 @@ No usage data available for the last ${USAGE_DAYS} days.`);
     }
   };
   if (initError) {
-    return /* @__PURE__ */ React21.createElement(Box20, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React21.createElement(Text20, { color: "red", bold: true }, "\u274C Initialization Error"), /* @__PURE__ */ React21.createElement(Text20, null, initError), /* @__PURE__ */ React21.createElement(Text20, { dimColor: true }, "\n", "Tip: Run /config to set up your API keys"));
+    return /* @__PURE__ */ React22.createElement(Box21, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React22.createElement(Text21, { color: "red", bold: true }, "\u274C Initialization Error"), /* @__PURE__ */ React22.createElement(Text21, null, initError), /* @__PURE__ */ React22.createElement(Text21, { dimColor: true }, "\n", "Tip: Run /config to set up your API keys"));
   }
   if (state.trustLocationSelector) {
     const projectDir = state.configStore.getProjectConfigDir();
     const inProject = projectDir !== null;
-    return /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement(
       TrustLocationSelector,
       {
         inProject,
@@ -21638,7 +21901,7 @@ No usage data available for the last ${USAGE_DAYS} days.`);
     );
   }
   if (state.rewindSelector && state.session) {
-    return /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement(
       RewindSelector,
       {
         messages: state.session.messages,
@@ -21656,7 +21919,7 @@ No usage data available for the last ${USAGE_DAYS} days.`);
     );
   }
   if (state.sessionSelector) {
-    return /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement(
       SessionSelector,
       {
         sessions: state.sessionSelector.sessions,
@@ -21676,7 +21939,7 @@ No usage data available for the last ${USAGE_DAYS} days.`);
   }
   if (state.showLoginFlow) {
     const loginApiUrl = getApiUrl(state.config?.apiConfig);
-    return /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement(
       LoginFlow,
       {
         apiUrl: loginApiUrl,
@@ -21699,10 +21962,10 @@ No usage data available for the last ${USAGE_DAYS} days.`);
     );
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ React21.createElement(Box20, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React21.createElement(Text20, null, "\u{1F680} Initializing..."));
+    return /* @__PURE__ */ React22.createElement(Box21, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React22.createElement(Text21, null, "\u{1F680} Initializing..."));
   }
   const allCommands = mergeCommands(state.customCommandStore.getAllCommands());
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement(
     App,
     {
       onMessage: handleMessage,
@@ -21726,6 +21989,13 @@ No usage data available for the last ${USAGE_DAYS} days.`);
           currentPrompt.resolve({ action: response });
           dequeuePermissionPrompt();
         }
+      },
+      onUserQuestionResponse: (response) => {
+        const currentPrompt = useCliStore.getState().userQuestionPrompt;
+        if (currentPrompt) {
+          currentPrompt.resolve(response);
+          dequeueUserQuestionPrompt();
+        }
       }
     }
   );
@@ -21748,6 +22018,6 @@ if (isDevMode) {
   logger.debug("\u{1F527} Running in development mode (using TypeScript source)\n");
 }
 warmFileCache();
-render(/* @__PURE__ */ React21.createElement(CliApp, null), {
+render(/* @__PURE__ */ React22.createElement(CliApp, null), {
   exitOnCtrlC: false
 });

package/dist/{store-K5MB3SE7.js → store-X5LEOSGZ.js}

@@ -3,7 +3,7 @@ import {
   selectActiveBackgroundAgents,
   selectCompletedBackgroundAgents,
   useCliStore
-} from "./chunk-BYXFQJYT.js";
+} from "./chunk-G2LYCVZJ.js";
 export {
   selectActiveBackgroundAgents,
   selectCompletedBackgroundAgents,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bike4mind/cli",
-  "version": "0.2.31-feat-ui-side-effect-protocol.19584+f0ac5f119",
+  "version": "0.2.31-feat-ask-user-question.19587+cad088dc1",
   "type": "module",
   "description": "Interactive CLI tool for Bike4Mind with ReAct agents",
   "license": "UNLICENSED",
@@ -111,10 +111,10 @@
   },
   "devDependencies": {
     "@bike4mind/agents": "0.1.0",
-    "@bike4mind/common": "2.52.1-feat-ui-side-effect-protocol.19584+f0ac5f119",
-    "@bike4mind/mcp": "1.31.1-feat-ui-side-effect-protocol.19584+f0ac5f119",
-    "@bike4mind/services": "2.50.1-feat-ui-side-effect-protocol.19584+f0ac5f119",
-    "@bike4mind/utils": "2.7.1-feat-ui-side-effect-protocol.19584+f0ac5f119",
+    "@bike4mind/common": "2.52.1-feat-ask-user-question.19587+cad088dc1",
+    "@bike4mind/mcp": "1.31.1-feat-ask-user-question.19587+cad088dc1",
+    "@bike4mind/services": "2.50.1-feat-ask-user-question.19587+cad088dc1",
+    "@bike4mind/utils": "2.7.1-feat-ask-user-question.19587+cad088dc1",
     "@types/better-sqlite3": "^7.6.13",
     "@types/diff": "^5.0.9",
     "@types/jsonwebtoken": "^9.0.4",
@@ -135,5 +135,5 @@
   "optionalDependencies": {
     "@vscode/ripgrep": "^1.17.0"
   },
-  "gitHead": "f0ac5f1193bcf29b8770a78c201eb44cdf21fb9d"
+  "gitHead": "cad088dc1ad77d3c716da4e6fc78489039d71678"
 }