auq-mcp-server 2.7.0 → 2.7.2

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

@@ -0,0 +1,162 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useState } from "react";
+import { useKeyboard } from "@opentui/react";
+import { TextAttributes } from "@opentui/core";
+import { useTheme } from "../ThemeProvider.js";
+import { useTerminalDimensions } from "../hooks/useTerminalDimensions.js";
+import { detectPackageManager } from "../../update/package-manager.js";
+import { getManualCommand } from "../../update/installer.js";
+/**
+ * UpdateOverlay \u2014 fullscreen modal for minor/major update prompts.
+ *
+ * Displays version information, changelog (rendered as Markdown), and
+ * action buttons. Major updates show a breaking-change warning badge.
+ *
+ * Navigation:
+ *   Tab / \u2192  : next button
+ *   Shift+Tab / \u2190 : previous button
+ *   Enter    : trigger focused action
+ *   Esc      : same as \"Remind me later\"
+ */
+export const UpdateOverlay = ({ isOpen, currentVersion, latestVersion, updateType, changelog, changelogUrl, isInstalling, installError, onInstall, onSkipVersion, onRemindLater, }) => {
+    const { theme, syntaxStyle } = useTheme();
+    const { width: termWidth } = useTerminalDimensions();
+    const [focusedButton, setFocusedButton] = useState(0);
+    // \u2500\u2500 Actions bound to button indices \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 actions = [onInstall, onSkipVersion, onRemindLater];
+    const buttonLabels = ["Yes, update", "Skip this version", "Remind me later"];
+    const buttonCount = buttonLabels.length;
+    // \u2500\u2500 Keyboard handling (only active when overlay is open) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    useKeyboard((key) => {
+        if (!isOpen)
+            return;
+        // Installing or error state \u2014 only Esc closes
+        if (isInstalling)
+            return;
+        if (installError) {
+            if (key.name === "return" || key.name === "escape") {
+                onRemindLater();
+            }
+            return;
+        }
+        // Tab / Right arrow: next button
+        if (key.name === "tab" && !key.shift) {
+            setFocusedButton((prev) => (prev + 1) % buttonCount);
+            return;
+        }
+        if (key.name === "right") {
+            setFocusedButton((prev) => (prev + 1) % buttonCount);
+            return;
+        }
+        // Shift+Tab / Left arrow: previous button
+        if (key.name === "tab" && key.shift) {
+            setFocusedButton((prev) => (prev - 1 + buttonCount) % buttonCount);
+            return;
+        }
+        if (key.name === "left") {
+            setFocusedButton((prev) => (prev - 1 + buttonCount) % buttonCount);
+            return;
+        }
+        // Enter: trigger focused button
+        if (key.name === "return") {
+            actions[focusedButton]();
+            return;
+        }
+        // Escape: remind me later
+        if (key.name === "escape") {
+            onRemindLater();
+            return;
+        }
+    });
+    // \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 Color mapping for update type badges \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 typeColorMap = {
+        patch: theme.colors.success,
+        minor: theme.colors.warning,
+        major: theme.colors.error,
+    };
+    const typeColor = typeColorMap[updateType] ?? theme.colors.info;
+    const overlayWidth = Math.min(64, termWidth - 4);
+    const innerWidth = overlayWidth - 6; // account for border + paddingX
+    // \u2500\u2500 Package manager info for error display \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    const packageManager = detectPackageManager();
+    const manualCommand = getManualCommand(packageManager);
+    // \u2500\u2500 Installing 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
+    if (isInstalling) {
+        return (_jsx("box", { style: {
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center",
+            }, children: _jsxs("box", { style: {
+                    flexDirection: "column",
+                    borderStyle: "rounded",
+                    borderColor: theme.borders.primary,
+                    paddingX: 2,
+                    paddingY: 1,
+                    width: overlayWidth,
+                    alignItems: "center",
+                }, children: [_jsx("box", { style: { marginBottom: 1 }, children: _jsx("text", { style: { attributes: TextAttributes.BOLD, fg: theme.colors.primary }, children: "Installing Update" }) }), _jsx("box", { style: { marginBottom: 1 }, children: _jsxs("box", { style: { flexDirection: "row" }, children: [_jsx("text", { style: { fg: theme.colors.info }, children: "\u2819 " }), _jsx("text", { children: `Installing v${latestVersion}\u2026` })] }) }), _jsx("box", { children: _jsx("text", { style: { attributes: TextAttributes.DIM }, children: `Running: ${manualCommand}` }) })] }) }));
+    }
+    // \u2500\u2500 Error 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
+    if (installError) {
+        return (_jsx("box", { style: {
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center",
+            }, children: _jsxs("box", { style: {
+                    flexDirection: "column",
+                    borderStyle: "rounded",
+                    borderColor: theme.borders.error,
+                    paddingX: 2,
+                    paddingY: 1,
+                    width: overlayWidth,
+                }, children: [_jsx("box", { style: { marginBottom: 1 }, children: _jsx("text", { style: { attributes: TextAttributes.BOLD, fg: theme.colors.error }, children: "Update Failed" }) }), _jsx("box", { style: { marginBottom: 1 }, children: _jsx("text", { style: { fg: theme.colors.error }, children: installError }) }), _jsxs("box", { style: { marginBottom: 1, flexDirection: "column" }, children: [_jsx("text", { style: { attributes: TextAttributes.DIM }, children: "Try running manually:" }), _jsx("box", { style: { marginTop: 0 }, children: _jsx("text", { style: { attributes: TextAttributes.BOLD, fg: theme.colors.info }, children: `  ${manualCommand}` }) })] }), _jsx("box", { style: { justifyContent: "center", marginTop: 1 }, children: _jsx("text", { style: {
+                                attributes: TextAttributes.BOLD,
+                                bg: theme.components.options.focusedBg,
+                                fg: theme.colors.focused,
+                            }, children: " Close " }) }), _jsx("box", { style: { justifyContent: "center", marginTop: 1 }, children: _jsx("text", { style: { attributes: TextAttributes.DIM }, children: "Enter or Esc to close" }) })] }) }));
+    }
+    // \u2500\u2500 Default state: update prompt with buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    return (_jsx("box", { style: {
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+        }, children: _jsxs("box", { style: {
+                flexDirection: "column",
+                borderStyle: "rounded",
+                borderColor: theme.borders.primary,
+                paddingX: 2,
+                paddingY: 1,
+                width: overlayWidth,
+            }, children: [_jsx("box", { style: { justifyContent: "center", marginBottom: 1 }, children: _jsx("text", { style: { attributes: TextAttributes.BOLD, fg: theme.colors.primary }, children: "Update Available" }) }), _jsx("box", { style: { justifyContent: "center", marginBottom: 1 }, children: _jsxs("box", { style: { flexDirection: "row" }, children: [_jsx("text", { style: { attributes: TextAttributes.DIM }, children: "Current: " }), _jsx("text", { children: currentVersion }), _jsx("text", { style: { attributes: TextAttributes.DIM }, children: " \u2192 " }), _jsx("text", { style: { attributes: TextAttributes.DIM }, children: "Latest: " }), _jsx("text", { style: { attributes: TextAttributes.BOLD, fg: typeColor }, children: latestVersion }), _jsx("text", { children: " " }), _jsx("text", { style: { bg: typeColor, fg: "#000000", attributes: TextAttributes.BOLD }, children: ` ${updateType.toUpperCase()} ` })] }) }), updateType === "major" && (_jsx("box", { style: {
+                        borderStyle: "rounded",
+                        borderColor: theme.borders.warning,
+                        paddingX: 1,
+                        marginBottom: 1,
+                        width: innerWidth,
+                    }, children: _jsx("text", { style: { fg: theme.colors.warning, attributes: TextAttributes.BOLD }, children: "\\u26a0 Breaking changes may be included" }) })), _jsx("box", { style: { marginBottom: 1 }, children: changelog ? (_jsx("box", { style: {
+                            borderStyle: "rounded",
+                            borderColor: theme.borders.neutral,
+                            flexDirection: "column",
+                            paddingX: 1,
+                            paddingY: 1,
+                            width: innerWidth,
+                        }, children: _jsx("scrollbox", { style: { maxHeight: 12 }, children: _jsx("markdown", { content: changelog, syntaxStyle: syntaxStyle }) }) })) : (_jsx("box", { style: {
+                            borderStyle: "rounded",
+                            borderColor: theme.borders.neutral,
+                            paddingX: 1,
+                            paddingY: 1,
+                            width: innerWidth,
+                        }, children: _jsx("text", { style: { attributes: TextAttributes.DIM }, children: `View changelog: ${changelogUrl}` }) })) }), _jsx("box", { style: { justifyContent: "center", gap: 1 }, children: buttonLabels.map((label, index) => {
+                        const isFocused = index === focusedButton;
+                        return (_jsx("box", { onMouseDown: () => { actions[index](); }, children: _jsxs("text", { style: {
+                                    attributes: isFocused ? TextAttributes.BOLD : TextAttributes.NONE,
+                                    bg: isFocused
+                                        ? theme.components.options.focusedBg
+                                        : undefined,
+                                    fg: isFocused ? theme.colors.focused : theme.colors.text,
+                                }, children: [isFocused ? " ▸ " : " ", label, isFocused ? " " : " "] }) }, label));
+                    }) }), _jsx("box", { style: { justifyContent: "center", marginTop: 1 }, children: _jsx("text", { style: { attributes: TextAttributes.DIM }, children: "\u2190\u2192/Tab navigate \u00B7 Enter select \u00B7 Esc dismiss \u00B7 click button" }) })] }) }));
+};

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { TextAttributes } from "@opentui/core";
+import { useEffect, useState } from "react";
+import { t } from "../../i18n/index.js";
+import { useTheme } from "../ThemeProvider.js";
+import { AnimatedGradient } from "./AnimatedGradient.js";
+/**
+ * WaitingScreen displays when no question sets are being processed.
+ * Shows "Waiting for AI..." message with animated gradient effect and elapsed time.
+ */
+export const WaitingScreen = ({ queueCount }) => {
+    const { theme } = useTheme();
+    const [startTime] = useState(new Date());
+    const [elapsedSeconds, setElapsedSeconds] = useState(0);
+    // Update elapsed time every second
+    useEffect(() => {
+        const timer = setInterval(() => {
+            const now = new Date();
+            const elapsed = Math.floor((now.getTime() - startTime.getTime()) / 1000);
+            setElapsedSeconds(elapsed);
+        }, 1000);
+        return () => clearInterval(timer);
+    }, [startTime]);
+    const waitingTitle = queueCount === 0
+        ? t("waiting.title").replace("...", "…")
+        : `${t("waiting.processing").replace("...", "…")} (${t("waiting.queueCount").replace("{count}", String(queueCount))})`;
+    return (_jsx("box", { style: {
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            flexGrow: 1,
+        }, children: _jsxs("box", { style: {
+                flexDirection: "column",
+                paddingLeft: 4,
+                paddingRight: 4,
+                paddingTop: 2,
+                paddingBottom: 2,
+                marginLeft: 1,
+                marginRight: 1,
+                border: true,
+                borderStyle: "rounded",
+                borderColor: theme.colors.surface,
+            }, children: [_jsx("box", { style: { justifyContent: "center" }, children: _jsx(AnimatedGradient, { text: waitingTitle }) }), _jsx("box", { style: { justifyContent: "center", marginTop: 1 }, children: _jsx("text", { style: { attributes: TextAttributes.DIM }, children: `${t("waiting.hint")} • ${elapsedSeconds}s` }) })] }) }));
+};

