feat(v2): add agent pane with SDK message adapter and dispatcher

Implement full agent session frontend: SDK message adapter parsing
stream-json into 9 typed message types, agent bridge for Tauri IPC,
dispatcher routing sidecar events to store, agent session store with
cost tracking, and AgentPane component with prompt input, message
rendering (text, thinking, tool calls, results, cost), and stop
button. Add Ctrl+Shift+N shortcut and sidebar agent button.
This commit is contained in:
Hibryda 2026-03-06 01:01:56 +01:00
parent f928501075
commit 314c6d77aa
8 changed files with 914 additions and 41 deletions

View file

@ -1,8 +1,9 @@
<script lang="ts">
import { onMount } from 'svelte';
import { onMount, onDestroy } from 'svelte';
import SessionList from './lib/components/Sidebar/SessionList.svelte';
import TilingGrid from './lib/components/Layout/TilingGrid.svelte';
import { addPane, focusPaneByIndex, getPanes } from './lib/stores/layout';
import { startAgentDispatcher, stopAgentDispatcher } from './lib/agent-dispatcher';
function newTerminal() {
const id = crypto.randomUUID();
@ -14,7 +15,19 @@
});
}
function newAgent() {
const id = crypto.randomUUID();
const num = getPanes().filter(p => p.type === 'agent').length + 1;
addPane({
id,
type: 'agent',
title: `Agent ${num}`,
});
}
onMount(() => {
startAgentDispatcher();
function handleKeydown(e: KeyboardEvent) {
// Ctrl+N — new terminal
if (e.ctrlKey && !e.shiftKey && e.key === 'n') {
@ -23,6 +36,13 @@
return;
}
// Ctrl+Shift+N — new agent
if (e.ctrlKey && e.shiftKey && e.key === 'N') {
e.preventDefault();
newAgent();
return;
}
// Ctrl+1-4 — focus pane by index
if (e.ctrlKey && !e.shiftKey && e.key >= '1' && e.key <= '4') {
e.preventDefault();
@ -32,7 +52,10 @@
}
window.addEventListener('keydown', handleKeydown);
return () => window.removeEventListener('keydown', handleKeydown);
return () => {
window.removeEventListener('keydown', handleKeydown);
stopAgentDispatcher();
};
});
</script>