+
+
+
Provider Management
+
Configure external AI model providers and API keys.
+
+
+
+
+ {[
+ { name: 'OpenAI', type: 'API', status: 'Connected', model: 'gpt-4o' },
+ { name: 'Local vLLM', type: 'Local', status: 'Connected', model: 'llama-3-8b-instruct' },
+ { name: 'Anthropic', type: 'API', status: 'Not Configured', model: 'claude-3-5-sonnet' },
+ ].map((provider, i) => (
+
+
+
+
+
+
+
+
{provider.name}
+ {provider.type}
+
+
+
+ {provider.status === 'Connected' && }
+ {provider.status}
+
+
+
+
Default Model:
+
{provider.model}
+
+
+
+
+
+ ))}
+
+
+
+ {/* 1. Sidebar (Leftmost) - Plugins */}
+
+
setCurrentView('dashboard')}
+ >
+
+
+
+
+
+
+
+
+
+
+ {currentView === 'monitoring' ? (
+
+ ) : currentView === 'dashboard' ? (
+ <>
+ {/* 2. Left Panel - Cluster Status & Workflows/Chats */}
+
+
+ {/* Top: Cluster Status */}
+
+
+
+ Cluster Status
+
+
+
+
+
+ Active Nodes
+
+
3 / 4
+
+
+
+
+
+ Cluster CPU
+
+
45%
+
+
+
+
+
+
+ Cluster RAM
+
+
12.4 GB
+
+
+
+
+
+ {/* Bottom: Tabs for Workflows & Basic Chats */}
+
+
+
+
+
+
+
+ {activeTab === 'workflows' && (
+
+ {[1, 2, 3, 4].map((i) => (
+
+
+ Data Processing {i}
+
+
+
Processing raw user logs...
+
+ ))}
+
+ )}
+ {activeTab === 'chats' && (
+
+
+
System Architecture
+
Can you explain the MoE model...
+
+
+
Log Analysis Helper
+
Show me the errors from yesterday.
+
+
+ )}
+
+
+
+
+ {/* 3. Middle Panel - AI Chat */}
+
+
+
+
Pretor Assistant
+
+
+ {/* Chat History */}
+
+ {/* System Message */}
+
+ Today 10:42 AM
+
+
+ {/* User Message */}
+
+
+
Start the data processing workflow for yesterday's logs.
+
+
+
+ {/* AI Message */}
+
+
+
+
I've initiated the Data Processing 1 workflow. It is currently gathering logs.
+
+
+ Task ID: flow_x829j_log
+
+
+
+
+
+ {/* Chat Input */}
+
+
+
+
+
+
+ Run diagnostics
+ View recent errors
+
+
+
+
+ {/* 4. Right Panel - Workflow Execution Status */}
+
+
+
+
+ Execution Trace
+
+ Running
+
+
+
+
+
Data Processing 1
+
ID: flow_x829j_log
+
+
+
+ Started:
+ 2 mins ago
+
+
+ Agent:
+ Supervisor Node
+
+
+
+
+ {/* Vertical Timeline Container */}
+
+
+ {/* Step 1 */}
+
+ {/* Dot */}
+
+ {/* Card */}
+
+
1. Initialize Context
+
Loaded environment variables and db connection.
+
+
+
+ {/* Step 2 */}
+
+ {/* Dot (Active) */}
+
+
+
+ {/* Card */}
+
+
2. Consciousness Node
+
Planning data extraction steps...
+
+
+
+ {/* Step 3 */}
+
+ {/* Dot (Pending) */}
+
+ {/* Card */}
+
+
3. Control Node Exec
+
Waiting to execute tasks.
+
+
+
+
+
+
+
+ ) : (
+ /* Settings View */
+
+ {/* Settings Inner Sidebar */}
+
+
+
Settings
+
+
+
+
+
+
+
+
+ {/* Settings Main Content */}
+
+ {settingsTab === 'users' &&
}
+ {settingsTab === 'providers' &&
}
+ {settingsTab === 'system' &&
}
+
+
+ )}
+
+