@jiy/quizme 0.1.0

package/dist/ui/formatters.js

@@ -0,0 +1,66 @@
+export function formatSourceMode(source, isZh) {
+    switch (source.sourceType) {
+        case "claude_session":
+            return isZh ? "Claude Code 记录" : "Claude Code session";
+        case "repo":
+            return isZh ? "代码仓库" : "Code repository";
+        case "topic":
+            return isZh ? "用户指定提示词" : "User prompt";
+        default:
+            return isZh ? "手动" : "Manual";
+    }
+}
+export function formatStats(store) {
+    const stats = store.getStats();
+    const week = renderWeek(stats.weekRows);
+    return [
+        "QuizMe Stats",
+        `Streak: ${stats.currentStreak} days`,
+        `Best streak: ${stats.longestStreak} days`,
+        `Today: ${stats.todayCount} questions`,
+        `All-time: ${stats.attemptsTotal} questions`,
+        `Accuracy: ${(stats.accuracy * 100).toFixed(0)}%`,
+        `Review queue: ${stats.reviewPending}`,
+        `Why threads: ${stats.whyCount}`,
+        `XP: ${stats.xp}`,
+        `Level: ${stats.level}`,
+        "",
+        "Last 7 days:",
+        week
+    ];
+}
+export function formatProfile(store) {
+    const signals = store.getProfileSignals();
+    const strong = signals.slice(0, 3).map(formatSignal).join(", ") || "Still learning your profile";
+    const weakSignals = [...signals]
+        .filter((item) => item.wrongCount > 0)
+        .sort((a, b) => a.score - b.score || b.wrongCount - a.wrongCount)
+        .slice(0, 3);
+    const weak = weakSignals.map(formatSignal).join(", ") || "Not enough data";
+    const profileRead = buildProfileRead(signals);
+    return [
+        "QuizMe Profile",
+        profileRead,
+        `Strong: ${strong}`,
+        `Needs review: ${weak}`
+    ];
+}
+function formatSignal(item) {
+    return `${item.tag} (${Math.round(item.score * 100)}%, ${item.trend})`;
+}
+function buildProfileRead(signals) {
+    if (!signals.length) {
+        return "Current read: still learning your profile.";
+    }
+    const strongest = signals[0];
+    const weakest = [...signals].sort((a, b) => a.score - b.score)[0];
+    return `Current read: stronger on ${strongest.tag}, weaker on ${weakest.tag}.`;
+}
+function renderWeek(weekRows) {
+    if (!weekRows.length) {
+        return "No activity yet.";
+    }
+    return weekRows
+        .map(([day, count]) => `${day} ${"#".repeat(Number(count))} ${count}`)
+        .join("\n");
+}

package/dist/ui/logoLayout.js

@@ -0,0 +1,30 @@
+const MAX_LEFT_WIDTH = 50;
+const BORDER_PADDING = 4;
+const DIVIDER_WIDTH = 1;
+const CONTENT_PADDING = 2;
+export function getLayoutMode(columns) {
+    return columns >= 70 ? "horizontal" : "compact";
+}
+export function calculateLayoutDimensions(columns, layoutMode, optimalLeftWidth) {
+    if (layoutMode === "horizontal") {
+        const leftWidth = optimalLeftWidth;
+        const usedSpace = BORDER_PADDING + CONTENT_PADDING + DIVIDER_WIDTH + leftWidth;
+        const availableForRight = columns - usedSpace;
+        let rightWidth = Math.max(30, availableForRight);
+        const totalWidth = Math.min(leftWidth + rightWidth + DIVIDER_WIDTH + CONTENT_PADDING, columns - BORDER_PADDING);
+        if (totalWidth < leftWidth + rightWidth + DIVIDER_WIDTH + CONTENT_PADDING) {
+            rightWidth = totalWidth - leftWidth - DIVIDER_WIDTH - CONTENT_PADDING;
+        }
+        return { leftWidth, rightWidth, totalWidth };
+    }
+    const totalWidth = Math.min(columns - BORDER_PADDING, MAX_LEFT_WIDTH + 20);
+    return {
+        leftWidth: totalWidth,
+        rightWidth: totalWidth,
+        totalWidth
+    };
+}
+export function calculateOptimalLeftWidth(...lines) {
+    const contentWidth = Math.max(...lines.map((line) => line.length), 20);
+    return Math.min(contentWidth + 4, MAX_LEFT_WIDTH);
+}

