deliveries

src/features/store-admin/OrderDetailDrawer.tsx

@@ -5,6 +5,7 @@ import { Text } from '@astryxdesign/core/Text';
 import { VStack } from '@astryxdesign/core/VStack';
 import { Bike, Check, MapPin, Phone, X } from 'lucide-react';
 import type { DeliveryRow, OrderRow } from '@/api/types';
+import { DeliveryProgress } from './DeliveryProgress';
 import { branchLabel, moneyExact } from './format';
 import { DELIVERY_STATUS, ORDER_STATUS, orderQuantity, orderValue, statusColor } from './orderStatus';
 
@@ -268,6 +269,11 @@ export function OrderDetailDrawer({
                   No rider assigned yet.
                 </Text>
               )}
+              {/* Recording progress by hand. Under the rider rather than beside
+                  the status chip at the top: it is a correction, not the normal
+                  way a job moves, and putting it in the header would invite it
+                  to be used as one. */}
+              <DeliveryProgress job={job} />
             </VStack>
           ) : order?.rider ? (
             <VStack gap={1}>