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>

stories/create-flow/ModalTextAreaField.stories.js

@@ -9,7 +9,7 @@ export default {
     docs: {
       description: {
         component:
-          "Shared 'labelled text area' field used by every create-flow modal section. Pairs `InputLabel` with a `TextArea` set to the `embedded` appearance. Section help marks stay off until tooltip behavior ships.",
+          "Shared labelled text area for create-flow modal sections. With `generateDraftText`, matches Figma Step Modal (23746:49780): tall compose field plus Generate draft.",
       },
     },
   },
@@ -58,6 +58,25 @@ export const WithValue = {
   },
 };
 
+export const GenerateDraft = {
+  render: () => {
+    const [value, setValue] = React.useState("");
+    return (
+      <div className="w-[520px]">
+        <ModalTextAreaField
+          label="What does this value mean to your group?"
+          value={value}
+          onChange={setValue}
+          placeholder="Describe how this method should work"
+          generateDraftText="We design spaces and tools that everyone can use regardless of ability or background."
+          generateDraftLabel="Generate draft"
+          generateDraftHint="Get a first draft for this section"
+        />
+      </div>
+    );
+  },
+};
+
 export const Disabled = {
   render: () => (
     <div className="w-[520px]">