Skip to content

[Feature] Rebuild the Research page and set it as the homepage #48

Description

@CJBshuosi

Summary

Rebuild the Research page and set it as the homepage

Area

Backend API

Problem Statement

1.当前Research页面臃肿繁琐,需要进行重新设计

Proposed Solution

Research Page Redesign (Phase 1-4 Complete)

New Components Created:

  • SearchBox.tsx - Claude-style search input with track selector
  • TrackSelector.tsx - Dropdown for track selection
  • TrackPills.tsx - Quick access track buttons
  • PaperCard.tsx - Paper result cards with Save/Like/Dislike feedback
  • SearchResults.tsx - Results container with loading skeletons
  • CreateTrackModal.tsx - Modal for creating new tracks
  • EditTrackModal.tsx - Modal for editing existing tracks
  • ManageTracksModal.tsx - Track management (Edit, Clear Memory)
  • ResearchPageNew.tsx - Main page with centered layout and animations
  • skeleton.tsx - UI skeleton component for loading states

Features Implemented:

  • Centered search box that moves to top after search
  • Time-based greeting ("Good morning/afternoon/evening")
  • Track management (create, edit, activate, clear memory)
  • Paper feedback with visual states (Saved, Liked, Hidden)
  • Staggered fade-in animations for results
  • Loading skeletons during search
  • Responsive design (mobile-first breakpoints)

Backend API Additions

  • PATCH /api/research/tracks/{id} - Update track endpoint
  • update_track() method in SqlAlchemyResearchStore

Navigation Changes

  • Homepage (/) - Now displays Research page
  • Dashboard (/dashboard) - Original dashboard moved here
  • Sidebar - Research moved to first position, Dashboard second

Task Checklist

No response

Test Plan

No response

Related Links

No response

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions