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/ConflictManagementEditFields.tsx

@@ -38,15 +38,19 @@ export interface ConflictManagementEditFieldsProps {
   value: ConflictManagementDetailEntry;
   onChange: (_next: ConflictManagementDetailEntry) => void;
   readOnly?: boolean;
+  /** Catalog copy inserted by Generate draft. */
+  generateDraft?: ConflictManagementDetailEntry;
 }
 
 function ConflictManagementEditFieldsComponent({
   value,
   onChange,
   readOnly = false,
+  generateDraft,
 }: ConflictManagementEditFieldsProps) {
   const m = useMessages();
   const t = m.create.customRule.conflictManagement;
+  const draftField = m.create.draftField;
 
   const patch = useCallback(
     <K extends keyof ConflictManagementDetailEntry>(
@@ -65,6 +69,10 @@ function ConflictManagementEditFieldsComponent({
         value={value.corePrinciple}
         onChange={(v) => patch("corePrinciple", v)}
         disabled={readOnly}
+        placeholder={draftField.placeholder}
+        generateDraftText={generateDraft?.corePrinciple}
+        generateDraftLabel={draftField.generateDraft}
+        generateDraftHint={draftField.generateDraftHint}
       />
       <ModalTextAreaField
         label={t.sectionHeadings.applicableScope}
@@ -73,18 +81,35 @@ function ConflictManagementEditFieldsComponent({
         onChange={(v) => onChange(conflictDetailWithScopeTextarea(value, v))}
         rows={4}
         disabled={readOnly}
+        generateDraftText={
+          generateDraft && generateDraft.applicableScope.length > 0
+            ? generateDraft.applicableScope.join("\n")
+            : generateDraft
+              ? conflictScopeTextareaValue(generateDraft)
+              : undefined
+        }
+        generateDraftLabel={draftField.generateDraft}
+        generateDraftHint={draftField.generateDraftHint}
       />
       <ModalTextAreaField
         label={t.sectionHeadings.processProtocol}
         value={value.processProtocol}
         onChange={(v) => patch("processProtocol", v)}
         disabled={readOnly}
+        placeholder={draftField.placeholder}
+        generateDraftText={generateDraft?.processProtocol}
+        generateDraftLabel={draftField.generateDraft}
+        generateDraftHint={draftField.generateDraftHint}
       />
       <ModalTextAreaField
         label={t.sectionHeadings.restorationFallbacks}
         value={value.restorationFallbacks}
         onChange={(v) => patch("restorationFallbacks", v)}
         disabled={readOnly}
+        placeholder={draftField.placeholder}
+        generateDraftText={generateDraft?.restorationFallbacks}
+        generateDraftLabel={draftField.generateDraft}
+        generateDraftHint={draftField.generateDraftHint}
       />
     </div>
   );