ui: Agentic Content UX improvements (#25450)

* feat: Add shimmer text animation for processing state indicators * feat: Redesign CollapsibleContentBlock component with improved UX * feat: Add conditional setting display support with dependsOn field * feat: Add showAgenticTurnStats setting for per-turn statistics * feat: Update ChatMessageAgenticContent with improved UI and new features * feat: Enhance file read tool UI/UX * feat: Refine styling of collapsible content and code preview blocks * feat: add terminal variant to CollapsibleContentBlock * feat: add built-in tools UI registry * feat: extract ChatMessageReasoningBlock and ChatMessageToolCallBlock * refactor: simplify ChatMessageAgenticContent to use extracted blocks * fix: correct markdown content block margin spacing * fix: reorganize SettingsChatFields layout and reset button positioning * fix: use direct map access in agentic store session methods * refactor: remove reasoning preview/throttle system from CollapsibleContentBlock * feat: add auto-scroll to reasoning block and remove showThoughtInProgress * feat: add ChatMessageToolCallDateTime component and support for new tool types * feat: improve auto-scroll reliability in reasoning block with RAF coalescing and MutationObserver * feat: show MCP server favicon for tools without a built-in icon * feat: add search-results parsing utilities and tests * feat: add ChatMessageToolCallSearchResults component * feat: integrate search results rendering into ChatMessageAgenticContent * feat: display tool call input alongside output in ChatMessageToolCallBlock * style: use muted foreground color in reasoning block content * chore: Format * feat: Refine reasoning block layout and make pending thoughts display configurable * feat: Stream tool call code blocks with auto-scroll and handle partial JSON * feat: add streaming permission gate infrastructure * feat: wire permission gate into the agentic loop * fix: bail out on abort and skip already-approved tool calls * fix: clear partial tool calls on abort and savePartialResponse * test: cover partial tool call cleanup end-to-end * refactor: Remove streaming permission gate logic * fix: Correct autoscroll and streaming gates for tool calls and reasoning blocks * refactor: Chat Message Assistant componentization * fix: Show health metadata for disabled MCP servers and promote connections on enable * fix: Inherit global enabled state for missing MCP per-chat overrides * refactor: Cleanup * refactor: Split ChatMessageToolCallBlock into dedicated components * feat: Add live streaming and auto-scroll for tool execution output * feat: Add line numbers and change markers to file edit diffs * chore: Formatting * feat: Add type definitions and utilities for recommended MCP servers * feat: Add recommended MCP servers configuration and storage key * feat: Add McpServerCardCompact component for recommended servers * feat: Add recommended servers section to Add New Server dialog * feat: Update McpServerForm to support authorization requirements * feat: Add select-none classes for text selection prevention * feat: Add recommended MCP server icon assets * refactor: Store dismissed MCP recommendations as a boolean flag * feat: Render tool results as JSON or Markdown based on detected content type * feat: UI improvement * feat: Render search block early and update heading to show execution state * fix: Prevent non-web-search tools from triggering the search UI block * refactor: Cleanup * refactor: Extract hardcoded icon size classes into shared constants * refactor: Extract hardcoded tool result separator into a shared constant * refactor: Tool Calls UI/logic * refactor: Cleanup * refactor: Cleanup * refactor: Cleanup
2026-07-15 20:31:45 +02:00
parent 3b53219361
commit 32beb244f5
146 changed files with 5960 additions and 1053 deletions
@@ -0,0 +1,71 @@
+import {
+	SSE_DATA_PREFIX,
+	SSE_DONE_MARKER,
+	SSE_LINE_SEPARATOR,
+	SSE_RECORD_SEPARATOR
+} from '$lib/constants';
+
+/**
+ * Minimal SSE-with-JSON stream iterator.
+ *
+ * Yields one event per `\n\n`-separated record. Each event payload is the
+ * decoded `data:` field after JSON-parsing. A `[DONE]` sentinel terminates
+ * the stream early. Malformed records - any record whose `data:` payload
+ * fails `JSON.parse` - are skipped silently: usually a transient mid-stream
+ * fault that the caller should not have to special-case, and the noise of
+ * logging every occurrence on long-running streams outweighs the diagnostic
+ * value.
+ *
+ * Less ambitious than ChatService.handleStreamResponse (no resume, no byte
+ * offset tracking) - suitable for one-shot streams like `/tools?stream=true`
+ * where the consumer just reads chunks until done.
+ */
+
+export interface SseJsonEvent<T = unknown> {
+	data: T;
+}
+
+export async function* parseSseJsonStream<T = unknown>(
+	response: Response,
+	signal?: AbortSignal
+): AsyncGenerator<SseJsonEvent<T>> {
+	const reader = response.body?.getReader();
+	if (!reader) return;
+
+	const decoder = new TextDecoder();
+	let buffer = '';
+
+	try {
+		while (true) {
+			if (signal?.aborted) return;
+
+			const { done, value } = await reader.read();
+			if (done) break;
+
+			buffer += decoder.decode(value, { stream: true });
+			const records = buffer.split(SSE_RECORD_SEPARATOR);
+			buffer = records.pop() ?? '';
+
+			for (const record of records) {
+				if (!record) continue;
+				for (const line of record.split(SSE_LINE_SEPARATOR)) {
+					if (!line.startsWith(SSE_DATA_PREFIX)) continue;
+					const payload = line.slice(SSE_DATA_PREFIX.length).trim();
+					if (payload === SSE_DONE_MARKER) return;
+					if (!payload) continue;
+					try {
+						yield { data: JSON.parse(payload) as T };
+					} catch {
+						// Skip silently per the function contract above.
+					}
+				}
+			}
+		}
+	} finally {
+		try {
+			reader.releaseLock();
+		} catch (error) {
+			console.error('[sse] failed to release reader lock:', error);
+		}
+	}
+}