package/dist/src/tui-opentui/hooks/useSessionWatcher.js

@@ -0,0 +1,69 @@
+import { useState, useCallback, useRef } from "react";
+import { getNextSessionIndex, getPrevSessionIndex, getDirectJumpIndex, getAdjustedIndexAfterRemoval, } from "../../tui/shared/utils/sessionSwitching.js";
+/**
+ * React hook that bridges session events to React state for the OpenTUI renderer.
+ * Manages session queue, active session index, and per-session UI state.
+ */
+export function useSessionWatcher(_options = {}) {
+    const [sessionQueue, setSessionQueue] = useState([]);
+    const [activeSessionIndex, setActiveSessionIndex] = useState(0);
+    const [sessionUIStates, setSessionUIStates] = useState({});
+    const sessionQueueRef = useRef(sessionQueue);
+    sessionQueueRef.current = sessionQueue;
+    const activeSessionIndexRef = useRef(activeSessionIndex);
+    activeSessionIndexRef.current = activeSessionIndex;
+    const activeSession = sessionQueue[activeSessionIndex] ?? null;
+    const addSession = useCallback((session) => {
+        setSessionQueue((prev) => {
+            // Don't add duplicates
+            if (prev.some((s) => s.sessionId === session.sessionId))
+                return prev;
+            return [...prev, session]; // FIFO: append to end
+        });
+    }, []);
+    const removeSession = useCallback((sessionId) => {
+        setSessionQueue((prev) => {
+            const index = prev.findIndex((s) => s.sessionId === sessionId);
+            if (index === -1)
+                return prev;
+            const newQueue = prev.filter((s) => s.sessionId !== sessionId);
+            // Adjust active index after removal
+            const newIndex = getAdjustedIndexAfterRemoval(index, activeSessionIndexRef.current, newQueue.length);
+            setActiveSessionIndex(newIndex);
+            return newQueue;
+        });
+        // Clean up UI state
+        setSessionUIStates((prev) => {
+            const next = { ...prev };
+            delete next[sessionId];
+            return next;
+        });
+    }, []);
+    const nextSession = useCallback(() => {
+        setActiveSessionIndex((prev) => getNextSessionIndex(prev, sessionQueueRef.current.length));
+    }, []);
+    const prevSession = useCallback(() => {
+        setActiveSessionIndex((prev) => getPrevSessionIndex(prev, sessionQueueRef.current.length));
+    }, []);
+    const jumpToSession = useCallback((index) => {
+        const safeIndex = getDirectJumpIndex(index, activeSessionIndexRef.current, sessionQueueRef.current.length);
+        if (safeIndex !== null)
+            setActiveSessionIndex(safeIndex);
+    }, []);
+    const updateUIState = useCallback((sessionId, state) => {
+        setSessionUIStates((prev) => ({ ...prev, [sessionId]: state }));
+    }, []);
+    return {
+        sessionQueue,
+        activeSessionIndex,
+        activeSession,
+        sessionUIStates,
+        setActiveSessionIndex,
+        nextSession,
+        prevSession,
+        jumpToSession,
+        removeSession,
+        updateUIState,
+        addSession,
+    };
+}