package/dist/ui/renderApp.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "ink";
+import { App } from "./App.js";
+import { QuizScreen } from "./screens/QuizScreen.js";
+import { SetupScreen } from "./screens/SetupScreen.js";
+import { createSoundPlayer } from "./sound.js";
+export async function runInkHome({ store, config, resolveSource }) {
+    const rendered = render(_jsx(App, { store: store, initialConfig: config, resolveSource: resolveSource, onExit: () => rendered.unmount() }));
+    await rendered.waitUntilExit();
+}
+export async function runInkQuiz(props) {
+    const sound = createSoundPlayer(props.config);
+    const rendered = render(_jsx(QuizScreen, { ...props, sound: sound, onDone: () => rendered.unmount() }));
+    await rendered.waitUntilExit();
+}
+export async function runInkSetup({ onComplete }) {
+    return new Promise((resolve) => {
+        const { unmount, waitUntilExit } = render(_jsx(SetupScreen, { onComplete: (config) => {
+                onComplete(config);
+                unmount();
+                resolve(config);
+            } }));
+        waitUntilExit().catch(() => { });
+    });
+}

package/dist/ui/screens/HomeScreen.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { Box, useInput } from "ink";
+import { SelectList } from "../components/SelectList.js";
+import { StatusBar } from "../components/StatusBar.js";
+import { WelcomeBanner } from "../components/WelcomeBanner.js";
+import { hintLine } from "../theme.js";
+export function HomeScreen({ stats, config, source, sound, onAction }) {
+    const isZh = config.language === "zh-CN";
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const soundRef = useRef(sound);
+    soundRef.current = sound;
+    const items = isZh
+        ? [
+            { id: "quiz", label: "开始答题" },
+            { id: "review", label: "复习错题" },
+            { id: "stats", label: "查看统计" },
+            { id: "profile", label: "查看档案" },
+            { id: "settings", label: "设置" },
+            { id: "exit", label: "退出" }
+        ]
+        : [
+            { id: "quiz", label: "Start quiz" },
+            { id: "review", label: "Review mistakes" },
+            { id: "stats", label: "View stats" },
+            { id: "profile", label: "View profile" },
+            { id: "settings", label: "Settings" },
+            { id: "exit", label: "Exit" }
+        ];
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelectedIndex((i) => Math.max(0, i - 1));
+            soundRef.current.playNavigate();
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((i) => Math.min(items.length - 1, i + 1));
+            soundRef.current.playNavigate();
+            return;
+        }
+        if (key.return) {
+            soundRef.current.playSelect();
+            onAction(items[selectedIndex].id);
+            return;
+        }
+        const num = Number(input);
+        if (num >= 1 && num <= items.length) {
+            soundRef.current.playSelect();
+            onAction(items[num - 1].id);
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(WelcomeBanner, { config: config, stats: stats, source: source }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(SelectList, { items: items, selectedIndex: selectedIndex, showIndex: true }) }), _jsx(StatusBar, { status: isZh ? "主菜单" : "Home", hints: hintLine([
+                    isZh ? "↑↓ 选择" : "↑↓ select",
+                    isZh ? "Enter 确认" : "enter confirm",
+                    isZh ? "1-6 快捷" : "1-6 shortcut"
+                ]) })] }));
+}

