Skip to content

UI v2 08 — Introduce overview/investigate density modes #44

@fabriziosalmi

Description

@fabriziosalmi

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.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions