Manufacturing IDE
The Manufacturing IDE is Konnect’s main workspace — a unified environment for exploring data, chatting with the AI assistant, and building dashboards. This is the default view when you open the app.
Layout overview
Section titled “Layout overview”The IDE uses a resizable panel layout with three main areas:
┌──────────────┬──────────────────────────────────────┐│ Header Bar: Connection Status │ Chat │ Layout │├──────────────┬──────────────────────────────────────┤│ │ ││ Data │ ││ Sources │ Dashboard Workspace ││ Explorer │ (Charts & Visualisations) ││ │ ││──────────────│ ││ │ ││ Kai (AI │ ││ Assistant) │ ││ │ │└──────────────┴──────────────────────────────────────┘Left panel
Section titled “Left panel”The left panel contains two collapsible sections.
Data Sources explorer
Section titled “Data Sources explorer”Shows all your connected data sources with live status indicators. Each connection displays:
- Connection name and type — SQL, MQTT, or OPC-UA
- Status indicator — Green (online) or red (offline)
- Browsable items — Tables, MQTT topics, or OPC-UA tags
- Drag-to-dashboard — Drag any item onto the dashboard workspace to create a chart
How to use
Section titled “How to use”- Expand a connected data source to see its tables or topics.
- Click a table name to preview its schema.
- Drag a table or topic onto the dashboard to create a default visualisation.
- Right-click for additional options (query, subscribe, etc.).
Kai — AI assistant
Section titled “Kai — AI assistant”A chat interface in the left panel where you can ask questions about your data. Kai is context-aware — it knows which data sources are connected and can query them directly.
How to use
Section titled “How to use”- Type a question in the chat input at the bottom of the panel.
- Kai analyses your question and selects the right tools.
- Results appear in the chat — including data tables, charts, and explanations.
- Charts generated by Kai are automatically placed on the active dashboard tab.
Tip: Both sections in the left panel are collapsible. Click the section header to expand or collapse. You can also collapse the entire left panel using the arrow button in the header bar.
See the Chat & AI Assistant guide for full details on what you can ask Kai.
Dashboard workspace
Section titled “Dashboard workspace”The main area of the IDE where your visualisations live.
Key features
Section titled “Key features”- Tabbed interface — Create multiple dashboard tabs for different views (e.g., “Production Overview”, “Quality Metrics”).
- Drag & drop — Drag data sources from the left panel to create charts.
- Auto-generated charts — When you ask Kai a question that produces data, charts are automatically placed on the dashboard.
- Resizable panels — Drag the divider between the left panel and dashboard to adjust sizes.
See the Dashboards & Charts guide for full details.
Header bar
Section titled “Header bar”The header bar provides quick access to:
| Element | Description |
|---|---|
| Connection status | Shows WebSocket connection state (connected, reconnecting, disconnected) |
| Chat button | Switch to full-screen chat mode |
| Dashboard button | Switch back to the split-panel IDE mode |
| Search (⌘K) | Open the command palette |
Chat mode
Section titled “Chat mode”Click the Chat button in the header bar to switch to a full-screen chat experience:
- Kai takes centre stage with a wide chat window.
- Charts and visualisations appear inline in the conversation.
- Data sources remain accessible in the left panel.
- Click Dashboard to switch back to the split view.
This mode is ideal for extended conversations, data exploration, and building reports.
Sidebar navigation
Section titled “Sidebar navigation”The main sidebar on the far left provides access to all other views in Konnect:
| Page | Description |
|---|---|
| Manufacturing IDE | This page — the main workspace |
| MQTT Integration | Dedicated MQTT broker management and topic monitoring |
| OPC-UA Integration | OPC-UA server browser and tag discovery |
| Data Sources | Full data source management — add, edit, and test connections |
| SQL Query | Direct SQL query editor for advanced users |
| System Logs | Application logs for troubleshooting |
Next steps
Section titled “Next steps”- Chat & AI Assistant → — Learn everything Kai can do.
- Dashboards & Charts → — Build and manage custom dashboards.