무한 캔버스에 HN:Chatvas:ChatGPT 분기 표시

Infinite canvas for AI chatbot conversation branching Chat Nodes Canvas is a free, open-source desktop app that lets you branch, explore, and visualize your ChatGPT conversations on an infinite canvas. When ChatGPT opens a new chat branch, it automatically appears as a connected node — so you can see your entire thought process at a glance. - Infinite Canvas — Pan, zoom, and navigate freely. No boundaries. - Auto Branching — ChatGPT's "branch in new chat" creates a new node automatically, connected to its parent. - Real ChatGPT Inside — Each node embeds a full ChatGPT session with your own account. - Visual Connections — Animated edges show relationships between parent and branched conversations. - 5 Themes — Midnight, Nord, Rosé Pine, Solarized Dark, and Light. - Cross Platform — Runs natively on Windows, macOS, and Linux. | Platform | Format | Link | |---|---|---| | Windows | .exe installer | Latest Release | | macOS | .dmg (Intel + Apple Silicon) | Latest Release | | Linux | .AppImage / .deb | Latest Release | Or visit the Releases page for all versions. - Node.js 20+ - npm # Clone the repo git clone https://github.com/kaleab-ayenew/chatvas.git cd chat-nodes-canvas # Install dependencies npm install # Start in development mode npm run dev # Build for production npm run build # Package for your platform npm run dist # Package for a specific platform npm run dist:win npm run dist:mac npm run dist:linux - Electron — Desktop app framework - React — UI library - React Flow — Node-based canvas - electron-vite — Build tool - electron-builder — Packaging & distribution - The app creates a main Electron window with a React + React Flow canvas. - Each node contains a tag pointing tochatgpt.com . - When a webview tries to open a new window (e.g., "Branch in new chat"), the app intercepts it and creates a new node on the canvas instead, connected to the source node with an animated edge. - Webview-to-node mapping is maintained so branches always connect to the correct parent. Releases are automated via GitHub Actions. To create a new release: # Tag the version git tag v1.0.0 # Push the tag git push origin v1.0.0 This triggers the CI pipeline which builds for Windows, macOS, and Linux, then creates a GitHub Release with all the artifacts.