HYP-200

Unified Diagnostic Panel with Filtering, Search & Persistence
2026-03-02 Branch: HYP-200-diagnostic-log-hub PR #55 feat

Summary

68
Files Changed
+7,031
Insertions
−1,710
Deletions
10
Commits

Product Changes

UI Changes

DiagnosticLogsViewer — unified log panel with severity badges and search
Diagnostic Logs Viewer — new unified panel replacing DockerLogsViewer
DiagnosticFilterBar — severity filter buttons with active counts
Filter Bar — severity-based filtering with real-time counts
Search highlight in log entries
Search & Highlight — real-time text matching without regex

Architecture

BROWSER (SaaS Client) useDiagnosticSync SSE + Reconnect diagnosticStore Zustand Store DiagnosticFilterBar Filter UI DiagnosticLogsViewer Log Viewer UI highlight.tsx Search Highlight useDiagnosticFilter Filter Logic SERVER (Node.js / Hono) /api/diagnostic-logs Hono Route Postgres diagnostic_logs VS CODE EXTENSION (Node.js host + Webview) DevServerManager Process Manager DiagnosticHub Aggregator LogsPanelProvider Webview Provider useDiagnosticSyncExt Webview Hook SHARED (client + server + extension) diagnostic-types.ts Shared Types console-capture Iframe Interceptor

File Impact

Review Findings

Commit Timeline

Codex Review Rounds

Architecture Decision Records