Issue 6 (Demo dashboard: filters + explanation panel + trend + alerts views)

[abby-ql]

Owner:

What’s already done: web/index.html exists as a minimal dashboard.
Goal: Meet the UI deliverable explicitly:

1. items list with risk buckets + filters
2. “Why flagged?” explanation panel
3. trend feed view
4. alerts view

Tasks

• Expand UI into simple tabs/sections:

  • Items (filter by bucket/source/search)
  • Trends
  • Alerts

• Implement explanation panel:

  • when clicking an item, show reasons + decomposition nicely
  • highlight matched terms (where available)

• Make UI robust against missing fields (don’t crash)

• Add a Demo script section in README or docs/demo.md describing exactly what to click

Acceptance criteria

• UI supports:

  • filter items by bucket
  • click item → show reasons/decomposition
  • show trends list
  • show alerts list and “old→new bucket”

• Works with snapshot trends + seeded DB (no keys)

Tests

• Manual acceptance test checklist in docs/ui_acceptance.md
• (Optional) very light JS unit test

Dependencies

• Depends on Issue 5 for stable alerts flow (but can still build using existing endpoints)

---

[daohongliu]

Hey @AgentNoon239, it seems like you removed the button for ingesting trends. This may be something we should add back in as there currently is no way to ingest trends other than manually hitting the api with a curl.