package/dist/ui/screens/InfoScreen.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+import { AppHeader } from "../components/AppHeader.js";
+import { StatusBar } from "../components/StatusBar.js";
+import { hintLine, theme } from "../theme.js";
+export function InfoScreen({ title, lines, isZh, onBack }) {
+    useInput((input, key) => {
+        if (key.return || key.escape || input === "q") {
+            onBack();
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: title }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: lines.map((line, index) => {
+                    const isHeading = index === 0 || line.endsWith(":") || line === "";
+                    return (_jsx(Text, { color: isHeading && line ? theme.claude : theme.text, bold: isHeading && line !== "", children: line || " " }, `${line}-${index}`));
+                }) }), _jsx(StatusBar, { status: title, hints: hintLine([isZh ? "Enter 或 q 返回" : "enter or q to go back"]) })] }));
+}

package/dist/ui/screens/QuizScreen.js

@@ -0,0 +1,344 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { dedupeQuestions } from "../../generation/dedupe.js";
+import { generateQuestions, generateWhy } from "../../providers/claudeAgent.js";
+import { AppHeader } from "../components/AppHeader.js";
+import { SelectList } from "../components/SelectList.js";
+import { StatusBar } from "../components/StatusBar.js";
+import { TextInput } from "../components/TextInput.js";
+import { formatProfile, formatStats } from "../formatters.js";
+import { hintLine, theme } from "../theme.js";
+export function QuizScreen({ store, config, sound, source, questionsOverride = null, mode = "mixed", onDone }) {
+    const isZh = config.language === "zh-CN";
+    const [phase, setPhase] = useState("generating");
+    const [error, setError] = useState(null);
+    const [questions, setQuestions] = useState([]);
+    const [questionIndex, setQuestionIndex] = useState(0);
+    const [choiceIndex, setChoiceIndex] = useState(0);
+    const [resultActionIndex, setResultActionIndex] = useState(0);
+    const [answerResult, setAnswerResult] = useState(null);
+    const [genElapsed, setGenElapsed] = useState(0);
+    const [overlay, setOverlay] = useState(null);
+    const [whyInput, setWhyInput] = useState("");
+    const [whyMessages, setWhyMessages] = useState([]);
+    const [whyStreaming, setWhyStreaming] = useState("");
+    const [whyLoading, setWhyLoading] = useState(false);
+    const whyTurnsRef = useRef([]);
+    const startedAtRef = useRef(Date.now());
+    const soundRef = useRef(sound);
+    soundRef.current = sound;
+    const question = questions[questionIndex];
+    const total = questions.length;
+    const resultActions = isZh
+        ? [
+            { id: "next", label: "下一题 (Next)" },
+            { id: "why", label: "深入了解 (Why)" }
+        ]
+        : [
+            { id: "next", label: "Next" },
+            { id: "why", label: "Why (deeper)" }
+        ];
+    useEffect(() => {
+        let cancelled = false;
+        const genStart = Date.now();
+        const timer = setInterval(() => {
+            setGenElapsed(Math.floor((Date.now() - genStart) / 1000));
+        }, 1000);
+        (async () => {
+            try {
+                const recentQuestions = store.listRecentQuestions(20);
+                let loaded;
+                if (questionsOverride) {
+                    loaded = dedupeQuestions(questionsOverride, recentQuestions).slice(0, 5);
+                }
+                else {
+                    const signals = store.getProfileSignals();
+                    const preferences = store.listProfilePreferences();
+                    const generated = await generateQuestions({
+                        source,
+                        config,
+                        recentQuestions,
+                        mode,
+                        signals,
+                        preferences,
+                        onProgress: () => { }
+                    });
+                    loaded = dedupeQuestions(generated, recentQuestions).slice(0, 5);
+                }
+                if (cancelled)
+                    return;
+                if (!loaded.length) {
+                    setError(isZh ? "去重后没有可用的新题目。" : "No fresh questions were generated after dedupe.");
+                    setPhase("error");
+                    return;
+                }
+                loaded.forEach((item) => store.saveQuestion(item, source.sourceType));
+                setQuestions(loaded);
+                setPhase("question");
+                startedAtRef.current = Date.now();
+                soundRef.current.playStart();
+            }
+            catch (err) {
+                if (!cancelled) {
+                    const message = err instanceof Error ? err.message : String(err);
+                    setError(message);
+                    setPhase("error");
+                }
+            }
+            finally {
+                clearInterval(timer);
+            }
+        })();
+        return () => {
+            cancelled = true;
+            clearInterval(timer);
+        };
+    }, [store, config, source, questionsOverride, mode, isZh]);
+    function submitAnswer(selected) {
+        if (!question)
+            return;
+        const correct = selected === question.answer;
+        store.recordAttempt({
+            questionId: question.id,
+            selected,
+            correct,
+            durationMs: Date.now() - startedAtRef.current,
+            tags: question.tags
+        });
+        question.tags.forEach((tag) => store.updateSignal(tag, correct));
+        store.upsertReviewItem(question.id, correct);
+        setAnswerResult({ selected, correct });
+        setResultActionIndex(0);
+        setPhase("result");
+        if (correct) {
+            soundRef.current.playCorrect();
+        }
+        else {
+            soundRef.current.playIncorrect();
+        }
+    }
+    async function submitWhyQuestion(text) {
+        if (!question)
+            return;
+        const asked = text.trim();
+        if (!asked)
+            return;
+        setWhyInput("");
+        setWhyLoading(true);
+        setWhyStreaming("");
+        try {
+            let streamed = false;
+            let streamedText = "";
+            const answer = await generateWhy({
+                question,
+                config,
+                asked,
+                userAnswer: answerResult?.selected ?? "none",
+                onProgress: (chunk) => {
+                    streamed = true;
+                    streamedText += chunk;
+                    setWhyStreaming(streamedText);
+                }
+            });
+            const resolved = streamed ? streamedText || answer : answer;
+            setWhyMessages((prev) => [...prev, { asked, answer: resolved }]);
+            whyTurnsRef.current.push({ asked, answer: resolved, at: new Date().toISOString() });
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            setWhyMessages((prev) => [...prev, { asked, answer: `Error: ${message}` }]);
+        }
+        finally {
+            setWhyLoading(false);
+            setWhyStreaming("");
+        }
+    }
+    function finishWhy() {
+        if (!question)
+            return;
+        if (whyTurnsRef.current.length) {
+            store.appendWhyThread(question.id, whyTurnsRef.current);
+        }
+        whyTurnsRef.current = [];
+        setWhyMessages([]);
+        setWhyInput("");
+        setPhase("result");
+    }
+    function goNextQuestion() {
+        setAnswerResult(null);
+        setResultActionIndex(0);
+        setChoiceIndex(0);
+        setWhyMessages([]);
+        whyTurnsRef.current = [];
+        if (questionIndex + 1 >= total) {
+            soundRef.current.playComplete();
+            onDone();
+            return;
+        }
+        setQuestionIndex((i) => i + 1);
+        setPhase("question");
+        startedAtRef.current = Date.now();
+    }
+    useInput((input, key) => {
+        if (!question && (phase === "question" || phase === "result" || phase === "why")) {
+            return;
+        }
+        if (phase === "error") {
+            if (key.return || input === "q")
+                onDone();
+            return;
+        }
+        if (overlay) {
+            if (key.return || key.escape || input === "q") {
+                setOverlay(null);
+            }
+            return;
+        }
+        if (phase === "generating")
+            return;
+        if (phase === "question") {
+            if (input === "q" || key.escape) {
+                onDone();
+                return;
+            }
+            if (input === "s") {
+                setOverlay("stats");
+                return;
+            }
+            if (input === "p") {
+                setOverlay("profile");
+                return;
+            }
+            if (key.upArrow) {
+                setChoiceIndex((i) => Math.max(0, i - 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.downArrow) {
+                setChoiceIndex((i) => Math.min(question.choices.length - 1, i + 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            const num = Number(input);
+            if (num >= 1 && num <= question.choices.length) {
+                setChoiceIndex(num - 1);
+                return;
+            }
+            const letter = input.toUpperCase();
+            const letterIndex = question.choices.findIndex((c) => c.id === letter);
+            if (letterIndex >= 0) {
+                setChoiceIndex(letterIndex);
+                return;
+            }
+            if (key.return) {
+                submitAnswer(question.choices[choiceIndex].id);
+            }
+            return;
+        }
+        if (phase === "result") {
+            if (input === "s") {
+                setOverlay("stats");
+                return;
+            }
+            if (input === "p") {
+                setOverlay("profile");
+                return;
+            }
+            if (key.upArrow) {
+                setResultActionIndex((i) => Math.max(0, i - 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.downArrow) {
+                setResultActionIndex((i) => Math.min(resultActions.length - 1, i + 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.return) {
+                const action = resultActions[resultActionIndex].id;
+                if (action === "next") {
+                    goNextQuestion();
+                }
+                else {
+                    setPhase("why");
+                    setWhyInput("");
+                }
+            }
+            return;
+        }
+        if (phase === "why" && !whyLoading) {
+            if (input === "q" || key.escape) {
+                finishWhy();
+            }
+        }
+    });
+    if (phase === "error") {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "错误" : "Error" }), _jsx(Text, { color: theme.error, children: error }), _jsx(StatusBar, { status: isZh ? "无法继续" : "Cannot continue", hints: hintLine([isZh ? "Enter 或 q 返回" : "enter or q to go back"]) })] }));
+    }
+    if (phase === "generating") {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "生成中" : "Generating" }), _jsx(Text, { color: theme.claude, children: isZh ? `正在生成题目 (${genElapsed}s)...` : `Generating questions (${genElapsed}s)...` }), _jsx(StatusBar, { status: isZh ? "请稍候" : "Please wait", hints: hintLine([isZh ? "基于当前上下文出题" : "building questions from context"]) })] }));
+    }
+    if (!question) {
+        return null;
+    }
+    const choiceItems = question.choices.map((c) => ({
+        id: c.id,
+        label: `${c.id}. ${c.text}`
+    }));
+    let statusText = "";
+    let hintsText = "";
+    if (overlay === "stats") {
+        statusText = isZh ? "统计" : "Stats";
+        hintsText = hintLine([isZh ? "Enter 关闭" : "enter close"]);
+    }
+    else if (overlay === "profile") {
+        statusText = isZh ? "档案" : "Profile";
+        hintsText = hintLine([isZh ? "Enter 关闭" : "enter close"]);
+    }
+    else if (phase === "question") {
+        statusText = isZh
+            ? `Q${questionIndex + 1}/${total} · ${question.topic}`
+            : `Q${questionIndex + 1}/${total} · ${question.topic}`;
+        hintsText = hintLine([
+            isZh ? "↑↓ 选择" : "↑↓ select",
+            isZh ? "Enter 确认" : "enter confirm",
+            "A-D/1-4",
+            "s stats",
+            "p profile",
+            "q exit"
+        ]);
+    }
+    else if (phase === "result") {
+        statusText = isZh ? "结果" : "Result";
+        hintsText = hintLine([
+            isZh ? "↑↓ 选择" : "↑↓ select",
+            isZh ? "Enter 确认" : "enter confirm",
+            "s stats",
+            "p profile"
+        ]);
+    }
+    else if (phase === "why") {
+        statusText = isZh ? "Why" : "Why";
+        hintsText = hintLine([
+            isZh ? "Enter 发送" : "enter send",
+            isZh ? "Esc 返回" : "esc back",
+            "back/next"
+        ]);
+    }
+    const quizSubtitle = isZh
+        ? `第 ${questionIndex + 1}/${total} 题 · 难度 ${question.difficulty}`
+        : `Question ${questionIndex + 1}/${total} · Difficulty ${question.difficulty}`;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: quizSubtitle }), overlay === "stats" ? (_jsx(Box, { flexDirection: "column", children: formatStats(store).map((line, index) => (_jsx(Text, { color: index === 0 ? theme.claude : theme.text, bold: index === 0, children: line }, line))) })) : overlay === "profile" ? (_jsx(Box, { flexDirection: "column", children: formatProfile(store).map((line, index) => (_jsx(Text, { color: index === 0 ? theme.claude : theme.text, bold: index === 0, children: line }, line))) })) : phase === "question" ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: theme.claude, children: question.topic }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { color: theme.text, wrap: "wrap", children: question.question }) }), _jsx(SelectList, { items: choiceItems, selectedIndex: choiceIndex })] })) : phase === "result" ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: answerResult?.correct ? theme.success : theme.error, children: answerResult?.correct
+                            ? isZh ? "回答正确" : "Correct"
+                            : isZh
+                                ? `回答错误 · 正确答案 ${question.answer}`
+                                : `Incorrect · Correct answer ${question.answer}` }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { color: theme.text, wrap: "wrap", children: question.explanation }) }), !answerResult?.correct && answerResult && question.whyWrong[answerResult.selected] ? (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: theme.inactive, wrap: "wrap", children: [answerResult.selected, ": ", question.whyWrong[answerResult.selected]] }) })) : null, _jsx(SelectList, { items: resultActions, selectedIndex: resultActionIndex })] })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: theme.permission, children: isZh ? "Why" : "Why" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [whyMessages.map((msg, i) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { color: theme.suggestion, children: [isZh ? "问: " : "Q: ", msg.asked] }), _jsx(Text, { color: theme.text, wrap: "wrap", children: msg.answer })] }, `${msg.asked}-${i}`))), whyLoading && whyStreaming ? (_jsx(Text, { color: theme.text, wrap: "wrap", children: whyStreaming })) : null, whyLoading && !whyStreaming ? (_jsx(Text, { color: theme.inactive, children: isZh ? "思考中..." : "Thinking..." })) : null] }), !whyLoading ? (_jsx(TextInput, { value: whyInput, onChange: setWhyInput, onSubmit: (value) => {
+                            const normalized = value.trim().toLowerCase();
+                            if (["back", "next", "quiz"].includes(normalized)) {
+                                finishWhy();
+                                return;
+                            }
+                            submitWhyQuestion(value);
+                        }, placeholder: "why> " })) : null] })), _jsx(StatusBar, { status: statusText, hints: hintsText })] }));
+}

