Session metrics
- {computed_at &&
Updated {fmtDateTime(computed_at)}
}
-
-
- {catList.map(([cat, n]) => {
- const cls = COLORS[cat] ?? EXTRA[extraIdx++ % EXTRA.length];
- return (
-
- {cat}
- {n}
-
- );
- })}
-
-
Total
-
{total}
+
+ {computed_at &&
Updated {fmtDateTime(computed_at)}
}
+ {!showForm && (
+
+ )}
- {success_rate != null && (
-
- Success rate
- {(success_rate * 100).toFixed(1)}%
-
- )}
+
+ {showForm ? (
+
{
+ onSummaryUpdated({ ...updated, computed_at: new Date().toISOString() });
+ setShowForm(false);
+ }}
+ onClose={() => setShowForm(false)}
+ />
+ ) : (
+
+ {catList.map(([cat, n]) => {
+ const cls = COLORS[cat] ?? EXTRA[extraIdx++ % EXTRA.length];
+ return (
+
+ {cat}
+ {n}
+
+ );
+ })}
+
+ Total
+ {total}
+
+ {success_rate != null && (
+
+ Success rate
+ {(success_rate * 100).toFixed(1)}%
+
+ )}
+
);
}
@@ -379,6 +406,142 @@ export function AnalysisResultsView({ analysis }) {
);
}
+// ── Past analyses inline viewer ───────────────────────────────────────────────
+
+function PastAnalysesViewer({ analyses, onDelete, onNewAnalysis }) {
+ const [selectedId, setSelectedId] = useState(() => analyses[0]?.id ?? null);
+ const [cache, setCache] = useState({});
+ const [loadingId, setLoadingId] = useState(null);
+ const [confirmDelete, setConfirmDelete] = useState(null);
+ const [deleting, setDeleting] = useState(false);
+
+ // Load full data whenever the selected id changes
+ useEffect(() => {
+ if (!selectedId || cache[selectedId]) return;
+ setLoadingId(selectedId);
+ analysesApi.get(selectedId)
+ .then((data) => setCache((prev) => ({ ...prev, [selectedId]: data })))
+ .catch(() => {})
+ .finally(() => setLoadingId(null));
+ }, [selectedId]);
+
+ // If the list changes (new analysis added / deleted), keep selection valid
+ useEffect(() => {
+ if (!analyses.length) { setSelectedId(null); return; }
+ if (!analyses.find((a) => a.id === selectedId)) setSelectedId(analyses[0].id);
+ }, [analyses]);
+
+ async function handleDelete(id) {
+ setDeleting(true);
+ try {
+ await analysesApi.delete(id);
+ setCache((prev) => { const n = { ...prev }; delete n[id]; return n; });
+ onDelete(id);
+ } finally {
+ setDeleting(false);
+ setConfirmDelete(null);
+ }
+ }
+
+ if (!analyses.length) return null;
+
+ const selected = analyses.find((a) => a.id === selectedId) ?? null;
+ const fullData = selectedId ? (cache[selectedId] ?? null) : null;
+ const isLoading = loadingId === selectedId;
+
+ const categorySummary = (a) =>
+ Object.entries(a.category_counts ?? {})
+ .sort(([, x], [, y]) => y.total - x.total)
+ .map(([cat, d]) => `${cat}: ${d.total}`)
+ .join(' · ');
+
+ return (
+
+ {/* Header */}
+
+
+ Past Analyses ({analyses.length})
+
+
+
+ {/* Tab selector — scrollable if many */}
+ {analyses.length > 1 && (
+
+ {analyses.map((a) => {
+ const active = a.id === selectedId;
+ return (
+
+ );
+ })}
+
+ )}
+
+ {/* Selected analysis panel */}
+ {selected && (
+
+ {/* Panel header */}
+
+
+
+ {selected.file_name ?? 'Unnamed file'}
+
+
+ {fmtDateTime(selected.created_at)}
+ {' · '}
+ {selected.note_col}
+ {' · '}
+ {selected.total_note_rows} note rows
+ {categorySummary(selected) && (
+ {categorySummary(selected)}
+ )}
+
+
+
+
+
+ {/* Panel body */}
+
+ {isLoading && (
+
Loading…
+ )}
+ {!isLoading && fullData &&
}
+
+
+ )}
+
+
setConfirmDelete(null)}
+ onConfirm={() => handleDelete(confirmDelete)}
+ loading={deleting}
+ title="Delete Analysis"
+ message="Remove this analysis record? The raw CSV is not affected."
+ />
+
+ );
+}
+
// ── Page ──────────────────────────────────────────────────────────────────────
export default function DailyStatusDetail() {
@@ -498,18 +661,11 @@ export default function DailyStatusDetail() {
{/* Analysis summary (pinned metrics) */}
- {status.analysis_summary && !showManualForm && (
-