delivery slot creation

src/features/store-admin/OrderDetailDrawer.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { ArrowDown, Bike, Check, MapPin, Phone, X } from 'lucide-react';
+import { ArrowDown, Bike, Check, Clock, MapPin, Phone, X } from 'lucide-react';
 import type { DeliveryRow, OrderItem, OrderRow } from '@/api/types';
 import { orderStage, type Stage } from './orderProgress';
 import { useDeliveryMoves } from './DeliveryProgress';
@@ -284,6 +284,23 @@ function Sheet({
         </Section>
       ) : null}
 
+      {/* The window the customer asked for.
+
+          Shown only when one was chosen: most orders have none, and an empty
+          "Delivery window —" row on every one of them would be noise that
+          hides the orders where it matters. */}
+      {'deliveryslotdate' in row && (row as { deliveryslotdate?: string }).deliveryslotdate ? (
+        <Section title="Delivery window">
+          <DrawerCard tone="subtle">
+            <Row
+              label="Requested"
+              value={(row as { deliveryslotdate?: string }).deliveryslotdate}
+              icon={<Clock size={14} />}
+            />
+          </DrawerCard>
+        </Section>
+      ) : null}
+
       {row.ordernotes || job?.notes ? (
         <Section title="Notes">
           <DrawerCard tone="subtle">