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>

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>
   );

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

@@ -17,15 +17,19 @@ export interface CoreValueEditFieldsProps {
   onChange: (_next: CoreValueDetailEntry) => void;
   /** Disable meaning/signals. Facet and final-review callers omit this so fields stay editable on open. */
   readOnly?: boolean;
+  /** Catalog copy inserted by Generate draft. */
+  generateDraft?: CoreValueDetailEntry;
 }
 
 function CoreValueEditFieldsComponent({
   value,
   onChange,
   readOnly = false,
+  generateDraft,
 }: CoreValueEditFieldsProps) {
   const m = useMessages();
   const t = m.create.customRule.coreValues.detailModal;
+  const draftField = m.create.draftField;
 
   const patch = useCallback(
     <K extends keyof CoreValueDetailEntry>(
@@ -45,6 +49,10 @@ function CoreValueEditFieldsComponent({
         onChange={(v) => patch("meaning", v)}
         rows={4}
         disabled={readOnly}
+        placeholder={draftField.placeholder}
+        generateDraftText={generateDraft?.meaning}
+        generateDraftLabel={draftField.generateDraft}
+        generateDraftHint={draftField.generateDraftHint}
       />
       <ModalTextAreaField
         label={t.signalsLabel}
@@ -52,6 +60,10 @@ function CoreValueEditFieldsComponent({
         onChange={(v) => patch("signals", v)}
         rows={4}
         disabled={readOnly}
+        placeholder={draftField.placeholder}
+        generateDraftText={generateDraft?.signals}
+        generateDraftLabel={draftField.generateDraft}
+        generateDraftHint={draftField.generateDraftHint}
       />
     </div>
   );

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

@@ -19,6 +19,8 @@ export interface DecisionApproachEditFieldsProps {
   value: DecisionApproachDetailEntry;
   onChange: (_next: DecisionApproachDetailEntry) => void;
   readOnly?: boolean;
+  /** Catalog copy inserted by Generate draft on text fields. */
+  generateDraft?: DecisionApproachDetailEntry;
 }
 
 const CONSENSUS_LEVEL_MIN = 0;
@@ -29,9 +31,11 @@ function DecisionApproachEditFieldsComponent({
   value,
   onChange,
   readOnly = false,
+  generateDraft,
 }: DecisionApproachEditFieldsProps) {
   const m = useMessages();
   const t = m.create.customRule.decisionApproaches;
+  const draftField = m.create.draftField;
 
   const scopes = useMemo(
     () => withDecisionApproachKeyResourceScopes(value.applicableScope),
@@ -55,6 +59,10 @@ function DecisionApproachEditFieldsComponent({
         value={value.corePrinciple}
         onChange={(v) => patch("corePrinciple", v)}
         disabled={readOnly}
+        placeholder={draftField.placeholder}
+        generateDraftText={generateDraft?.corePrinciple}
+        generateDraftLabel={draftField.generateDraft}
+        generateDraftHint={draftField.generateDraftHint}
       />
       <ApplicableScopeField
         label={t.sectionHeadings.applicableScope}
@@ -79,6 +87,10 @@ function DecisionApproachEditFieldsComponent({
         value={value.stepByStepInstructions}
         onChange={(v) => patch("stepByStepInstructions", v)}
         disabled={readOnly}
+        placeholder={draftField.placeholder}
+        generateDraftText={generateDraft?.stepByStepInstructions}
+        generateDraftLabel={draftField.generateDraft}
+        generateDraftHint={draftField.generateDraftHint}
       />
       {value.consensusLevel !== undefined ? (
         <IncrementerBlock
@@ -100,6 +112,10 @@ function DecisionApproachEditFieldsComponent({
         value={value.objectionsDeadlocks}
         onChange={(v) => patch("objectionsDeadlocks", v)}
         disabled={readOnly}
+        placeholder={draftField.placeholder}
+        generateDraftText={generateDraft?.objectionsDeadlocks}
+        generateDraftLabel={draftField.generateDraft}
+        generateDraftHint={draftField.generateDraftHint}
       />
     </div>
   );

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

@@ -16,6 +16,8 @@ export interface MembershipMethodEditFieldsProps {
   value: MembershipMethodDetailEntry;
   onChange: (_next: MembershipMethodDetailEntry) => void;
   readOnly?: boolean;
+  /** Catalog copy inserted by Generate draft. */
+  generateDraft?: MembershipMethodDetailEntry;
 }
 
 const FIELDS: ReadonlyArray<keyof MembershipMethodDetailEntry> = [
@@ -28,9 +30,11 @@ function MembershipMethodEditFieldsComponent({
   value,
   onChange,
   readOnly = false,
+  generateDraft,
 }: MembershipMethodEditFieldsProps) {
   const m = useMessages();
   const t = m.create.customRule.membership;
+  const draftField = m.create.draftField;
 
   const patch = useCallback(
     <K extends keyof MembershipMethodDetailEntry>(
@@ -52,6 +56,10 @@ function MembershipMethodEditFieldsComponent({
           value={value[field]}
           onChange={(v) => patch(field, v)}
           disabled={readOnly}
+          placeholder={draftField.placeholder}
+          generateDraftText={generateDraft?.[field]}
+          generateDraftLabel={draftField.generateDraft}
+          generateDraftHint={draftField.generateDraftHint}
         />
       ))}
     </div>