field type selection filters according me and other submitters in selected fields

app/javascript/template_builder/field.vue

@@ -16,6 +16,7 @@
             v-model="field.type"
             :editable="editable"
             :button-width="20"
+            :me-active="meActive"
             @update:model-value="[maybeUpdateOptions(), save()]"
             @click="scrollToFirstArea"
           />
@@ -284,6 +285,11 @@ export default {
       type: Boolean,
       required: false,
       default: true
+    },
+    meActive: {
+      type: Boolean,
+      required: false,
+      default: true
     }
   },
   emits: ['set-draw', 'remove', 'scroll-to'],

app/javascript/template_builder/field_type.vue

@@ -15,7 +15,7 @@
       </label>
     </slot>
     <ul
-      v-if="editable"
+      v-if="editable && !meActive"
       tabindex="0"
       class="dropdown-content menu menu-xs p-2 shadow rounded-box w-52 z-10 mb-3"
       :class="menuClasses"
@@ -74,6 +74,11 @@ export default {
       type: Number,
       required: false,
       default: 18
+    },
+    meActive: {
+      type: Boolean,
+      required: false,
+      default: true
     }
   },
   emits: ['update:model-value'],

app/javascript/template_builder/fields.vue

@@ -27,6 +27,7 @@
       :type-index="fields.filter((f) => f.type === field.type).indexOf(field)"
       :editable="editable && !dragField"
       :draggable="editable"
+      :me-active="selectedSubmitter.name === 'Me'"
       @dragstart="dragField = field"
       @dragend="dragField = null"
       @remove="removeField"