auq-mcp-server 2.7.1 → 2.7.2

package/dist/src/tui-opentui/components/ReviewScreen.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useKeyboard } from "@opentui/react";
+import { t } from "../../i18n/index.js";
+import { useTheme } from "../ThemeProvider.js";
+import { Footer } from "./Footer.js";
+import { MarkdownPrompt } from "./MarkdownPrompt.js";
+import { KEYS } from "../../tui/constants/keybindings.js";
+/**
+ * ReviewScreen displays a summary of all answers for confirmation.
+ * User can press Enter to confirm and submit, or 'n' to go back and edit.
+ */
+export const ReviewScreen = ({ answers, elapsedLabel, onConfirm, onGoBack, questions, elaborateMarks, isSubmitting = false, }) => {
+    const { theme } = useTheme();
+    useKeyboard((key) => {
+        // Disable input while submitting
+        if (isSubmitting)
+            return;
+        if (key.name === "return") {
+            // Convert answers to UserAnswer format
+            const userAnswers = [];
+            answers.forEach((answer, questionIndex) => {
+                if (answer.selectedOption ||
+                    answer.selectedOptions ||
+                    answer.customText) {
+                    userAnswers.push({
+                        customText: answer.customText,
+                        questionIndex,
+                        selectedOption: answer.selectedOption,
+                        selectedOptions: answer.selectedOptions,
+                        timestamp: new Date().toISOString(),
+                    });
+                }
+            });
+            onConfirm(userAnswers);
+        }
+        if (key.name && KEYS.GO_BACK.test(key.name)) {
+            onGoBack();
+        }
+    });
+    return (_jsxs("box", { style: { flexDirection: "column" }, children: [_jsx("box", { style: {
+                    flexDirection: "column",
+                    borderColor: theme.components.review.confirmBorder,
+                    borderStyle: "rounded",
+                    marginBottom: 1,
+                    paddingX: 1,
+                }, children: _jsxs("box", { style: { flexDirection: "row", justifyContent: "space-between", width: "100%" }, children: [_jsx("text", { style: { bold: true }, children: t("review.title") }), _jsx("text", { fg: theme.colors.textDim, children: elapsedLabel })] }) }), _jsx("box", { style: { flexDirection: "column", marginBottom: 1 }, children: questions.map((question, index) => {
+                    const answer = answers.get(index);
+                    const questionId = `Q${index}`;
+                    const questionTitle = question.title || questionId;
+                    return (_jsxs("box", { style: { flexDirection: "column", marginBottom: 1 }, children: [_jsxs("box", { style: { flexDirection: "column" }, children: [_jsxs("box", { children: [_jsx("text", { fg: theme.components.review.questionId, children: `[${questionId}] ` }), _jsx("text", { style: { bold: true }, children: `${questionTitle}. ` })] }), _jsx(MarkdownPrompt, { text: question.prompt })] }), _jsxs("box", { style: { flexDirection: "column", marginLeft: 2, marginTop: 1 }, children: [answer?.selectedOptions &&
+                                        answer.selectedOptions.length > 0 &&
+                                        answer.selectedOptions.map((option, idx) => (_jsx("text", { style: { fg: theme.components.review.selectedOption }, children: `>  ${option}` }, idx))), answer?.selectedOption && (_jsx("text", { style: { fg: theme.components.review.selectedOption }, children: `>  ${answer.selectedOption}` })), answer?.customText && (_jsx("box", { style: { flexDirection: "column" }, children: answer.customText
+                                            .replace(/\r\n?/g, "\n")
+                                            .split("\n")
+                                            .map((line, lineIndex, lines) => {
+                                            const isFirstLine = lineIndex === 0;
+                                            const isLastLine = lineIndex === lines.length - 1;
+                                            return (_jsx("text", { style: { fg: theme.components.review.customAnswer }, children: `${isFirstLine ? `  ${t("review.customAnswer")}: "` : "  "}${line}${isLastLine ? '"' : ""}` }, lineIndex));
+                                        }) })), !answer?.selectedOption &&
+                                        !answer?.selectedOptions &&
+                                        !answer?.customText && (_jsxs("box", { style: { flexDirection: "row" }, children: [_jsx("text", { style: { fg: theme.colors.unansweredHighlight }, children: ` ${t("review.unanswered")}` }), elaborateMarks?.has(index) && (() => {
+                                                const elaborateText = elaborateMarks.get(index);
+                                                const elaborationStr = elaborateText
+                                                    ? `, ${t("review.markedForElaboration")}: "${elaborateText.length > 50 ? elaborateText.slice(0, 50) + "..." : elaborateText}"`
+                                                    : `, ${t("review.markedForElaboration")}`;
+                                                return (_jsx("text", { style: { fg: theme.colors.warning }, children: elaborationStr }));
+                                            })()] })), (answer?.selectedOption ||
+                                        answer?.selectedOptions ||
+                                        answer?.customText) &&
+                                        elaborateMarks?.has(index) && (_jsx("box", { style: { marginTop: 1 }, children: _jsx("text", { style: { fg: theme.colors.warning }, children: (() => {
+                                                const elaborateText = elaborateMarks.get(index);
+                                                if (elaborateText) {
+                                                    const displayText = elaborateText.length > 50
+                                                        ? elaborateText.slice(0, 50) + "..."
+                                                        : elaborateText;
+                                                    return `${t("review.markedForElaboration")}: "${displayText}"`;
+                                                }
+                                                return t("review.markedForElaboration");
+                                            })() }) }))] })] }, index));
+                }) }), _jsx(Footer, { focusContext: "option", multiSelect: false, isReviewScreen: true, isSubmitting: isSubmitting })] }));
+};

package/dist/src/tui-opentui/components/SessionDots.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useTheme } from "../ThemeProvider.js";
+/* ------------------------------------------------------------------ */
+/*  Helpers                                                           */
+/* ------------------------------------------------------------------ */
+/** Check whether at least one answer in the map has meaningful content. */
+function hasAnswers(answers) {
+    if (!answers || answers.size === 0)
+        return false;
+    for (const ans of answers.values()) {
+        if (ans.selectedOption || ans.customText)
+            return true;
+        if (ans.selectedOptions && ans.selectedOptions.length > 0)
+            return true;
+    }
+    return false;
+}
+/* ------------------------------------------------------------------ */
+/*  Component                                                         */
+/* ------------------------------------------------------------------ */
+/**
+ * SessionDots — a compact row of numbered dots rendered below the footer.
+ *
+ * Visual language:
+ *   ● 1  ○ 2  ✕ 3  ○ 4
+ *
+ * • Active session:     filled ● + bold number in theme primary
+ * • Abandoned:          red ✕ + \"(AI disconnected)\" when active
+ * • Stale:              yellow ○ + \"(stale)\" when active
+ * • Has answers:        green (theme.success)
+ * • Touched/no answers: yellow (theme.warning)
+ * • Untouched:          dim   (theme.textDim)
+ */
+export const SessionDots = ({ sessions, activeIndex, sessionUIStates, onSelectIndex, }) => {
+    const { theme } = useTheme();
+    // Don't render when fewer than 2 sessions
+    if (sessions.length < 2)
+        return null;
+    return (_jsx("box", { style: { flexDirection: "row", justifyContent: "center", paddingLeft: 2, paddingRight: 2 }, children: sessions.map((session, idx) => {
+            const isActive = idx === activeIndex;
+            const uiState = sessionUIStates[session.sessionId];
+            const isStale = session.isStale ?? false;
+            const isAbandoned = session.isAbandoned ?? false;
+            // Determine the progress color for this session's dot
+            // Abandoned/stale take priority over normal state colors
+            let dotColor;
+            if (isAbandoned) {
+                dotColor =
+                    theme.components.sessionDots
+                        .abandoned ?? theme.colors.error;
+            }
+            else if (isStale) {
+                dotColor =
+                    theme.components.sessionDots
+                        .stale ?? theme.colors.warning;
+            }
+            else if (isActive) {
+                dotColor = theme.components.sessionDots.active;
+            }
+            else if (uiState && hasAnswers(uiState.answers)) {
+                dotColor = theme.components.sessionDots.answered;
+            }
+            else if (uiState) {
+                dotColor = theme.components.sessionDots.inProgress;
+            }
+            else {
+                dotColor = theme.components.sessionDots.untouched;
+            }
+            // Abandoned inactive sessions use ✕ to signal a problem
+            const dot = isAbandoned && !isActive
+                ? "✕"
+                : isActive
+                    ? "●"
+                    : "○";
+            const numberColor = isActive
+                ? theme.components.sessionDots.activeNumber
+                : theme.components.sessionDots.number;
+            // Status label shown next to active abandoned/stale sessions
+            const statusLabel = isActive && isAbandoned
+                ? "(AI disconnected)"
+                : isActive && isStale
+                    ? "(stale)"
+                    : null;
+            return (_jsxs("box", { style: { flexDirection: "row", paddingRight: idx < sessions.length - 1 ? 1 : 0 }, onMouseDown: () => onSelectIndex?.(idx), children: [_jsx("text", { style: { fg: dotColor, bold: isActive }, children: dot }), _jsx("text", { style: { fg: numberColor, bold: isActive }, children: ` ${idx + 1}` }), statusLabel ? (_jsx("text", { style: { fg: dotColor, dim: true }, children: ` ${statusLabel}` })) : null] }, session.sessionId));
+        }) }));
+};

package/dist/src/tui-opentui/components/SessionPicker.js

@@ -0,0 +1,162 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { TextAttributes } from "@opentui/core";
+import { useEffect, useState } from "react";
+import { useKeyboard } from "@opentui/react";
+import { useTheme } from "../ThemeProvider.js";
+import { formatRelativeTime } from "../../tui/shared/utils/relativeTime.js";
+import { KEYS } from "../../tui/constants/keybindings.js";
+import { useTerminalDimensions } from "../hooks/useTerminalDimensions.js";
+/* ------------------------------------------------------------------ */
+/*  Helpers                                                           */
+/* ------------------------------------------------------------------ */
+function countAnswered(answers) {
+    if (!answers)
+        return 0;
+    let count = 0;
+    for (const ans of answers.values()) {
+        if (ans.selectedOption || ans.customText) {
+            count++;
+            continue;
+        }
+        if (ans.selectedOptions && ans.selectedOptions.length > 0)
+            count++;
+    }
+    return count;
+}
+function truncate(text, max) {
+    if (text.length <= max)
+        return text;
+    return text.slice(0, max - 1) + "\u2026";
+}
+/* ------------------------------------------------------------------ */
+/*  Component                                                         */
+/* ------------------------------------------------------------------ */
+/**
+ * SessionPicker \u2014 a modal overlay listing all queued sessions.
+ *
+ * Opened via Ctrl+S. Each row shows:
+ *   {index}. {title} \u2014 {workDir}  [{answered}/{total}]  {age}
+ *
+ * Navigation:
+ *   \u2191 / \u2193 : move highlight
+ *   Enter  : select highlighted session
+ *   Esc    : close without switching
+ */
+export const SessionPicker = ({ isOpen, sessions, activeIndex, sessionUIStates, onSelectIndex, onClose, }) => {
+    const { theme } = useTheme();
+    const { width: termWidth, height: termHeight } = useTerminalDimensions();
+    // \u2500\u2500 Highlight state \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    const [highlightIndex, setHighlightIndex] = useState(activeIndex);
+    // Reset highlight to active index each time the picker opens
+    useEffect(() => {
+        if (isOpen) {
+            setHighlightIndex(activeIndex);
+        }
+    }, [isOpen, activeIndex]);
+    // \u2500\u2500 Keyboard handling (only active when overlay is open) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    useKeyboard((key) => {
+        if (!isOpen)
+            return;
+        if (key.name === "up") {
+            setHighlightIndex((prev) => Math.max(0, prev - 1));
+        }
+        else if (key.name === "down") {
+            setHighlightIndex((prev) => Math.min(sessions.length - 1, prev + 1));
+        }
+        else if (key.name === "return") {
+            onSelectIndex(highlightIndex);
+            onClose();
+        }
+        else if (key.name === "escape") {
+            onClose();
+        }
+        else {
+            // Direct number jump (1-9)
+            const num = parseInt(key.sequence || key.name, 10);
+            if (num >= KEYS.SESSION_JUMP_MIN &&
+                num <= Math.min(KEYS.SESSION_JUMP_MAX, sessions.length)) {
+                onSelectIndex(num - 1);
+                onClose();
+            }
+        }
+    });
+    // \u2500\u2500 Render nothing when closed \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    if (!isOpen)
+        return null;
+    // \u2500\u2500 Scrolling logic \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    const chromeLines = 7;
+    const maxVisibleRows = Math.max(1, termHeight - chromeLines);
+    const needsScroll = sessions.length > maxVisibleRows;
+    let scrollOffset = 0;
+    if (needsScroll) {
+        scrollOffset = Math.max(0, Math.min(highlightIndex - Math.floor(maxVisibleRows / 2), sessions.length - maxVisibleRows));
+    }
+    const visibleSessions = sessions.slice(scrollOffset, scrollOffset + maxVisibleRows);
+    // \u2500\u2500 Derive max label widths from terminal size \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    const innerWidth = Math.max(30, termWidth - 6);
+    const fixedOverhead = 18;
+    const dynamicWidth = Math.max(10, innerWidth - fixedOverhead);
+    const titleMax = Math.max(6, Math.floor(dynamicWidth * 0.55));
+    const dirMax = Math.max(4, dynamicWidth - titleMax);
+    return (_jsx("box", { style: {
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            flexGrow: 1,
+        }, children: _jsxs("box", { style: {
+                flexDirection: "column",
+                border: true,
+                borderStyle: "rounded",
+                borderColor: theme.colors.surface,
+                paddingX: 2,
+                paddingY: 1,
+                width: Math.min(innerWidth + 6, termWidth),
+            }, children: [_jsxs("box", { style: { flexDirection: "row", justifyContent: "center", marginBottom: 1 }, children: [_jsx("text", { style: { attributes: TextAttributes.BOLD, fg: theme.components.sessionPicker.title }, children: "Switch Session" }), _jsx("text", { style: { fg: theme.components.sessionPicker.rowDim }, children: `  (${sessions.length} queued)` })] }), needsScroll && scrollOffset > 0 && (_jsx("box", { style: { justifyContent: "center" }, children: _jsx("text", { style: { fg: theme.components.sessionPicker.rowDim }, children: "\\u25b2 more" }) })), _jsx("box", { onMouseScroll: (event) => {
+                        if (event.scroll?.direction === "down") {
+                            setHighlightIndex((prev) => Math.min(sessions.length - 1, prev + 1));
+                        }
+                        else if (event.scroll?.direction === "up") {
+                            setHighlightIndex((prev) => Math.max(0, prev - 1));
+                        }
+                    }, children: visibleSessions.map((session, visibleIdx) => {
+                        const realIdx = scrollOffset + visibleIdx;
+                        const isHighlighted = realIdx === highlightIndex;
+                        const isActive = realIdx === activeIndex;
+                        const uiState = sessionUIStates[session.sessionId];
+                        const questions = session.sessionRequest.questions;
+                        const title = truncate(questions[0]?.title || "Untitled", titleMax);
+                        const dir = truncate(session.sessionRequest.workingDirectory || "unknown", dirMax);
+                        const total = questions.length;
+                        const answered = countAnswered(uiState?.answers);
+                        const age = formatRelativeTime(session.timestamp);
+                        // Row colors
+                        const rowBg = isHighlighted
+                            ? theme.components.sessionPicker.highlightBg
+                            : undefined;
+                        const textColor = isHighlighted
+                            ? theme.components.sessionPicker.highlightFg
+                            : isActive
+                                ? theme.components.sessionPicker.activeMark
+                                : theme.components.sessionPicker.rowText;
+                        // Progress color
+                        const progressColor = answered === total && total > 0
+                            ? theme.components.sessionPicker.progress
+                            : answered > 0
+                                ? theme.components.sessionPicker.progress
+                                : theme.components.sessionPicker.rowDim;
+                        const isStaleOrAbandoned = session.isStale || session.isAbandoned;
+                        return (_jsxs("box", { style: { flexDirection: "column", backgroundColor: isHighlighted ? theme.colors.surfaceAlt : undefined }, onMouseDown: () => { onSelectIndex(realIdx); onClose(); }, children: [_jsxs("box", { style: { flexDirection: "row" }, children: [isStaleOrAbandoned && (_jsx("text", { style: {
+                                                fg: theme.components.sessionPicker.staleIcon,
+                                            }, children: "⚠ " })), _jsx("text", { style: {
+                                                attributes: isHighlighted ? TextAttributes.BOLD : TextAttributes.NONE,
+                                                fg: isStaleOrAbandoned
+                                                    ? theme.components.sessionPicker.staleText
+                                                    : textColor,
+                                            }, children: `${isActive ? "►" : " "} ${realIdx + 1}. ${title}` }), _jsx("text", { style: { fg: theme.components.sessionPicker.rowDim }, children: ` — ${dir}` }), _jsx("text", { style: { fg: progressColor }, children: `  [${answered}/${total}]` }), _jsx("text", { style: {
+                                                fg: isStaleOrAbandoned
+                                                    ? theme.components.sessionPicker.staleAge
+                                                    : theme.components.sessionPicker.rowDim,
+                                                attributes: !isStaleOrAbandoned ? TextAttributes.DIM : TextAttributes.NONE,
+                                            }, children: age })] }), session.isStale && !session.isAbandoned && (_jsx("box", { style: { marginLeft: 4 }, children: _jsx("text", { style: { fg: theme.components.sessionPicker.staleSubtitle, attributes: TextAttributes.DIM }, children: "may be orphaned" }) })), session.isAbandoned && (_jsx("box", { style: { marginLeft: 4 }, children: _jsx("text", { style: { fg: theme.components.sessionPicker.staleSubtitle, attributes: TextAttributes.BOLD }, children: "session abandoned" }) }))] }, session.sessionId));
+                    }) }), needsScroll && scrollOffset + maxVisibleRows < sessions.length && (_jsx("box", { style: { justifyContent: "center" }, children: _jsx("text", { style: { fg: theme.components.sessionPicker.rowDim }, children: "\\u25bc more" }) })), _jsx("box", { style: { justifyContent: "center", marginTop: 1 }, children: _jsx("text", { style: { fg: theme.components.sessionPicker.rowDim, attributes: TextAttributes.DIM }, children: "\u2191\u2193 navigate \u00B7 Enter select \u00B7 Esc close \u00B7 1-9 jump \u00B7 scroll" }) })] }) }));
+};

package/dist/src/tui-opentui/components/SingleLineTextInput.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { t } from "../../i18n/index.js";
+/**
+ * SingleLineTextInput wraps OpenTUI's native <input> for single-line text entry.
+ * Used for rejection reasons and other short text fields.
+ */
+export const SingleLineTextInput = ({ isFocused = true, onChange, onSubmit, placeholder = t("input.singleLinePlaceholder"), value, }) => {
+    return (_jsx("input", { placeholder: placeholder, value: value, focused: isFocused, onInput: (val) => onChange(val), onSubmit: () => onSubmit?.() }));
+};