package/dist/src/tui-opentui/hooks/useTerminalDimensions.js

@@ -0,0 +1,8 @@
+import { useTerminalDimensions as useOpenTUIDimensions } from "@opentui/react";
+/**
+ * Hook that returns the current terminal dimensions.
+ * Wraps OpenTUI's useTerminalDimensions for use in OpenTUI components.
+ */
+export function useTerminalDimensions() {
+    return useOpenTUIDimensions();
+}

package/dist/src/tui-opentui/utils/syntaxStyle.js

@@ -0,0 +1,64 @@
+import { SyntaxStyle, RGBA } from "@opentui/core";
+/**
+ * Auto-generate an OpenTUI SyntaxStyle from AUQ theme color tokens.
+ *
+ * Color mapping (design.md §5):
+ *   accent  → keywords, headings (bold), functions, operators, links, tags
+ *   success → strings
+ *   muted   → comments (italic), punctuation
+ *   warning → numbers, constants, types, attributes
+ *   text    → default, variables, list markup
+ *   info    → code/raw blocks, properties
+ */
+export function generateSyntaxStyle(theme) {
+    const { colors } = theme;
+    // Semantic color tokens → RGBA instances
+    const accent = RGBA.fromHex(colors.primary);
+    const success = RGBA.fromHex(colors.success);
+    const muted = RGBA.fromHex(colors.textDim);
+    const warning = RGBA.fromHex(colors.warning);
+    const text = RGBA.fromHex(colors.text);
+    const info = RGBA.fromHex(colors.info);
+    return SyntaxStyle.fromStyles({
+        // ── Keywords ──────────────────────────────────────────────
+        keyword: { fg: accent, bold: true },
+        "keyword.control": { fg: accent },
+        "keyword.operator": { fg: accent },
+        storage: { fg: accent },
+        // ── Strings ──────────────────────────────────────────────
+        string: { fg: success },
+        "string.special": { fg: success },
+        // ── Comments ─────────────────────────────────────────────
+        comment: { fg: muted, italic: true },
+        "comment.line": { fg: muted, italic: true },
+        "comment.block": { fg: muted, italic: true },
+        // ── Numeric / Constants ──────────────────────────────────
+        number: { fg: warning },
+        constant: { fg: warning },
+        "constant.numeric": { fg: warning },
+        // ── Markup ───────────────────────────────────────────────
+        "markup.heading": { fg: accent, bold: true },
+        "markup.list": { fg: text },
+        "markup.raw": { fg: info },
+        "markup.bold": { bold: true },
+        "markup.italic": { italic: true },
+        "markup.link": { fg: accent, underline: true },
+        // ── Types ────────────────────────────────────────────────
+        type: { fg: warning },
+        "type.builtin": { fg: warning },
+        // ── Functions ────────────────────────────────────────────
+        function: { fg: accent },
+        "function.method": { fg: accent },
+        // ── Identifiers ──────────────────────────────────────────
+        variable: { fg: text },
+        property: { fg: info },
+        // ── Delimiters ───────────────────────────────────────────
+        punctuation: { fg: muted },
+        operator: { fg: accent },
+        // ── HTML / JSX ───────────────────────────────────────────
+        tag: { fg: accent },
+        attribute: { fg: warning },
+        // ── Fallback ─────────────────────────────────────────────
+        default: { fg: text },
+    });
+}

