Implement comprehensive tool call rendering with state persistence

- Implement tool-specific rendering for all 14 tool types (read, edit, write, bash, webfetch, todowrite, task, etc.)
- Each tool shows contextually relevant information (file previews, diffs, command output, todo lists)
- Add metadata-driven content display using preview, diff, output, and todos from tool state
- Implement status-based rendering (pending, running, completed, error) with animations
- Create global state store for expandable items (tool calls and reasoning sections)
- Fix state persistence: expanded tool calls and reasoning sections remain expanded when new messages arrive
- Fix scroll position preservation during live message updates
- Fix reasoning toggle loop by replacing native details element with custom expandable
- Add comprehensive documentation in TOOL_CALL_IMPLEMENTATION.md
- Reduce font sizes for better readability in expanded tool content
- Add proper keying to For loops to prevent component recreation
- Match TUI patterns for tool names, actions, and content formatting

src/stores/instances.ts

@@ -1,6 +1,7 @@
 import { createSignal } from "solid-js"
 import type { Instance } from "../types/instance"
 import { sdkManager } from "../lib/sdk-manager"
+import { sseManager } from "../lib/sse-manager"
 import { fetchSessions, fetchAgents, fetchProviders } from "./sessions"
 import { showSessionPicker } from "./ui"
 
@@ -66,6 +67,8 @@ async function createInstance(folder: string): Promise<string> {
 
     setActiveInstanceId(tempId)
 
+    sseManager.connect(tempId, port)
+
     try {
       await fetchSessions(tempId)
       await fetchAgents(tempId)
@@ -90,6 +93,8 @@ async function stopInstance(id: string) {
   const instance = instances().get(id)
   if (!instance) return
 
+  sseManager.disconnect(id)
+
   if (instance.port) {
     sdkManager.destroyClient(instance.port)
   }