Miler rider app: surface system, visible design language, backend lifecycle

Design system
- MilerSurface ladder (canvas → working → raised → floating) with MilerPanel
  as layer 1; canvas moved to #DEE3EA so white separates at 1.290:1.
- Visible vocabulary applied across Home, Deliveries, Activity, Account and
  the sheets: hero heads (tabular numeral + small caption, clamped at 1.3x),
  canvas wells for anything that opens, small filled tags for shelf labels,
  demoted placeholders. Recorded in DESIGN_SYSTEM.md §6.
- One icon family: 222 Material glyphs migrated to Lucide; none left outside
  lib/xpress.
- Colour semantics corrected: amber only for what is genuinely owed, brand red
  reserved for the live stop, disabled primaries go neutral rather than pale.

Data and lifecycle
- lib/data/lifecycle.dart reads mutations for what they prove; route_order.dart
  makes admin sequence the single ordering authority; service_day.dart, and
  stop_area.dart rewritten against live Coimbatore addresses (digit-token
  stripping, city stoplist, street suffixes, stammer collapse).
- countLabel states the load once, in bags.

Testing
- 1440 tests passing; golden shot harnesses for Home, Deliveries, Activity,
  sheets and verify, with test/failures/ now gitignored (diff debris).
- New pins: home_gutter_test, stop_area_test, plus updated structural bounds.

Note: this commit also carries pre-existing working-tree deletions that were
present before this work (API_SPEC.md, README.md, demo test fixtures).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-22 05:40:35 +05:30
parent c8350563d9
commit d7348e253f
387 changed files with 80693 additions and 12272 deletions

View File

