Objective
Introduce explicit density layering so the product supports both overview reading and deep investigation without trapping every surface in a compromised middle state.
Why
The current product needs both glanceability and depth. UI v2 should support both deliberately instead of mixing them into the same components.
Likely files touched
- ui/style.css
- ui/index.html
- ui/main.js
- ui/services/store.js
- ui/components/threats.js
- ui/components/registry.js
- ui/components/security.js
- ui/components/logs.js
- ui/components/models.js
- ui/components/analytics.js
Example implementation surface
- Define at least two explicit density modes:
DensityMode
- overview
- investigate
- Use progressive disclosure so overview stays clean while investigate mode unlocks denser tables, relation panels, timelines, and evidence blocks.
- Keep a sticky context bar so users never lose scope while moving into dense analysis.
Acceptance criteria
- Overview remains readable in seconds.
- Investigate mode supports dense workflows without forcing the same density on the landing experience.
- Transition between modes preserves scope and context.
Objective
Introduce explicit density layering so the product supports both overview reading and deep investigation without trapping every surface in a compromised middle state.
Why
The current product needs both glanceability and depth. UI v2 should support both deliberately instead of mixing them into the same components.
Likely files touched
Example implementation surface
Acceptance criteria