Give MultiSelect chips accessible names and start creation fields empty.

Catalog chips now announce Select or Deselect so they are named for assistive tech. Method and value modals open blank; Generate draft inserts the catalog copy that used to be prefilled, and Customize still keeps the section headings.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/(app)/create/components/methodEditFields/CommunicationMethodEditFields.tsx

@@ -17,6 +17,8 @@ export interface CommunicationMethodEditFieldsProps {
   onChange: (_next: CommunicationMethodDetailEntry) => void;
   /** When true, fields are not editable (view mode). */
   readOnly?: boolean;
+  /** Catalog copy inserted by Generate draft. */
+  generateDraft?: CommunicationMethodDetailEntry;
 }
 
 const FIELDS: ReadonlyArray<keyof CommunicationMethodDetailEntry> = [
@@ -29,9 +31,11 @@ function CommunicationMethodEditFieldsComponent({
   value,
   onChange,
   readOnly = false,
+  generateDraft,
 }: CommunicationMethodEditFieldsProps) {
   const m = useMessages();
   const t = m.create.customRule.communication;
+  const draftField = m.create.draftField;
 
   const patch = useCallback(
     <K extends keyof CommunicationMethodDetailEntry>(
@@ -53,6 +57,10 @@ function CommunicationMethodEditFieldsComponent({
           value={value[field]}
           onChange={(v) => patch(field, v)}
           disabled={readOnly}
+          placeholder={draftField.placeholder}
+          generateDraftText={generateDraft?.[field]}
+          generateDraftLabel={draftField.generateDraft}
+          generateDraftHint={draftField.generateDraftHint}
         />
       ))}
     </div>