Establish cursor rules

app/create/components/CreateFlowTwoColumnSelectShell.tsx

@@ -27,7 +27,7 @@ interface CreateFlowTwoColumnSelectShellProps {
 
 /**
  * Two-column layout for create-flow select steps (community size/structure, core values) and
- * {@link RightRailScreen} (decision approaches). Below `lg` (1024px), one column + main scrolls.
+ * {@link DecisionApproachesScreen} (decision approaches). Below `lg` (1024px), one column + main scrolls.
  * At `lg+`, mirrors {@link CompletedScreen}: static header column + scrollable controls column
  * (`min-h-0` + `overflow-y-auto` height chain; see completed page right rail).
  */

app/create/components/ModalTextAreaField.tsx

@@ -6,7 +6,7 @@
  * appearance — matching the Figma "Control / Text Area" pattern.
  */
 
-import { memo } from "react";
+import { memo, useId } from "react";
 import TextArea from "../../components/controls/TextArea";
 import InputLabel from "../../components/utility/InputLabel";
 
@@ -38,9 +38,18 @@ function ModalTextAreaFieldComponent({
   disabled = false,
   className = "",
 }: ModalTextAreaFieldProps) {
+  const labelId = useId();
+
   return (
     <div className={`flex flex-col gap-2 ${className}`.trim()}>
-      <InputLabel label={label} helpIcon={helpIcon} size="s" palette="default" />
+      <div id={labelId}>
+        <InputLabel
+          label={label}
+          helpIcon={helpIcon}
+          size="s"
+          palette="default"
+        />
+      </div>
       <TextArea
         formHeader={false}
         value={value}
@@ -50,6 +59,7 @@ function ModalTextAreaFieldComponent({
         appearance="embedded"
         placeholder={placeholder}
         disabled={disabled}
+        aria-labelledby={labelId}
       />
     </div>
   );