From 9bcf6bfbd906d3abe36a4f0cf73dcdcf1ac94d0f Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Fri, 23 Jan 2026 14:14:39 +1300
Subject: [PATCH 1/3] fix: handle indexed handles and cursor jumping in prompt
 nodes

- Update getHandleType() to recognize indexed handles (text-0, image-0)
  used by external providers like Replicate and fal.ai
- Fix validateWorkflow() to accept indexed text handles for nanoBanana nodes
- Add validation for generateVideo nodes requiring text input
- Use local state pattern in PromptNode to prevent cursor jumping during typing

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/WorkflowCanvas.tsx   |  6 +++---
 src/components/nodes/PromptNode.tsx | 32 +++++++++++++++++++++++++----
 src/store/workflowStore.ts          | 17 ++++++++++++++-
 3 files changed, 47 insertions(+), 8 deletions(-)

diff --git a/src/components/WorkflowCanvas.tsx b/src/components/WorkflowCanvas.tsx
index 85ec1458..35b6f223 100644
--- a/src/components/WorkflowCanvas.tsx
+++ b/src/components/WorkflowCanvas.tsx
@@ -65,10 +65,10 @@ const getHandleType = (handleId: string | null | undefined): "image" | "text" |
   // Standard handles
   if (handleId === "video") return "video";
   if (handleId === "image" || handleId === "text") return handleId;
-  // Dynamic handles - check naming patterns
+  // Dynamic handles - check naming patterns (including indexed: text-0, image-0)
   if (handleId.includes("video")) return "video";
-  if (handleId.includes("image") || handleId.includes("frame")) return "image";
-  if (handleId === "prompt" || handleId === "negative_prompt" || handleId.includes("prompt")) return "text";
+  if (handleId.startsWith("image-") || handleId.includes("image") || handleId.includes("frame")) return "image";
+  if (handleId.startsWith("text-") || handleId === "prompt" || handleId === "negative_prompt" || handleId.includes("prompt")) return "text";
   return null;
 };
 
