Weaver Interface

Weaver’s chat-first UI is a full-blown AI workflow builder that thinks, plans, and asks questions before it creates anything.

How Weaver Thinks

Weaver pauses between prompts to "think aloud," sharing why it's asking a particular question. This gives you more transparency and control during the build process.

Panel	What lives here
Chat Panel	This is where you describe your goal, chat with Weaver, view its thinking process, and answer clarifying questions. Logs, prompts, and test runs also appear here.
Planned Workflows and Skill Suggestions	Weaver proposes what the agent should do (e.g. blog writing, research) and suggests components for each step. These are context-aware and based on your responses.
Component canvas (auto-generated)	A live visual preview of the wired agent: includes skills, ports, and connections.

Planned Workflows

Weaver begins by understanding your end goal. Based on that, it maps out a complete workflow. For example if you asked it to help you write a blog, you might see:

• Generate Blog Structure (outline with title, headings, and subheadings)
• Write Complete Blog Content
• Research Topics (gather relevant information)
• Blog Publishing *(optional step)

Before Weaver assembles the agent, it may ask clarifying questions like:

• What type of blogs do you want to write? (Technical, lifestyle, marketing, etc.)
• What’s the typical length of blogs you need? (Short-form, long-form, word count range)

This ensures the final agent reflects your exact needs.

Selecting Components

-Click once to open a component’s inspector.

• Ctrl/Cmd + click to multi-select (ideal for batch editing or re-running chains).
• Shift + click empty grid to clear your selection.

Attach Images & Diagrams

You can drag and drop PNG, JPG, or SVG files directly into the chat. Weaver will automatically:

• Read and extract text from diagrams (OCR).
• Interpret arrows as possible data flow.
• Suggest components that match what’s shown in the image.

Quick Sketches Welcome

Snap a photo of a whiteboard sketch or hand-drawn diagram. Weaver will interpret it and turn your ideas into useful suggestions in seconds.

Contextual Actions

Button	When it appears	What it does
Fix with AI	When a component shows red or orange	Opens a prompt box pre-filled with error context.
Explain Component	Any time	Summarizes what the block does, including inputs and outputs.
Trash	On hover	Deletes the component and automatically re-routes connections when possible.

Pro Tip

Status colours are your early-warning radar.

Keyboard Shortcuts (click to expand)

• ⌘ + Scroll Up – Zoom in
• ⌘ + Scroll Down – Zoom out
• ⌘ + Left Click + Drag – Select multiple components
• ⌘ + C, ⌘ + V – Duplicate selected components
• Delete – Delete selected components
• ⌘ + Shift + E – Export agent
• Drag & Drop .smyth file – Import agent
• ⌘ + Z – Undo
• ⌘ + Shift + Z – Redo