feat(frontend): Anonymous repo indexing UI components (#114)

[DevanshuNEU]

Summary

Implements the foundation for anonymous repo indexing UI (Issue #114). Adds state machine hook, API service layer, and reusable UI components.

Changes

New Files

frontend/src/
├── services/
│   ├── playground-api.ts     # API client for all playground endpoints
│   └── index.ts
├── hooks/
│   └── useAnonymousSession.ts  # State machine for indexing flow
└── components/playground/
    ├── RepoModeSelector.tsx    # Demo/Custom repo tabs
    ├── RepoUrlInput.tsx        # URL input with debounce
    ├── ValidationStatus.tsx    # Valid/Invalid/Loading states
    ├── IndexingProgress.tsx    # Real-time progress bar
    └── index.ts

State Machine

idle → validating → valid ────→ indexing → ready
                  ↘ invalid     ↘ error

API Endpoints Covered

Endpoint	Status
POST /playground/validate-repo	🟡 Mocked (blocked by #134)
POST /playground/index	✅ Ready
GET /playground/index/{job_id}	✅ Ready
GET /playground/session	✅ Ready
POST /playground/search	✅ Ready

Technical Highlights

• No memory leaks: All intervals and AbortControllers cleaned up on unmount
• Race condition safe: Uses refs to ignore stale responses
• Accessible: aria-labels on all interactive elements
• Type-safe: Full TypeScript, APIError class for error handling
• Mock toggle: Single USE_MOCK flag, flip when Bug: CacheService missing get/set methods breaks validate-repo endpoint #134 is fixed

Testing

• tsc --noEmit passes
• All imports resolve correctly
• Components are tree-shakeable

Related Issues

• Closes feat(frontend): Anonymous repo indexing UI flow #114 (partial - UI foundation only)
• Blocked by Bug: CacheService missing get/set methods breaks validate-repo endpoint #134 for real validation endpoint

Next Steps

1. Wire components into Playground.tsx
2. Flip USE_MOCK = false when Bug: CacheService missing get/set methods breaks validate-repo endpoint #134 is fixed
3. Add E2E tests

Screenshots

Components ready, integration pending

---

Lines: ~1,180 | Files: 8 | Commits: 2

[vercel]

@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]

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

Project	Deployment	Review	Updated (UTC)
opencodeintel	Ready	Preview, Comment	Dec 26, 2025 8:08pm