feat(ui): Trip Flow H5 + Dispatch admin console redesign (S35) - #3
Merged
Conversation
…arpool Redesign (S35)
Implements the Claude Design "UI/UX redesign directions" canvas, following its
in-canvas recommendation: direction 1a (行程流 Trip Flow) for apps/user-h5 and
direction 1b (调度台 Dispatch) for apps/admin-console. Presentation layer only —
API contracts, data flow, auth/masking semantics and the teal Free Joy tokens
are unchanged.
user-h5: bottom-tab IA (首页/行程/消息/我的), hero login, map-forward home with
route-rail motif and display-numeral trip cards, dedicated booking screen with
seat stepper + price breakdown + sticky bar, per-order status timeline with
callback-driven payment actions, category-tinted inbox with explicit reveal,
driver onboarding as a 4-step stepper (实名→活体→证件→审核). Order cards read
route text via the existing GET /api/trips/{id}. Playwright login smoke updated.
admin-console: dispatch shell with ⌘K quick-nav sidebar (ops/demo groups,
pending-review badge), breadcrumb topbar with per-view manual refresh, KPI
overview + recent-orders table + audit timeline (reuses GET /api/audits),
driver review as dense table + docked detail drawer, order monitor with
saved-view tabs, all demo-sim/OCR modules retained with the same behavior.
Verified end to end against the local full stack: login → booking →
signed payment callback → SEAT_LOCKED → operator complete → 5★ review;
pnpm typecheck/build green for both apps.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements the Carpool Redesign design project (claude.ai/design "UI/UX redesign directions",
Carpool Redesign.dc.html), following the design's own in-canvas recommendation:Presentation layer only — no API contract, auth, masking, or provider-pipeline changes. Teal
#137A63Free Joy tokens throughout (brand-carpool.css). The only new API usage is read-only reuse of existing production endpoints (GET /api/trips/{id}for order route text,GET /api/audits?page=0&size=5for the overview timeline).Verification
pnpm typecheck+pnpm buildgreen for both apps.登录取码 → 订座锁座 (PENDING_PAYMENT) → 发起支付 (intent) → 运营台投递签名 SUCCEEDED 回调（管道接受）→ 订单 SEAT_LOCKED（H5 时间线推进）→ 运营台完成订单 → H5 历史行程提交 5★ 评价。
AGENTS.md updated with the S35 entry.
🤖 Generated with Claude Code