v2.0.7 — oumta-dashboard: timeline overhaul

Two-column timestrahl layout + workload quick-filter.

- Left column (64px): date badge (big day / small month e.g. 18 APR)
  shown only on the first cluster of each day, coloured dot, and a
  compact HH:MM time (or "just now" when <60s old).
- Dot colour = dominant severity of the cluster
  (error > warning > recovered > image > info).
- Events within a 60s tolerance window collapse into one entry so
  simultaneous rollouts of multiple deployments appear as a single
  dot with each sub-event listed in the right column.
- Workload quick-pick pills above the timeline. "all" + up to six
  inline pills (workloads sorted by recency); the rest collapses into
  a "+N more" dropdown. Clicking a workload name inline inside an
  event also applies the filter. Filter hides itself when the view is
  scoped to a single workload (opened via the overview attention list).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
thandClaude Opus 4.7 committed 2026-04-18 16:25:40 +02:00
1 parent 0553960a57
commit 9f90ea516a
5 files changed
+340 -48

No files matched your search

@@ -107,6 +107,9 @@
<button id="oumta-timeline-back" class="hidden oumta-btn-ghost"><i class="ph ph-caret-left text-sm"></i> back to all</button>
<span id="oumta-timeline-scope" class="font-pixel text-xs text-t-accent">all events</span>
</div>
<!-- Workload filter: quick-pick pills by default, a dropdown
trigger appears only when the pills don't fit. -->
<div id="oumta-timeline-filters" class="oumta-tl-filters"></div>
<div id="oumta-timeline-body" class="oumta-timeline-body">
<div class="oumta-empty">No events.</div>
</div>