// ─────────────────────────────────────────────────────────────────────
// SHARED VEHICLE ASSIGNMENT — the one pattern for every non-financial
// record (photos · videos · documents) that needs to point at a vehicle.
//
// This is a SIMPLIFIED sibling of the Upload Expense AllocatorSheet: same
// search field, same SelectRow / VehSub / MarqueThumb primitives, same
// "current assignment + match reasoning" layout — but with everything
// specific to money and multi-vehicle splitting removed. Photos, videos,
// and documents are never split, never "Collection Overhead", and are
// never left with "No Assignment" — they belong to exactly one vehicle.
//
// Used identically by the Collection Manager (to correct a contributor's
// assignment before filing) and the Contributor (to assign their own
// submission at upload time). One component, one interaction, everywhere.
// ─────────────────────────────────────────────────────────────────────
const { useState: useAvA } = React;
// ── the current-assignment row shown inline on a review/upload screen ──
// Tap "Change" (or the row itself) to open the sheet.
function VehicleAssignRow({ vehicle, label = 'ASSIGNED TO', onChange }) {
return (
{label}
);
}
// ── the simplified assignment sheet ─────────────────────────────────────
// Props:
// vehicles searchable pool (real vehicles ∪ roster)
// currentId the vehicle currently assigned, or null
// suggestedId the AI's suggestion (usually === currentId at first review)
// reasoning [why, learned] strings — shown only under the AI suggestion
// title sheet eyebrow, e.g. "CHANGE ASSIGNMENT" / "ASSIGN VEHICLE"
// subtitle one line describing what's being assigned (submission title)
// confirmLabel primary button label when a change is pending
function VehicleAssignSheet({ vehicles, currentId, suggestedId, reasoning, title = 'ASSIGN VEHICLE', subtitle, confirmLabel = 'Assign', onAssign, onClose }) {
const [picked, setPicked] = useAvA(currentId || null);
const [query, setQuery] = useAvA('');
const pool = vehiclePool(vehicles);
const byId = {}; pool.forEach(v => { byId[v.id] = v; });
const current = currentId ? byId[currentId] : null;
const showReasoning = !!(reasoning && reasoning.length) && currentId && currentId === suggestedId && picked === currentId;
const results = query.trim() ? searchVehicles(pool, query) : [];
const RESULT_CAP = 24;
const shownResults = results.slice(0, RESULT_CAP);
const moreResults = Math.max(0, results.length - RESULT_CAP);
const recents = (typeof COLLECTION_RECENT_IDS !== 'undefined' ? COLLECTION_RECENT_IDS : [])
.map(id => byId[id]).filter(Boolean).filter(v => v.id !== currentId).slice(0, 4);
const changed = picked !== currentId;
const primaryEnabled = !!picked && changed;
const clearSearch = () => setQuery('');
const searchField = (