Skip to content

feat(#114): HeroPlayground Integration with UX Polish#137

Merged
DevanshuNEU merged 2 commits into
OpenCodeIntel:mainfrom
DevanshuNEU:feature/114-playground-integration
Dec 30, 2025
Merged

feat(#114): HeroPlayground Integration with UX Polish#137
DevanshuNEU merged 2 commits into
OpenCodeIntel:mainfrom
DevanshuNEU:feature/114-playground-integration

Conversation

@DevanshuNEU

@DevanshuNEU DevanshuNEU commented Dec 30, 2025

Copy link
Copy Markdown
Collaborator

Summary

Complete integration of HeroPlayground component into the landing page with full UX polish.

What's Included

Core Features

  • Demo Mode: Search pre-indexed Flask repository
  • Custom Mode: URL input flow for user repos (UI ready, backend endpoints exist)
  • Rate Limiting: 50 searches/day for anonymous users
  • Results Display: Syntax-highlighted code cards with match percentages

Bug Fixes

  • Fixed Supabase type imports (Session, User → type-only imports)
  • Fixed ReactFlow type imports (Node, Edge → type-only imports)
  • Fixed search input disabled bug in demo mode
  • Fixed search button visibility/contrast

UX Improvements

  • Loading spinner with helpful message during search
  • Auto-scroll to results after search completes
  • "New Search" button to navigate back from results
  • Fade-in animation for results section
  • Hover effects on result cards (subtle scale)
  • Smart time formatting (3.6s vs 3606ms)
  • Query shown in results header ("10 results for 'authentication'")

Testing Done

  • Demo mode search (Flask)
  • Search input enabled and functional
  • Search button turns blue when query entered
  • Loading spinner appears during search
  • Results display with syntax highlighting
  • Auto-scroll to results
  • Back button works
  • TypeScript compilation passes

Commits

Related Issues

Closes #114

- Add HeroPlayground component with demo/custom mode switching
- Wire onSearch callback for both demo repos and custom indexed repos
- Enable real API (USE_MOCK=false) now that OpenCodeIntel#134 is fixed
- Export HeroPlayground from playground index
- Fix Supabase type imports (Session, User → type-only)
- Fix ReactFlow type imports (Node, Edge → type-only)
- Fix search input disabled bug in demo mode
- Add loading spinner with helpful message
- Add auto-scroll to results after search
- Add 'New Search' back button in results header
- Add fade-in animation for results section
- Add hover scale effect on result cards
- Format search time (3.6s vs 3606ms)
- Show query in results header

Closes OpenCodeIntel#114
@vercel

vercel Bot commented Dec 30, 2025

Copy link
Copy Markdown

@DevanshuNEU is attempting to deploy a commit to the Dev's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Dec 30, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
opencodeintel Ready Ready Preview, Comment Dec 30, 2025 5:28pm

@DevanshuNEU DevanshuNEU merged commit c14e1ca into OpenCodeIntel:main Dec 30, 2025
6 checks passed
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.

feat(frontend): Anonymous repo indexing UI flow

1 participant