@jiy/quizme 0.1.0 → 0.1.1

package/dist/storage/json.js

@@ -0,0 +1,227 @@
+import fs from "node:fs";
+import path from "node:path";
+function emptyData() {
+    return {
+        version: 1,
+        config: {},
+        stats: { totalAttempts: 0, correctAttempts: 0, whyCount: 0, byDay: {} },
+        profile: { signals: {} },
+        reviewQueue: []
+    };
+}
+function localStr(d) {
+    const y = d.getFullYear();
+    const m = String(d.getMonth() + 1).padStart(2, "0");
+    const day = String(d.getDate()).padStart(2, "0");
+    return `${y}-${m}-${day}`;
+}
+function parseDay(s) {
+    const parts = s.split("-").map(Number);
+    if (parts.length !== 3 || parts.some((n) => !Number.isFinite(n))) {
+        return null;
+    }
+    const [y, m, d] = parts;
+    return new Date(y, m - 1, d);
+}
+function computeCurrentStreak(byDay) {
+    const cursor = new Date();
+    if (!byDay[localStr(cursor)]) {
+        cursor.setDate(cursor.getDate() - 1);
+        if (!byDay[localStr(cursor)])
+            return 0;
+    }
+    let streak = 0;
+    while (byDay[localStr(cursor)]) {
+        streak += 1;
+        cursor.setDate(cursor.getDate() - 1);
+    }
+    return streak;
+}
+function computeLongestStreak(byDay) {
+    const days = Object.keys(byDay).sort();
+    let longest = 0;
+    let run = 0;
+    let prev = null;
+    for (const day of days) {
+        const d = parseDay(day);
+        if (!d)
+            continue;
+        if (prev && Math.round((d.getTime() - prev.getTime()) / 86_400_000) === 1) {
+            run += 1;
+        }
+        else {
+            run = 1;
+        }
+        if (run > longest)
+            longest = run;
+        prev = d;
+    }
+    return longest;
+}
+function computeWeekRows(byDay) {
+    const rows = [];
+    const today = new Date();
+    for (let i = 6; i >= 0; i--) {
+        const d = new Date(today);
+        d.setDate(d.getDate() - i);
+        const key = localStr(d);
+        const bucket = byDay[key];
+        if (bucket)
+            rows.push([key, String(bucket.total)]);
+    }
+    return rows;
+}
+export class JsonStore {
+    filePath;
+    data;
+    questionBank = [];
+    constructor(filePath) {
+        this.filePath = filePath;
+        this.data = this.load();
+    }
+    load() {
+        try {
+            const raw = fs.readFileSync(this.filePath, "utf8");
+            if (!raw.trim())
+                return emptyData();
+            const parsed = JSON.parse(raw);
+            const stats = parsed.stats ?? {};
+            return {
+                version: 1,
+                config: parsed.config ?? {},
+                stats: {
+                    totalAttempts: stats.totalAttempts ?? 0,
+                    correctAttempts: stats.correctAttempts ?? 0,
+                    whyCount: stats.whyCount ?? 0,
+                    byDay: stats.byDay ?? {}
+                },
+                profile: { signals: parsed.profile?.signals ?? {} },
+                reviewQueue: Array.isArray(parsed.reviewQueue) ? parsed.reviewQueue : []
+            };
+        }
+        catch {
+            return emptyData();
+        }
+    }
+    persist() {
+        const dir = path.dirname(this.filePath);
+        if (dir)
+            fs.mkdirSync(dir, { recursive: true });
+        const tmp = `${this.filePath}.tmp`;
+        fs.writeFileSync(tmp, JSON.stringify(this.data, null, 2) + "\n", "utf8");
+        fs.renameSync(tmp, this.filePath);
+    }
+    init() {
+        // Data is loaded in the constructor; nothing to initialize eagerly.
+    }
+    setConfig(key, value) {
+        this.data.config[key] = value;
+        this.persist();
+    }
+    getConfig(key, fallback = null) {
+        const value = this.data.config[key];
+        return value === undefined ? fallback : value;
+    }
+    saveQuestion(question) {
+        const idx = this.questionBank.findIndex((q) => q.id === question.id);
+        if (idx >= 0)
+            this.questionBank[idx] = question;
+        else
+            this.questionBank.push(question);
+    }
+    listRecentQuestions(limit = 20) {
+        return [...this.questionBank].reverse().slice(0, limit);
+    }
+    clearQuestionBank() {
+        this.questionBank = [];
+    }
+    resetAll() {
+        this.data = emptyData();
+        this.questionBank = [];
+        this.persist();
+    }
+    recordAttempt({ correct }) {
+        this.data.stats.totalAttempts += 1;
+        if (correct)
+            this.data.stats.correctAttempts += 1;
+        const today = localStr(new Date());
+        const bucket = this.data.stats.byDay[today] ?? { total: 0, correct: 0 };
+        bucket.total += 1;
+        if (correct)
+            bucket.correct += 1;
+        this.data.stats.byDay[today] = bucket;
+        this.persist();
+    }
+    recordWhyAttempt(_questionId) {
+        this.data.stats.whyCount += 1;
+        this.persist();
+    }
+    updateSignal(tag, wasCorrect) {
+        const delta = wasCorrect ? 0.08 : -0.1;
+        const trend = delta > 0 ? "up" : "down";
+        const prev = this.data.profile.signals[tag] ?? {
+            score: 0.5,
+            confidence: 0.2,
+            trend,
+            correctCount: 0,
+            wrongCount: 0
+        };
+        this.data.profile.signals[tag] = {
+            score: Math.min(0.95, Math.max(0.05, prev.score + delta)),
+            confidence: Math.min(0.98, prev.confidence + 0.08),
+            trend,
+            correctCount: prev.correctCount + (wasCorrect ? 1 : 0),
+            wrongCount: prev.wrongCount + (wasCorrect ? 0 : 1)
+        };
+        this.persist();
+    }
+    getProfileSignals() {
+        return Object.entries(this.data.profile.signals)
+            .map(([tag, row]) => ({ tag, ...row }))
+            .sort((a, b) => b.score - a.score || b.confidence - a.confidence);
+    }
+    upsertReviewItem(question, resolved) {
+        const idx = this.data.reviewQueue.findIndex((r) => r.id === question.id);
+        if (resolved) {
+            if (idx >= 0)
+                this.data.reviewQueue.splice(idx, 1);
+            this.persist();
+            return;
+        }
+        const entry = {
+            id: question.id,
+            question,
+            addedAt: new Date().toISOString()
+        };
+        if (idx >= 0)
+            this.data.reviewQueue[idx] = entry;
+        else
+            this.data.reviewQueue.push(entry);
+        this.persist();
+    }
+    listReviewQuestions(limit = 5) {
+        return [...this.data.reviewQueue]
+            .reverse()
+            .slice(0, limit)
+            .map((r) => r.question);
+    }
+    getStats() {
+        const { totalAttempts, correctAttempts, whyCount, byDay } = this.data.stats;
+        const reviewPending = this.data.reviewQueue.length;
+        const today = localStr(new Date());
+        const todayCount = byDay[today]?.total ?? 0;
+        return {
+            attemptsTotal: totalAttempts,
+            attemptsCorrect: correctAttempts,
+            todayCount,
+            reviewPending,
+            whyCount,
+            currentStreak: computeCurrentStreak(byDay),
+            longestStreak: computeLongestStreak(byDay),
+            xp: correctAttempts * 10 + (totalAttempts - correctAttempts) * 4 + whyCount * 3,
+            level: Math.floor((correctAttempts * 10 + (totalAttempts - correctAttempts) * 4 + whyCount * 3) / 100) + 1,
+            accuracy: totalAttempts ? correctAttempts / totalAttempts : 0,
+            weekRows: computeWeekRows(byDay)
+        };
+    }
+}

