fix: restore create-item button in recipe dropdowns (categories, tags, tools) (#7564)

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/app/components/Domain/Recipe/RecipeOrganizerSelector.vue

@@ -19,6 +19,7 @@
     class="pa-0 ma-0"
     @update:model-value="resetSearchInput"
     @click:append="dialog = true"
+    @keyup.enter="handleEnter"
   >
     <template #chip="{ item, index }">
       <v-chip
@@ -32,6 +33,26 @@
         @click:close="removeByIndex(index)"
       />
     </template>
+    <template
+      v-if="showAdd"
+      #no-data
+    >
+      <div class="caption text-center pb-2">
+        {{ $t("recipe.press-enter-to-create") }}
+      </div>
+    </template>
+    <template
+      v-if="showAdd && searchInput"
+      #append-item
+    >
+      <div class="px-2">
+        <BaseButton
+          block
+          size="small"
+          @click="createItem()"
+        />
+      </div>
+    </template>
     <template
       v-if="showAdd"
       #append
@@ -180,6 +201,32 @@ function appendCreated(item: any) {
   selected.value = [...selected.value, item];
 }
 
+function handleEnter() {
+  if (!searchInput.value) {
+    return;
+  }
+  const exactMatch = items.value.some(
+    (item: any) => (item.name ?? "").toLowerCase() === searchInput.value.toLowerCase(),
+  );
+  if (!exactMatch) {
+    createItem();
+  }
+}
+
+async function createItem() {
+  if (!searchInput.value) {
+    return;
+  }
+
+  const actions = storeMap[props.selectorType].actions;
+  // @ts-expect-error different organizer types have different required fields
+  const newItem = await actions.createOne({ name: searchInput.value });
+  if (newItem) {
+    appendCreated(newItem);
+  }
+  searchInput.value = "";
+}
+
 const dialog = ref(false);
 
 const searchInput = ref("");