package/dist/ui/screens/SettingsScreen.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { AppHeader } from "../components/AppHeader.js";
+import { SelectList } from "../components/SelectList.js";
+import { StatusBar } from "../components/StatusBar.js";
+import { hintLine, theme } from "../theme.js";
+const LEVELS = [
+    { id: "junior", label: "Junior" },
+    { id: "mid", label: "Mid-level" },
+    { id: "senior", label: "Senior" },
+    { id: "staff", label: "Staff+" }
+];
+export function SettingsScreen({ config, sound, onPersist, onBack }) {
+    const isZh = config.language === "zh-CN";
+    const [step, setStep] = useState("menu");
+    const [menuIndex, setMenuIndex] = useState(0);
+    const [levelIndex, setLevelIndex] = useState(Math.max(0, LEVELS.findIndex((l) => l.id === config.level)));
+    const soundRef = useRef(sound);
+    soundRef.current = sound;
+    const configRef = useRef(config);
+    configRef.current = config;
+    const menuItems = isZh
+        ? [
+            { id: "language", label: `语言: ${config.language === "zh-CN" ? "中文" : "English"}` },
+            { id: "level", label: `等级: ${config.level}` },
+            { id: "goal", label: `每日目标: ${config.dailyGoal}` },
+            { id: "sound", label: `音效: ${config.soundEnabled ? "开" : "关"}` },
+            { id: "back", label: "返回" }
+        ]
+        : [
+            { id: "language", label: `Language: ${config.language}` },
+            { id: "level", label: `Level: ${config.level}` },
+            { id: "goal", label: `Daily goal: ${config.dailyGoal}` },
+            { id: "sound", label: `Sound: ${config.soundEnabled ? "On" : "Off"}` },
+            { id: "back", label: "Back" }
+        ];
+    useInput((input, key) => {
+        if (step === "menu") {
+            if (key.upArrow) {
+                setMenuIndex((i) => Math.max(0, i - 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.downArrow) {
+                setMenuIndex((i) => Math.min(menuItems.length - 1, i + 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.return) {
+                const action = menuItems[menuIndex].id;
+                const current = configRef.current;
+                if (action === "language") {
+                    onPersist({
+                        ...current,
+                        language: current.language === "zh-CN" ? "en" : "zh-CN"
+                    });
+                    return;
+                }
+                if (action === "sound") {
+                    const next = !current.soundEnabled;
+                    if (next) {
+                        soundRef.current.playToggleOn();
+                    }
+                    else {
+                        soundRef.current.playToggleOff();
+                    }
+                    onPersist({ ...current, soundEnabled: next });
+                    return;
+                }
+                if (action === "level") {
+                    setLevelIndex(Math.max(0, LEVELS.findIndex((l) => l.id === current.level)));
+                    setStep("level");
+                    return;
+                }
+                if (action === "goal") {
+                    setStep("goal");
+                    return;
+                }
+                if (action === "back") {
+                    onBack();
+                }
+            }
+            if (key.escape)
+                onBack();
+            return;
+        }
+        if (step === "level") {
+            if (key.upArrow) {
+                setLevelIndex((i) => Math.max(0, i - 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.downArrow) {
+                setLevelIndex((i) => Math.min(LEVELS.length - 1, i + 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.return) {
+                onPersist({ ...configRef.current, level: LEVELS[levelIndex].id });
+                setStep("menu");
+            }
+            if (key.escape)
+                setStep("menu");
+            return;
+        }
+        if (step === "goal") {
+            const num = Number(input);
+            if (num >= 1 && num <= 9) {
+                onPersist({ ...configRef.current, dailyGoal: num });
+                setStep("menu");
+            }
+            if (key.escape)
+                setStep("menu");
+        }
+    });
+    if (step === "level") {
+        const levelItems = LEVELS.map((l) => ({ id: l.id, label: l.label }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "设置 · 等级" : "Settings · Level" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectList, { items: levelItems, selectedIndex: levelIndex, showIndex: true }) }), _jsx(StatusBar, { status: isZh ? "等级" : "Level", hints: hintLine([
+                        isZh ? "↑↓ 选择" : "↑↓ select",
+                        isZh ? "Enter 确认" : "enter confirm",
+                        isZh ? "Esc 返回" : "esc back"
+                    ]) })] }));
+    }
+    if (step === "goal") {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "设置 · 每日目标" : "Settings · Daily goal" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.inactive, children: isZh ? "输入数字 1-9" : "Type a number from 1 to 9" }) }), _jsx(StatusBar, { status: isZh ? "每日目标" : "Daily goal", hints: hintLine([isZh ? "输入 1-9" : "type 1-9", isZh ? "Esc 返回" : "esc back"]) })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "设置" : "Settings" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectList, { items: menuItems, selectedIndex: menuIndex }) }), _jsx(StatusBar, { status: isZh ? "偏好" : "Preferences", hints: hintLine([
+                    isZh ? "↑↓ 选择" : "↑↓ select",
+                    isZh ? "Enter 确认/切换" : "enter confirm/toggle",
+                    isZh ? "Esc 返回" : "esc back"
+                ]) })] }));
+}