diff --git a/src/components/WorkflowCanvas.tsx b/src/components/WorkflowCanvas.tsx index 929bf343..27db712c 100644 --- a/src/components/WorkflowCanvas.tsx +++ b/src/components/WorkflowCanvas.tsx @@ -38,6 +38,7 @@ import { NodeType, NanoBananaNodeData } from "@/types"; import { detectAndSplitGrid } from "@/utils/gridSplitter"; import { logger } from "@/utils/logger"; import { WelcomeModal } from "./quickstart"; +import { ChatPanel } from "./ChatPanel"; const nodeTypes: NodeTypes = { imageInput: ImageInputNode, @@ -184,6 +185,7 @@ export function WorkflowCanvas() { const [dropType, setDropType] = useState<"image" | "workflow" | "node" | null>(null); const [connectionDrop, setConnectionDrop] = useState(null); const [isSplitting, setIsSplitting] = useState(false); + const [isChatOpen, setIsChatOpen] = useState(false); const reactFlowWrapper = useRef(null); // Detect if canvas is empty for showing quickstart @@ -1326,6 +1328,29 @@ export function WorkflowCanvas() { {/* Global image history */} + + {/* Chat toggle button - positioned above minimap */} + + + {/* Chat panel */} + setIsChatOpen(false)} /> ); }