* feat(chat): /btw command — side questions in a temporary forked session /btw <question> forks the current session (full context inheritance) and opens a compact peek panel docked above the composer. The composer itself becomes the btw input while the panel is open: sends route to the fork, the placeholder and a mode chip reflect the target, and the stop button aborts the fork's turn. Closing the panel (or the chip's ✕) destroys the fork, leaving the main conversation untouched. The panel shows only the fork's own tail (messages at/after the fork creation time) and live permission/question cards scoped to the fork. - chat/btw/BtwPanel: peek sheet (desktop + mobile), fork-tail view, auto-close on disappearance, Esc to close - lib/btw: startBtwSession (fork + rename + routed send), closeBtwPanel (close = destroy), filterBtwTailMessages - ChatInput: btw-mode send routing via SendMessageOptions.sessionId, btw-aware activity (stop/abort), placeholder + mode chip - useSessionActivity: exported for per-session activity reads - i18n: btw keys across all 11 locales * fix(chat): keep btw sends isolated * refactor(chat): rework /btw into a metadata-scoped peek panel - Link the active btw fork through the parent session's metadata (openchamber.btwSessionID) so the panel exists only in the session that invoked /btw, follows parent navigation, and survives reloads; the fork carries a kind:'btw' marker with its originalSessionID. - Replace the wall-clock history boundary with the id of the newest cloned message (server-generated ascending ids), stored in fork metadata. - Derive panel identity in useBtwPanelState; useBtwStore shrinks to transient per-parent UI state (collapsed/creating/destroying). - Panel UX: dropdown-style glass surface, chat ScrollShadow, single title+chevron collapse toggle, muted header controls, promote action (keep as a full session and navigate to it), Esc collapses instead of destroying, reserved Working indicator row, streaming auto-follow via ResizeObserver keyed on content readiness. - Add a 'peek' chat surface mode that suppresses per-message controls and turn footers inside the panel; user bubbles keep a small gap below. - Hide btw forks from the sidebar, session switcher, and command palette until promoted; mark the fork before inserting it into local stores. - Delete/archive lifecycle: removing the fork unlinks the parent; removing the parent also removes its temporary fork. - patchSessionMetadata now mirrors updated sessions into live stores. - Localize new strings across all 12 dictionaries; add unit tests for metadata helpers, the btw flow, and the UI store. * fix(chat): clamp the btw panel below the app header when the keyboard is open Reuse useMobileAutocompleteMaxHeight (the composer autocomplete precedent) on the panel's scroll body, reserving the panel header and bottom spacer height, so the sheet adapts to the visual viewport instead of riding under the app header on mobile. * fix(lint): drop unused destructured bindings in sessionBtwMetadata CI eslint has no underscore ignore pattern; strip metadata keys with typed copies and delete instead of discard-destructuring. --------- Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>
243 lines
10 KiB
TypeScript
243 lines
10 KiB
TypeScript
import { beforeEach, describe, expect, mock, test } from 'bun:test';
|
|
import type { Message, Part, Session } from '@opencode-ai/sdk/v2';
|
|
|
|
let forkSessionImpl: (sessionId: string, messageId?: string, directory?: string | null) => Promise<Session>;
|
|
let getSessionMessagesImpl: (id: string, limit?: number, directory?: string | null) => Promise<Array<{ info: Message; parts: Part[] }>>;
|
|
let sendMessageImpl: (...args: unknown[]) => Promise<unknown>;
|
|
let deleteSessionImpl: (sessionId: string) => Promise<boolean>;
|
|
let updateSessionTitleImpl: (sessionId: string, title: string) => Promise<void>;
|
|
let patchSessionMetadataImpl: (
|
|
sessionId: string,
|
|
directory: string | null | undefined,
|
|
updater: (metadata: Record<string, unknown>) => Record<string, unknown>,
|
|
) => Promise<Session>;
|
|
const registeredDirectories: string[] = [];
|
|
const upsertedSessions: unknown[] = [];
|
|
const childStoreSessions: Session[] = [];
|
|
const currentSessionSwitches: string[] = [];
|
|
const metadataPatches: Array<{ sessionId: string; result: Record<string, unknown> }> = [];
|
|
|
|
mock.module('@/lib/opencode/client', () => ({
|
|
opencodeClient: {
|
|
forkSession: (sessionId: string, messageId?: string, directory?: string | null) =>
|
|
forkSessionImpl(sessionId, messageId, directory),
|
|
getSessionMessages: (id: string, limit?: number, directory?: string | null) =>
|
|
getSessionMessagesImpl(id, limit, directory),
|
|
},
|
|
}));
|
|
mock.module('@/sync/session-actions', () => ({
|
|
waitForConnectionOrThrow: () => Promise.resolve(),
|
|
deleteSession: (sessionId: string) => deleteSessionImpl(sessionId),
|
|
updateSessionTitle: (sessionId: string, title: string) => updateSessionTitleImpl(sessionId, title),
|
|
patchSessionMetadata: (
|
|
sessionId: string,
|
|
directory: string | null | undefined,
|
|
updater: (metadata: Record<string, unknown>) => Record<string, unknown>,
|
|
) => patchSessionMetadataImpl(sessionId, directory, updater),
|
|
}));
|
|
mock.module('@/sync/session-ui-store', () => ({
|
|
useSessionUIStore: {
|
|
getState: () => ({
|
|
sendMessage: (...args: unknown[]) => sendMessageImpl(...args),
|
|
setCurrentSession: (sessionId: string) => { currentSessionSwitches.push(sessionId); },
|
|
}),
|
|
},
|
|
}));
|
|
mock.module('@/stores/useGlobalSessionsStore', () => ({
|
|
useGlobalSessionsStore: { getState: () => ({ upsertSession: (session: unknown) => { upsertedSessions.push(session); } }) },
|
|
}));
|
|
mock.module('@/sync/sync-refs', () => ({
|
|
registerSessionDirectory: (sessionId: string, directory: string) => { registeredDirectories.push(`${sessionId}:${directory}`); },
|
|
getSyncChildStores: () => ({
|
|
children: new Map([['/project', {
|
|
getState: () => ({ session: childStoreSessions }),
|
|
setState: (patch: { session: Session[] }) => { childStoreSessions.length = 0; childStoreSessions.push(...patch.session); },
|
|
}]]),
|
|
}),
|
|
}));
|
|
|
|
const { btwSessionTitle, startBtwSession, destroyBtwSession, promoteBtwSession, filterBtwTailMessages } =
|
|
await import('@/lib/btw');
|
|
const { useBtwStore } = await import('@/stores/useBtwStore');
|
|
|
|
const makeSession = (id: string, directory?: string): Session => ({
|
|
id,
|
|
directory,
|
|
title: 'btw: q',
|
|
time: { created: Date.now(), updated: Date.now() },
|
|
parentID: undefined,
|
|
version: 1,
|
|
}) as unknown as Session;
|
|
|
|
const record = (id: string): { info: Message; parts: Part[] } => ({
|
|
info: { id, role: 'user', time: { created: 1 } } as unknown as Message,
|
|
parts: [],
|
|
});
|
|
|
|
const startInput = {
|
|
parentSessionId: 'parent-1',
|
|
question: 'wtf is kafka',
|
|
directory: '/project',
|
|
providerID: 'provider',
|
|
modelID: 'model',
|
|
agent: 'build',
|
|
variant: 'v',
|
|
};
|
|
|
|
beforeEach(() => {
|
|
registeredDirectories.length = 0;
|
|
upsertedSessions.length = 0;
|
|
childStoreSessions.length = 0;
|
|
currentSessionSwitches.length = 0;
|
|
metadataPatches.length = 0;
|
|
useBtwStore.setState({ byParent: {} });
|
|
forkSessionImpl = () => Promise.reject(new Error('no forkSession stub'));
|
|
getSessionMessagesImpl = () => Promise.resolve([record('msg-boundary')]);
|
|
sendMessageImpl = () => Promise.resolve();
|
|
deleteSessionImpl = () => Promise.resolve(true);
|
|
updateSessionTitleImpl = () => Promise.resolve();
|
|
patchSessionMetadataImpl = (sessionId, _directory, updater) => {
|
|
const result = updater({});
|
|
metadataPatches.push({ sessionId, result });
|
|
return Promise.resolve(makeSession(sessionId));
|
|
};
|
|
});
|
|
|
|
describe('btwSessionTitle', () => {
|
|
test('prefixes the question', () => {
|
|
expect(btwSessionTitle('wtf is kafka')).toBe('btw: wtf is kafka');
|
|
});
|
|
});
|
|
|
|
describe('filterBtwTailMessages', () => {
|
|
test('keeps only messages after the boundary id', () => {
|
|
const records = [record('msg-1'), record('msg-2'), record('msg-3')];
|
|
expect(filterBtwTailMessages(records, 'msg-2').map((r) => r.info.id)).toEqual(['msg-3']);
|
|
});
|
|
|
|
test('a null boundary keeps everything (fork of an empty parent)', () => {
|
|
const records = [record('msg-1'), record('msg-2')];
|
|
expect(filterBtwTailMessages(records, null)).toBe(records);
|
|
});
|
|
});
|
|
|
|
describe('startBtwSession', () => {
|
|
test('forks, marks the fork, links the parent, and routes the question to the fork', async () => {
|
|
forkSessionImpl = (sessionId, messageId, directory) => {
|
|
expect(sessionId).toBe('parent-1');
|
|
expect(messageId).toBe(undefined);
|
|
return Promise.resolve(makeSession('fork-1', directory ?? '/project'));
|
|
};
|
|
let sentText: unknown = null;
|
|
let sentOptions: unknown = null;
|
|
sendMessageImpl = (...args) => {
|
|
sentText = args[0];
|
|
sentOptions = args[9];
|
|
return Promise.resolve();
|
|
};
|
|
|
|
const session = await startBtwSession(startInput);
|
|
|
|
expect(session.id).toBe('fork-1');
|
|
expect(registeredDirectories).toEqual(['fork-1:/project']);
|
|
expect(childStoreSessions.map((s) => s.id)).toEqual(['fork-1']);
|
|
expect(sentText).toBe('wtf is kafka');
|
|
expect(sentOptions).toEqual({ sessionId: 'fork-1', directory: '/project' });
|
|
expect(metadataPatches).toEqual([
|
|
{ sessionId: 'fork-1', result: { openchamber: { kind: 'btw', originalSessionID: 'parent-1', btwBoundaryMessageID: 'msg-boundary' } } },
|
|
{ sessionId: 'parent-1', result: { openchamber: { btwSessionID: 'fork-1' } } },
|
|
]);
|
|
// Transient creating flag is cleared once the flow settles.
|
|
expect(useBtwStore.getState().byParent).toEqual({});
|
|
});
|
|
|
|
test('an empty parent produces a marker without a boundary', async () => {
|
|
forkSessionImpl = () => Promise.resolve(makeSession('fork-1', '/project'));
|
|
getSessionMessagesImpl = () => Promise.resolve([]);
|
|
await startBtwSession(startInput);
|
|
expect(metadataPatches[0]?.result).toEqual({ openchamber: { kind: 'btw', originalSessionID: 'parent-1' } });
|
|
});
|
|
|
|
test('a failed first send unlinks the parent and deletes the fork', async () => {
|
|
forkSessionImpl = () => Promise.resolve(makeSession('fork-1', '/project'));
|
|
sendMessageImpl = () => Promise.reject(new Error('send failed'));
|
|
const deleted: string[] = [];
|
|
deleteSessionImpl = (sessionId) => { deleted.push(sessionId); return Promise.resolve(true); };
|
|
|
|
await expect(startBtwSession(startInput)).rejects.toThrow('send failed');
|
|
|
|
expect(deleted).toEqual(['fork-1']);
|
|
// marker, link, then unlink rollback
|
|
expect(metadataPatches.map((p) => p.sessionId)).toEqual(['fork-1', 'parent-1', 'parent-1']);
|
|
expect(metadataPatches[2]?.result).toEqual({});
|
|
expect(useBtwStore.getState().byParent).toEqual({});
|
|
});
|
|
|
|
test('a failed boundary fetch deletes the fork', async () => {
|
|
forkSessionImpl = () => Promise.resolve(makeSession('fork-1', '/project'));
|
|
getSessionMessagesImpl = () => Promise.reject(new Error('messages failed'));
|
|
const deleted: string[] = [];
|
|
deleteSessionImpl = (sessionId) => { deleted.push(sessionId); return Promise.resolve(true); };
|
|
|
|
await expect(startBtwSession(startInput)).rejects.toThrow('messages failed');
|
|
expect(deleted).toEqual(['fork-1']);
|
|
expect(metadataPatches).toEqual([]);
|
|
});
|
|
});
|
|
|
|
describe('destroyBtwSession', () => {
|
|
const ref = { parentSessionId: 'parent-1', btwSessionId: 'fork-1', directory: '/project' };
|
|
|
|
test('unlinks the parent and deletes the fork', async () => {
|
|
const deleted: string[] = [];
|
|
deleteSessionImpl = (sessionId) => { deleted.push(sessionId); return Promise.resolve(true); };
|
|
expect(await destroyBtwSession(ref)).toBe(true);
|
|
expect(metadataPatches).toEqual([{ sessionId: 'parent-1', result: {} }]);
|
|
expect(deleted).toEqual(['fork-1']);
|
|
expect(useBtwStore.getState().byParent).toEqual({});
|
|
});
|
|
|
|
test('reports an unconfirmed delete and still cleans UI state', async () => {
|
|
deleteSessionImpl = () => Promise.resolve(false);
|
|
expect(await destroyBtwSession(ref)).toBe(false);
|
|
expect(useBtwStore.getState().byParent).toEqual({});
|
|
});
|
|
|
|
test('a failed unlink still attempts the delete', async () => {
|
|
patchSessionMetadataImpl = () => Promise.reject(new Error('patch failed'));
|
|
const deleted: string[] = [];
|
|
deleteSessionImpl = (sessionId) => { deleted.push(sessionId); return Promise.resolve(true); };
|
|
expect(await destroyBtwSession(ref)).toBe(true);
|
|
expect(deleted).toEqual(['fork-1']);
|
|
});
|
|
});
|
|
|
|
describe('promoteBtwSession', () => {
|
|
const ref = { parentSessionId: 'parent-1', btwSessionId: 'fork-1', directory: '/project' };
|
|
|
|
test('unlinks the parent, strips the marker, and navigates to the fork', async () => {
|
|
patchSessionMetadataImpl = (sessionId, _directory, updater) => {
|
|
const base = sessionId === 'fork-1'
|
|
? { openchamber: { kind: 'btw', originalSessionID: 'parent-1', btwBoundaryMessageID: 'msg-1' } }
|
|
: { openchamber: { btwSessionID: 'fork-1' } };
|
|
const result = updater(base);
|
|
metadataPatches.push({ sessionId, result });
|
|
return Promise.resolve(makeSession(sessionId));
|
|
};
|
|
|
|
await promoteBtwSession(ref);
|
|
|
|
expect(metadataPatches).toEqual([
|
|
{ sessionId: 'parent-1', result: {} },
|
|
{ sessionId: 'fork-1', result: {} },
|
|
]);
|
|
expect(currentSessionSwitches).toEqual(['fork-1']);
|
|
});
|
|
|
|
test('a failed unlink aborts the promote without navigating', async () => {
|
|
patchSessionMetadataImpl = () => Promise.reject(new Error('patch failed'));
|
|
await expect(promoteBtwSession(ref)).rejects.toThrow('patch failed');
|
|
expect(currentSessionSwitches).toEqual([]);
|
|
});
|
|
});
|