package/dist/ui/App.js

@@ -6,6 +6,7 @@ import { SettingsScreen } from "./screens/SettingsScreen.js";
 import { InfoScreen } from "./screens/InfoScreen.js";
 import { formatProfile, formatStats } from "./formatters.js";
 import { createSoundPlayer } from "./sound.js";
+import { normalizeConfig } from "../cli/config.js";
 export function App({ store, initialConfig, resolveSource, onExit }) {
     const [config, setConfig] = useState(initialConfig);
     const [screen, setScreen] = useState("home");
@@ -35,8 +36,7 @@ export function App({ store, initialConfig, resolveSource, onExit }) {
             return;
         }
         if (action === "review") {
-            const ids = new Set(store.listReviewQuestionIds(5));
-            const questions = store.listRecentQuestions(50).filter((item) => ids.has(item.id));
+            const questions = store.listReviewQuestions(5);
             if (!questions.length) {
                 setScreen("review-empty");
                 return;
@@ -75,7 +75,11 @@ export function App({ store, initialConfig, resolveSource, onExit }) {
             store.setConfig("user", next);
             setConfig(next);
         };
-        return (_jsx(SettingsScreen, { config: config, sound: sound, onPersist: persistConfig, onBack: () => setScreen("home") }));
+        return (_jsx(SettingsScreen, { config: config, sound: sound, onPersist: persistConfig, onReset: () => {
+                store.resetAll();
+                setConfig(normalizeConfig({}));
+                setScreen("home");
+            }, onBack: () => setScreen("home") }));
     }
     if (screen === "stats") {
         return (_jsx(InfoScreen, { title: "QuizMe Stats", lines: formatStats(store), isZh: isZh, onBack: () => setScreen("home") }));

package/dist/ui/components/AppHeader.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
+import { Box, Text, useStdout } from "ink";
+import { Divider } from "./Divider.js";
 import { theme } from "../theme.js";
 export function AppHeader({ title, subtitle }) {
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.claude, children: title }), subtitle ? (_jsx(Text, { color: theme.inactive, children: subtitle })) : null] }));
+    const { stdout } = useStdout();
+    const columns = stdout.columns || 80;
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.claude, children: title }), subtitle ? (_jsx(Text, { dimColor: true, children: subtitle })) : null, _jsx(Box, { marginTop: 0, children: _jsx(Divider, { width: columns }) })] }));
 }

