nntrivi2001
fa156d6a59
Chat UI: - Each Claude/Codex session keeps its own chat/terminal view; Settings only sets how new sessions open. - Composer + menu: upload, project files and folders (#54, also dragged from the Files/Changes tree), context files, recent uploads, skills, plugins. - Activity side panel (progress, outputs, files read, uploads, memory, skills, connectors) with a file preview; edited-file counts per turn. - Permission-mode chip (Shift+Tab steps, read back from the pane: server/lib/pane-mode.js, GET|POST /api/run/:id/permission-mode). - Stop (Esc) while the main agent works; the status is checked per agent (with session_id /api/agents ignores its status filter) and re-read every 5 s while Stop shows. - Dropped images shown in the conversation (GET /api/run/drop/:name, the requester's own drop dir), full-size viewer. - A plain-text paste over 5,000 characters is attached as pasted-text.txt, so no prompt reaches tmux/argv limits (#68). Changes panel: every /api/lanes/:id/git* route takes ?source=<lane_sources id> (sourceFolder; ENOSOURCE otherwise) and a folder picker switches the whole panel to a workspace's extra folder (#70). Server mode S3 (one Linux user per account) — experimental, verified with fake sudo plus a P6 managed-settings spike on a test account: - member tmux listing runs in the background (cached, 15 s => unknown); - transcript snapshot copy is async, chunked, temp file + rename; - Express Layer patch only on Express 4; - tmux capturePane/sendKey go to the member's own server. Docs: the multi-user design moved in as docs/plans/server-mode/README.md (the AgentHub-Server repo is gone); S3-PLAN P6 result; LANES/API/openapi.
94 lines
3.1 KiB
TypeScript
94 lines
3.1 KiB
TypeScript
/**
|
|
* @file ConversationView.follow.test.tsx
|
|
* @description A chat sticks to its end: when it grows or is shown again
|
|
* after being hidden (a size change, which fires no scroll event) it scrolls
|
|
* to the newest while the reader is at the end, leaves a reader who scrolled
|
|
* up alone, and a send (`follow`) brings it back to the end.
|
|
* @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
|
|
*/
|
|
|
|
import { act, fireEvent, render, screen } from "@testing-library/react";
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
import { ConversationView } from "../ConversationView";
|
|
|
|
vi.mock("../../../lib/api", async (importOriginal) => {
|
|
const actual = await importOriginal<Record<string, unknown>>();
|
|
return {
|
|
...actual,
|
|
api: {
|
|
sessions: {
|
|
transcripts: vi.fn(async () => ({ transcripts: [] })),
|
|
transcript: vi.fn(async () => ({
|
|
messages: [
|
|
{
|
|
type: "user",
|
|
content: [{ type: "text", text: "hello" }],
|
|
timestamp: "2026-10-09T00:00:00Z",
|
|
},
|
|
],
|
|
total: 1,
|
|
has_more: false,
|
|
first_line: 1,
|
|
last_line: 1,
|
|
})),
|
|
},
|
|
},
|
|
};
|
|
});
|
|
|
|
let resize: (() => void) | null = null;
|
|
const original = globalThis.ResizeObserver;
|
|
beforeEach(() => {
|
|
resize = null;
|
|
// @ts-expect-error test stub
|
|
globalThis.ResizeObserver = class {
|
|
constructor(cb: () => void) {
|
|
resize = cb;
|
|
}
|
|
observe() {}
|
|
disconnect() {}
|
|
};
|
|
vi.spyOn(window, "requestAnimationFrame").mockImplementation((cb) => {
|
|
cb(0);
|
|
return 0;
|
|
});
|
|
});
|
|
afterEach(() => {
|
|
globalThis.ResizeObserver = original;
|
|
vi.restoreAllMocks();
|
|
});
|
|
|
|
/** The scroll box, with the layout jsdom does not compute. */
|
|
function box(height: number) {
|
|
const el = screen.getByText("hello").closest(".overflow-y-auto") as HTMLElement;
|
|
Object.defineProperty(el, "scrollHeight", { configurable: true, value: height });
|
|
Object.defineProperty(el, "clientHeight", { configurable: true, value: 200 });
|
|
Object.defineProperty(el, "scrollTop", { configurable: true, writable: true, value: 0 });
|
|
return el;
|
|
}
|
|
|
|
describe("ConversationView sticks to its end", () => {
|
|
it("scrolls to the newest when it grows or is shown again, unless the reader scrolled up", async () => {
|
|
const view = render(<ConversationView sessionId="s1" fill live />);
|
|
await screen.findByText("hello");
|
|
const el = box(1000);
|
|
// Shown again after display:none, or taller: only a resize says so.
|
|
act(() => resize?.());
|
|
expect(el.scrollTop).toBe(1000);
|
|
|
|
// The reader scrolls up: growing no longer pulls them down.
|
|
el.scrollTop = 100;
|
|
fireEvent.scroll(el);
|
|
Object.defineProperty(el, "scrollHeight", { configurable: true, value: 1400 });
|
|
act(() => resize?.());
|
|
expect(el.scrollTop).toBe(100);
|
|
|
|
// They send a message: back to the end, and it sticks again.
|
|
view.rerender(<ConversationView sessionId="s1" fill live follow={1} />);
|
|
expect(el.scrollTop).toBe(1400);
|
|
Object.defineProperty(el, "scrollHeight", { configurable: true, value: 1600 });
|
|
act(() => resize?.());
|
|
expect(el.scrollTop).toBe(1600);
|
|
});
|
|
});
|