package/dist/src/update/types.js

@@ -4,4 +4,3 @@
  * These interfaces define the data structures used throughout the update module
  * for version checking, caching, package manager detection, and changelog fetching.
  */
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auq-mcp-server",
-  "version": "2.7.0",
+  "version": "2.7.2",
   "main": "dist/index.js",
   "bin": {
     "auq": "dist/bin/auq.js"
@@ -15,7 +15,7 @@
     "packages/opencode-plugin"
   ],
   "scripts": {
-    "build": "bun run sync-plugin-schemas && bun run generate:skill && tsc",
+    "build": "bun run sync-plugin-schemas && bun run generate:skill && tsc && tsc -p tsconfig.opentui.json",
     "prepare": "bun run build",
     "postinstall": "node scripts/postinstall.cjs",
     "release": "semantic-release",
@@ -29,7 +29,7 @@
     "validate:skill": "bunx skills-ref validate skills/ask-user-questions",
     "test": "vitest run",
     "format": "prettier --write . && eslint --fix .",
-    "build:opentui": "tsc -p tsconfig.opentui.json --noEmit",
+    "build:opentui": "tsc -p tsconfig.opentui.json",
     "test:opentui": "bun test src/tui-opentui",
     "typecheck:all": "tsc --noEmit && tsc -p tsconfig.opentui.json --noEmit"
   },