From ec31222a2543bebf65d7fdc15825dd821afa7da2 Mon Sep 17 00:00:00 2001
From: johndoe6345789 <john.doe6345789@gmail.com>
Date: Fri, 16 Jan 2026 15:56:54 +0000
Subject: [PATCH] Generated by Spark: Idea cloud dialog should probably be
 double click

---
 src/components/FeatureIdeaCloud.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/FeatureIdeaCloud.tsx b/src/components/FeatureIdeaCloud.tsx
index 35cfa9a..6af1897 100644
--- a/src/components/FeatureIdeaCloud.tsx
+++ b/src/components/FeatureIdeaCloud.tsx
@@ -229,8 +229,11 @@ export function FeatureIdeaCloud() {
       }
       return
     }
-    
-    if (tool === 'select' && !draggedIdea) {
+  }
+
+  const handleIdeaDoubleClick = (idea: FeatureIdea, e: React.MouseEvent) => {
+    if (tool === 'select') {
+      e.stopPropagation()
       setSelectedIdea(idea)
       setViewDialogOpen(true)
     }
@@ -528,7 +531,7 @@ export function FeatureIdeaCloud() {
       </div>
 
       <div className="absolute bottom-4 right-4 z-10 bg-card border border-border rounded-lg shadow-lg p-2 text-xs text-muted-foreground">
-        <p>💡 <strong>Tip:</strong> Drag ideas to move, scroll to zoom</p>
+        <p>💡 <strong>Tip:</strong> Double-click to view, drag to move, scroll to zoom</p>
       </div>
 
       <div
@@ -570,6 +573,7 @@ export function FeatureIdeaCloud() {
               transition={{ type: 'spring', stiffness: 260, damping: 20 }}
               onMouseDown={(e) => handleIdeaMouseDown(idea, e)}
               onClick={(e) => handleIdeaClick(idea, e)}
+              onDoubleClick={(e) => handleIdeaDoubleClick(idea, e)}
             >
               <Card className={`p-4 shadow-xl hover:shadow-2xl transition-all border-2 ${PRIORITY_COLORS[idea.priority]} w-[240px] ${connectingFrom === idea.id ? 'ring-4 ring-primary' : ''}`}>
                 <div className="space-y-2">