mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-05-01 18:28:38 +00:00
Why this change was needed: - Project listing had an implicit side effect: every fetch wrote a debug snapshot under `.tmp/project-dumps`. That added unnecessary disk I/O to a hot path, introduced hidden runtime behavior, and created maintenance overhead for code that was not part of product functionality. - Keeping snapshot-specific exports/tests around made the projects module API broader than needed and coupled tests to temporary/debug behavior instead of user-visible behavior. - Codex sessions could remain stuck with a placeholder name (`Untitled Codex Session`) even after a real title became available from newer sync data, which degraded session discoverability in the UI. - Sidebar session rows showed duplicated provider branding and long-form relative times, which added visual noise and reduced scan speed when many sessions are listed. What changed: - Removed temporary projects snapshot dumping from `projects-with-sessions-fetch.service.ts`: - deleted snapshot types/helpers and file-write flow - removed the write call from `getProjectsWithSessions` - Removed snapshot-related surface area from `projects/index.ts`. - Removed the snapshot-focused test `projects.service.test.ts` that only validated removed debug behavior. - Updated `codex-session-synchronizer.provider.ts` to upgrade session names when an existing session still has the placeholder title but a real parsed name is now available. - Updated `SidebarSessionItem.tsx`: - removed duplicate provider logo rendering in each session row - moved age indicator to the right side - made age indicator fade on hover to prioritize action controls - switched to compact relative time format (`<1m`, `Xm`, `Xhr`, `Xd`) for faster list scanning Outcome: - Lower overhead and fewer hidden side effects in project fetches. - Cleaner module boundaries in projects. - Better Codex session naming consistency after sync. - Cleaner sidebar density and clearer hover/action behavior.
197 lines
5.4 KiB
TypeScript
197 lines
5.4 KiB
TypeScript
import fs from 'node:fs/promises';
|
|
import path from 'node:path';
|
|
|
|
import { projectsDb, sessionsDb } from '@/modules/database/index.js';
|
|
import { sessionSynchronizerService } from '@/modules/providers/index.js';
|
|
import { WS_OPEN_STATE, connectedClients } from '@/modules/websocket/index.js';
|
|
import type { RealtimeClientConnection } from '@/shared/types.js';
|
|
|
|
type SessionSummary = {
|
|
id: string;
|
|
summary: string;
|
|
messageCount: number;
|
|
lastActivity: string;
|
|
};
|
|
|
|
type SessionsByProvider = Record<'claude' | 'cursor' | 'codex' | 'gemini', SessionSummary[]>;
|
|
|
|
export type ProjectListItem = {
|
|
projectId: string;
|
|
path: string;
|
|
displayName: string;
|
|
fullPath: string;
|
|
isStarred: boolean;
|
|
sessions: SessionSummary[];
|
|
cursorSessions: SessionSummary[];
|
|
codexSessions: SessionSummary[];
|
|
geminiSessions: SessionSummary[];
|
|
sessionMeta: {
|
|
hasMore: boolean;
|
|
total: number;
|
|
};
|
|
};
|
|
|
|
type ProgressUpdate = {
|
|
phase: 'loading' | 'complete';
|
|
current: number;
|
|
total: number;
|
|
currentProject?: string;
|
|
};
|
|
|
|
type GetProjectsWithSessionsOptions = {
|
|
skipSynchronization?: boolean;
|
|
};
|
|
|
|
/**
|
|
* Generate better display name from path.
|
|
*/
|
|
export async function generateDisplayName(projectName: string, actualProjectDir: string | null = null): Promise<string> {
|
|
// Use actual project directory if provided, otherwise decode from project name.
|
|
const projectPath = actualProjectDir || projectName.replace(/-/g, '/');
|
|
|
|
// Try to read package.json from the project path.
|
|
try {
|
|
const packageJsonPath = path.join(projectPath, 'package.json');
|
|
const packageData = await fs.readFile(packageJsonPath, 'utf8');
|
|
const packageJson = JSON.parse(packageData) as { name?: string };
|
|
|
|
// Return the name from package.json if it exists.
|
|
if (packageJson.name) {
|
|
return packageJson.name;
|
|
}
|
|
} catch {
|
|
// Fall back to path-based naming if package.json doesn't exist or can't be read.
|
|
}
|
|
|
|
// If it starts with /, it's an absolute path.
|
|
if (projectPath.startsWith('/')) {
|
|
const parts = projectPath.split('/').filter(Boolean);
|
|
// Return only the last folder name.
|
|
return parts[parts.length - 1] || projectPath;
|
|
}
|
|
|
|
return projectPath;
|
|
}
|
|
|
|
/**
|
|
* Group the `sessions` table rows for a project by provider.
|
|
*/
|
|
function buildSessionsByProviderFromDb(projectPath: string): SessionsByProvider {
|
|
const rows = sessionsDb.getSessionsByProjectPath(projectPath) as Array<{
|
|
provider: string;
|
|
session_id: string;
|
|
custom_name?: string | null;
|
|
updated_at?: string | null;
|
|
created_at?: string | null;
|
|
}>;
|
|
const byProvider: SessionsByProvider = {
|
|
claude: [],
|
|
cursor: [],
|
|
codex: [],
|
|
gemini: [],
|
|
};
|
|
|
|
for (const row of rows) {
|
|
const provider = row.provider as keyof SessionsByProvider;
|
|
const bucket = byProvider[provider];
|
|
if (!bucket) {
|
|
continue;
|
|
}
|
|
|
|
bucket.push({
|
|
id: row.session_id,
|
|
summary: row.custom_name || '',
|
|
messageCount: 0,
|
|
lastActivity: row.updated_at ?? row.created_at ?? new Date().toISOString(),
|
|
});
|
|
}
|
|
|
|
for (const provider of Object.keys(byProvider) as Array<keyof SessionsByProvider>) {
|
|
byProvider[provider].sort((a, b) => new Date(b.lastActivity).getTime() - new Date(a.lastActivity).getTime());
|
|
}
|
|
|
|
return byProvider;
|
|
}
|
|
|
|
// Broadcast progress to all connected WebSocket clients
|
|
function broadcastProgress(progress: ProgressUpdate) {
|
|
const message = JSON.stringify({
|
|
type: 'loading_progress',
|
|
...progress,
|
|
});
|
|
|
|
connectedClients.forEach((client: RealtimeClientConnection) => {
|
|
if (client.readyState === WS_OPEN_STATE) {
|
|
client.send(message);
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Reads all projects from DB and returns provider-bucketed session summaries.
|
|
*/
|
|
export async function getProjectsWithSessions(
|
|
options: GetProjectsWithSessionsOptions = {}
|
|
): Promise<ProjectListItem[]> {
|
|
if (!options.skipSynchronization) {
|
|
await sessionSynchronizerService.synchronizeSessions();
|
|
}
|
|
|
|
const projectRows = projectsDb.getProjectPaths() as Array<{
|
|
project_id: string;
|
|
project_path: string;
|
|
custom_project_name?: string | null;
|
|
isStarred?: number;
|
|
}>;
|
|
const totalProjects = projectRows.length;
|
|
const projects: ProjectListItem[] = [];
|
|
let processedProjects = 0;
|
|
|
|
for (const row of projectRows) {
|
|
processedProjects += 1;
|
|
|
|
const projectId = row.project_id;
|
|
const projectPath = row.project_path;
|
|
|
|
broadcastProgress({
|
|
phase: 'loading',
|
|
current: processedProjects,
|
|
total: totalProjects,
|
|
currentProject: projectPath,
|
|
});
|
|
|
|
const displayName =
|
|
row.custom_project_name && row.custom_project_name.trim().length > 0
|
|
? row.custom_project_name
|
|
: await generateDisplayName(path.basename(projectPath) || projectPath, projectPath);
|
|
|
|
const sessionsByProvider = buildSessionsByProviderFromDb(projectPath);
|
|
const claudeSessionsAll = sessionsByProvider.claude;
|
|
const claudeSessions = claudeSessionsAll.slice(0, 5);
|
|
|
|
projects.push({
|
|
projectId,
|
|
path: projectPath,
|
|
displayName,
|
|
fullPath: projectPath,
|
|
isStarred: Boolean(row.isStarred),
|
|
sessions: claudeSessions,
|
|
cursorSessions: sessionsByProvider.cursor,
|
|
codexSessions: sessionsByProvider.codex,
|
|
geminiSessions: sessionsByProvider.gemini,
|
|
sessionMeta: {
|
|
hasMore: false,
|
|
total: claudeSessionsAll.length,
|
|
},
|
|
});
|
|
}
|
|
|
|
broadcastProgress({
|
|
phase: 'complete',
|
|
current: totalProjects,
|
|
total: totalProjects,
|
|
});
|
|
|
|
return projects;
|
|
}
|