@vietor/easy-agent 0.7.5 → 0.8.0

package/README.md

@@ -154,7 +154,7 @@ A status bar at the bottom shows the context token usage with a progress bar and
 - **Glob** — list files, optionally filtered by a glob pattern.
 - **Grep** — search file contents by regex with `glob`/`type` filters, context lines, case-insensitive, and `files_with_matches`/`count` output modes.
 - **WebFetch** — fetch a URL as markdown or text.
-- **AskUser** — ask the user a question and wait for their answer.
+- **AskUser** — ask the user up to 4 questions in one call, each shown as a tab page (↑↓ pick options, Tab switches questions, custom input allowed) and wait for the answers.
 - **TodoWrite** — track multi-step work as a task list (pending / inProgress / completed), shown live as a panel in the TUI.
 - **SubAgent** — delegate investigation (`explore`) or implementation-planning (`plan`) subtasks to a nested read-only sub-agent.
 

package/dist/tui/question-view.js

@@ -3,40 +3,137 @@ import { useState } from "react";
 import { Box, Text, useInput } from "ink";
 import TextInput from "ink-text-input";
 const CUSTOM_LABEL = "✎ Custom input";
+function nextUnconfirmed(from, confirmed) {
+    for (let i = 1; i <= confirmed.length; i++) {
+        const idx = (from + i) % confirmed.length;
+        if (!confirmed[idx])
+            return idx;
+    }
+    return from;
+}
 export function QuestionView({ question, onAnswer }) {
-    const hasOptions = question.options.length > 0;
-    const items = hasOptions ? [...question.options, CUSTOM_LABEL] : [];
+    const starts = [];
+    {
+        let acc = 0;
+        for (const q of question.questions) {
+            starts.push(acc);
+            acc += q.options.length;
+        }
+    }
+    const [focus, setFocus] = useState(0);
     const [selected, setSelected] = useState(0);
-    const [mode, setMode] = useState(hasOptions ? "select" : "input");
+    const [inputting, setInputting] = useState(false);
+    const [checked, setChecked] = useState(new Set());
+    const [answers, setAnswers] = useState(() => question.questions.map(() => ""));
+    const [confirmed, setConfirmed] = useState(() => question.questions.map(() => false));
+    const [customText, setCustomText] = useState(() => question.questions.map(() => null));
     const [text, setText] = useState("");
+    const submitWith = (next, nextConfirmed) => {
+        if (nextConfirmed.every(Boolean))
+            onAnswer(next);
+        else
+            setFocus(nextUnconfirmed(focus, nextConfirmed));
+    };
+    const confirmCurrent = (next) => {
+        const nextConfirmed = [...confirmed];
+        nextConfirmed[focus] = true;
+        setAnswers(next);
+        setConfirmed(nextConfirmed);
+        submitWith(next, nextConfirmed);
+    };
     useInput((input, key) => {
-        if (mode === "select") {
-            if (key.upArrow) {
-                setSelected((i) => (i <= 0 ? items.length - 1 : i - 1));
-            }
-            else if (key.downArrow) {
-                setSelected((i) => (i >= items.length - 1 ? 0 : i + 1));
-            }
-            else if (key.return) {
-                if (selected === items.length - 1)
-                    setMode("input");
+        if (inputting) {
+            if (key.escape)
+                setInputting(false);
+            return;
+        }
+        const q = question.questions[focus];
+        const itemCount = q.options.length + 1;
+        if (key.upArrow) {
+            setSelected((i) => (i <= 0 ? itemCount - 1 : i - 1));
+        }
+        else if (key.downArrow) {
+            setSelected((i) => (i >= itemCount - 1 ? 0 : i + 1));
+        }
+        else if (key.tab || key.rightArrow) {
+            setFocus((f) => (f + 1) % question.questions.length);
+            setSelected(0);
+        }
+        else if ((key.tab && key.shift) || key.leftArrow) {
+            setFocus((f) => (f <= 0 ? question.questions.length - 1 : f - 1));
+            setSelected(0);
+        }
+        else if (key.return) {
+            if (confirmed[focus]) {
+                if (confirmed.every(Boolean))
+                    onAnswer(answers);
                 else
-                    onAnswer(items[selected]);
+                    setFocus(nextUnconfirmed(focus, confirmed));
             }
-            else if (key.escape) {
-                onAnswer("");
+            else if (selected === q.options.length) {
+                if (customText[focus] !== null) {
+                    const answer = q.multiSelect
+                        ? [...q.options.filter((_, i) => checked.has(starts[focus] + i)).map((o) => o.label), customText[focus]]
+                        : customText[focus];
+                    confirmCurrent([...answers.slice(0, focus), answer, ...answers.slice(focus + 1)]);
+                }
+                else {
+                    setText("");
+                    setInputting(true);
+                }
             }
-            else if (input && !key.ctrl && !key.meta) {
-                setText(input);
-                setMode("input");
+            else {
+                const answer = q.multiSelect
+                    ? q.options.filter((_, i) => checked.has(starts[focus] + i)).map((o) => o.label)
+                    : q.options[selected].label;
+                confirmCurrent([...answers.slice(0, focus), answer, ...answers.slice(focus + 1)]);
+            }
+        }
+        else if (input === " ") {
+            if (q.multiSelect) {
+                if (selected < q.options.length) {
+                    const gi = starts[focus] + selected;
+                    setChecked((s) => {
+                        const next = new Set(s);
+                        if (next.has(gi))
+                            next.delete(gi);
+                        else
+                            next.add(gi);
+                        return next;
+                    });
+                }
+                else if (customText[focus] !== null) {
+                    setCustomText((c) => {
+                        const nc = [...c];
+                        nc[focus] = null;
+                        return nc;
+                    });
+                }
             }
         }
         else if (key.escape) {
-            onAnswer("");
+            onAnswer(question.questions.map(() => ""));
+        }
+        else if (input && !key.ctrl && !key.meta) {
+            setText(input);
+            setSelected(q.options.length);
+            setInputting(true);
         }
     });
-    if (mode === "input") {
-        return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, children: [_jsx(Text, { color: "cyan", children: `? ${question.text}` }), _jsxs(Box, { borderStyle: "single", borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", children: [_jsx(Text, { color: "gray", children: "\u276F " }), _jsx(TextInput, { value: text, onChange: setText, onSubmit: () => onAnswer(text) })] })] }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, children: [_jsx(Text, { color: "cyan", children: `? ${question.text}` }), _jsx(Box, { flexDirection: "column", borderStyle: "single", borderBottom: false, borderColor: "gray", children: items.map((item, i) => (_jsx(Box, { children: _jsxs(Text, { color: i === selected ? "cyan" : undefined, children: [i === selected ? "▸ " : "  ", item] }) }, item))) })] }));
+    const q = question.questions[focus];
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, children: [_jsx(Box, { flexDirection: "row", children: question.questions.map((q, qi) => (_jsx(Text, { color: qi === focus ? "cyan" : "gray", bold: qi === focus, children: ` ${qi === focus ? "▸" : " "}[${confirmed[qi] ? "✓ " : ""}${q.header ?? `Q${qi + 1}`}]` }, qi))) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "cyan", children: [`? ${q.question}`, q.multiSelect ? _jsx(Text, { dimColor: true, children: " (multi)" }) : null] }), q.options.map((opt, oi) => {
+                        const gi = starts[focus] + oi;
+                        const isSelected = oi === selected;
+                        const isChecked = checked.has(gi);
+                        const prefix = q.multiSelect ? (isChecked ? "[✓] " : "[ ] ") : isSelected ? "▸ " : "  ";
+                        const color = isSelected || isChecked ? "cyan" : undefined;
+                        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: color, children: `${prefix}${opt.label}` }), opt.description ? _jsx(Text, { dimColor: true, children: `    ${opt.description}` }) : null] }, oi));
+                    }), inputting ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "gray", children: "\u276F " }), _jsx(TextInput, { value: text, onChange: setText, onSubmit: () => {
+                                    setCustomText((c) => {
+                                        const nc = [...c];
+                                        nc[focus] = text;
+                                        return nc;
+                                    });
+                                    setInputting(false);
+                                } })] })) : (_jsx(Text, { color: selected === q.options.length ? "cyan" : undefined, children: `${q.multiSelect ? (customText[focus] !== null ? "[✓] " : "[ ] ") : selected === q.options.length ? "▸ " : "  "}${customText[focus] ? `${CUSTOM_LABEL}: ${customText[focus].slice(0, 40)}` : CUSTOM_LABEL}` }))] })] }));
 }