@@ -1,4 +1,5 @@
import 'package:flutter/material.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import 'package:miler/views/helpers/constants/Font_constant.dart';
import 'package:miler/views/helpers/constants/Colorconstants.dart';
import 'package:miler/views/helpers/constants/design_constants.dart';
@@ -161,7 +162,7 @@ class _PaymentScreenState extends State<PaymentScreen>
],
),
child: Icon(
Icons.check_rounded,
LucideIcons.check,
color: Colors.white,
size: 52.sp,
),
@@ -173,7 +174,7 @@ class _PaymentScreenState extends State<PaymentScreen>
'Payment Collected Successfully',
style: TextStyle(
fontSize: 26.sp,
fontWeight: FontWeight.w900,
fontWeight: FontWeight.w800,
color: ColorConstants.onSurface,
fontFamily: FontConstants.fontFamily,
),
@@ -230,7 +231,7 @@ class _PaymentScreenState extends State<PaymentScreen>
),
),
child: Icon(
Icons.receipt_long_rounded,
LucideIcons.receiptText,
color: ColorConstants.primary,
size: 18.sp,
),
@@ -244,7 +245,7 @@ class _PaymentScreenState extends State<PaymentScreen>
'Payment Receipt',
style: TextStyle(
fontSize: 15.sp,
fontWeight: FontWeight.w700,
fontWeight: FontWeight.w600,
color: ColorConstants.onSurface,
fontFamily: FontConstants.fontFamily,
),
@@ -355,7 +356,7 @@ class _PaymentScreenState extends State<PaymentScreen>
value,
style: TextStyle(
fontSize: 14.sp,
fontWeight: valueBold ? FontWeight.w700 : FontWeight.w600,
fontWeight: valueBold ? FontWeight.w600 : FontWeight.w500,
color: valueColor ?? ColorConstants.onSurface,
fontFamily: FontConstants.fontFamily,
),
@@ -406,7 +407,7 @@ class _PaymentScreenState extends State<PaymentScreen>
shape: BoxShape.circle,
),
child: Icon(
Icons.arrow_back_ios_new_rounded,
LucideIcons.chevronLeft,
color: Colors.white,
size: 16.sp,
),
@@ -417,7 +418,7 @@ class _PaymentScreenState extends State<PaymentScreen>
'Payment Collection',
style: TextStyle(
fontSize: 20.sp,
fontWeight: FontWeight.w800,
fontWeight: FontWeight.w700,
color: Colors.white,
fontFamily: FontConstants.fontFamily,
letterSpacing: 0.5,
@@ -451,7 +452,7 @@ class _PaymentScreenState extends State<PaymentScreen>
'₹${_totalAmount.toStringAsFixed(0)}',
style: TextStyle(
fontSize: 36.sp,
fontWeight: FontWeight.w900,
fontWeight: FontWeight.w800,
color: Colors.white,
fontFamily: FontConstants.fontFamily,
letterSpacing: -1,
@@ -482,7 +483,7 @@ class _PaymentScreenState extends State<PaymentScreen>
'#$_orderId',
style: TextStyle(
fontSize: 12.sp,
fontWeight: FontWeight.w700,
fontWeight: FontWeight.w600,
color: Colors.white,
fontFamily: FontConstants.fontFamily,
),
@@ -566,7 +567,7 @@ class _PaymentScreenState extends State<PaymentScreen>
SizedBox(height: 10.h),
_buildPaymentOption(
Icons.money_rounded,
LucideIcons.banknote,
'Cash',
'Pay with cash on collection',
'cash',
@@ -574,7 +575,7 @@ class _PaymentScreenState extends State<PaymentScreen>
),
SizedBox(height: 10.h),
_buildPaymentOption(
Icons.qr_code_scanner_rounded,
LucideIcons.scanLine,
'QR / UPI',
'Scan QR code to pay',
'upi',
@@ -582,7 +583,7 @@ class _PaymentScreenState extends State<PaymentScreen>
),
SizedBox(height: 10.h),
_buildPaymentOption(
Icons.credit_card_rounded,
LucideIcons.creditCard,
'Card',
'Swipe / tap card terminal',
'card',
@@ -597,7 +598,9 @@ class _PaymentScreenState extends State<PaymentScreen>
height: ButtonSizes.primary,
decoration: BoxDecoration(
color: ColorConstants.primary,
borderRadius: BorderRadius.circular(DesignConstants.radiusXl),
borderRadius: BorderRadius.circular(
DesignConstants.radiusXl,
),
),
child: const Center(
child: SizedBox(
@@ -611,7 +614,9 @@ class _PaymentScreenState extends State<PaymentScreen>
),
)
: ClipRRect(
borderRadius: BorderRadius.circular(DesignConstants.radiusXl),
borderRadius: BorderRadius.circular(
DesignConstants.radiusXl,
),
child: Container(
color: ColorConstants.primary,
child: SliderButton(
@@ -637,7 +642,7 @@ class _PaymentScreenState extends State<PaymentScreen>
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 15.sp,
fontWeight: FontWeight.w700,
fontWeight: FontWeight.w600,
color: Colors.white,
fontFamily: FontConstants.fontFamily,
),
@@ -649,7 +654,7 @@ class _PaymentScreenState extends State<PaymentScreen>
shape: BoxShape.circle,
),
child: Icon(
Icons.payments_rounded,
LucideIcons.banknote,
size: 22.sp,
color: ColorConstants.primary,
),
@@ -685,7 +690,7 @@ class _PaymentScreenState extends State<PaymentScreen>
label,
style: TextStyle(
fontSize: 13.sp,
fontWeight: FontWeight.w700,
fontWeight: FontWeight.w600,
color: ColorConstants.onSurfaceVariant,
fontFamily: FontConstants.fontFamily,
letterSpacing: 0.5,
@@ -754,7 +759,7 @@ class _PaymentScreenState extends State<PaymentScreen>
title,
style: TextStyle(
fontSize: 15.sp,
fontWeight: FontWeight.w700,
fontWeight: FontWeight.w600,
color: ColorConstants.onSurface,
fontFamily: FontConstants.fontFamily,
),
@@ -784,7 +789,7 @@ class _PaymentScreenState extends State<PaymentScreen>
),
),
child: isSelected
? Icon(Icons.check_rounded, color: Colors.white, size: 14.sp)
? Icon(LucideIcons.check, color: Colors.white, size: 14.sp)
: null,
),
],
@@ -809,7 +814,7 @@ class _PaymentScreenState extends State<PaymentScreen>
style: TextStyle(
fontSize: isTotal ? 15.sp : 13.sp,
color: ColorConstants.onSurfaceVariant,
fontWeight: isBold ? FontWeight.w600 : FontWeight.normal,
fontWeight: isBold ? FontWeight.w500 : FontWeight.normal,
fontFamily: FontConstants.fontFamily,
),
),
@@ -818,8 +823,8 @@ class _PaymentScreenState extends State<PaymentScreen>
style: TextStyle(
fontSize: isTotal ? 17.sp : 14.sp,
fontWeight: isTotal
? FontWeight.w800
: (isBold ? FontWeight.w700 : FontWeight.w500),
? FontWeight.w700
: (isBold ? FontWeight.w600 : FontWeight.w500),
color: isTotal
? ColorConstants.primary
: ColorConstants.onSurface,