fix(warehouses): detention groups by canonical truck type

Join truck_types via vehicles.truck_type_id (normalized legacy
vehicle_type only as fallback) so type renames can't unmatch detention
rules and FK-less vehicles keep billing.

apps/edr-freight-web/backoffice/src/components/fleet/FleetFormDialog.tsx

@@ -126,6 +126,28 @@ const FleetFormDialog = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open, recordId]);
 
+  // Seed the `_`-prefixed scratch that `onOptionSelected` derives (e.g.
+  // _hasTrailer) for the value already on the record. Without this, editing a
+  // rigid truck would show a Trailer Plate field until the type is re-picked.
+  // Only scratch keys are written, so a stored one-off capacity is never
+  // clobbered by the type's default; re-deriving from the live value is
+  // idempotent, so this is safe to run again when the options finally load.
+  useEffect(() => {
+    if (!open) return;
+    setValues((current) => {
+      const scratch: Record<string, unknown> = {};
+      fields.forEach((field) => {
+        if (!field.onOptionSelected) return;
+        const selected = field.options?.find((o) => o.value === current[field.name]);
+        if (!selected) return;
+        Object.entries(field.onOptionSelected(selected, current)).forEach(([key, value]) => {
+          if (key.startsWith("_")) scratch[key] = value;
+        });
+      });
+      return Object.keys(scratch).length ? { ...current, ...scratch } : current;
+    });
+  }, [open, fields]);
+
   // Receive the ?code&state relayed by the /callback popup, exchange it for
   // the verified identity, and prefill the matching form fields.
   useEffect(() => {
@@ -202,18 +224,52 @@ const FleetFormDialog = ({
 
   const faydaVerified = values.faydaVerified === true;
 
+  /**
+   * Fields the current answers actually apply to — a rigid truck type (Casoni)
+   * has no trailer, so its plate field disappears. Honoured in three places, not
+   * just here: a hidden field must also skip validation (an invisible "required"
+   * error blocks submit with nothing to fix) and must submit an explicit null
+   * (so switching to a rigid type CLEARS the stored trailer plate rather than
+   * stranding it on the row).
+   */
+  const visibleFields = useMemo(
+    () =>
+      fields.filter((field) => {
+        if (
+          field.hideWhen &&
+          field.hideWhen.equals.includes(String(values[field.hideWhen.field] ?? ""))
+        ) {
+          return false;
+        }
+        if (
+          field.showWhen &&
+          !field.showWhen.equals.includes(String(values[field.showWhen.field] ?? ""))
+        ) {
+          return false;
+        }
+        if (field.showIf && !field.showIf(values)) return false;
+        return true;
+      }),
+    [fields, values],
+  );
+
+  const hiddenFieldNames = useMemo(() => {
+    const visible = new Set(visibleFields.map((f) => f.name));
+    return fields.filter((f) => !visible.has(f.name)).map((f) => f.name);
+  }, [fields, visibleFields]);
+
   const shortFields = useMemo(
-    () => fields.filter((f) => f.type !== "textarea"),
-    [fields],
+    () => visibleFields.filter((f) => f.type !== "textarea"),
+    [visibleFields],
   );
   const longFields = useMemo(
-    () => fields.filter((f) => f.type === "textarea"),
-    [fields],
+    () => visibleFields.filter((f) => f.type === "textarea"),
+    [visibleFields],
   );
 
   const validate = () => {
     const next: Record<string, string> = {};
-    fields.forEach((field) => {
+    visibleFields.forEach((field) => {
       const value = values[field.name];
       const stringValue =
         typeof value === "string" ? value.trim() : String(value ?? "");
@@ -295,9 +351,19 @@ const FleetFormDialog = ({
     fields.forEach((field) => {
       if (field.derivedValue) submitted[field.name] = field.derivedValue(values);
     });
+    // A field the answers hid no longer applies to this record — send an explicit
+    // null so the column is unset, instead of leaving a stale value behind.
+    hiddenFieldNames.forEach((name) => {
+      submitted[name] = null;
+    });
     const payload = Object.fromEntries(
       Object.entries(submitted)
+        // `_`-prefixed keys are form-local scratch written by `onOptionSelected`
+        // (e.g. _hasTrailer, which drives visibility). The API validates with
+        // forbidNonWhitelisted, so an undeclared key would 400 the whole save.
+        .filter(([key]) => !key.startsWith("_"))
         .map(([key, value]) => {
+          if (hiddenFieldNames.includes(key)) return [key, null];
           if (value === FLEET_SELECT_NONE || value === "" || value == null)
             return [key, clearableByName[key] ? null : undefined];
           if (fieldTypeByName[key] === "number") {
@@ -371,7 +437,15 @@ const FleetFormDialog = ({
               : String(value)
           }
           onChange={(next) =>
-            setValues((current) => ({ ...current, [field.name]: next ?? "" }))
+            setValues((current) => {
+              const patch = field.onOptionSelected
+                ? field.onOptionSelected(
+                    field.options?.find((o) => o.value === next),
+                    current,
+                  )
+                : {};
+              return { ...current, [field.name]: next ?? "", ...patch };
+            })
           }
           error={error}
           searchable