Skip to content

feat: git project drill-down from Projects view #200

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vakovalskii merged 1 commit into from
Apr 21, 2026
Merged

feat: git project drill-down from Projects view #200

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
90 changes: 78 additions & 12 deletions src/frontend/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ let layout = localStorage.getItem('codedash-layout') || 'grid'; // 'grid' or 'li
let groupingMode = normalizeGroupingMode(localStorage.getItem('codedash-grouping-mode'));
let searchQuery = '';
let toolFilter = null; // null, 'claude', 'codex'
let gitProjectFilter = null; // null or { key, name } — drill-down from Projects view
let tagFilter = '';
let dateFrom = '';
let dateTo = '';
Expand Down Expand Up @@ -447,17 +448,26 @@ function generateAllTitles() {

// ── Data loading ───────────────────────────────────────────────

var _loadSessionsInFlight = false;

async function loadSessions() {
if (_loadSessionsInFlight) return;
_loadSessionsInFlight = true;
try {
var resp = await fetch('/api/sessions');
allSessions = await resp.json();
// Invalidate analytics cache so stale aggregates are not shown
_analyticsHtmlCache = null;
_analyticsCacheUrl = null;
applyFilters();
// Progressive loading: if server is still loading cursor vscdb sessions, auto-refresh
if (resp.headers.get('X-Loading') === '1') {
setTimeout(loadSessions, 2000);
}
} catch (e) {
document.getElementById('content').innerHTML = '<div class="empty-state">Failed to load sessions. Is the server running?</div>';
} finally {
_loadSessionsInFlight = false;
}
}

Expand Down Expand Up @@ -649,6 +659,12 @@ function applyFilters() {
if (!toolMatch) continue;
}

// Git project drill-down filter (always uses git-root key, independent of groupingMode)
if (gitProjectFilter) {
var sessionProjectKey = getRepoInfo(s.project, s.git_root).key;
if (sessionProjectKey !== gitProjectFilter.key) continue;
}

// Tag filter
if (tagFilter) {
var sessionTags = tags[s.id] || [];
Expand Down Expand Up @@ -975,9 +991,28 @@ function render() {

// Stats
if (stats) {
stats.textContent = sessions.length + ' sessions' +
(toolFilter ? ' (' + toolFilter + ')' : '') +
(tagFilter ? ' [' + tagFilter + ']' : '');
var statsText = sessions.length + ' sessions';
if (toolFilter) statsText += ' (' + toolFilter + ')';
if (tagFilter) statsText += ' [' + tagFilter + ']';
stats.textContent = statsText;
}

// Project filter breadcrumb
var existingBreadcrumb = document.getElementById('gitProjectBreadcrumb');
if (gitProjectFilter && currentView === 'sessions') {
if (!existingBreadcrumb) {
var bc = document.createElement('div');
bc.id = 'gitProjectBreadcrumb';
bc.className = 'git-project-breadcrumb';
var toolbar = document.querySelector('.toolbar');
if (toolbar) toolbar.parentNode.insertBefore(bc, toolbar.nextSibling);
}
document.getElementById('gitProjectBreadcrumb').innerHTML =
'<span class="bc-label">Project:</span>' +
'<span class="bc-name">' + escHtml(gitProjectFilter.name) + '</span>' +
'<button class="bc-clear" onclick="clearGitProjectFilter()" title="Show all projects">&times; Clear filter</button>';
} else if (existingBreadcrumb) {
existingBreadcrumb.remove();
}

// Route to view
Expand Down Expand Up @@ -1172,15 +1207,15 @@ function renderQACard(s, idx) {
}

function renderProjects(container, sessions) {
var byGit = {};
var byGit = {}; // key → { name, list }
sessions.forEach(function(s) {
var name = getGitProjectName(s.project, s.git_root);
if (!byGit[name]) byGit[name] = [];
byGit[name].push(s);
var info = getRepoInfo(s.project, s.git_root);
if (!byGit[info.key]) byGit[info.key] = { name: info.name, list: [] };
byGit[info.key].list.push(s);
});

var sorted = Object.entries(byGit).sort(function(a, b) {
return b[1][0].last_ts - a[1][0].last_ts;
return b[1].list[0].last_ts - a[1].list[0].last_ts;
});

if (sorted.length === 0) {
Expand All @@ -1195,18 +1230,20 @@ function renderProjects(container, sessions) {
html += '</div>';
html += '<div class="git-projects">';
sorted.forEach(function(entry) {
var name = entry[0];
var list = entry[1].slice().sort(function(a, b) { return b.last_ts - a.last_ts; });
var color = getProjectColor(name);
var projKey = entry[0];
var projName = entry[1].name;
var list = entry[1].list.slice().sort(function(a, b) { return b.last_ts - a.last_ts; });
var color = getProjectColor(projName);
var totalMsgs = list.reduce(function(s, e) { return s + (e.messages || 0); }, 0);
var totalCost = list.reduce(function(s, e) { return s + estimateCost(e.file_size); }, 0);
var costLabel = totalCost > 0 ? ' · ~$' + totalCost.toFixed(2) : '';

html += '<div class="git-project-group">';
html += '<div class="git-project-header" onclick="this.parentElement.classList.toggle(\'collapsed\')">';
html += '<span class="group-dot" style="background:' + color + '"></span>';
html += '<span class="git-project-name">' + escHtml(name) + '</span>';
html += '<span class="git-project-name">' + escHtml(projName) + '</span>';
html += '<span class="git-project-stats">' + list.length + ' sessions · ' + totalMsgs + ' msgs' + escHtml(costLabel) + '</span>';
html += '<button class="git-project-open-btn" data-proj-key="' + escHtml(projKey) + '" data-proj-name="' + escHtml(projName) + '" onclick="event.stopPropagation();drillIntoGitProject(this.dataset.projKey,this.dataset.projName)" title="Show only this project\'s sessions">Open &rsaquo;</button>';
html += '<span class="group-chevron">&#9660;</span>';
html += '</div>';
html += '<div class="qa-list">';
Expand Down Expand Up @@ -1381,6 +1418,34 @@ function openProject(name) {
applyFilters();
}

function drillIntoGitProject(key, name) {
gitProjectFilter = { key: key, name: name };
currentView = 'sessions';
// Reset other filters so they don't silently suppress results
searchQuery = '';
tagFilter = '';
dateFrom = '';
dateTo = '';
var searchBox = document.querySelector('.search-box');
if (searchBox) searchBox.value = '';
var tagSel = document.getElementById('tagFilter');
if (tagSel) tagSel.value = '';
updateDateBtn();
document.querySelectorAll('.sidebar-item').forEach(function(el) {
el.classList.toggle('active', el.getAttribute('data-view') === 'sessions');
});
applyFilters();
}

function clearGitProjectFilter() {
gitProjectFilter = null;
currentView = 'projects';
document.querySelectorAll('.sidebar-item').forEach(function(el) {
el.classList.toggle('active', el.getAttribute('data-view') === 'projects');
});
applyFilters();
}

// ── Themes ─────────────────────────────────────────────────────

function setTheme(theme) {
Expand Down Expand Up @@ -1980,6 +2045,7 @@ function dismissUpdate() {
loadTerminals();
checkForUpdates();
setInterval(checkForUpdates, 10000); // check every 10s
setInterval(loadSessions, 60000); // refresh sessions + invalidate analytics cache every 60s
startActivePolling();

// Apply saved theme
Expand Down
3 changes: 3 additions & 0 deletions src/frontend/calendar.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -201,6 +201,9 @@ function setView(view) {
currentView = view;
}

// Clear project drill-down filter on any sidebar navigation
gitProjectFilter = null;

// Update sidebar active state
document.querySelectorAll('.sidebar-item').forEach(function(el) {
el.classList.toggle('active', el.getAttribute('data-view') === view);
Expand Down
50 changes: 50 additions & 0 deletions src/frontend/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1604,13 +1604,63 @@ body {
flex: 1;
}

.git-project-open-btn {
background: none;
border: 1px solid var(--border);
border-radius: 4px;
color: var(--text-muted);
font-size: 11px;
padding: 2px 8px;
cursor: pointer;
flex-shrink: 0;
transition: background 0.15s, color 0.15s;
}
.git-project-open-btn:hover {
background: var(--accent);
color: #fff;
border-color: var(--accent);
}

.git-project-group .group-chevron {
font-size: 10px;
color: var(--text-muted);
transition: transform 0.2s;
}
.git-project-group.collapsed .group-chevron { transform: rotate(-90deg); }

/* ── Git project filter breadcrumb ──────────────────────────── */

.git-project-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 16px;
background: var(--bg-card);
border-bottom: 1px solid var(--border);
font-size: 13px;
}
.bc-label {
color: var(--text-muted);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.bc-name {
font-weight: 700;
color: var(--accent);
}
.bc-clear {
margin-left: auto;
background: none;
border: 1px solid var(--border);
border-radius: 4px;
color: var(--text-muted);
font-size: 11px;
padding: 2px 8px;
cursor: pointer;
}
.bc-clear:hover { color: var(--text); border-color: var(--text-muted); }

/* ── QA session list ────────────────────────────────────────── */

.qa-list {
Expand Down
Loading