diff --git a/src/components/nodes/PromptNode.tsx b/src/components/nodes/PromptNode.tsx
index c4f8a1b3..18dd25e8 100644
--- a/src/components/nodes/PromptNode.tsx
+++ b/src/components/nodes/PromptNode.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback, useState } from "react";
+import { useCallback, useState, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { Handle, Position, NodeProps, Node } from "@xyflow/react";
 import { BaseNode } from "./BaseNode";
@@ -19,13 +19,35 @@ export function PromptNode({ id, data, selected }: NodeProps<PromptNodeType>) {
   const decrementModalCount = useWorkflowStore((state) => state.decrementModalCount);
   const [isModalOpenLocal, setIsModalOpenLocal] = useState(false);
 
+  // Local state for prompt to prevent cursor jumping during typing
+  const [localPrompt, setLocalPrompt] = useState(nodeData.prompt);
+  const [isEditing, setIsEditing] = useState(false);
+
+  // Sync from props when not actively editing
+  useEffect(() => {
+    if (!isEditing) {
+      setLocalPrompt(nodeData.prompt);
+    }
+  }, [nodeData.prompt, isEditing]);
+
   const handleChange = useCallback(
     (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-      updateNodeData(id, { prompt: e.target.value });
+      setLocalPrompt(e.target.value);
     },
-    [id, updateNodeData]
+    []
   );
 
+  const handleFocus = useCallback(() => {
+    setIsEditing(true);
+  }, []);
+
+  const handleBlur = useCallback(() => {
+    setIsEditing(false);
+    if (localPrompt !== nodeData.prompt) {
+      updateNodeData(id, { prompt: localPrompt });
+    }
+  }, [id, localPrompt, nodeData.prompt, updateNodeData]);
+
   const handleOpenModal = useCallback(() => {
     setIsModalOpenLocal(true);
     incrementModalCount();
@@ -57,8 +79,10 @@ export function PromptNode({ id, data, selected }: NodeProps<PromptNodeType>) {
         commentNavigation={commentNavigation ?? undefined}
       >
         <textarea
-          value={nodeData.prompt}
+          value={localPrompt}
           onChange={handleChange}
+          onFocus={handleFocus}
+          onBlur={handleBlur}
           placeholder="Describe what to generate..."
           className="nodrag nopan nowheel w-full flex-1 min-h-[70px] p-2 text-xs leading-relaxed text-neutral-100 border border-neutral-700 rounded bg-neutral-900/50 resize-none focus:outline-none focus:ring-1 focus:ring-neutral-600 focus:border-neutral-600 placeholder:text-neutral-500"
         />
diff --git a/src/store/workflowStore.ts b/src/store/workflowStore.ts
index ac30d3cb..8ea6a2d1 100644
--- a/src/store/workflowStore.ts
+++ b/src/store/workflowStore.ts
@@ -819,7 +819,8 @@ export const useWorkflowStore = create<WorkflowStore>((set, get) => ({
       .filter((n) => n.type === "nanoBanana")
       .forEach((node) => {
         const textConnected = edges.some(
-          (e) => e.target === node.id && e.targetHandle === "text"
+          (e) => e.target === node.id &&
+                 (e.targetHandle === "text" || e.targetHandle?.startsWith("text-"))
         );
 
         if (!textConnected) {
@@ -827,6 +828,20 @@ export const useWorkflowStore = create<WorkflowStore>((set, get) => ({
         }
       });
 
+    // Check generateVideo nodes have required text input
+    nodes
+      .filter((n) => n.type === "generateVideo")
+      .forEach((node) => {
+        const textConnected = edges.some(
+          (e) => e.target === node.id &&
+                 (e.targetHandle === "text" || e.targetHandle?.startsWith("text-"))
+        );
+
+        if (!textConnected) {
+          errors.push(`Video node "${node.id}" missing text input`);
+        }
+      });
+
     // Check annotation nodes have image input (either connected or manually loaded)
     nodes
       .filter((n) => n.type === "annotation")

From 5ff159a4fb7fe290d7743a9fd87dcfcd28b614e8 Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Fri, 23 Jan 2026 14:19:22 +1300
Subject: [PATCH 2/3] fix: hardcode community workflows API URL

Remove configurable COMMUNITY_WORKFLOWS_API_URL env var that caused
errors when users copied the placeholder from .env.example.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .env.example                                  | 3 ---
 src/app/api/community-workflows/[id]/route.ts | 2 --
 src/app/api/community-workflows/route.ts      | 2 --
 3 files changed, 7 deletions(-)

diff --git a/.env.example b/.env.example
index 8ceace67..4c0f8a3b 100644
--- a/.env.example
+++ b/.env.example
@@ -14,6 +14,3 @@ REPLICATE_API_KEY=your_replicate_api_key_here
 # Get your API key from: https://fal.ai/dashboard/keys
 FAL_API_KEY=your_fal_api_key_here
 
-# Community Workflows API URL (Optional - defaults to node-banana-pro hosted service)
-# Set this if you're self-hosting the community workflows
-COMMUNITY_WORKFLOWS_API_URL=https://your-node-banana-pro-instance.com/api/public/community-workflows
diff --git a/src/app/api/community-workflows/[id]/route.ts b/src/app/api/community-workflows/[id]/route.ts
index 91f2901b..dce25974 100644
--- a/src/app/api/community-workflows/[id]/route.ts
+++ b/src/app/api/community-workflows/[id]/route.ts
@@ -1,8 +1,6 @@
 import { NextResponse } from "next/server";
 
-// Default to node-banana-pro hosted service
 const COMMUNITY_WORKFLOWS_API_URL =
-  process.env.COMMUNITY_WORKFLOWS_API_URL ||
   "https://nodebananapro.com/api/public/community-workflows";
 
 // Allowed hostnames for presigned URL fetches (SSRF protection)
diff --git a/src/app/api/community-workflows/route.ts b/src/app/api/community-workflows/route.ts
index 2a62fc18..ee954f48 100644
--- a/src/app/api/community-workflows/route.ts
+++ b/src/app/api/community-workflows/route.ts
@@ -1,8 +1,6 @@
 import { NextResponse } from "next/server";
 
-// Default to node-banana-pro hosted service
 const COMMUNITY_WORKFLOWS_API_URL =
-  process.env.COMMUNITY_WORKFLOWS_API_URL ||
   "https://nodebananapro.com/api/public/community-workflows";
 
 /**

From 042745c52a225bc3fd4ff5873419e1367fc0926a Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Fri, 23 Jan 2026 14:24:44 +1300
Subject: [PATCH 3/3] test: fix PromptNode test for blur-based update

The PromptNode now uses local state and only updates on blur to prevent
cursor jumping. Update test to trigger blur after change.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/__tests__/PromptNode.test.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/__tests__/PromptNode.test.tsx b/src/components/__tests__/PromptNode.test.tsx
index cf180c12..a3b3702d 100644
--- a/src/components/__tests__/PromptNode.test.tsx
+++ b/src/components/__tests__/PromptNode.test.tsx
@@ -80,7 +80,7 @@ describe("PromptNode", () => {
     expect(textarea).toBeInTheDocument();
   });
 
-  it("should call updateNodeData when typing in textarea", () => {
+  it("should call updateNodeData when typing in textarea and blurring", () => {
     render(
       <TestWrapper>
         <PromptNode {...defaultProps} />
@@ -88,7 +88,9 @@ describe("PromptNode", () => {
     );
 
     const textarea = screen.getByPlaceholderText("Describe what to generate...");
+    fireEvent.focus(textarea);
     fireEvent.change(textarea, { target: { value: "New prompt text" } });
+    fireEvent.blur(textarea);
 
     expect(mockUpdateNodeData).toHaveBeenCalledWith("test-prompt-1", {
       prompt: "New prompt text",