🎨 Designer Interface
Nav: Designer → Blank canvas or template.
Canvas Controls
– Zoom/Pan: Mouse wheel / Space+drag
– Grid Snap: Toggle for precision
– Minimap: Overview
🧩 Adding Components
1. Left Panel: Search/Filter components
2. Drag Chat Input to canvas
3. Right Panel: Configure:
Chat Input Config:
- Placeholder: \"Ask anything...\"
- Max Length: 2000
- Auto-complete: On🔗 Connecting Nodes
1. Drag from Output handle (right) to Input (left)
2. Auto-suggest connections
3. Validation: Red edges = errors
⚙️ Advanced Node Config (AI Focus)
LLM Nodes
Intent Detection:
- Model: gpt-4o-mini (cost-effective)
- Threshold: 0.8 (confidence)
- Extract Entities: JSON mode
Response Generation:
- Style: professional|casual
- Max Tokens: 500
- Temperature: 0.3 (consistent)RAG/Knowledge Base
Retrieval:
- Top K: 5 docs
- Score Threshold: 0.75
- Chunk Size: 512🧪 Testing & Debug
1. ▶ Run → Real-time step logs
2. Mock Data toggle
3. Breakpoint on nodes
🚀 Deploy
– Save → Project auto-sync
– Schedule → Cron or triggers
Pro: Build 10x faster than code, iterate visually.
—