package/dist/ui/components/SelectList.js

@@ -6,7 +6,7 @@ export function SelectList({ items, selectedIndex, showIndex = false }) {
             const selected = index === selectedIndex;
             const prefix = showIndex ? `${index + 1}. ` : selected ? `${symbols.pointer} ` : `${symbols.pointerIdle} `;
             if (selected) {
-                return (_jsx(Box, { children: _jsxs(Text, { backgroundColor: theme.selectionBg, color: theme.text, bold: true, children: [prefix, item.label] }) }, item.id ?? item.label));
+                return (_jsx(Box, { children: _jsxs(Text, { color: theme.selectionFg, bold: true, children: [prefix, item.label] }) }, item.id ?? item.label));
             }
             return (_jsx(Box, { children: _jsxs(Text, { color: theme.text, children: [prefix, item.label] }) }, item.id ?? item.label));
         }) }));

package/dist/ui/components/Spinner.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Text } from "ink";
+import { theme } from "../theme.js";
+// Claude Code-style spinner: a pulsing dot prefix + cycling star frames.
+const FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+export function Spinner({ label }) {
+    const [frame, setFrame] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setFrame((f) => (f + 1) % FRAMES.length);
+        }, 80);
+        return () => clearInterval(timer);
+    }, []);
+    return (_jsxs(Text, { children: [_jsx(Text, { color: theme.permission, children: FRAMES[frame] }), _jsxs(Text, { color: theme.claude, children: [" ", label] })] }));
+}

package/dist/ui/components/StatusBar.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
-import { theme } from "../theme.js";
 export function StatusBar({ status, hints }) {
     if (!status && !hints) {
         return null;
     }
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [status ? (_jsx(Text, { color: theme.inactive, children: status })) : null, hints ? (_jsx(Text, { color: theme.subtle, children: hints })) : null] }));
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [status ? (_jsx(Text, { dimColor: true, children: status })) : null, hints ? (_jsx(Text, { dimColor: true, children: hints })) : null] }));
 }

