feat: River feed redesign — sidebar, tiered cards, multi-select source filter #minor#21
Merged
Conversation
…mockup - Add CSS custom properties for dark/light themes - Add explicit theme toggle button (🌙/☀️) in topbar with localStorage persistence - Mobile (≤768px): sidebar slides in as drawer with hamburger menu - Mobile: chat panel slides in as full-width drawer from right - Mobile: overlay backdrop closes all drawers on tap - Small phone (≤400px): tighter spacing for compact screens - All transitions smooth (0.2s for theme, 0.25s for drawers) - Keep River design direction and all content intact - No external dependencies, fully self-contained
…ter, remove topbar source dropdown - Low-priority items (1-2 stars) are now expandable/collapsible in-place with click-to-reveal summary + full action set - Expanded low-priority items render at full contrast for readability - Source filtering moved to sidebar as dedicated always-visible list - Topbar 'All Sources' dropdown removed; replaced with active-source tag that shows current filter with clear button - River direction (top-to-bottom by star tier) preserved - Added Refinement v2 section to proposal addressing all feedback points - Mockup demonstrates one expanded low-priority item (GitHub Actions)
…ractions, collapse-all control, version+GitHub affordance - Sidebar source filters changed from single-select to multi-select toggles with checkbox indicators, Clear link, and per-source topbar chips - Card titles are now <a> links; low-priority expand/collapse uses a dedicated button, eliminating the open-vs-expand click conflict - Collapse all button appears in Low Priority header when any row is expanded - Version text (v0.4.2) and GitHub SVG icon added to sidebar logo area, matching production Nav.svelte - proposal.md extended with Refinement v3 section and updated quick reference - OpenSpec change refine-river-feed-interactions created with proposal, design, and tasks artifacts
… article - Add ▸/▾ expand/collapse button to all four card tiers: Featured and High Priority default expanded (collapsible), Worth a Look and Low Priority default collapsed (expandable) - Card-level click opens article; expand button and action buttons use stopPropagation to avoid interference - Worth a Look section gets collapse-all button (matches LP) - Update proposal.md with v4 refinement section and 8-point quick reference table - Update openspec change artifacts (proposal, design, tasks)
- Featured: new section header with both batch buttons
- High Priority: batch buttons added to existing header
- Worth a Look: Expand all added alongside existing Collapse all
- Low Priority: Expand all added alongside existing Collapse all
All buttons use progressive disclosure (visible only when useful).
Per-card expand/collapse buttons preserved on every tier.
Card-click, source multi-select, version+GitHub unchanged.
CSS: .collapse-all renamed to .section-btn (generic).
JS: expandSection() added, collapseSection() extended to all 4
sections, updateCollapseAllButtons() renamed to
updateSectionBatchButtons() covering all sections.
Proposal updated with v5 refinement section and 9-point
quick-reference table. OpenSpec change artifacts updated.
…feed-interactions - Archive completed mockup change (43/43 tasks done) - Create river-feed-implementation change with all artifacts: - proposal: tiered cards, sidebar, multi-select source filter, batch controls - design: 8 technical decisions for SvelteKit implementation - specs: 5 capability specs (21 requirements, 40+ scenarios) - tasks: 38 implementation tasks across 8 groups - Add .agent-run/ and .pi-sessions/ to .gitignore
…urce filter - Add Sidebar.svelte with nav links, source filter, version/GitHub link - Replace top-nav with sidebar layout (desktop: fixed 220px, mobile: slide-out drawer) - Add theme toggle to topbar area (light/dark/system cycle) - Implement tiered card rendering in EntryCard.svelte: - Featured (5★): full-width amber-bordered card with takeaways - High Priority (4★): medium card with 2-line clamp summary - Worth a Look (3★): compact row with slide-down detail panel - Low Priority (1-2★): muted 50% opacity row with detail panel - Add expand/collapse toggle (▸/▾) on every card tier - Replace single-select source filter with multi-select Set-based filter - Add active source chips in topbar with dismiss buttons - Implement tier grouping with section headers and batch controls - Redesign topbar: segmented Unread/Saved/All tabs, star dropdown, mark-read - Add slideDown animation for WaL/LP detail panels - Add click-flash CSS animation for visual tap feedback - Create sidebar data store for layout-page communication - Preserve all existing functionality: chat, link panel, realtime, quick-add, undo
- Remove redundant 'Read Now' button from Featured cards (card click already opens article) - Remove ↗ open-article icon from HP side buttons (same reason) - Add Save, Chat, Mark read action buttons to HP cards (were missing) - Move HP expand/collapse button to header row (consistent with Featured) - All tiers now have the same actions: Save, Chat, Mark read + ▸/▾ toggle
- Add 'Sections' area in sidebar (above source filter) showing each tier with icon, label, and article count — click to scroll to that section - Fix 'Saved' nav link to actually switch readFilter to 'bookmarked' - Feed link now switches readFilter back to 'unread' - Both Feed and Saved links highlight based on active readFilter - Add section IDs to tier headers for scroll targeting - Add tierCounts, readFilter, onSetReadFilter to sidebar store - Only show sections and source filter on feed page (pathname '/')
- Clicking a collapsed card body now expands it first - Clicking again (when expanded) opens the article as before - Clicking the title link always opens the article regardless of state
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.
What
Complete River-style feed redesign:
Commits