feat: Dashboard Frontend – Echte API-Integration
- useDashboardData: Mock-Daten durch API-Calls ersetzt
- fetchStatus/Agents/Operations/ChatMessages/Queue via /api/dashboard/*
- sendChatMessage via POST /api/dashboard/chat/send
- Polling: Status 5s, Chat 3s, Agents/Queue 10s
- Agent Catalog mit static Fields + API-Daten
- ChatPanel direkt mit sendChatMessage verdrahtet
- Build: 0 errors, vue-tsc + vite ✅
This commit is contained in:
@@ -13,7 +13,7 @@ const {
|
||||
agents, openTasks, feedEntries, chatMessages,
|
||||
irisBusy, irisFocus, queue,
|
||||
getAgentRuntime, startRuntime, stopRuntime,
|
||||
sendChat, removeQueueItem, moveQueueItem, changeQueuePriority,
|
||||
sendChatMessage, removeQueueItem, moveQueueItem, changeQueuePriority,
|
||||
} = useDashboardData()
|
||||
|
||||
const selectedAgent = ref<AgentNodeData | null>(null)
|
||||
@@ -26,8 +26,6 @@ function onAgentSelect(id: string) {
|
||||
onMounted(startRuntime)
|
||||
onUnmounted(stopRuntime)
|
||||
|
||||
function onChatSend(text: string): void { sendChat(text) }
|
||||
|
||||
function onQueueMoveUp(id: string): void {
|
||||
const idx = queue.value.findIndex(q => q.id === id)
|
||||
if (idx > 0) moveQueueItem(idx, idx - 1)
|
||||
@@ -88,7 +86,7 @@ function onQueueExecuteNow(id: string): void {
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-right">
|
||||
<ChatPanel :messages="chatMessages" :iris-busy="irisBusy" :iris-focus="irisFocus" @send="onChatSend" />
|
||||
<ChatPanel :messages="chatMessages" :iris-busy="irisBusy" :iris-focus="irisFocus" />
|
||||
<QueuePanel :items="queue" @remove="removeQueueItem" @move-up="onQueueMoveUp" @move-down="onQueueMoveDown" @change-priority="changeQueuePriority" @execute-now="onQueueExecuteNow" />
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user