From 5cf57ff8e86f3371922dfd0f642b095d0a200345 Mon Sep 17 00:00:00 2001
From: Austin Mroz <austin@comfy.org>
Date: Mon, 5 Jan 2026 13:39:03 -0800
Subject: [PATCH] Add click handler to DropZone

---
 src/renderer/extensions/linearMode/DropZone.vue | 14 ++++++++++++--
 src/views/LinearView.vue                        |  3 ++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/renderer/extensions/linearMode/DropZone.vue b/src/renderer/extensions/linearMode/DropZone.vue
index 771481fa3..5fcda998e 100644
--- a/src/renderer/extensions/linearMode/DropZone.vue
+++ b/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" />
diff --git a/src/views/LinearView.vue b/src/views/LinearView.vue
index f7094027e..3c0d81187 100644
--- a/src/views/LinearView.vue
+++ b/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 {