feat: restore order details page with generic 5-step progress pipeline and interactive CAD previews

[itisrohit]

Description

This PR restores the Order Details page (/orders/:orderId) which previously resulted in a 404 when navigating from /my-orders.

Following feedback from @imrishabh18, this has been fully updated to remove all JLCPCB-specific logic. The page now uses a clean 5-step generic order progress pipeline driven by the existing Stripe checkout flags on the order schema.

Note: Rebased on top of #3487 (merged cleanup of old order steps).

Screenshot

What's New

5-Step Generic Order Pipeline

Maps directly to real order schema flags — no JLCPCB dependency:

Step	Flag
Order Placed	always done
Payment Received	is_stripe_payment_paid
Fabrication Files Ready	is_started
In Production	is_started && !is_finished
Completed & Shipped	is_finished

Features

• Real-time status stepper with animated active step indicator and progress bar
• Auto-polling via React Query (every 2s while is_running)
• Dev simulation toolbar — Pay, Start Production, Complete, Fail, Reset buttons (via _simulate_paid, _simulate_started, _simulate_finished, _simulate_error, _simulate_reset query params)
• Tabbed CAD preview panel — PCB layout, 3D CAD board view, Schematic diagram, Circuit JSON table inspector
• Error state display with structured error code and message banner

Changes Made

• src/App.tsx — Registered /orders/:orderId route pointing to ViewOrderPage
• src/pages/view-order.tsx — New page with 5-step generic stepper, simulation toolbar, and tabbed viewers
• fake-snippets-api/routes/api/orders/get.ts — Replaced _simulate_scenario + JLCPCB state machine with clean _simulate_paid/started/finished/error/reset flags; also exposes circuit_json and error for the UI
• fake-snippets-api/routes/api/sessions/create_passwordless.ts — New dev-only passwordless login endpoint to enable local /dev-login flow
• fake-snippets-api/lib/db/seed.ts — Added two seeded orders with realistic circuit JSON for local testing

Verification

• bun run lint ✅ Biome format clean (632 files checked)
• bun run typecheck ✅ Zero TypeScript errors
• bun test bun-tests/fake-snippets-api/routes/orders/orders.test.ts ✅ 4/4 tests pass
• Manually tested:
  1. Login via /dev-login
  2. Visit /my-orders → click View Details
  3. Verify 5-step stepper renders correctly in default state
  4. Click simulation buttons (Pay → Start → Complete) and confirm stepper advances
  5. Click Fail to confirm error banner appears
  6. Click Reset to restore initial state

[imrishabh18]

We don't support jlcpcb ordering, and the order steps which you are using are old steps which needs to be get ridden off. We might use that timeline UI to show progress

[imrishabh18]

I have merged a PR which cleans up the old order steps

[itisrohit]

Updated! I've rebased onto the cleanup PR (#3487) that you merged. The PR now:

• ✅ Completely removes all JLCPCB references from the order page
• ✅ Uses the generic 5-step pipeline: Placed → Paid → Files Ready → In Production → Completed, mapped directly to the Stripe order flags (is_stripe_payment_paid, is_started, is_finished)
• ✅ Dev simulation toolbar with 5 simple buttons: Pay, Start Production, Complete, Fail, Reset (using _simulate_paid, _simulate_started etc.)
• ✅ Tabbed CAD previews: PCB, 3D View, Schematic, JSON inspector
• ✅ Zero TypeScript errors, Biome format clean

As you suggested, the timeline UI is now repurposed to show the generic Stripe progress pipeline — ready to be adapted if/when a new fabrication flow is added.

[github-actions]

This PR has been automatically marked as stale because it has had no recent activity. It will be closed if no further activity occurs.

[github-actions]

This PR was closed because it has been inactive for 1 day since being marked as stale.