Merge pull request #107 from Sea-Haven-Industries/feature/wo-multi-poc-contacts

feat(work-orders): multiple additional POC contacts (SH-218)
2026-09-30 10:23:11 +00:00 · 2026-08-19 10:51:40 -03:00 · 2026-08-19 10:51:40 -03:00 · 772d7f94df
commit 772d7f94df
parent 93f504a7b4 afdf667364
49 changed files with 991 additions and 196 deletions
--- a/docs/work-orders/pending-be-contract.md
+++ b/docs/work-orders/pending-be-contract.md
@ -0,0 +1,30 @@
+# Work-order `additionalContacts` contract (SH-218)
+
+Authoritative frontend contract for additional POC 2+ contacts. Implemented on
+backend PR [shoc-backend#66](https://github.com/Sea-Haven-Industries/shoc-backend/pull/66).
+
+## Shape
+
+```ts
+{ name: string; phone: string; notes?: string }
+```
+
+- Primary POC remains `pocName` / `pocPhone` / `pocNotes`.
+- `additionalContacts` holds ordered POC 2+ only.
+- Notes are optional. An empty list (or omitted field) is valid.
+- Retained entries require **both** `name` and `phone`. Fully blank placeholder
+  rows are dropped and must not fail create. Name-only or phone-only entries are
+  rejected on POST create and PATCH.
+
+## Endpoints
+
+| Operation          | Where                                                         |
+| ------------------ | ------------------------------------------------------------- |
+| POST create        | `additionalContacts` array on the board create body           |
+| GET board / search | `additionalContacts` on each board row                        |
+| GET detail         | `info.additionalContacts` (same ordered list as board)        |
+| PATCH              | `field: "additionalContacts"`, `value` is a JSON array string |
+
+Until #66 is merged to the deployed API, a missing field is still mapped as `[]`
+on the frontend so the UI does not throw. After merge, create → reload →
+board/slide-over must round-trip the ordered list through GET detail `info`.
--- a/src/app/(protected)/workorders/_components/detail/tabs/slide-over-info-tab-edit-view.tsx
+++ b/src/app/(protected)/workorders/_components/detail/tabs/slide-over-info-tab-edit-view.tsx
@ -59,18 +59,29 @@ export function SlideOverInfoTabEditView({
          pocName={draft.pocName}
          pocPhone={draft.pocPhone}
          pocNotes={draft.pocNotes}
+          additionalContacts={draft.additionalContacts}
          sites={sites}
          onSave={(patch) =>
            onDraftChange({
              site: patch.site,
              location: patch.location,
              locationId: patch.locationId,
+              pocName: patch.pocName,
+              pocPhone: patch.pocPhone,
+              pocNotes: patch.pocNotes,
+              ...(patch.additionalContacts !== undefined
+                ? { additionalContacts: patch.additionalContacts }
+                : {}),
            })
          }
        />
      </SlideOverInfoRow>
      <SlideOverInfoRow label="Type of WO">
-        <TypeCell value={draft.type} onSave={(type) => onDraftChange({ type })} />
+        <TypeCell
+          value={draft.type}
+          severity={draft.severity}
+          onSave={(type, severity) => onDraftChange({ type, severity })}
+        />
      </SlideOverInfoRow>
      <SlideOverInfoRow label="Assigned To">
        <AssignedToCell
--- a/src/app/(protected)/workorders/_components/list/table/build-inline-draft-create-input.ts
+++ b/src/app/(protected)/workorders/_components/list/table/build-inline-draft-create-input.ts
@ -39,6 +39,7 @@ export function buildInlineDraftCreateInput(
    pocName: draft.pocName,
    pocPhone: draft.pocPhone,
    pocNotes: draft.pocNotes,
+    additionalContacts: draft.additionalContacts ?? [],
    scheduleWeekOnly,
    targetWeek: draft.targetWeek || "",
    isAddOnOverride: draft.isAddOnOverride,
--- a/src/app/(protected)/workorders/_components/list/table/cells/build-site-dialog-patch.ts
+++ b/src/app/(protected)/workorders/_components/list/table/cells/build-site-dialog-patch.ts
@ -0,0 +1,42 @@
+import { extractLocationLabel } from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-helpers";
+import type { SitePatch } from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-types";
+import { resolveSiteCode } from "@/domain/work-orders/mappers/work-order-board-mapper";
+import type { WorkOrderAdditionalContact } from "@/domain/work-orders/types/work-order-additional-contact";
+import type { LocationOption } from "@/domain/work-orders/types/work-order";
+
+type BuildSiteDialogPatchArgs = {
+  code: string;
+  locId: string;
+  selected: LocationOption | undefined;
+  pocName: string;
+  pocPhone: string;
+  pocNotes: string;
+  extraContacts: WorkOrderAdditionalContact[];
+  contactsDirty: boolean;
+  baselineHadContacts: boolean;
+};
+
+export function buildSiteDialogPatch({
+  code,
+  locId,
+  selected,
+  pocName,
+  pocPhone,
+  pocNotes,
+  extraContacts,
+  contactsDirty,
+  baselineHadContacts,
+}: BuildSiteDialogPatchArgs): SitePatch {
+  const patch: SitePatch = {
+    site: code || (selected ? resolveSiteCode(selected) : ""),
+    location: selected ? extractLocationLabel(selected) : "",
+    locationId: locId,
+    pocName,
+    pocPhone,
+    pocNotes,
+  };
+  if (contactsDirty || baselineHadContacts) {
+    patch.additionalContacts = extraContacts;
+  }
+  return patch;
+}
--- a/src/app/(protected)/workorders/_components/list/table/cells/site-cell.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/cells/site-cell.tsx
@ -1,6 +1,7 @@
 import { useState } from "react";
 import { MapPin } from "lucide-react";
 import { formatSitePlace } from "@/domain/locations/mappers/location-mapper";
+import type { WorkOrderAdditionalContact } from "@/domain/work-orders/types/work-order-additional-contact";
 import type { LocationOption } from "@/domain/work-orders/types/work-order";
 import { HighlightText } from "./highlight-text";
 import { HoverChevron } from "./hover-chevron";
@ -15,6 +16,7 @@ type SiteCellProps = {
  pocName?: string;
  pocPhone?: string;
  pocNotes?: string;
+  additionalContacts?: WorkOrderAdditionalContact[];
  sites: LocationOption[];
  q?: string;
  /** Inline create: editable POC + Site/POC required to confirm the modal. */
@ -31,6 +33,7 @@ export function SiteCell({
  pocName,
  pocPhone,
  pocNotes,
+  additionalContacts,
  sites,
  q,
  createMode = false,
@ -93,6 +96,7 @@ export function SiteCell({
        pocName={pocName}
        pocPhone={pocPhone}
        pocNotes={pocNotes}
+        additionalContacts={additionalContacts}
        sites={sites}
        createMode={createMode}
        onSave={onSave}
--- a/src/app/(protected)/workorders/_components/list/table/cells/site-dialog-footer.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/cells/site-dialog-footer.tsx
@ -0,0 +1,19 @@
+import { Button } from "@/components/ui/button";
+
+type SiteDialogFooterProps = {
+  onClose: () => void;
+  onConfirm: () => void;
+};
+
+export function SiteDialogFooter({ onClose, onConfirm }: SiteDialogFooterProps) {
+  return (
+    <div className="mt-4 flex items-center justify-end gap-2">
+      <Button variant="ghost" className="min-h-0 px-2 py-1 text-[12px]" onClick={onClose}>
+        Cancel
+      </Button>
+      <Button className="min-h-0 px-3 py-1 text-[12px]" onClick={onConfirm}>
+        Save
+      </Button>
+    </div>
+  );
+}
--- a/src/app/(protected)/workorders/_components/list/table/cells/site-dialog-poc-fields.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/cells/site-dialog-poc-fields.tsx
@ -1,87 +1 @@
-import {
-  DLG_INPUT_CLS,
-  DLG_INPUT_STYLE,
-} from "@/app/(protected)/workorders/_components/wizard/wizard-input-styles";
-import { Text } from "@/components/ui/text";
-import { FieldLabel } from "@/app/(protected)/workorders/_components/list/table/cells/dialog-field-label";
-
-type SiteDialogPocFieldsProps = {
-  pocName: string;
-  pocPhone: string;
-  pocNotes: string;
-  editable?: boolean;
-  showErrors?: boolean;
-  onPocNameChange?: (value: string) => void;
-  onPocPhoneChange?: (value: string) => void;
-  onPocNotesChange?: (value: string) => void;
-};
-
-export function SiteDialogPocFields({
-  pocName,
-  pocPhone,
-  pocNotes,
-  editable = false,
-  showErrors = false,
-  onPocNameChange,
-  onPocPhoneChange,
-  onPocNotesChange,
-}: SiteDialogPocFieldsProps) {
-  const nameMissing = showErrors && !pocName.trim();
-  const phoneMissing = showErrors && !pocPhone.trim();
-
-  return (
-    <div className="pt-1">
-      <FieldLabel>Point of Contact</FieldLabel>
-      <Text as="p" className="mb-2 text-[11px]" style={{ color: "var(--color-text-muted)" }}>
-        {editable
-          ? "Auto-filled from records — edit if outdated"
-          : "Shown from site/work order records. Board edit saves site code only."}
-      </Text>
-      <div className="space-y-2">
-        <div>
-          <input
-            value={pocName}
-            readOnly={!editable}
-            placeholder="POC name"
-            className={DLG_INPUT_CLS}
-            style={{
-              ...DLG_INPUT_STYLE,
-              opacity: editable ? 1 : 0.85,
-              borderColor: nameMissing ? "var(--destructive)" : undefined,
-            }}
-            onChange={(e) => onPocNameChange?.(e.target.value)}
-          />
-          <Text as="p" variant="error" when={nameMissing} className="mt-1 text-[11px]">
-            Contact name is required
-          </Text>
-        </div>
-        <div>
-          <input
-            value={pocPhone}
-            readOnly={!editable}
-            placeholder="POC phone"
-            className={DLG_INPUT_CLS}
-            style={{
-              ...DLG_INPUT_STYLE,
-              opacity: editable ? 1 : 0.85,
-              borderColor: phoneMissing ? "var(--destructive)" : undefined,
-            }}
-            onChange={(e) => onPocPhoneChange?.(e.target.value)}
-          />
-          <Text as="p" variant="error" when={phoneMissing} className="mt-1 text-[11px]">
-            Contact phone is required
-          </Text>
-        </div>
-        <textarea
-          value={pocNotes}
-          readOnly={!editable}
-          placeholder="Notes…"
-          rows={2}
-          className={`${DLG_INPUT_CLS} resize-none`}
-          style={{ ...DLG_INPUT_STYLE, fontFamily: "inherit", opacity: editable ? 1 : 0.85 }}
-          onChange={(e) => onPocNotesChange?.(e.target.value)}
-        />
-      </div>
-    </div>
-  );
-}
+export { PocContactFields as SiteDialogPocFields } from "@/app/(protected)/workorders/_components/poc/poc-contact-fields";
--- a/src/app/(protected)/workorders/_components/list/table/cells/site-dialog-poc-section.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/cells/site-dialog-poc-section.tsx
@ -0,0 +1,41 @@
+import { PocContactFields } from "@/app/(protected)/workorders/_components/poc/poc-contact-fields";
+import type { WorkOrderAdditionalContact } from "@/domain/work-orders/types/work-order-additional-contact";
+
+type SiteDialogPocSectionProps = {
+  pocName: string;
+  pocPhone: string;
+  pocNotes: string;
+  additionalContacts: WorkOrderAdditionalContact[];
+  showPrimaryErrors?: boolean;
+  onPocNameChange: (value: string) => void;
+  onPocPhoneChange: (value: string) => void;
+  onPocNotesChange: (value: string) => void;
+  onAdditionalContactsChange: (contacts: WorkOrderAdditionalContact[]) => void;
+};
+
+export function SiteDialogPocSection({
+  pocName,
+  pocPhone,
+  pocNotes,
+  additionalContacts,
+  showPrimaryErrors = false,
+  onPocNameChange,
+  onPocPhoneChange,
+  onPocNotesChange,
+  onAdditionalContactsChange,
+}: SiteDialogPocSectionProps) {
+  return (
+    <PocContactFields
+      pocName={pocName}
+      pocPhone={pocPhone}
+      pocNotes={pocNotes}
+      additionalContacts={additionalContacts}
+      showPrimaryErrors={showPrimaryErrors}
+      onPocNameChange={onPocNameChange}
+      onPocPhoneChange={onPocPhoneChange}
+      onPocNotesChange={onPocNotesChange}
+      onAdditionalContactsChange={onAdditionalContactsChange}
+      helperText="Auto-filled from site records when empty. Additional contacts persist on save."
+    />
+  );
+}
--- a/src/app/(protected)/workorders/_components/list/table/cells/site-dialog-types.ts
+++ b/src/app/(protected)/workorders/_components/list/table/cells/site-dialog-types.ts
@ -0,0 +1,12 @@
+import type { WorkOrderAdditionalContact } from "@/domain/work-orders/types/work-order-additional-contact";
+
+export type SitePatch = {
+  site: string;
+  location: string;
+  locationId: string | number;
+  pocName: string;
+  pocPhone: string;
+  pocNotes: string;
+  /** Omitted for site-only saves when GET had no contacts and the user did not edit them. */
+  additionalContacts?: WorkOrderAdditionalContact[];
+};
--- a/src/app/(protected)/workorders/_components/list/table/cells/site-dialog.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/cells/site-dialog.tsx
@ -2,17 +2,16 @@ import type { MouseEvent } from "react";
 import { MapPin } from "lucide-react";
 import { Dialog, DialogContent, DialogTitle } from "@mui/material";
 import { WizardFieldSelect } from "@/app/(protected)/workorders/_components/wizard/wizard-field-select";
-import { Button } from "@/components/ui/button";
 import { Text } from "@/components/ui/text";
 import { dialogBlurBackdropSlotProps } from "@/components/ui/dialog-blur-backdrop";
+import type { WorkOrderAdditionalContact } from "@/domain/work-orders/types/work-order-additional-contact";
 import type { LocationOption } from "@/domain/work-orders/types/work-order";
 import { FieldLabel } from "@/app/(protected)/workorders/_components/list/table/cells/dialog-field-label";
 import { SiteDialogDetailPanel } from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-detail-panel";
-import { SiteDialogPocFields } from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-poc-fields";
-import {
-  useSiteDialogState,
-  type SitePatch,
-} from "@/app/(protected)/workorders/_components/list/table/cells/use-site-dialog-state";
+import { SiteDialogFooter } from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-footer";
+import { SiteDialogPocSection } from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-poc-section";
+import type { SitePatch } from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-types";
+import { useSiteDialogState } from "@/app/(protected)/workorders/_components/list/table/cells/use-site-dialog-state";

 export type { SitePatch };

@ -24,6 +23,7 @@ type SiteDialogProps = {
  pocName?: string;
  pocPhone?: string;
  pocNotes?: string;
+  additionalContacts?: WorkOrderAdditionalContact[];
  sites: LocationOption[];
  createMode?: boolean;
  onSave: (patch: SitePatch) => void;
@ -37,6 +37,7 @@ export function SiteDialog({
  pocName = "",
  pocPhone = "",
  pocNotes = "",
+  additionalContacts = [],
  sites,
  createMode = false,
  onSave,
@ -49,6 +50,7 @@ export function SiteDialog({
    pocName,
    pocPhone,
    pocNotes,
+    additionalContacts,
    sites,
    createMode,
    onSave,
@ -116,26 +118,20 @@ export function SiteDialog({
            />
          )}

-          <SiteDialogPocFields
+          <SiteDialogPocSection
            pocName={s.pn}
            pocPhone={s.pp}
            pocNotes={s.notes}
-            editable={createMode}
-            showErrors={createMode && s.showErrors}
+            additionalContacts={s.extraContacts}
+            showPrimaryErrors={createMode && s.showErrors}
            onPocNameChange={s.setPn}
            onPocPhoneChange={s.setPp}
            onPocNotesChange={s.setNotes}
+            onAdditionalContactsChange={s.setExtraContacts}
          />
        </div>

-        <div className="mt-4 flex items-center justify-end gap-2">
-          <Button variant="ghost" className="min-h-0 px-2 py-1 text-[12px]" onClick={s.close}>
-            Cancel
-          </Button>
-          <Button className="min-h-0 px-3 py-1 text-[12px]" onClick={s.attemptSave}>
-            Save
-          </Button>
-        </div>
+        <SiteDialogFooter onClose={s.close} onConfirm={s.attemptSave} />
      </DialogContent>
    </Dialog>
  );
--- a/src/app/(protected)/workorders/_components/list/table/cells/use-site-dialog-state.ts
+++ b/src/app/(protected)/workorders/_components/list/table/cells/use-site-dialog-state.ts
@ -1,21 +1,14 @@
 import { useEffect, useState } from "react";
-import { formatLocationAddressPreview } from "@/domain/locations/mappers/location-mapper";
+import { buildSiteDialogPatch } from "@/app/(protected)/workorders/_components/list/table/cells/build-site-dialog-patch";
+import { resolveLocationId } from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-helpers";
+import type { SitePatch } from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-types";
 import { useLocationDetail } from "@/domain/locations/use-cases/use-location-detail";
+import { formatLocationAddressPreview } from "@/domain/locations/mappers/location-mapper";
 import { resolveSiteCode } from "@/domain/work-orders/mappers/work-order-board-mapper";
+import type { WorkOrderAdditionalContact } from "@/domain/work-orders/types/work-order-additional-contact";
 import type { LocationOption } from "@/domain/work-orders/types/work-order";
-import {
-  extractLocationLabel,
-  resolveLocationId,
-} from "@/app/(protected)/workorders/_components/list/table/cells/site-dialog-helpers";

-export type SitePatch = {
-  site: string;
-  location: string;
-  locationId: string | number;
-  pocName: string;
-  pocPhone: string;
-  pocNotes: string;
-};
+export type { SitePatch };

 type UseSiteDialogStateArgs = {
  open: boolean;
@ -25,6 +18,7 @@ type UseSiteDialogStateArgs = {
  pocName: string;
  pocPhone: string;
  pocNotes: string;
+  additionalContacts: WorkOrderAdditionalContact[];
  sites: LocationOption[];
  createMode: boolean;
  onSave: (patch: SitePatch) => void;
@ -38,6 +32,7 @@ export function useSiteDialogState({
  pocName,
  pocPhone,
  pocNotes,
+  additionalContacts = [],
  sites,
  createMode,
  onSave,
@ -47,7 +42,13 @@ export function useSiteDialogState({
  const [pn, setPn] = useState(pocName);
  const [pp, setPp] = useState(pocPhone);
  const [notes, setNotes] = useState(pocNotes);
+  const [extraContacts, setExtraContacts] = useState(additionalContacts);
  const [pocFilledFor, setPocFilledFor] = useState("");
+  const [dirty, setDirty] = useState(false);
+  const [contactsDirty, setContactsDirty] = useState(false);
+  const [baselineHadContacts, setBaselineHadContacts] = useState(
+    () => additionalContacts.length > 0,
+  );
  const [showErrors, setShowErrors] = useState(false);

  const {
@ -64,6 +65,14 @@ export function useSiteDialogState({

  useEffect(() => {
    if (!open) {
+      setDirty(false);
+      setContactsDirty(false);
+      setShowErrors(false);
+    }
+  }, [open]);
+
+  useEffect(() => {
+    if (!open || dirty) {
      return;
    }
    const resolved = resolveLocationId(locationId, value, sites);
@ -72,15 +81,15 @@ export function useSiteDialogState({
    setPn(pocName);
    setPp(pocPhone);
    setNotes(pocNotes);
-    setShowErrors(false);
+    setExtraContacts(additionalContacts);
+    setBaselineHadContacts(additionalContacts.length > 0);
    setPocFilledFor(pocName.trim() || pocPhone.trim() ? resolved : "");
-  }, [open, value, locationId, pocName, pocPhone, pocNotes, sites]);
+  }, [open, dirty, value, locationId, pocName, pocPhone, pocNotes, additionalContacts, sites]);

  useEffect(() => {
    if (!open || !locId || !locationDetail || pocFilledFor === locId) {
      return;
    }
-    // Only autofill empty fields so typed createMode POC edits are not overwritten.
    setPn((prev) => (prev.trim() ? prev : (locationDetail.contact ?? "")));
    setPp((prev) => (prev.trim() ? prev : (locationDetail.phone ?? "")));
    setPocFilledFor(locId);
@ -94,49 +103,72 @@ export function useSiteDialogState({
      setCode(resolveSiteCode(next));
    }
    if (siteChanged) {
-      setPn("");
-      setPp("");
+      setExtraContacts([]);
+      setContactsDirty(true);
+      setDirty(true);
+      if (createMode) {
+        setPn("");
+        setPp("");
+      }
      setPocFilledFor("");
    } else if (id !== pocFilledFor) {
      setPocFilledFor("");
    }
  };

+  const buildPatch = (): SitePatch =>
+    buildSiteDialogPatch({
+      code,
+      locId,
+      selected,
+      pocName: pn,
+      pocPhone: pp,
+      pocNotes: notes,
+      extraContacts,
+      contactsDirty,
+      baselineHadContacts,
+    });
+
+  const markPocDirty = (apply: () => void) => {
+    setDirty(true);
+    apply();
+  };
+
+  const markContactsDirty = (contacts: WorkOrderAdditionalContact[]) => {
+    setDirty(true);
+    setContactsDirty(true);
+    setExtraContacts(contacts);
+  };
+
  const attemptSave = () => {
    if (createMode && !canConfirm) {
      setShowErrors(true);
      return;
    }
-    onSave({
-      site: code || (selected ? resolveSiteCode(selected) : ""),
-      location: selected ? extractLocationLabel(selected) : "",
-      locationId: locId,
-      pocName: pn,
-      pocPhone: pp,
-      pocNotes: notes,
-    });
+    onSave(buildPatch());
    onOpenChange(false);
  };

  return {
    locId,
-    pn,
-    pp,
-    notes,
-    showErrors,
+    code,
+    selected,
    locationDetail,
    locationDetailLoading,
    locationDetailError,
-    selected,
    addressPreview,
+    pn,
+    pp,
+    notes,
+    extraContacts,
+    showErrors,
    siteMissing,
-    canConfirm,
-    code,
    handlePick,
    attemptSave,
-    setPn,
-    setPp,
-    setNotes,
+    setPn: (next: string) => markPocDirty(() => setPn(next)),
+    setPp: (next: string) => markPocDirty(() => setPp(next)),
+    setNotes: (next: string) => markPocDirty(() => setNotes(next)),
+    setExtraContacts: markContactsDirty,
    close: () => onOpenChange(false),
  };
 }
--- a/src/app/(protected)/workorders/_components/list/table/wo-table-inline-identity-cells.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/wo-table-inline-identity-cells.tsx
@ -55,6 +55,7 @@ export function WoTableInlineIdentityCells({
            pocName={draft.pocName}
            pocPhone={draft.pocPhone}
            pocNotes={draft.pocNotes}
+            additionalContacts={draft.additionalContacts}
            sites={sites}
            createMode
            onSave={(p) =>
@ -65,6 +66,9 @@ export function WoTableInlineIdentityCells({
                pocName: p.pocName,
                pocPhone: p.pocPhone,
                pocNotes: p.pocNotes,
+                ...(p.additionalContacts !== undefined
+                  ? { additionalContacts: p.additionalContacts }
+                  : {}),
              })
            }
          />
--- a/src/app/(protected)/workorders/_components/list/table/wo-table-inline-row-cells.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/wo-table-inline-row-cells.tsx
@ -160,7 +160,6 @@ export function WoTableInlineRowCells({
          }}
        />
      </td>
-
      <InlineScheduleOnCell draft={draft} weekDefault={weekDefault} onPatch={onPatch} />

      <td className="group/cell" style={{ padding: "0 14px" }}>
@ -170,7 +169,6 @@ export function WoTableInlineRowCells({
          onSave={(date) => onPatch({ dueDate: date })}
        />
      </td>
-
      <td className="group/cell" style={{ padding: "0 14px" }}>
        <PMTypeCell
          value={draft.pm}
@ -188,7 +186,6 @@ export function WoTableInlineRowCells({
          }
        />
      </td>
-
      <td className="group/cell" style={{ padding: "0 14px" }}>
        <VendorCell
          vendorId={draft.vendorId}
@ -206,7 +203,6 @@ export function WoTableInlineRowCells({
          }
        />
      </td>
-
      <td className="group/cell" style={{ padding: "0 14px" }}>
        <ApptTimeCell
          apptTime={
@ -218,7 +214,6 @@ export function WoTableInlineRowCells({
          }}
        />
      </td>
-
      <td className="group/cell" style={{ padding: "0 14px" }}>
        <StatusCell
          wo={draftRow as never}
--- a/src/app/(protected)/workorders/_components/list/table/wo-table-row-cells.tsx
+++ b/src/app/(protected)/workorders/_components/list/table/wo-table-row-cells.tsx
@ -52,6 +52,7 @@ export function WoTableRowCells({
          pocName={row.pocName}
          pocPhone={row.pocPhone}
          pocNotes={row.pocNotes}
+          additionalContacts={row.additionalContacts}
          sites={sites}
          q={search}
          onSave={(p) =>
@ -62,6 +63,9 @@ export function WoTableRowCells({
              pocName: p.pocName,
              pocPhone: p.pocPhone,
              pocNotes: p.pocNotes,
+              ...(p.additionalContacts !== undefined
+                ? { additionalContacts: p.additionalContacts }
+                : {}),
            })
          }
        />
--- a/src/app/(protected)/workorders/_components/poc/poc-contact-fields.tsx
+++ b/src/app/(protected)/workorders/_components/poc/poc-contact-fields.tsx
@ -0,0 +1,223 @@
+import { Plus, Trash2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Text } from "@/components/ui/text";
+import {
+  DLG_INPUT_CLS,
+  DLG_INPUT_STYLE,
+} from "@/app/(protected)/workorders/_components/wizard/wizard-input-styles";
+import { FieldLabel } from "@/app/(protected)/workorders/_components/list/table/cells/dialog-field-label";
+import { isIncompleteAdditionalContact } from "@/domain/work-orders/mappers/additional-contacts-mapper";
+import {
+  EMPTY_ADDITIONAL_CONTACT,
+  type WorkOrderAdditionalContact,
+} from "@/domain/work-orders/types/work-order-additional-contact";
+
+type PocContactFieldsProps = {
+  pocName: string;
+  pocPhone: string;
+  pocNotes: string;
+  additionalContacts: WorkOrderAdditionalContact[];
+  onPocNameChange: (value: string) => void;
+  onPocPhoneChange: (value: string) => void;
+  onPocNotesChange: (value: string) => void;
+  onAdditionalContactsChange: (contacts: WorkOrderAdditionalContact[]) => void;
+  helperText?: string;
+  showPrimaryErrors?: boolean;
+};
+
+function extraNameMissing(contact: WorkOrderAdditionalContact): boolean {
+  return isIncompleteAdditionalContact(contact) && !contact.name.trim();
+}
+
+function extraPhoneMissing(contact: WorkOrderAdditionalContact): boolean {
+  return isIncompleteAdditionalContact(contact) && !contact.phone.trim();
+}
+
+function updateContactAt(
+  contacts: WorkOrderAdditionalContact[],
+  index: number,
+  patch: Partial<WorkOrderAdditionalContact>,
+): WorkOrderAdditionalContact[] {
+  return contacts.map((contact, contactIndex) =>
+    contactIndex === index ? { ...contact, ...patch } : contact,
+  );
+}
+
+function AdditionalPocCard({
+  contact,
+  index,
+  onChange,
+  onRemove,
+}: {
+  contact: WorkOrderAdditionalContact;
+  index: number;
+  onChange: (patch: Partial<WorkOrderAdditionalContact>) => void;
+  onRemove: () => void;
+}) {
+  const nameMissing = extraNameMissing(contact);
+  const phoneMissing = extraPhoneMissing(contact);
+
+  return (
+    <div
+      className="mt-3 space-y-2 rounded-lg p-3"
+      style={{ border: "1px solid var(--color-border)", background: "var(--color-bg-muted)" }}
+    >
+      <div className="flex items-center justify-between gap-2">
+        <Text
+          as="p"
+          className="text-[11px] font-semibold uppercase tracking-wide"
+          style={{ color: "var(--color-text-muted)" }}
+        >
+          Point of contact {index + 2}
+        </Text>
+        <button
+          type="button"
+          aria-label={`Remove point of contact ${index + 2}`}
+          className="inline-flex shrink-0 items-center justify-center rounded p-1 transition-colors hover:bg-[var(--color-bg-surface)]"
+          style={{ color: "var(--color-text-muted)" }}
+          onClick={onRemove}
+        >
+          <Trash2 size={14} />
+        </button>
+      </div>
+      <div className="grid grid-cols-2 gap-2">
+        <div>
+          <input
+            value={contact.name}
+            onChange={(event) => onChange({ name: event.target.value })}
+            placeholder="POC name"
+            className={DLG_INPUT_CLS}
+            style={{
+              ...DLG_INPUT_STYLE,
+              borderColor: nameMissing ? "var(--destructive)" : undefined,
+            }}
+          />
+          <Text as="p" variant="error" when={nameMissing} className="mt-1 text-[11px]">
+            Contact name is required
+          </Text>
+        </div>
+        <div>
+          <input
+            value={contact.phone}
+            onChange={(event) => onChange({ phone: event.target.value })}
+            placeholder="POC phone"
+            className={DLG_INPUT_CLS}
+            style={{
+              ...DLG_INPUT_STYLE,
+              borderColor: phoneMissing ? "var(--destructive)" : undefined,
+            }}
+          />
+          <Text as="p" variant="error" when={phoneMissing} className="mt-1 text-[11px]">
+            Contact phone is required
+          </Text>
+        </div>
+      </div>
+      <textarea
+        value={contact.notes ?? ""}
+        onChange={(event) => onChange({ notes: event.target.value })}
+        placeholder="Notes…"
+        rows={2}
+        className={`${DLG_INPUT_CLS} resize-none`}
+        style={{ ...DLG_INPUT_STYLE, fontFamily: "inherit" }}
+      />
+    </div>
+  );
+}
+
+export function PocContactFields({
+  pocName,
+  pocPhone,
+  pocNotes,
+  additionalContacts,
+  onPocNameChange,
+  onPocPhoneChange,
+  onPocNotesChange,
+  onAdditionalContactsChange,
+  helperText,
+  showPrimaryErrors = false,
+}: PocContactFieldsProps) {
+  const nameMissing = showPrimaryErrors && !pocName.trim();
+  const phoneMissing = showPrimaryErrors && !pocPhone.trim();
+
+  const handleAddContact = () => {
+    onAdditionalContactsChange([...additionalContacts, { ...EMPTY_ADDITIONAL_CONTACT }]);
+  };
+
+  return (
+    <div className="pt-1">
+      <FieldLabel>Point of Contact</FieldLabel>
+      {Boolean(helperText) && (
+        <Text as="p" className="mb-2 text-[11px]" style={{ color: "var(--color-text-muted)" }}>
+          {helperText}
+        </Text>
+      )}
+      <div className="space-y-2">
+        <div>
+          <input
+            value={pocName}
+            onChange={(event) => onPocNameChange(event.target.value)}
+            placeholder="POC name"
+            className={DLG_INPUT_CLS}
+            style={{
+              ...DLG_INPUT_STYLE,
+              borderColor: nameMissing ? "var(--destructive)" : undefined,
+            }}
+          />
+          <Text as="p" variant="error" when={nameMissing} className="mt-1 text-[11px]">
+            Contact name is required
+          </Text>
+        </div>
+        <div>
+          <input
+            value={pocPhone}
+            onChange={(event) => onPocPhoneChange(event.target.value)}
+            placeholder="POC phone"
+            className={DLG_INPUT_CLS}
+            style={{
+              ...DLG_INPUT_STYLE,
+              borderColor: phoneMissing ? "var(--destructive)" : undefined,
+            }}
+          />
+          <Text as="p" variant="error" when={phoneMissing} className="mt-1 text-[11px]">
+            Contact phone is required
+          </Text>
+        </div>
+        <textarea
+          value={pocNotes}
+          onChange={(event) => onPocNotesChange(event.target.value)}
+          placeholder="Notes…"
+          rows={2}
+          className={`${DLG_INPUT_CLS} resize-none`}
+          style={{ ...DLG_INPUT_STYLE, fontFamily: "inherit" }}
+        />
+      </div>
+
+      {additionalContacts.map((contact, index) => (
+        <AdditionalPocCard
+          key={`additional-poc-${index}`}
+          contact={contact}
+          index={index}
+          onChange={(patch) =>
+            onAdditionalContactsChange(updateContactAt(additionalContacts, index, patch))
+          }
+          onRemove={() =>
+            onAdditionalContactsChange(
+              additionalContacts.filter((_, contactIndex) => contactIndex !== index),
+            )
+          }
+        />
+      ))}
+
+      <Button
+        type="button"
+        variant="ghost"
+        className="mt-3 min-h-0 gap-1.5 px-0 py-1 text-[12px]"
+        style={{ color: "var(--color-primary)" }}
+        onClick={handleAddContact}
+      >
+        <Plus size={14} className="shrink-0" />
+        Add point of contact
+      </Button>
+    </div>
+  );
+}
--- a/src/app/(protected)/workorders/_components/wizard/wizard-sidebar-summary-rows.ts
+++ b/src/app/(protected)/workorders/_components/wizard/wizard-sidebar-summary-rows.ts
@ -26,6 +26,18 @@ function pocLabel(draft: WorkOrderWizardDraft): string {
  return draft.pocPhone ? `${draft.pocName} · ${draft.pocPhone}` : draft.pocName;
 }

+function formatAdditionalPocSummary(draft: WorkOrderWizardDraft): string {
+  const count = draft.additionalContacts.length;
+  if (count === 0) {
+    return "—";
+  }
+  const names = draft.additionalContacts.map((contact) => contact.name.trim()).filter(Boolean);
+  if (names.length > 0) {
+    return names.join(", ");
+  }
+  return `${count} contact${count === 1 ? "" : "s"}`;
+}
+
 /** Builds the label/value rows for the wizard sidebar's live summary card. */
 export function buildWizardSidebarSummaryRows(draft: WorkOrderWizardDraft): [string, string][] {
  return [
@ -36,6 +48,7 @@ export function buildWizardSidebarSummaryRows(draft: WorkOrderWizardDraft): [str
    ["Assigned to", draft.assigneeName || "—"],
    ["Site", draft.siteCode || draft.locationName || "—"],
    ["POC", pocLabel(draft)],
+    ["Additional POCs", formatAdditionalPocSummary(draft)],
    ["Service", draft.pm || "—"],
    ["Technician", draft.vendorName || "—"],
    ["Company", draft.vendorName || "—"],
--- a/src/app/(protected)/workorders/_components/wizard/wizard-step-location-poc-fields.tsx
+++ b/src/app/(protected)/workorders/_components/wizard/wizard-step-location-poc-fields.tsx
@ -1,10 +1,5 @@
-import { Text } from "@/components/ui/text";
+import { PocContactFields } from "@/app/(protected)/workorders/_components/poc/poc-contact-fields";
 import type { WorkOrderWizardDraft } from "@/domain/work-orders/types/work-order-wizard";
-import {
-  DLG_INPUT_CLS,
-  DLG_INPUT_STYLE,
-} from "@/app/(protected)/workorders/_components/wizard/wizard-input-styles";
-import { WizLabel } from "@/app/(protected)/workorders/_components/wizard/wizard-labels";

 type WizardStepLocationPocFieldsProps = {
  draft: WorkOrderWizardDraft;
@ -20,44 +15,17 @@ export function WizardStepLocationPocFields({
  const pocIncomplete = !draft.pocName.trim() || !draft.pocPhone.trim();

  return (
-    <div>
-      <WizLabel required>Point of contact</WizLabel>
-      <Text
-        as="p"
-        variant="description"
-        sx={{ fontSize: 11.5, color: "var(--muted-foreground)", margin: "2px 0 8px" }}
-      >
-        Auto-filled from records — edit if outdated
-      </Text>
-      <div className="grid grid-cols-2 gap-2">
-        <input
-          value={draft.pocName}
-          onChange={(e) => onUpdate("pocName", e.target.value)}
-          placeholder="POC name"
-          className={DLG_INPUT_CLS}
-          style={DLG_INPUT_STYLE}
-        />
-        <input
-          value={draft.pocPhone}
-          onChange={(e) => onUpdate("pocPhone", e.target.value)}
-          placeholder="POC phone"
-          className={DLG_INPUT_CLS}
-          style={DLG_INPUT_STYLE}
-        />
-      </div>
-      {Boolean(showErrors && pocIncomplete) && (
-        <Text as="p" variant="error" sx={{ fontSize: 11, marginTop: "6px" }}>
-          POC name and phone are required.
-        </Text>
-      )}
-      <textarea
-        value={draft.pocNotes}
-        onChange={(e) => onUpdate("pocNotes", e.target.value)}
-        placeholder="Notes…"
-        rows={2}
-        className={`${DLG_INPUT_CLS} mt-2 resize-none`}
-        style={{ ...DLG_INPUT_STYLE, fontFamily: "inherit" }}
-      />
-    </div>
+    <PocContactFields
+      pocName={draft.pocName}
+      pocPhone={draft.pocPhone}
+      pocNotes={draft.pocNotes}
+      additionalContacts={draft.additionalContacts}
+      onPocNameChange={(value) => onUpdate("pocName", value)}
+      onPocPhoneChange={(value) => onUpdate("pocPhone", value)}
+      onPocNotesChange={(value) => onUpdate("pocNotes", value)}
+      onAdditionalContactsChange={(contacts) => onUpdate("additionalContacts", contacts)}
+      helperText="Auto-filled from records — edit if outdated"
+      showPrimaryErrors={showErrors && pocIncomplete}
+    />
  );
 }
--- a/src/app/(protected)/workorders/_components/wizard/wizard-step-location-site-select.tsx
+++ b/src/app/(protected)/workorders/_components/wizard/wizard-step-location-site-select.tsx
@ -42,6 +42,7 @@ export function WizardStepLocationSiteSelect({
            pocName: "",
            pocPhone: "",
            pocNotes: "",
+            additionalContacts: [],
          });
        }}
      />
--- a/src/domain/work-orders/mappers/additional-contacts-mapper.ts
+++ b/src/domain/work-orders/mappers/additional-contacts-mapper.ts
@ -0,0 +1,102 @@
+import type { WorkOrderAdditionalContact } from "@/domain/work-orders/types/work-order-additional-contact";
+
+function asRecord(raw: unknown): Record<string, unknown> {
+  return typeof raw === "object" && raw !== null ? (raw as Record<string, unknown>) : {};
+}
+
+function readString(record: Record<string, unknown>, ...keys: string[]): string {
+  for (const key of keys) {
+    const value = record[key];
+    if (typeof value === "string") {
+      return value;
+    }
+    if (typeof value === "number") {
+      return String(value);
+    }
+  }
+  return "";
+}
+
+function mapContactItem(raw: unknown): WorkOrderAdditionalContact | null {
+  const item = asRecord(raw);
+  const name = readString(item, "name", "Name");
+  const phone = readString(item, "phone", "Phone");
+  const notes = readString(item, "notes", "Notes");
+
+  if (!name.trim() && !phone.trim()) {
+    return null;
+  }
+
+  const contact: WorkOrderAdditionalContact = {
+    name,
+    phone,
+  };
+
+  if (notes.trim()) {
+    contact.notes = notes;
+  }
+
+  return contact;
+}
+
+/** Reads additional POCs from board/detail payloads; missing field yields []. */
+export function readAdditionalContacts(
+  record: Record<string, unknown>,
+): WorkOrderAdditionalContact[] {
+  for (const key of ["additionalContacts", "AdditionalContacts"]) {
+    const value = record[key];
+    if (!Array.isArray(value)) {
+      continue;
+    }
+
+    return value
+      .map(mapContactItem)
+      .filter((contact): contact is WorkOrderAdditionalContact => contact !== null);
+  }
+
+  return [];
+}
+
+/** True when exactly one of name/phone is filled (not persistable). */
+export function isIncompleteAdditionalContact(contact: WorkOrderAdditionalContact): boolean {
+  const hasName = Boolean(contact.name.trim());
+  const hasPhone = Boolean(contact.phone.trim());
+  return hasName !== hasPhone;
+}
+
+/** Drops empty and incomplete rows; returns undefined when nothing to persist. */
+export function normalizeAdditionalContacts(
+  contacts: WorkOrderAdditionalContact[],
+): WorkOrderAdditionalContact[] | undefined {
+  const out: WorkOrderAdditionalContact[] = [];
+
+  for (const raw of contacts) {
+    const name = raw.name.trim();
+    const phone = raw.phone.trim();
+    const notes = raw.notes?.trim();
+
+    if (!name && !phone) {
+      continue;
+    }
+
+    if (!name || !phone) {
+      continue;
+    }
+
+    const contact: WorkOrderAdditionalContact = { name, phone };
+
+    if (notes) {
+      contact.notes = notes;
+    }
+
+    out.push(contact);
+  }
+
+  return out.length > 0 ? out : undefined;
+}
+
+export function serializeAdditionalContactsForPatch(
+  contacts: WorkOrderAdditionalContact[],
+): string {
+  return JSON.stringify(normalizeAdditionalContacts(contacts) ?? []);
+}
--- a/src/domain/work-orders/mappers/assign-wizard-service-poc-fields.ts
+++ b/src/domain/work-orders/mappers/assign-wizard-service-poc-fields.ts
@ -1,5 +1,6 @@
 import type { WorkOrderBoardCreatePayload } from "@/domain/work-orders/types/work-order-board";
 import type { WorkOrderWizardDraft } from "@/domain/work-orders/types/work-order-wizard";
+import { normalizeAdditionalContacts } from "@/domain/work-orders/mappers/additional-contacts-mapper";

 function trimOrUndefined(value: string | undefined): string | undefined {
  const trimmed = value?.trim();
@ -42,6 +43,11 @@ export function assignWizardServicePocFields(
    payload.pocNotes = pocNotes;
  }

+  const additionalContacts = normalizeAdditionalContacts(draft.additionalContacts);
+  if (additionalContacts) {
+    payload.additionalContacts = additionalContacts;
+  }
+
  const techPhone = trimOrUndefined(draft.techPhone);

  if (techPhone) {
--- a/src/domain/work-orders/mappers/expand-scalar-board-ops.ts
+++ b/src/domain/work-orders/mappers/expand-scalar-board-ops.ts
@ -1,5 +1,7 @@
 import type { WorkOrderBoardEditableField } from "@/domain/work-orders/types/work-order-board";
 import type { WorkOrderTablePatch } from "@/domain/work-orders/types/work-order-table-row";
+import type { WorkOrderAdditionalContact } from "@/domain/work-orders/types/work-order-additional-contact";
+import { serializeAdditionalContactsForPatch } from "@/domain/work-orders/mappers/additional-contacts-mapper";
 import { mapDocStatusToApi } from "@/domain/work-orders/mappers/doc-status-mapper";

 export type BoardFieldOp = {
@ -37,6 +39,11 @@ const SCALAR_BOARD_OP_RULES: ScalarBoardOpRule[] = [
  { key: "extraServices", field: "extraServices", toValue: (value) => JSON.stringify(value) },
  { key: "serviceNotes", field: "serviceNotes", toValue: (value) => value as string },
  { key: "flagColor", field: "flagColor", toValue: (value) => (value as string | null) ?? "" },
+  {
+    key: "additionalContacts",
+    field: "additionalContacts",
+    toValue: (value) => serializeAdditionalContactsForPatch(value as WorkOrderAdditionalContact[]),
+  },
 ];

 export function expandScalarBoardOps(patch: WorkOrderTablePatch): BoardFieldOp[] {
--- a/src/domain/work-orders/mappers/work-order-table-row-mapper.ts
+++ b/src/domain/work-orders/mappers/work-order-table-row-mapper.ts
@ -1,3 +1,4 @@
+import { readAdditionalContacts } from "@/domain/work-orders/mappers/additional-contacts-mapper";
 import { mapApiStatusToWizard } from "@/domain/work-orders/mappers/wizard-draft-mapper";
 import { mapUpliftSummary } from "@/domain/work-orders/mappers/work-order-uplift-mapper";
 import {
@ -357,6 +358,7 @@ export function mapWorkOrderTableRow(raw: unknown): WorkOrderTableRow {
    pocName: readString(item, "pocName", "PocName", "POCName"),
    pocPhone: readString(item, "pocPhone", "PocPhone", "POCPhone"),
    pocNotes: readString(item, "pocNotes", "PocNotes", "POCNotes"),
+    additionalContacts: readAdditionalContacts(item),
    dueDate: toDateInputValue(readString(item, "dueDate", "DueDate")),
    rescheduleCount: readNumber(item, "rescheduleCount", "RescheduleCount") ?? 0,
    carriedOver: readNumber(item, "carriedOver", "CarriedOver") ?? 0,
--- a/src/domain/work-orders/types/work-order-additional-contact.ts
+++ b/src/domain/work-orders/types/work-order-additional-contact.ts
@ -0,0 +1,11 @@
+export interface WorkOrderAdditionalContact {
+  name: string;
+  phone: string;
+  notes?: string;
+}
+
+export const EMPTY_ADDITIONAL_CONTACT: WorkOrderAdditionalContact = {
+  name: "",
+  phone: "",
+  notes: "",
+};
--- a/src/domain/work-orders/types/work-order-board-detail.ts
+++ b/src/domain/work-orders/types/work-order-board-detail.ts
@ -1,4 +1,5 @@
 import type { WorkOrderAuditEntry, WorkOrderComment } from "./work-order-detail";
+import type { WorkOrderAdditionalContact } from "./work-order-additional-contact";
 import type { CompletionDocStatus, WorkOrderTableRow } from "./work-order-table-row";

 /** API media.category: 1=Before, 2=After, 3=Extra, 4=Completion */
@ -26,6 +27,7 @@ export interface WorkOrderBoardDetailInfoApi {
  pocName?: string | null;
  pocPhone?: string | null;
  pocNotes?: string | null;
+  additionalContacts?: WorkOrderAdditionalContact[] | null;
  lifecycleStatus?: number | null;
  lifecycleStatusLabel?: string | null;
  legacyStatus?: string | null;
--- a/src/domain/work-orders/types/work-order-board.ts
+++ b/src/domain/work-orders/types/work-order-board.ts
@ -1,4 +1,5 @@
 import type { DateRangeKey } from "./work-order-advanced-filters";
+import type { WorkOrderAdditionalContact } from "./work-order-additional-contact";
 import type { WorkOrderTableRow } from "./work-order-table-row";
 import type { WizardWOStatus, WOType } from "./work-order-wizard";

@ -108,6 +109,7 @@ export interface WorkOrderBoardCreatePayload {
  pocName?: string;
  pocPhone?: string;
  pocNotes?: string;
+  additionalContacts?: WorkOrderAdditionalContact[];
  techPhone?: string;
  vendorNotes?: string;
  /** Severity 1–5 for Emergency/Reactive. */
@ -142,6 +144,7 @@ export type WorkOrderBoardEditableField =
  | "serviceNotes"
  | "extraServices"
  | "flagColor"
+  | "additionalContacts"
  | "severity";

 /** Espelha WorkOrderBoardRowDto (JSON camelCase). */
@ -159,6 +162,7 @@ export interface WorkOrderBoardRowApi {
  pocName?: string | null;
  pocPhone?: string | null;
  pocNotes?: string | null;
+  additionalContacts?: WorkOrderAdditionalContact[] | null;
  lifecycleStatus?: number | null;
  lifecycleStatusLabel?: string | null;
  legacyStatus?: string | null;
--- a/src/domain/work-orders/types/work-order-table-row.ts
+++ b/src/domain/work-orders/types/work-order-table-row.ts
@ -1,3 +1,4 @@
+import type { WorkOrderAdditionalContact } from "./work-order-additional-contact";
 import type { WizardWOStatus, WOType } from "./work-order-wizard";
 import type { WorkOrderSeverity } from "./work-order-severity";
 import type { UpliftSummary } from "./work-order-uplift";
@ -46,6 +47,7 @@ export interface WorkOrderTableRow {
  pocName: string;
  pocPhone: string;
  pocNotes: string;
+  additionalContacts: WorkOrderAdditionalContact[];
  dueDate: string;
  rescheduleCount: number;
  carriedOver: number;
@ -94,6 +96,7 @@ export interface WorkOrderTableDraft {
  pocName: string;
  pocPhone: string;
  pocNotes: string;
+  additionalContacts: WorkOrderAdditionalContact[];
  scheduleWeekOnly: boolean;
  targetWeek: string;
  /** Manual Add-On override when schedule is empty at inline create. */
@ -124,6 +127,7 @@ export const EMPTY_TABLE_DRAFT: WorkOrderTableDraft = {
  pocName: "",
  pocPhone: "",
  pocNotes: "",
+  additionalContacts: [],
  scheduleWeekOnly: false,
  targetWeek: "",
  isAddOnOverride: false,
--- a/src/domain/work-orders/types/work-order-wizard.ts
+++ b/src/domain/work-orders/types/work-order-wizard.ts
@ -1,3 +1,4 @@
+import type { WorkOrderAdditionalContact } from "./work-order-additional-contact";
 import { typeNeedsSeverity, type WorkOrderSeverity } from "./work-order-severity";

 export type { WorkOrderSeverity } from "./work-order-severity";
@ -50,6 +51,8 @@ export interface WorkOrderWizardDraft {
  pocName: string;
  pocPhone: string;
  pocNotes: string;
+  /** Secondary POCs beyond primary pocName/pocPhone/pocNotes. */
+  additionalContacts: WorkOrderAdditionalContact[];
  scheduleWeekOnly: boolean;
  /** Monday ISO when week-only; preferred over deriving from scheduledOn (inline create). */
  targetWeek?: string;
@ -89,6 +92,7 @@ export const EMPTY_WIZARD_DRAFT: WorkOrderWizardDraft = {
  pocName: "",
  pocPhone: "",
  pocNotes: "",
+  additionalContacts: [],
  scheduleWeekOnly: false,
  targetWeek: "",
  scheduleEnd: "",
--- a/src/domain/work-orders/utils/slide-over-draft.ts
+++ b/src/domain/work-orders/utils/slide-over-draft.ts
@ -1,3 +1,4 @@
+import type { WorkOrderAdditionalContact } from "@/domain/work-orders/types/work-order-additional-contact";
 import type {
  WorkOrderTablePatch,
  WorkOrderTableRow,
@ -5,8 +6,9 @@ import type {

 /**
 * Fields compared for dirty state and included in Save patch.
- * Only keys that map to board PATCH (or required companions like dispatcherName / vendor labels).
- * POC, locationId, and tech phone are not board-editable — exclude so Save cannot no-op.
+ * Only keys that map to board PATCH (or required companions like dispatcherName).
+ * Primary POC scalars and tech phone are not board-editable — exclude so Save cannot no-op.
+ * additionalContacts is board-editable (SH-218 PATCH field).
 */
 export const SLIDE_OVER_EDIT_KEYS = [
  "woNumber",
@ -23,6 +25,7 @@ export const SLIDE_OVER_EDIT_KEYS = [
  "pm",
  "serviceNotes",
  "extraServices",
+  "additionalContacts",
  "vendorId",
  // company/tech are display companions; board persists vendor via vendorId only
  "status",
@ -37,6 +40,23 @@ function sameExtraServices(a: string[] | undefined, b: string[] | undefined): bo
  return left.every((value, index) => value === right[index]);
 }

+function sameAdditionalContacts(
+  a: WorkOrderAdditionalContact[] | undefined,
+  b: WorkOrderAdditionalContact[] | undefined,
+): boolean {
+  const left = a ?? [];
+  const right = b ?? [];
+  if (left.length !== right.length) return false;
+  return left.every((contact, index) => {
+    const other = right[index];
+    return (
+      contact.name === other.name &&
+      contact.phone === other.phone &&
+      (contact.notes ?? "") === (other.notes ?? "")
+    );
+  });
+}
+
 export function isSlideOverDraftDirty(
  draft: WorkOrderTableRow,
  baseline: WorkOrderTableRow,
@ -46,6 +66,12 @@ export function isSlideOverDraftDirty(
      if (!sameExtraServices(draft.extraServices, baseline.extraServices)) return true;
      continue;
    }
+    if (key === "additionalContacts") {
+      if (!sameAdditionalContacts(draft.additionalContacts, baseline.additionalContacts)) {
+        return true;
+      }
+      continue;
+    }
    if (draft[key] !== baseline[key]) return true;
  }
  return false;
@ -64,6 +90,12 @@ export function buildSlideOverPatch(
      }
      continue;
    }
+    if (key === "additionalContacts") {
+      if (!sameAdditionalContacts(draft.additionalContacts, baseline.additionalContacts)) {
+        patch.additionalContacts = draft.additionalContacts;
+      }
+      continue;
+    }
    if (draft[key] !== baseline[key]) {
      (patch as Record<EditKey, WorkOrderTableRow[EditKey]>)[key] = draft[key];
    }
--- a/src/test/app/(protected)/workorders/comp-doc-dialog-completion-contract.test.tsx
+++ b/src/test/app/(protected)/workorders/comp-doc-dialog-completion-contract.test.tsx
@ -58,6 +58,7 @@ function baseRow(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow
    pocName: "Amazon Rep",
    pocPhone: "",
    pocNotes: "",
+    additionalContacts: [],
    dueDate: "",
    rescheduleCount: 0,
    carriedOver: 0,
--- a/src/test/app/(protected)/workorders/media-upload-modal-api.test.tsx
+++ b/src/test/app/(protected)/workorders/media-upload-modal-api.test.tsx
@ -70,6 +70,7 @@ function baseRow(): WorkOrderTableRow {
    pocName: "",
    pocPhone: "",
    pocNotes: "",
+    additionalContacts: [],
    dueDate: "",
    rescheduleCount: 0,
    carriedOver: 0,
--- a/src/test/app/(protected)/workorders/slide-over-info-tab-edit-view-additional-contacts.test.tsx
+++ b/src/test/app/(protected)/workorders/slide-over-info-tab-edit-view-additional-contacts.test.tsx
@ -0,0 +1,165 @@
+import { fireEvent, screen } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { SlideOverInfoTabEditView } from "@/app/(protected)/workorders/_components/detail/tabs/slide-over-info-tab-edit-view";
+import type { WorkOrderTableRow } from "@/domain/work-orders/types/work-order-table-row";
+import { expandTablePatchToBoardFieldOps } from "@/domain/work-orders/mappers/work-order-board-patch-mapper";
+import { buildSlideOverPatch } from "@/domain/work-orders/utils/slide-over-draft";
+import { renderWithProviders } from "@/test/test-utils";
+
+vi.mock("@/app/(protected)/workorders/_components/list/table/cells/site-cell", () => ({
+  SiteCell: ({
+    additionalContacts,
+    onSave,
+  }: {
+    additionalContacts?: { name: string; phone: string }[];
+    onSave: (patch: {
+      site: string;
+      location: string;
+      locationId: string;
+      pocName: string;
+      pocPhone: string;
+      pocNotes: string;
+      additionalContacts?: { name: string; phone: string }[];
+    }) => void;
+  }) => (
+    <button
+      type="button"
+      onClick={() =>
+        onSave({
+          site: "SEA1",
+          location: "Seattle",
+          locationId: "loc-1",
+          pocName: "Pat",
+          pocPhone: "111",
+          pocNotes: "",
+          additionalContacts: [{ name: "Backup", phone: "555-0101" }],
+        })
+      }
+    >
+      save site {additionalContacts?.length ?? 0}
+    </button>
+  ),
+}));
+
+vi.mock(
+  "@/app/(protected)/workorders/_components/list/table/cells/editable-wo-number-cell",
+  () => ({
+    EditableWONumberCell: () => null,
+  }),
+);
+vi.mock("@/app/(protected)/workorders/_components/list/table/cells/type-cell", () => ({
+  TypeCell: () => null,
+}));
+vi.mock("@/app/(protected)/workorders/_components/list/table/cells/assigned-to-cell", () => ({
+  AssignedToCell: () => null,
+}));
+vi.mock("@/app/(protected)/workorders/_components/list/table/cells/date-cell", () => ({
+  DateCell: () => null,
+}));
+vi.mock("@/app/(protected)/workorders/_components/list/table/cells/appt-time-cell", () => ({
+  ApptTimeCell: () => null,
+}));
+vi.mock("@/app/(protected)/workorders/_components/list/table/cells/pm-type-cell", () => ({
+  PMTypeCell: () => null,
+}));
+vi.mock("@/app/(protected)/workorders/_components/list/table/cells/vendor-cell", () => ({
+  VendorCell: () => null,
+}));
+vi.mock("@/app/(protected)/workorders/_components/list/table/cells/status-cell", () => ({
+  StatusCell: () => null,
+}));
+
+function baseRow(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow {
+  return {
+    id: 42,
+    woNumber: "WO-42",
+    site: "SEA1",
+    type: "PM",
+    severity: null,
+    dispatcherId: "u1",
+    dispatcherName: "Dispatcher",
+    scheduledOn: "2026-07-20",
+    completedDate: "",
+    targetWeek: "",
+    dayGroup: "07/20",
+    dayLabel: "Mon",
+    location: "Seattle",
+    locationId: "loc-1",
+    pm: "HVAC",
+    serviceNotes: "",
+    extraServices: [],
+    company: "Vendor Co",
+    tech: "Tech",
+    techPhone: "",
+    vendorId: "v1",
+    apptStart: "",
+    apptEnd: "",
+    apptTime: "",
+    status: "Scheduled",
+    docStatus: "No",
+    pocName: "",
+    pocPhone: "",
+    pocNotes: "",
+    additionalContacts: [],
+    dueDate: "",
+    rescheduleCount: 0,
+    carriedOver: 0,
+    isAddOn: false,
+    originalWeek: "",
+    originalDate: "",
+    isPastDue: false,
+    scheduleWeekOnly: false,
+    mediaCount: 0,
+    title: "",
+    priority: "",
+    primaryDispatchId: null,
+    rowVersion: "v1",
+    dispatchRowVersion: "",
+    flagColor: null,
+    ...overrides,
+  };
+}
+
+describe("SlideOverInfoTabEditView additional contacts", () => {
+  it("passes additionalContacts into SiteCell and persists them on save", () => {
+    const onDraftChange = vi.fn();
+    const contacts = [{ name: "Existing", phone: "555-0000" }];
+
+    renderWithProviders(
+      <SlideOverInfoTabEditView
+        draft={baseRow({ additionalContacts: contacts })}
+        users={[]}
+        sites={[]}
+        vendors={[]}
+        pmTypes={[]}
+        allOrders={[]}
+        onDraftChange={onDraftChange}
+      />,
+      { withAuth: false },
+    );
+
+    expect(screen.getByRole("button", { name: /save site 1/i })).toBeInTheDocument();
+    fireEvent.click(screen.getByRole("button", { name: /save site 1/i }));
+
+    expect(onDraftChange).toHaveBeenCalledWith(
+      expect.objectContaining({
+        additionalContacts: [{ name: "Backup", phone: "555-0101" }],
+      }),
+    );
+  });
+
+  it("includes additionalContacts in the slide-over board PATCH ops", () => {
+    const baseline = baseRow();
+    const draft = baseRow({
+      additionalContacts: [{ name: "Backup", phone: "555-0101", notes: "Gate" }],
+    });
+    const patch = buildSlideOverPatch(draft, baseline);
+
+    expect(expandTablePatchToBoardFieldOps(patch)).toEqual([
+      {
+        field: "additionalContacts",
+        value: JSON.stringify([{ name: "Backup", phone: "555-0101", notes: "Gate" }]),
+      },
+    ]);
+  });
+});
--- a/src/test/app/(protected)/workorders/status-cell-pending-uplift.test.tsx
+++ b/src/test/app/(protected)/workorders/status-cell-pending-uplift.test.tsx
@ -50,6 +50,7 @@ function makeRow(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow
    rowVersion: "",
    dispatchRowVersion: "",
    flagColor: null,
+    additionalContacts: [],
    ...overrides,
  };
 }
--- a/src/test/app/(protected)/workorders/use-comp-doc-dialog-address-seed.test.tsx
+++ b/src/test/app/(protected)/workorders/use-comp-doc-dialog-address-seed.test.tsx
@ -45,6 +45,7 @@ function baseRow(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow
    pocName: "Amazon Rep",
    pocPhone: "",
    pocNotes: "",
+    additionalContacts: [],
    dueDate: "",
    rescheduleCount: 0,
    carriedOver: 0,
--- a/src/test/app/(protected)/workorders/use-site-dialog-state.test.tsx
+++ b/src/test/app/(protected)/workorders/use-site-dialog-state.test.tsx
@ -42,6 +42,7 @@ function renderSiteDialogState() {
      pocName: "",
      pocPhone: "",
      pocNotes: "",
+      additionalContacts: [],
      sites: SITES,
      createMode: true,
      onSave: vi.fn(),
--- a/src/test/app/(protected)/workorders/use-slide-over-media-state.test.tsx
+++ b/src/test/app/(protected)/workorders/use-slide-over-media-state.test.tsx
@ -35,6 +35,7 @@ function baseInfo(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow
    pocName: "",
    pocPhone: "",
    pocNotes: "",
+    additionalContacts: [],
    dueDate: "",
    rescheduleCount: 0,
    carriedOver: 0,
--- a/src/test/app/(protected)/workorders/wo-table-unassigned-queue.test.tsx
+++ b/src/test/app/(protected)/workorders/wo-table-unassigned-queue.test.tsx
@ -59,6 +59,7 @@ function makeRow(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow
    rowVersion: "",
    dispatchRowVersion: "",
    flagColor: null,
+    additionalContacts: [],
    ...overrides,
  };
 }
--- a/src/test/app/(protected)/workorders/wo-table-unscheduled-highlight.test.tsx
+++ b/src/test/app/(protected)/workorders/wo-table-unscheduled-highlight.test.tsx
@ -39,6 +39,7 @@ const unscheduledRow: WorkOrderTableRow = {
  pocName: "",
  pocPhone: "",
  pocNotes: "",
+  additionalContacts: [],
  dueDate: "2026-07-15",
  rescheduleCount: 0,
  carriedOver: 0,
--- a/src/test/app/(protected)/workorders/work-order-slide-over-failed-save.test.tsx
+++ b/src/test/app/(protected)/workorders/work-order-slide-over-failed-save.test.tsx
@ -78,6 +78,7 @@ function baseRow(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow
    pocName: "",
    pocPhone: "",
    pocNotes: "",
+    additionalContacts: [],
    dueDate: "",
    rescheduleCount: 0,
    carriedOver: 0,
--- a/src/test/app/(protected)/workorders/work-order-uplifts-affordances.test.tsx
+++ b/src/test/app/(protected)/workorders/work-order-uplifts-affordances.test.tsx
@ -54,6 +54,7 @@ const baseRow: WorkOrderTableRow = {
  pocName: "",
  pocPhone: "",
  pocNotes: "",
+  additionalContacts: [],
  dueDate: "",
  rescheduleCount: 0,
  carriedOver: 0,
--- a/src/test/app/(protected)/workorders/work-orders-board-core-affordances.test.tsx
+++ b/src/test/app/(protected)/workorders/work-orders-board-core-affordances.test.tsx
@ -97,6 +97,7 @@ const canceledRow: WorkOrderTableRow = {
  pocName: "",
  pocPhone: "",
  pocNotes: "",
+  additionalContacts: [],
  dueDate: "",
  rescheduleCount: 0,
  carriedOver: 0,
--- a/src/test/domain/work-orders/mappers/additional-contacts-mapper.test.ts
+++ b/src/test/domain/work-orders/mappers/additional-contacts-mapper.test.ts
@ -0,0 +1,87 @@
+import { describe, expect, it } from "vitest";
+import {
+  isIncompleteAdditionalContact,
+  normalizeAdditionalContacts,
+  readAdditionalContacts,
+  serializeAdditionalContactsForPatch,
+} from "@/domain/work-orders/mappers/additional-contacts-mapper";
+
+describe("readAdditionalContacts", () => {
+  it("returns [] when field is missing", () => {
+    expect(readAdditionalContacts({ id: 1 })).toEqual([]);
+  });
+
+  it("maps camelCase and PascalCase arrays", () => {
+    expect(
+      readAdditionalContacts({
+        additionalContacts: [{ name: "Alex", phone: "555-0100", notes: "Gate code" }],
+      }),
+    ).toEqual([{ name: "Alex", phone: "555-0100", notes: "Gate code" }]);
+
+    expect(
+      readAdditionalContacts({
+        AdditionalContacts: [{ Name: "Sam", Phone: "555-0200" }],
+      }),
+    ).toEqual([{ name: "Sam", phone: "555-0200" }]);
+  });
+
+  it("drops empty rows", () => {
+    expect(
+      readAdditionalContacts({
+        additionalContacts: [
+          { name: "", phone: "" },
+          { name: "Pat", phone: "111" },
+        ],
+      }),
+    ).toEqual([{ name: "Pat", phone: "111" }]);
+  });
+});
+
+describe("normalizeAdditionalContacts", () => {
+  it("trims and omits empty notes", () => {
+    expect(
+      normalizeAdditionalContacts([
+        { name: " Alex ", phone: " 555 ", notes: "  " },
+        { name: "", phone: "" },
+      ]),
+    ).toEqual([{ name: "Alex", phone: "555" }]);
+  });
+
+  it("returns undefined when all rows are empty", () => {
+    expect(normalizeAdditionalContacts([{ name: "", phone: "" }])).toBeUndefined();
+  });
+
+  it("drops name-only and phone-only rows", () => {
+    expect(
+      normalizeAdditionalContacts([
+        { name: "Alex", phone: "" },
+        { name: "", phone: "555-0100" },
+        { name: "Pat", phone: "111" },
+      ]),
+    ).toEqual([{ name: "Pat", phone: "111" }]);
+  });
+});
+
+describe("isIncompleteAdditionalContact", () => {
+  it("is true when exactly one of name or phone is filled", () => {
+    expect(isIncompleteAdditionalContact({ name: "Alex", phone: "" })).toBe(true);
+    expect(isIncompleteAdditionalContact({ name: "", phone: "555" })).toBe(true);
+    expect(isIncompleteAdditionalContact({ name: "Alex", phone: "555" })).toBe(false);
+    expect(isIncompleteAdditionalContact({ name: "", phone: "" })).toBe(false);
+  });
+});
+
+describe("serializeAdditionalContactsForPatch", () => {
+  it("JSON-stringifies normalized contacts for board PATCH", () => {
+    expect(
+      serializeAdditionalContactsForPatch([
+        { name: "Alex", phone: "555-0100" },
+        { name: "", phone: "" },
+      ]),
+    ).toBe('[{"name":"Alex","phone":"555-0100"}]');
+  });
+
+  it("serializes empty array when nothing to persist", () => {
+    expect(serializeAdditionalContactsForPatch([])).toBe("[]");
+  });
+});
--- a/src/test/domain/work-orders/mappers/work-order-board-detail-mapper.test.ts
+++ b/src/test/domain/work-orders/mappers/work-order-board-detail-mapper.test.ts
@ -41,6 +41,10 @@ const SAMPLE_DETAIL = {
    pm: "HVAC PM",
    serviceNotes: "Check filters",
    extraServices: ["Filter Change"],
+    additionalContacts: [
+      { name: "Backup Lead", phone: "+1 555-0101", notes: "After hours" },
+      { name: "Security Desk", phone: "+1 555-0102" },
+    ],
    docStatus: 2,
    flagColor: "#EF4444",
    primaryDispatchId: 789,
@ -124,6 +128,10 @@ describe("mapWorkOrderBoardDetail", () => {
    expect(detail.info.tech).toBe("Mike Tech");
    expect(detail.info.pm).toBe("HVAC PM");
    expect(detail.info.location).toBe("Main Warehouse");
+    expect(detail.info.additionalContacts).toEqual([
+      { name: "Backup Lead", phone: "+1 555-0101", notes: "After hours" },
+      { name: "Security Desk", phone: "+1 555-0102" },
+    ]);

    expect(detail.completion.docStatus).toBe("No");
    expect(detail.completion.template?.name).toBe("HVAC PM Completion");
--- a/src/test/domain/work-orders/mappers/work-order-board-mapper.test.ts
+++ b/src/test/domain/work-orders/mappers/work-order-board-mapper.test.ts
@ -161,6 +161,8 @@ describe("mapWizardDraftToBoardCreatePayload", () => {

      pocNotes: "Call before arrival",

+      additionalContacts: [{ name: "Backup Lead", phone: "+1 555-0101", notes: "After hours" }],
+
      techPhone: "+1 555-0199",

      vendorNotes: "Gate code 4421",
@ -204,12 +206,12 @@ describe("mapWizardDraftToBoardCreatePayload", () => {
      vendorNotes: "Gate code 4421",

      locationId: 12,
+
+      additionalContacts: [{ name: "Backup Lead", phone: "+1 555-0101", notes: "After hours" }],
    });

    expect(payload.trade).toBeUndefined();

-    expect(payload.extraServices).toBeUndefined();
-
    expect(payload.description).toBeUndefined();

    expect(payload.scheduleWeekOnly).toBeUndefined();
@ -376,7 +378,7 @@ describe("mapWizardDraftToBoardCreatePayload", () => {
    expect(payload.vendorNotes).toBe("Also not in description");
  });

-  it("maps service notes as structured fields and omits extraServices from wizard create", () => {
+  it("maps service notes as structured fields and omits extraServices on create", () => {
    const payload = mapWizardDraftToBoardCreatePayload({
      ...EMPTY_WIZARD_DRAFT,

--- a/src/test/domain/work-orders/mappers/work-order-board-patch-mapper.test.ts
+++ b/src/test/domain/work-orders/mappers/work-order-board-patch-mapper.test.ts
@ -113,6 +113,19 @@ describe("expandTablePatchToBoardFieldOps", () => {
    ]);
  });

+  it("emits additionalContacts as serialized JSON for board PATCH", () => {
+    expect(
+      expandTablePatchToBoardFieldOps({
+        additionalContacts: [{ name: "Alex", phone: "555-0100", notes: "Gate" }],
+      }),
+    ).toEqual([
+      {
+        field: "additionalContacts",
+        value: JSON.stringify([{ name: "Alex", phone: "555-0100", notes: "Gate" }]),
+      },
+    ]);
+  });
+
  it("ignores local-only companion keys when expanding vendor/site", () => {
    expect(
      expandTablePatchToBoardFieldOps({
--- a/src/test/domain/work-orders/mappers/work-order-mapper.test.ts
+++ b/src/test/domain/work-orders/mappers/work-order-mapper.test.ts
@ -164,6 +164,7 @@ describe("mapWorkOrderTableRow (board DTO)", () => {
    expect(row.serviceNotes).toBe("service notes");
    expect(row.extraServices).toEqual(["Filter change", "Coil clean"]);
    expect(row.docStatus).toBe("Yes");
+    expect(row.additionalContacts).toEqual([]);
    expect(row.dayGroup).toBe("07/15");
    expect(row.flagColor).toBe("#EF4444");
  });
@ -175,6 +176,15 @@ describe("mapWorkOrderTableRow (board DTO)", () => {
    expect(mapWorkOrderTableRow({ id: 1, FlagColor: "#3B82F6" }).flagColor).toBe("#3B82F6");
  });

+  it("maps additionalContacts from board rows", () => {
+    expect(
+      mapWorkOrderTableRow({
+        id: 1,
+        additionalContacts: [{ name: "Alex", phone: "555-0100" }],
+      }).additionalContacts,
+    ).toEqual([{ name: "Alex", phone: "555-0100" }]);
+  });
+
  it("maps uplift summary and pending flag from API payload", () => {
    const row = mapWorkOrderTableRow({
      id: 303,
--- a/src/test/domain/work-orders/use-cases/use-work-order-table-mutations.test.tsx
+++ b/src/test/domain/work-orders/use-cases/use-work-order-table-mutations.test.tsx
@ -83,6 +83,7 @@ const BASE_ROW: WorkOrderTableRow = {
  pocName: "",
  pocPhone: "",
  pocNotes: "",
+  additionalContacts: [],
  dueDate: "",
  rescheduleCount: 0,
  carriedOver: 0,
--- a/src/test/domain/work-orders/utils/slide-over-draft.test.ts
+++ b/src/test/domain/work-orders/utils/slide-over-draft.test.ts
@ -38,6 +38,7 @@ function baseRow(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow
    pocName: "",
    pocPhone: "",
    pocNotes: "",
+    additionalContacts: [],
    dueDate: "2026-07-20",
    rescheduleCount: 0,
    carriedOver: 0,
@ -63,6 +64,7 @@ describe("slide-over-draft", () => {
    expect(SLIDE_OVER_EDIT_KEYS).toContain("woNumber");
    expect(SLIDE_OVER_EDIT_KEYS).toContain("status");
    expect(SLIDE_OVER_EDIT_KEYS).toContain("vendorId");
+    expect(SLIDE_OVER_EDIT_KEYS).toContain("additionalContacts");
    expect(SLIDE_OVER_EDIT_KEYS).not.toContain("pocName");
    expect(SLIDE_OVER_EDIT_KEYS).not.toContain("locationId");
    expect(SLIDE_OVER_EDIT_KEYS).not.toContain("techPhone");
@ -112,4 +114,14 @@ describe("slide-over-draft", () => {
      extraServices: ["HVAC"],
    });
  });
+
+  it("tracks ordered additionalContacts for dirty state and patch (SH-218)", () => {
+    const row = baseRow();
+    const contacts = [{ name: "Backup", phone: "555-0101", notes: "Gate" }];
+    const draft = baseRow({ additionalContacts: contacts });
+
+    expect(isSlideOverDraftDirty(draft, row)).toBe(true);
+    expect(buildSlideOverPatch(draft, row)).toEqual({ additionalContacts: contacts });
+    expect(isSlideOverDraftDirty(baseRow({ additionalContacts: [] }), row)).toBe(false);
+  });
 });
--- a/src/test/domain/work-orders/utils/slide-over-failed-save-baseline.test.ts
+++ b/src/test/domain/work-orders/utils/slide-over-failed-save-baseline.test.ts
@ -59,6 +59,7 @@ function row(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow {
    pocName: "",
    pocPhone: "",
    pocNotes: "",
+    additionalContacts: [],
    dueDate: "2026-07-20",
    rescheduleCount: 0,
    carriedOver: 0,
--- a/src/test/domain/work-orders/utils/table-filter-utils.test.ts
+++ b/src/test/domain/work-orders/utils/table-filter-utils.test.ts
@ -54,6 +54,7 @@ function makeRow(overrides: Partial<WorkOrderTableRow> = {}): WorkOrderTableRow
    pocName: "",
    pocPhone: "",
    pocNotes: "",
+    additionalContacts: [],
    dueDate: "2026-06-30",
    rescheduleCount: 0,
    carriedOver: 0,