- ${f.severity}
- ${f.title}
+ ${escapeHtml(f.severity)}
+ ${escapeHtml(f.title)}
-
${f.summary}
-
${f.impact}
-
${f.recommendation}
+
${escapeHtml(f.summary)}
+
${escapeHtml(f.impact)}
+
${escapeHtml(f.recommendation)}
${actionHtml}
${banner}
${examples ? `
Sample sessions
${examples}` : ''}
@@ -653,6 +678,26 @@ function showToast({ title, body, durationMs = 6000 }) {
}, durationMs);
}
+async function readJsonOrThrow(response) {
+ const data = await response.json().catch(() => ({}));
+ if (!response.ok || data?.error) {
+ const message = data.detail || data.error || response.statusText || 'Request failed';
+ throw new Error(message);
+ }
+ return data;
+}
+
+function showErrorModal(title, error) {
+ showModal(`
+
+
β οΈ
+
${escapeHtml(title)}
+
${escapeHtml(error?.message || String(error || 'Something went wrong.'))}
+
+
+ `);
+}
+
const RECOMMENDATION_CHECKLISTS = {
'context-bloat': [
'Trim CLAUDE.md / AGENTS.md to essentials',
@@ -818,15 +863,18 @@ document.addEventListener('click', async (e) => {
}
// Modal "track from now" or "commit" handlers
if (e.target?.dataset?.action === 'track-only') {
- const project = decodeURIComponent(e.target.dataset.project);
- const findingId = e.target.dataset.finding;
- const r = await fetch('/api/analysis/apply', {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ project, findingId }), // no token = behavioral apply
- });
- const data = await r.json();
- if (data.ok) {
+ const btn = e.target;
+ const project = decodeURIComponent(btn.dataset.project);
+ const findingId = btn.dataset.finding;
+ btn.disabled = true;
+ btn.textContent = 'Trackingβ¦';
+ try {
+ const r = await fetch('/api/analysis/apply', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ project, findingId }), // no token = behavioral apply
+ });
+ const data = await readJsonOrThrow(r);
showAppliedModal({
findingTitle: data.finding.title,
findingId,
@@ -835,20 +883,26 @@ document.addEventListener('click', async (e) => {
});
const r2 = await fetch('/api/analysis');
renderAnalysis(await r2.json());
+ } catch (err) {
+ showErrorModal('Could not track suggestion', err);
+ } finally {
+ btn.disabled = false;
+ btn.textContent = 'Track from now';
}
return;
}
if (e.target?.dataset?.action === 'commit') {
- const token = e.target.dataset.token;
- e.target.disabled = true;
- e.target.textContent = 'Applyingβ¦';
- const r = await fetch('/api/analysis/apply', {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ token }),
- });
- const data = await r.json();
- if (data.ok) {
+ const btn = e.target;
+ const token = btn.dataset.token;
+ btn.disabled = true;
+ btn.textContent = 'Applyingβ¦';
+ try {
+ const r = await fetch('/api/analysis/apply', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ token }),
+ });
+ const data = await readJsonOrThrow(r);
showAppliedModal({
findingTitle: data.finding.title,
findingId: data.finding.id,
@@ -858,6 +912,10 @@ document.addEventListener('click', async (e) => {
});
const r2 = await fetch('/api/analysis');
renderAnalysis(await r2.json());
+ } catch (err) {
+ showErrorModal('Could not apply change', err);
+ btn.disabled = false;
+ btn.textContent = 'Apply change';
}
return;
}
@@ -876,20 +934,29 @@ document.addEventListener('click', async (e) => {
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ project, findingId }),
});
- const preview = await r.json();
+ const preview = await readJsonOrThrow(r);
showPreviewModal(preview, project, findingId);
+ } catch (err) {
+ showErrorModal('Could not preview suggestion', err);
} finally {
btn.disabled = false;
btn.textContent = 'Apply suggestion β';
}
} else if (action === 'unapply') {
- await fetch('/api/analysis/unapply', {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({ project, findingId }),
- });
- const r2 = await fetch('/api/analysis');
- renderAnalysis(await r2.json());
+ btn.disabled = true;
+ try {
+ await readJsonOrThrow(await fetch('/api/analysis/unapply', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ project, findingId }),
+ }));
+ const r2 = await fetch('/api/analysis');
+ renderAnalysis(await r2.json());
+ } catch (err) {
+ showErrorModal('Could not undo suggestion', err);
+ } finally {
+ btn.disabled = false;
+ }
}
});
@@ -911,6 +978,64 @@ document.querySelectorAll('.chip[data-pfilter]').forEach(btn => {
});
});
+// ===== Export view =====
+
+function renderExportPanel() {
+ if (!currentCache) return;
+ const projects = buildProjects(currentCache.sessions || []);
+ const findings = (analysisCache?.projects || []).reduce((sum, p) => sum + (p.findings?.length || 0), 0);
+ const totalCost = currentCache.summary?.totals?.cost?.total || 0;
+
+ document.getElementById('export-sessions').textContent = fmt(currentCache.summary?.totals?.sessions || 0);
+ document.getElementById('export-projects').textContent = fmt(projects.length);
+ document.getElementById('export-findings').textContent = fmt(findings);
+ document.getElementById('export-cost').textContent = fmtUSD(totalCost);
+ document.getElementById('export-cost').title = fmtUSDFull(totalCost);
+
+ const updated = document.getElementById('export-updated');
+ if (updated) {
+ const date = new Date(currentCache.ts || Date.now());
+ updated.textContent = `Last scan ${date.toLocaleString('tr-TR')}`;
+ }
+
+ const grid = document.getElementById('export-sheet-grid');
+ if (grid) {
+ grid.innerHTML = EXPORT_SHEETS.map(([name, desc], idx) => `
+
+
${String(idx + 1).padStart(2, '0')}
+
+
${escapeHtml(name)}
+
${escapeHtml(desc)}
+
+
+ `).join('');
+ }
+}
+
+document.getElementById('export-refresh')?.addEventListener('click', async (e) => {
+ const btn = e.currentTarget;
+ btn.disabled = true;
+ btn.textContent = 'Refreshing...';
+ try {
+ const r = await fetch('/api/refresh');
+ render(await r.json(), true);
+ renderExportPanel();
+ } catch (err) {
+ showErrorModal('Could not refresh export data', err);
+ } finally {
+ btn.disabled = false;
+ btn.textContent = 'Refresh scan';
+ }
+});
+
+document.getElementById('export-download')?.addEventListener('click', () => {
+ showToast({
+ title: 'Excel export',
+ body: 'Preparing the workbook with all current dashboard data.',
+ durationMs: 3500,
+ });
+});
+
// ===== Routing =====
function route() {
@@ -918,6 +1043,7 @@ function route() {
const overview = document.getElementById('view-overview');
const projectsView = document.getElementById('view-projects');
const analysisView = document.getElementById('view-analysis');
+ const exportView = document.getElementById('view-export');
const listWrap = document.getElementById('projects-list-wrap');
const detail = document.getElementById('project-detail');
@@ -926,6 +1052,7 @@ function route() {
overview.hidden = true;
projectsView.hidden = true;
analysisView.hidden = true;
+ exportView.hidden = true;
document.getElementById('view-charts').hidden = true;
if (hash.startsWith('#/projects')) {
@@ -954,6 +1081,11 @@ function route() {
document.getElementById('view-charts').hidden = false;
document.querySelector('.tab[data-route="charts"]').classList.add('active');
loadCharts();
+ } else if (hash.startsWith('#/export')) {
+ exportView.hidden = false;
+ document.querySelector('.tab[data-route="export"]').classList.add('active');
+ if (!analysisCache) fetch('/api/analysis').then(r => r.json()).then(renderAnalysis).catch(() => {});
+ renderExportPanel();
} else {
overview.hidden = false;
document.querySelector('.tab[data-route="overview"]').classList.add('active');
diff --git a/public/index.html b/public/index.html
index 44f20b1..761c085 100644
--- a/public/index.html
+++ b/public/index.html
@@ -35,6 +35,7 @@
Agent Optimization
Projects
Analysis
Charts
+
Export
@@ -247,7 +248,7 @@
Sessions in this project
Optimization Analysis
- β¦ Haiku
+ β¦ GPT
β Heuristic
Auto-runs every 2 hours Β· scans every project's sessions for wasteful patterns
@@ -300,6 +301,50 @@
Optimizatio
+
+
+
+
+
Excel Export
+
Workbook-ready data from sessions, projects, analysis, context files and telemetry
+
+
+
+
+
Workbook Sheets
+
Flattened for Excel filters, pivots and imports
+
+
β
+