+ {row.description || "(no description)"}
+ {/* Stock-source badge. Same primary-color treatment as
+ collection-confirm so the operator sees at a
+ glance which rows are supplier pickups vs. customer
+ deliveries. Hidden for customer rows. */}
+ {isStock && (
+
+ Stock
+
+ )}
+ {isStock && row.order_qty != null && (
+
+ · Qty {row.order_qty}
+
+ )}
+
+ {/* Customer/company context — only relevant for customer
+ rows. Stock rows show "No customer / No company"
+ otherwise, which is misleading. */}
+ {!isStock && (
+
+ {row.customerName || "No customer"}
+ /
+ {row.companyName || "No company"}
+
+ )}
+ {!isStock && !row.purchase_order && (
+
+
+ This row has no purchase order link. The PO may have been deleted.
+
+ )}
+
+
+
+
+ {!isStock && (
+
+ Order
+
+ {row.orderNumber || row.order}
+
+
+ )}
+
{row.poNumber || "No PO"}
+
+ {getPoolAgeLabel(row.updated)}
+
+ {row.updated && (
+
+ In pool since {new Date(row.updated).toLocaleDateString(undefined, {
+ day: "numeric",
+ month: "short",
+ })}
+
+
+ {/* Ready toggle only applies to customer rows. Stock
+ rows skip straight to the assign action. */}
+ {!isStock && (
+
+ )}
+ {/* Stock-only: once the driver is assigned, the operator
+ clicks "Mark Collected" when the driver returns with
+ the goods. That flips the line from
+ `assigned_to_driver` to `collected`, which moves it
+ from this list into the collection-confirm queue for
+ book-to-stock. */}
+ {showMarkCollected && (
+
+ )}
+ {busy && (
+
+
+ Updating...
+
+ )}
+
+
+
+ );
+}
+
+export function SupplierGroup({
+ group,
+ busy,
+ todayYmd,
+ selectedIds,
+ collapsed,
+ onToggleRowSelected,
+ onToggleSectionSelected,
+ onToggleCollapsed,
+ onOpenAssign,
+ onOpenBulkAssign,
+ onToggleReady,
+ onMarkStockCollected,
+}: {
+ // `group.rows` is typed as `CollectionPoolViewRow[]` in the helper, but
+ // `PoolRow` (this page's existing row component) expects the richer
+ // `CollectionPoolVisibleRow` (which extends `OrderItem`). The widening is
+ // sound because `buildSupplierGroups` is fed `CollectionPoolVisibleRow[]`
+ // — see Task 7 wiring.
+ group: Omit & { rows: CollectionPoolVisibleRow[] };
+ busy: boolean;
+ todayYmd: string;
+ selectedIds: Set;
+ collapsed: boolean;
+ onToggleRowSelected: (rowId: string) => void;
+ onToggleSectionSelected: (rowIds: string[]) => void;
+ onToggleCollapsed: (supplierId: string) => void;
+ onOpenAssign: (row: CollectionPoolVisibleRow) => void;
+ /**
+ * Bulk-assign opener. Accepts the actual row objects (not just
+ * ids) so the parent can capture the per-row `source` for the
+ * write loop — customer rows go to `order_items`, stock rows go
+ * to `stock_purchase_items`.
+ */
+ onOpenBulkAssign: (supplierId: string, supplierName: string, rows: CollectionPoolVisibleRow[]) => void;
+ onToggleReady: (row: CollectionPoolVisibleRow, ready: boolean) => void;
+ onMarkStockCollected: (row: CollectionPoolVisibleRow) => void;
+}) {
+ const rowIds = group.rows.map((r) => r.id);
+ const selectedCount = rowIds.filter((id) => selectedIds.has(id)).length;
+ const allSelected = selectedCount === rowIds.length && rowIds.length > 0;
+ const someSelected = selectedCount > 0 && !allSelected;
+ // For stock rows, `getAssignmentState` reads the union row's
+ // `drv_id` / `assigned_at` — both populated by the assign-driver
+ // PATCH. The state machine maps identically (drv_id present =
+ // assigned), so the same badge works for both sources.
+ const allAssigned = group.rows.every(
+ (r) => getAssignmentState(r, todayYmd) !== "unassigned",
+ );
+
+ // Compute which rows WOULD be assigned if the user clicked the bulk
+ // assign button. For customer rows the gate is "ready"; for stock
+ // rows the gate is just "unassigned" (no ready toggle exists).
+ const targetRows = allSelected || selectedCount === 0
+ ? group.rows
+ : group.rows.filter((r) => selectedIds.has(r.id));
+ const unreadyTargetCount = targetRows.filter(
+ (r) => r.source !== "stock" && !r.ready_for_collection,
+ ).length;
+ const allTargetsReady = unreadyTargetCount === 0;
+
+ const eyebrowText = (() => {
+ if (group.topPoNumbers.length === 0) return null;
+ const head = group.topPoNumbers.map((p) => `PO ${p}`).join(", ");
+ return group.remainingPoCount > 0
+ ? `${head} (+${group.remainingPoCount} more)`
+ : head;
+ })();
+
+ const assignLabel = allSelected
+ ? `Assign ${rowIds.length} stops`
+ : selectedCount > 0
+ ? `Assign ${selectedCount} selected`
+ : `Assign all ${rowIds.length}`;
+
+ const assignDisabledReason = allAssigned
+ ? "Every stop at this supplier is already assigned"
+ : !allTargetsReady
+ ? `${unreadyTargetCount} ${unreadyTargetCount === 1 ? "stop" : "stops"} not marked ready — mark ready before assigning`
+ : undefined;
+
+ const onAssignClick = () => {
+ const targetRowList = allSelected || selectedCount === 0
+ ? group.rows
+ : group.rows.filter((r) => selectedIds.has(r.id));
+ onOpenBulkAssign(group.supplierId, group.supplierName, targetRowList);
+ };
+
+ return (
+
+
+
+