cc98-cli 0.1.0 → 0.2.0

package/dist/tui/app.js

@@ -1,5 +1,7 @@
 import { Cc98Client } from "../api/client.js";
 import { TokenStore } from "../storage/token-store.js";
+import { checkForUpdate } from "../update.js";
+import { appVersion } from "../version.js";
 import { ansi, bg, fg, stripAnsi } from "./ansi.js";
 import { CachedCc98Client } from "./cached-client.js";
 import { Terminal } from "./terminal.js";
@@ -12,35 +14,13 @@ const muted = fg(139, 152, 166);
 const line = fg(52, 84, 112);
 const danger = fg(245, 101, 101);
 const ok = fg(91, 207, 140);
-const mascot = [
-    "     ▄▄▄     ▄▄▄     ▄████▄███▄▄",
-    "    ███▀█▄▄▄██▀██   ▀██  ██▄  ██▄▄▄",
-    "   ▄██  ▀▀▀▀▀  ▀██▄  ████▀▀▀▀▀▀▀▀███▄",
-    "  █▀             ██▄██▀            ▀██▄",
-    " █▀               ███▀              ▀██▄",
-    "██   ██ ██         ██          ████  ███",
-    "██ ▄██▀ ▀▀ ▄▄█     ██          ▀  ▀  ███",
-    "██▄ ▀      ▀▀      ██               ▄███",
-    " ▀██▄▄              ███▄▄         ████▀",
-    "   ▀██▀▄▄▄▄         ████▀         ▀██",
-    "   ██▀ █▀▀█        ▄█████▄         ██▄",
-    "  ▄██  █▄ ▀█▄▄▄▄   ████▀▄█▀        ██▀",
-    "  ███▄▄ ▀▀▄█████▀▄▄█████▄▄▄   ▄▄▄▄▄██",
-    "   ▀▀█████████████▀▀  ▀▀███████████▀"
-];
-const mascotCompact = [
-    "    ▄▄▄   ▄▄▄    ▄███▄▀█▄▄",
-    "   ██▀█████▀██  ▀█▄ ██▄▄███▄▄",
-    "  ▄█▀  ▀    ▀██ ▄██▀▀ ▀▀▀ ▀▀██",
-    " █▀           ███▀           ██▄",
-    "█▀  ██▄█       ██        █▄▄  ██",
-    "█  ▄█▀▀▀ ▄█    ██        ▀▀▀  ██",
-    "██ ▀     ▀     ██▄          ▄▄██",
-    " ▀██▄▄          ████       ███▀",
-    "  ▄██▀▄█▄       ███▄        ██",
-    "  ██  ▄ █▄ ▄   ████▀█       ██▀",
-    " ▀██  ▀█▄████  ████▀▀       ██",
-    "   ▀██▄███████▀▀ ▀▀███▄█████▀"
+const mascotMini = [
+    "  ▄▄▄ ▄▄▄ ▄███",
+    " ██▀█████▀█▄ ██",
+    "█▀  ▀   ▀ ██ ██",
+    "█  ██▄█  █▄▄ ██",
+    "██ ▀    ████▄██",
+    " ▀██▄▄██████▀"
 ];
 const navItems = [
     { id: "hot", label: "十大", hint: "热门话题" },
@@ -49,7 +29,15 @@ const navItems = [
     { id: "boards", label: "版面", hint: "所有分区" },
     { id: "following", label: "关注", hint: "用户动态" },
     { id: "messages", label: "消息", hint: "未读与私信" },
-    { id: "me", label: "我的", hint: "当前账号" }
+    { id: "me", label: "我的", hint: "当前账号" },
+    { id: "settings", label: "设置", hint: "账号与配置" }
+];
+const settingsItems = [
+    { title: "切换账号", meta: "account", detail: "选择或管理登录账号" },
+    { title: "检查更新", meta: "update", detail: "检查 CC98-CLI 新版本" },
+    { title: "缓存管理", meta: "cache", detail: "查看和清理本地缓存" },
+    { title: "快捷键帮助", meta: "help", detail: "查看所有可用快捷键" },
+    { title: "退出登录", meta: "logout", detail: "清除本地登录信息" }
 ];
 export async function runTui() {
     const terminal = new Terminal();
@@ -64,11 +52,14 @@ export async function runTui() {
         scroll: 0,
         loading: true,
         loadingMore: false,
-        status: "左栏：j/k 选栏目  l/Enter 进入内容  r 刷新  q 退出",
+        status: "",
         viewTitle: "十大",
         items: [],
         stats: [],
-        overview: []
+        overview: [],
+        modal: null,
+        menuIndex: 0,
+        menuItems: []
     };
     terminal.enter();
     try {
@@ -91,7 +82,10 @@ export async function runTui() {
                 state.error = undefined;
                 state.itemIndex = 0;
                 state.scroll = 0;
-                state.mode = "list";
+                state.mode = nav.id === "settings" && state.mode === "settings" ? "settings" : "list";
+                if (state.mode === "settings") {
+                    state.focus = "content";
+                }
                 state.items = [];
                 state.stats = [];
                 state.topic = undefined;
@@ -111,7 +105,7 @@ export async function runTui() {
                     if (next.overview) {
                         state.overview = next.overview;
                     }
-                    state.status = next.status ?? listStatus(state);
+                    state.status = next.status ?? getStatus(state);
                 }
                 catch (error) {
                     if (isAbortError(error)) {
@@ -143,23 +137,139 @@ export async function runTui() {
                 resolve();
             };
             const offResize = terminal.onResize(render);
+            // Helper to get menu items for current context
+            const getMenuItems = () => {
+                const items = [];
+                if (state.mode === "topic") {
+                    items.push({ label: "刷新", key: "r", action: "refresh" });
+                    items.push({ label: "返回列表", key: "h", action: "back" });
+                }
+                else if (state.mode === "list") {
+                    items.push({ label: "刷新", key: "r", action: "refresh" });
+                    if (state.currentBoard) {
+                        items.push({ label: "返回版面列表", key: "h", action: "back" });
+                    }
+                }
+                return items;
+            };
             const offKey = terminal.onKey((key) => {
+                // Global: Ctrl+C or q to quit
                 if (key === "\u0003" || key === "q") {
                     close();
                     return;
                 }
+                // Global: ? for help
+                if (key === "?") {
+                    state.modal = state.modal === "help" ? null : "help";
+                    render();
+                    return;
+                }
+                // Handle modal states
+                if (state.modal === "help") {
+                    if (key === "h" || key === "\x1b[D" || key === "\x1b" || key === "?" || key === "\r") {
+                        state.modal = null;
+                        render();
+                    }
+                    return;
+                }
+                if (state.modal === "menu") {
+                    if (key === "j" || key === "\x1b[B") {
+                        state.menuIndex = Math.min(state.menuItems.length - 1, state.menuIndex + 1);
+                        render();
+                        return;
+                    }
+                    if (key === "k" || key === "\x1b[A") {
+                        state.menuIndex = Math.max(0, state.menuIndex - 1);
+                        render();
+                        return;
+                    }
+                    if (key === "\r" || key === "l" || key === "\x1b[C") {
+                        const selected = state.menuItems[state.menuIndex];
+                        state.modal = null;
+                        if (selected?.action === "refresh") {
+                            void load(true);
+                        }
+                        else if (selected?.action === "back") {
+                            if (state.mode === "topic") {
+                                currentAbort?.abort();
+                                state.mode = "list";
+                                state.focus = "content";
+                                state.status = getStatus(state);
+                                render();
+                            }
+                            else if (state.parentList) {
+                                currentAbort?.abort();
+                                restoreParentList(state);
+                                render();
+                            }
+                        }
+                        return;
+                    }
+                    if (key === "h" || key === "\x1b[D" || key === "\x1b" || key === "o") {
+                        state.modal = null;
+                        render();
+                        return;
+                    }
+                    return;
+                }
+                // Topic mode
                 if (state.mode === "topic") {
-                    if (key === "h" || key === "\x1b[D" || key === "\x1b" || key === "\x7f") {
+                    if (/^\d$/.test(key) && state.topic) {
+                        state.topic.floorInput = `${state.topic.floorInput}${key}`.slice(0, 6);
+                        state.status = `跳转到 ${state.topic.floorInput} 楼：Enter 确认  Esc 取消`;
+                        render();
+                        return;
+                    }
+                    if (key === "\x7f" && state.topic?.floorInput) {
+                        state.topic.floorInput = state.topic.floorInput.slice(0, -1);
+                        state.status = state.topic.floorInput
+                            ? `跳转到 ${state.topic.floorInput} 楼：Enter 确认  Esc 取消`
+                            : getStatus(state);
+                        render();
+                        return;
+                    }
+                    if (key === "\r" && state.topic?.floorInput) {
+                        const floor = Number(state.topic.floorInput);
+                        state.topic.floorInput = "";
+                        if (Number.isInteger(floor) && floor > 0) {
+                            void jumpToTopicFloor(client, state, floor, render, nextSignal());
+                        }
+                        return;
+                    }
+                    if ((key === "]" || key === "】") && state.topic) {
+                        jumpRelativeTopicFloor(state, 1);
+                        state.status = getStatus(state);
+                        render();
+                        return;
+                    }
+                    if ((key === "[" || key === "【") && state.topic) {
+                        jumpRelativeTopicFloor(state, -1);
+                        state.status = getStatus(state);
+                        render();
+                        return;
+                    }
+                    if (key === "h" || key === "\x1b[D") {
                         currentAbort?.abort();
                         state.mode = "list";
                         state.focus = "content";
-                        state.status = listStatus(state);
+                        state.status = getStatus(state);
+                        render();
+                        return;
+                    }
+                    if (key === "\x1b" && state.topic?.floorInput) {
+                        state.topic.floorInput = "";
+                        state.status = getStatus(state);
                         render();
                         return;
                     }
                     if (key === "j" || key === "\x1b[B") {
-                        state.scroll = Math.min(Math.max(0, (state.topic?.lines.length ?? 0) - 1), state.scroll + 1);
+                        const maxScroll = Math.max(0, (state.topic?.lines.length ?? 0) - 1);
+                        const wasAtEnd = state.scroll >= maxScroll;
+                        state.scroll = Math.min(maxScroll, state.scroll + 1);
                         render();
+                        if (wasAtEnd && state.topic?.hasMore && !state.loadingMore) {
+                            void loadNextTopicPage(client, state, render, nextSignal(), true);
+                        }
                         return;
                     }
                     if (key === "k" || key === "\x1b[A") {
@@ -177,8 +287,75 @@ export async function runTui() {
                         }
                         return;
                     }
+                    if (key === "o") {
+                        state.modal = "menu";
+                        state.menuItems = getMenuItems();
+                        state.menuIndex = 0;
+                        render();
+                        return;
+                    }
+                    return;
+                }
+                // Settings mode
+                if (state.mode === "settings") {
+                    if (key === "j" || key === "\x1b[B") {
+                        state.itemIndex = Math.min(settingsItems.length - 1, state.itemIndex + 1);
+                        render();
+                        return;
+                    }
+                    if (key === "k" || key === "\x1b[A") {
+                        state.itemIndex = Math.max(0, state.itemIndex - 1);
+                        render();
+                        return;
+                    }
+                    if (key === "h" || key === "\x1b[D") {
+                        state.mode = "list";
+                        state.focus = "nav";
+                        state.status = getStatus(state);
+                        render();
+                        return;
+                    }
+                    if (key === "l" || key === "\x1b[C" || key === "\r") {
+                        const selected = settingsItems[state.itemIndex];
+                        if (selected?.meta === "help") {
+                            state.modal = "help";
+                            render();
+                        }
+                        else if (selected?.meta === "cache") {
+                            state.status = "正在清理缓存...";
+                            render();
+                            void client.clearCache().then(() => {
+                                state.status = "缓存已清理";
+                                void load(true);
+                            }).catch(() => {
+                                state.status = "缓存清理失败";
+                                render();
+                            });
+                        }
+                        else if (selected?.meta === "logout") {
+                            state.status = "退出登录功能开发中...";
+                            render();
+                        }
+                        else if (selected?.meta === "account") {
+                            state.status = "账号切换功能开发中...";
+                            render();
+                        }
+                        else if (selected?.meta === "update") {
+                            state.status = "正在检查 GitHub Release...";
+                            render();
+                            void checkForUpdate().then((result) => {
+                                state.status = result.message;
+                                render();
+                            }).catch((error) => {
+                                state.status = error instanceof Error ? error.message : "检查更新失败";
+                                render();
+                            });
+                        }
+                        return;
+                    }
                     return;
                 }
+                // Nav focus
                 if (state.focus === "nav") {
                     if (key === "j" || key === "\x1b[B") {
                         state.navIndex = Math.min(navItems.length - 1, state.navIndex + 1);
@@ -190,17 +367,27 @@ export async function runTui() {
                         void load();
                         return;
                     }
-                    if (key === "l" || key === "\x1b[C" || key === "\t" || key === "\r") {
+                    if (key === "l" || key === "\x1b[C") {
                         if (!state.loading && state.items.length > 0) {
+                            if (navItems[state.navIndex]?.id === "settings") {
+                                state.mode = "settings";
+                            }
                             state.focus = "content";
-                            state.status = listStatus(state);
+                            state.status = getStatus(state);
                             render();
                         }
                         return;
                     }
-                    if (key === "h" || key === "\x1b[D") {
-                        state.status = listStatus(state);
-                        render();
+                    if (key === "\r") {
+                        if (!state.loading && state.items.length > 0) {
+                            if (navItems[state.navIndex]?.id === "settings") {
+                                state.mode = "settings";
+                            }
+                            state.focus = "content";
+                            state.itemIndex = 0;
+                            state.status = getStatus(state);
+                            render();
+                        }
                         return;
                     }
                     if (key === "r") {
@@ -209,6 +396,7 @@ export async function runTui() {
                     }
                     return;
                 }
+                // Content focus
                 if (key === "j" || key === "\x1b[B") {
                     state.itemIndex = Math.min(Math.max(0, state.items.length - 1), state.itemIndex + 1);
                     render();
@@ -219,20 +407,53 @@ export async function runTui() {
                     render();
                     return;
                 }
-                if ((key === "\x7f" || key === "\x1b") && state.parentList) {
-                    currentAbort?.abort();
-                    restoreParentList(state);
-                    render();
+                if (key === "h" || key === "\x1b[D") {
+                    if (state.parentList) {
+                        currentAbort?.abort();
+                        restoreParentList(state);
+                        render();
+                    }
+                    else {
+                        currentAbort?.abort();
+                        state.focus = "nav";
+                        state.status = getStatus(state);
+                        render();
+                    }
+                    return;
+                }
+                if (key === "\x1b") {
+                    if (state.parentList) {
+                        currentAbort?.abort();
+                        restoreParentList(state);
+                        render();
+                    }
+                    else {
+                        currentAbort?.abort();
+                        state.focus = "nav";
+                        state.status = getStatus(state);
+                        render();
+                    }
                     return;
                 }
-                if (key === "h" || key === "\x1b[D" || key === "\x1b") {
-                    currentAbort?.abort();
-                    state.focus = "nav";
-                    state.status = listStatus(state);
+                if (key === "l" || key === "\x1b[C") {
+                    const selected = state.items[state.itemIndex];
+                    if (selected?.topicId !== undefined) {
+                        void openTopic(client, state, selected.topicId, render, false, nextSignal());
+                        return;
+                    }
+                    if (selected?.boardId !== undefined) {
+                        void openBoard(client, state, selected.boardId, selected.title, render, false, nextSignal());
+                        return;
+                    }
+                    if (selected?.chatUserId !== undefined) {
+                        void openChat(client, state, selected.chatUserId, selected.title, render, false, nextSignal());
+                        return;
+                    }
+                    state.status = "当前条目不可进入";
                     render();
                     return;
                 }
-                if (key === "l" || key === "\r" || key === "\x1b[C") {
+                if (key === "\r") {
                     const selected = state.items[state.itemIndex];
                     if (selected?.topicId !== undefined) {
                         void openTopic(client, state, selected.topicId, render, false, nextSignal());
@@ -246,7 +467,7 @@ export async function runTui() {
                         void openChat(client, state, selected.chatUserId, selected.title, render, false, nextSignal());
                         return;
                     }
-                    state.status = "当前条目不可继续打开；h 返回左栏，j/k 继续选择";
+                    state.status = "当前条目不可进入";
                     render();
                     return;
                 }
@@ -266,6 +487,13 @@ export async function runTui() {
                     void load(true);
                     return;
                 }
+                if (key === "o") {
+                    state.modal = "menu";
+                    state.menuItems = getMenuItems();
+                    state.menuIndex = 0;
+                    render();
+                    return;
+                }
             });
             render();
             void load();
@@ -290,11 +518,13 @@ async function openTopic(client, state, topicId, render, force = false, signal)
         title: `#${topicId}`,
         meta: "",
         lines: [],
+        posts: [],
         loaded: 0,
         size: 10,
         hasMore: true,
         imageCount: 0,
-        linkCount: 0
+        linkCount: 0,
+        floorInput: ""
     };
     state.status = "正在打开帖子...";
     render();
@@ -361,7 +591,7 @@ async function openBoard(client, state, boardId, boardTitle, render, force = fal
             { title: "主题", detail: `${topics.length} 条` },
             { title: "缓存", detail: "topics 30s" }
         ];
-        state.status = "版面帖子：j/k 选择  l/Enter 打开帖子  Esc/Backspace 返回版面列表  h 返回左栏";
+        state.status = "版面帖子：j/k 选择  l 打开帖子  h 返回  r 刷新";
     }
     catch (error) {
         if (isAbortError(error)) {
@@ -485,7 +715,7 @@ function restoreParentList(state) {
     state.itemIndex = parent.itemIndex;
     state.status = parent.status;
 }
-async function loadNextTopicPage(client, state, render, signal) {
+async function loadNextTopicPage(client, state, render, signal, advanceAfterLoad = false) {
     if (!state.topic || state.loadingMore || !state.topic.hasMore) {
         return;
     }
@@ -494,12 +724,16 @@ async function loadNextTopicPage(client, state, render, signal) {
     render();
     try {
         const posts = asArray(await client.getTopicPosts(state.topic.topicId, state.topic.loaded, state.topic.size, false, signal));
-        const next = renderPosts(posts, Math.max(36, currentTopicWidthEstimate()));
+        const next = renderPosts(posts, Math.max(36, currentTopicWidthEstimate()), state.topic.lines.length);
         state.topic.lines.push(...next.lines);
+        state.topic.posts.push(...next.posts);
         state.topic.imageCount += next.imageCount;
         state.topic.linkCount += next.linkCount;
         state.topic.loaded += posts.length;
         state.topic.hasMore = posts.length === state.topic.size;
+        if (advanceAfterLoad && posts.length > 0) {
+            state.scroll = Math.min(Math.max(0, state.topic.lines.length - 1), state.scroll + 1);
+        }
         state.status = state.topic.hasMore
             ? "j/k 滚动  n/Space 下一页  h/Esc 返回  r 刷新"
             : "已到最后一页  j/k 滚动  h/Esc 返回  r 刷新";
@@ -531,33 +765,197 @@ function buildTopicReader(topicId, topic, posts, size) {
         title,
         meta,
         lines: rendered.lines,
+        posts: rendered.posts,
         loaded: posts.length,
         size,
         hasMore: posts.length === size,
         imageCount: rendered.imageCount,
-        linkCount: rendered.linkCount
+        linkCount: rendered.linkCount,
+        floorInput: ""
     };
 }
-function renderPosts(posts, width) {
+function renderPosts(posts, width, lineOffset = 0) {
     const lines = [];
+    const entries = [];
     let imageCount = 0;
     let linkCount = 0;
     posts.forEach((postRaw) => {
         const post = asObject(postRaw);
-        const floor = post.floor !== undefined ? `#${post.floor}` : "#?";
+        const lineStart = lineOffset + lines.length;
+        const postLines = [];
+        const floorNumber = asNumber(post.floor);
+        const floor = floorNumber !== undefined ? `#${floorNumber}` : "#?";
         const author = String(post.userName ?? "匿名");
         const time = typeof post.time === "string" ? post.time.replace("T", " ").slice(0, 16) : "";
-        const like = post.likeCount !== undefined ? ` · ${post.likeCount} 赞` : "";
-        lines.push(`${floor} ${author}${time ? ` · ${time}` : ""}${like}`);
-        lines.push("─".repeat(Math.max(8, width)));
+        const likeCount = asNumber(post.likeCount) ?? 0;
+        const dislikeCount = asNumber(post.dislikeCount) ?? 0;
+        const like = likeCount > 0 ? ` · ${likeCount} 赞` : "";
+        const push = (text, kind, extra = {}) => {
+            const line = lineOffset + lines.length;
+            lines.push(text);
+            postLines.push({
+                line,
+                row: postLines.length,
+                floor: floorNumber,
+                kind,
+                text,
+                ...extra
+            });
+        };
+        push(`${floor} ${author}${time ? ` · ${time}` : ""}${like}`, "header");
+        push("─".repeat(Math.max(8, width)), "divider");
         const content = typeof post.content === "string" ? post.content : "";
         const rendered = renderUbbToLines(content, width);
-        lines.push(...rendered.lines);
-        lines.push("");
+        rendered.lines.forEach((renderedLine) => {
+            const imageIndex = parseBracketIndex(renderedLine, "image");
+            const linkIndex = parseBracketIndex(renderedLine, "link");
+            const kind = renderedLine.trim() === ""
+                ? "blank"
+                : imageIndex !== undefined
+                    ? "image"
+                    : linkIndex !== undefined
+                        ? "link"
+                        : renderedLine.startsWith("│ ")
+                            ? "quote"
+                            : "text";
+            push(renderedLine, kind, {
+                imageIndex,
+                imageUrl: imageIndex !== undefined ? rendered.images[imageIndex - 1] : undefined,
+                linkIndex,
+                linkUrl: linkIndex !== undefined ? rendered.links[linkIndex - 1] : undefined
+            });
+        });
+        push("", "blank");
+        const preview = rendered.lines.find((value) => value.trim() &&
+            !value.startsWith("[image ") &&
+            !value.startsWith("[link ")) ?? "";
+        entries.push({
+            id: asNumber(post.id),
+            floor: floorNumber,
+            author,
+            time,
+            likeCount,
+            dislikeCount,
+            rating: formatRating(post),
+            preview,
+            lineStart,
+            lineEnd: lineOffset + lines.length - 1,
+            imageCount: rendered.images.length,
+            linkCount: rendered.links.length,
+            images: rendered.images,
+            links: rendered.links,
+            lines: postLines
+        });
         imageCount += rendered.images.length;
         linkCount += rendered.links.length;
     });
-    return { lines, imageCount, linkCount };
+    return { lines, posts: entries, imageCount, linkCount };
+}
+async function jumpToTopicFloor(client, state, floor, render, signal) {
+    const topic = state.topic;
+    if (!topic) {
+        return;
+    }
+    const loaded = findTopicPostByFloor(topic, floor);
+    if (loaded) {
+        state.scroll = loaded.lineStart;
+        state.status = getStatus(state);
+        render();
+        return;
+    }
+    const from = Math.floor((floor - 1) / topic.size) * topic.size;
+    state.loadingMore = true;
+    state.status = `正在读取 ${floor} 楼...`;
+    render();
+    try {
+        const posts = asArray(await client.getTopicPosts(topic.topicId, from, topic.size, false, signal));
+        const next = renderPosts(posts, Math.max(36, currentTopicWidthEstimate()), topic.lines.length);
+        topic.lines.push(...next.lines);
+        topic.posts.push(...next.posts);
+        topic.posts.sort((left, right) => (left.floor ?? 0) - (right.floor ?? 0));
+        topic.imageCount += next.imageCount;
+        topic.linkCount += next.linkCount;
+        topic.loaded = Math.max(topic.loaded, from + posts.length);
+        topic.hasMore = posts.length === topic.size;
+        const target = findTopicPostByFloor(topic, floor);
+        if (target) {
+            state.scroll = target.lineStart;
+            state.status = getStatus(state);
+        }
+        else {
+            state.status = `未找到 ${floor} 楼`;
+        }
+    }
+    catch (error) {
+        if (!isAbortError(error)) {
+            state.error = error instanceof Error ? error.message : String(error);
+        }
+    }
+    finally {
+        state.loadingMore = false;
+        render();
+    }
+}
+function jumpRelativeTopicFloor(state, delta) {
+    const topic = state.topic;
+    if (!topic || topic.posts.length === 0) {
+        return;
+    }
+    const current = currentTopicPost(topic, state.scroll);
+    const currentIndex = current ? topic.posts.indexOf(current) : 0;
+    const next = topic.posts[Math.min(topic.posts.length - 1, Math.max(0, currentIndex + delta))];
+    if (next) {
+        state.scroll = next.lineStart;
+    }
+}
+function findTopicPostByFloor(topic, floor) {
+    return topic.posts.find((entry) => entry.floor === floor);
+}
+function currentTopicPost(topic, scroll) {
+    return topic.posts.find((entry) => scroll >= entry.lineStart && scroll <= entry.lineEnd) ??
+        [...topic.posts].reverse().find((entry) => entry.lineStart <= scroll) ??
+        topic.posts[0];
+}
+function currentTopicLine(topic, scroll) {
+    const post = currentTopicPost(topic, scroll);
+    if (!post) {
+        return undefined;
+    }
+    return post.lines.find((entry) => entry.line === scroll) ??
+        post.lines.find((entry) => entry.line > scroll && entry.kind !== "blank") ??
+        post.lines.at(-1);
+}
+function lineKindLabel(kind) {
+    switch (kind) {
+        case "header":
+            return "楼层标题";
+        case "divider":
+            return "分隔线";
+        case "quote":
+            return "引用";
+        case "image":
+            return "图片";
+        case "link":
+            return "链接";
+        case "blank":
+            return "空行";
+        case "text":
+            return "正文";
+    }
+}
+function parseBracketIndex(value, label) {
+    const match = new RegExp(`\\[${label} (\\d+)`).exec(value);
+    return match ? Number(match[1]) : undefined;
+}
+function formatRating(post) {
+    const value = post.rating ?? post.ratingCount ?? post.wealth ?? post.score;
+    if (typeof value === "number" && Number.isFinite(value)) {
+        return String(value);
+    }
+    if (typeof value === "string" && value.trim()) {
+        return value.trim();
+    }
+    return undefined;
 }
 async function loadView(client, view, force, signal) {
     switch (view) {
@@ -591,7 +989,7 @@ async function loadView(client, view, force, signal) {
                 title: "版面",
                 items: boards,
                 stats: [{ title: "分区", detail: `${sections.length}` }, { title: "版面", detail: `${flattenBoards(sections).length}` }],
-                status: "版面：j/k 选择  l/Enter 读取该版主题  h 返回左栏  r 刷新"
+                status: "版面：j/k 选择  l 进入版面  h 返回  r 刷新"
             };
         }
         case "following": {
@@ -603,7 +1001,7 @@ async function loadView(client, view, force, signal) {
                     { title: "关注动态", detail: `${topics.length} 条` },
                     { title: "缓存", detail: "30s" }
                 ],
-                status: "关注用户动态：j/k 选择  l/Enter 打开帖子  h 返回左栏  r 刷新"
+                status: "关注：j/k 选择  l 打开帖子  h 返回  r 刷新"
             };
         }
         case "favorite": {
@@ -628,7 +1026,7 @@ async function loadView(client, view, force, signal) {
                     { title: "主题", detail: `${items.length} 条` },
                     { title: "缓存", detail: "boards 24h / topics 30s" }
                 ],
-                status: "收藏版面帖子：j/k 选择  l/Enter 打开帖子  h 返回左栏  r 刷新"
+                status: "收藏：j/k 选择  l 打开帖子  h 返回  r 刷新"
             };
         }
         case "messages": {
@@ -643,23 +1041,41 @@ async function loadView(client, view, force, signal) {
                 title: "消息",
                 items: chats.length > 0 ? chats.map((chat) => chatItem(chat, userNames)) : [{ title: "暂无最近私信", meta: "recent-contact-users" }],
                 stats: unreadStats(unreadObject),
-                status: "私信联系人：j/k 选择  l/Enter 打开会话  h 返回左栏  r 刷新"
+                status: "消息：j/k 选择  l 打开会话  h 返回  r 刷新"
             };
         }
         case "me": {
-            const me = asObject(await client.getMe(force, signal));
+            const [me, cacheStats] = await Promise.all([
+                client.getMe(force, signal),
+                client.getCacheStats()
+            ]);
+            const meObject = asObject(me);
             return {
                 title: "我的",
                 items: [
-                    item("昵称", me.name),
-                    item("用户 ID", me.id),
-                    item("等级", me.levelTitle ?? me.groupName),
-                    item("发帖数", me.postCount),
-                    item("财富", me.wealth),
-                    item("关注", me.followCount),
-                    item("粉丝", me.fanCount)
+                    item("昵称", meObject.name),
+                    item("用户 ID", meObject.id),
+                    item("等级", meObject.levelTitle ?? meObject.groupName),
+                    item("发帖数", meObject.postCount),
+                    item("财富", meObject.wealth),
+                    item("关注", meObject.followCount),
+                    item("粉丝", meObject.fanCount)
                 ],
-                stats: [{ title: "登录状态", detail: "已登录" }]
+                stats: [
+                    { title: "登录状态", detail: "已登录" }
+                ]
+            };
+        }
+        case "settings": {
+            const cacheStats = await client.getCacheStats();
+            return {
+                title: "设置",
+                items: settingsItems,
+                stats: [
+                    { title: "缓存", detail: `${cacheStats.fileCacheEntries} 文件` },
+                    { title: "版本", detail: `v${appVersion}` }
+                ],
+                status: "设置：j/k 选择  l 执行  h 返回"
             };
         }
     }
@@ -681,24 +1097,31 @@ function draw(state, size) {
     const right = rightWidth > 0 ? drawRight(state, rightWidth, bodyHeight) : [];
     for (let row = 0; row < bodyHeight; row += 1) {
         const parts = [
-            sidebar[row] ?? " ".repeat(sidebarWidth),
+            fit(sidebar[row] ?? "", sidebarWidth),
             `${line}│${ansi.reset}`,
-            main[row] ?? " ".repeat(mainWidth)
+            fit(main[row] ?? "", mainWidth)
         ];
         if (rightWidth > 0) {
-            parts.push(`${line}│${ansi.reset}`, right[row] ?? " ".repeat(rightWidth));
+            parts.push(`${line}│${ansi.reset}`, fit(right[row] ?? "", rightWidth));
         }
         lines.push(parts.join(""));
     }
     lines.push(`${line}${"─".repeat(width)}${ansi.reset}`);
-    lines.push(fit(`${muted}${state.status}${ansi.reset}`, width));
+    lines.push(drawStatusBar(state, width));
+    // Draw modal overlays
+    if (state.modal === "help") {
+        return drawHelpModal(lines, width, height);
+    }
+    if (state.modal === "menu") {
+        return drawMenuModal(lines, state, width, height);
+    }
     return lines.slice(0, height).join("\n");
 }
 function header(width, state) {
     const account = state.account ? `@${state.account}` : "未登录";
-    const title = `${cc98BlueBg}${white}${ansi.bold} CC98 ${ansi.reset}${cc98BlueBg}${white} ${state.viewTitle} ${ansi.reset}`;
-    const right = `${muted}${account}${ansi.reset}`;
-    return fit(`${title}${" ".repeat(Math.max(1, width - cellWidth(title) - cellWidth(right)))}${right}`, width);
+    const title = ` CC98 ${state.viewTitle} `;
+    const padding = Math.max(1, width - cellWidth(title) - cellWidth(account));
+    return `${cc98BlueBg}${white}${ansi.bold}${fit(`${title}${" ".repeat(padding)}${account}`, width)}${ansi.reset}`;
 }
 function drawOverview(state, width, height) {
     const rows = [];
@@ -758,7 +1181,6 @@ function drawMain(state, width, height) {
     }
     const rows = [];
     rows.push(`${cc98Blue}${ansi.bold} ${state.viewTitle}${ansi.reset}`);
-    rows.push(fit(`${muted} ${state.focus === "content" ? "内容栏" : "按 l/Enter 进入内容栏"}${ansi.reset}`, width));
     rows.push(`${line}${"─".repeat(Math.max(0, width - 1))}${ansi.reset}`);
     const visibleCapacity = Math.max(1, Math.floor(Math.max(1, height - 3) / 3));
     if (state.itemIndex < state.scroll) {
@@ -773,16 +1195,14 @@ function drawMain(state, width, height) {
             return;
         }
         const index = state.scroll + offset;
-        const active = index === state.itemIndex && state.focus === "content";
+        const active = index === state.itemIndex && (state.focus === "content" || state.mode === "settings");
         const prefix = active ? `${ok}●${ansi.reset}` : `${muted}•${ansi.reset}`;
         const title = fit(` ${itemValue.title}`, Math.max(10, width - 2));
         rows.push(active ? `${bg(5, 46, 74)}${prefix}${title}${ansi.reset}` : fit(`${prefix}${title}`, width));
         if (itemValue.meta && rows.length < height) {
             rows.push(fit(`  ${muted}${itemValue.meta}${ansi.reset}`, width));
         }
-        if (itemValue.detail && rows.length < height) {
-            rows.push(fit(`  ${itemValue.detail}`, width));
-        }
+        // Note: detail is shown in right panel, not here
     });
     if (visible.length === 0) {
         rows.push(`${muted} 暂无数据${ansi.reset}`);
@@ -840,38 +1260,272 @@ function drawTopic(state, width, height) {
     rows.push(fit(`${muted}${pageInfo}${state.loadingMore ? " · 加载中" : ""}${ansi.reset}`, width));
     return rows.concat(blank(height - rows.length, width)).slice(0, height);
 }
+function drawStatusBar(state, width) {
+    const left = getStatus(state);
+    const right = getKeyHints(state);
+    const padding = Math.max(1, width - cellWidth(left) - cellWidth(right) - 2);
+    return fit(`${muted} ${left}${" ".repeat(padding)}${right} `, width);
+}
+function getKeyHints(state) {
+    const hints = [];
+    hints.push("j/k ↑↓ 移动");
+    hints.push("h← 返回");
+    hints.push("l→ 进入");
+    hints.push("Enter 确认");
+    if (state.mode === "topic") {
+        hints.push("n 下页");
+        hints.push("【/】楼层");
+        hints.push("数字跳楼");
+    }
+    else if (state.currentChat) {
+        hints.push("n 更多");
+    }
+    hints.push("r 刷新");
+    hints.push("o 操作");
+    hints.push("? 帮助");
+    hints.push("q 退出");
+    return hints.join(" ");
+}
+function drawHelpModal(baseLines, width, height) {
+    const modalWidth = Math.min(50, width - 4);
+    const modalHeight = Math.min(22, height - 4);
+    const startRow = Math.floor((height - modalHeight) / 2);
+    const startCol = Math.floor((width - modalWidth) / 2);
+    const helpContent = [
+        "",
+        `${cc98Blue}${ansi.bold} 快捷键帮助${ansi.reset}`,
+        "",
+        " 导航",
+        "   j/k, ↑/↓    上下移动",
+        "   l, →        进入下一层",
+        "   h, ←        返回上一层",
+        "   Enter       确认/执行",
+        "",
+        " 操作",
+        "   r           刷新当前视图",
+        "   n, Space    加载更多",
+        "   o           打开操作菜单",
+        "   ?           显示/关闭帮助",
+        "   q           退出程序",
+        "",
+        " 按任意键关闭"
+    ];
+    const result = [...baseLines];
+    for (let i = 0; i < modalHeight && i < helpContent.length; i++) {
+        const row = startRow + i;
+        if (row >= 0 && row < result.length) {
+            const line = helpContent[i] ?? "";
+            const padded = fit(line, modalWidth);
+            const bgStr = i === 0 || i === modalHeight - 1 ? `${line}${"─".repeat(modalWidth)}${ansi.reset}` : `${bg(5, 46, 74)}${padded}${ansi.reset}`;
+            const before = result[row].slice(0, startCol);
+            const after = " ".repeat(Math.max(0, width - startCol - modalWidth));
+            result[row] = `${before}${bgStr}${after}`;
+        }
+    }
+    return result.slice(0, height).join("\n");
+}
+function drawMenuModal(baseLines, state, width, height) {
+    const modalWidth = Math.min(30, width - 4);
+    const modalHeight = state.menuItems.length + 4;
+    const startRow = Math.floor((height - modalHeight) / 2);
+    const startCol = Math.floor((width - modalWidth) / 2);
+    const result = [...baseLines];
+    // Title
+    const titleRow = startRow;
+    if (titleRow >= 0 && titleRow < result.length) {
+        const title = fit(`${cc98Blue}${ansi.bold} 操作菜单${ansi.reset}`, modalWidth);
+        result[titleRow] = replaceAt(result[titleRow], startCol, `${bg(5, 46, 74)}${title}${ansi.reset}`);
+    }
+    // Separator
+    const sepRow = startRow + 1;
+    if (sepRow >= 0 && sepRow < result.length) {
+        result[sepRow] = replaceAt(result[sepRow], startCol, `${line}${"─".repeat(modalWidth)}${ansi.reset}`);
+    }
+    // Menu items
+    state.menuItems.forEach((item, i) => {
+        const row = startRow + 2 + i;
+        if (row >= 0 && row < result.length) {
+            const active = i === state.menuIndex;
+            const label = ` ${item.label}`;
+            const key = `[${item.key}]`;
+            const padding = Math.max(0, modalWidth - label.length - key.length - 1);
+            const content = `${label}${" ".repeat(padding)}${key}`;
+            const styled = active
+                ? `${bg(0, 130, 202)}${white}${fit(content, modalWidth)}${ansi.reset}`
+                : `${bg(5, 46, 74)}${fit(content, modalWidth)}${ansi.reset}`;
+            result[row] = replaceAt(result[row], startCol, styled);
+        }
+    });
+    return result.slice(0, height).join("\n");
+}
+function replaceAt(str, index, replacement) {
+    const before = str.slice(0, index);
+    const afterWidth = Math.max(0, cellWidth(str) - index - cellWidth(replacement));
+    const after = " ".repeat(afterWidth);
+    return `${before}${replacement}${after}`;
+}
 function drawRight(state, width, height) {
+    if (state.mode === "topic" && state.topic) {
+        return drawTopicRight(state.topic, state.scroll, width, height);
+    }
+    if (state.focus === "nav") {
+        return drawNavRight(state, width, height);
+    }
+    return drawItemRight(state, width, height);
+}
+function drawNavRight(state, width, height) {
     const rows = [];
-    rows.push(`${cc98Blue}${ansi.bold} CC98${ansi.reset}`);
-    const art = width < 40 ? mascotCompact : mascot;
-    rows.push(...art.map((row) => fit(`${white}${row}${ansi.reset}`, width)));
+    const nav = navItems[state.navIndex];
+    rows.push(...mascotMini.map((row) => fit(`${white}${row}${ansi.reset}`, width)));
     rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
-    const stats = state.mode === "topic" && state.topic
-        ? [
-            { title: "楼层", detail: String(state.topic.loaded) },
-            { title: "图片", detail: String(state.topic.imageCount) },
-            { title: "链接", detail: String(state.topic.linkCount) },
-            { title: "缓存", detail: "meta 60s / posts 60s-10m" }
-        ]
-        : state.stats;
-    stats.slice(0, Math.max(0, height - rows.length)).forEach((stat) => {
-        rows.push(fit(`${muted}${stat.title}${ansi.reset}`, width));
-        if (stat.detail) {
-            rows.push(fit(`${cc98BlueSoft}${stat.detail}${ansi.reset}`, width));
+    rows.push(fit(`${cc98Blue}${ansi.bold} ${nav.label}${ansi.reset}`, width));
+    rows.push(fit(`${muted} ${nav.hint}${ansi.reset}`, width));
+    rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
+    if (state.loading) {
+        rows.push(fit(`${muted} 正在读取栏目...${ansi.reset}`, width));
+    }
+    else if (state.error) {
+        rows.push(fit(`${danger} 栏目读取失败${ansi.reset}`, width));
+        rows.push(fit(` ${state.error}`, width));
+    }
+    else {
+        rows.push(fit(`${muted} 当前内容${ansi.reset}`, width));
+        rows.push(fit(`${cc98BlueSoft} ${state.items.length} 项${ansi.reset}`, width));
+        if (state.stats.length > 0) {
+            rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
+            state.stats.slice(0, 5).forEach((stat) => {
+                rows.push(fit(`${muted} ${stat.title}${ansi.reset}`, width));
+                rows.push(fit(`${cc98BlueSoft} ${stat.detail ?? "-"}${ansi.reset}`, width));
+            });
         }
-    });
-    const selected = state.mode === "list" ? state.items[state.itemIndex] : undefined;
-    if (selected && height - rows.length >= 4) {
-        while (height - rows.length > 4) {
-            rows.push(" ".repeat(width));
+    }
+    rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
+    rows.push(fit(`${muted} j/k 切换栏目${ansi.reset}`, width));
+    rows.push(fit(`${muted} l/Enter 进入内容${ansi.reset}`, width));
+    rows.push(fit(`${muted} r 刷新当前栏目${ansi.reset}`, width));
+    return rows.concat(blank(height - rows.length, width)).slice(0, height);
+}
+function drawItemRight(state, width, height) {
+    const rows = [];
+    const selected = state.items[state.itemIndex];
+    if (!selected) {
+        rows.push(fit(`${muted} 暂无选中项${ansi.reset}`, width));
+        return rows.concat(blank(height - rows.length, width)).slice(0, height);
+    }
+    rows.push(fit(`${cc98Blue}${ansi.bold} ${selected.title}${ansi.reset}`, width));
+    if (selected.meta) {
+        wrapText(selected.meta, width - 2).slice(0, 3).forEach((row) => {
+            rows.push(fit(`${muted} ${row}${ansi.reset}`, width));
+        });
+    }
+    rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
+    if (selected.detail) {
+        wrapText(selected.detail, width - 2).slice(0, Math.max(0, height - rows.length - 8)).forEach((row) => {
+            rows.push(fit(` ${row}`, width));
+        });
+    }
+    else {
+        rows.push(fit(`${muted} 没有摘要内容${ansi.reset}`, width));
+    }
+    rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
+    if (selected.topicId !== undefined) {
+        rows.push(fit(`${muted} 主题 #${selected.topicId}${ansi.reset}`, width));
+        if (selected.boardId !== undefined) {
+            rows.push(fit(`${muted} 版面 #${selected.boardId}${ansi.reset}`, width));
+        }
+        rows.push(fit(`${cc98BlueSoft} l 打开阅读${ansi.reset}`, width));
+    }
+    else if (selected.boardId !== undefined) {
+        rows.push(fit(`${muted} 版面 #${selected.boardId}${ansi.reset}`, width));
+        rows.push(fit(`${cc98BlueSoft} l 读取主题${ansi.reset}`, width));
+    }
+    else if (selected.chatUserId !== undefined) {
+        rows.push(fit(`${muted} 用户 #${selected.chatUserId}${ansi.reset}`, width));
+        rows.push(fit(`${cc98BlueSoft} l 打开会话${ansi.reset}`, width));
+    }
+    else if (state.mode === "settings") {
+        rows.push(fit(`${cc98BlueSoft} l/Enter 执行${ansi.reset}`, width));
+    }
+    return rows.concat(blank(height - rows.length, width)).slice(0, height);
+}
+function drawTopicRight(topic, scroll, width, height) {
+    const rows = [];
+    const post = currentTopicPost(topic, scroll);
+    const lineEntry = currentTopicLine(topic, scroll);
+    rows.push(fit(`${cc98Blue}${ansi.bold} ${topic.title}${ansi.reset}`, width));
+    if (topic.meta) {
+        wrapText(topic.meta, width - 2).slice(0, 2).forEach((row) => {
+            rows.push(fit(`${muted} ${row}${ansi.reset}`, width));
+        });
+    }
+    rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
+    if (post) {
+        const floor = post.floor !== undefined ? `${post.floor} 楼` : "未知楼层";
+        rows.push(fit(`${cc98BlueSoft} ${floor}${ansi.reset}`, width));
+        rows.push(fit(`${muted} ${post.author}${post.time ? ` · ${post.time}` : ""}${ansi.reset}`, width));
+        rows.push(fit(`${muted} 赞 ${post.likeCount}  踩 ${post.dislikeCount}${post.rating ? `  评分 ${post.rating}` : ""}${ansi.reset}`, width));
+        rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
+        if (lineEntry) {
+            rows.push(fit(`${muted} 当前行 ${lineEntry.row + 1}/${post.lines.length}${ansi.reset}`, width));
+            rows.push(fit(`${cc98BlueSoft} ${lineKindLabel(lineEntry.kind)}${ansi.reset}`, width));
+            if (lineEntry.imageUrl) {
+                rows.push(fit(`${muted} 图片 ${lineEntry.imageIndex}${ansi.reset}`, width));
+                wrapText(lineEntry.imageUrl, width - 2).slice(0, 2).forEach((row) => rows.push(fit(` ${row}`, width)));
+            }
+            else if (lineEntry.linkUrl) {
+                rows.push(fit(`${muted} 链接 ${lineEntry.linkIndex}${ansi.reset}`, width));
+                wrapText(lineEntry.linkUrl, width - 2).slice(0, 2).forEach((row) => rows.push(fit(` ${row}`, width)));
+            }
+            else if (lineEntry.text.trim()) {
+                wrapText(lineEntry.text, width - 2).slice(0, 3).forEach((row) => rows.push(fit(` ${row}`, width)));
+            }
         }
         rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
-        rows.push(fit(`${muted}选中${ansi.reset}`, width));
-        rows.push(fit(`${cc98BlueSoft}${selected.title}${ansi.reset}`, width));
-        rows.push(fit(`${muted}${selected.meta ? `归属 ${selected.meta}` : selected.boardId ? `版面 #${selected.boardId}` : ""}${ansi.reset}`, width));
+        rows.push(fit(`${muted} 本楼 图片 ${post.imageCount}  链接 ${post.linkCount}${ansi.reset}`, width));
+    }
+    const hot = topic.posts
+        .filter((entry) => entry.likeCount > 0)
+        .sort((left, right) => right.likeCount - left.likeCount)
+        .slice(0, 3);
+    if (hot.length > 0 && rows.length < height - 5) {
+        rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
+        rows.push(fit(`${cc98Blue}${ansi.bold} 热门回复${ansi.reset}`, width));
+        hot.forEach((entry) => {
+            rows.push(fit(`${muted} #${entry.floor ?? "?"} ${entry.author} · ${entry.likeCount} 赞${ansi.reset}`, width));
+            if (entry.preview) {
+                rows.push(fit(` ${truncate(entry.preview, width - 2)}`, width));
+            }
+        });
+    }
+    rows.push(`${line}${"─".repeat(width)}${ansi.reset}`);
+    rows.push(fit(`${muted} j/k 行滚动  【/】楼层切换${ansi.reset}`, width));
+    rows.push(fit(`${muted} 数字+Enter 跳楼  n 下一页${ansi.reset}`, width));
+    if (topic.floorInput) {
+        rows.push(fit(`${ok} 跳转：${topic.floorInput} 楼${ansi.reset}`, width));
     }
     return rows.concat(blank(height - rows.length, width)).slice(0, height);
 }
+function wrapText(text, maxWidth) {
+    const lines = [];
+    let current = "";
+    let currentWidth = 0;
+    for (const char of text) {
+        const charW = charCellWidth(char);
+        if (currentWidth + charW > maxWidth) {
+            lines.push(current);
+            current = char;
+            currentWidth = charW;
+        }
+        else {
+            current += char;
+            currentWidth += charW;
+        }
+    }
+    if (current) {
+        lines.push(current);
+    }
+    return lines;
+}
 function item(title, value, meta) {
     return {
         title,
@@ -973,19 +1627,34 @@ async function mapLimit(values, limit, mapper) {
     await Promise.all(workers);
     return results;
 }
-function listStatus(state) {
-    if (state.currentBoard) {
-        return "版面帖子：j/k 选择  l/Enter 打开帖子  Esc/Backspace 返回版面列表  h 返回左栏";
+function getStatus(state) {
+    // Left part: context status
+    let left = "";
+    if (state.loading) {
+        left = "加载中...";
     }
-    if (state.currentChat) {
-        return state.currentChat.hasMore
-            ? "私信：j/k 滚动  n/Space 更早消息  Esc/Backspace 返回联系人  h 返回左栏"
-            : "私信：j/k 滚动  Esc/Backspace 返回联系人  h 返回左栏";
+    else if (state.loadingMore) {
+        left = "加载更多...";
     }
-    if (state.focus === "nav") {
-        return "左栏：j/k 选栏目  l/Enter 进入内容  r 刷新  q 退出";
+    else if (state.error) {
+        left = "出错了";
+    }
+    else if (state.mode === "topic") {
+        if (state.topic) {
+            const post = currentTopicPost(state.topic, state.scroll);
+            const line = currentTopicLine(state.topic, state.scroll);
+            left = post
+                ? `${post.floor ?? "?"} 楼 · 第 ${line ? line.row + 1 : 1} 行`
+                : `${state.topic.loaded} 楼已加载`;
+        }
+    }
+    else if (state.mode === "settings") {
+        left = "设置";
+    }
+    else {
+        left = `${state.items.length} 项`;
     }
-    return "内容：j/k 选择  l/Enter 打开帖子/版面/私信  h 返回左栏  r 刷新  q 退出";
+    return left;
 }
 function flattenBoards(sections) {
     const boards = [];