mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-05-09 05:58:27 +00:00
* fix: reset-state-on-new-session-click * fix(chat): preserve continuity while session ids settle New conversations were crossing a short but important consistency gap. The route could already point at a newly created session id while the projects payload had not refreshed yet, and realtime/optimistic messages could still be keyed under a provisional id. In that window the UI could stop reading the active session store, briefly render the conversation as missing, and then repopulate it a moment later. That same gap also made duplication more likely. Optimistic local user messages could survive long enough to appear beside the persisted copy, and finalized assistant streaming rows could sit directly next to the server-backed assistant message with the same content before realtime state was cleared. The result was a chat view that felt unstable exactly when a new session was being created. This commit makes session-id reconciliation a first-class part of the chat flow instead of assuming every layer will agree immediately. The session store now understands canonical session aliases and can migrate one conversation from a provisional id to the real id without dropping its in-memory state. The route navigation path can replace the provisional URL entry instead of stacking it in history, and the project/session selection logic keeps a synthetic selected session alive long enough for the sidebar and project payloads to catch up. The practical goal is to keep one visible conversation throughout the whole creation lifecycle: no dead window between websocket events and project refresh, no stale provisional URL after the real id is known, and no extra optimistic/local bubbles when server history catches up. * fix(cli): resolve executable path for Claude CLI on Windows * fix(session-synchronizer): improve session name extraction for Claude and Codex
172 lines
4.9 KiB
TypeScript
172 lines
4.9 KiB
TypeScript
import os from 'node:os';
|
|
import path from 'node:path';
|
|
import { readFile } from 'node:fs/promises';
|
|
|
|
import { sessionsDb } from '@/modules/database/index.js';
|
|
import {
|
|
buildLookupMap,
|
|
extractFirstValidJsonlData,
|
|
findFilesRecursivelyCreatedAfter,
|
|
normalizeSessionName,
|
|
readFileTimestamps,
|
|
} from '@/shared/utils.js';
|
|
import type { IProviderSessionSynchronizer } from '@/shared/interfaces.js';
|
|
|
|
type ParsedSession = {
|
|
sessionId: string;
|
|
projectPath: string;
|
|
sessionName?: string;
|
|
};
|
|
|
|
/**
|
|
* Session indexer for Claude transcript artifacts.
|
|
*/
|
|
export class ClaudeSessionSynchronizer implements IProviderSessionSynchronizer {
|
|
private readonly provider = 'claude' as const;
|
|
private readonly claudeHome = path.join(os.homedir(), '.claude');
|
|
|
|
/**
|
|
* Scans ~/.claude/projects and upserts discovered sessions into DB.
|
|
*/
|
|
async synchronize(since?: Date): Promise<number> {
|
|
const nameMap = await buildLookupMap(path.join(this.claudeHome, 'history.jsonl'), 'sessionId', 'display');
|
|
const files = await findFilesRecursivelyCreatedAfter(
|
|
path.join(this.claudeHome, 'projects'),
|
|
'.jsonl',
|
|
since ?? null
|
|
);
|
|
|
|
let processed = 0;
|
|
for (const filePath of files) {
|
|
const parsed = await this.processSessionFile(filePath, nameMap);
|
|
if (!parsed) {
|
|
continue;
|
|
}
|
|
|
|
const timestamps = await readFileTimestamps(filePath);
|
|
sessionsDb.createSession(
|
|
parsed.sessionId,
|
|
this.provider,
|
|
parsed.projectPath,
|
|
parsed.sessionName,
|
|
timestamps.createdAt,
|
|
timestamps.updatedAt,
|
|
filePath
|
|
);
|
|
processed += 1;
|
|
}
|
|
|
|
return processed;
|
|
}
|
|
|
|
/**
|
|
* Parses and upserts one Claude session JSONL file.
|
|
*/
|
|
async synchronizeFile(filePath: string): Promise<string | null> {
|
|
if (!filePath.endsWith('.jsonl')) {
|
|
return null;
|
|
}
|
|
|
|
const nameMap = await buildLookupMap(path.join(this.claudeHome, 'history.jsonl'), 'sessionId', 'display');
|
|
const parsed = await this.processSessionFile(filePath, nameMap);
|
|
if (!parsed) {
|
|
return null;
|
|
}
|
|
|
|
const timestamps = await readFileTimestamps(filePath);
|
|
return sessionsDb.createSession(
|
|
parsed.sessionId,
|
|
this.provider,
|
|
parsed.projectPath,
|
|
parsed.sessionName,
|
|
timestamps.createdAt,
|
|
timestamps.updatedAt,
|
|
filePath
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Extracts session metadata from one Claude JSONL session file.
|
|
*/
|
|
private async processSessionFile(
|
|
filePath: string,
|
|
nameMap: Map<string, string>
|
|
): Promise<ParsedSession | null> {
|
|
const parsed = await extractFirstValidJsonlData(filePath, (rawData) => {
|
|
const data = rawData as Record<string, unknown>;
|
|
const sessionId = typeof data.sessionId === 'string' ? data.sessionId : undefined;
|
|
const projectPath = typeof data.cwd === 'string' ? data.cwd : undefined;
|
|
|
|
if (!sessionId || !projectPath) {
|
|
return null;
|
|
}
|
|
|
|
return {
|
|
sessionId,
|
|
projectPath,
|
|
};
|
|
});
|
|
|
|
if (!parsed) {
|
|
return null;
|
|
}
|
|
|
|
const existingSession = sessionsDb.getSessionById(parsed.sessionId);
|
|
const existingSessionName = existingSession?.custom_name;
|
|
if (existingSessionName && existingSessionName !== 'Untitled Claude Session') {
|
|
return {
|
|
...parsed,
|
|
sessionName: normalizeSessionName(existingSessionName, 'Untitled Claude Session'),
|
|
};
|
|
}
|
|
|
|
let sessionName = nameMap.get(parsed.sessionId);
|
|
if (!sessionName) {
|
|
sessionName = await this.extractSessionAiTitleFromEnd(filePath, parsed.sessionId);
|
|
}
|
|
|
|
return {
|
|
...parsed,
|
|
sessionName: normalizeSessionName(sessionName, 'Untitled Claude Session'),
|
|
};
|
|
}
|
|
|
|
private async extractSessionAiTitleFromEnd(
|
|
filePath: string,
|
|
sessionId: string
|
|
): Promise<string | undefined> {
|
|
try {
|
|
const content = await readFile(filePath, 'utf8');
|
|
const lines = content.split(/\r?\n/);
|
|
|
|
for (let index = lines.length - 1; index >= 0; index -= 1) {
|
|
const line = lines[index]?.trim();
|
|
if (!line) {
|
|
continue;
|
|
}
|
|
|
|
let parsed: unknown;
|
|
try {
|
|
parsed = JSON.parse(line);
|
|
} catch {
|
|
continue;
|
|
}
|
|
|
|
const data = parsed as Record<string, unknown>;
|
|
const eventType = typeof data.type === 'string' ? data.type : undefined;
|
|
const eventSessionId = typeof data.sessionId === 'string' ? data.sessionId : undefined;
|
|
const aiTitle = typeof data.aiTitle === 'string' ? data.aiTitle : undefined;
|
|
const lastPrompt = typeof data.lastPrompt === 'string' ? data.lastPrompt : undefined;
|
|
|
|
if ((eventType === 'ai-title' && eventSessionId === sessionId && aiTitle?.trim()) || (eventType === 'last-prompt' && eventSessionId === sessionId && lastPrompt?.trim())) {
|
|
return aiTitle || lastPrompt;
|
|
}
|
|
}
|
|
} catch {
|
|
// Ignore missing/unreadable files so sync can continue.
|
|
}
|
|
|
|
return undefined;
|
|
}
|
|
}
|