fix: improve error handling and adjust image slider behavior in ImageGenerationCarousel and Swiper components

Author: yaroslav8765

custom/ImageGenerationCarousel.vue

@@ -168,15 +168,6 @@ onMounted(async () => {
     template = 'Generate image for field {{field}} in {{resource}}. No text should be on image.';
   }
   prompt.value = template;
-  
-  const recordId = props.record[props.meta.recorPkFieldName];
-  if (!recordId) {
-    emit('error', {
-      isError: true,
-      errorMessage: 'Record ID not found, cannot generate images'
-    });
-    return;
-  }
 });
 
 
@@ -334,7 +325,7 @@ async function generateImages() {
 
   await nextTick();
 
-  sliderRef.value?.slideTo(images.value.length);
+  sliderRef.value?.slideTo(images.value.length-1);
 
   await nextTick();
   

custom/Swiper.vue

@@ -15,11 +15,25 @@ const props = defineProps<{images: string[]}>()
 let swiperEl: any;
 
 function getActiveIndex() {
-  return swiperEl.swiper.activeIndex
+  if (swiperEl && swiperEl.swiper) {
+    return swiperEl.swiper.activeIndex;
+  }
+  return 0;
 }
 
 function slideTo(index) {
-  swiperEl.swiper.slideTo(index)
+  
+  if (!swiperEl || !swiperEl.swiper) {
+    setTimeout(() => slideTo(index), 50);
+    return;
+  }
+  
+  if (index >= 0 && index < props.images.length) {
+    swiperEl.swiper.update();
+    setTimeout(() => {
+      swiperEl.swiper.slideTo(index, 300);
+    }, 10);
+  }
 }
 
 defineExpose({
@@ -29,24 +43,19 @@ defineExpose({
 
 register()
 onMounted(() => {
-swiperEl = document.querySelector('swiper-container')
+  swiperEl = document.querySelector('swiper-container')
 
   const swiperParams: SwiperOptions = {
     slidesPerView: 1,
     navigation: true,
     pagination: {
         type: 'fraction',
     },
-    on: {
-      init() {
-        console.log('swiper initialized')
-      },
-    },
+    allowTouchMove: true,
   }
 
   Object.assign(swiperEl, swiperParams)
   swiperEl.initialize()
-  swiperEl.swiper;
 })
 </script>
 

custom/VisionTable.vue

@@ -91,7 +91,7 @@
 
         <div v-if="isAiResponseReceivedImage[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])]">
           <div v-if="isInColumnImage(n)">
-            <div class="mt-2 flex items-center justify-center gap-2">
+            <div class="mt-2 flex items-center justify-start gap-2">
               <img v-if="isValidUrl(selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n])"
                 :src="selected[tableColumnsIndexes.findIndex(el => el[primaryKey] === item[primaryKey])][n]"
                 class="w-20 h-20 object-cover rounded cursor-pointer border hover:border-blue-500 transition"