From 431eb7baf750e724c74afbcf35d6f1d0da158b56 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Wed, 2 Apr 2025 19:18:01 +0200
Subject: [PATCH] visiual AI import improvements

---
 cookbook/views/api.py               |  6 +++++-
 vue3/src/pages/RecipeImportPage.vue | 15 ++++++++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/cookbook/views/api.py b/cookbook/views/api.py
index b5895c6de..2e11913a6 100644
--- a/cookbook/views/api.py
+++ b/cookbook/views/api.py
@@ -1869,8 +1869,12 @@ class ImageToRecipeView(APIView):
 
                 scrape = scrape_html(html=data, org_url='https://urlnotfound.none', supported_only=False)
                 if scrape:
+                    recipe = helper.get_from_scraper(scrape, request)
+                    obj, created = Keyword.objects.get_or_create(name='✨ AI', space=request.space)
+                    recipe['keywords'].append({'label': obj.name, 'name': obj.name, 'id': obj.id, 'import_keyword': True})
+
                     response = {}
-                    response['recipe'] = helper.get_from_scraper(scrape, request)
+                    response['recipe'] = recipe
                     response['images'] = []
                     response['duplicates'] = []
                     return Response(RecipeFromSourceResponseSerializer(context={'request': request}).to_representation(response), status=status.HTTP_200_OK)
diff --git a/vue3/src/pages/RecipeImportPage.vue b/vue3/src/pages/RecipeImportPage.vue
index 5c0699320..e7fae4899 100644
--- a/vue3/src/pages/RecipeImportPage.vue
+++ b/vue3/src/pages/RecipeImportPage.vue
@@ -118,7 +118,13 @@
                                 <v-text-field :label="$t('Website') + ' (https://...)'" v-model="importUrl" v-if="importType == 'url'" :loading="loading" autofocus
                                               @keydown.enter="loadRecipeFromUrl({url: importUrl})"></v-text-field>
 
-                                <v-file-input v-model="image" :label="$t('Image')" v-if="importType == 'ai'" :loading="loading"></v-file-input>
+                                <v-file-upload v-model="image"  v-if="importType == 'ai'" :loading="loading" clearable>
+                                    <template #icon>
+                                        <v-icon icon="fa-solid fa-file-pdf"></v-icon>
+                                        {{$t('or')}}
+                                        <v-icon icon="fa-solid fa-file-image"></v-icon>
+                                    </template>
+                                </v-file-upload>
 
                                 <v-textarea v-model="sourceImportText" label="JSON/HTML" :loading="loading" v-if="importType == 'source'" :hint="$t('SourceImportHelp')"
                                             persistent-hint autofocus @keydown.enter="loadRecipeFromUrl({data: sourceImportText})"></v-textarea>
@@ -365,11 +371,11 @@
                             <v-stepper-window-item value="file">
                                 <v-file-upload v-model="appImportFiles" multiple></v-file-upload>
 
-                                <v-card variant="outlined" elevation="1" density="compact" :title="$t('Duplicate')" :subtitle="$t('import_duplicates')" class="mt-2">
+                                <v-alert variant="outlined" elevation="1" density="compact" :title="$t('Duplicate')" :text="$t('import_duplicates')" class="mt-2">
                                     <template #prepend>
                                         <v-checkbox v-model="appImportDuplicates"></v-checkbox>
                                     </template>
-                                </v-card>
+                                </v-alert>
 
                                 <v-stepper-actions>
                                     <template #prev>
@@ -546,6 +552,9 @@ function loadRecipeFromUrl(recipeFromSourceRequest: RecipeFromSource) {
     })
 }
 
+/**
+ * upload file to conversion endpoint
+ */
 function uploadAndConvertImage() {
     if (image.value != null) {
         loading.value = true