Understanding the Dashboard
Now that you've built your first assistant, let's take a tour of the CiniterFlow dashboard so you know where everything is. Think of this as a map of your AI workshop.
The Left Sidebar
The left sidebar is your main navigation. Here's what each section does:
📊 Chatflows
This is where you build single-agent workflows using a visual drag-and-drop canvas. Chatflows are great for:
- Simple Q&A chatbots
- RAG (document-based) assistants
- Basic LLM pipelines
Think of Chatflows as a step up from Assistants — you get more control over how things work.
🤖 Agentflows
This is the most powerful builder in CiniterFlow. Agentflows let you create:
- Multi-agent systems (multiple AI agents working together)
- Complex workflows with branching logic
- Human-in-the-loop processes
- Loops and self-correcting systems
We'll dive deep into Agentflows in the Mastering Agentflow chapter.
👤 Assistants
You already know this one! It's the simplest way to create an AI agent — just fill in the details and go.
🛠️ Tools
This is your toolbox. Tools are actions that your AI agents can perform, like:
- Searching the web
- Making API calls
- Running calculations
- Sending emails
You can use built-in tools or create your own custom tools here.
📚 Document Stores
This is your knowledge library. Document Stores let you:
- Upload documents (PDFs, Word files, text files, web pages)
- Split them into searchable chunks
- Store them in a vector database
- Use them as knowledge sources for your agents
🔑 Credentials
This is your key ring. It stores all the API keys and login details for external services:
- AI model providers (OpenAI, Google, Anthropic)
- Vector databases (Pinecone, Qdrant)
- Tools (Google Search, Gmail)
- And many more
📈 Executions
Every time someone uses your agent, it creates an execution trace. This section lets you:
- See what happened during each conversation
- Debug issues
- Share execution traces with others for review
📊 Evaluations
This is your testing lab. Evaluations help you measure how well your agents perform by:
- Running test datasets against your flows
- Scoring responses for accuracy
- Comparing different versions of your flows
⚙️ Variables
Variables are reusable values you can use across your flows. For example:
- Store an API endpoint URL once and use it everywhere
- Keep sensitive values separate from your flow logic
- Change behavior without editing your flows
The Canvas (Where the Magic Happens)
When you open a Chatflow or Agentflow, you'll see a large blank canvas. This is where you build your workflows by:
- Dragging nodes from the left panel onto the canvas
- Connecting nodes by drawing lines between them
- Configuring nodes by clicking on them and filling in settings
Canvas Controls
- Zoom in/out: Use your mouse scroll wheel or the +/- buttons
- Pan around: Click and drag on empty space
- Select a node: Click on it
- Delete a node: Select it and press Delete/Backspace
- Connect nodes: Drag from an output dot on one node to an input dot on another
The Chat Testing Panel
In the bottom-right corner of any flow, you'll see a chat bubble icon. Click it to open the testing chat panel where you can:
- Send messages to test your flow
- See the AI's responses in real-time
- Upload files and images
- View execution details
The Top Bar
At the top of each flow, you'll find:
- Flow name: Click to rename your flow
- Save button: Saves your current work
- Settings button (gear icon): Configure flow-level settings like:
- API access and security
- Rate limiting
- Allowed domains
- Starter prompts for the chatbot
Quick Reference: Where to Find Things
| I want to... | Go to... |
|---|---|
| Build a simple chatbot | Assistants |
| Build a custom AI workflow | Chatflows |
| Build a multi-agent system | Agentflows |
| Upload documents for my AI to read | Document Stores |
| Add API keys for services | Credentials |
| Create reusable tools | Tools |
| See conversation logs | Executions |
| Test my agent's accuracy | Evaluations |
| Store reusable values | Variables |
What's Next?
Now that you know your way around, let's build something more powerful using the Chatflow builder!