@linxin666/dsh-remote-web-ui 0.3.5 → 0.3.9

package/lib/types/mobile/views/ChatView.test.js

@@ -1,718 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// @vitest-environment jsdom
-/** ChatView: collapsible message folds, toolbar chips, and the bottom sheets. */
-import { afterAll, afterEach, beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
-import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { ChatView, MAX_TAIL_BUFFER_EVENTS, LONG_TEXT_LIMIT } from "./ChatView.js";
-// The api module is fully mocked; App.tsx's history wrapper is overridden to
-// feed fixed history pages, its pure helpers (errorText / formatTime) stay real.
-vi.mock('../api.ts', () => ({
-    fetchMobilePreferences: vi.fn(),
-    models: vi.fn(),
-    selectModel: vi.fn(),
-    sendCommand: vi.fn(),
-    cancelSession: vi.fn(),
-    fetchPending: vi.fn(),
-}));
-vi.mock('./App.tsx', async (importOriginal) => {
-    const actual = await importOriginal();
-    return {
-        ...actual,
-        loadHistory: vi.fn(),
-        prompt: vi.fn(async () => { }),
-    };
-});
-import { fetchMobilePreferences, models, selectModel, sendCommand, cancelSession, fetchPending } from "../api.js";
-import { loadHistory, prompt } from "./App.js";
-const session = {
-    sessionId: 's-1',
-    title: '测试会话',
-    updatedAt: 1_700_000_000_000,
-    running: false,
-    blank: false,
-};
-/** Assemble one history entry wrapping a WireEvent (host history-page shape). */
-function makeEntry(type, data, seq) {
-    return { event: { type, seq, time: seq * 1_000, data } };
-}
-/** Build a history page from loose wire events (the host union is strict). */
-function historyPage(events, extra = {}) {
-    return { events: events, hasMore: false, ...extra };
-}
-/** Minimal mux stand-in: captures the ChatView's frame listener for hand-off. */
-class FakeMux {
-    listeners = new Set();
-    onFrame(listener) {
-        this.listeners.add(listener);
-        return () => { this.listeners.delete(listener); };
-    }
-    emit(frame) {
-        for (const listener of this.listeners)
-            listener(frame);
-    }
-}
-/** A full turn: user message, reasoning + text chunks, tool calls, final message. */
-function turnEvents() {
-    return [
-        makeEntry('user/message', { id: 'u-1', role: 'user', content: [{ type: 'text', text: '改一下代码' }] }, 0),
-        makeEntry('assistant/chunk', { turn: 0, step: 0, chunk: { type: 'reasoning-delta', index: 0, text: '先看结构' } }, 1),
-        makeEntry('assistant/chunk', { turn: 0, step: 0, chunk: { type: 'reasoning-delta', index: 0, text: '\n再看细节' } }, 2),
-        makeEntry('assistant/chunk', { turn: 0, step: 0, chunk: { type: 'text-delta', index: 1, text: '正在处理' } }, 3),
-        makeEntry('tool/call', { turn: 0, step: 0, callId: 'c1', name: 'bash', arguments: '{"cmd":"ls"}' }, 4),
-        makeEntry('assistant/message', {
-            turn: 0,
-            step: 0,
-            message: {
-                id: 'a-1',
-                role: 'assistant',
-                content: [
-                    { type: 'reasoning', text: '先看结构\n再看细节' },
-                    { type: 'text', text: '已完成修改' },
-                ],
-            },
-        }, 5),
-    ];
-}
-const fetchMobilePreferencesMock = vi.mocked(fetchMobilePreferences);
-const modelsMock = vi.mocked(models);
-const selectModelMock = vi.mocked(selectModel);
-const sendCommandMock = vi.mocked(sendCommand);
-const cancelSessionMock = vi.mocked(cancelSession);
-const fetchPendingMock = vi.mocked(fetchPending);
-const loadHistoryMock = vi.mocked(loadHistory);
-const promptMock = vi.mocked(prompt);
-beforeEach(() => {
-    fetchMobilePreferencesMock.mockResolvedValue({ mobileEnterToSend: true });
-    promptMock.mockResolvedValue(undefined);
-    modelsMock.mockResolvedValue({
-        current: { provider: 'fx', model: 'fx-1' },
-        routable: true,
-        groups: [
-            {
-                id: 'fx',
-                name: 'FX',
-                models: [
-                    { id: 'fx-1', name: 'FX 标准' },
-                    { id: 'fx-2', name: 'FX 深度', reasoning: { efforts: [{ id: 'high', name: '高' }], defaultEffort: 'high' } },
-                ],
-            },
-        ],
-        failures: [],
-    });
-    selectModelMock.mockResolvedValue({ selected: { provider: 'fx', model: 'fx-2', reasoningEffort: 'high' } });
-    sendCommandMock.mockResolvedValue({});
-    cancelSessionMock.mockResolvedValue({ accepted: true });
-    fetchPendingMock.mockResolvedValue({ approvals: [], questions: [] });
-});
-afterEach(() => {
-    cleanup();
-    vi.clearAllMocks();
-    vi.restoreAllMocks();
-});
-describe('ChatView message folds', () => {
-    it('hides reasoning behind a collapsed disclosure and expands on tap', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        // The folded turn renders: user bubble, assistant text, disclosures.
-        expect(await screen.findByText('改一下代码')).toBeTruthy();
-        expect(await screen.findByText('已完成修改')).toBeTruthy();
-        const head = await screen.findByRole('button', { name: /深度思考/ });
-        expect(head.getAttribute('aria-expanded')).toBe('false');
-        // Only the one-line summary shows while collapsed; the body stays hidden.
-        expect(await screen.findByText('先看结构')).toBeTruthy();
-        expect(screen.queryByText(/再看细节/)).toBeNull();
-        fireEvent.click(head);
-        expect(head.getAttribute('aria-expanded')).toBe('true');
-        expect(await screen.findByText(/再看细节/)).toBeTruthy();
-    });
-    it('keeps the tool disclosure collapsed with a summary, then reveals arguments', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        const head = await screen.findByRole('button', { name: /工具/ });
-        expect(head.getAttribute('aria-expanded')).toBe('false');
-        expect(screen.queryByText('{"cmd":"ls"}')).toBeNull();
-        fireEvent.click(head);
-        expect(head.getAttribute('aria-expanded')).toBe('true');
-        expect(await screen.findByText('{"cmd":"ls"}')).toBeTruthy();
-        expect(screen.getByText('bash')).toBeTruthy();
-    });
-    it('shows the permission chip from the history-tail projection and applies via /permission', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents(), {
-            projections: {
-                asOfSeq: 4,
-                values: {
-                    permissions: {
-                        options: [
-                            { value: 'read-only', name: '只读' },
-                            { value: 'workspace-write', name: '读写工作区' },
-                        ],
-                        currentValue: 'read-only',
-                    },
-                },
-            },
-        }));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        const chip = await screen.findByRole('button', { name: /只读/ });
-        fireEvent.click(chip);
-        // The sheet lists the presets; picking one dispatches the slash command.
-        const writeOption = await screen.findByRole('button', { name: /读写工作区/ });
-        fireEvent.click(writeOption);
-        await waitFor(() => {
-            expect(sendCommandMock).toHaveBeenCalledWith('s-1', '/permission workspace-write');
-        });
-    });
-    it('requires an explicit confirm before enabling full access', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents(), {
-            projections: {
-                asOfSeq: 4,
-                values: {
-                    permissions: {
-                        options: [{ value: 'danger-full-access', name: '完全权限' }],
-                        currentValue: 'workspace-write',
-                    },
-                },
-            },
-        }));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        // The chip shows the derived label for the unmatched current value.
-        fireEvent.click(await screen.findByRole('button', { name: /Workspace Write/ }));
-        // Picking full access opens the confirmation sheet instead of submitting.
-        fireEvent.click(await screen.findByRole('button', { name: /完全权限/ }));
-        expect(await screen.findByText(/确认完全权限/)).toBeTruthy();
-        expect(sendCommandMock).not.toHaveBeenCalled();
-        // Cancelling dispatches nothing; opening again and confirming submits.
-        fireEvent.click(screen.getByRole('button', { name: /取消/ }));
-        fireEvent.click(screen.getByRole('button', { name: /完全权限/ }));
-        fireEvent.click(await screen.findByRole('button', { name: /确认开启/ }));
-        await waitFor(() => {
-            expect(sendCommandMock).toHaveBeenCalledWith('s-1', '/permission danger-full-access');
-        });
-    });
-});
-describe('ChatView initial-load race', () => {
-    /** Minimal mux stand-in: captures the ChatView's frame listener for hand-off. */
-    class FakeMux {
-        listeners = new Set();
-        onFrame(listener) {
-            this.listeners.add(listener);
-            return () => { this.listeners.delete(listener); };
-        }
-        emit(frame) {
-            for (const listener of this.listeners)
-                listener(frame);
-        }
-    }
-    it('keeps live events that arrive while the tail page is still loading', async () => {
-        let resolveHistory = () => { };
-        loadHistoryMock.mockReturnValue(new Promise((resolve) => { resolveHistory = resolve; }));
-        const mux = new FakeMux();
-        render(_jsx(ChatView, { session: session, mux: mux, onBack: () => { } }));
-        // A live turn starts before the snapshot resolves: chunk, tool call, final.
-        await act(async () => {
-            mux.emit({ type: 'session/event', sessionId: 's-1', event: makeEntry('assistant/chunk', { turn: 1, step: 0, chunk: { type: 'text-delta', text: '正在' } }, 6).event });
-            mux.emit({ type: 'session/event', sessionId: 's-1', event: makeEntry('tool/call', { turn: 1, step: 0, callId: 'c9', name: 'bash', arguments: '{"cmd":"ls"}' }, 7).event });
-            mux.emit({ type: 'session/event', sessionId: 's-1', event: makeEntry('assistant/message', { turn: 1, step: 0, message: { id: 'a-9', role: 'assistant', content: [{ type: 'text', text: '实时新消息' }] } }, 8).event });
-        });
-        // The snapshot predates those events; resolving it must not drop them.
-        await act(async () => { resolveHistory(historyPage(turnEvents())); });
-        expect(await screen.findByText('实时新消息')).toBeTruthy();
-        // The history turn's tool disclosure plus the live one both render.
-        expect((await screen.findAllByRole('button', { name: /工具/ })).length).toBe(2);
-    });
-    it('caps the tail-load live buffer and re-pulls the history tail after an overflow', async () => {
-        const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => { });
-        let resolveHistory = () => { };
-        loadHistoryMock
-            .mockReturnValueOnce(new Promise((resolve) => { resolveHistory = resolve; }))
-            // The overflow follow-up load resolves a page newer than the buffered burst.
-            .mockResolvedValueOnce(historyPage([
-            makeEntry('assistant/message', {
-                id: 'a-refetch',
-                role: 'assistant',
-                content: [{ type: 'text', text: '补拉恢复' }],
-            }, 700),
-        ]));
-        const mux = new FakeMux();
-        render(_jsx(ChatView, { session: session, mux: mux, onBack: () => { } }));
-        // 501 live final messages arrive before the snapshot resolves: the first one
-        // is dropped by the 500-event cap, the remaining 500 stay buffered.
-        await act(async () => {
-            for (let index = 0; index <= MAX_TAIL_BUFFER_EVENTS; index++) {
-                mux.emit({
-                    type: 'session/event',
-                    sessionId: 's-1',
-                    event: makeEntry('assistant/message', {
-                        id: `a-burst-${index}`,
-                        role: 'assistant',
-                        content: [{ type: 'text', text: `突发消息 ${index}` }],
-                    }, 100 + index).event,
-                });
-            }
-        });
-        // The overflow is logged exactly once, and the cap mentions the limit.
-        expect(warnSpy).toHaveBeenCalledTimes(1);
-        expect(String(warnSpy.mock.calls[0]?.[0])).toContain(String(MAX_TAIL_BUFFER_EVENTS));
-        await act(async () => { resolveHistory(historyPage(turnEvents())); });
-        // The capped buffer keeps the render bounded: the dropped oldest burst
-        // message is gone, while the newest buffered one survives the snapshot fold.
-        expect(await screen.findByText('突发消息 500')).toBeTruthy();
-        expect(screen.queryByText('突发消息 0')).toBeNull();
-        // The overflow triggered exactly one follow-up tail load, still carrying the
-        // same abort signal as the initial load.
-        await waitFor(() => { expect(loadHistoryMock).toHaveBeenCalledTimes(2); });
-        expect(loadHistoryMock.mock.calls[1]?.[0]).toBe('s-1');
-        expect(loadHistoryMock.mock.calls[1]?.[1]).toBeUndefined();
-        expect(loadHistoryMock.mock.calls[1]?.[2]).toBeInstanceOf(AbortSignal);
-        expect(loadHistoryMock.mock.calls[1]?.[2]).toBe(loadHistoryMock.mock.calls[0]?.[2]);
-        // The re-pulled page folds into the already-rendered messages.
-        expect(await screen.findByText('补拉恢复')).toBeTruthy();
-    });
-    it('passes an AbortSignal to loadHistory and aborts it on unmount', async () => {
-        let capturedSignal;
-        loadHistoryMock.mockImplementation((_sessionId, _beforeSeq, signal) => {
-            capturedSignal = signal;
-            return Promise.resolve(historyPage(turnEvents()));
-        });
-        const view = render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        expect(await screen.findByText('已完成修改')).toBeTruthy();
-        expect(loadHistoryMock).toHaveBeenCalledTimes(1);
-        expect(loadHistoryMock.mock.calls[0]?.[0]).toBe('s-1');
-        expect(loadHistoryMock.mock.calls[0]?.[1]).toBeUndefined();
-        expect(loadHistoryMock.mock.calls[0]?.[2]).toBeInstanceOf(AbortSignal);
-        expect(capturedSignal).toBeInstanceOf(AbortSignal);
-        expect(capturedSignal?.aborted).toBe(false);
-        view.unmount();
-        expect(capturedSignal?.aborted).toBe(true);
-    });
-});
-describe('ChatView model sheet', () => {
-    it('labels the toolbar chip with the current model and selects a new one', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        const chip = await screen.findByRole('button', { name: /模型/ });
-        expect(chip.textContent).toContain('fx-1');
-        fireEvent.click(chip);
-        const deep = await screen.findByRole('button', { name: /FX 深度/ });
-        fireEvent.click(deep);
-        await waitFor(() => {
-            expect(selectModelMock).toHaveBeenCalledWith('s-1', { provider: 'fx', model: 'fx-2', reasoningEffort: 'high' });
-        });
-    });
-    it('offers effort choices for the current model and submits the picked effort', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        // The current model already is the effort-capable one.
-        modelsMock.mockResolvedValue({
-            current: { provider: 'fx', model: 'fx-2', reasoningEffort: 'high' },
-            routable: true,
-            groups: [
-                {
-                    id: 'fx',
-                    name: 'FX',
-                    models: [
-                        { id: 'fx-1', name: 'FX 标准' },
-                        { id: 'fx-2', name: 'FX 深度', reasoning: { efforts: [{ id: 'high', name: '高' }], defaultEffort: 'high' } },
-                    ],
-                },
-            ],
-            failures: [],
-        });
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        fireEvent.click(await screen.findByRole('button', { name: /模型/ }));
-        const effort = await screen.findByRole('button', { name: /^高/ });
-        fireEvent.click(effort);
-        await waitFor(() => {
-            expect(selectModelMock).toHaveBeenCalledWith('s-1', { provider: 'fx', model: 'fx-2', reasoningEffort: 'high' });
-        });
-    });
-    it('explains a transport 403 on the model channel as a stale host', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        modelsMock.mockRejectedValue(new Error('HTTP 403'));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        fireEvent.click(await screen.findByRole('button', { name: /模型/ }));
-        expect(await screen.findByText(/HTTP 403/)).toBeTruthy();
-        expect(await screen.findByText(/重启 dsh web/)).toBeTruthy();
-    });
-});
-describe('ChatView composer', () => {
-    const inputBox = () => screen.getByRole('textbox');
-    /** Dispatch one keydown through the React tree and return the real event. */
-    const pressEnter = (input, shiftKey = false) => {
-        const event = new KeyboardEvent('keydown', { key: 'Enter', bubbles: true, cancelable: true, shiftKey });
-        input.dispatchEvent(event);
-        return event;
-    };
-    it('sends on Enter by default and keeps Shift+Enter inserting a newline', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        await screen.findByText('已完成修改');
-        const input = inputBox();
-        expect(input.getAttribute('enterKeyHint')).toBe('send');
-        expect(input.getAttribute('placeholder')).toContain('Enter 发送');
-        fireEvent.change(input, { target: { value: '第一行' } });
-        const enter = pressEnter(input);
-        expect(enter.defaultPrevented).toBe(true);
-        await waitFor(() => {
-            expect(promptMock).toHaveBeenCalledWith('s-1', '第一行');
-        });
-        // Shift+Enter stays a newline gesture and never sends.
-        promptMock.mockClear();
-        const shifted = pressEnter(input, true);
-        expect(shifted.defaultPrevented).toBe(false);
-        expect(promptMock).not.toHaveBeenCalled();
-    });
-    it('inserts a newline on Enter and sends only from the button when the preference is false', async () => {
-        fetchMobilePreferencesMock.mockResolvedValue({ mobileEnterToSend: false });
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        await screen.findByText('已完成修改');
-        const input = inputBox();
-        await waitFor(() => { expect(input.getAttribute('enterKeyHint')).toBe('enter'); });
-        expect(input.getAttribute('placeholder')).not.toContain('Enter 发送');
-        // The handler no longer prevents Enter, so the browser's default inserts
-        // a newline (emulated here through the controlled value) and no send fires.
-        fireEvent.change(input, { target: { value: '第一行' } });
-        const enter = pressEnter(input);
-        expect(enter.defaultPrevented).toBe(false);
-        fireEvent.change(input, { target: { value: '第一行\n' } });
-        expect(input.value).toBe('第一行\n');
-        expect(promptMock).not.toHaveBeenCalled();
-        // The send button still sends the full multi-line draft.
-        fireEvent.change(input, { target: { value: '第一行\n第二行' } });
-        fireEvent.click(screen.getByRole('button', { name: '发送' }));
-        await waitFor(() => {
-            expect(promptMock).toHaveBeenCalledWith('s-1', '第一行\n第二行');
-        });
-        // Shift+Enter keeps inserting a newline in either mode.
-        promptMock.mockClear();
-        const shifted = pressEnter(input, true);
-        expect(shifted.defaultPrevented).toBe(false);
-        expect(promptMock).not.toHaveBeenCalled();
-    });
-});
-describe('ChatView scrolling', () => {
-    // Controllable scrollHeight + a write log for the chat-scroll element. The
-    // accessors live on Element.prototype, so patching them here lets every
-    // scrollToBottom assignment drive a deterministic assertion regardless of
-    // when the effect runs relative to mount.
-    let scrollHeightMock = 0;
-    let scrollWrites = [];
-    const origScrollHeight = Object.getOwnPropertyDescriptor(Element.prototype, 'scrollHeight');
-    const origScrollTop = Object.getOwnPropertyDescriptor(Element.prototype, 'scrollTop');
-    /** Minimal mux stand-in: captures the ChatView's frame listener for hand-off. */
-    class FakeMux {
-        listeners = new Set();
-        onFrame(listener) {
-            this.listeners.add(listener);
-            return () => { this.listeners.delete(listener); };
-        }
-        emit(frame) {
-            for (const listener of this.listeners)
-                listener(frame);
-        }
-    }
-    beforeAll(() => {
-        Object.defineProperty(Element.prototype, 'scrollHeight', {
-            configurable: true,
-            get() { return scrollHeightMock; },
-        });
-        Object.defineProperty(Element.prototype, 'scrollTop', {
-            configurable: true,
-            get() { const stored = this['__scrollTop']; return typeof stored === 'number' ? stored : 0; },
-            set(value) { scrollWrites.push(value); this['__scrollTop'] = value; },
-        });
-    });
-    afterAll(() => {
-        if (origScrollHeight)
-            Object.defineProperty(Element.prototype, 'scrollHeight', origScrollHeight);
-        if (origScrollTop)
-            Object.defineProperty(Element.prototype, 'scrollTop', origScrollTop);
-    });
-    beforeEach(() => { scrollHeightMock = 0; scrollWrites = []; });
-    /** A final assistant/message event (non-pending) appended live after the history turn. */
-    const liveFinalEvent = (seq) => makeEntry('assistant/message', {
-        turn: 1,
-        step: 0,
-        message: { id: 'a-2', role: 'assistant', content: [{ type: 'text', text: '实时新消息' }] },
-    }, seq);
-    it('positions to the latest message when a session is opened', async () => {
-        scrollHeightMock = 400;
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        // The tail page renders, then the commit-time effect pins scrollTop to the tail.
-        expect(await screen.findByText('已完成修改')).toBeTruthy();
-        expect(scrollWrites.at(-1)).toBe(400);
-    });
-    it('auto-scrolls to the bottom when a new live message arrives', async () => {
-        scrollHeightMock = 400;
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        const mux = new FakeMux();
-        render(_jsx(ChatView, { session: session, mux: mux, onBack: () => { } }));
-        await screen.findByText('已完成修改');
-        expect(scrollWrites.at(-1)).toBe(400);
-        // A real-time message grows content; the newly appended (non-pending) last
-        // message must still pull the view down to the new bottom.
-        scrollHeightMock = 800;
-        await act(async () => {
-            mux.emit({ type: 'session/event', sessionId: 's-1', event: liveFinalEvent(6).event });
-        });
-        expect(await screen.findByText('实时新消息')).toBeTruthy();
-        expect(scrollWrites.at(-1)).toBe(800);
-    });
-    it('keeps the current scroll position when older messages are loaded', async () => {
-        scrollHeightMock = 400;
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents(), { hasMore: true }));
-        const mux = new FakeMux();
-        render(_jsx(ChatView, { session: session, mux: mux, onBack: () => { } }));
-        await screen.findByText('已完成修改');
-        // Move to the bottom (streaming), as a stable baseline to preserve.
-        scrollHeightMock = 800;
-        await act(async () => {
-            mux.emit({ type: 'session/event', sessionId: 's-1', event: liveFinalEvent(6).event });
-        });
-        await screen.findByText('实时新消息');
-        const writesBefore = scrollWrites.length;
-        expect(scrollWrites.at(-1)).toBe(800);
-        // Prepend an older page; the last message is untouched, so no re-scroll fires.
-        scrollHeightMock = 900;
-        loadHistoryMock.mockResolvedValueOnce(historyPage(turnEvents(), { hasMore: false }));
-        fireEvent.click(screen.getByRole('button', { name: /加载更早的消息/ }));
-        await waitFor(() => { expect(scrollWrites.length).toBe(writesBefore); });
-    });
-});
-describe('ChatView display toggles and context usage', () => {
-    /** jsdom in this setup ships a bare localStorage object; install a real fake. */
-    const makeStorage = () => {
-        const map = new Map();
-        return {
-            getItem: (key) => map.get(key) ?? null,
-            setItem: (key, value) => { map.set(key, value); },
-            removeItem: (key) => { map.delete(key); },
-            clear: () => { map.clear(); },
-            key: (index) => [...map.keys()][index] ?? null,
-            get length() { return map.size; },
-        };
-    };
-    /** A user/message whose source.kind is 'plugin' (injected system message). */
-    const systemEvents = () => [
-        makeEntry('user/message', {
-            id: 'u-plugin',
-            role: 'user',
-            content: [{ type: 'text', text: '系统注入消息' }],
-            source: { kind: 'plugin', name: 'react-extension' },
-        }, 0),
-        makeEntry('user/message', { id: 'u-1', role: 'user', content: [{ type: 'text', text: '普通消息' }] }, 1),
-    ];
-    const toolEvents = () => [
-        makeEntry('user/message', { id: 'u-1', role: 'user', content: [{ type: 'text', text: '改文件' }] }, 0),
-        makeEntry('assistant/message', {
-            turn: 0,
-            step: 0,
-            message: { id: 'a-1', role: 'assistant', content: [{ type: 'text', text: '完成' }] },
-        }, 1),
-        makeEntry('tool/call', { turn: 0, step: 0, callId: 'c1', name: 'bash', arguments: '{}' }, 2),
-    ];
-    beforeEach(() => {
-        vi.stubGlobal('localStorage', makeStorage());
-    });
-    afterEach(() => {
-        vi.unstubAllGlobals();
-    });
-    it('hides injected user messages by default and reveals them via the display sheet', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(systemEvents()));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        // The plugin-injected message is hidden by default; the real user message shows.
-        expect(await screen.findByText('普通消息')).toBeTruthy();
-        expect(screen.queryByText('系统注入消息')).toBeNull();
-        // Open the display sheet and flip the system-message switch on.
-        fireEvent.click(screen.getByRole('button', { name: /显示/ }));
-        const systemSwitch = await screen.findByRole('switch', { name: '系统提示词' });
-        expect(systemSwitch.getAttribute('aria-checked')).toBe('false');
-        fireEvent.click(systemSwitch);
-        expect(await screen.findByText('系统注入消息')).toBeTruthy();
-        // Flip it back off: the injected row disappears again.
-        const systemSwitchAfter = screen.getByRole('switch', { name: '系统提示词' });
-        expect(systemSwitchAfter.getAttribute('aria-checked')).toBe('true');
-        fireEvent.click(systemSwitchAfter);
-        expect(screen.queryByText('系统注入消息')).toBeNull();
-    });
-    it('hides the tool disclosure when the tool-call toggle is off', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(toolEvents()));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        // Tool disclosure visible by default.
-        expect(await screen.findByRole('button', { name: /工具/ })).toBeTruthy();
-        fireEvent.click(screen.getByRole('button', { name: /显示/ }));
-        const toolSwitch = await screen.findByRole('switch', { name: '工具调用' });
-        expect(toolSwitch.getAttribute('aria-checked')).toBe('true');
-        fireEvent.click(toolSwitch);
-        // The disclosure is gone while reasoning/text remain.
-        expect(screen.queryByRole('button', { name: /工具/ })).toBeNull();
-        expect(screen.getByText('完成')).toBeTruthy();
-    });
-    it('renders the context usage chip from request/context plus assistant usage', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage([
-            makeEntry('request/context', { provider: 'fx', model: 'fx-1', contextWindow: 100_000 }, 0),
-            makeEntry('user/message', { id: 'u-1', role: 'user', content: [{ type: 'text', text: 'hi' }] }, 1),
-            makeEntry('assistant/message', {
-                turn: 0,
-                step: 0,
-                message: { id: 'a-1', role: 'assistant', content: [{ type: 'text', text: 'ok' }] },
-                usage: { inputTokens: 30_000, outputTokens: 1_000 },
-            }, 2),
-        ]));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        expect(await screen.findByText('上下文 30%')).toBeTruthy();
-    });
-    it('adds the warn class when context usage is at or above 80%', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage([
-            makeEntry('request/context', { provider: 'fx', model: 'fx-1', contextWindow: 100_000 }, 0),
-            makeEntry('user/message', { id: 'u-1', role: 'user', content: [{ type: 'text', text: 'hi' }] }, 1),
-            makeEntry('assistant/message', {
-                turn: 0,
-                step: 0,
-                message: { id: 'a-1', role: 'assistant', content: [{ type: 'text', text: 'ok' }] },
-                usage: { inputTokens: 80_000, outputTokens: 0 },
-            }, 2),
-        ]));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        const chip = await screen.findByText('上下文 80%');
-        expect(chip.className).toContain('chat-context-warn');
-    });
-    it('renders no context chip when there is no usage/context data', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(turnEvents()));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        await screen.findByText('已完成修改');
-        expect(screen.queryByText(/上下文/)).toBeNull();
-    });
-});
-describe('ChatView stop button (#1041)', () => {
-    /** Emit one session lifecycle frame for the chat's session. */
-    function emitSessionEvent(mux, type, seq) {
-        act(() => {
-            mux.emit({ type: 'session/event', sessionId: 's-1', event: makeEntry(type, {}, seq).event });
-        });
-    }
-    it('switches the composer primary to a stop button while running and cancels the turn', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage([]));
-        const mux = new FakeMux();
-        render(_jsx(ChatView, { session: session, mux: mux, onBack: () => { } }));
-        // Idle: the primary button is the (empty-draft disabled) send button.
-        const sendButton = await screen.findByRole('button', { name: '发送' });
-        expect(sendButton.disabled).toBe(true);
-        // Turn starts: the primary becomes an enabled stop button (square icon).
-        emitSessionEvent(mux, 'turn/start', 1);
-        const stopButton = (await screen.findByRole('button', { name: '停止' }));
-        expect(stopButton.disabled).toBe(false);
-        fireEvent.click(stopButton);
-        await waitFor(() => expect(cancelSessionMock).toHaveBeenCalledWith('s-1'));
-        // Turn ends: the primary flips back to send.
-        emitSessionEvent(mux, 'turn/end', 2);
-        expect(await screen.findByRole('button', { name: '发送' })).toBeTruthy();
-    });
-    it('disables the stop button while the cancel request is in flight', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage([]));
-        let resolveCancel;
-        cancelSessionMock.mockReturnValue(new Promise((resolve) => {
-            resolveCancel = () => { resolve({ accepted: true }); };
-        }));
-        const mux = new FakeMux();
-        render(_jsx(ChatView, { session: session, mux: mux, onBack: () => { } }));
-        await screen.findByRole('button', { name: '发送' });
-        emitSessionEvent(mux, 'turn/start', 1);
-        const stopButton = (await screen.findByRole('button', { name: '停止' }));
-        fireEvent.click(stopButton);
-        // In flight: disabled and re-labeled; a second tap cannot double-submit.
-        const inflight = (await screen.findByRole('button', { name: '停止中' }));
-        expect(inflight.disabled).toBe(true);
-        fireEvent.click(inflight);
-        expect(cancelSessionMock).toHaveBeenCalledTimes(1);
-        await act(async () => { resolveCancel?.(); });
-        emitSessionEvent(mux, 'turn/end', 2);
-        expect(await screen.findByRole('button', { name: '发送' })).toBeTruthy();
-    });
-    it('surfaces a cancel failure through the chat error line', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage([]));
-        cancelSessionMock.mockRejectedValue(new Error('cancel exploded'));
-        const mux = new FakeMux();
-        render(_jsx(ChatView, { session: session, mux: mux, onBack: () => { } }));
-        await screen.findByRole('button', { name: '发送' });
-        emitSessionEvent(mux, 'turn/start', 1);
-        fireEvent.click(await screen.findByRole('button', { name: '停止' }));
-        expect(await screen.findByText(/cancel exploded/)).toBeTruthy();
-    });
-});
-describe('ChatView message visibility and long text folding (#1065)', () => {
-    const toolOnlyEvents = () => [
-        makeEntry('user/message', { id: 'u-1', role: 'user', content: [{ type: 'text', text: '查询文件' }] }, 0),
-        makeEntry('assistant/message', {
-            turn: 0,
-            step: 0,
-            message: { id: 'a-1', role: 'assistant', content: [] },
-        }, 1),
-        makeEntry('tool/call', { turn: 0, step: 0, callId: 'c1', name: 'read_file', arguments: '{"path":"/a"}' }, 2),
-    ];
-    it('hides assistant message completely (no air bubble) when only tool calls exist and tool toggle is off', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage(toolOnlyEvents()));
-        const { container } = render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        expect(await screen.findByText('查询文件')).toBeTruthy();
-        // By default showToolCalls is true, tool disclosure is visible
-        expect(await screen.findByRole('button', { name: /工具/ })).toBeTruthy();
-        // Turn off tool-calls toggle
-        fireEvent.click(screen.getByRole('button', { name: /显示/ }));
-        const toolSwitch = await screen.findByRole('switch', { name: '工具调用' });
-        fireEvent.click(toolSwitch);
-        // The tool disclosure is gone, and the entire assistant message bubble is not rendered (no air bubble)
-        expect(screen.queryByRole('button', { name: /工具/ })).toBeNull();
-        const msgElements = container.querySelectorAll('.chat-msg');
-        expect(msgElements.length).toBe(1);
-        expect(msgElements[0]?.classList.contains('chat-msg-user')).toBe(true);
-    });
-    it('renders failed tag even if assistant message has no text or reasoning', async () => {
-        loadHistoryMock.mockResolvedValue(historyPage([
-            makeEntry('user/message', { id: 'u-1', role: 'user', content: [{ type: 'text', text: '测试失败' }] }, 0),
-            makeEntry('assistant/message', {
-                turn: 0,
-                step: 0,
-                message: { id: 'a-1', role: 'assistant', content: [] },
-            }, 1),
-            makeEntry('turn/end', { turn: 0, reason: { kind: 'error', message: 'timeout' } }, 2),
-        ]));
-        render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        expect(await screen.findByText('测试失败')).toBeTruthy();
-        expect(await screen.findByText('本次回复失败')).toBeTruthy();
-    });
-    it('collapses terminal assistant text exceeding LONG_TEXT_LIMIT and toggles open/close', async () => {
-        const longText = 'A'.repeat(LONG_TEXT_LIMIT + 100);
-        loadHistoryMock.mockResolvedValue(historyPage([
-            makeEntry('user/message', { id: 'u-1', role: 'user', content: [{ type: 'text', text: '生成长文本' }] }, 0),
-            makeEntry('assistant/message', {
-                turn: 0,
-                step: 0,
-                message: { id: 'a-1', role: 'assistant', content: [{ type: 'text', text: longText }] },
-            }, 1),
-        ]));
-        const { container } = render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        expect(await screen.findByText('生成长文本')).toBeTruthy();
-        const toggleButton = await screen.findByRole('button', { name: new RegExp(`展开全文（${LONG_TEXT_LIMIT + 100} 字）`) });
-        expect(toggleButton).toBeTruthy();
-        expect(container.querySelector('.chat-md-collapsed')).not.toBeNull();
-        // Expand
-        fireEvent.click(toggleButton);
-        expect(await screen.findByRole('button', { name: '收起' })).toBeTruthy();
-        expect(container.querySelector('.chat-md-collapsed')).toBeNull();
-    });
-    it('does not collapse terminal assistant text within LONG_TEXT_LIMIT', async () => {
-        const shortText = 'B'.repeat(LONG_TEXT_LIMIT);
-        loadHistoryMock.mockResolvedValue(historyPage([
-            makeEntry('user/message', { id: 'u-1', role: 'user', content: [{ type: 'text', text: '生成中等文本' }] }, 0),
-            makeEntry('assistant/message', {
-                turn: 0,
-                step: 0,
-                message: { id: 'a-1', role: 'assistant', content: [{ type: 'text', text: shortText }] },
-            }, 1),
-        ]));
-        const { container } = render(_jsx(ChatView, { session: session, onBack: () => { } }));
-        expect(await screen.findByText('生成中等文本')).toBeTruthy();
-        expect(screen.queryByRole('button', { name: /展开全文/ })).toBeNull();
-        expect(container.querySelector('.chat-md-collapsed')).toBeNull();
-    });
-});