Skip to content

feat(ui): timeline variant, debounced search, and UTC timestamp fix#142

Merged
kevwilliams merged 1 commit intomainfrom
feat/timeline-variant-and-filter-improvements
Mar 26, 2026
Merged

feat(ui): timeline variant, debounced search, and UTC timestamp fix#142
kevwilliams merged 1 commit intomainfrom
feat/timeline-variant-and-filter-improvements

Conversation

@kevwilliams
Copy link
Copy Markdown
Contributor

@kevwilliams kevwilliams commented Mar 26, 2026

image image

Summary

  • New timeline variant for ActivityFeedItem: flat bordered rows with colored 32×32 action icon squares (blue=create, green=update, red=delete) with dark mode support. Replaces previous card-on-timeline-track layout.
  • Expanded details in timeline: clicking a row reveals ActivityExpandedDetails inline with a muted background. New compact prop on ActivityExpandedDetails removes the redundant top border/margin when embedded this way.
  • UTC timestamp fix: formatTimestampFull was formatting in local browser time but labeling it "UTC". Fixed in both ActivityFeedItem and ActivityExpandedDetails using getUTC* methods.
  • Debounced search: ActivityFeedFilters now debounces search input (400ms) with local state + refs to avoid stale closures. Includes a clear (✕) button and proper unmount cleanup.
  • Filter-chip blue tint fix: bg-secondary replaced with bg-card/hover:bg-accent — the alpha theme's --secondary has hue 240 which caused chips to appear blue when active.
  • Removed actions filter from the "Add filter" menu until backend facet support is available.
  • Compact ActivityFeed removes card padding and border for cleaner embedding in detail tabs.

Test plan

  • Verify variant="timeline" renders flat rows with colored icon squares
  • Verify clicking a timeline row expands/collapses details inline
  • Verify icon colors correct in both light and dark mode
  • Verify tooltip timestamps show correct UTC time for non-UTC browser timezone
  • Verify search input debounces (no lockup while typing)
  • Verify search clear button appears when text is present and clears on click
  • Verify filter chips no longer appear blue when added/open
  • Verify actions no longer appears in the Add Filter dropdown
  • Verify existing feed variant is unaffected

🤖 Generated with Claude Code

- Add `variant="timeline"` to ActivityFeedItem: flat bordered rows with
  colored action icon squares (blue=create, green=update, red=delete),
  dark mode variants included
- Add expanded details panel to timeline variant via ActivityExpandedDetails
  with new `compact` prop (muted background, no redundant top border)
- Fix formatTimestampFull to use UTC methods instead of format() with
  hardcoded 'UTC' label (affected both ActivityFeedItem and
  ActivityExpandedDetails)
- Add debounced search (400ms) to ActivityFeedFilters with local state +
  refs pattern to avoid stale closures; add clear button and unmount cleanup
- Remove `actions` from available filters (no backend facet support yet)
- Fix filter-chip blue tint by replacing bg-secondary with bg-card/bg-accent
  (secondary has hue 240 in alpha theme causing blue appearance)
- Remove compact card padding/border from ActivityFeed for cleaner embedding
- Remove isFirst prop from ActivityFeedItem (no longer needed)
@kevwilliams kevwilliams requested a review from scotwells March 26, 2026 01:52
Copy link
Copy Markdown
Contributor

@scotwells scotwells left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like it! 🎉

@kevwilliams kevwilliams merged commit eaadbbb into main Mar 26, 2026
7 checks passed
@kevwilliams kevwilliams deleted the feat/timeline-variant-and-filter-improvements branch March 26, 2026 04:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants