Add click handler to DropZone

src/renderer/extensions/linearMode/DropZone.vue

@@ -6,7 +6,11 @@ import { cn } from '@/utils/tailwindUtil'
 defineProps<{
   onDragOver?: (e: DragEvent) => boolean
   onDragDrop?: (e: DragEvent) => Promise<boolean> | boolean
-  dropIndicator?: { label?: string; iconClass?: string }
+  dropIndicator?: {
+    label?: string
+    iconClass?: string
+    onClick?: (e: MouseEvent) => void
+  }
 }>()
 
 const canAcceptDrop = ref(false)
@@ -32,7 +36,13 @@ const canAcceptDrop = ref(false)
     <slot />
     <div
       v-if="dropIndicator"
-      class="flex flex-col items-center align-center border-dashed rounded-lg border grow-1 w-full border-border-subtle my-3 py-2"
+      :class="
+        cn(
+          'flex flex-col items-center align-center border-dashed rounded-lg border grow-1 w-full border-border-subtle my-3 py-2',
+          dropIndicator?.onClick && 'cursor-pointer'
+        )
+      "
+      @click.prevent="(e: MouseEvent) => dropIndicator!.onClick?.(e)"
     >
       <span v-if="dropIndicator.label" v-text="dropIndicator.label" />
       <i v-if="dropIndicator.iconClass" :class="dropIndicator.iconClass" />

src/views/LinearView.vue

@@ -86,7 +86,8 @@ const nodeDatas = computed(() => {
         ? undefined
         : {
             iconClass: 'icon-[lucide--image]',
-            label: t('Click to browse or drag an image')
+            label: t('Click to browse or drag an image'),
+            onClick: node.widgets?.[1]?.callback
           }
     //Only widgets is actually used
     return {