auq-mcp-server 2.1.0 → 2.1.1

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "auq-mcp-server",
-    "version": "2.1.0",
+    "version": "2.1.1",
     "main": "dist/index.js",
     "bin": {
         "auq": "dist/bin/auq.js"

package/dist/src/tui/components/OptionsList.js

@@ -4,7 +4,7 @@ import { t } from "../../i18n/index.js";
 import { useConfig } from "../ConfigContext.js";
 import { useTheme } from "../ThemeContext.js";
 import { isRecommendedOption } from "../utils/recommended.js";
-import { fitToVisualWidth } from "../utils/visualWidth.js";
+import { fitToVisualWidth, getVisualWidth, padToVisualWidth, } from "../utils/visualWidth.js";
 import { MultiLineTextInput } from "./MultiLineTextInput.js";
 // isRecommendedOption is imported from ../utils/recommended.js
 /**
@@ -23,6 +23,35 @@ export const OptionsList = ({ isFocused, onSelect, options, selectedOption, show
     const fitRow = (text) => {
         return fitToVisualWidth(text, rowWidth);
     };
+    // Wrap text to multiple lines respecting visual width and explicit newlines
+    const wrapText = (text, width) => {
+        // First split on explicit newlines, then wrap each segment by visual width
+        const segments = text.split("\n");
+        const lines = [];
+        for (const segment of segments) {
+            if (getVisualWidth(segment) <= width) {
+                lines.push(segment);
+                continue;
+            }
+            let currentLine = "";
+            let currentWidth = 0;
+            for (const char of segment) {
+                const charWidth = getVisualWidth(char);
+                if (currentWidth + charWidth > width && currentLine.length > 0) {
+                    lines.push(currentLine);
+                    currentLine = char;
+                    currentWidth = charWidth;
+                }
+                else {
+                    currentLine += char;
+                    currentWidth += charWidth;
+                }
+            }
+            if (currentLine)
+                lines.push(currentLine);
+        }
+        return lines;
+    };
     // Calculate max index: include custom input and elaborate options if enabled
     // Options: [0..n-1] = regular options, [n] = custom input, [n+1] = elaborate
     const customInputIndex = options.length;
@@ -141,11 +170,41 @@ export const OptionsList = ({ isFocused, onSelect, options, selectedOption, show
                 : `${isFocusedOption ? ">" : " "} ${option.label}${isSelected ? " ✓" : ""}${starSuffix}`;
             return (React.createElement(Box, { key: index, flexDirection: "column" },
                 React.createElement(Text, { backgroundColor: rowBg, bold: isFocusedOption || isSelected, color: rowColor }, fitRow(mainLine)),
-                option.description && (React.createElement(Text, { backgroundColor: isFocusedOption
-                        ? theme.components.options.focusedBg
-                        : isSelected
-                            ? theme.components.options.selectedBg
-                            : undefined, color: theme.components.options.description, dimColor: !isFocusedOption && !isSelected }, fitRow(`   ${option.description}`)))));
+                option.description &&
+                    (() => {
+                        const descText = `   ${option.description}`;
+                        const descBg = isFocusedOption
+                            ? theme.components.options.focusedBg
+                            : isSelected
+                                ? theme.components.options.selectedBg
+                                : undefined;
+                        const wouldWrap = descText.includes("\n") ||
+                            getVisualWidth(descText) > rowWidth;
+                        if (isFocusedOption && wouldWrap) {
+                            // Focused + multi-line: show full description wrapped across lines
+                            const wrappedLines = wrapText(descText, rowWidth);
+                            return (React.createElement(Box, { flexDirection: "column" }, wrappedLines.map((line, lineIdx) => (React.createElement(Text, { key: lineIdx, backgroundColor: descBg, color: theme.components.options.description, dimColor: false }, padToVisualWidth(line, rowWidth))))));
+                        }
+                        else if (!isFocusedOption && wouldWrap) {
+                            // Not focused + would wrap: truncate to 1 line with "..."
+                            const maxWidth = rowWidth - 3; // Reserve 3 chars for "..."
+                            let result = "";
+                            let width = 0;
+                            for (const char of descText) {
+                                const charWidth = getVisualWidth(char);
+                                if (width + charWidth > maxWidth)
+                                    break;
+                                result += char;
+                                width += charWidth;
+                            }
+                            const finalText = `${result}...`;
+                            return (React.createElement(Text, { backgroundColor: descBg, color: theme.components.options.description, dimColor: true }, padToVisualWidth(finalText, rowWidth)));
+                        }
+                        else {
+                            // Fits in 1 line (focused or not): show normally with padding
+                            return (React.createElement(Text, { backgroundColor: descBg, color: theme.components.options.description, dimColor: !isFocusedOption && !isSelected }, fitRow(descText)));
+                        }
+                    })()));
         }),
         showCustomInput && (React.createElement(Box, { marginTop: 0 },
             React.createElement(Box, { flexDirection: "column" },

package/dist/src/tui/components/StepperView.js

@@ -1,4 +1,4 @@
-import { Box, useApp, useInput } from "ink";
+import { Box, useApp, useInput, useStdout } from "ink";
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { t } from "../../i18n/index.js";
 import { ResponseFormatter } from "../../session/ResponseFormatter.js";
@@ -44,6 +44,10 @@ export const StepperView = ({ onComplete, onProgress, sessionId, sessionRequest,
             .map((value) => value.toString().padStart(2, "0"))
             .join(":");
     }, [elapsedSeconds]);
+    // Detect if content overflows terminal height to pause periodic re-renders
+    const { stdout } = useStdout();
+    const terminalRows = stdout?.rows ?? 24;
+    const [isOverflowing, setIsOverflowing] = useState(false);
     // Report progress when question index changes
     useEffect(() => {
         if (onProgress) {
@@ -151,13 +155,26 @@ export const StepperView = ({ onComplete, onProgress, sessionId, sessionRequest,
         setHasAnyRecommendedInSession(anyHasRecommended);
     }, [sessionId, sessionRequest.questions]);
     // Update elapsed time since session creation
+    // IMPORTANT: Pause when content overflows terminal to prevent scroll-snapping
     useEffect(() => {
+        if (isOverflowing)
+            return;
         const timer = setInterval(() => {
             const elapsed = Math.floor((Date.now() - sessionCreatedAt) / 1000);
             setElapsedSeconds(elapsed >= 0 ? elapsed : 0);
         }, 1000);
         return () => clearInterval(timer);
-    }, [sessionCreatedAt]);
+    }, [sessionCreatedAt, isOverflowing]);
+    // Detect overflow: estimate content height vs terminal rows
+    useEffect(() => {
+        const currentQ = sessionRequest.questions[safeIndex];
+        const optionCount = currentQ?.options?.length ?? 0;
+        // Conservative estimate: header(2) + tabbar(3) + prompt(3) + options(2 each)
+        // + footer(2) + custom/elaborate(6) + padding(2)
+        const estimatedContentHeight = 2 + 3 + 3 + optionCount * 2 + 2 + 6 + 2;
+        const nextOverflow = estimatedContentHeight > terminalRows;
+        setIsOverflowing((prev) => (prev === nextOverflow ? prev : nextOverflow));
+    }, [safeIndex, sessionRequest.questions, terminalRows]);
     // Handle answer confirmation
     const handleConfirm = async (userAnswers) => {
         setSubmitting(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auq-mcp-server",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "main": "dist/index.js",
   "bin": {
     "auq": "dist/bin/auq.js"