Commit b525287
feat: complete UI rewrite — React + Ant Design + ECharts
Replaced the entire frontend with a clean, maintainable 4-page SPA:
Stack:
- Ant Design v5 (premium dark/light theme with compact algorithm)
- ECharts v5 (treemap, bar charts, pie charts — all bundled, no CDN)
- React 18 + Vite + strict TypeScript
Pages:
- Dashboard: stats cards, language distribution, node kinds breakdown,
framework tags, file type pie chart (all facts, no inferences)
- Codebase Map: ECharts treemap colored by language, sized by node
count → LOC → file size (tiebreaker cascade). Directory drill-down.
- Explorer: Ant Design Table with kind tabs, server-side pagination,
search, detail Drawer with neighbors
- MCP Console: tool browser with parameter forms, JSON response viewer
Removed:
- CodeGraphView (Cytoscape/AntV G6), SwaggerView (API docs),
NodeDetailPanel (Monaco editor), ProjectFileTree, SearchBar
- All shadcn/ui components, Radix UI, Tailwind CSS
- swagger-ui-react, @monaco-editor/react, react-resizable-panels
- 10,558 lines deleted, 2,519 lines added (net -8,039)
Theme: Deep indigo palette, Inter font, compact spacing, refined
dark mode with custom backgrounds. Zero CDN dependencies.
Tested on code-iq codebase: 1,392 nodes, 3,306 edges rendered
correctly across all pages.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>1 parent 1068eee commit b525287
46 files changed
Lines changed: 2519 additions & 10558 deletions
File tree
- src/main/frontend
- src
- components
- ui
- contexts
- context
- hooks
- lib
- pages
Some content is hidden
Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
6 | 6 | | |
7 | 7 | | |
8 | 8 | | |
9 | | - | |
10 | | - | |
11 | | - | |
12 | 9 | | |
13 | | - | |
| 10 | + | |
14 | 11 | | |
15 | 12 | | |
16 | 13 | | |
| |||
0 commit comments