feat: UI improvements with icons, back navigation, and overview cards #7

Merged

sharang merged 2 commits from feat/ui-improvements into main 2026-03-09 17:09:41 +00:00

Conversation 0 Commits 2 Files Changed 14 +778 -171

sharang commented 2026-03-09 15:21:11 +00:00

Owner

Copy Link

Summary

• Move AI Chat and MCP Servers from sidebar to overview page as card sections
• Remove Graph Explorer from sidebar (now accessible via icon button on repositories page)
• Add back buttons with navigator().go_back() to all drill-down/detail pages (finding detail, graph explorer, impact analysis, chat, DAST targets, DAST finding detail)
• Replace text labels with Bootstrap icons + tooltips on action buttons (scan, graph, delete) and status badges (open, triaged, resolved, false positive, ignored)
• Add icons for file paths and scanner names in findings table
• Improve spacing/margins across tables, cards, buttons, and badges via CSS updates

Test plan

• Verify overview page shows AI Chat repo cards and MCP Server status cards
• Verify sidebar no longer has Chat, Graph, or MCP links
• Verify back button appears and works on all detail pages
• Verify icon buttons have correct tooltips on hover
• Verify bulk status actions show icons in findings page
• Check both server and WASM targets compile cleanly

## Summary - Move AI Chat and MCP Servers from sidebar to overview page as card sections - Remove Graph Explorer from sidebar (now accessible via icon button on repositories page) - Add back buttons with `navigator().go_back()` to all drill-down/detail pages (finding detail, graph explorer, impact analysis, chat, DAST targets, DAST finding detail) - Replace text labels with Bootstrap icons + tooltips on action buttons (scan, graph, delete) and status badges (open, triaged, resolved, false positive, ignored) - Add icons for file paths and scanner names in findings table - Improve spacing/margins across tables, cards, buttons, and badges via CSS updates ## Test plan - [x] Verify overview page shows AI Chat repo cards and MCP Server status cards - [x] Verify sidebar no longer has Chat, Graph, or MCP links - [x] Verify back button appears and works on all detail pages - [x] Verify icon buttons have correct tooltips on hover - [x] Verify bulk status actions show icons in findings page - [x] Check both server and WASM targets compile cleanly

sharang added 1 commit 2026-03-09 15:21:11 +00:00

feat: UI improvements with icons, back navigation, and overview cards ... c44bf12a4a

- Move AI Chat and MCP Servers from sidebar to overview page as cards
- Remove Graph from sidebar (accessible from repositories page)
- Add back buttons to all drill-down pages (finding detail, graph, chat, etc.)
- Replace text labels with icons + tooltips on action buttons and status badges
- Improve spacing and margins across tables and cards

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

sharang added 1 commit 2026-03-09 16:52:23 +00:00

fix: MCP cards redesign, inline graph, DAST spacing, missing back buttons ... 494600b43f

- Redesign MCP server cards with proper CSS (grid layout, config details,
  tool chips, token section with icon actions)
- Add back button to MCP Servers page and DAST Findings page
- Embed graph explorer inline on repositories page (toggle via graph icon)
  instead of navigating to separate page
- Refactor GraphExplorerPage into shared GraphExplorerBody component
  with GraphExplorerInline variant for embedding
- Fix DAST Overview spacing: proper stat cards, button margins, icons
- Add btn-active state for toggled graph button

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

sharang merged commit 0065c7c4b2 into main 2026-03-09 17:09:41 +00:00

sharang referenced this issue from a commit 2026-03-09 17:09:42 +00:00

feat: UI improvements with icons, back navigation, and overview cards (#7)

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

No items

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

sharang

No Assignees

1 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: sharang/compliance-scanner-agent#7