c63bced08b49ae80b8dc5f61ed01e952e444adbe
Opens from the drawer's "More Details", replacing the placeholder toast. The board swaps for a full-width lead record; "← Pipeline" goes back. - Detail page: breadcrumb, hero (avatar, stage/type/storm/age pills, Call + Email), stage progress bar + 7-step stepper, and an overview grid of Contact / Property / Job Details / Insurance / Assignment. - Move Stage dropdown so a lead can be re-staged from the detail page, not only by dragging on the kanban board. Stage changes now route through one setStage() used by both paths, so "reached" advancement and the toast behave identically. - Detail is keyed by lead id rather than a snapshot, so a stage move updates the pills, progress, stepper and page accent live. - pipeline-data: PLead gains phones, propertyType, source, tradeType, urgency, insurance (null for Retail jobs) and assignment. All derived deterministically from the existing rows — no Date.now, so SSR and client render identically. - Dropdown is a bottom sheet under 720px and an anchored menu above it; dropped overflow:hidden on .pld-hero, which was clipping it. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Description
Languages
TypeScript
75.8%
CSS
23.9%
JavaScript
0.3%