package/dist/ui/components/TextInput.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text, useInput } from "ink";
-import { theme } from "../theme.js";
-export function TextInput({ value, onChange, onSubmit, placeholder = "" }) {
+import { Box, Text, useStdout, useInput } from "ink";
+import { symbols, theme } from "../theme.js";
+export function TextInput({ value, onChange, onSubmit, placeholder = "", frameLabel }) {
+    const { stdout } = useStdout();
+    const columns = stdout.columns || 80;
     useInput((input, key) => {
         if (key.return) {
             onSubmit(value);
@@ -19,5 +21,6 @@ export function TextInput({ value, onChange, onSubmit, placeholder = "" }) {
             onChange(value + input);
         }
     });
-    return (_jsxs(Text, { children: [_jsx(Text, { color: theme.permission, children: placeholder }), _jsx(Text, { color: theme.text, children: value }), _jsx(Text, { backgroundColor: theme.suggestion, color: theme.inverseText, children: " " })] }));
+    const prompt = placeholder || "> ";
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.promptBorder, marginTop: 1, width: columns, children: [frameLabel ? (_jsx(Text, { dimColor: true, children: frameLabel })) : null, _jsxs(Box, { children: [_jsx(Text, { color: theme.permission, children: prompt }), _jsx(Text, { color: theme.text, children: value }), _jsx(Text, { color: theme.selectionFg, children: symbols.cursor })] })] }));
 }

package/dist/ui/components/WelcomeBanner.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text, useStdout } from "ink";
-import { Clawd } from "./Clawd.js";
 import { FeedColumn } from "./FeedColumn.js";
 import { calculateLayoutDimensions, calculateOptimalLeftWidth, getLayoutMode } from "../logoLayout.js";
 import { truncate, wrapText } from "../textUtils.js";
@@ -52,7 +51,7 @@ function buildFeeds(isZh, stats, config) {
     };
     return [statsFeed, configFeed];
 }
-const CLAWD_AND_GAP = 12;
+const CLAWD_AND_GAP = 0;
 export function WelcomeBanner({ config, stats, source }) {
     const { stdout } = useStdout();
     const columns = stdout.columns || 80;
@@ -73,7 +72,7 @@ export function WelcomeBanner({ config, stats, source }) {
     const { leftWidth, rightWidth, totalWidth } = calculateLayoutDimensions(columns, layoutMode, optimalLeftWidth + CLAWD_AND_GAP);
     const feeds = buildFeeds(isZh, stats, config);
     const boxWidth = Math.min(columns, totalWidth + 4);
-    const leftPanel = (_jsxs(Box, { flexDirection: "row", gap: 2, alignItems: "center", children: [_jsx(Clawd, {}), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "QuizMe" }), _jsxs(Text, { dimColor: true, children: [" v", truncate(QUIZME_VERSION, 12)] })] }), taglineLines.map((line, index) => (_jsx(Text, { dimColor: true, children: line }, `tagline-${index}`))), modeLines.map((line, index) => (_jsx(Text, { dimColor: true, children: line }, `mode-${index}`)))] })] }));
+    const leftPanel = (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: "QuizMe" }), _jsxs(Text, { dimColor: true, children: [" v", truncate(QUIZME_VERSION, 12)] })] }), taglineLines.map((line, index) => (_jsx(Text, { dimColor: true, children: line }, `tagline-${index}`))), modeLines.map((line, index) => (_jsx(Text, { dimColor: true, children: line }, `mode-${index}`)))] }));
     const rightPanel = _jsx(FeedColumn, { feeds: feeds, maxWidth: rightWidth });
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: boxWidth, children: [_jsx(Box, { marginBottom: -1, marginLeft: 3, children: _jsxs(Text, { children: [_jsx(Text, { bold: true, color: theme.claude, children: "QuizMe" }), _jsxs(Text, { dimColor: true, children: [" v", QUIZME_VERSION] })] }) }), _jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.claude, paddingX: 1, paddingY: 1, width: boxWidth, children: layoutMode === "horizontal" ? (_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { width: leftWidth, justifyContent: "center", children: leftPanel }), _jsx(Box, { height: "100%", borderStyle: "single", borderColor: theme.claude, borderDimColor: true, borderTop: false, borderBottom: false, borderLeft: false }), rightPanel] })) : (_jsxs(Box, { flexDirection: "column", gap: 1, alignItems: "center", children: [leftPanel, rightPanel] })) })] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: boxWidth, children: [_jsx(Box, { marginBottom: -1, marginLeft: 3, children: _jsxs(Text, { children: [_jsx(Text, { bold: true, color: theme.claude, children: "QuizMe" }), _jsxs(Text, { dimColor: true, children: [" v", QUIZME_VERSION] })] }) }), _jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.claude, paddingX: 1, paddingY: 0, width: boxWidth, borderLeft: false, borderRight: false, children: layoutMode === "horizontal" ? (_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { width: leftWidth, justifyContent: "center", children: leftPanel }), _jsx(Box, { height: "100%", borderStyle: "single", borderColor: theme.claude, borderDimColor: true, borderTop: false, borderBottom: false, borderLeft: false }), rightPanel] })) : (_jsxs(Box, { flexDirection: "column", gap: 1, alignItems: "center", children: [leftPanel, rightPanel] })) })] }));
 }

