Route kebab Customize through the prefilled policy wizard so existing methods and values can be renamed, reordered, and kept in that field order on the card after Finalize.

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

app/(app)/create/components/CustomMethodCardWizard/CustomMethodCardWizardBlocksList.view.tsx

@@ -38,6 +38,8 @@ function CustomMethodCardWizardBlocksListViewComponent({
   onDragOver,
   onDrop,
   onDragEnd,
+  onHandlePointerDown,
+  onEditBlock,
 }: CustomMethodCardWizardBlocksListViewProps) {
   return (
     <ul
@@ -53,6 +55,7 @@ function CustomMethodCardWizardBlocksListViewComponent({
         return (
           <li
             key={block.id}
+            draggable
             aria-grabbed={isDragging ? true : undefined}
             className={`group flex min-h-[52px] items-stretch gap-2 rounded-[var(--measures-radius-medium,8px)] border-2 bg-[var(--color-surface-default-secondary)] py-2 pl-1 pr-3 transition-[border-color,box-shadow,opacity] ${
               isDropTarget
@@ -61,19 +64,26 @@ function CustomMethodCardWizardBlocksListViewComponent({
                   ? "relative z-20 border-[var(--color-border-default-primary)] opacity-60 shadow-[0_4px_12px_rgba(0,0,0,0.12)]"
                   : "border-[var(--color-border-default-primary)] hover:border-[var(--color-content-default-secondary)]"
             }`}
+            onDragStart={onDragStart(index)}
             onDragOver={onDragOver(index)}
             onDrop={onDrop(index)}
+            onDragEnd={onDragEnd}
           >
-            <button
-              type="button"
-              draggable
-              onDragStart={onDragStart(index)}
-              onDragEnd={onDragEnd}
+            <span
+              role="button"
+              tabIndex={0}
               aria-label={dragHandleAriaLabel}
-              className="flex shrink-0 cursor-grab touch-manipulation items-center self-stretch rounded-[var(--measures-radius-200,8px)] border-0 bg-transparent px-1 text-[var(--color-content-default-secondary)] transition-colors active:cursor-grabbing focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-border-invert-primary)] group-hover:text-[var(--color-content-default-primary)]"
+              onPointerDown={onHandlePointerDown}
+              className="flex shrink-0 cursor-grab touch-manipulation items-center self-stretch rounded-[var(--measures-radius-200,8px)] px-1 text-[var(--color-content-default-secondary)] transition-colors active:cursor-grabbing focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-border-invert-primary)] group-hover:text-[var(--color-content-default-primary)]"
             >
               <DragHandleGlyph />
-            </button>
+            </span>
+            <button
+              type="button"
+              aria-label={title}
+              onClick={() => onEditBlock(block)}
+              className="flex min-w-0 flex-1 items-center gap-2 self-stretch rounded-[var(--measures-radius-200,8px)] border-0 bg-transparent px-0 text-left cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-border-invert-primary)]"
+            >
             <span className="flex h-8 w-8 shrink-0 items-center justify-center self-center">
               <Icon
                 name={ADD_CUSTOM_FIELD_TYPE_ICONS[kind]}
@@ -89,6 +99,7 @@ function CustomMethodCardWizardBlocksListViewComponent({
                 {typeLabel}
               </span>
             </div>
+            </button>
           </li>
         );
       })}