package/dist/tui/status-bar.js

@@ -10,7 +10,7 @@ export const StatusBar = memo(function StatusBar({ contextTokens, contextLimit,
     const ctxColor = pct >= 85 ? "red" : pct >= 60 ? "yellow" : "green";
     let hints;
     if (questionPending)
-        hints = "↑↓ select · enter confirm · esc skip";
+        hints = "↑↓ select · tab switch · space toggle · enter confirm · esc skip";
     else if (running)
         hints = thinkingAvailable ? "esc stop · t thinking" : "esc stop";
     else

package/dist/tui/timeline-view.js

@@ -19,13 +19,18 @@ export const TimelineView = memo(function TimelineView({ entry }) {
         case "interrupted":
             return (_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "yellow", children: "\u25FC " }), _jsx(Text, { dimColor: true, children: "interrupted" })] }) }));
         case "question":
-            if (entry.answer === null)
+            if (entry.questions.every((q) => q.answer === null))
                 return null;
-            return (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: `? ${entry.text}` }), _jsx(Text, { dimColor: true, children: `  ⎿  ${entry.answer || "(skipped)"}` })] }));
+            return (_jsx(Box, { marginTop: 1, flexDirection: "column", children: entry.questions.map((q, i) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: `? ${q.header ? `[${q.header}] ` : ""}${q.question}` }), _jsx(Text, { dimColor: true, children: `  ⎿  ${formatAnswer(q)}` })] }, i))) }));
         case "notice":
             return (_jsx(Box, { children: _jsx(Text, { color: "blue", children: entry.text }) }));
     }
 });
+function formatAnswer(q) {
+    if (Array.isArray(q.answer))
+        return q.answer.length ? q.answer.join(", ") : "(skipped)";
+    return q.answer || "(skipped)";
+}
 function ToolEntry({ entry }) {
     const running = entry.result === null;
     const [on, setOn] = useState(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vietor/easy-agent",
-  "version": "0.7.5",
+  "version": "0.8.0",
   "type": "module",
   "main": "dist/index.js",
   "bin": {
@@ -23,7 +23,7 @@
     "react": "^19.2.8",
     "string-width": "^8.2.2",
     "zod": "^4.4.3",
-    "@vietor/agent-core": "0.7.5"
+    "@vietor/agent-core": "0.8.0"
   },
   "devDependencies": {
     "@types/node": "^22.20.1",