package/dist/ui/screens/QuizScreen.js

@@ -5,10 +5,11 @@ 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 { Spinner } from "../components/Spinner.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";
+import { hintLine, symbols, 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");
@@ -47,6 +48,7 @@ export function QuizScreen({ store, config, sound, source, questionsOverride = n
         }, 1000);
         (async () => {
             try {
+                store.clearQuestionBank();
                 const recentQuestions = store.listRecentQuestions(20);
                 let loaded;
                 if (questionsOverride) {
@@ -54,14 +56,12 @@ export function QuizScreen({ store, config, sound, source, questionsOverride = n
                 }
                 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);
@@ -73,7 +73,7 @@ export function QuizScreen({ store, config, sound, source, questionsOverride = n
                     setPhase("error");
                     return;
                 }
-                loaded.forEach((item) => store.saveQuestion(item, source.sourceType));
+                loaded.forEach((item) => store.saveQuestion(item));
                 setQuestions(loaded);
                 setPhase("question");
                 startedAtRef.current = Date.now();
@@ -107,7 +107,7 @@ export function QuizScreen({ store, config, sound, source, questionsOverride = n
             tags: question.tags
         });
         question.tags.forEach((tag) => store.updateSignal(tag, correct));
-        store.upsertReviewItem(question.id, correct);
+        store.upsertReviewItem(question, correct);
         setAnswerResult({ selected, correct });
         setResultActionIndex(0);
         setPhase("result");
@@ -158,7 +158,7 @@ export function QuizScreen({ store, config, sound, source, questionsOverride = n
         if (!question)
             return;
         if (whyTurnsRef.current.length) {
-            store.appendWhyThread(question.id, whyTurnsRef.current);
+            store.recordWhyAttempt(question.id);
         }
         whyTurnsRef.current = [];
         setWhyMessages([]);
@@ -274,10 +274,10 @@ export function QuizScreen({ store, config, sound, source, questionsOverride = n
         }
     });
     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"]) })] }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "错误" : "Error" }), _jsxs(Text, { color: theme.error, children: [symbols.error, " ", 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"]) })] }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "生成中" : "Generating" }), _jsx(Spinner, { label: isZh ? `正在生成题目 (${genElapsed}s)` : `Generating questions (${genElapsed}s)` }), _jsx(StatusBar, { status: isZh ? "请稍候" : "Please wait", hints: hintLine([isZh ? "基于当前上下文出题" : "building questions from context"]) })] }));
     }
     if (!question) {
         return null;
@@ -330,15 +330,15 @@ export function QuizScreen({ store, config, sound, source, questionsOverride = n
         ? `第 ${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 ? `${symbols.success} 回答正确` : `${symbols.success} 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) => {
+                                ? `${symbols.error} 回答错误 · 正确答案 ${question.answer}`
+                                : `${symbols.error} 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, { backgroundColor: theme.userMessageBg, children: [_jsxs(Text, { color: theme.permission, children: [symbols.pointer, " "] }), msg.asked] }), _jsx(Text, { color: theme.text, wrap: "wrap", children: msg.answer })] }, `${msg.asked}-${i}`))), whyLoading && whyStreaming ? (_jsxs(Text, { color: theme.text, wrap: "wrap", children: [whyStreaming, _jsx(Text, { color: theme.selectionFg, children: symbols.cursor })] })) : null, whyLoading && !whyStreaming ? (_jsx(Spinner, { label: 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 })] }));
+                        }, placeholder: "why> ", frameLabel: isZh ? `why · 第 ${questionIndex + 1}/${total} 题` : `why · Q${questionIndex + 1}/${total}` })) : null] })), _jsx(StatusBar, { status: statusText, hints: hintsText })] }));
 }

package/dist/ui/screens/SettingsScreen.js

@@ -11,11 +11,26 @@ const LEVELS = [
     { id: "senior", label: "Senior" },
     { id: "staff", label: "Staff+" }
 ];
-export function SettingsScreen({ config, sound, onPersist, onBack }) {
+const CLAUDE_MODELS = [
+    { id: "haiku", label: "Haiku (fast)" },
+    { id: "sonnet", label: "Sonnet" },
+    { id: "opus", label: "Opus" },
+    { id: "", label: "Account default" }
+];
+const CLAUDE_EFFORTS = [
+    { id: "low", label: "Low" },
+    { id: "medium", label: "Medium" },
+    { id: "high", label: "High" },
+    { id: "xhigh", label: "xHigh" },
+    { id: "max", label: "Max" }
+];
+export function SettingsScreen({ config, sound, onPersist, onReset, 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 [modelIndex, setModelIndex] = useState(Math.max(0, CLAUDE_MODELS.findIndex((m) => m.id === (config.claudeModel ?? ""))));
+    const [effortIndex, setEffortIndex] = useState(Math.max(0, CLAUDE_EFFORTS.findIndex((e) => e.id === (config.claudeEffort ?? ""))));
     const soundRef = useRef(sound);
     soundRef.current = sound;
     const configRef = useRef(config);
@@ -26,6 +41,15 @@ export function SettingsScreen({ config, sound, onPersist, onBack }) {
             { id: "level", label: `等级: ${config.level}` },
             { id: "goal", label: `每日目标: ${config.dailyGoal}` },
             { id: "sound", label: `音效: ${config.soundEnabled ? "开" : "关"}` },
+            {
+                id: "model",
+                label: `题目模型: ${config.claudeModel ? config.claudeModel : "默认"}`
+            },
+            {
+                id: "effort",
+                label: `题目 Effort: ${config.claudeEffort ?? "默认"}`
+            },
+            { id: "reset", label: "清除设置和缓存" },
             { id: "back", label: "返回" }
         ]
         : [
@@ -33,6 +57,15 @@ export function SettingsScreen({ config, sound, onPersist, onBack }) {
             { id: "level", label: `Level: ${config.level}` },
             { id: "goal", label: `Daily goal: ${config.dailyGoal}` },
             { id: "sound", label: `Sound: ${config.soundEnabled ? "On" : "Off"}` },
+            {
+                id: "model",
+                label: `Quiz model: ${config.claudeModel ? config.claudeModel : "default"}`
+            },
+            {
+                id: "effort",
+                label: `Quiz effort: ${config.claudeEffort ?? "default"}`
+            },
+            { id: "reset", label: "Clear settings & cache" },
             { id: "back", label: "Back" }
         ];
     useInput((input, key) => {
@@ -73,10 +106,24 @@ export function SettingsScreen({ config, sound, onPersist, onBack }) {
                     setStep("level");
                     return;
                 }
+                if (action === "model") {
+                    setModelIndex(Math.max(0, CLAUDE_MODELS.findIndex((m) => m.id === (current.claudeModel ?? ""))));
+                    setStep("model");
+                    return;
+                }
+                if (action === "effort") {
+                    setEffortIndex(Math.max(0, CLAUDE_EFFORTS.findIndex((e) => e.id === (current.claudeEffort ?? ""))));
+                    setStep("effort");
+                    return;
+                }
                 if (action === "goal") {
                     setStep("goal");
                     return;
                 }
+                if (action === "reset") {
+                    setStep("confirm-reset");
+                    return;
+                }
                 if (action === "back") {
                     onBack();
                 }
@@ -85,6 +132,17 @@ export function SettingsScreen({ config, sound, onPersist, onBack }) {
                 onBack();
             return;
         }
+        if (step === "confirm-reset") {
+            if (input === "y" || input === "Y") {
+                soundRef.current.playToggleOff();
+                onReset();
+                return;
+            }
+            if (input === "n" || input === "N" || key.escape) {
+                setStep("menu");
+            }
+            return;
+        }
         if (step === "level") {
             if (key.upArrow) {
                 setLevelIndex((i) => Math.max(0, i - 1));
@@ -104,6 +162,47 @@ export function SettingsScreen({ config, sound, onPersist, onBack }) {
                 setStep("menu");
             return;
         }
+        if (step === "model") {
+            if (key.upArrow) {
+                setModelIndex((i) => Math.max(0, i - 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.downArrow) {
+                setModelIndex((i) => Math.min(CLAUDE_MODELS.length - 1, i + 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.return) {
+                onPersist({ ...configRef.current, claudeModel: CLAUDE_MODELS[modelIndex].id });
+                setStep("menu");
+            }
+            if (key.escape)
+                setStep("menu");
+            return;
+        }
+        if (step === "effort") {
+            if (key.upArrow) {
+                setEffortIndex((i) => Math.max(0, i - 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.downArrow) {
+                setEffortIndex((i) => Math.min(CLAUDE_EFFORTS.length - 1, i + 1));
+                soundRef.current.playNavigate();
+                return;
+            }
+            if (key.return) {
+                onPersist({
+                    ...configRef.current,
+                    claudeEffort: CLAUDE_EFFORTS[effortIndex].id
+                });
+                setStep("menu");
+            }
+            if (key.escape)
+                setStep("menu");
+            return;
+        }
         if (step === "goal") {
             const num = Number(input);
             if (num >= 1 && num <= 9) {
@@ -122,9 +221,36 @@ export function SettingsScreen({ config, sound, onPersist, onBack }) {
                         isZh ? "Esc 返回" : "esc back"
                     ]) })] }));
     }
+    if (step === "model") {
+        const modelItems = CLAUDE_MODELS.map((m) => ({ id: m.id || "default", label: m.label }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "设置 · 题目模型" : "Settings · Quiz model" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectList, { items: modelItems, selectedIndex: modelIndex, showIndex: true }) }), _jsx(StatusBar, { status: isZh ? "模型" : "Model", hints: hintLine([
+                        isZh ? "↑↓ 选择" : "↑↓ select",
+                        isZh ? "Enter 确认" : "enter confirm",
+                        isZh ? "Esc 返回" : "esc back"
+                    ]) })] }));
+    }
+    if (step === "effort") {
+        const effortItems = CLAUDE_EFFORTS.map((e) => ({
+            id: e.id,
+            label: e.label
+        }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "设置 · 题目 Effort" : "Settings · Quiz effort" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectList, { items: effortItems, selectedIndex: effortIndex, showIndex: true }) }), _jsx(StatusBar, { status: isZh ? "Effort" : "Effort", 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"]) })] }));
     }
+    if (step === "confirm-reset") {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(AppHeader, { title: "QuizMe", subtitle: isZh ? "设置 · 清除设置和缓存" : "Settings · Clear settings & cache" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: theme.warning, children: isZh
+                                ? "将清除所有设置、统计、画像与复习队列，且不可恢复。"
+                                : "This will erase all settings, stats, profile signals, and the review queue. This cannot be undone." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.inactive, children: isZh ? "按 Y 确认清除，N 取消" : "Press Y to confirm, N to cancel" }) })] }), _jsx(StatusBar, { status: isZh ? "确认" : "Confirm", hints: hintLine([
+                        isZh ? "Y 确认" : "Y confirm",
+                        isZh ? "N/Esc 取消" : "N/esc cancel"
+                    ]) })] }));
+    }
     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",