Skip to content

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.


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) │ │
│ │ │
└──────────────┴──────────────────────────────────────┘

The left panel contains two collapsible sections.

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
  1. Expand a connected data source to see its tables or topics.
  2. Click a table name to preview its schema.
  3. Drag a table or topic onto the dashboard to create a default visualisation.
  4. Right-click for additional options (query, subscribe, etc.).

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.

  1. Type a question in the chat input at the bottom of the panel.
  2. Kai analyses your question and selects the right tools.
  3. Results appear in the chat — including data tables, charts, and explanations.
  4. 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.


The main area of the IDE where your visualisations live.

  • 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.


The header bar provides quick access to:

ElementDescription
Connection statusShows WebSocket connection state (connected, reconnecting, disconnected)
Chat buttonSwitch to full-screen chat mode
Dashboard buttonSwitch back to the split-panel IDE mode
Search (⌘K)Open the command palette

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.


The main sidebar on the far left provides access to all other views in Konnect:

PageDescription
Manufacturing IDEThis page — the main workspace
MQTT IntegrationDedicated MQTT broker management and topic monitoring
OPC-UA IntegrationOPC-UA server browser and tag discovery
Data SourcesFull data source management — add, edit, and test connections
SQL QueryDirect SQL query editor for advanced users
System LogsApplication logs for troubleshooting