fix(ui): mount FilterBar on Projects Overview page (was tabs-only)#68
Merged
Conversation
PR #66 mounted FilterBar on every per-project tab via ProjectDashboard.tsx but missed the top-level Projects Overview page (Overview.tsx is a separate route, not a tab). On a 7-provider store the user landed on the Overview page and saw no filter bar — the only filter chrome was Overview's own per-model toggle, no provider filter. This adds <FilterBar/> at the top of Overview.tsx so the provider/model filter is visible from the moment the dashboard opens. State is shared via FiltersProvider in App.tsx (already wraps both routes), so filtering on Overview persists when the user navigates into a project dashboard, and vice versa. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
0bserver07
added a commit
that referenced
this pull request
May 2, 2026
… drives it (#69) Overview.tsx had a local horizontal strip of model toggle chips (one per model id, no wrap) that stretched past the viewport on multi-provider stores — 20+ chips inline. With FilterBar now mounted on the same page (PR #68) this strip was redundant; both were filtering the same thing through different state. Wires Overview's per-model cost timeline to read from FilterBar's useFilters() hook (`filters.models[0]` if any, else "all") and removes the 20-chip strip entirely. Single source of truth, no horizontal overflow, and selecting a model in FilterBar now narrows Overview's charts the way the original strip did. Result on the user's 7-provider / 20-model store: filter row wraps cleanly across 2-3 lines via flex-wrap; clicking a model chip still narrows the daily-cost chart. Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
0bserver07
added a commit
that referenced
this pull request
May 20, 2026
PR #66 mounted FilterBar on every per-project tab via ProjectDashboard.tsx but missed the top-level Projects Overview page (Overview.tsx is a separate route, not a tab). On a 7-provider store the user landed on the Overview page and saw no filter bar — the only filter chrome was Overview's own per-model toggle, no provider filter. This adds <FilterBar/> at the top of Overview.tsx so the provider/model filter is visible from the moment the dashboard opens. State is shared via FiltersProvider in App.tsx (already wraps both routes), so filtering on Overview persists when the user navigates into a project dashboard, and vice versa. Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
0bserver07
added a commit
that referenced
this pull request
May 20, 2026
… drives it (#69) Overview.tsx had a local horizontal strip of model toggle chips (one per model id, no wrap) that stretched past the viewport on multi-provider stores — 20+ chips inline. With FilterBar now mounted on the same page (PR #68) this strip was redundant; both were filtering the same thing through different state. Wires Overview's per-model cost timeline to read from FilterBar's useFilters() hook (`filters.models[0]` if any, else "all") and removes the 20-chip strip entirely. Single source of truth, no horizontal overflow, and selecting a model in FilterBar now narrows Overview's charts the way the original strip did. Result on the user's 7-provider / 20-model store: filter row wraps cleanly across 2-3 lines via flex-wrap; clicking a model chip still narrows the daily-cost chart. Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
PR #66 wired FilterBar into ProjectDashboard.tsx — but Overview.tsx is a separate route. Result: filter bar invisible on the dashboard's landing page even though store has 7 providers.
This adds
<FilterBar/>at the top of Overview.tsx. State is already shared via FiltersProvider in App.tsx so filtering on either page persists across navigation.🤖 Generated with Claude Code