Skip to content

Rebuild frontend with new shadcn CLI + studio-dark redesign - #26

Merged
geeth24 merged 2 commits into
mainfrom
rebuild/frontend-shadcn
Jun 12, 2026
Merged

Rebuild frontend with new shadcn CLI + studio-dark redesign#26
geeth24 merged 2 commits into
mainfrom
rebuild/frontend-shadcn

Conversation

@geeth24

@geeth24 geeth24 commented Jun 12, 2026

Copy link
Copy Markdown
Collaborator

Full frontend rebuild from scratch, plus a small backend refinement pass.

Frontend

  • Nuked client/ and rebuilt on Next.js 16 / React 19 with the new shadcn CLI (Base UI primitives, Tailwind v4), Bun-managed.
  • New "studio dark" design language: warm near-black surfaces, amber recording-light accent, Bricolage display font + Spline mono, animated waveform motifs, film-grain hero wash, custom ease curves and press/stagger micro-interactions. All theming via globals.css variables (no hardcoded Tailwind colors).
  • Every page rebuilt: landing, auth (email/password + Google + reset), dashboard library (tabs / stats / delete), upload dropzone with tier-aware limits, transcribe view (player + status polling + transcript + AI chat + star rating), profile view/edit, subscription card with upgrade.
  • Firebase wiring preserved (lazy init so prerender works without env), typed backend API client in src/lib/api.ts.

Backend (subset)

  • AI chat model claude-3-sonnet-20240229 (retired, was breaking chat) → claude-opus-4-8.
  • POST /subscriptions/{user_id} now verifies the caller's Firebase ID token (was unauthenticated — anyone could upgrade any user).
  • CORS origins configurable via ALLOWED_ORIGINS (was wildcard-only).
  • GET /subscriptions returns the limits.display shape the client expects.

Verified

  • bun run lint and bun run build clean (standalone output).
  • Server test suite: 21/21 pass; claude-opus-4-8 smoke-tested against the live API key.
  • Ran the app against live Firebase + the production API: signup → dashboard → upload → profile/subscription all work; mobile nav, responsive layout, and empty states checked in-browser.

🤖 Generated with Claude Code

Frontend nuked and rebuilt on Next.js 16 / React 19 with the new shadcn
CLI (Base UI primitives, Tailwind v4). New "studio dark" design language:
warm near-black surfaces, amber recording-light accent, Bricolage display
font, animated waveform motifs, film-grain hero wash.

Pages: landing, auth (email/password + Google + reset), dashboard library
with tabs/stats/delete, upload dropzone with tier-aware limits, transcribe
view (player + status polling + transcript + AI chat + star rating),
profile view/edit, subscription card with upgrade.

All Firebase wiring preserved (lazy init so prerender doesn't need env),
typed backend API client, dark-only theme via globals.css variables.

Backend subset refinements:
- AI chat model claude-3-sonnet-20240229 (retired) -> claude-opus-4-8
- POST /subscriptions now verifies the caller's Firebase ID token
- CORS origins configurable via ALLOWED_ORIGINS (was wildcard-only)
- GET /subscriptions returns limits.display the client expects
- bump anthropic SDK pin

Client Dockerfile switched to bun + Next standalone output.
@vercel

vercel Bot commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

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

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
scribe Ignored Ignored Preview Jun 12, 2026 4:11am

Request Review

@geeth24
geeth24 merged commit 54f9867 into main Jun 12, 2026
5 checks passed
@geeth24
geeth24 deleted the rebuild/frontend-shadcn branch June 12, 2026 04:12
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.

1 participant