A web interface for interacting with ComfyUI API endpoints. This application allows users to:

• Connect to any ComfyUI instance by IP address
• Upload and execute workflow JSON files
• Monitor job progress and view results
• Download generated images

├── backend/
│   ├── index.ts             # Main Hono server
│   └── README.md
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React application
│   │   ├── WorkflowUpload.tsx
│   │   ├── JobStatus.tsx
│   │   └── ImageGallery.tsx
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend entry point
│   └── style.css
├── shared/
│   ├── types.ts             # Shared TypeScript types
│   └── utils.ts             # Shared utility functions
└── README.md

• IP Configuration: Connect to any ComfyUI instance
• Workflow Upload: Upload and validate workflow JSON files
• Job Management: Queue workflows and monitor progress
• Image Gallery: View and download generated images
• Real-time Updates: WebSocket support for live progress updates

1. Configure Server: Enter your ComfyUI server IP address (e.g., localhost, 192.168.1.100)
2. Upload Workflow:
   • Drag & drop a workflow JSON file, or
   • Paste JSON content directly into the text area
   • Get workflow JSON from ComfyUI: Settings ⚙️ → "Save (API Format)"
3. Execute: Click "Execute Workflow" to start generation
4. Monitor: Switch to "Job Status" tab to see real-time progress
5. View Results: Generated images appear in the gallery with download options
6. History: Check the "History" tab to see previous executions

1. Open ComfyUI in your browser
2. Load or create your desired workflow
3. Click the gear icon (⚙️) in the menu
4. Select "Save (API Format)" to download the JSON file
5. Upload that file to this frontend or copy-paste its contents

• GET / - Serve the frontend application
• POST /api/execute - Execute a workflow
• GET /api/status/:jobId - Get job status
• GET /api/history - Get execution history
• GET /api/images/:filename - Serve generated images