cc98-cli 0.4.0 → 0.5.0

package/dist/tui/controller.js

@@ -1,10 +1,14 @@
 import { checkForUpdate } from "../update.js";
 import { appVersion } from "../version.js";
+import { Cc98Client } from "../api/client.js";
 import { getImageCache } from "../storage/image-cache.js";
+import { SettingsStore } from "../storage/settings-store.js";
+import { getKeybindingManager } from "./keybindings.js";
+import { EMOJI_CATEGORIES, getEmojiArt, renderCc98Logo, renderEmojiCode } from "./emoji-renderer.js";
 import { navItems, settingsItems } from "./navigation.js";
 import { getStatus } from "./state/store.js";
 import { asArray, asNumber, asObject, chatItem, chatMessageItems, flattenBoards, genericItem, historyItem, isAbortError, jsonPreviewLines, loadChatUserNames, mapLimit, noticeItem, overviewStats, topicItem, unreadStats, userItem } from "./helpers.js";
-import { appendTopicPosts, buildTopicReader, currentTopicPost, findTopicPostByFloor, jumpRelativeTopicFloor } from "./topic-reader.js";
+import { appendTopicPosts, buildTopicReader, currentTopicPost, findTopicPostByFloor, getTopicPageInfo, jumpToPage, FLOORS_PER_PAGE } from "./topic-reader.js";
 export class TuiController {
     state;
     client;
@@ -13,8 +17,13 @@ export class TuiController {
     close;
     nextSignal;
     abortCurrent;
+    webVpnOptions;
     loadVersion = 0;
-    constructor(state, client, tokenStore, render, close, nextSignal, abortCurrent) {
+    keybindings;
+    settingsStore = new SettingsStore();
+    updateChecked = false;
+    autoSigninChecked = false;
+    constructor(state, client, tokenStore, render, close, nextSignal, abortCurrent, webVpnOptions) {
         this.state = state;
         this.client = client;
         this.tokenStore = tokenStore;
@@ -22,9 +31,12 @@ export class TuiController {
         this.close = close;
         this.nextSignal = nextSignal;
         this.abortCurrent = abortCurrent;
+        this.webVpnOptions = webVpnOptions;
+        this.keybindings = getKeybindingManager();
     }
     async load(force = false) {
         const version = ++this.loadVersion;
+        let shouldAutoSignin = false;
         const signal = this.nextSignal();
         const nav = navItems[this.state.navIndex] ?? navItems[0];
         this.state.viewTitle = nav.label;
@@ -44,7 +56,18 @@ export class TuiController {
         this.state.currentChat = undefined;
         this.render();
         try {
+            // 加载快捷键配置
+            await this.keybindings.load();
             this.state.account = await this.tokenStore.getCurrentAccountName();
+            // 异步检查更新（不阻塞主加载）
+            if (!this.updateChecked) {
+                this.updateChecked = true;
+                void this.checkUpdate();
+            }
+            if (!this.autoSigninChecked) {
+                this.autoSigninChecked = true;
+                shouldAutoSignin = true;
+            }
             const next = await this.loadView(nav.id, force, signal);
             if (version !== this.loadVersion)
                 return;
@@ -67,6 +90,9 @@ export class TuiController {
             if (version === this.loadVersion) {
                 this.state.loading = false;
                 this.render();
+                if (shouldAutoSignin) {
+                    void this.runAutoSignin();
+                }
             }
         }
     }
@@ -75,11 +101,20 @@ export class TuiController {
             this.handleInputKey(key);
             return;
         }
-        if (key === "\u0003" || key === "q") {
+        // 关闭更新通知（Esc 或任意键）
+        if (this.state.updateAvailable?.isNew) {
+            if (key === "\x1b" || key === "\r") {
+                this.dismissUpdate();
+                return;
+            }
+            // 其他按键也关闭更新通知，继续处理原按键动作
+            this.dismissUpdate();
+        }
+        if (this.keybindings.matches(key, "quit")) {
             this.close();
             return;
         }
-        if (key === "?") {
+        if (this.keybindings.matches(key, "help")) {
             this.state.modal = this.state.modal === "help" ? null : "help";
             this.render();
             return;
@@ -103,17 +138,17 @@ export class TuiController {
         this.handleContentKey(key);
     }
     handleInputKey(key) {
-        if (key === "\x1b") {
+        if (this.keybindings.matches(key, "inputCancel")) {
             this.state.inputMode = false;
             this.state.inputValue = "";
             this.render();
             return;
         }
-        if (key === "\r") {
+        if (this.keybindings.matches(key, "inputConfirm")) {
             this.state.inputCallback?.(this.state.inputValue);
             return;
         }
-        if (key === "\x7f") {
+        if (this.keybindings.matches(key, "inputBackspace")) {
             this.state.inputValue = this.state.inputValue.slice(0, -1);
             this.render();
             return;
@@ -124,8 +159,19 @@ export class TuiController {
         }
     }
     handleModalKey(key) {
-        if (this.state.modal === "help" || this.state.modal === "info") {
-            // 帮助/信息弹窗：任意键关闭
+        if (this.state.modal === "help") {
+            this.closeModal();
+            return;
+        }
+        if (this.state.modal === "info") {
+            // 如果有确认回调，确认键执行回调，其它键关闭。
+            if (this.state.confirmCallback && this.keybindings.matches(key, "confirm")) {
+                const callback = this.state.confirmCallback;
+                this.state.confirmCallback = undefined;
+                this.closeModal();
+                callback();
+                return;
+            }
             this.closeModal();
             return;
         }
@@ -142,31 +188,30 @@ export class TuiController {
         }
     }
     handleSearchKey(key) {
-        if (key === "\x1b" || key === "/") {
-            // Esc 或 / 关闭搜索
+        if (this.keybindings.matches(key, "searchClose")) {
             this.state.modal = null;
             this.state.searchQuery = "";
             this.render();
             return;
         }
-        if (key === "\t") {
+        if (this.keybindings.matches(key, "searchToggleMode")) {
             this.state.searchMode = this.state.searchMode === "topics" ? "users" : "topics";
             this.state.searchResults = [];
             this.state.itemIndex = 0;
             this.render();
             return;
         }
-        if ((key === "j" || key === "\x1b[B") && this.state.searchResults.length > 0) {
+        if (this.keybindings.matches(key, "searchNext") && this.state.searchResults.length > 0) {
             this.state.itemIndex = Math.min(this.state.searchResults.length - 1, this.state.itemIndex + 1);
             this.render();
             return;
         }
-        if ((key === "k" || key === "\x1b[A") && this.state.searchResults.length > 0) {
+        if (this.keybindings.matches(key, "searchPrev") && this.state.searchResults.length > 0) {
             this.state.itemIndex = Math.max(0, this.state.itemIndex - 1);
             this.render();
             return;
         }
-        if (key === "\r") {
+        if (this.keybindings.matches(key, "searchExecute")) {
             const selected = this.state.searchResults[this.state.itemIndex];
             if (selected) {
                 // 有选中项：打开
@@ -222,23 +267,22 @@ export class TuiController {
         }
     }
     handleMenuKey(key) {
-        if (key === "j" || key === "\x1b[B") {
+        if (this.keybindings.matches(key, "menuNext")) {
             this.state.menuIndex = Math.min(Math.max(0, this.state.menuItems.length - 1), this.state.menuIndex + 1);
             this.render();
             return;
         }
-        if (key === "k" || key === "\x1b[A") {
+        if (this.keybindings.matches(key, "menuPrev")) {
             this.state.menuIndex = Math.max(0, this.state.menuIndex - 1);
             this.render();
             return;
         }
-        if (key === "\x1b" || key === "o") {
-            // Esc 或 o 关闭菜单
+        if (this.keybindings.matches(key, "menuClose")) {
             this.state.modal = null;
             this.render();
             return;
         }
-        if (key === "\r" || key === "l") {
+        if (this.keybindings.matches(key, "menuExecute")) {
             // Enter 或 l 执行选中项
             const selected = this.state.menuItems[this.state.menuIndex];
             this.state.modal = null;
@@ -250,84 +294,137 @@ export class TuiController {
         }
     }
     handleTopicKey(key) {
+        // 数字输入：收集跳转目标
         if (/^\d$/.test(key) && this.state.topic) {
             this.state.topic.floorInput = `${this.state.topic.floorInput}${key}`.slice(0, 6);
-            this.state.status = `跳转到 ${this.state.topic.floorInput} 楼：Enter 确认  Esc 取消`;
+            this.state.status = `输入: ${this.state.topic.floorInput}`;
             this.render();
             return;
         }
-        if (key === "\x7f" && this.state.topic?.floorInput) {
+        // 退格：删除输入
+        if (this.keybindings.matches(key, "inputBackspace") && this.state.topic?.floorInput) {
             this.state.topic.floorInput = this.state.topic.floorInput.slice(0, -1);
-            this.state.status = this.state.topic.floorInput ? `跳转到 ${this.state.topic.floorInput} 楼：Enter 确认  Esc 取消` : getStatus(this.state);
+            this.state.status = this.state.topic.floorInput ? `输入: ${this.state.topic.floorInput}` : "";
             this.render();
             return;
         }
-        if (key === "\r" && this.state.topic?.floorInput) {
-            const floor = Number(this.state.topic.floorInput);
+        // 数字 + 跳页键：跳页
+        if (this.keybindings.matches(key, "topicJumpPage") && this.state.topic?.floorInput) {
+            const page = Number(this.state.topic.floorInput);
+            this.state.topic.jumpTarget = { type: "page", value: page };
             this.state.topic.floorInput = "";
-            if (Number.isInteger(floor) && floor > 0)
-                void this.jumpToTopicFloor(floor, this.nextSignal());
+            this.state.status = `跳转到第 ${page} 页？${this.keybindings.formatActionKeys("confirm")} 确认  ${this.keybindings.formatActionKeys("back")} 取消`;
+            this.render();
             return;
         }
-        if ((key === "]" || key === "】") && this.state.topic) {
-            this.state.scroll = jumpRelativeTopicFloor(this.state.topic, this.state.scroll, 1);
-            this.state.status = getStatus(this.state);
+        // 数字 + 跳楼键：跳楼
+        if (this.keybindings.matches(key, "topicJumpFloor") && this.state.topic?.floorInput) {
+            const floor = Number(this.state.topic.floorInput);
+            this.state.topic.jumpTarget = { type: "floor", value: floor };
+            this.state.topic.floorInput = "";
+            this.state.status = `跳转到第 ${floor} 楼？${this.keybindings.formatActionKeys("confirm")} 确认  ${this.keybindings.formatActionKeys("back")} 取消`;
             this.render();
             return;
         }
-        if ((key === "[" || key === "【") && this.state.topic) {
-            this.state.scroll = jumpRelativeTopicFloor(this.state.topic, this.state.scroll, -1);
-            this.state.status = getStatus(this.state);
+        // 跳到最后一页
+        if (this.keybindings.matches(key, "topicJumpLast") && !this.state.topic?.floorInput && this.state.topic) {
+            const pageInfo = getTopicPageInfo(this.state.topic, this.state.topic.cursorLine);
+            this.state.topic.jumpTarget = { type: "page", value: pageInfo.totalPages };
+            this.state.status = `跳转到最后一页（第 ${pageInfo.totalPages} 页）？${this.keybindings.formatActionKeys("confirm")} 确认  ${this.keybindings.formatActionKeys("back")} 取消`;
             this.render();
             return;
         }
-        if (key === "\x1b" && this.state.topic?.floorInput) {
+        // 确认跳转
+        if (this.keybindings.matches(key, "confirm") && this.state.topic?.jumpTarget) {
+            const target = this.state.topic.jumpTarget;
+            this.state.topic.jumpTarget = undefined;
+            this.state.status = "";
+            if (target.type === "page") {
+                void this.jumpToTopicPage(target.value, this.nextSignal());
+            }
+            else {
+                void this.jumpToTopicFloor(target.value, this.nextSignal());
+            }
+            return;
+        }
+        // 取消跳转
+        if (this.keybindings.matches(key, "back") && (this.state.topic?.floorInput || this.state.topic?.jumpTarget)) {
             this.state.topic.floorInput = "";
-            this.state.status = getStatus(this.state);
+            this.state.topic.jumpTarget = undefined;
+            this.state.status = "";
             this.render();
             return;
         }
-        if (key === "h" || key === "\x1b[D" || key === "\x1b") {
+        // ]：下一层
+        if (this.keybindings.matches(key, "topicNextFloor") && this.state.topic) {
+            void this.jumpRelativeFloor(1);
+            return;
+        }
+        // [：上一层
+        if (this.keybindings.matches(key, "topicPrevFloor") && this.state.topic) {
+            void this.jumpRelativeFloor(-1);
+            return;
+        }
+        // }：下一页
+        if (this.keybindings.matches(key, "topicNextPage") && this.state.topic) {
+            void this.jumpToNextPage();
+            return;
+        }
+        // {：上一页
+        if (this.keybindings.matches(key, "topicPrevPage") && this.state.topic) {
+            void this.jumpToPrevPage();
+            return;
+        }
+        // h/Esc：返回
+        if (this.keybindings.matches(key, "back")) {
             this.leave();
             return;
         }
-        if (key === "j" || key === "\x1b[B") {
+        // j：下移
+        if (this.keybindings.matches(key, "topicScrollDown")) {
             const maxScroll = Math.max(0, (this.state.topic?.lines.length ?? 0) - 1);
-            const wasAtEnd = this.state.scroll >= maxScroll;
-            this.state.scroll = Math.min(maxScroll, this.state.scroll + 1);
-            this.render();
-            if (wasAtEnd && this.state.topic?.hasMore && !this.state.loadingMore) {
-                void this.loadNextTopicPage(this.nextSignal(), true);
+            if (this.state.topic) {
+                this.state.topic.cursorLine = Math.min(maxScroll, this.state.topic.cursorLine + 1);
             }
-            return;
-        }
-        if (key === "k" || key === "\x1b[A") {
-            this.state.scroll = Math.max(0, this.state.scroll - 1);
+            this.state.status = "";
             this.render();
+            void this.checkAutoLoad();
             return;
         }
-        if (key === "n" || key === " ") {
-            void this.loadNextTopicPage(this.nextSignal());
+        // k：上移
+        if (this.keybindings.matches(key, "topicScrollUp")) {
+            if (this.state.topic) {
+                this.state.topic.cursorLine = Math.max(0, this.state.topic.cursorLine - 1);
+            }
+            this.state.status = "";
+            this.render();
             return;
         }
-        if (key === "r" && this.state.topic) {
+        // r：刷新
+        if (this.keybindings.matches(key, "topicRefresh") && this.state.topic) {
             void this.openTopic(this.state.topic.topicId, true, this.nextSignal());
             return;
         }
-        if (key === "s")
+        // s：收藏
+        if (this.keybindings.matches(key, "topicFavorite"))
             void this.toggleFavorite();
-        if (key === "l")
+        // l：点赞
+        if (this.keybindings.matches(key, "topicLike"))
             void this.reactToCurrentPost(true);
-        if (key === "d")
+        // d：踩
+        if (this.keybindings.matches(key, "topicDislike"))
             void this.reactToCurrentPost(false);
-        if (key === "u")
+        // u：查看用户
+        if (this.keybindings.matches(key, "topicUser"))
             void this.showCurrentUser(this.nextSignal());
-        if (key === "v")
+        // v：查看投票
+        if (this.keybindings.matches(key, "topicVote"))
             void this.showTopicVote(this.nextSignal());
-        if (key === "a")
+        // a：查看评价
+        if (this.keybindings.matches(key, "topicReaction"))
             void this.showPostReactionState(this.nextSignal());
-        if (key === "o") {
-            // 如果当前行是图片行，打开图片；否则打开菜单
+        // o：打开图片/菜单
+        if (this.keybindings.matches(key, "topicOpenImage")) {
             const currentLine = this.getCurrentTopicLine();
             if (currentLine?.kind === "image" && currentLine.imageUrl) {
                 void this.openImage(currentLine.imageUrl);
@@ -336,11 +433,11 @@ export class TuiController {
                 this.openMenu();
             }
         }
-        if (key === "c") {
-            // 复制图片链接
+        // c：图片复制图片本体，链接复制 URL
+        if (this.keybindings.matches(key, "topicCopyLink")) {
             const currentLine = this.getCurrentTopicLine();
             if (currentLine?.kind === "image" && currentLine.imageUrl) {
-                void this.copyToClipboard(currentLine.imageUrl);
+                void this.copyImageToClipboard(currentLine.imageUrl);
             }
             else if (currentLine?.kind === "link" && currentLine.linkUrl) {
                 void this.copyToClipboard(currentLine.linkUrl);
@@ -348,39 +445,40 @@ export class TuiController {
         }
     }
     handleSettingsKey(key) {
-        if (key === "j" || key === "\x1b[B") {
-            this.state.itemIndex = Math.min(settingsItems.length - 1, this.state.itemIndex + 1);
+        const itemCount = this.state.items.length || settingsItems.length;
+        if (this.keybindings.matches(key, "moveDown")) {
+            this.state.itemIndex = Math.min(itemCount - 1, this.state.itemIndex + 1);
             this.render();
             return;
         }
-        if (key === "k" || key === "\x1b[A") {
+        if (this.keybindings.matches(key, "moveUp")) {
             this.state.itemIndex = Math.max(0, this.state.itemIndex - 1);
             this.render();
             return;
         }
-        if (key === "h" || key === "\x1b[D" || key === "\x1b") {
+        if (this.keybindings.matches(key, "back")) {
             this.state.mode = "list";
             this.state.focus = "nav";
             this.state.status = getStatus(this.state);
             this.render();
             return;
         }
-        if (key === "l" || key === "\x1b[C" || key === "\r") {
-            void this.activateSetting(settingsItems[this.state.itemIndex]);
+        if (this.keybindings.matches(key, "confirm") || this.keybindings.matches(key, "moveRight")) {
+            void this.activateSetting(this.state.items[this.state.itemIndex] ?? settingsItems[this.state.itemIndex]);
         }
     }
     handleNavKey(key) {
-        if (key === "j" || key === "\x1b[B") {
+        if (this.keybindings.matches(key, "moveDown")) {
             this.state.navIndex = Math.min(navItems.length - 1, this.state.navIndex + 1);
             void this.load();
             return;
         }
-        if (key === "k" || key === "\x1b[A") {
+        if (this.keybindings.matches(key, "moveUp")) {
             this.state.navIndex = Math.max(0, this.state.navIndex - 1);
             void this.load();
             return;
         }
-        if (key === "l" || key === "\x1b[C" || key === "\r") {
+        if (this.keybindings.matches(key, "confirm") || this.keybindings.matches(key, "moveRight")) {
             if (!this.state.loading && this.state.items.length > 0) {
                 if (navItems[this.state.navIndex]?.id === "settings")
                     this.state.mode = "settings";
@@ -391,25 +489,25 @@ export class TuiController {
             }
             return;
         }
-        if (key === "r")
+        if (this.keybindings.matches(key, "refresh"))
             void this.load(true);
     }
     handleContentKey(key) {
-        if (key === "j" || key === "\x1b[B") {
+        if (this.keybindings.matches(key, "listNext")) {
             this.state.itemIndex = Math.min(Math.max(0, this.state.items.length - 1), this.state.itemIndex + 1);
             this.render();
             return;
         }
-        if (key === "k" || key === "\x1b[A") {
+        if (this.keybindings.matches(key, "listPrev")) {
             this.state.itemIndex = Math.max(0, this.state.itemIndex - 1);
             this.render();
             return;
         }
-        if (key === "h" || key === "\x1b[D" || key === "\x1b") {
+        if (this.keybindings.matches(key, "listBack")) {
             this.leave();
             return;
         }
-        if (key === "l" || key === "\x1b[C" || key === "\r") {
+        if (this.keybindings.matches(key, "listOpen")) {
             const selected = this.state.items[this.state.itemIndex];
             if (selected) {
                 void this.activateContentItem(selected, this.nextSignal());
@@ -420,15 +518,11 @@ export class TuiController {
             }
             return;
         }
-        if ((key === "n" || key === " ") && this.state.currentChat) {
-            void this.loadNextChatPage(this.nextSignal());
-            return;
-        }
-        if (key === "r")
+        if (this.keybindings.matches(key, "listRefresh"))
             void this.refresh();
-        if (key === "/")
+        if (this.keybindings.matches(key, "search"))
             this.openSearch();
-        if (key === "o")
+        if (this.keybindings.matches(key, "menu"))
             this.openMenu();
     }
     leave() {
@@ -625,11 +719,18 @@ export class TuiController {
                 };
             }
             case "settings": {
-                const cacheStats = await this.client.getCacheStats();
+                const [cacheStats, autoSignin] = await Promise.all([
+                    this.client.getCacheStats(),
+                    this.settingsStore.isAutoSigninEnabled()
+                ]);
                 return {
                     title: "设置",
-                    items: [...settingsItems],
-                    stats: [{ title: "缓存", detail: `${cacheStats.fileCacheEntries} 文件` }, { title: "版本", detail: `v${appVersion}` }],
+                    items: this.renderSettingsItems(autoSignin),
+                    stats: [
+                        { title: "自动签到", detail: autoSignin ? "已开启" : "已关闭" },
+                        { title: "缓存", detail: `${cacheStats.fileCacheEntries} 文件` },
+                        { title: "版本", detail: `v${appVersion}` }
+                    ],
                     status: "设置：j/k 选择  Enter 执行  h 返回"
                 };
             }
@@ -643,34 +744,97 @@ export class TuiController {
             this.render();
             return;
         }
+        if (selected.meta === "keybindings") {
+            void this.openKeybindingEditor();
+            return;
+        }
         if (selected.meta === "cache") {
-            this.state.status = "正在清理缓存...";
-            this.render();
-            try {
-                await this.client.clearCache();
-                this.state.status = "缓存已清理";
-                await this.load(true);
-            }
-            catch {
-                this.state.status = "缓存清理失败";
-                this.render();
-            }
+            void this.openCacheManager();
+            return;
+        }
+        if (selected.meta === "pixel-logo") {
+            this.openPixelLogo();
+            return;
+        }
+        if (selected.meta === "emoji-preview") {
+            this.openEmojiPreview();
             return;
         }
         if (selected.meta === "update") {
-            this.state.status = "正在检查 GitHub Release...";
-            this.render();
+            void this.checkUpdate(true);
+            return;
+        }
+        if (selected.meta === "account") {
+            void this.openAccountSwitcher();
+            return;
+        }
+        if (selected.meta === "auto-signin") {
+            void this.toggleAutoSignin();
+            return;
+        }
+        if (selected.meta === "logout") {
+            void this.confirmLogout();
+            return;
+        }
+        this.state.status = "功能开发中...";
+        this.render();
+    }
+    renderSettingsItems(autoSignin) {
+        return settingsItems.map((item) => {
+            if (item.meta !== "auto-signin") {
+                return { ...item };
+            }
+            return {
+                ...item,
+                title: `自动签到: ${autoSignin ? "开启" : "关闭"}`,
+                detail: autoSignin
+                    ? "启动后为所有账号执行每日签到"
+                    : "默认关闭，启动时不自动签到"
+            };
+        });
+    }
+    async toggleAutoSignin() {
+        const enabled = await this.settingsStore.isAutoSigninEnabled();
+        const next = !enabled;
+        await this.settingsStore.setAutoSigninEnabled(next);
+        this.state.items = this.renderSettingsItems(next);
+        this.state.stats = [
+            { title: "自动签到", detail: next ? "已开启" : "已关闭" },
+            ...this.state.stats.filter((item) => item.title !== "自动签到")
+        ];
+        this.state.status = next ? "已开启自动签到" : "已关闭自动签到";
+        this.render();
+    }
+    async runAutoSignin() {
+        const enabled = await this.settingsStore.isAutoSigninEnabled();
+        if (!enabled)
+            return;
+        const accounts = await this.tokenStore.listAccounts();
+        if (accounts.length === 0)
+            return;
+        let success = 0;
+        let failed = 0;
+        this.state.status = `自动签到: 0/${accounts.length}`;
+        this.render();
+        for (const account of accounts) {
             try {
-                const result = await checkForUpdate();
-                this.state.status = result.message;
+                const tokenStore = this.tokenStore.withAccount(account.account);
+                const client = new Cc98Client({ tokenStore, webVpn: this.webVpnOptions });
+                if (this.webVpnOptions) {
+                    await client.initWebVpn();
+                }
+                await client.signin();
+                success += 1;
             }
-            catch (error) {
-                this.state.status = error instanceof Error ? error.message : "检查更新失败";
+            catch {
+                failed += 1;
             }
+            this.state.status = `自动签到: ${success + failed}/${accounts.length}`;
             this.render();
-            return;
         }
-        this.state.status = selected.meta === "logout" ? "退出登录功能开发中..." : "账号切换功能开发中...";
+        this.state.status = failed > 0
+            ? `自动签到完成: ${success} 成功，${failed} 失败`
+            : `自动签到完成: ${success} 个账号`;
         this.render();
     }
     async activateContentItem(selected, signal) {
@@ -690,6 +854,25 @@ export class TuiController {
             await this.showUserDetailById(selected.userId, signal);
             return;
         }
+        // 账号切换
+        if (selected.meta?.startsWith("account:")) {
+            const accountName = selected.meta.slice(8);
+            await this.switchAccount(accountName);
+            return;
+        }
+        if (selected.meta?.startsWith("emoji-category:")) {
+            this.openEmojiCategory(selected.meta.slice("emoji-category:".length));
+            return;
+        }
+        if (selected.meta?.startsWith("emoji-batch:")) {
+            this.state.status = "继续向下选择具体表情，Enter 放大预览";
+            this.render();
+            return;
+        }
+        if (selected.meta?.startsWith("emoji:")) {
+            this.openEmojiDetail(selected.meta.slice("emoji:".length));
+            return;
+        }
         if (selected.action?.startsWith("notices:")) {
             await this.openNoticeList(selected.action.split(":")[1], signal);
             return;
@@ -725,6 +908,10 @@ export class TuiController {
             }
         }
         this.render();
+        // Start background image preloading so preview/open/copy can reuse the local cache.
+        if (this.state.topic) {
+            void this.preloadTopicImages(this.state.topic);
+        }
     }
     async openBoard(boardId, title, force, signal, pushParent = true) {
         if (pushParent)
@@ -800,6 +987,94 @@ export class TuiController {
             this.render();
         }
     }
+    async checkAutoLoad() {
+        const topic = this.state.topic;
+        if (!topic?.hasMore || this.state.loadingMore)
+            return;
+        const viewportRows = Math.max(1, topic.viewportRows);
+        const viewportBottom = this.state.scroll + viewportRows;
+        if (viewportBottom >= topic.lines.length) {
+            void this.loadNextTopicPage(this.nextSignal(), true);
+        }
+    }
+    async jumpRelativeFloor(delta) {
+        const topic = this.state.topic;
+        if (!topic)
+            return;
+        const current = currentTopicPost(topic, topic.cursorLine);
+        const currentFloor = current?.floor ?? 1;
+        const targetFloor = currentFloor + delta;
+        if (targetFloor < 1)
+            return;
+        const loaded = findTopicPostByFloor(topic, targetFloor);
+        if (loaded) {
+            topic.cursorLine = loaded.lineStart;
+            this.state.status = "";
+            this.render();
+            if (delta > 0)
+                void this.checkAutoLoad();
+            return;
+        }
+        if (delta > 0 && topic.hasMore && !this.state.loadingMore) {
+            await this.jumpToTopicFloor(targetFloor, this.nextSignal());
+        }
+    }
+    async jumpToNextPage() {
+        const topic = this.state.topic;
+        if (!topic)
+            return;
+        const pageInfo = getTopicPageInfo(topic, topic.cursorLine);
+        if (pageInfo.currentPage < pageInfo.totalPages) {
+            await this.jumpToTopicPage(pageInfo.currentPage + 1, this.nextSignal());
+        }
+        else if (topic.hasMore && !this.state.loadingMore) {
+            // 当前是最后一页，但还有更多内容，加载下一页
+            await this.loadNextTopicPage(this.nextSignal());
+            const newPageInfo = getTopicPageInfo(topic, topic.cursorLine);
+            topic.cursorLine = jumpToPage(topic, newPageInfo.currentPage + 1);
+            this.state.status = "";
+            this.render();
+        }
+    }
+    async jumpToPrevPage() {
+        const topic = this.state.topic;
+        if (!topic)
+            return;
+        const pageInfo = getTopicPageInfo(topic, topic.cursorLine);
+        if (pageInfo.currentPage > 1) {
+            topic.cursorLine = jumpToPage(topic, pageInfo.currentPage - 1);
+            this.state.status = "";
+            this.render();
+        }
+    }
+    async jumpToTopicPage(page, signal) {
+        const topic = this.state.topic;
+        if (!topic)
+            return;
+        const pageInfo = getTopicPageInfo(topic, topic.cursorLine);
+        if (page < 1 || page > pageInfo.totalPages) {
+            this.state.status = `未找到第 ${page} 页`;
+            this.render();
+            return;
+        }
+        // 如果目标页未加载，需要加载到该页
+        const targetFloor = (page - 1) * FLOORS_PER_PAGE + 1;
+        while (topic.hasMore && !findTopicPostByFloor(topic, targetFloor)) {
+            const previousLoaded = topic.loaded;
+            await this.loadNextTopicPage(signal, true);
+            if (topic.loaded === previousLoaded)
+                break;
+        }
+        const post = findTopicPostByFloor(topic, targetFloor);
+        if (post) {
+            topic.cursorLine = post.lineStart;
+            this.state.status = "";
+        }
+        else {
+            this.state.status = `未找到第 ${page} 页`;
+        }
+        this.render();
+    }
     async loadNextTopicPage(signal, quiet = false) {
         const topic = this.state.topic;
         if (!topic?.hasMore || this.state.loadingMore)
@@ -810,7 +1085,8 @@ export class TuiController {
         try {
             const posts = asArray(await this.client.getTopicPosts(topic.topicId, topic.loaded, topic.size, false, signal));
             appendTopicPosts(topic, posts);
-            this.state.status = topic.hasMore ? "已加载下一页" : "已到底";
+            this.state.status = "";
+            void this.preloadTopicImages(topic);
         }
         catch (error) {
             if (!isAbortError(error))
@@ -827,17 +1103,20 @@ export class TuiController {
             return;
         const loaded = findTopicPostByFloor(topic, floor);
         if (loaded) {
-            this.state.scroll = loaded.lineStart;
-            this.state.status = getStatus(this.state);
+            topic.cursorLine = loaded.lineStart;
+            this.state.status = "";
             this.render();
             return;
         }
         while (topic.hasMore && !findTopicPostByFloor(topic, floor)) {
+            const previousLoaded = topic.loaded;
             await this.loadNextTopicPage(signal, true);
+            if (topic.loaded === previousLoaded)
+                break;
         }
         const post = findTopicPostByFloor(topic, floor);
-        this.state.scroll = post?.lineStart ?? this.state.scroll;
-        this.state.status = post ? getStatus(this.state) : `未找到 ${floor} 楼`;
+        topic.cursorLine = post?.lineStart ?? topic.cursorLine;
+        this.state.status = post ? "" : `未找到 ${floor} 楼`;
         this.render();
     }
     async runReadOnlyAction(action, signal) {
@@ -955,7 +1234,7 @@ export class TuiController {
         const topic = this.state.topic;
         if (!topic)
             return;
-        const post = currentTopicPost(topic, this.state.scroll);
+        const post = currentTopicPost(topic, topic.cursorLine);
         if (!post?.id) {
             this.state.status = "当前楼层没有可操作的帖子 ID";
             this.render();
@@ -974,7 +1253,7 @@ export class TuiController {
         const topic = this.state.topic;
         if (!topic)
             return;
-        const post = currentTopicPost(topic, this.state.scroll);
+        const post = currentTopicPost(topic, topic.cursorLine);
         if (!post?.userId) {
             this.state.status = "当前楼层没有用户 ID";
             this.render();
@@ -1030,7 +1309,7 @@ export class TuiController {
         const topic = this.state.topic;
         if (!topic)
             return;
-        const post = currentTopicPost(topic, this.state.scroll);
+        const post = currentTopicPost(topic, topic.cursorLine);
         if (!post?.id)
             return;
         try {
@@ -1081,12 +1360,60 @@ export class TuiController {
         if (!topic)
             return undefined;
         for (const post of topic.posts) {
-            const line = post.lines.find((entry) => entry.line === this.state.scroll);
+            const line = post.lines.find((entry) => entry.line === topic.cursorLine);
             if (line)
                 return line;
         }
         return undefined;
     }
+    /**
+     * Preload images for topic in background
+     * Images are cached and trigger re-render when ready
+     */
+    async preloadTopicImages(topic) {
+        const cache = getImageCache();
+        const imagesToLoad = new Set();
+        // Collect all unique image URLs from posts
+        for (const post of topic.posts) {
+            for (const imageUrl of post.images) {
+                if (imageUrl && !topic.imageCache.has(imageUrl) && !topic.imageLoading.has(imageUrl)) {
+                    imagesToLoad.add(imageUrl);
+                }
+            }
+        }
+        if (imagesToLoad.size === 0)
+            return;
+        // Load images in parallel with concurrency limit
+        const urls = Array.from(imagesToLoad);
+        const concurrency = 3;
+        for (let i = 0; i < urls.length; i += concurrency) {
+            // Check if topic is still the same (user might have navigated away)
+            if (this.state.topic !== topic)
+                break;
+            const batch = urls.slice(i, i + concurrency);
+            let shouldRender = false;
+            const promises = batch.map(async (url) => {
+                topic.imageLoading.add(url);
+                try {
+                    const localPath = await cache.getOrDownload(url);
+                    topic.imageErrors.delete(url);
+                    topic.imageCache.set(url, localPath);
+                    shouldRender = true;
+                }
+                catch (error) {
+                    topic.imageErrors.set(url, error instanceof Error ? error.message : "下载失败");
+                    shouldRender = true;
+                }
+                finally {
+                    topic.imageLoading.delete(url);
+                }
+            });
+            await Promise.all(promises);
+            if (shouldRender && this.state.topic === topic) {
+                this.render();
+            }
+        }
+    }
     async openImage(url) {
         this.state.status = "正在下载图片...";
         this.render();
@@ -1099,7 +1426,11 @@ export class TuiController {
             const { execFile } = await import("node:child_process");
             const platform = process.platform;
             const command = platform === "win32" ? "cmd" : platform === "darwin" ? "open" : "xdg-open";
-            const args = platform === "win32" ? ["/c", "start", "", localPath] : [localPath];
+            const args = platform === "win32"
+                ? ["/c", "start", "", localPath]
+                : platform === "darwin"
+                    ? ["-a", "Preview", localPath]
+                    : [localPath];
             execFile(command, args, (error) => {
                 if (error) {
                     this.state.status = `打开失败: ${error.message}`;
@@ -1112,6 +1443,58 @@ export class TuiController {
             this.render();
         }
     }
+    async copyImageToClipboard(url) {
+        this.state.status = "正在复制图片...";
+        this.render();
+        try {
+            const cache = getImageCache();
+            const localPath = await cache.getOrDownload(url);
+            await this.copyImageFileToClipboard(localPath);
+            this.state.status = "已复制图片到剪贴板";
+            this.render();
+        }
+        catch (error) {
+            this.state.status = error instanceof Error ? error.message : "复制图片失败";
+            this.render();
+        }
+    }
+    async copyImageFileToClipboard(localPath) {
+        const platform = process.platform;
+        if (platform === "darwin") {
+            await this.copyImageFileToClipboardMac(localPath);
+            return;
+        }
+        if (platform === "win32") {
+            const script = [
+                "Add-Type -AssemblyName System.Windows.Forms",
+                "Add-Type -AssemblyName System.Drawing",
+                "$image=[System.Drawing.Image]::FromFile($args[0])",
+                "[System.Windows.Forms.Clipboard]::SetImage($image)",
+                "$image.Dispose()"
+            ].join("; ");
+            await execFilePromise("powershell.exe", ["-NoProfile", "-Command", script, localPath]);
+            return;
+        }
+        const mime = imageMimeType(localPath);
+        await execFilePromise("xclip", ["-selection", "clipboard", "-t", mime, localPath]);
+    }
+    async copyImageFileToClipboardMac(localPath) {
+        const { mkdtemp, rm } = await import("node:fs/promises");
+        const { tmpdir } = await import("node:os");
+        const { join } = await import("node:path");
+        const dir = await mkdtemp(join(tmpdir(), "cc98-image-"));
+        const tiffPath = join(dir, "clipboard.tiff");
+        try {
+            await execFilePromise("sips", ["-s", "format", "tiff", localPath, "--out", tiffPath]);
+            await execFilePromise("osascript", [
+                "-e",
+                `set the clipboard to (read (POSIX file ${appleScriptString(tiffPath)}) as TIFF picture)`
+            ]);
+        }
+        finally {
+            await rm(dir, { recursive: true, force: true });
+        }
+    }
     async copyToClipboard(text) {
         try {
             const { spawn } = await import("node:child_process");
@@ -1148,6 +1531,222 @@ export class TuiController {
         }
         this.render();
     }
+    async openKeybindingEditor() {
+        // 显示快捷键配置信息
+        const config = this.keybindings.getConfig();
+        const lines = [
+            "快捷键配置文件: ~/.cc98-cli/keybindings.json",
+            "",
+            "当前配置:"
+        ];
+        // 显示主要快捷键
+        const mainActions = [
+            "moveUp", "moveDown", "moveLeft", "moveRight", "confirm", "back",
+            "search", "refresh", "menu", "help", "quit",
+            "topicNextPage", "topicPrevPage", "topicNextFloor", "topicPrevFloor",
+            "topicJumpPage", "topicJumpFloor", "topicJumpLast"
+        ];
+        for (const action of mainActions) {
+            const keys = config[action] ?? [];
+            const desc = this.keybindings.getActionDescription(action);
+            const keyStr = keys.map(k => this.keybindings.formatKey(k)).join("/");
+            lines.push(`  ${desc}: ${keyStr}`);
+        }
+        lines.push("", "编辑配置文件后重启生效。", "", "按 Esc 返回设置");
+        this.state.modal = "info";
+        this.state.infoTitle = "快捷键设置";
+        this.state.infoLines = lines;
+        this.render();
+    }
+    openPixelLogo() {
+        this.state.modal = "info";
+        this.state.infoTitle = "CC98 像素 Logo";
+        this.state.infoLines = [
+            ...renderCc98Logo().split("\n"),
+            "",
+            "来源: https://www.cc98.org/static/images/98LOGO.ico",
+            "渲染: 24-bit ANSI 半块像素"
+        ];
+        this.render();
+    }
+    openEmojiPreview() {
+        const items = EMOJI_CATEGORIES.map((category) => ({
+            title: `${category.label} (${category.codes.length})`,
+            meta: `emoji-category:${category.id}`,
+            detail: `来源目录: Assets/Emoji/${category.source} · ${category.codes[0]} - ${category.codes.at(-1)}`
+        }));
+        this.openReadOnlyList("表情包预览", items, EMOJI_CATEGORIES.map((category) => ({
+            title: category.label,
+            detail: `${category.codes.length} 个`
+        })));
+        this.state.status = "表情包预览：j/k 选择分类  Enter 进入  h 返回";
+        this.render();
+    }
+    openEmojiCategory(categoryId) {
+        const category = EMOJI_CATEGORIES.find((item) => item.id === categoryId);
+        if (!category) {
+            this.state.status = "未找到表情分类";
+            this.render();
+            return;
+        }
+        const items = [];
+        for (let index = 0; index < category.codes.length; index += 20) {
+            const batch = category.codes.slice(index, index + 20);
+            const batchNumber = Math.floor(index / 20) + 1;
+            items.push({
+                title: `${category.label} 第 ${batchNumber} 批`,
+                meta: `emoji-batch:${category.id}:${batchNumber}`,
+                detail: `${batch[0]} - ${batch.at(-1)} · ${batch.length} 个`
+            });
+            for (const code of batch) {
+                const art = getEmojiArt(code);
+                items.push({
+                    title: `[${code}]`,
+                    meta: `emoji:${code}`,
+                    detail: art ? `${category.label} · ${art.width}x${art.height}px` : category.label
+                });
+            }
+        }
+        this.openReadOnlyList(category.label, items, [
+            { title: "分类", detail: category.label },
+            { title: "数量", detail: `${category.codes.length} 个` },
+            { title: "来源", detail: `Assets/Emoji/${category.source}` }
+        ]);
+        this.state.status = `${category.label}：j/k 选择  Enter 放大  h 返回分类`;
+        this.render();
+    }
+    openEmojiDetail(code) {
+        const art = getEmojiArt(code);
+        const rendered = renderEmojiCode(code);
+        if (!art || !rendered) {
+            this.state.status = `未找到表情 [${code}]`;
+            this.render();
+            return;
+        }
+        this.state.modal = "info";
+        this.state.infoTitle = `[${code}]`;
+        this.state.infoLines = [
+            ...rendered.split("\n"),
+            "",
+            `尺寸: ${art.width}x${art.height}px`,
+            `颜色: ${art.palette.length}`
+        ];
+        this.render();
+    }
+    async openAccountSwitcher() {
+        try {
+            const accounts = await this.tokenStore.listAccounts();
+            const currentAccount = await this.tokenStore.getCurrentAccountName();
+            if (accounts.length === 0) {
+                this.state.modal = "info";
+                this.state.infoTitle = "切换账号";
+                this.state.infoLines = ["暂无保存的账号", "", "请先登录账号。"];
+                this.render();
+                return;
+            }
+            // 构建账号列表
+            const items = accounts.map(account => ({
+                title: account.displayName || account.username || account.account,
+                meta: `account:${account.account}`,
+                detail: `${account.account === currentAccount ? "✓ 当前" : "切换到此账号"}${account.userId ? ` · ID: ${account.userId}` : ""}`
+            }));
+            this.snapshotParent();
+            this.state.viewTitle = "切换账号";
+            this.state.items = items;
+            this.state.stats = [{ title: "账号数", detail: `${accounts.length}` }];
+            this.state.itemIndex = accounts.findIndex(a => a.account === currentAccount);
+            this.state.scroll = 0;
+            this.state.focus = "content";
+            this.state.mode = "list";
+            this.state.status = "选择账号: j/k 选择  Enter 切换  h 返回";
+            this.render();
+        }
+        catch (error) {
+            this.state.status = error instanceof Error ? error.message : "读取账号失败";
+            this.render();
+        }
+    }
+    async switchAccount(accountName) {
+        try {
+            await this.tokenStore.useAccount(accountName);
+            this.state.status = `已切换到账号: ${accountName}`;
+            this.state.parentList = undefined;
+            this.state.mode = "list";
+            this.state.focus = "nav";
+            await this.load(true);
+        }
+        catch (error) {
+            this.state.status = error instanceof Error ? error.message : "切换账号失败";
+            this.render();
+        }
+    }
+    async confirmLogout() {
+        const account = await this.tokenStore.getCurrentAccountName();
+        const lines = [
+            `当前账号: ${account || "未知"}`,
+            "",
+            "退出登录将清除所有保存的账号信息。",
+            "清除后需要重新登录。",
+            "",
+            `${this.keybindings.formatActionKeys("confirm")} 确认  ${this.keybindings.formatActionKeys("back")} 取消`
+        ];
+        this.state.modal = "info";
+        this.state.infoTitle = "退出登录";
+        this.state.infoLines = lines;
+        this.state.confirmCallback = () => void this.performLogout();
+        this.render();
+    }
+    async performLogout() {
+        try {
+            await this.tokenStore.clear();
+            this.state.status = "已退出登录";
+            this.state.parentList = undefined;
+            this.state.mode = "list";
+            this.state.focus = "nav";
+            await this.load(true);
+        }
+        catch (error) {
+            this.state.status = error instanceof Error ? error.message : "退出失败";
+            this.render();
+        }
+    }
+    async openCacheManager() {
+        try {
+            const stats = await this.client.getCacheStats();
+            const cacheDir = "~/.cc98-cli/cache/";
+            const lines = [
+                `缓存目录: ${cacheDir}`,
+                `文件数量: ${stats.fileCacheEntries}`,
+                "",
+                "缓存策略:",
+                "  版面主题: 30s",
+                "  版面信息: 24h",
+                "  用户信息: 5min",
+                "",
+                "Enter 清理缓存  Esc 返回"
+            ];
+            this.state.modal = "info";
+            this.state.infoTitle = "缓存管理";
+            this.state.infoLines = lines;
+            this.state.confirmCallback = () => void this.clearCache();
+            this.render();
+        }
+        catch (error) {
+            this.state.status = error instanceof Error ? error.message : "读取缓存信息失败";
+            this.render();
+        }
+    }
+    async clearCache() {
+        try {
+            await this.client.clearCache();
+            this.state.status = "缓存已清理";
+            await this.load(true);
+        }
+        catch {
+            this.state.status = "缓存清理失败";
+            this.render();
+        }
+    }
     async openFriendUsers(type, signal) {
         const ids = asArray(await this.client.getFriendIds(type, 0, 20, false, signal)).filter((id) => typeof id === "number");
         const users = asArray(await this.client.getUsers(ids, false, signal));
@@ -1169,15 +1768,15 @@ export class TuiController {
         this.render();
     }
     snapshotParent() {
-        if (!this.state.parentList) {
-            this.state.parentList = {
-                title: this.state.viewTitle,
-                items: [...this.state.items],
-                stats: [...this.state.stats],
-                itemIndex: this.state.itemIndex,
-                status: this.state.status
-            };
-        }
+        this.state.parentList = {
+            title: this.state.viewTitle,
+            items: [...this.state.items],
+            stats: [...this.state.stats],
+            itemIndex: this.state.itemIndex,
+            scroll: this.state.scroll,
+            status: this.state.status,
+            parent: this.state.parentList
+        };
     }
     restoreParentList() {
         const parent = this.state.parentList;
@@ -1187,14 +1786,93 @@ export class TuiController {
         this.state.items = parent.items;
         this.state.stats = parent.stats;
         this.state.itemIndex = parent.itemIndex;
+        this.state.scroll = parent.scroll;
         this.state.status = parent.status;
-        this.state.parentList = undefined;
+        this.state.parentList = parent.parent;
         this.state.currentBoard = undefined;
         this.state.currentChat = undefined;
         this.state.topic = undefined;
         this.state.mode = "list";
         this.state.focus = "content";
-        this.state.scroll = 0;
+        this.render();
+    }
+    async checkUpdate(forceShow = false) {
+        if (forceShow) {
+            this.state.status = "正在检查 GitHub Release...";
+            this.render();
+        }
+        try {
+            const result = await checkForUpdate();
+            if (!result.updateAvailable || !result.latest) {
+                this.state.updateAvailable = undefined;
+                if (forceShow) {
+                    this.state.status = result.message;
+                    this.render();
+                }
+                return;
+            }
+            const lastSeen = await this.settingsStore.getLastSeenVersion();
+            const isNew = forceShow || lastSeen !== result.latest.version;
+            this.state.updateAvailable = {
+                version: result.latest.version,
+                tagName: result.latest.tagName,
+                url: result.latest.url,
+                body: result.latest.body,
+                isNew
+            };
+            if (forceShow) {
+                this.state.status = result.message;
+            }
+            this.render();
+        }
+        catch (error) {
+            if (forceShow) {
+                this.state.status = error instanceof Error ? error.message : "检查更新失败";
+                this.render();
+            }
+        }
     }
+    dismissUpdate() {
+        if (this.state.updateAvailable) {
+            const version = this.state.updateAvailable.version;
+            this.state.updateAvailable = undefined;
+            this.render();
+            void this.settingsStore.setLastSeenVersion(version).catch(() => {
+                // 忽略已读状态写入失败，避免影响 TUI 操作。
+            });
+        }
+    }
+}
+async function execFilePromise(command, args) {
+    const { execFile } = await import("node:child_process");
+    await new Promise((resolve, reject) => {
+        execFile(command, args, (error) => {
+            if (error) {
+                reject(error);
+            }
+            else {
+                resolve();
+            }
+        });
+    });
+}
+function appleScriptString(value) {
+    return JSON.stringify(value);
+}
+function imageMimeType(path) {
+    const lower = path.toLowerCase();
+    if (lower.endsWith(".png"))
+        return "image/png";
+    if (lower.endsWith(".jpg") || lower.endsWith(".jpeg"))
+        return "image/jpeg";
+    if (lower.endsWith(".gif"))
+        return "image/gif";
+    if (lower.endsWith(".webp"))
+        return "image/webp";
+    if (lower.endsWith(".bmp"))
+        return "image/bmp";
+    if (lower.endsWith(".svg"))
+        return "image/svg+xml";
+    return "image/png";
 }
 //# sourceMappingURL=controller.js.map