@mcp-b/embedded-agent 0.0.1

package/dist/web-component.js

@@ -0,0 +1,4741 @@
+import { c } from "react/compiler-runtime";
+import { ActionBarPrimitive, AssistantModalPrimitive, AssistantRuntimeProvider, AttachmentPrimitive, BranchPickerPrimitive, ComposerPrimitive, ErrorPrimitive, MessagePrimitive, ThreadPrimitive, useAssistantApi, useAssistantState, useAssistantTool } from "@assistant-ui/react";
+import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
+import r2wc from "@r2wc/react-to-web-component";
+import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
+import { ArrowDownIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CopyIcon, FileText, Loader2, Mic, MicOff, PencilIcon, Phone, PhoneOff, Plug, Plus, PlusIcon, RefreshCwIcon, Square, Volume2, X, XIcon } from "lucide-react";
+import { createContext, forwardRef, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { AnimatePresence, LazyMotion, MotionConfig, domAnimation } from "motion/react";
+import * as m from "motion/react-m";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useShallow } from "zustand/shallow";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { MarkdownTextPrimitive, unstable_memoizeMarkdownComponents, useIsMarkdownCodeBlock } from "@assistant-ui/react-markdown";
+import remarkGfm from "remark-gfm";
+import { Client } from "@modelcontextprotocol/sdk/client/index.js";
+import { ToolListChangedNotificationSchema } from "@modelcontextprotocol/sdk/types.js";
+import { TabClientTransport } from "@mcp-b/transports";
+import { SSEClientTransport } from "@modelcontextprotocol/sdk/client/sse.js";
+import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js";
+
+//#region src/lib/utils.ts
+/**
+* Merges Tailwind CSS classes with proper precedence handling.
+* Combines clsx for conditional classes and tailwind-merge for deduplication.
+*/
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+//#region src/lib/constants.ts
+/** Delay before auto-connecting to tab-based MCP sources (allows server initialization) */
+const MCP_TAB_CONNECT_DELAY_MS = 100;
+/** Number of frequency bins for audio visualization */
+const AUDIO_FREQUENCY_BINS = 32;
+/** Default OpenAI Realtime model */
+const REALTIME_DEFAULT_MODEL = "gpt-4o-realtime-preview-2024-12-17";
+/** Default voice for OpenAI Realtime */
+const REALTIME_DEFAULT_VOICE = "verse";
+/** Default OpenAI Realtime API URL */
+const REALTIME_DEFAULT_API_URL = "https://api.openai.com/v1/realtime";
+/** Interval in milliseconds for audio visualization updates (~60fps) */
+const AUDIO_VISUALIZATION_INTERVAL_MS = 16;
+/** Delay in milliseconds before requesting response after tool execution */
+const RESPONSE_REQUEST_DELAY_MS = 150;
+/** Duration to show completed tool calls before clearing (success) */
+const TOOL_CALL_DISPLAY_DURATION_MS = 1500;
+/** Duration to show failed tool calls before clearing (error) */
+const TOOL_CALL_ERROR_DISPLAY_DURATION_MS = 3e3;
+/**
+* Enable debug logging for development.
+* Can be enabled by setting window.__WEBMCP_DEBUG__ = true in the browser console.
+* In production builds, this defaults to false.
+*/
+const DEBUG_LOGGING_ENABLED = typeof window !== "undefined" && window.__WEBMCP_DEBUG__ === true;
+/**
+* Conditional debug logger that only logs when DEBUG_LOGGING_ENABLED is true.
+* Can be enabled at runtime by setting window.__WEBMCP_DEBUG__ = true
+*
+* @param component - The component or service name for the log prefix
+* @param message - The log message
+* @param data - Optional data to include in the log
+*/
+function debugLog(component, message, data) {
+	if (typeof window !== "undefined" && window.__WEBMCP_DEBUG__ === true) if (data !== void 0) console.log(`[${component}] ${message}`, data);
+	else console.log(`[${component}] ${message}`);
+}
+
+//#endregion
+//#region src/services/realtime/audio-analyzer.ts
+/**
+* Audio analyzer for processing microphone and speaker audio streams.
+* Uses Web Audio API to analyze audio levels and frequency data.
+*/
+var AudioAnalyzer = class {
+	audioContext = null;
+	analyser = null;
+	source = null;
+	dataArray = null;
+	animationId = null;
+	/**
+	* Initialize the audio analyzer with a media stream
+	* @param stream - MediaStream to analyze (typically from microphone or speaker)
+	*/
+	async initialize(stream) {
+		const audioTracks = stream.getAudioTracks();
+		debugLog("AudioAnalyzer", "Initializing with stream", {
+			streamId: stream.id,
+			audioTracks: audioTracks.length,
+			trackInfo: audioTracks.map((t) => ({
+				id: t.id,
+				label: t.label,
+				enabled: t.enabled,
+				muted: t.muted,
+				readyState: t.readyState
+			}))
+		});
+		this.audioContext = new AudioContext();
+		debugLog("AudioAnalyzer", `AudioContext created, initial state: ${this.audioContext.state}`);
+		try {
+			await this.audioContext.resume();
+			debugLog("AudioAnalyzer", `AudioContext after resume: ${this.audioContext.state}`);
+		} catch (err) {
+			console.warn("[AudioAnalyzer] Failed to resume AudioContext:", err);
+		}
+		this.analyser = this.audioContext.createAnalyser();
+		this.analyser.fftSize = 256;
+		this.analyser.smoothingTimeConstant = .8;
+		this.source = this.audioContext.createMediaStreamSource(stream);
+		this.source.connect(this.analyser);
+		const bufferLength = this.analyser.frequencyBinCount;
+		this.dataArray = new Uint8Array(new ArrayBuffer(bufferLength));
+		debugLog("AudioAnalyzer", "Setup complete", {
+			sampleRate: this.audioContext.sampleRate,
+			frequencyBinCount: bufferLength,
+			contextState: this.audioContext.state
+		});
+	}
+	getAudioLevel() {
+		if (!this.analyser || !this.dataArray) return 0;
+		this.analyser.getByteFrequencyData(this.dataArray);
+		let sum = 0;
+		for (let i = 0; i < this.dataArray.length; i++) sum += this.dataArray[i];
+		const average = sum / this.dataArray.length;
+		return Math.min(1, average / 128);
+	}
+	getFrequencyData(bins = 16) {
+		if (!this.analyser || !this.dataArray) return new Array(bins).fill(0);
+		this.analyser.getByteFrequencyData(this.dataArray);
+		const result = [];
+		const samplesPerBin = Math.floor(this.dataArray.length / bins);
+		for (let i = 0; i < bins; i++) {
+			let sum = 0;
+			for (let j = 0; j < samplesPerBin; j++) sum += this.dataArray[i * samplesPerBin + j];
+			result.push(Math.min(1, sum / samplesPerBin / 255));
+		}
+		return result;
+	}
+	startAnalysis(callback) {
+		const analyze = () => {
+			callback(this.getAudioLevel(), this.getFrequencyData());
+			this.animationId = requestAnimationFrame(analyze);
+		};
+		analyze();
+	}
+	stopAnalysis() {
+		if (this.animationId !== null) {
+			cancelAnimationFrame(this.animationId);
+			this.animationId = null;
+		}
+	}
+	destroy() {
+		this.stopAnalysis();
+		if (this.source) {
+			this.source.disconnect();
+			this.source = null;
+		}
+		if (this.analyser) {
+			this.analyser.disconnect();
+			this.analyser = null;
+		}
+		if (this.audioContext) {
+			this.audioContext.close();
+			this.audioContext = null;
+		}
+		this.dataArray = null;
+	}
+};
+
+//#endregion
+//#region src/services/realtime/event-emitter.ts
+var EventEmitter = class {
+	listeners = /* @__PURE__ */ new Map();
+	on(event, callback) {
+		if (!this.listeners.has(event)) this.listeners.set(event, /* @__PURE__ */ new Set());
+		const listeners = this.listeners.get(event);
+		if (listeners) listeners.add(callback);
+	}
+	off(event, callback) {
+		this.listeners.get(event)?.delete(callback);
+	}
+	emit(event, data) {
+		this.listeners.get(event)?.forEach((callback) => {
+			try {
+				callback(data);
+			} catch (error) {
+				console.error(`Error in event listener for ${event}:`, error);
+			}
+		});
+	}
+	removeAllListeners(event) {
+		if (event) this.listeners.delete(event);
+		else this.listeners.clear();
+	}
+	listenerCount(event) {
+		return this.listeners.get(event)?.size || 0;
+	}
+};
+
+//#endregion
+//#region src/services/realtime/message-handler.ts
+/**
+* Type guard to check if an output item is a completed function call
+*/
+function isCompletedFunctionCall(item) {
+	return item.type === "function_call" && item.status === "completed" && typeof item.name === "string" && typeof item.call_id === "string";
+}
+var MessageHandler = class {
+	isProcessingResponse = false;
+	pendingFunctionCalls = /* @__PURE__ */ new Set();
+	responseRequestTimer = null;
+	hasRequestedResponse = false;
+	constructor(toolManager, eventEmitter) {
+		this.toolManager = toolManager;
+		this.eventEmitter = eventEmitter;
+	}
+	async handleMessage(data, dataChannel) {
+		let msg;
+		try {
+			msg = JSON.parse(data);
+		} catch (error) {
+			console.error("Failed to parse realtime message:", error);
+			return;
+		}
+		switch (msg.type) {
+			case "response.created":
+				this.handleResponseCreated(msg);
+				break;
+			case "response.done":
+				await this.handleResponseDone(msg, dataChannel);
+				break;
+			case "response.function_call_arguments.done":
+				this.handleFunctionCallArguments();
+				break;
+			case "input_audio_buffer.speech_started":
+			case "input_audio_buffer.speech_stopped":
+				this.handleSpeechEvents(msg);
+				break;
+			case "response.output_audio.delta":
+			case "response.output_audio.done":
+				this.handleAudioEvents(msg);
+				break;
+			case "response.output_audio_transcript.delta":
+			case "response.output_audio_transcript.done":
+			case "response.output_text.delta":
+			case "response.output_text.done":
+				this.handleTranscriptEvents(msg);
+				break;
+			case "conversation.item.input_audio_transcription.completed":
+				this.handleUserTranscript(msg);
+				break;
+			case "error":
+				this.handleError(msg);
+				break;
+			case "session.created":
+			case "session.updated":
+				this.handleSessionEvents(msg);
+				break;
+			case "conversation.item.created":
+			case "input_audio_buffer.committed": break;
+		}
+	}
+	handleResponseCreated(_msg) {
+		this.isProcessingResponse = true;
+		this.hasRequestedResponse = false;
+	}
+	async handleResponseDone(msg, dataChannel) {
+		const outputItems = this.extractResponseOutput(msg.response);
+		if (!outputItems.some(isCompletedFunctionCall)) {
+			this.isProcessingResponse = false;
+			this.hasRequestedResponse = false;
+		}
+		if (outputItems.length > 0) {
+			const functionCalls = outputItems.filter(isCompletedFunctionCall).map((item) => ({
+				name: item.name,
+				call_id: item.call_id,
+				arguments: item.arguments ?? ""
+			}));
+			for (const functionCall of functionCalls) if (!this.pendingFunctionCalls.has(functionCall.call_id)) {
+				this.pendingFunctionCalls.add(functionCall.call_id);
+				await this.executeFunctionCall(functionCall, dataChannel);
+			} else console.warn(`[MessageHandler] Skipping duplicate function call: ${functionCall.name} (${functionCall.call_id})`);
+			if (functionCalls.length > 0 && this.pendingFunctionCalls.size === 0) this.requestResponseIfNeeded(dataChannel);
+		}
+	}
+	/**
+	* Safely extract response output array from response object
+	*/
+	extractResponseOutput(response) {
+		if (!response || typeof response !== "object") return [];
+		const r = response;
+		if (!Array.isArray(r.output)) return [];
+		return r.output.filter((item) => item !== null && typeof item === "object" && typeof item.type === "string");
+	}
+	handleFunctionCallArguments() {}
+	handleSpeechEvents(msg) {
+		const eventType = msg.type === "input_audio_buffer.speech_started" ? "speech_started" : "speech_stopped";
+		this.eventEmitter.emit(eventType, msg);
+	}
+	handleAudioEvents(msg) {
+		const eventType = msg.type === "response.output_audio.delta" ? "audio_started" : "audio_stopped";
+		console.log(`[MessageHandler] Assistant ${eventType}`, {
+			type: msg.type,
+			hasAudio: !!msg.delta
+		});
+		this.eventEmitter.emit(eventType, msg);
+	}
+	handleTranscriptEvents(msg) {
+		const eventType = {
+			"response.output_audio_transcript.delta": "assistant_transcript",
+			"response.output_audio_transcript.done": "assistant_transcript_done",
+			"response.output_text.delta": "text",
+			"response.output_text.done": "text_done"
+		}[msg.type];
+		if (eventType) this.eventEmitter.emit(eventType, msg);
+	}
+	handleUserTranscript(msg) {
+		this.eventEmitter.emit("user_transcript_done", { text: msg.transcript });
+	}
+	handleSessionEvents(_msg) {}
+	handleError(msg) {
+		console.error("Realtime API error:", msg);
+		this.eventEmitter.emit("error", msg);
+		this.isProcessingResponse = false;
+		this.hasRequestedResponse = false;
+		if (this.responseRequestTimer) {
+			clearTimeout(this.responseRequestTimer);
+			this.responseRequestTimer = null;
+		}
+	}
+	async executeFunctionCall(functionCall, dataChannel) {
+		const { name, call_id } = functionCall;
+		try {
+			this.eventEmitter.emit("tool_call_started", { name });
+			const result = await this.toolManager.executeToolCall(functionCall);
+			if (dataChannel.readyState !== "open") {
+				console.error(`[MessageHandler] Cannot send tool result for ${name}: DataChannel is ${dataChannel.readyState}`);
+				this.eventEmitter.emit("tool_call_completed", {
+					name,
+					error: "DataChannel closed during tool execution"
+				});
+				return;
+			}
+			const response = {
+				type: "conversation.item.create",
+				item: {
+					type: "function_call_output",
+					call_id,
+					output: JSON.stringify(result.success ? result.data : {
+						error: result.error,
+						success: false
+					})
+				}
+			};
+			dataChannel.send(JSON.stringify(response));
+			this.eventEmitter.emit("tool_call_completed", {
+				name,
+				error: result.success ? void 0 : result.error
+			});
+		} catch (error) {
+			console.error(`[MessageHandler] Tool execution failed for ${name}:`, error);
+			this.sendToolError(call_id, String(error), dataChannel);
+		} finally {
+			this.pendingFunctionCalls.delete(call_id);
+			if (this.pendingFunctionCalls.size === 0) {
+				this.isProcessingResponse = false;
+				this.hasRequestedResponse = false;
+				this.requestResponseIfNeeded(dataChannel);
+			}
+		}
+	}
+	sendToolError(call_id, error, dataChannel) {
+		if (dataChannel.readyState !== "open") {
+			console.error(`[MessageHandler] Cannot send tool error: DataChannel is ${dataChannel.readyState}`);
+			return;
+		}
+		const errorResponse = {
+			type: "conversation.item.create",
+			item: {
+				type: "function_call_output",
+				call_id,
+				output: JSON.stringify({
+					error,
+					success: false
+				})
+			}
+		};
+		dataChannel.send(JSON.stringify(errorResponse));
+	}
+	requestResponseIfNeeded(dataChannel) {
+		if (this.responseRequestTimer) {
+			clearTimeout(this.responseRequestTimer);
+			this.responseRequestTimer = null;
+		}
+		this.responseRequestTimer = setTimeout(() => {
+			if (!this.isProcessingResponse && !this.hasRequestedResponse && dataChannel.readyState === "open" && this.pendingFunctionCalls.size === 0) {
+				this.hasRequestedResponse = true;
+				this.isProcessingResponse = true;
+				dataChannel.send(JSON.stringify({ type: "response.create" }));
+			}
+			this.responseRequestTimer = null;
+		}, RESPONSE_REQUEST_DELAY_MS);
+	}
+	reset() {
+		this.isProcessingResponse = false;
+		this.hasRequestedResponse = false;
+		this.pendingFunctionCalls.clear();
+		if (this.responseRequestTimer) {
+			clearTimeout(this.responseRequestTimer);
+			this.responseRequestTimer = null;
+		}
+	}
+};
+
+//#endregion
+//#region src/services/realtime/tool-manager.ts
+var ToolManager = class {
+	tools = [];
+	executor = null;
+	lastSentToolSignature = "";
+	setTools(tools) {
+		this.tools = tools;
+	}
+	setExecutor(executor) {
+		this.executor = executor;
+	}
+	resetSession() {
+		console.log("[ToolManager] resetSession called (lastSentToolSignature preserved)");
+	}
+	getToolSignature(tools) {
+		return tools.map((t) => t.name).sort().join("|");
+	}
+	hasToolsChanged() {
+		return this.getToolSignature(this.tools) !== this.lastSentToolSignature;
+	}
+	markToolsSent() {
+		this.lastSentToolSignature = this.getToolSignature(this.tools);
+	}
+	formatToolsForOpenAI() {
+		const builtInTools = [{
+			type: "function",
+			name: "list_available_tools",
+			description: "List all currently available tools that can be called. Use this when you need to know what tools are available or when the user asks about available capabilities.",
+			parameters: {
+				type: "object",
+				properties: {},
+				required: []
+			}
+		}];
+		const registeredTools = this.tools.map((tool) => ({
+			type: "function",
+			name: tool.name,
+			description: tool.description || `Execute ${tool.name} action`,
+			parameters: this.validateToolSchema(tool.inputSchema)
+		}));
+		return [...builtInTools, ...registeredTools];
+	}
+	validateToolSchema(schema) {
+		if (!schema) return {
+			type: "object",
+			properties: {},
+			required: []
+		};
+		const result = {
+			type: "object",
+			...schema
+		};
+		if (result.type === "object") {
+			result.properties = result.properties || {};
+			if (!result.required && result.properties) result.required = Object.entries(result.properties).filter(([, prop]) => {
+				if (prop && typeof prop === "object") {
+					const p = prop;
+					return !p.optional && !p.nullable && p.type !== "null";
+				}
+				return false;
+			}).map(([key]) => key);
+		}
+		return result;
+	}
+	async executeToolCall(functionCall) {
+		const { name, arguments: argsString } = functionCall;
+		if (name === "list_available_tools") return this.executeListTools();
+		if (!this.executor) return {
+			success: false,
+			error: "Tool executor not configured"
+		};
+		if (!this.tools.find((t) => t.name === name)) {
+			console.error(`[ToolManager] Tool not found: ${name}`);
+			return {
+				success: false,
+				error: `Tool not found: ${name}`
+			};
+		}
+		let args;
+		try {
+			args = argsString ? JSON.parse(argsString) : {};
+		} catch (error) {
+			console.error("[ToolManager] Failed to parse arguments:", error);
+			return {
+				success: false,
+				error: "Invalid arguments format"
+			};
+		}
+		try {
+			return {
+				success: true,
+				data: await this.executor(name, args)
+			};
+		} catch (error) {
+			console.error(`[ToolManager] Tool execution error for ${name}:`, error);
+			return {
+				success: false,
+				error: String(error)
+			};
+		}
+	}
+	executeListTools() {
+		const toolList = this.tools.map((tool) => ({
+			name: tool.name,
+			description: tool.description || "No description available",
+			parameters: tool.inputSchema || {}
+		}));
+		return {
+			success: true,
+			data: {
+				tools: toolList,
+				count: toolList.length,
+				message: toolList.length > 0 ? `Found ${toolList.length} available tools` : "No tools currently available"
+			}
+		};
+	}
+	getChangesSummary() {
+		if (!this.hasToolsChanged()) return null;
+		const prevTools = this.lastSentToolSignature.split("|").filter(Boolean);
+		const currTools = this.tools.map((t) => t.name);
+		const prevSet = new Set(prevTools);
+		const currSet = new Set(currTools);
+		return {
+			added: currTools.filter((name) => !prevSet.has(name)),
+			removed: prevTools.filter((name) => !currSet.has(name)),
+			total: this.tools.length
+		};
+	}
+};
+
+//#endregion
+//#region src/services/realtime/webrtc-manager.ts
+function hasClientSecret(response) {
+	if (!response || typeof response !== "object") return false;
+	return typeof response.client_secret?.value === "string";
+}
+var WebRTCManager = class {
+	tokenEndpoint;
+	constructor(tokenEndpoint) {
+		this.tokenEndpoint = tokenEndpoint;
+	}
+	async createSession(config = {}) {
+		const model = config.model || REALTIME_DEFAULT_MODEL;
+		const voice = config.voice || REALTIME_DEFAULT_VOICE;
+		const apiUrl = config.apiUrl || REALTIME_DEFAULT_API_URL;
+		const ephemeralKey = await this.getEphemeralToken(model, voice);
+		const pc = new RTCPeerConnection();
+		const audioElement = this.createAudioElement();
+		let remoteStream = null;
+		pc.ontrack = (e) => {
+			remoteStream = e.streams[0];
+			audioElement.srcObject = remoteStream;
+			debugLog("WebRTC", "Remote audio stream received and connected to audio element", {
+				streamId: remoteStream.id,
+				tracks: remoteStream.getTracks().length
+			});
+		};
+		const localStream = await this.getUserMedia();
+		debugLog("WebRTC", "Local microphone stream acquired", {
+			streamId: localStream.id,
+			tracks: localStream.getTracks().map((t) => ({
+				kind: t.kind,
+				enabled: t.enabled,
+				muted: t.muted,
+				readyState: t.readyState
+			}))
+		});
+		localStream.getTracks().forEach((track) => {
+			pc.addTrack(track, localStream);
+		});
+		const dataChannel = pc.createDataChannel("oai-events");
+		const offer = await pc.createOffer();
+		await pc.setLocalDescription(offer);
+		if (!offer.sdp) throw new Error("Failed to create offer SDP");
+		const answer = await this.connectToOpenAI(apiUrl, model, offer.sdp, ephemeralKey);
+		await pc.setRemoteDescription(answer);
+		const cleanup = () => {
+			localStream.getTracks().forEach((track) => {
+				track.stop();
+			});
+			audioElement.remove();
+			dataChannel.close();
+			pc.close();
+		};
+		return {
+			pc,
+			dataChannel,
+			audioElement,
+			localStream,
+			remoteStream,
+			cleanup
+		};
+	}
+	async getEphemeralToken(model, voice) {
+		const response = await fetch(this.tokenEndpoint, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				model,
+				voice
+			})
+		});
+		if (!response.ok) {
+			const errorText = await response.text();
+			console.error("Failed to get ephemeral token:", errorText);
+			throw new Error(`Failed to get ephemeral token: ${response.statusText}`);
+		}
+		const data = await response.json();
+		if (!hasClientSecret(data)) throw new Error("Invalid token response format");
+		return data.client_secret.value;
+	}
+	createAudioElement() {
+		const audioElement = document.createElement("audio");
+		audioElement.autoplay = true;
+		audioElement.style.display = "none";
+		document.body.appendChild(audioElement);
+		return audioElement;
+	}
+	async getUserMedia() {
+		try {
+			return await navigator.mediaDevices.getUserMedia({ audio: {
+				echoCancellation: true,
+				noiseSuppression: true,
+				autoGainControl: true
+			} });
+		} catch (error) {
+			throw new Error(`Failed to access microphone: ${error}`);
+		}
+	}
+	async connectToOpenAI(baseUrl, model, sdp, ephemeralKey) {
+		const response = await fetch(`${baseUrl}?model=${model}`, {
+			method: "POST",
+			body: sdp,
+			headers: {
+				Authorization: `Bearer ${ephemeralKey}`,
+				"Content-Type": "application/sdp"
+			}
+		});
+		if (!response.ok) throw new Error(`Failed to establish WebRTC connection: ${response.statusText}`);
+		return {
+			type: "answer",
+			sdp: await response.text()
+		};
+	}
+};
+
+//#endregion
+//#region src/services/realtime/openai-realtime-service.ts
+/** Pre-allocated zero frequency array for performance */
+const EMPTY_FREQUENCY_TEMPLATE = Object.freeze(new Array(AUDIO_FREQUENCY_BINS).fill(0));
+const createZeroFrequencyArray = () => [...EMPTY_FREQUENCY_TEMPLATE];
+/**
+* OpenAI Realtime API Service
+*
+* Manages voice conversations with OpenAI's Realtime API,
+* including WebRTC connections, tool integration, and message handling.
+*/
+var OpenAIRealtimeService = class {
+	session = null;
+	webrtcManager;
+	toolManager;
+	messageHandler;
+	eventEmitter;
+	muted = false;
+	lastState = "disconnected";
+	localAnalyzer = null;
+	remoteAnalyzer = null;
+	visualizationInterval = null;
+	sessionStartTime = null;
+	onToolsChangedCallback = null;
+	constructor(tokenEndpoint) {
+		this.webrtcManager = new WebRTCManager(tokenEndpoint);
+		this.toolManager = new ToolManager();
+		this.eventEmitter = new EventEmitter();
+		this.messageHandler = new MessageHandler(this.toolManager, this.eventEmitter);
+	}
+	/**
+	* Set the tools available for the voice session
+	*/
+	setTools(tools) {
+		this.toolManager.setTools(tools);
+		if (this.isSessionActive()) this.updateSessionTools();
+	}
+	/**
+	* Set the tool executor function
+	*/
+	setToolExecutor(executor) {
+		this.toolManager.setExecutor(executor);
+	}
+	/**
+	* Register callback for when tools change
+	*/
+	onToolsChanged(callback) {
+		this.onToolsChangedCallback = callback;
+	}
+	/**
+	* Start a new realtime session
+	*/
+	async startSession(config = {}) {
+		try {
+			if (this.session) this.stopSession();
+			this.muted = false;
+			this.sessionStartTime = Date.now();
+			this.emitSessionState("connecting");
+			this.session = await this.webrtcManager.createSession(config);
+			this.setupDataChannel(this.session.dataChannel);
+			this.setupPeerConnectionMonitoring(this.session.pc);
+			if (this.session.localStream) await this.initializeLocalAnalyzer(this.session.localStream);
+			if (this.session.remoteStream) this.initializeRemoteAnalyzer(this.session.remoteStream);
+			const originalOntrack = this.session.pc.ontrack;
+			const session = this.session;
+			this.session.pc.ontrack = (e) => {
+				if (originalOntrack) originalOntrack.call(session.pc, e);
+				if (this.session) this.session.remoteStream = e.streams[0];
+				const remoteStream = e.streams[0];
+				if (!remoteStream) {
+					console.warn("[OpenAIRealtimeService] Received ontrack event without stream");
+					return;
+				}
+				this.initializeRemoteAnalyzer(remoteStream);
+			};
+			return this.session;
+		} catch (error) {
+			this.handleSessionError(error);
+			throw error;
+		}
+	}
+	/**
+	* Stop the current session
+	*/
+	stopSession() {
+		let durationSeconds = 0;
+		if (this.sessionStartTime) durationSeconds = Math.floor((Date.now() - this.sessionStartTime) / 1e3);
+		if (this.visualizationInterval) {
+			clearInterval(this.visualizationInterval);
+			this.visualizationInterval = null;
+		}
+		if (this.localAnalyzer) {
+			this.localAnalyzer.destroy();
+			this.localAnalyzer = null;
+		}
+		if (this.remoteAnalyzer) {
+			this.remoteAnalyzer.destroy();
+			this.remoteAnalyzer = null;
+		}
+		if (this.session) {
+			this.session.cleanup();
+			this.session = null;
+		}
+		this.messageHandler.reset();
+		this.toolManager.resetSession();
+		this.muted = false;
+		this.emitSessionState("disconnected", { durationSeconds });
+		this.sessionStartTime = null;
+	}
+	/**
+	* Send a text message to the assistant
+	*/
+	sendUserMessage(text) {
+		if (!this.isSessionActive()) throw new Error("No active session");
+		const message = {
+			type: "conversation.item.create",
+			item: {
+				type: "message",
+				role: "user",
+				content: [{
+					type: "input_text",
+					text
+				}]
+			}
+		};
+		if (!this.session) throw new Error("Session is not active");
+		this.session.dataChannel.send(JSON.stringify(message));
+		this.session.dataChannel.send(JSON.stringify({ type: "response.create" }));
+	}
+	/**
+	* Check if session is active
+	*/
+	isSessionActive() {
+		return this.session !== null && this.session.dataChannel.readyState === "open";
+	}
+	/**
+	* Get the local audio stream
+	*/
+	getLocalStream() {
+		return this.session?.localStream || null;
+	}
+	/**
+	* Get the remote audio stream
+	*/
+	getRemoteStream() {
+		return this.session?.remoteStream || null;
+	}
+	/**
+	* Toggle audio mute
+	*/
+	toggleMute(muted) {
+		if (this.session?.audioElement) this.session.audioElement.muted = muted;
+		this.muted = muted;
+		this.emitSessionState(this.lastState, { isMuted: this.muted });
+	}
+	/**
+	* Event handling
+	*/
+	on(event, callback) {
+		this.eventEmitter.on(event, callback);
+	}
+	off(event, callback) {
+		this.eventEmitter.off(event, callback);
+	}
+	getSessionStatus() {
+		return {
+			state: this.lastState,
+			isActive: this.lastState === "connected",
+			isMuted: this.muted
+		};
+	}
+	/**
+	* Private methods
+	*/
+	setupDataChannel(dataChannel) {
+		dataChannel.addEventListener("open", () => {
+			this.configureSession(dataChannel);
+			this.muted = false;
+			this.emitSessionState("connected");
+		});
+		dataChannel.addEventListener("message", (event) => {
+			(async () => {
+				try {
+					await this.messageHandler.handleMessage(event.data, dataChannel);
+				} catch (error) {
+					console.error("Error handling message:", error);
+				}
+			})();
+		});
+		dataChannel.addEventListener("error", (error) => {
+			console.error("DataChannel error:", error);
+			this.eventEmitter.emit("error", {
+				type: "datachannel_error",
+				error
+			});
+		});
+		dataChannel.addEventListener("close", () => {
+			this.messageHandler.reset();
+			this.eventEmitter.emit("session_closed", {});
+		});
+	}
+	setupPeerConnectionMonitoring(pc) {
+		pc.addEventListener("connectionstatechange", () => {
+			if (pc.connectionState === "failed" || pc.connectionState === "disconnected") {
+				console.error("Peer connection failed or disconnected");
+				this.messageHandler.reset();
+				this.eventEmitter.emit("error", {
+					type: "connection_error",
+					message: `Connection ${pc.connectionState}`
+				});
+			}
+		});
+		pc.addEventListener("iceconnectionstatechange", () => {
+			if (pc.iceConnectionState === "failed" || pc.iceConnectionState === "disconnected") console.error("ICE connection failed or disconnected");
+		});
+		pc.addEventListener("signalingstatechange", () => {});
+	}
+	configureSession(dataChannel) {
+		this.toolManager.resetSession();
+		const tools = this.toolManager.formatToolsForOpenAI();
+		this.toolManager.markToolsSent();
+		const sessionUpdate = {
+			type: "session.update",
+			session: {
+				modalities: ["text", "audio"],
+				instructions: this.getSessionInstructions(),
+				voice: "verse",
+				tools,
+				tool_choice: "auto",
+				turn_detection: {
+					type: "server_vad",
+					threshold: .5,
+					prefix_padding_ms: 300,
+					silence_duration_ms: 500
+				},
+				input_audio_transcription: { model: "whisper-1" }
+			}
+		};
+		dataChannel.send(JSON.stringify(sessionUpdate));
+	}
+	updateSessionTools() {
+		if (!this.session) {
+			console.warn("[OpenAIRealtimeService] Cannot update tools: no active session");
+			return;
+		}
+		if (this.session.dataChannel.readyState !== "open") {
+			console.warn(`[OpenAIRealtimeService] Cannot update tools: DataChannel is ${this.session.dataChannel.readyState}`);
+			return;
+		}
+		const changesSummary = this.toolManager.getChangesSummary();
+		if (!changesSummary) return;
+		const tools = this.toolManager.formatToolsForOpenAI();
+		console.log("[OpenAIRealtimeService] Sending tool update to OpenAI:", `${changesSummary.total} total tools,`, changesSummary.added.length > 0 ? `+${changesSummary.added.length} added (${changesSummary.added.slice(0, 3).join(", ")}${changesSummary.added.length > 3 ? "..." : ""})` : "", changesSummary.removed.length > 0 ? `-${changesSummary.removed.length} removed` : "");
+		this.toolManager.markToolsSent();
+		const sessionUpdate = {
+			type: "session.update",
+			session: {
+				tools,
+				tool_choice: "auto"
+			}
+		};
+		this.session.dataChannel.send(JSON.stringify(sessionUpdate));
+	}
+	getSessionInstructions() {
+		return `You are a helpful assistant with access to tools.
+    Use the available tools to help users with their tasks.
+    You can use the list_available_tools function to see what tools are currently available.
+    Be concise and helpful in your responses.`;
+	}
+	handleSessionError(error) {
+		console.error("Session error:", error);
+		this.emitSessionState("error", {
+			type: "session_error",
+			error: String(error)
+		});
+		this.stopSession();
+	}
+	async initializeLocalAnalyzer(stream) {
+		if (this.localAnalyzer) this.localAnalyzer.destroy();
+		this.localAnalyzer = new AudioAnalyzer();
+		try {
+			const clonedStream = new MediaStream(stream.getAudioTracks().map((t) => t.clone()));
+			await this.localAnalyzer.initialize(clonedStream);
+			this.startAudioVisualization();
+		} catch (error) {
+			console.error("[OpenAIRealtimeService] Failed to initialize local audio analyzer", error);
+			if (this.localAnalyzer) {
+				this.localAnalyzer.destroy();
+				this.localAnalyzer = null;
+			}
+		}
+	}
+	async initializeRemoteAnalyzer(stream) {
+		if (this.remoteAnalyzer) this.remoteAnalyzer.destroy();
+		this.remoteAnalyzer = new AudioAnalyzer();
+		try {
+			const clonedStream = new MediaStream(stream.getAudioTracks().map((t) => t.clone()));
+			await this.remoteAnalyzer.initialize(clonedStream);
+			this.startAudioVisualization();
+		} catch (error) {
+			console.error("[OpenAIRealtimeService] Failed to initialize remote audio analyzer", error);
+			if (this.remoteAnalyzer) {
+				this.remoteAnalyzer.destroy();
+				this.remoteAnalyzer = null;
+			}
+		}
+	}
+	startAudioVisualization() {
+		if (!this.localAnalyzer && !this.remoteAnalyzer) {
+			debugLog("OpenAIRealtimeService", "Audio visualization not started: no analyzers ready");
+			return;
+		}
+		if (this.visualizationInterval) clearInterval(this.visualizationInterval);
+		let logCounter = 0;
+		this.visualizationInterval = setInterval(() => {
+			const micLevel = this.localAnalyzer?.getAudioLevel() ?? 0;
+			const micFrequency = this.localAnalyzer?.getFrequencyData(AUDIO_FREQUENCY_BINS) ?? createZeroFrequencyArray();
+			const speakerLevel = this.remoteAnalyzer?.getAudioLevel() ?? 0;
+			const speakerFrequency = this.remoteAnalyzer?.getFrequencyData(AUDIO_FREQUENCY_BINS) ?? createZeroFrequencyArray();
+			logCounter++;
+			if (logCounter % 60 === 0) debugLog("OpenAIRealtimeService", "Audio levels", {
+				mic: micLevel.toFixed(3),
+				speaker: speakerLevel.toFixed(3)
+			});
+			this.eventEmitter.emit("audio_level", {
+				micLevel,
+				micFrequency,
+				speakerLevel,
+				speakerFrequency
+			});
+		}, AUDIO_VISUALIZATION_INTERVAL_MS);
+	}
+	emitSessionState(state, extra = {}) {
+		this.lastState = state;
+		const payload = {
+			state,
+			isActive: state === "connected",
+			isMuted: this.muted,
+			...extra
+		};
+		this.eventEmitter.emit("session_state", payload);
+		switch (state) {
+			case "connecting":
+				this.eventEmitter.emit("session_connecting", payload);
+				break;
+			case "connected":
+				this.eventEmitter.emit("session_connected", payload);
+				break;
+			case "disconnected":
+				this.eventEmitter.emit("session_closed", payload);
+				break;
+			case "error":
+				this.eventEmitter.emit("error", payload);
+				break;
+			default: break;
+		}
+	}
+};
+
+//#endregion
+//#region src/services/realtime/types.ts
+/**
+* Type guard for SessionStateEventData
+*/
+function isSessionStateEventData(data) {
+	if (!data || typeof data !== "object") return false;
+	const d = data;
+	return typeof d.state === "string" && [
+		"connecting",
+		"connected",
+		"disconnected",
+		"error"
+	].includes(d.state) && typeof d.isActive === "boolean" && typeof d.isMuted === "boolean";
+}
+/**
+* Type guard for UserTranscriptEventData
+*/
+function isUserTranscriptEventData(data) {
+	if (!data || typeof data !== "object") return false;
+	return typeof data.text === "string";
+}
+/**
+* Type guard for AssistantTranscriptEventData
+*/
+function isAssistantTranscriptEventData(data) {
+	if (!data || typeof data !== "object") return false;
+	const d = data;
+	return d.delta === void 0 || typeof d.delta === "string";
+}
+/**
+* Type guard for ToolCallStartedEventData
+*/
+function isToolCallStartedEventData(data) {
+	if (!data || typeof data !== "object") return false;
+	return typeof data.name === "string";
+}
+/**
+* Type guard for ToolCallCompletedEventData
+*/
+function isToolCallCompletedEventData(data) {
+	if (!data || typeof data !== "object") return false;
+	return typeof data.name === "string";
+}
+/**
+* Type guard for ErrorEventData
+*/
+function isErrorEventData(data) {
+	if (!data || typeof data !== "object") return false;
+	const d = data;
+	return typeof d.error === "string" || typeof d.message === "string" || typeof d.type === "string";
+}
+/**
+* Type guard for AudioLevelData
+*/
+function isAudioLevelData(data) {
+	if (!data || typeof data !== "object") return false;
+	const d = data;
+	return typeof d.micLevel === "number" && Array.isArray(d.micFrequency) && typeof d.speakerLevel === "number" && Array.isArray(d.speakerFrequency);
+}
+
+//#endregion
+//#region src/hooks/useVoiceMode.ts
+/**
+* Voice Mode Hook
+*
+* Manages OpenAI Realtime API voice sessions with WebRTC.
+* Provides audio level streaming, transcript events, and tool call tracking.
+*
+* @example Basic usage
+* ```tsx
+* const {
+*   isActive,
+*   startSession,
+*   stopSession,
+*   toggleMute
+* } = useVoiceMode({
+*   tokenEndpoint: '/api/realtime/session'
+* })
+* ```
+*/
+function useVoiceMode(options) {
+	const $ = c(43);
+	const { tokenEndpoint, tools, toolExecutor, onConnect, onDisconnect, onError, onUserTranscript, onAssistantTranscript } = options;
+	const [isActive, setIsActive] = useState(false);
+	const [isConnecting, setIsConnecting] = useState(false);
+	const [isMuted, setIsMuted] = useState(false);
+	const [isError, setIsError] = useState(false);
+	const [connectionState, setConnectionState] = useState("disconnected");
+	const [audioLevel, setAudioLevel] = useState();
+	const [transcript, setTranscript] = useState();
+	const [toolCall, setToolCall] = useState();
+	const [error, setError] = useState();
+	const serviceRef = useRef(null);
+	const onConnectRef = useRef(onConnect);
+	const onDisconnectRef = useRef(onDisconnect);
+	const onErrorRef = useRef(onError);
+	const onUserTranscriptRef = useRef(onUserTranscript);
+	const onAssistantTranscriptRef = useRef(onAssistantTranscript);
+	let t0;
+	let t1;
+	if ($[0] !== onAssistantTranscript || $[1] !== onConnect || $[2] !== onDisconnect || $[3] !== onError || $[4] !== onUserTranscript) {
+		t0 = () => {
+			onConnectRef.current = onConnect;
+			onDisconnectRef.current = onDisconnect;
+			onErrorRef.current = onError;
+			onUserTranscriptRef.current = onUserTranscript;
+			onAssistantTranscriptRef.current = onAssistantTranscript;
+		};
+		t1 = [
+			onConnect,
+			onDisconnect,
+			onError,
+			onUserTranscript,
+			onAssistantTranscript
+		];
+		$[0] = onAssistantTranscript;
+		$[1] = onConnect;
+		$[2] = onDisconnect;
+		$[3] = onError;
+		$[4] = onUserTranscript;
+		$[5] = t0;
+		$[6] = t1;
+	} else {
+		t0 = $[5];
+		t1 = $[6];
+	}
+	useEffect(t0, t1);
+	let t2;
+	if ($[7] !== tokenEndpoint) {
+		t2 = () => {
+			if (!serviceRef.current) serviceRef.current = new OpenAIRealtimeService(tokenEndpoint);
+			return serviceRef.current;
+		};
+		$[7] = tokenEndpoint;
+		$[8] = t2;
+	} else t2 = $[8];
+	const getService = t2;
+	let t3;
+	let t4;
+	if ($[9] !== getService || $[10] !== tools) {
+		t3 = () => {
+			if (tools) getService().setTools(tools);
+		};
+		t4 = [tools, getService];
+		$[9] = getService;
+		$[10] = tools;
+		$[11] = t3;
+		$[12] = t4;
+	} else {
+		t3 = $[11];
+		t4 = $[12];
+	}
+	useEffect(t3, t4);
+	let t5;
+	let t6;
+	if ($[13] !== getService || $[14] !== toolExecutor) {
+		t5 = () => {
+			if (toolExecutor) getService().setToolExecutor(toolExecutor);
+		};
+		t6 = [toolExecutor, getService];
+		$[13] = getService;
+		$[14] = toolExecutor;
+		$[15] = t5;
+		$[16] = t6;
+	} else {
+		t5 = $[15];
+		t6 = $[16];
+	}
+	useEffect(t5, t6);
+	let t7;
+	let t8;
+	if ($[17] !== getService) {
+		t7 = () => {
+			const service_1 = getService();
+			const handleSessionState = (data) => {
+				if (!isSessionStateEventData(data)) {
+					console.warn("[useVoiceMode] Invalid session state event data:", data);
+					return;
+				}
+				setConnectionState(data.state);
+				setIsActive(data.isActive);
+				setIsMuted(data.isMuted);
+				setIsConnecting(data.state === "connecting");
+				setIsError(data.state === "error");
+				if (data.state === "connected") onConnectRef.current?.();
+				else if (data.state === "disconnected") onDisconnectRef.current?.(data.durationSeconds ?? 0);
+			};
+			const handleAudioLevel = (data_0) => {
+				if (isAudioLevelData(data_0)) setAudioLevel(data_0);
+			};
+			const handleUserTranscript = (data_1) => {
+				if (!isUserTranscriptEventData(data_1)) {
+					console.warn("[useVoiceMode] Invalid user transcript event data:", data_1);
+					return;
+				}
+				setTranscript({
+					type: "user",
+					text: data_1.text,
+					isDone: true
+				});
+				onUserTranscriptRef.current?.(data_1.text);
+			};
+			const handleAssistantTranscript = (data_2) => {
+				if (!isAssistantTranscriptEventData(data_2)) return;
+				const text = data_2.delta || data_2.transcript || "";
+				setTranscript((prev) => ({
+					type: "assistant",
+					text: prev?.type === "assistant" ? prev.text + text : text,
+					isDone: false
+				}));
+			};
+			const handleAssistantTranscriptDone = (data_3) => {
+				if (!isAssistantTranscriptEventData(data_3)) return;
+				const text_0 = data_3.transcript || "";
+				setTranscript({
+					type: "assistant",
+					text: text_0,
+					isDone: true
+				});
+				onAssistantTranscriptRef.current?.(text_0);
+			};
+			const handleToolCallStarted = (data_4) => {
+				if (!isToolCallStartedEventData(data_4)) {
+					console.warn("[useVoiceMode] Invalid tool call started event data:", data_4);
+					return;
+				}
+				setToolCall({
+					status: "started",
+					toolName: data_4.name
+				});
+			};
+			const handleToolCallCompleted = (data_5) => {
+				if (!isToolCallCompletedEventData(data_5)) {
+					console.warn("[useVoiceMode] Invalid tool call completed event data:", data_5);
+					return;
+				}
+				setToolCall({
+					status: "completed",
+					toolName: data_5.name,
+					error: data_5.error
+				});
+				setTimeout(() => {
+					setToolCall(void 0);
+				}, data_5.error ? TOOL_CALL_ERROR_DISPLAY_DURATION_MS : TOOL_CALL_DISPLAY_DURATION_MS);
+			};
+			const handleError = (data_6) => {
+				if (!isErrorEventData(data_6)) {
+					setError("Unknown error");
+					setIsError(true);
+					onErrorRef.current?.("Unknown error");
+					return;
+				}
+				const errorMsg = data_6.error || data_6.message || "Unknown error";
+				setError(errorMsg);
+				setIsError(true);
+				onErrorRef.current?.(errorMsg);
+			};
+			service_1.on("session_state", handleSessionState);
+			service_1.on("audio_level", handleAudioLevel);
+			service_1.on("user_transcript_done", handleUserTranscript);
+			service_1.on("assistant_transcript", handleAssistantTranscript);
+			service_1.on("assistant_transcript_done", handleAssistantTranscriptDone);
+			service_1.on("tool_call_started", handleToolCallStarted);
+			service_1.on("tool_call_completed", handleToolCallCompleted);
+			service_1.on("error", handleError);
+			return () => {
+				service_1.off("session_state", handleSessionState);
+				service_1.off("audio_level", handleAudioLevel);
+				service_1.off("user_transcript_done", handleUserTranscript);
+				service_1.off("assistant_transcript", handleAssistantTranscript);
+				service_1.off("assistant_transcript_done", handleAssistantTranscriptDone);
+				service_1.off("tool_call_started", handleToolCallStarted);
+				service_1.off("tool_call_completed", handleToolCallCompleted);
+				service_1.off("error", handleError);
+			};
+		};
+		t8 = [getService];
+		$[17] = getService;
+		$[18] = t7;
+		$[19] = t8;
+	} else {
+		t7 = $[18];
+		t8 = $[19];
+	}
+	useEffect(t7, t8);
+	let t9;
+	if ($[20] !== getService) {
+		t9 = async (config) => {
+			try {
+				setIsConnecting(true);
+				setIsError(false);
+				setError(void 0);
+				await getService().startSession(config);
+			} catch (t10$1) {
+				const err = t10$1;
+				setIsConnecting(false);
+				setIsError(true);
+				const errorMsg_0 = err instanceof Error ? err.message : "Failed to start session";
+				setError(errorMsg_0);
+				onErrorRef.current?.(errorMsg_0);
+			}
+		};
+		$[20] = getService;
+		$[21] = t9;
+	} else t9 = $[21];
+	const startSession = t9;
+	let t10;
+	if ($[22] !== getService) {
+		t10 = () => {
+			getService().stopSession();
+			setAudioLevel(void 0);
+			setTranscript(void 0);
+			setToolCall(void 0);
+		};
+		$[22] = getService;
+		$[23] = t10;
+	} else t10 = $[23];
+	const stopSession = t10;
+	let t11;
+	if ($[24] !== getService || $[25] !== isMuted) {
+		t11 = (muted) => {
+			const service_4 = getService();
+			const newMuted = muted !== void 0 ? muted : !isMuted;
+			service_4.toggleMute(newMuted);
+			setIsMuted(newMuted);
+		};
+		$[24] = getService;
+		$[25] = isMuted;
+		$[26] = t11;
+	} else t11 = $[26];
+	const toggleMute = t11;
+	let t12;
+	if ($[27] !== getService) {
+		t12 = (text_1) => {
+			const service_5 = getService();
+			if (service_5.isSessionActive()) service_5.sendUserMessage(text_1);
+		};
+		$[27] = getService;
+		$[28] = t12;
+	} else t12 = $[28];
+	const sendMessage = t12;
+	let t13;
+	if ($[29] !== audioLevel || $[30] !== connectionState || $[31] !== error || $[32] !== isActive || $[33] !== isConnecting || $[34] !== isError || $[35] !== isMuted || $[36] !== sendMessage || $[37] !== startSession || $[38] !== stopSession || $[39] !== toggleMute || $[40] !== toolCall || $[41] !== transcript) {
+		t13 = {
+			isActive,
+			isConnecting,
+			isMuted,
+			isError,
+			connectionState,
+			audioLevel,
+			transcript,
+			toolCall,
+			error,
+			startSession,
+			stopSession,
+			toggleMute,
+			sendMessage
+		};
+		$[29] = audioLevel;
+		$[30] = connectionState;
+		$[31] = error;
+		$[32] = isActive;
+		$[33] = isConnecting;
+		$[34] = isError;
+		$[35] = isMuted;
+		$[36] = sendMessage;
+		$[37] = startSession;
+		$[38] = stopSession;
+		$[39] = toggleMute;
+		$[40] = toolCall;
+		$[41] = transcript;
+		$[42] = t13;
+	} else t13 = $[42];
+	return t13;
+}
+
+//#endregion
+//#region src/providers/VoiceModeProvider.tsx
+const VoiceModeContext = createContext(null);
+/**
+* Check if the browser supports WebRTC and getUserMedia
+*/
+function checkVoiceModeSupport() {
+	return !!(typeof window !== "undefined" && window.RTCPeerConnection && navigator.mediaDevices?.getUserMedia);
+}
+function VoiceModeProvider(t0) {
+	const $ = c(15);
+	const { children, tokenEndpoint, tools, toolExecutor, onConnect, onDisconnect, onError, onUserTranscript, onAssistantTranscript } = t0;
+	let t1;
+	if ($[0] !== onAssistantTranscript || $[1] !== onConnect || $[2] !== onDisconnect || $[3] !== onError || $[4] !== onUserTranscript || $[5] !== tokenEndpoint || $[6] !== toolExecutor || $[7] !== tools) {
+		t1 = {
+			tokenEndpoint,
+			tools,
+			toolExecutor,
+			onConnect,
+			onDisconnect,
+			onError,
+			onUserTranscript,
+			onAssistantTranscript
+		};
+		$[0] = onAssistantTranscript;
+		$[1] = onConnect;
+		$[2] = onDisconnect;
+		$[3] = onError;
+		$[4] = onUserTranscript;
+		$[5] = tokenEndpoint;
+		$[6] = toolExecutor;
+		$[7] = tools;
+		$[8] = t1;
+	} else t1 = $[8];
+	const voiceMode = useVoiceMode(t1);
+	let t2;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = checkVoiceModeSupport();
+		$[9] = t2;
+	} else t2 = $[9];
+	const isSupported = t2;
+	let t3;
+	if ($[10] !== voiceMode) {
+		t3 = {
+			...voiceMode,
+			isSupported
+		};
+		$[10] = voiceMode;
+		$[11] = t3;
+	} else t3 = $[11];
+	const value = t3;
+	let t4;
+	if ($[12] !== children || $[13] !== value) {
+		t4 = /* @__PURE__ */ jsx(VoiceModeContext.Provider, {
+			value,
+			children
+		});
+		$[12] = children;
+		$[13] = value;
+		$[14] = t4;
+	} else t4 = $[14];
+	return t4;
+}
+/**
+* Hook to optionally access voice mode context (returns null if not in provider)
+*/
+function useOptionalVoiceModeContext() {
+	return useContext(VoiceModeContext);
+}
+
+//#endregion
+//#region src/components/avatar.tsx
+function Avatar(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+			"data-slot": "avatar",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function AvatarImage(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("aspect-square size-full", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+			"data-slot": "avatar-image",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function AvatarFallback(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("bg-muted flex size-full items-center justify-center rounded-full", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+			"data-slot": "avatar-fallback",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+//#region src/components/dialog.tsx
+function Dialog(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+			"data-slot": "dialog",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function DialogTrigger(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+			"data-slot": "dialog-trigger",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function DialogPortal(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+			"data-slot": "dialog-portal",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function DialogOverlay(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+			"data-slot": "dialog-overlay",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function DialogContent(t0) {
+	const $ = c(15);
+	let children;
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, children, showCloseButton: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+	}
+	const showCloseButton = t1 === void 0 ? true : t1;
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(DialogOverlay, {});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== className) {
+		t3 = cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className);
+		$[6] = className;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== showCloseButton) {
+		t4 = showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+			"data-slot": "dialog-close",
+			className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+			children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		});
+		$[8] = showCloseButton;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== children || $[11] !== props || $[12] !== t3 || $[13] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(DialogPortal, {
+			"data-slot": "dialog-portal",
+			children: [t2, /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+				"data-slot": "dialog-content",
+				className: t3,
+				...props,
+				children: [children, t4]
+			})]
+		});
+		$[10] = children;
+		$[11] = props;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
+}
+function DialogHeader(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("flex flex-col gap-2 text-center sm:text-left", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "dialog-header",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function DialogTitle(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("text-lg leading-none font-semibold", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+			"data-slot": "dialog-title",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function DialogDescription(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("text-muted-foreground text-sm", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+			"data-slot": "dialog-description",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+//#region src/components/tooltip.tsx
+function TooltipProvider(t0) {
+	const $ = c(6);
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({delayDuration: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+	} else {
+		props = $[1];
+		t1 = $[2];
+	}
+	const delayDuration = t1 === void 0 ? 0 : t1;
+	let t2;
+	if ($[3] !== delayDuration || $[4] !== props) {
+		t2 = /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+			"data-slot": "tooltip-provider",
+			delayDuration,
+			...props
+		});
+		$[3] = delayDuration;
+		$[4] = props;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+function Tooltip(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+			"data-slot": "tooltip",
+			...props
+		}) });
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function TooltipTrigger(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+			"data-slot": "tooltip-trigger",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function TooltipContent(t0) {
+	const $ = c(13);
+	let children;
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, sideOffset: t1, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+	}
+	const sideOffset = t1 === void 0 ? 0 : t1;
+	let t2;
+	if ($[5] !== className) {
+		t2 = cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className);
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" });
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== children || $[9] !== props || $[10] !== sideOffset || $[11] !== t2) {
+		t4 = /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+			"data-slot": "tooltip-content",
+			sideOffset,
+			className: t2,
+			...props,
+			children: [children, t3]
+		}) });
+		$[8] = children;
+		$[9] = props;
+		$[10] = sideOffset;
+		$[11] = t2;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+
+//#endregion
+//#region src/components/button.tsx
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button(t0) {
+	const $ = c(14);
+	let className;
+	let props;
+	let size;
+	let t1;
+	let variant;
+	if ($[0] !== t0) {
+		({className, variant, size, asChild: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = size;
+		$[4] = t1;
+		$[5] = variant;
+	} else {
+		className = $[1];
+		props = $[2];
+		size = $[3];
+		t1 = $[4];
+		variant = $[5];
+	}
+	const Comp = (t1 === void 0 ? false : t1) ? Slot : "button";
+	let t2;
+	if ($[6] !== className || $[7] !== size || $[8] !== variant) {
+		t2 = cn(buttonVariants({
+			variant,
+			size,
+			className
+		}));
+		$[6] = className;
+		$[7] = size;
+		$[8] = variant;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== Comp || $[11] !== props || $[12] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Comp, {
+			"data-slot": "button",
+			className: t2,
+			...props
+		});
+		$[10] = Comp;
+		$[11] = props;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
+}
+
+//#endregion
+//#region src/components/tooltip-icon-button.tsx
+const TooltipIconButton = forwardRef((t0, ref) => {
+	const $ = c(24);
+	let children;
+	let className;
+	let rest;
+	let t1;
+	let tooltip;
+	if ($[0] !== t0) {
+		({children, tooltip, side: t1, className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = rest;
+		$[4] = t1;
+		$[5] = tooltip;
+	} else {
+		children = $[1];
+		className = $[2];
+		rest = $[3];
+		t1 = $[4];
+		tooltip = $[5];
+	}
+	const side = t1 === void 0 ? "bottom" : t1;
+	let t2;
+	if ($[6] !== className) {
+		t2 = cn("aui-button-icon size-6 p-1", className);
+		$[6] = className;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== children) {
+		t3 = /* @__PURE__ */ jsx(Slottable, { children });
+		$[8] = children;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== tooltip) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: "aui-sr-only sr-only",
+			children: tooltip
+		});
+		$[10] = tooltip;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== ref || $[13] !== rest || $[14] !== t2 || $[15] !== t3 || $[16] !== t4) {
+		t5 = /* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size: "icon",
+				...rest,
+				className: t2,
+				ref,
+				children: [t3, t4]
+			})
+		});
+		$[12] = ref;
+		$[13] = rest;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== side || $[19] !== tooltip) {
+		t6 = /* @__PURE__ */ jsx(TooltipContent, {
+			side,
+			children: tooltip
+		});
+		$[18] = side;
+		$[19] = tooltip;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== t5 || $[22] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Tooltip, { children: [t5, t6] });
+		$[21] = t5;
+		$[22] = t6;
+		$[23] = t7;
+	} else t7 = $[23];
+	return t7;
+});
+TooltipIconButton.displayName = "TooltipIconButton";
+
+//#endregion
+//#region src/components/attachment.tsx
+const useFileSrc = (file) => {
+	const $ = c(3);
+	const [src, setSrc] = useState(void 0);
+	let t0;
+	let t1;
+	if ($[0] !== file) {
+		t0 = () => {
+			if (!file) {
+				setSrc(void 0);
+				return;
+			}
+			const objectUrl = URL.createObjectURL(file);
+			setSrc(objectUrl);
+			return () => {
+				URL.revokeObjectURL(objectUrl);
+			};
+		};
+		t1 = [file];
+		$[0] = file;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+	return src;
+};
+const useAttachmentSrc = () => {
+	const { file, src: src_0 } = useAssistantState(useShallow(_temp2));
+	return useFileSrc(file) ?? src_0;
+};
+const AttachmentPreview = (t0) => {
+	const $ = c(2);
+	const { src } = t0;
+	let t1;
+	if ($[0] !== src) {
+		t1 = /* @__PURE__ */ jsx("img", {
+			src,
+			alt: "Image Preview",
+			width: 1,
+			height: 1,
+			className: "aui-attachment-preview-image-loaded block h-auto max-h-[80vh] w-auto max-w-full object-contain"
+		});
+		$[0] = src;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+const AttachmentPreviewDialog = (t0) => {
+	const $ = c(8);
+	const { children } = t0;
+	const src = useAttachmentSrc();
+	if (!src) return children;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx(DialogTrigger, {
+			className: "aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50",
+			asChild: true,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(DialogTitle, {
+			className: "aui-sr-only sr-only",
+			children: "Image Attachment Preview"
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== src) {
+		t3 = /* @__PURE__ */ jsxs(DialogContent, {
+			className: "aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&_svg]:text-background [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:!ring-0 [&>button]:hover:[&_svg]:text-destructive",
+			children: [t2, /* @__PURE__ */ jsx("div", {
+				className: "aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background",
+				children: /* @__PURE__ */ jsx(AttachmentPreview, { src })
+			})]
+		});
+		$[3] = src;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== t1 || $[6] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Dialog, { children: [t1, t3] });
+		$[5] = t1;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
+};
+const AttachmentThumb = () => {
+	const $ = c(8);
+	const isImage = useAssistantState(_temp3);
+	const src = useAttachmentSrc();
+	let t0;
+	if ($[0] !== src) {
+		t0 = /* @__PURE__ */ jsx(AvatarImage, {
+			src,
+			alt: "Attachment preview",
+			className: "aui-attachment-tile-image object-cover"
+		});
+		$[0] = src;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = isImage ? 200 : 0;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" });
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== t1) {
+		t3 = /* @__PURE__ */ jsx(AvatarFallback, {
+			delayMs: t1,
+			children: t2
+		});
+		$[3] = t1;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== t0 || $[6] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Avatar, {
+			className: "aui-attachment-tile-avatar h-full w-full rounded-none",
+			children: [t0, t3]
+		});
+		$[5] = t0;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
+};
+const AttachmentUI = () => {
+	const $ = c(17);
+	const isComposer = useAssistantApi().attachment.source === "composer";
+	const isImage = useAssistantState(_temp4);
+	const typeLabel = useAssistantState(_temp5);
+	const t0 = isImage && "aui-attachment-root-composer only:[&>#attachment-tile]:size-24";
+	let t1;
+	if ($[0] !== t0) {
+		t1 = cn("aui-attachment-root relative", t0);
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = isComposer && "aui-attachment-tile-composer border-foreground/20";
+	let t3;
+	if ($[2] !== t2) {
+		t3 = cn("aui-attachment-tile size-14 cursor-pointer overflow-hidden rounded-[14px] border bg-muted transition-opacity hover:opacity-75", t2);
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = `${typeLabel} attachment`;
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(AttachmentThumb, {});
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== t3 || $[6] !== t4) {
+		t6 = /* @__PURE__ */ jsx(AttachmentPreviewDialog, { children: /* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("div", {
+				className: t3,
+				role: "button",
+				id: "attachment-tile",
+				"aria-label": t4,
+				children: t5
+			})
+		}) });
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== isComposer) {
+		t7 = isComposer && /* @__PURE__ */ jsx(AttachmentRemove, {});
+		$[8] = isComposer;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== t1 || $[11] !== t6 || $[12] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(AttachmentPrimitive.Root, {
+			className: t1,
+			children: [t6, t7]
+		});
+		$[10] = t1;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(TooltipContent, {
+			side: "top",
+			children: /* @__PURE__ */ jsx(AttachmentPrimitive.Name, {})
+		});
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== t8) {
+		t10 = /* @__PURE__ */ jsxs(Tooltip, { children: [t8, t9] });
+		$[15] = t8;
+		$[16] = t10;
+	} else t10 = $[16];
+	return t10;
+};
+const AttachmentRemove = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(AttachmentPrimitive.Remove, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(TooltipIconButton, {
+				tooltip: "Remove file",
+				className: "aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-white text-muted-foreground opacity-100 shadow-sm hover:!bg-white [&_svg]:text-black hover:[&_svg]:text-destructive",
+				side: "top",
+				children: /* @__PURE__ */ jsx(XIcon, { className: "aui-attachment-remove-icon size-3 dark:stroke-[2.5px]" })
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+const UserMessageAttachments = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("div", {
+			className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2",
+			children: /* @__PURE__ */ jsx(MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } })
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+const ComposerAttachments = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("div", {
+			className: "aui-composer-attachments mb-2 flex w-full flex-row items-center gap-2 overflow-x-auto px-1.5 pt-0.5 pb-1 empty:hidden",
+			children: /* @__PURE__ */ jsx(ComposerPrimitive.Attachments, { components: { Attachment: AttachmentUI } })
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+const ComposerAddAttachment = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(ComposerPrimitive.AddAttachment, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(TooltipIconButton, {
+				tooltip: "Add Attachment",
+				side: "bottom",
+				variant: "ghost",
+				size: "icon",
+				className: "aui-composer-add-attachment size-[34px] rounded-full p-1 text-xs font-semibold hover:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30",
+				"aria-label": "Add Attachment",
+				children: /* @__PURE__ */ jsx(PlusIcon, { className: "aui-attachment-add-icon size-5 stroke-[1.5px]" })
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+function _temp$2(c$1) {
+	return c$1.type === "image";
+}
+function _temp2(t0) {
+	const { attachment } = t0;
+	if (attachment.type !== "image") return {};
+	if (attachment.file) return { file: attachment.file };
+	const src = attachment.content?.filter(_temp$2)[0]?.image;
+	if (!src) return {};
+	return { src };
+}
+function _temp3(t0) {
+	const { attachment } = t0;
+	return attachment.type === "image";
+}
+function _temp4(t0) {
+	const { attachment } = t0;
+	return attachment.type === "image";
+}
+function _temp5(t0) {
+	const { attachment: attachment_0 } = t0;
+	const type = attachment_0.type;
+	switch (type) {
+		case "image": return "Image";
+		case "document": return "Document";
+		case "file": return "File";
+		default: {
+			const _exhaustiveCheck = type;
+			throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+		}
+	}
+}
+
+//#endregion
+//#region src/components/markdown-text.tsx
+const MarkdownTextImpl = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(MarkdownTextPrimitive, {
+			remarkPlugins: [remarkGfm],
+			className: "aui-md",
+			components: defaultComponents
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+const MarkdownText = memo(MarkdownTextImpl);
+const CodeHeader = (t0) => {
+	const $ = c(17);
+	const { language, code } = t0;
+	const { isCopied, copyToClipboard } = useCopyToClipboard();
+	let t1;
+	if ($[0] !== code || $[1] !== copyToClipboard || $[2] !== isCopied) {
+		t1 = () => {
+			if (!code || isCopied) return;
+			copyToClipboard(code);
+		};
+		$[0] = code;
+		$[1] = copyToClipboard;
+		$[2] = isCopied;
+		$[3] = t1;
+	} else t1 = $[3];
+	const onCopy = t1;
+	let t2;
+	if ($[4] !== language) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "aui-code-header-language lowercase [&>span]:text-xs",
+			children: language
+		});
+		$[4] = language;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== isCopied) {
+		t3 = !isCopied && /* @__PURE__ */ jsx(CopyIcon, {});
+		$[6] = isCopied;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== isCopied) {
+		t4 = isCopied && /* @__PURE__ */ jsx(CheckIcon, {});
+		$[8] = isCopied;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== onCopy || $[11] !== t3 || $[12] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(TooltipIconButton, {
+			tooltip: "Copy",
+			onClick: onCopy,
+			children: [t3, t4]
+		});
+		$[10] = onCopy;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== t2 || $[15] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "aui-code-header-root mt-2 flex items-center justify-between gap-2 rounded-t-lg bg-muted-foreground/15 px-2 py-1 text-sm font-semibold text-foreground dark:bg-muted-foreground/20",
+			children: [t2, t5]
+		});
+		$[14] = t2;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	return t6;
+};
+const useCopyToClipboard = (t0) => {
+	const $ = c(7);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { copiedDuration: t2 } = t1;
+	const copiedDuration = t2 === void 0 ? 3e3 : t2;
+	const [isCopied, setIsCopied] = useState(false);
+	let t3;
+	if ($[2] !== copiedDuration) {
+		t3 = (value) => {
+			if (!value) return;
+			navigator.clipboard.writeText(value).then(() => {
+				setIsCopied(true);
+				setTimeout(() => setIsCopied(false), copiedDuration);
+			});
+		};
+		$[2] = copiedDuration;
+		$[3] = t3;
+	} else t3 = $[3];
+	const copyToClipboard = t3;
+	let t4;
+	if ($[4] !== copyToClipboard || $[5] !== isCopied) {
+		t4 = {
+			isCopied,
+			copyToClipboard
+		};
+		$[4] = copyToClipboard;
+		$[5] = isCopied;
+		$[6] = t4;
+	} else t4 = $[6];
+	return t4;
+};
+const defaultComponents = unstable_memoizeMarkdownComponents({
+	h1: ({ className, ...props }) => /* @__PURE__ */ jsx("h1", {
+		className: cn("aui-md-h1 mb-4 scroll-m-20 text-[25px] font-extrabold tracking-tight last:mb-0", className),
+		...props
+	}),
+	h2: ({ className, ...props }) => /* @__PURE__ */ jsx("h2", {
+		className: cn("aui-md-h2 mt-4 mb-2 scroll-m-20 text-[21px] font-semibold tracking-tight first:mt-0 last:mb-0", className),
+		...props
+	}),
+	h3: ({ className, ...props }) => /* @__PURE__ */ jsx("h3", {
+		className: cn("aui-md-h3 mt-3 mb-2 scroll-m-20 text-[19px] font-semibold tracking-tight first:mt-0 last:mb-0", className),
+		...props
+	}),
+	h4: ({ className, ...props }) => /* @__PURE__ */ jsx("h4", {
+		className: cn("aui-md-h4 mt-3 mb-2 scroll-m-20 text-[17px] font-semibold tracking-tight first:mt-0 last:mb-0", className),
+		...props
+	}),
+	h5: ({ className, ...props }) => /* @__PURE__ */ jsx("h5", {
+		className: cn("aui-md-h5 my-2 text-[15px] font-semibold first:mt-0 last:mb-0", className),
+		...props
+	}),
+	h6: ({ className, ...props }) => /* @__PURE__ */ jsx("h6", {
+		className: cn("aui-md-h6 my-2 text-[15px] font-semibold first:mt-0 last:mb-0", className),
+		...props
+	}),
+	p: ({ className, ...props }) => /* @__PURE__ */ jsx("p", {
+		className: cn("aui-md-p mt-2 mb-2 text-[13px] leading-relaxed first:mt-0 last:mb-0", className),
+		...props
+	}),
+	a: ({ className, ...props }) => /* @__PURE__ */ jsx("a", {
+		className: cn("aui-md-a text-[13px] font-medium text-primary underline underline-offset-4", className),
+		...props
+	}),
+	blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx("blockquote", {
+		className: cn("aui-md-blockquote text-[13px] border-l-2 pl-3 italic", className),
+		...props
+	}),
+	ul: ({ className, ...props }) => /* @__PURE__ */ jsx("ul", {
+		className: cn("aui-md-ul text-[13px] my-2 ml-4 list-disc [&>li]:mt-1", className),
+		...props
+	}),
+	ol: ({ className, ...props }) => /* @__PURE__ */ jsx("ol", {
+		className: cn("aui-md-ol text-[13px] my-2 ml-4 list-decimal [&>li]:mt-1", className),
+		...props
+	}),
+	hr: ({ className, ...props }) => /* @__PURE__ */ jsx("hr", {
+		className: cn("aui-md-hr my-2 border-b", className),
+		...props
+	}),
+	table: ({ className, ...props }) => /* @__PURE__ */ jsx("table", {
+		className: cn("aui-md-table text-[13px] my-2 w-full border-separate border-spacing-0 overflow-y-auto", className),
+		...props
+	}),
+	th: ({ className, ...props }) => /* @__PURE__ */ jsx("th", {
+		className: cn("aui-md-th bg-muted px-2 py-1 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right", className),
+		...props
+	}),
+	td: ({ className, ...props }) => /* @__PURE__ */ jsx("td", {
+		className: cn("aui-md-td border-b border-l px-2 py-1 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right", className),
+		...props
+	}),
+	tr: ({ className, ...props }) => /* @__PURE__ */ jsx("tr", {
+		className: cn("aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg", className),
+		...props
+	}),
+	sup: ({ className, ...props }) => /* @__PURE__ */ jsx("sup", {
+		className: cn("aui-md-sup [&>a]:text-xs [&>a]:no-underline", className),
+		...props
+	}),
+	pre: ({ className, ...props }) => /* @__PURE__ */ jsx("pre", {
+		className: cn("aui-md-pre text-[13px] overflow-x-auto !rounded-t-none rounded-b-lg bg-black p-2 text-white", className),
+		...props
+	}),
+	code: function Code({ className, ...props }) {
+		return /* @__PURE__ */ jsx("code", {
+			className: cn(!useIsMarkdownCodeBlock() && "aui-md-inline-code text-[13px] rounded border bg-muted font-semibold", className),
+			...props
+		});
+	},
+	CodeHeader
+});
+
+//#endregion
+//#region src/lib/mcp-transport.ts
+/**
+* MCP Transport Utilities
+*
+* Shared transport creation logic for MCP sources.
+* This eliminates duplication between MCPToolsProvider and useMCPSource.
+*/
+/**
+* Creates the appropriate MCP transport based on source configuration.
+*
+* @param config - The MCP source configuration
+* @param transportType - For HTTP sources, specifies whether to use HTTP or SSE transport
+* @returns A configured MCP Transport instance
+*
+* @example Tab-based transport (same-tab or iframe)
+* ```ts
+* const transport = createMCPTransport({ type: 'tab' })
+* ```
+*
+* @example HTTP transport with auth
+* ```ts
+* const transport = createMCPTransport({
+*   type: 'http',
+*   url: 'https://example.com/mcp',
+*   authToken: 'secret'
+* }, 'http')
+* ```
+*/
+function createMCPTransport(config, transportType = "http") {
+	if (config.type === "tab") return new TabClientTransport({
+		targetOrigin: config.targetOrigin ?? window.location.origin,
+		channelId: config.channelId ?? "mcp-default"
+	});
+	const serverUrl = new URL(config.url);
+	const headers = {
+		Accept: "application/json, text/event-stream",
+		...config.customHeaders ?? {}
+	};
+	if (config.authToken) headers.Authorization = `Bearer ${config.authToken}`;
+	const transportOptions = { requestInit: { headers } };
+	if (transportType === "sse") return new SSEClientTransport(serverUrl, transportOptions);
+	return new StreamableHTTPClientTransport(serverUrl, transportOptions);
+}
+
+//#endregion
+//#region src/providers/MCPToolsProvider.tsx
+/**
+* MCP Tools Provider
+*
+* Simplified provider for managing tools from multiple MCP sources.
+* Sources can be tab-based (same-tab, iframes) or HTTP-based (remote servers).
+*
+* @example Basic usage
+* ```tsx
+* <MCPToolsProvider>
+*   <App />
+* </MCPToolsProvider>
+* ```
+*
+* @example Using the hook
+* ```tsx
+* const { tools, addSource, callTool } = useMCPTools()
+* await addSource('remote', { type: 'http', url: 'http://localhost:8888/mcp' })
+* ```
+*/
+/** Well-known source IDs */
+const SOURCE_LOCAL = "local";
+const SOURCE_REMOTE = "remote";
+const MCPToolsContext = createContext(null);
+function MCPToolsProvider({ children, autoConnectLocal = true, onToolsChange }) {
+	const sourcesRef = useRef(/* @__PURE__ */ new Map());
+	const [, forceUpdate] = useState({});
+	const [toolsList, setToolsList] = useState([]);
+	/**
+	* Rebuild tools list from all sources
+	*/
+	const rebuildTools = useCallback(() => {
+		const allTools = [];
+		sourcesRef.current.forEach((source) => {
+			source.tools.forEach((tool) => {
+				allTools.push({
+					...tool,
+					_sourceId: source.id
+				});
+			});
+		});
+		setToolsList(allTools);
+	}, []);
+	/**
+	* Get public source state (without client reference)
+	*/
+	const getPublicSource = useCallback((source_0) => {
+		return {
+			id: source_0.id,
+			config: source_0.config,
+			state: source_0.state,
+			error: source_0.error,
+			tools: source_0.tools,
+			resources: source_0.resources,
+			resourceTemplates: source_0.resourceTemplates,
+			prompts: source_0.prompts
+		};
+	}, []);
+	/**
+	* Add a new source
+	*/
+	const addSource = useCallback(async (id, config) => {
+		if (sourcesRef.current.has(id)) await removeSource(id);
+		const sourceState = {
+			id,
+			config,
+			state: "connecting",
+			error: null,
+			tools: [],
+			resources: [],
+			resourceTemplates: [],
+			prompts: [],
+			client: null,
+			transport: null
+		};
+		sourcesRef.current.set(id, sourceState);
+		forceUpdate({});
+		try {
+			const client = new Client({
+				name: `MCP-Source-${id}`,
+				version: "1.0.0"
+			});
+			const transport = createMCPTransport(config);
+			await client.connect(transport);
+			sourceState.client = client;
+			sourceState.transport = transport;
+			const { tools } = await client.listTools();
+			sourceState.tools = tools;
+			sourceState.state = "connected";
+			client.setNotificationHandler(ToolListChangedNotificationSchema, async () => {
+				try {
+					sourceState.tools = (await client.listTools()).tools;
+					rebuildTools();
+					forceUpdate({});
+				} catch (err_0) {
+					console.error(`[MCPToolsProvider:${id}] Failed to update tools:`, err_0);
+				}
+			});
+			rebuildTools();
+			forceUpdate({});
+		} catch (err) {
+			const error = err instanceof Error ? err : new Error(String(err));
+			console.error(`[MCPToolsProvider:${id}] Connection failed:`, error);
+			sourceState.state = "error";
+			sourceState.error = error;
+			forceUpdate({});
+		}
+	}, [rebuildTools]);
+	/**
+	* Remove a source
+	*/
+	const removeSource = useCallback(async (id_0) => {
+		const source_1 = sourcesRef.current.get(id_0);
+		if (!source_1) return;
+		if (source_1.client) try {
+			await source_1.client.close();
+		} catch (err_1) {
+			console.error(`[MCPToolsProvider:${id_0}] Error closing client:`, err_1);
+		}
+		if (source_1.transport) try {
+			await source_1.transport.close();
+		} catch (err_2) {
+			console.error(`[MCPToolsProvider:${id_0}] Error closing transport:`, err_2);
+		}
+		sourcesRef.current.delete(id_0);
+		rebuildTools();
+		forceUpdate({});
+	}, [rebuildTools]);
+	/**
+	* Get a source by ID
+	*/
+	const getSource = useCallback((id_1) => {
+		const source_2 = sourcesRef.current.get(id_1);
+		return source_2 ? getPublicSource(source_2) : void 0;
+	}, [getPublicSource]);
+	/**
+	* Check if a source is connected
+	*/
+	const isConnected = useCallback((id_2) => {
+		return sourcesRef.current.get(id_2)?.state === "connected";
+	}, []);
+	/**
+	* Call a tool on a specific source
+	*/
+	const callToolOnSource = useCallback(async (sourceId, name, args) => {
+		const source_4 = sourcesRef.current.get(sourceId);
+		if (!source_4?.client) throw new Error(`Source '${sourceId}' not connected`);
+		return await source_4.client.callTool({
+			name,
+			arguments: args
+		});
+	}, []);
+	/**
+	* Call a tool (auto-routes based on tool name)
+	*/
+	const callTool = useCallback(async (name_0, args_0) => {
+		const tool_0 = toolsList.find((t) => t.name === name_0);
+		if (!tool_0) throw new Error(`Tool '${name_0}' not found`);
+		return callToolOnSource(tool_0._sourceId, name_0, args_0);
+	}, [toolsList, callToolOnSource]);
+	/**
+	* Get sources map for context (public view)
+	*/
+	const sources = useMemo(() => {
+		const publicSources = /* @__PURE__ */ new Map();
+		sourcesRef.current.forEach((source_5) => {
+			publicSources.set(source_5.id, getPublicSource(source_5));
+		});
+		return publicSources;
+	}, [toolsList, getPublicSource]);
+	useEffect(() => {
+		if (autoConnectLocal) {
+			const timer = setTimeout(() => {
+				addSource(SOURCE_LOCAL, { type: "tab" });
+			}, MCP_TAB_CONNECT_DELAY_MS);
+			return () => clearTimeout(timer);
+		}
+	}, [autoConnectLocal, addSource]);
+	useEffect(() => {
+		onToolsChange?.(toolsList);
+	}, [toolsList, onToolsChange]);
+	useEffect(() => {
+		const sources_0 = sourcesRef;
+		return () => {
+			sources_0.current.forEach((source_6) => {
+				if (source_6.client) source_6.client.close().catch(console.error);
+				if (source_6.transport) source_6.transport.close().catch(console.error);
+			});
+			sources_0.current.clear();
+		};
+	}, []);
+	const value = useMemo(() => ({
+		tools: toolsList,
+		sources,
+		addSource,
+		removeSource,
+		getSource,
+		isConnected,
+		callTool,
+		callToolOnSource
+	}), [
+		toolsList,
+		sources,
+		addSource,
+		removeSource,
+		getSource,
+		isConnected,
+		callTool,
+		callToolOnSource
+	]);
+	return /* @__PURE__ */ jsx(MCPToolsContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Hook to access MCP Tools context
+*/
+function useMCPTools() {
+	const context = useContext(MCPToolsContext);
+	if (!context) throw new Error("useMCPTools must be used within an MCPToolsProvider");
+	return context;
+}
+
+//#endregion
+//#region src/components/RemoteMCPSettings.tsx
+/**
+* Remote MCP Settings
+*
+* A dialog component for managing remote MCP server connections.
+* Allows users to add, connect, and disconnect from remote MCP servers.
+*/
+const RemoteMCPSettings = () => {
+	const { sources, addSource, removeSource } = useMCPTools();
+	const [isOpen, setIsOpen] = useState(false);
+	const [url, setUrl] = useState("");
+	const [isConnecting, setIsConnecting] = useState(false);
+	const [error, setError] = useState(null);
+	const remoteServers = [];
+	sources.forEach((source, id) => {
+		if (source.config.type === "http" && id !== "local") remoteServers.push({
+			id,
+			url: source.config.url
+		});
+	});
+	const handleConnect = useCallback(async () => {
+		if (!url.trim()) {
+			setError("Please enter a URL");
+			return;
+		}
+		try {
+			new URL(url);
+		} catch {
+			setError("Please enter a valid URL");
+			return;
+		}
+		setIsConnecting(true);
+		setError(null);
+		try {
+			await addSource(remoteServers.length === 0 ? SOURCE_REMOTE : `remote-${Date.now()}`, {
+				type: "http",
+				url
+			});
+			setUrl("");
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "Failed to connect");
+		} finally {
+			setIsConnecting(false);
+		}
+	}, [
+		url,
+		addSource,
+		remoteServers.length
+	]);
+	const handleDisconnect = useCallback(async (serverId_0) => {
+		await removeSource(serverId_0);
+	}, [removeSource]);
+	const handleKeyDown = useCallback((e) => {
+		if (e.key === "Enter" && !isConnecting) handleConnect();
+	}, [handleConnect, isConnecting]);
+	const connectedCount = remoteServers.filter((s) => {
+		return sources.get(s.id)?.state === "connected";
+	}).length;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: isOpen,
+		onOpenChange: setIsOpen,
+		children: [/* @__PURE__ */ jsx(DialogTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(TooltipIconButton, {
+				tooltip: "Connect MCP Server",
+				variant: "ghost",
+				size: "sm",
+				className: cn("gap-2 rounded-full text-muted-foreground hover:text-foreground", connectedCount > 0 && "text-green-600 dark:text-green-400"),
+				children: [/* @__PURE__ */ jsx(Plug, { className: "h-4 w-4" }), connectedCount > 0 && /* @__PURE__ */ jsx("span", {
+					className: "text-xs",
+					children: connectedCount
+				})]
+			})
+		}), /* @__PURE__ */ jsxs(DialogContent, {
+			className: "sm:max-w-md",
+			children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Remote MCP Servers" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Connect to remote MCP servers to access their tools, resources, and prompts." })] }), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ jsx("label", {
+								htmlFor: "mcp-url",
+								className: "text-sm font-medium",
+								children: "Server URL"
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ jsx("input", {
+									id: "mcp-url",
+									type: "url",
+									value: url,
+									onChange: (e_0) => setUrl(e_0.target.value),
+									onKeyDown: handleKeyDown,
+									placeholder: "https://mcp.example.com/sse",
+									disabled: isConnecting,
+									className: cn("flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50")
+								}), /* @__PURE__ */ jsx(Button, {
+									onClick: () => void handleConnect(),
+									disabled: isConnecting || !url.trim(),
+									size: "sm",
+									className: "shrink-0",
+									children: isConnecting ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
+								})]
+							}),
+							error && /* @__PURE__ */ jsx("p", {
+								className: "text-xs text-destructive",
+								children: error
+							})
+						]
+					}),
+					remoteServers.length > 0 && /* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx("label", {
+							className: "text-sm font-medium",
+							children: "Connected Servers"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "space-y-2",
+							children: remoteServers.map((server) => {
+								const source_1 = sources.get(server.id);
+								const isConnected = source_1?.state === "connected";
+								const isLoading = source_1?.state === "connecting";
+								return /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2 rounded-md border border-border bg-muted/50 px-3 py-2",
+									children: [
+										/* @__PURE__ */ jsx("div", { className: cn("h-2 w-2 shrink-0 rounded-full", isConnected && "bg-green-500", isLoading && "bg-yellow-500 animate-pulse", source_1?.state === "error" && "bg-red-500") }),
+										/* @__PURE__ */ jsx("span", {
+											className: "flex-1 truncate text-xs text-muted-foreground",
+											children: server.url
+										}),
+										isConnected && source_1 && /* @__PURE__ */ jsxs("span", {
+											className: "text-xs text-muted-foreground",
+											children: [source_1.tools.length, " tools"]
+										}),
+										/* @__PURE__ */ jsx("button", {
+											type: "button",
+											onClick: () => void handleDisconnect(server.id),
+											className: "shrink-0 rounded p-1 text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+											"aria-label": "Disconnect server",
+											children: isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+										})
+									]
+								}, server.id);
+							})
+						})]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Enter the URL of an MCP server that supports the Streamable HTTP transport (SSE)."
+					})
+				]
+			})]
+		})]
+	});
+};
+
+//#endregion
+//#region src/components/tool-fallback.tsx
+const ToolFallback = (t0) => {
+	const $ = c(15);
+	const { toolName, argsText, result } = t0;
+	const [isCollapsed, setIsCollapsed] = useState(true);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(CheckIcon, { className: "aui-tool-fallback-icon size-3.5 text-emerald-500" });
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== toolName) {
+		t2 = /* @__PURE__ */ jsx("p", {
+			className: "aui-tool-fallback-title flex-grow text-sm font-medium",
+			children: toolName
+		});
+		$[1] = toolName;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== isCollapsed) {
+		t3 = /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "sm",
+			className: "h-6 w-6 p-0",
+			onClick: () => setIsCollapsed(!isCollapsed),
+			children: isCollapsed ? /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3.5" })
+		});
+		$[3] = isCollapsed;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== t2 || $[6] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "aui-tool-fallback-header flex items-center gap-2 px-3",
+			children: [
+				t1,
+				t2,
+				t3
+			]
+		});
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== argsText || $[9] !== isCollapsed || $[10] !== result) {
+		t5 = !isCollapsed && /* @__PURE__ */ jsxs("div", {
+			className: "aui-tool-fallback-content flex flex-col gap-2 border-t border-border/20 pt-2",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "aui-tool-fallback-args-root px-3",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground/70",
+					children: "Input"
+				}), /* @__PURE__ */ jsx("pre", {
+					className: "aui-tool-fallback-args-value mt-1 max-h-40 overflow-auto rounded-lg bg-muted/30 px-2 py-1.5 font-mono text-[11px] leading-relaxed text-foreground/80 whitespace-pre-wrap",
+					children: argsText
+				})]
+			}), result !== void 0 && /* @__PURE__ */ jsxs("div", {
+				className: "aui-tool-fallback-result-root border-t border-dashed border-border/20 px-3 pt-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground/70",
+					children: "Output"
+				}), /* @__PURE__ */ jsx("pre", {
+					className: "aui-tool-fallback-result-content mt-1 max-h-60 overflow-auto rounded-lg bg-muted/30 px-2 py-1.5 font-mono text-[11px] leading-relaxed text-foreground/80 whitespace-pre-wrap",
+					children: typeof result === "string" ? result : JSON.stringify(result, null, 2)
+				})]
+			})]
+		});
+		$[8] = argsText;
+		$[9] = isCollapsed;
+		$[10] = result;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t4 || $[13] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "aui-tool-fallback-root mb-3 flex w-full flex-col gap-2 rounded-xl border border-border/20 bg-muted/5 py-2",
+			children: [t4, t5]
+		});
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	return t6;
+};
+
+//#endregion
+//#region src/components/live-waveform.tsx
+const LiveWaveform = (t0) => {
+	const $ = c(54);
+	let barColor;
+	let className;
+	let manualAudioLevel;
+	let props;
+	let t1;
+	let t10;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[0] !== t0) {
+		({active: t1, processing: t2, barWidth: t3, barGap: t4, barRadius: t5, barColor, fadeEdges: t6, fadeWidth: t7, height: t8, sensitivity: t9, mode: t10, manualAudioLevel, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = barColor;
+		$[2] = className;
+		$[3] = manualAudioLevel;
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t10;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+		$[14] = t9;
+	} else {
+		barColor = $[1];
+		className = $[2];
+		manualAudioLevel = $[3];
+		props = $[4];
+		t1 = $[5];
+		t10 = $[6];
+		t2 = $[7];
+		t3 = $[8];
+		t4 = $[9];
+		t5 = $[10];
+		t6 = $[11];
+		t7 = $[12];
+		t8 = $[13];
+		t9 = $[14];
+	}
+	const active = t1 === void 0 ? false : t1;
+	const processing = t2 === void 0 ? false : t2;
+	const barWidth = t3 === void 0 ? 3 : t3;
+	const barGap = t4 === void 0 ? 1 : t4;
+	const barRadius = t5 === void 0 ? 1.5 : t5;
+	const fadeEdges = t6 === void 0 ? true : t6;
+	const fadeWidth = t7 === void 0 ? 24 : t7;
+	const height = t8 === void 0 ? 64 : t8;
+	const sensitivity = t9 === void 0 ? 1 : t9;
+	const mode = t10 === void 0 ? "static" : t10;
+	const canvasRef = useRef(null);
+	const containerRef = useRef(null);
+	let t11;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = [];
+		$[15] = t11;
+	} else t11 = $[15];
+	const historyRef = useRef(t11);
+	useRef(0);
+	const lastUpdateRef = useRef(0);
+	const processingAnimationRef = useRef(null);
+	let t12;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = [];
+		$[16] = t12;
+	} else t12 = $[16];
+	const lastActiveDataRef = useRef(t12);
+	const transitionProgressRef = useRef(0);
+	let t13;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = [];
+		$[17] = t13;
+	} else t13 = $[17];
+	const staticBarsRef = useRef(t13);
+	const needsRedrawRef = useRef(true);
+	const gradientCacheRef = useRef(null);
+	const lastWidthRef = useRef(0);
+	const heightStyle = typeof height === "number" ? `${height}px` : height;
+	let t14;
+	let t15;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = () => {
+			const canvas = canvasRef.current;
+			const container = containerRef.current;
+			if (!canvas || !container) return;
+			const resizeObserver = new ResizeObserver(() => {
+				const rect = container.getBoundingClientRect();
+				const dpr = window.devicePixelRatio || 1;
+				canvas.width = rect.width * dpr;
+				canvas.height = rect.height * dpr;
+				canvas.style.width = `${rect.width}px`;
+				canvas.style.height = `${rect.height}px`;
+				const ctx = canvas.getContext("2d");
+				if (ctx) ctx.scale(dpr, dpr);
+				gradientCacheRef.current = null;
+				lastWidthRef.current = rect.width;
+				needsRedrawRef.current = true;
+			});
+			resizeObserver.observe(container);
+			return () => resizeObserver.disconnect();
+		};
+		t15 = [];
+		$[18] = t14;
+		$[19] = t15;
+	} else {
+		t14 = $[18];
+		t15 = $[19];
+	}
+	useEffect(t14, t15);
+	let t16;
+	let t17;
+	if ($[20] !== active || $[21] !== barGap || $[22] !== barWidth || $[23] !== mode || $[24] !== processing) {
+		t16 = () => {
+			if (processing && !active) {
+				let time = 0;
+				transitionProgressRef.current = 0;
+				const animateProcessing = () => {
+					time = time + .03;
+					transitionProgressRef.current = Math.min(1, transitionProgressRef.current + .02);
+					const processingData = [];
+					const barCount = Math.floor((containerRef.current?.getBoundingClientRect().width || 200) / (barWidth + barGap));
+					if (mode === "static") {
+						const halfCount = Math.floor(barCount / 2);
+						for (let i = 0; i < barCount; i++) {
+							const normalizedPosition = (i - halfCount) / halfCount;
+							const centerWeight = 1 - Math.abs(normalizedPosition) * .4;
+							const wave1 = Math.sin(time * 1.5 + normalizedPosition * 3) * .25;
+							const wave2 = Math.sin(time * .8 - normalizedPosition * 2) * .2;
+							const wave3 = Math.cos(time * 2 + normalizedPosition) * .15;
+							const processingValue = (.2 + (wave1 + wave2 + wave3)) * centerWeight;
+							let finalValue = processingValue;
+							if (lastActiveDataRef.current.length > 0 && transitionProgressRef.current < 1) {
+								const lastDataIndex = Math.min(i, lastActiveDataRef.current.length - 1);
+								finalValue = (lastActiveDataRef.current[lastDataIndex] || 0) * (1 - transitionProgressRef.current) + processingValue * transitionProgressRef.current;
+							}
+							processingData.push(Math.max(.05, Math.min(1, finalValue)));
+						}
+					} else for (let i_0 = 0; i_0 < barCount; i_0++) {
+						const normalizedPosition_0 = (i_0 - barCount / 2) / (barCount / 2);
+						const centerWeight_0 = 1 - Math.abs(normalizedPosition_0) * .4;
+						const wave1_0 = Math.sin(time * 1.5 + i_0 * .15) * .25;
+						const wave2_0 = Math.sin(time * .8 - i_0 * .1) * .2;
+						const wave3_0 = Math.cos(time * 2 + i_0 * .05) * .15;
+						const processingValue_0 = (.2 + (wave1_0 + wave2_0 + wave3_0)) * centerWeight_0;
+						let finalValue_0 = processingValue_0;
+						if (lastActiveDataRef.current.length > 0 && transitionProgressRef.current < 1) {
+							const lastDataIndex_0 = Math.floor(i_0 / barCount * lastActiveDataRef.current.length);
+							finalValue_0 = (lastActiveDataRef.current[lastDataIndex_0] || 0) * (1 - transitionProgressRef.current) + processingValue_0 * transitionProgressRef.current;
+						}
+						processingData.push(Math.max(.05, Math.min(1, finalValue_0)));
+					}
+					if (mode === "static") staticBarsRef.current = processingData;
+					else historyRef.current = processingData;
+					needsRedrawRef.current = true;
+					processingAnimationRef.current = requestAnimationFrame(animateProcessing);
+				};
+				animateProcessing();
+				return () => {
+					if (processingAnimationRef.current) cancelAnimationFrame(processingAnimationRef.current);
+				};
+			}
+			if (!active && !processing) {
+				if (mode === "static" ? staticBarsRef.current.length > 0 : historyRef.current.length > 0) {
+					let fadeProgress = 0;
+					const fadeToIdle = () => {
+						fadeProgress = fadeProgress + .03;
+						if (fadeProgress < 1) {
+							if (mode === "static") staticBarsRef.current = staticBarsRef.current.map((value) => value * (1 - fadeProgress));
+							else historyRef.current = historyRef.current.map((value_0) => value_0 * (1 - fadeProgress));
+							needsRedrawRef.current = true;
+							requestAnimationFrame(fadeToIdle);
+						} else if (mode === "static") staticBarsRef.current = [];
+						else historyRef.current = [];
+					};
+					fadeToIdle();
+				}
+			}
+		};
+		t17 = [
+			processing,
+			active,
+			barWidth,
+			barGap,
+			mode
+		];
+		$[20] = active;
+		$[21] = barGap;
+		$[22] = barWidth;
+		$[23] = mode;
+		$[24] = processing;
+		$[25] = t16;
+		$[26] = t17;
+	} else {
+		t16 = $[25];
+		t17 = $[26];
+	}
+	useEffect(t16, t17);
+	let t18;
+	let t19;
+	if ($[27] !== active || $[28] !== barColor || $[29] !== barGap || $[30] !== barRadius || $[31] !== barWidth || $[32] !== fadeEdges || $[33] !== fadeWidth || $[34] !== manualAudioLevel || $[35] !== mode || $[36] !== processing || $[37] !== sensitivity) {
+		t18 = () => {
+			const canvas_0 = canvasRef.current;
+			if (!canvas_0) return;
+			const ctx_0 = canvas_0.getContext("2d");
+			if (!ctx_0) return;
+			let rafId;
+			const animate = (currentTime) => {
+				const rect_0 = canvas_0.getBoundingClientRect();
+				if (active && currentTime - lastUpdateRef.current > 30) {
+					lastUpdateRef.current = currentTime;
+					if (manualAudioLevel !== void 0) {
+						const level = Math.max(.05, Math.min(1, manualAudioLevel * sensitivity));
+						if (mode === "static") {
+							const barCount_0 = Math.floor(rect_0.width / (barWidth + barGap));
+							const halfCount_0 = Math.floor(barCount_0 / 2);
+							const newBars = [];
+							for (let i_1 = halfCount_0 - 1; i_1 >= 0; i_1--) {
+								const value_1 = level * (1 - Math.abs(i_1 - halfCount_0 / 2) / (halfCount_0 / 2) * .3);
+								newBars.push(Math.max(.05, value_1));
+							}
+							for (let i_2 = 0; i_2 < halfCount_0; i_2++) {
+								const value_2 = level * (1 - Math.abs(i_2 - halfCount_0 / 2) / (halfCount_0 / 2) * .3);
+								newBars.push(Math.max(.05, value_2));
+							}
+							staticBarsRef.current = newBars;
+							lastActiveDataRef.current = newBars;
+						} else {
+							historyRef.current.push(level);
+							lastActiveDataRef.current = [...historyRef.current];
+							if (historyRef.current.length > 60) historyRef.current.shift();
+						}
+						needsRedrawRef.current = true;
+					}
+				}
+				if (!needsRedrawRef.current && !active) {
+					rafId = requestAnimationFrame(animate);
+					return;
+				}
+				needsRedrawRef.current = active;
+				ctx_0.clearRect(0, 0, rect_0.width, rect_0.height);
+				const computedBarColor = barColor || (() => {
+					return getComputedStyle(canvas_0).color || "#000";
+				})();
+				const step = barWidth + barGap;
+				const barCount_1 = Math.floor(rect_0.width / step);
+				const centerY = rect_0.height / 2;
+				if (mode === "static") {
+					const dataToRender = processing ? staticBarsRef.current : active ? staticBarsRef.current : staticBarsRef.current.length > 0 ? staticBarsRef.current : [];
+					for (let i_3 = 0; i_3 < barCount_1 && i_3 < dataToRender.length; i_3++) {
+						const value_3 = dataToRender[i_3] || .1;
+						const x = i_3 * step;
+						const barHeight = Math.max(4, value_3 * rect_0.height * .8);
+						const y = centerY - barHeight / 2;
+						ctx_0.fillStyle = computedBarColor;
+						ctx_0.globalAlpha = .4 + value_3 * .6;
+						if (barRadius > 0) {
+							ctx_0.beginPath();
+							ctx_0.roundRect(x, y, barWidth, barHeight, barRadius);
+							ctx_0.fill();
+						} else ctx_0.fillRect(x, y, barWidth, barHeight);
+					}
+				} else for (let i_4 = 0; i_4 < barCount_1 && i_4 < historyRef.current.length; i_4++) {
+					const dataIndex = historyRef.current.length - 1 - i_4;
+					const value_4 = historyRef.current[dataIndex] || .1;
+					const x_0 = rect_0.width - (i_4 + 1) * step;
+					const barHeight_0 = Math.max(4, value_4 * rect_0.height * .8);
+					const y_0 = centerY - barHeight_0 / 2;
+					ctx_0.fillStyle = computedBarColor;
+					ctx_0.globalAlpha = .4 + value_4 * .6;
+					if (barRadius > 0) {
+						ctx_0.beginPath();
+						ctx_0.roundRect(x_0, y_0, barWidth, barHeight_0, barRadius);
+						ctx_0.fill();
+					} else ctx_0.fillRect(x_0, y_0, barWidth, barHeight_0);
+				}
+				if (fadeEdges && fadeWidth > 0 && rect_0.width > 0) {
+					if (!gradientCacheRef.current || lastWidthRef.current !== rect_0.width) {
+						const gradient = ctx_0.createLinearGradient(0, 0, rect_0.width, 0);
+						const fadePercent = Math.min(.3, fadeWidth / rect_0.width);
+						gradient.addColorStop(0, "rgba(255,255,255,1)");
+						gradient.addColorStop(fadePercent, "rgba(255,255,255,0)");
+						gradient.addColorStop(1 - fadePercent, "rgba(255,255,255,0)");
+						gradient.addColorStop(1, "rgba(255,255,255,1)");
+						gradientCacheRef.current = gradient;
+						lastWidthRef.current = rect_0.width;
+					}
+					ctx_0.globalCompositeOperation = "destination-out";
+					ctx_0.fillStyle = gradientCacheRef.current;
+					ctx_0.fillRect(0, 0, rect_0.width, rect_0.height);
+					ctx_0.globalCompositeOperation = "source-over";
+				}
+				ctx_0.globalAlpha = 1;
+				rafId = requestAnimationFrame(animate);
+			};
+			rafId = requestAnimationFrame(animate);
+			return () => {
+				if (rafId) cancelAnimationFrame(rafId);
+			};
+		};
+		t19 = [
+			active,
+			processing,
+			sensitivity,
+			barWidth,
+			barGap,
+			barRadius,
+			barColor,
+			fadeEdges,
+			fadeWidth,
+			mode,
+			manualAudioLevel,
+			60,
+			30
+		];
+		$[27] = active;
+		$[28] = barColor;
+		$[29] = barGap;
+		$[30] = barRadius;
+		$[31] = barWidth;
+		$[32] = fadeEdges;
+		$[33] = fadeWidth;
+		$[34] = manualAudioLevel;
+		$[35] = mode;
+		$[36] = processing;
+		$[37] = sensitivity;
+		$[38] = t18;
+		$[39] = t19;
+	} else {
+		t18 = $[38];
+		t19 = $[39];
+	}
+	useEffect(t18, t19);
+	let t20;
+	if ($[40] !== className) {
+		t20 = cn("relative h-full w-full", className);
+		$[40] = className;
+		$[41] = t20;
+	} else t20 = $[41];
+	let t21;
+	if ($[42] !== heightStyle) {
+		t21 = { height: heightStyle };
+		$[42] = heightStyle;
+		$[43] = t21;
+	} else t21 = $[43];
+	const t22 = active ? "Live audio waveform" : processing ? "Processing audio" : "Audio waveform idle";
+	let t23;
+	if ($[44] !== active || $[45] !== processing) {
+		t23 = !active && !processing && /* @__PURE__ */ jsx("div", { className: "border-muted-foreground/20 absolute top-1/2 right-0 left-0 -translate-y-1/2 border-t-2 border-dotted" });
+		$[44] = active;
+		$[45] = processing;
+		$[46] = t23;
+	} else t23 = $[46];
+	let t24;
+	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ jsx("canvas", {
+			className: "block h-full w-full",
+			ref: canvasRef
+		});
+		$[47] = t24;
+	} else t24 = $[47];
+	let t25;
+	if ($[48] !== props || $[49] !== t20 || $[50] !== t21 || $[51] !== t22 || $[52] !== t23) {
+		t25 = /* @__PURE__ */ jsxs("div", {
+			className: t20,
+			ref: containerRef,
+			style: t21,
+			"aria-label": t22,
+			role: "img",
+			...props,
+			children: [t23, t24]
+		});
+		$[48] = props;
+		$[49] = t20;
+		$[50] = t21;
+		$[51] = t22;
+		$[52] = t23;
+		$[53] = t25;
+	} else t25 = $[53];
+	return t25;
+};
+
+//#endregion
+//#region src/components/voice-indicator.tsx
+function VoiceIndicator(t0) {
+	const $ = c(65);
+	const { isActive, isConnecting, isMuted, audioLevel, toolCall, onStart, onStop, onToggleMute, className } = t0;
+	const micLevel = audioLevel?.micLevel ?? 0;
+	const speakerLevel = audioLevel?.speakerLevel ?? 0;
+	const toolCallStatus = toolCall?.status === "started" ? "calling" : toolCall?.status === "completed" ? toolCall.error ? "error" : "success" : "idle";
+	let t1;
+	if ($[0] !== toolCallStatus) {
+		t1 = () => {
+			switch (toolCallStatus) {
+				case "calling": return "border-blue-500/60 shadow-[0_0_12px_rgba(59,130,246,0.3)]";
+				case "success": return "border-green-500/60 shadow-[0_0_12px_rgba(34,197,94,0.3)]";
+				case "error": return "border-red-500/60 shadow-[0_0_12px_rgba(239,68,68,0.3)]";
+				default: return "border-border";
+			}
+		};
+		$[0] = toolCallStatus;
+		$[1] = t1;
+	} else t1 = $[1];
+	const getBorderClass = t1;
+	if (!isActive && !isConnecting) {
+		let t2$1;
+		if ($[2] !== className) {
+			t2$1 = cn("flex items-center", className);
+			$[2] = className;
+			$[3] = t2$1;
+		} else t2$1 = $[3];
+		let t3$1;
+		let t4$1;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t3$1 = /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" });
+			t4$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-xs",
+				children: "Voice"
+			});
+			$[4] = t3$1;
+			$[5] = t4$1;
+		} else {
+			t3$1 = $[4];
+			t4$1 = $[5];
+		}
+		let t5$1;
+		if ($[6] !== onStart) {
+			t5$1 = /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				size: "sm",
+				onClick: onStart,
+				className: "gap-2 rounded-full",
+				"aria-label": "Start voice session",
+				children: [t3$1, t4$1]
+			});
+			$[6] = onStart;
+			$[7] = t5$1;
+		} else t5$1 = $[7];
+		let t6$1;
+		if ($[8] !== t2$1 || $[9] !== t5$1) {
+			t6$1 = /* @__PURE__ */ jsx("div", {
+				className: t2$1,
+				children: t5$1
+			});
+			$[8] = t2$1;
+			$[9] = t5$1;
+			$[10] = t6$1;
+		} else t6$1 = $[10];
+		return t6$1;
+	}
+	let t2;
+	if ($[11] !== className || $[12] !== getBorderClass) {
+		t2 = cn("flex items-center gap-3 rounded-full border bg-background/95 px-3 py-2 backdrop-blur-sm transition-all duration-300", getBorderClass(), className);
+		$[11] = className;
+		$[12] = getBorderClass;
+		$[13] = t2;
+	} else t2 = $[13];
+	const t3 = isMuted ? "bg-muted text-muted-foreground" : "bg-primary/10 text-primary";
+	let t4;
+	if ($[14] !== t3) {
+		t4 = cn("flex h-8 w-8 items-center justify-center rounded-full transition-colors", t3);
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== isMuted) {
+		t5 = isMuted ? /* @__PURE__ */ jsx(MicOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4" });
+		$[16] = isMuted;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== t4 || $[19] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			className: t4,
+			children: t5
+		});
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	const t7 = isActive && !isMuted;
+	let t8;
+	if ($[21] !== isConnecting || $[22] !== micLevel || $[23] !== t7) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: "h-6 w-16",
+			children: /* @__PURE__ */ jsx(LiveWaveform, {
+				active: t7,
+				processing: isConnecting,
+				manualAudioLevel: micLevel,
+				barWidth: 2,
+				barGap: 1,
+				barRadius: 2,
+				barColor: "hsl(var(--primary))",
+				height: 24,
+				mode: "static",
+				sensitivity: 2,
+				fadeEdges: false
+			})
+		});
+		$[21] = isConnecting;
+		$[22] = micLevel;
+		$[23] = t7;
+		$[24] = t8;
+	} else t8 = $[24];
+	let t9;
+	if ($[25] !== t6 || $[26] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t6, t8]
+		});
+		$[25] = t6;
+		$[26] = t8;
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx("div", { className: "h-6 w-px bg-border" });
+		$[28] = t10;
+	} else t10 = $[28];
+	let t11;
+	if ($[29] !== isActive || $[30] !== isConnecting || $[31] !== speakerLevel) {
+		t11 = /* @__PURE__ */ jsx("div", {
+			className: "h-6 w-16",
+			children: /* @__PURE__ */ jsx(LiveWaveform, {
+				active: isActive,
+				processing: isConnecting,
+				manualAudioLevel: speakerLevel,
+				barWidth: 2,
+				barGap: 1,
+				barRadius: 2,
+				barColor: "hsl(var(--muted-foreground))",
+				height: 24,
+				mode: "static",
+				sensitivity: 2,
+				fadeEdges: false
+			})
+		});
+		$[29] = isActive;
+		$[30] = isConnecting;
+		$[31] = speakerLevel;
+		$[32] = t11;
+	} else t11 = $[32];
+	let t12;
+	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx("div", {
+			className: cn("flex h-8 w-8 items-center justify-center rounded-full bg-muted text-muted-foreground"),
+			children: /* @__PURE__ */ jsx(Volume2, { className: "h-4 w-4" })
+		});
+		$[33] = t12;
+	} else t12 = $[33];
+	let t13;
+	if ($[34] !== t11) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t11, t12]
+		});
+		$[34] = t11;
+		$[35] = t13;
+	} else t13 = $[35];
+	let t14;
+	if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ jsx("div", { className: "h-6 w-px bg-border" });
+		$[36] = t14;
+	} else t14 = $[36];
+	const t15 = !isActive;
+	const t16 = isMuted && "text-destructive hover:text-destructive";
+	let t17;
+	if ($[37] !== t16) {
+		t17 = cn("h-8 w-8 rounded-full", t16);
+		$[37] = t16;
+		$[38] = t17;
+	} else t17 = $[38];
+	const t18 = isMuted ? "Unmute microphone" : "Mute microphone";
+	let t19;
+	if ($[39] !== isMuted) {
+		t19 = isMuted ? /* @__PURE__ */ jsx(MicOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4" });
+		$[39] = isMuted;
+		$[40] = t19;
+	} else t19 = $[40];
+	let t20;
+	if ($[41] !== onToggleMute || $[42] !== t15 || $[43] !== t17 || $[44] !== t18 || $[45] !== t19) {
+		t20 = /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			onClick: onToggleMute,
+			disabled: t15,
+			className: t17,
+			"aria-label": t18,
+			children: t19
+		});
+		$[41] = onToggleMute;
+		$[42] = t15;
+		$[43] = t17;
+		$[44] = t18;
+		$[45] = t19;
+		$[46] = t20;
+	} else t20 = $[46];
+	let t21;
+	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = /* @__PURE__ */ jsx(PhoneOff, { className: "h-4 w-4" });
+		$[47] = t21;
+	} else t21 = $[47];
+	let t22;
+	if ($[48] !== onStop) {
+		t22 = /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			onClick: onStop,
+			className: "h-8 w-8 rounded-full text-destructive hover:bg-destructive/10 hover:text-destructive",
+			"aria-label": "End voice session",
+			children: t21
+		});
+		$[48] = onStop;
+		$[49] = t22;
+	} else t22 = $[49];
+	let t23;
+	if ($[50] !== t20 || $[51] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1",
+			children: [t20, t22]
+		});
+		$[50] = t20;
+		$[51] = t22;
+		$[52] = t23;
+	} else t23 = $[52];
+	let t24;
+	if ($[53] !== toolCall || $[54] !== toolCallStatus) {
+		t24 = toolCall && toolCallStatus !== "idle" && /* @__PURE__ */ jsxs("div", {
+			className: cn("ml-1 flex items-center gap-1 rounded-full px-2 py-0.5 text-xs", toolCallStatus === "calling" && "bg-blue-500/10 text-blue-600", toolCallStatus === "success" && "bg-green-500/10 text-green-600", toolCallStatus === "error" && "bg-red-500/10 text-red-600"),
+			children: [/* @__PURE__ */ jsx("span", { className: cn("h-1.5 w-1.5 rounded-full", toolCallStatus === "calling" && "animate-pulse bg-blue-500", toolCallStatus === "success" && "bg-green-500", toolCallStatus === "error" && "bg-red-500") }), /* @__PURE__ */ jsx("span", {
+				className: "max-w-[80px] truncate",
+				children: toolCall.toolName
+			})]
+		});
+		$[53] = toolCall;
+		$[54] = toolCallStatus;
+		$[55] = t24;
+	} else t24 = $[55];
+	let t25;
+	if ($[56] !== isConnecting) {
+		t25 = isConnecting && /* @__PURE__ */ jsxs("div", {
+			className: "ml-1 flex items-center gap-1 text-xs text-muted-foreground",
+			children: [/* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 animate-pulse rounded-full bg-amber-500" }), /* @__PURE__ */ jsx("span", { children: "Connecting..." })]
+		});
+		$[56] = isConnecting;
+		$[57] = t25;
+	} else t25 = $[57];
+	let t26;
+	if ($[58] !== t13 || $[59] !== t2 || $[60] !== t23 || $[61] !== t24 || $[62] !== t25 || $[63] !== t9) {
+		t26 = /* @__PURE__ */ jsxs("div", {
+			className: t2,
+			children: [
+				t9,
+				t10,
+				t13,
+				t14,
+				t23,
+				t24,
+				t25
+			]
+		});
+		$[58] = t13;
+		$[59] = t2;
+		$[60] = t23;
+		$[61] = t24;
+		$[62] = t25;
+		$[63] = t9;
+		$[64] = t26;
+	} else t26 = $[64];
+	return t26;
+}
+
+//#endregion
+//#region src/components/thread-with-voice.tsx
+/**
+* Thread with Voice Mode
+*
+* Enhanced thread component that includes voice mode.
+* Replaces the composer with a voice panel when voice is active.
+*/
+const ThreadWithVoice = () => {
+	return /* @__PURE__ */ jsx(LazyMotion, {
+		features: domAnimation,
+		children: /* @__PURE__ */ jsx(MotionConfig, {
+			reducedMotion: "user",
+			children: /* @__PURE__ */ jsx(ThreadPrimitive.Root, {
+				className: "aui-root aui-thread-root app-shell @container relative flex h-full flex-col bg-background/50",
+				style: { ["--thread-max-width"]: "100%" },
+				children: /* @__PURE__ */ jsxs(ThreadPrimitive.Viewport, {
+					className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll px-4",
+					children: [
+						/* @__PURE__ */ jsx(ThreadPrimitive.If, {
+							empty: true,
+							children: /* @__PURE__ */ jsx(ThreadWelcome, {})
+						}),
+						/* @__PURE__ */ jsx(ThreadPrimitive.Messages, { components: {
+							UserMessage,
+							EditComposer,
+							AssistantMessage
+						} }),
+						/* @__PURE__ */ jsx(ThreadPrimitive.If, {
+							empty: false,
+							children: /* @__PURE__ */ jsx("div", { className: "aui-thread-viewport-spacer min-h-8 grow" })
+						}),
+						/* @__PURE__ */ jsx(ComposerArea, {})
+					]
+				})
+			})
+		})
+	});
+};
+/**
+* Composer area with voice indicator
+*/
+const ComposerArea = () => {
+	const $ = c(8);
+	const voiceMode = useOptionalVoiceModeContext();
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(ThreadScrollToBottom, {});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== voiceMode) {
+		t1 = voiceMode?.isSupported && (voiceMode.isActive || voiceMode.isConnecting) && /* @__PURE__ */ jsx(m.div, {
+			initial: {
+				opacity: 0,
+				y: 20
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				y: -10
+			},
+			transition: { duration: .2 },
+			className: "flex justify-center",
+			children: /* @__PURE__ */ jsx(VoiceIndicator, {
+				isActive: voiceMode.isActive,
+				isConnecting: voiceMode.isConnecting,
+				isMuted: voiceMode.isMuted,
+				audioLevel: voiceMode.audioLevel,
+				toolCall: voiceMode.toolCall,
+				onStart: voiceMode.startSession,
+				onStop: voiceMode.stopSession,
+				onToggleMute: () => voiceMode.toggleMute()
+			})
+		});
+		$[1] = voiceMode;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx(AnimatePresence, { children: t1 });
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(TextComposer, {});
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t2) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible rounded-t-3xl pb-4 md:pb-6",
+			children: [
+				t0,
+				t2,
+				t3
+			]
+		});
+		$[6] = t2;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
+};
+const TextComposer = () => {
+	const $ = c(13);
+	const voiceMode = useOptionalVoiceModeContext();
+	let t0;
+	let t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = cn("aui-composer-root group/composer flex w-full flex-col overflow-hidden rounded-2xl px-3 py-2", "border border-border/40 shadow-sm backdrop-blur-md", "bg-background/80", "transition-all duration-200", "focus-within:border-ring/50 focus-within:shadow-md", "hover:border-border/60");
+		t1 = /* @__PURE__ */ jsx(ComposerAttachments, {});
+		t2 = /* @__PURE__ */ jsx(ComposerPrimitive.Input, {
+			placeholder: "Send a message...",
+			className: "aui-composer-input mt-2 max-h-24 w-full resize-none bg-transparent px-0 py-2 text-sm leading-relaxed text-foreground placeholder:text-muted-foreground/70 focus-visible:outline-none focus-visible:ring-0",
+			rows: 1,
+			autoFocus: true,
+			"aria-label": "Message input"
+		});
+		$[0] = t0;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t0 = $[0];
+		t1 = $[1];
+		t2 = $[2];
+	}
+	let t3;
+	let t4;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(ComposerAddAttachment, {});
+		t4 = /* @__PURE__ */ jsx(RemoteMCPSettings, {});
+		$[3] = t3;
+		$[4] = t4;
+	} else {
+		t3 = $[3];
+		t4 = $[4];
+	}
+	let t5;
+	if ($[5] !== voiceMode) {
+		t5 = voiceMode?.isSupported && /* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			size: "sm",
+			onClick: () => voiceMode.startSession(),
+			className: "gap-2 rounded-full text-muted-foreground hover:text-foreground",
+			"aria-label": "Start voice session",
+			children: [/* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+				className: "text-xs",
+				children: "Voice"
+			})]
+		});
+		$[5] = voiceMode;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [
+				t3,
+				t4,
+				t5
+			]
+		});
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(ThreadPrimitive.If, {
+			running: false,
+			children: /* @__PURE__ */ jsx(ComposerPrimitive.Send, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(TooltipIconButton, {
+					tooltip: "Send message",
+					side: "top",
+					type: "submit",
+					variant: "ghost",
+					size: "icon",
+					className: "aui-composer-send size-8 shrink-0 rounded-full border border-primary/60 bg-primary px-0 text-primary-foreground shadow-[0_12px_24px_-16px_rgba(37,99,235,0.55)] transition-shadow hover:shadow-[0_14px_24px_-14px_rgba(37,99,235,0.6)] focus-visible:ring-2 focus-visible:ring-primary/40",
+					"aria-label": "Send message",
+					children: /* @__PURE__ */ jsx(ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
+				})
+			})
+		});
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [t7, /* @__PURE__ */ jsx(ThreadPrimitive.If, {
+				running: true,
+				children: /* @__PURE__ */ jsx(ComposerPrimitive.Cancel, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(TooltipIconButton, {
+						tooltip: "Stop generating",
+						side: "top",
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						className: "aui-composer-cancel size-8 shrink-0 rounded-full border border-destructive/60 bg-destructive px-0 text-destructive-foreground shadow-[0_12px_24px_-18px_rgba(220,38,38,0.55)] transition-shadow hover:shadow-[0_14px_24px_-16px_rgba(220,38,38,0.6)] focus-visible:ring-2 focus-visible:ring-destructive/40",
+						"aria-label": "Stop generating",
+						children: /* @__PURE__ */ jsx(Square, { className: "aui-composer-cancel-icon size-3.5" })
+					})
+				})
+			})]
+		});
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] !== t6) {
+		t9 = /* @__PURE__ */ jsxs(ComposerPrimitive.Root, {
+			className: t0,
+			children: [
+				t1,
+				t2,
+				/* @__PURE__ */ jsxs("div", {
+					className: "aui-composer-action-wrapper mt-2 flex items-center justify-between text-muted-foreground",
+					children: [t6, t8]
+				})
+			]
+		});
+		$[11] = t6;
+		$[12] = t9;
+	} else t9 = $[12];
+	return t9;
+};
+const ThreadScrollToBottom = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(ThreadPrimitive.ScrollToBottom, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(TooltipIconButton, {
+				tooltip: "Scroll to bottom",
+				variant: "outline",
+				className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent",
+				children: /* @__PURE__ */ jsx(ArrowDownIcon, {})
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+const ThreadWelcome = () => {
+	const $ = c(2);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(m.div, {
+			initial: {
+				opacity: 0,
+				y: 10
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				y: 10
+			},
+			className: "aui-thread-welcome-message-motion-1 text-3xl font-bold tracking-tight",
+			children: "Hello there!"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsxs("div", {
+			className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-[var(--thread-max-width)] flex-grow flex-col",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "aui-thread-welcome-center flex w-full flex-grow flex-col items-center justify-center",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "aui-thread-welcome-message flex size-full flex-col justify-center px-8",
+					children: [t0, /* @__PURE__ */ jsx(m.div, {
+						initial: {
+							opacity: 0,
+							y: 10
+						},
+						animate: {
+							opacity: 1,
+							y: 0
+						},
+						exit: {
+							opacity: 0,
+							y: 10
+						},
+						transition: { delay: .1 },
+						className: "aui-thread-welcome-message-motion-2 mt-2 text-lg text-muted-foreground",
+						children: "How can I help you today?"
+					})]
+				})
+			}), /* @__PURE__ */ jsx(ThreadSuggestions, {})]
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+const ThreadSuggestions = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("div", {
+			className: "aui-thread-welcome-suggestions grid w-full gap-2 pb-4 @md:grid-cols-2",
+			children: [
+				{
+					title: "What's the weather",
+					label: "in San Francisco?",
+					action: "What's the weather in San Francisco?"
+				},
+				{
+					title: "Explain React hooks",
+					label: "like useState and useEffect",
+					action: "Explain React hooks like useState and useEffect"
+				},
+				{
+					title: "Write a SQL query",
+					label: "to find top customers",
+					action: "Write a SQL query to find top customers"
+				},
+				{
+					title: "Create a meal plan",
+					label: "for healthy weight loss",
+					action: "Create a meal plan for healthy weight loss"
+				}
+			].map(_temp$1)
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+const MessageError = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(MessagePrimitive.Error, { children: /* @__PURE__ */ jsx(ErrorPrimitive.Root, {
+			className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200",
+			children: /* @__PURE__ */ jsx(ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" })
+		}) });
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+const AssistantMessage = () => {
+	const $ = c(2);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			className: "aui-assistant-message-content mx-2 leading-7 break-words text-foreground",
+			children: [/* @__PURE__ */ jsx(MessagePrimitive.Parts, { components: {
+				Text: MarkdownText,
+				tools: { Fallback: ToolFallback }
+			} }), /* @__PURE__ */ jsx(MessageError, {})]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(MessagePrimitive.Root, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] animate-in py-4 duration-200 fade-in slide-in-from-bottom-1 last:mb-24",
+				"data-role": "assistant",
+				children: [t0, /* @__PURE__ */ jsxs("div", {
+					className: "aui-assistant-message-footer mt-2 ml-2 flex",
+					children: [/* @__PURE__ */ jsx(BranchPicker, {}), /* @__PURE__ */ jsx(AssistantActionBar, {})]
+				})]
+			})
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+const AssistantActionBar = () => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(MessagePrimitive.If, {
+			copied: true,
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(ActionBarPrimitive.Copy, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(TooltipIconButton, {
+				tooltip: "Copy",
+				children: [t0, /* @__PURE__ */ jsx(MessagePrimitive.If, {
+					copied: false,
+					children: /* @__PURE__ */ jsx(CopyIcon, {})
+				})]
+			})
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsxs(ActionBarPrimitive.Root, {
+			hideWhenRunning: true,
+			autohide: "not-last",
+			autohideFloat: "single-branch",
+			className: "aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex gap-1 text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm",
+			children: [t1, /* @__PURE__ */ jsx(ActionBarPrimitive.Reload, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(TooltipIconButton, {
+					tooltip: "Refresh",
+					children: /* @__PURE__ */ jsx(RefreshCwIcon, {})
+				})
+			})]
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+};
+const UserMessage = () => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(UserMessageAttachments, {});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: "aui-user-message-content rounded-2xl rounded-tr-sm bg-primary text-primary-foreground px-4 py-3 text-sm leading-relaxed shadow-sm",
+			children: /* @__PURE__ */ jsx(MessagePrimitive.Parts, {})
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(MessagePrimitive.Root, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-200 fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2",
+				"data-role": "user",
+				children: [
+					t0,
+					/* @__PURE__ */ jsxs("div", {
+						className: "aui-user-message-content-wrapper relative col-start-2 min-w-0 max-w-[85%]",
+						children: [t1, /* @__PURE__ */ jsx("div", {
+							className: "aui-user-action-bar-wrapper absolute top-1/2 left-0 -translate-x-full -translate-y-1/2 pr-2",
+							children: /* @__PURE__ */ jsx(UserActionBar, {})
+						})]
+					}),
+					/* @__PURE__ */ jsx(BranchPicker, { className: "aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end" })
+				]
+			})
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+};
+const UserActionBar = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(ActionBarPrimitive.Root, {
+			hideWhenRunning: true,
+			autohide: "not-last",
+			className: "aui-user-action-bar-root flex flex-col items-end",
+			children: /* @__PURE__ */ jsx(ActionBarPrimitive.Edit, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(TooltipIconButton, {
+					tooltip: "Edit",
+					className: "aui-user-action-edit p-4",
+					children: /* @__PURE__ */ jsx(PencilIcon, {})
+				})
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+const EditComposer = () => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(ComposerPrimitive.Input, {
+			className: "aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none",
+			autoFocus: true
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(ComposerPrimitive.Cancel, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				"aria-label": "Cancel edit",
+				children: "Cancel"
+			})
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4",
+			children: /* @__PURE__ */ jsxs(ComposerPrimitive.Root, {
+				className: "aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted",
+				children: [t0, /* @__PURE__ */ jsxs("div", {
+					className: "aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end",
+					children: [t1, /* @__PURE__ */ jsx(ComposerPrimitive.Send, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							"aria-label": "Update message",
+							children: "Update"
+						})
+					})]
+				})]
+			})
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+};
+const BranchPicker = (t0) => {
+	const $ = c(12);
+	let className;
+	let rest;
+	if ($[0] !== t0) {
+		({className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+	} else {
+		className = $[1];
+		rest = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(BranchPickerPrimitive.Previous, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(TooltipIconButton, {
+				tooltip: "Previous",
+				children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+			})
+		});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(BranchPickerPrimitive.Number, {});
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsxs("span", {
+			className: "aui-branch-picker-state font-medium",
+			children: [
+				t3,
+				" / ",
+				/* @__PURE__ */ jsx(BranchPickerPrimitive.Count, {})
+			]
+		});
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(BranchPickerPrimitive.Next, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(TooltipIconButton, {
+				tooltip: "Next",
+				children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+			})
+		});
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== rest || $[10] !== t1) {
+		t6 = /* @__PURE__ */ jsxs(BranchPickerPrimitive.Root, {
+			hideWhenSingleBranch: true,
+			className: t1,
+			...rest,
+			children: [
+				t2,
+				t4,
+				t5
+			]
+		});
+		$[9] = rest;
+		$[10] = t1;
+		$[11] = t6;
+	} else t6 = $[11];
+	return t6;
+};
+function _temp$1(suggestedAction, index) {
+	return /* @__PURE__ */ jsx(m.div, {
+		initial: {
+			opacity: 0,
+			y: 20
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			y: 20
+		},
+		transition: { delay: .05 * index },
+		className: "aui-thread-welcome-suggestion-display [&:nth-child(n+3)]:hidden @md:[&:nth-child(n+3)]:block",
+		children: /* @__PURE__ */ jsx(ThreadPrimitive.Suggestion, {
+			prompt: suggestedAction.action,
+			send: true,
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				className: "aui-thread-welcome-suggestion h-auto w-full flex-1 flex-wrap items-start justify-start gap-1 rounded-xl border-border/50 bg-background/50 px-4 py-3 text-left text-sm transition-colors hover:bg-accent/50 hover:border-accent @md:flex-col",
+				"aria-label": suggestedAction.action,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "aui-thread-welcome-suggestion-text-1 font-medium text-foreground",
+					children: suggestedAction.title
+				}), /* @__PURE__ */ jsx("span", {
+					className: "aui-thread-welcome-suggestion-text-2 text-muted-foreground text-xs",
+					children: suggestedAction.label
+				})]
+			})
+		})
+	}, `suggested-action-${suggestedAction.title}-${index}`);
+}
+
+//#endregion
+//#region src/components/assistant-modal.tsx
+const AssistantModal = () => {
+	const $ = c(2);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(AssistantModalPrimitive.Anchor, {
+			className: "aui-root aui-modal-anchor fixed right-6 bottom-6 size-14",
+			children: /* @__PURE__ */ jsx(AssistantModalPrimitive.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(AssistantModalButton, {})
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsxs(AssistantModalPrimitive.Root, { children: [t0, /* @__PURE__ */ jsx(AssistantModalPrimitive.Content, {
+			sideOffset: 16,
+			className: "aui-root aui-modal-content z-50 h-[600px] w-[500px] overflow-clip overscroll-contain rounded-2xl border border-border/50 bg-popover/95 backdrop-blur-xl p-0 text-popover-foreground shadow-2xl outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-bottom-1/2 data-[state=closed]:slide-out-to-right-1/2 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-bottom-1/2 data-[state=open]:slide-in-from-right-1/2 data-[state=open]:zoom-in-95 [&>.aui-thread-root]:bg-inherit",
+			children: /* @__PURE__ */ jsx(ThreadWithVoice, {})
+		})] });
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+const AssistantModalButton = forwardRef((t0, ref) => {
+	const $ = c(15);
+	let rest;
+	let state;
+	if ($[0] !== t0) {
+		({"data-state": state, ...rest} = t0);
+		$[0] = t0;
+		$[1] = rest;
+		$[2] = state;
+	} else {
+		rest = $[1];
+		state = $[2];
+	}
+	const tooltip = state === "open" ? "Close Assistant" : "Open Assistant";
+	let t1;
+	let t2;
+	if ($[3] !== state) {
+		t1 = /* @__PURE__ */ jsx("img", {
+			src: "/logo.png",
+			alt: "Assistant",
+			"data-state": state,
+			className: "aui-modal-button-closed-icon absolute size-full object-contain drop-shadow-xl transition-all duration-300 ease-in-out hover:drop-shadow-2xl data-[state=closed]:scale-100 data-[state=closed]:rotate-0 data-[state=open]:scale-0 data-[state=open]:rotate-90"
+		});
+		t2 = /* @__PURE__ */ jsx(ChevronDownIcon, {
+			"data-state": state,
+			className: "aui-modal-button-open-icon absolute size-full rounded-full bg-primary p-3 text-primary-foreground shadow-xl transition-all duration-300 ease-in-out hover:shadow-2xl data-[state=closed]:scale-0 data-[state=closed]:-rotate-90 data-[state=open]:scale-100 data-[state=open]:rotate-0"
+		});
+		$[3] = state;
+		$[4] = t1;
+		$[5] = t2;
+	} else {
+		t1 = $[4];
+		t2 = $[5];
+	}
+	let t3;
+	if ($[6] !== tooltip) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "aui-sr-only sr-only",
+			children: tooltip
+		});
+		$[6] = tooltip;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== ref || $[9] !== rest || $[10] !== t1 || $[11] !== t2 || $[12] !== t3 || $[13] !== tooltip) {
+		t4 = /* @__PURE__ */ jsxs(TooltipIconButton, {
+			variant: "ghost",
+			tooltip,
+			side: "left",
+			...rest,
+			className: "aui-modal-button size-full rounded-full transition-all hover:scale-105 hover:bg-transparent active:scale-95",
+			ref,
+			children: [
+				t1,
+				t2,
+				t3
+			]
+		});
+		$[8] = ref;
+		$[9] = rest;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = tooltip;
+		$[14] = t4;
+	} else t4 = $[14];
+	return t4;
+});
+AssistantModalButton.displayName = "AssistantModalButton";
+
+//#endregion
+//#region src/components/MCPToolRegistry.tsx
+/**
+* MCP Tool Registry Component
+*
+* Registers all MCP tools with the assistant-ui runtime.
+* Uses the unified callTool function which auto-routes based on tool source.
+*
+* Usage:
+*   <MCPToolRegistry />
+*
+* This component should be placed inside both MCPToolsProvider and AssistantRuntimeProvider.
+*/
+/**
+* Bridge component that registers a single tool with assistant-ui
+*/
+const ToolBridge = ({ tool, callTool }) => {
+	useAssistantTool({
+		toolName: tool.name,
+		description: tool.description ?? "",
+		parameters: tool.inputSchema ?? {},
+		execute: async (args) => {
+			try {
+				return (await callTool(tool.name, args)).content.map((c$1) => {
+					if ("text" in c$1 && typeof c$1.text === "string") return c$1.text;
+					return JSON.stringify(c$1);
+				}).join("\n") || "Tool executed successfully";
+			} catch (error) {
+				console.error(`[ToolBridge] Tool '${tool.name}' execution failed:`, error);
+				throw error;
+			}
+		}
+	});
+	return null;
+};
+/**
+* Tool registry that registers all MCP tools with assistant-ui.
+* Routes tool calls automatically based on _sourceId.
+*/
+const MCPToolRegistry = () => {
+	const $ = c(7);
+	const { tools, callTool } = useMCPTools();
+	let t0;
+	if ($[0] !== callTool || $[1] !== tools) {
+		let t1$1;
+		if ($[3] !== callTool) {
+			t1$1 = (tool) => /* @__PURE__ */ jsx(ToolBridge, {
+				tool,
+				callTool
+			}, `${tool._sourceId}-${tool.name}`);
+			$[3] = callTool;
+			$[4] = t1$1;
+		} else t1$1 = $[4];
+		t0 = tools.map(t1$1);
+		$[0] = callTool;
+		$[1] = tools;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[5] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Fragment, { children: t0 });
+		$[5] = t0;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+};
+
+//#endregion
+//#region src/generated/inline-styles.ts
+/**
+* Auto-generated file - DO NOT EDIT
+* Generated by scripts/generate-inline-styles.js
+*
+* Contains the compiled CSS for the web component standalone build.
+*/
+const WEBMCP_STYLES = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--radius:.75rem;--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--primary:oklch(21% .006 285.885);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(92% .004 286.32);--input:oklch(92% .004 286.32);--ring:oklch(70.5% .015 286.067)}.dark{--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92% .004 286.32);--primary-foreground:oklch(21% .006 285.885);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.2% .016 285.938)}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklch,var(--ring),transparent 50%)}}body{background-color:var(--background);color:var(--foreground)}}@layer components{.app-shell{z-index:0;background-color:var(--background);background-image:radial-gradient(80% 60% at -10% -10%,oklch(82% .15 270/.15),#0000),radial-gradient(60% 50% at 110% 10%,oklch(85% .1 220/.12),#0000),radial-gradient(50% 45% at 50% 120%,oklch(95% .02 250/.08),#0000);position:relative}.dark .app-shell{background-image:radial-gradient(80% 60% at -10% -10%,oklch(55% .14 270/.25),#0000),radial-gradient(60% 50% at 110% 15%,oklch(60% .12 220/.22),#0000),radial-gradient(50% 45% at 50% 120%,oklch(35% .04 250/.16),#0000)}.app-shell:before,.app-shell:after{content:\"\";pointer-events:none;filter:blur(32px);opacity:.6;z-index:-1;border-radius:9999px;position:absolute;inset:auto}.app-shell:before{background:radial-gradient(60% 60% at 40% 40%,oklch(80% .12 270/.3),#0000);width:260px;height:260px;top:-60px;left:-80px}.app-shell:after{background:radial-gradient(60% 60% at 60% 60%,oklch(84% .1 220/.25),#0000);width:300px;height:300px;bottom:-80px;right:-60px}.toolbar-surface{border-top:1px solid var(--border);background:linear-gradient(to right,var(--background),var(--background),var(--background))}@supports (color:color-mix(in lab, red, red)){.toolbar-surface{background:linear-gradient(to right,var(--background),color-mix(in oklch,var(--background),transparent 5%),var(--background))}}.toolbar-surface{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.toolbar-surface{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.toolbar-surface{background:color-mix(in oklch,var(--background),transparent 20%)}}}.toolbar-surface-top{border-bottom:1px solid var(--border);background:linear-gradient(to right,var(--background),var(--background),var(--background))}@supports (color:color-mix(in lab, red, red)){.toolbar-surface-top{background:linear-gradient(to right,var(--background),color-mix(in oklch,var(--background),transparent 5%),var(--background))}}.toolbar-surface-top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.toolbar-surface-top{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.toolbar-surface-top{background:color-mix(in oklch,var(--background),transparent 20%)}}}.toolbar-inner{justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.toolbar-card{background:var(--card);justify-content:space-between;align-items:center;gap:.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.toolbar-card{background:color-mix(in oklch,var(--card),transparent 60%)}}.toolbar-card{border:1px solid var(--border);border-radius:.75rem;padding:.5rem .75rem}.toolbar-group{align-items:center;gap:.25rem;display:flex}.btn-toolbar-primary{background:linear-gradient(to right,var(--primary),var(--primary));border-radius:.75rem;align-items:center;gap:.5rem;height:2.25rem;padding:0 .75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.btn-toolbar-primary{background:linear-gradient(to right,color-mix(in oklch,var(--primary),transparent 95%),color-mix(in oklch,var(--primary),transparent 90%))}}.btn-toolbar-primary{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-toolbar-primary{border:1px solid color-mix(in oklch,var(--primary),transparent 80%)}}.btn-toolbar-primary{transition:all .2s}.btn-toolbar-primary:hover{background:linear-gradient(to right,var(--primary),var(--primary))}@supports (color:color-mix(in lab, red, red)){.btn-toolbar-primary:hover{background:linear-gradient(to right,color-mix(in oklch,var(--primary),transparent 90%),color-mix(in oklch,var(--primary),transparent 80%))}}.btn-toolbar-icon-primary{background:linear-gradient(to bottom right,var(--primary),var(--primary));border-radius:9999px;width:2rem;height:2rem;padding:0}@supports (color:color-mix(in lab, red, red)){.btn-toolbar-icon-primary{background:linear-gradient(to bottom right,color-mix(in oklch,var(--primary),transparent 90%),color-mix(in oklch,var(--primary),transparent 80%))}}.btn-toolbar-icon-primary{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-toolbar-icon-primary{border:1px solid color-mix(in oklch,var(--primary),transparent 70%)}}.btn-toolbar-icon-primary{transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-toolbar-icon-primary:hover{background:linear-gradient(to bottom right,var(--primary),var(--primary))}@supports (color:color-mix(in lab, red, red)){.btn-toolbar-icon-primary:hover{background:linear-gradient(to bottom right,color-mix(in oklch,var(--primary),transparent 80%),color-mix(in oklch,var(--primary),transparent 70%))}}.btn-toolbar-icon-secondary{background:linear-gradient(to bottom right,var(--secondary),var(--secondary));border-radius:9999px;width:2rem;height:2rem;padding:0}@supports (color:color-mix(in lab, red, red)){.btn-toolbar-icon-secondary{background:linear-gradient(to bottom right,color-mix(in oklch,var(--secondary),transparent 90%),color-mix(in oklch,var(--secondary),transparent 80%))}}.btn-toolbar-icon-secondary{border:1px solid var(--secondary)}@supports (color:color-mix(in lab, red, red)){.btn-toolbar-icon-secondary{border:1px solid color-mix(in oklch,var(--secondary),transparent 70%)}}.btn-toolbar-icon-secondary{transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-toolbar-icon-secondary:hover{background:linear-gradient(to bottom right,var(--secondary),var(--secondary))}@supports (color:color-mix(in lab, red, red)){.btn-toolbar-icon-secondary:hover{background:linear-gradient(to bottom right,color-mix(in oklch,var(--secondary),transparent 80%),color-mix(in oklch,var(--secondary),transparent 70%))}}.badge-compact{height:1.25rem;padding:0 .5rem;font-size:10px}.badge-mini{height:1rem;padding:0 .375rem;font-size:10px}@keyframes shimmer-bg{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000) 0 0/1000px 100%;animation:3s linear infinite shimmer-bg}.animate-shimmer{animation:2s linear infinite shimmer}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(var(--primary),.1)}50%{box-shadow:0 0 30px rgba(var(--primary),.2)}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes gradient-x{0%,to{background-position:0%}50%{background-position:100%}}.animate-gradient-x{animation:8s ease-in-out infinite gradient-x}.gradient-text{background:linear-gradient(to right,var(--foreground),var(--foreground))}@supports (color:color-mix(in lab, red, red)){.gradient-text{background:linear-gradient(to right,var(--foreground),color-mix(in oklch,var(--foreground),transparent 30%))}}.gradient-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.glass{background:color-mix(in oklch,var(--background),transparent 50%)}}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.glass{border:1px solid color-mix(in oklch,var(--border),transparent 50%)}}.tool-card{transition:all .3s ease-out}.tool-card:hover{transform:scale(1.02);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.scrollbar-thin::-webkit-scrollbar-thumb{background-color:color-mix(in oklch,var(--primary),transparent 80%)}}.scrollbar-thin::-webkit-scrollbar-thumb{border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklch,var(--primary),transparent 70%)}}}@layer utilities{.\\@container{container-type:inline-size}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-12{top:calc(var(--spacing)*-12)}.top-1\\.5{top:calc(var(--spacing)*1.5)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\\[50\\%\\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-1\\.5{right:calc(var(--spacing)*1.5)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-6{bottom:calc(var(--spacing)*6)}.left-0{left:calc(var(--spacing)*0)}.left-\\[50\\%\\]{left:50%}.z-10{z-index:10}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-auto{margin-block:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-2\\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-14{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}.size-\\[34px\\]{width:34px;height:34px}.size-full{width:100%;height:100%}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-\\[600px\\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.max-h-24{max-height:calc(var(--spacing)*24)}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\\[80dvh\\]{max-height:80dvh}.max-h-\\[80vh\\]{max-height:80vh}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-\\[60px\\]{min-height:60px}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-16{width:calc(var(--spacing)*16)}.w-\\[500px\\]{width:500px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-7\\/8{max-width:87.5%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[80px\\]{max-width:80px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.max-w-\\[var\\(--thread-max-width\\)\\]{max-width:var(--thread-max-width)}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.origin-\\(--radix-tooltip-content-transform-origin\\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\\[-50\\%\\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[calc\\(-50\\%_-_2px\\)\\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-none{resize:none}.scroll-m-20{scroll-margin:calc(var(--spacing)*20)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.auto-rows-auto{grid-auto-rows:auto}.grid-cols-\\[minmax\\(72px\\,1fr\\)_auto\\]{grid-template-columns:minmax(72px,1fr) auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-center{align-self:center}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\\[2px\\]{border-radius:2px}.rounded-\\[14px\\]{border-radius:14px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.\\!rounded-t-none{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-tr-sm{border-top-right-radius:calc(var(--radius) - 4px)}.rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-blue-500\\/40{border-color:#3080ff66}@supports (color:color-mix(in lab, red, red)){.border-blue-500\\/40{border-color:color-mix(in oklab,var(--color-blue-500)40%,transparent)}}.border-blue-500\\/60{border-color:#3080ff99}@supports (color:color-mix(in lab, red, red)){.border-blue-500\\/60{border-color:color-mix(in oklab,var(--color-blue-500)60%,transparent)}}.border-border,.border-border\\/20{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\\/20{border-color:color-mix(in oklab,var(--border)20%,transparent)}}.border-border\\/40{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\\/40{border-color:color-mix(in oklab,var(--border)40%,transparent)}}.border-border\\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-destructive,.border-destructive\\/60{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\\/60{border-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.border-foreground\\/20{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/20{border-color:color-mix(in oklab,var(--foreground)20%,transparent)}}.border-green-500\\/40{border-color:#00c75866}@supports (color:color-mix(in lab, red, red)){.border-green-500\\/40{border-color:color-mix(in oklab,var(--color-green-500)40%,transparent)}}.border-green-500\\/60{border-color:#00c75899}@supports (color:color-mix(in lab, red, red)){.border-green-500\\/60{border-color:color-mix(in oklab,var(--color-green-500)60%,transparent)}}.border-input{border-color:var(--input)}.border-muted-foreground\\/20{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.border-muted-foreground\\/20{border-color:color-mix(in oklab,var(--muted-foreground)20%,transparent)}}.border-primary\\/60{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/60{border-color:color-mix(in oklab,var(--primary)60%,transparent)}}.border-red-500\\/40{border-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.border-red-500\\/40{border-color:color-mix(in oklab,var(--color-red-500)40%,transparent)}}.border-red-500\\/60{border-color:#fb2c3699}@supports (color:color-mix(in lab, red, red)){.border-red-500\\/60{border-color:color-mix(in oklab,var(--color-red-500)60%,transparent)}}.border-transparent{border-color:#0000}.border-white\\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\\[color-mix\\(in_oklab\\,rgb\\(var\\(--background\\)\\)_20\\%\\,transparent\\)\\]{background-color:rgb(var(--background))}@supports (color:color-mix(in lab, red, red)){.bg-\\[color-mix\\(in_oklab\\,rgb\\(var\\(--background\\)\\)_20\\%\\,transparent\\)\\]{background-color:color-mix(in oklab,rgb(var(--background))20%,transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background,.bg-background\\/50{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/50{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.bg-background\\/80{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/80{background-color:color-mix(in oklab,var(--background)80%,transparent)}}.bg-background\\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\\/5{background-color:#3080ff0d}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\\/5{background-color:color-mix(in oklab,var(--color-blue-500)5%,transparent)}}.bg-blue-500\\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-border{background-color:var(--border)}.bg-destructive,.bg-destructive\\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\\/5{background-color:#00c7580d}@supports (color:color-mix(in lab, red, red)){.bg-green-500\\/5{background-color:color-mix(in oklab,var(--color-green-500)5%,transparent)}}.bg-green-500\\/10{background-color:#00c7581a}@supports (color:color-mix(in lab, red, red)){.bg-green-500\\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.bg-muted{background-color:var(--muted)}.bg-muted-foreground\\/15{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\\/15{background-color:color-mix(in oklab,var(--muted-foreground)15%,transparent)}}.bg-muted\\/5{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/5{background-color:color-mix(in oklab,var(--muted)5%,transparent)}}.bg-muted\\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-popover\\/95{background-color:var(--popover)}@supports (color:color-mix(in lab, red, red)){.bg-popover\\/95{background-color:color-mix(in oklab,var(--popover)95%,transparent)}}.bg-primary,.bg-primary\\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\\/5{background-color:#fb2c360d}@supports (color:color-mix(in lab, red, red)){.bg-red-500\\/5{background-color:color-mix(in oklab,var(--color-red-500)5%,transparent)}}.bg-red-500\\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.fill-foreground{fill:var(--foreground)}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-0\\.5{padding-top:calc(var(--spacing)*.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[17px\\]{font-size:17px}.text-\\[19px\\]{font-size:19px}.text-\\[21px\\]{font-size:21px}.text-\\[25px\\]{font-size:25px}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-background{color:var(--background)}.text-blue-600{color:var(--color-blue-600)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-emerald-500{color:var(--color-emerald-500)}.text-foreground,.text-foreground\\/80{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-green-600{color:var(--color-green-600)}.text-muted-foreground,.text-muted-foreground\\/65{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/65{color:color-mix(in oklab,var(--muted-foreground)65%,transparent)}}.text-muted-foreground\\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/70{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-600{color:var(--color-red-600)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_12px_rgba\\(34\\,197\\,94\\,0\\.3\\)\\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#22c55e4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_12px_rgba\\(59\\,130\\,246\\,0\\.3\\)\\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#3b82f64d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_12px_rgba\\(239\\,68\\,68\\,0\\.3\\)\\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#ef44444d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_12px_24px_-16px_rgba\\(37\\,99\\,235\\,0\\.55\\)\\]{--tw-shadow:0 12px 24px -16px var(--tw-shadow-color,#2563eb8c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_12px_24px_-18px_rgba\\(220\\,38\\,38\\,0\\.55\\)\\]{--tw-shadow:0 12px 24px -18px var(--tw-shadow-color,#dc26268c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\\[box-shadow\\:inset_0_1px_2px_0_rgba\\(255\\,255\\,255\\,0\\.15\\)\\]{box-shadow:inset 0 1px 2px #ffffff26}.shadow-black\\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.shadow-black\\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-xl{--tw-drop-shadow-size:drop-shadow(0 9px 7px var(--tw-drop-shadow-color,#0000001a));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\\:text-muted-foreground::placeholder,.placeholder\\:text-muted-foreground\\/70::placeholder{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-muted-foreground\\/70::placeholder{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.first\\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.first\\:mt-3:first-child{margin-top:calc(var(--spacing)*3)}.first\\:mt-4:first-child{margin-top:calc(var(--spacing)*4)}.first\\:rounded-tl-lg:first-child{border-top-left-radius:var(--radius)}.first\\:border-t:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}.last\\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.last\\:mb-5:last-child{margin-bottom:calc(var(--spacing)*5)}.last\\:mb-24:last-child{margin-bottom:calc(var(--spacing)*24)}.last\\:rounded-tr-lg:last-child{border-top-right-radius:var(--radius)}.last\\:border-r:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.empty\\:hidden:empty{display:none}.focus-within\\:border-ring\\/50:focus-within{border-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-within\\:border-ring\\/50:focus-within{border-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-within\\:border-white\\/20:focus-within{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.focus-within\\:border-white\\/20:focus-within{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.focus-within\\:shadow-2xl:focus-within{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:shadow-md:focus-within{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:shadow-black\\/30:focus-within{--tw-shadow-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.focus-within\\:shadow-black\\/30:focus-within{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)30%,transparent)var(--tw-shadow-alpha),transparent)}}.focus-within\\:ring-ring:focus-within{--tw-ring-color:var(--ring)}.focus-within\\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:border-accent:hover{border-color:var(--accent)}.hover\\:border-border\\/60:hover{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-border\\/60:hover{border-color:color-mix(in oklab,var(--border)60%,transparent)}}.hover\\:border-white\\/15:hover{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\\:border-white\\/15:hover{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\\:\\!bg-white:hover{background-color:var(--color-white)!important}.hover\\:bg-accent:hover,.hover\\:bg-accent\\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-accent\\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.hover\\:bg-destructive\\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/10:hover{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.hover\\:bg-destructive\\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/80:hover{background-color:color-mix(in oklab,var(--destructive)80%,transparent)}}.hover\\:bg-destructive\\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\\:bg-muted-foreground\\/15:hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted-foreground\\/15:hover{background-color:color-mix(in oklab,var(--muted-foreground)15%,transparent)}}.hover\\:bg-primary\\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/80:hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)}}.hover\\:bg-primary\\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\\:bg-secondary\\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\\:bg-transparent:hover{background-color:#0000}.hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\\:text-destructive:hover{color:var(--destructive)}.hover\\:text-foreground:hover{color:var(--foreground)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-75:hover{opacity:.75}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-\\[0_14px_24px_-14px_rgba\\(37\\,99\\,235\\,0\\.6\\)\\]:hover{--tw-shadow:0 14px 24px -14px var(--tw-shadow-color,#2563eb99);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-\\[0_14px_24px_-16px_rgba\\(220\\,38\\,38\\,0\\.6\\)\\]:hover{--tw-shadow:0 14px 24px -16px var(--tw-shadow-color,#dc262699);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:drop-shadow-2xl:hover{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-\\[3px\\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\\:ring-destructive\\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/40:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.focus-visible\\:ring-primary\\/40:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-primary\\/40:focus-visible{--tw-ring-color:color-mix(in oklab,var(--primary)40%,transparent)}}.focus-visible\\:ring-ring:focus-visible,.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:invisible:disabled{visibility:hidden}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.has-\\[\\>svg\\]\\:px-2\\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\\[\\>svg\\]\\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\\[\\>svg\\]\\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-floating\\:absolute[data-floating]{position:absolute}.data-floating\\:rounded-md[data-floating]{border-radius:calc(var(--radius) - 2px)}.data-floating\\:border[data-floating]{border-style:var(--tw-border-style);border-width:1px}.data-floating\\:bg-background[data-floating]{background-color:var(--background)}.data-floating\\:p-1[data-floating]{padding:calc(var(--spacing)*1)}.data-floating\\:shadow-sm[data-floating]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation=horizontal]{height:1px}.data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation=horizontal]{width:100%}.data-\\[orientation\\=vertical\\]\\:h-full[data-orientation=vertical]{height:100%}.data-\\[orientation\\=vertical\\]\\:w-px[data-orientation=vertical]{width:1px}.data-\\[state\\=closed\\]\\:scale-0[data-state=closed]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\\[state\\=closed\\]\\:scale-100[data-state=closed]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\\[state\\=closed\\]\\:-rotate-90[data-state=closed]{rotate:-90deg}.data-\\[state\\=closed\\]\\:rotate-0[data-state=closed]{rotate:none}.data-\\[state\\=open\\]\\:scale-0[data-state=open]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\\[state\\=open\\]\\:scale-100[data-state=open]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\\[state\\=open\\]\\:rotate-0[data-state=open]{rotate:none}.data-\\[state\\=open\\]\\:rotate-90[data-state=open]{rotate:90deg}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}@media (min-width:40rem){.sm\\:max-w-3xl{max-width:var(--container-3xl)}.sm\\:max-w-lg{max-width:var(--container-lg)}.sm\\:max-w-md{max-width:var(--container-md)}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}.sm\\:text-left{text-align:left}}@media (min-width:48rem){.md\\:pb-6{padding-bottom:calc(var(--spacing)*6)}}@container (min-width:28rem){.\\@md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\\@md\\:flex-col{flex-direction:column}}.dark\\:border-input:is(.dark *){border-color:var(--input)}.dark\\:border-muted-foreground\\/15:is(.dark *){border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.dark\\:border-muted-foreground\\/15:is(.dark *){border-color:color-mix(in oklab,var(--muted-foreground)15%,transparent)}}.dark\\:bg-background:is(.dark *){background-color:var(--background)}.dark\\:bg-destructive\\/5:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/5:is(.dark *){background-color:color-mix(in oklab,var(--destructive)5%,transparent)}}.dark\\:bg-destructive\\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\\:bg-input\\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\\:bg-muted-foreground\\/20:is(.dark *){background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-muted-foreground\\/20:is(.dark *){background-color:color-mix(in oklab,var(--muted-foreground)20%,transparent)}}.dark\\:stroke-\\[2\\.5px\\]:is(.dark *){stroke-width:2.5px}.dark\\:text-green-400:is(.dark *){color:var(--color-green-400)}.dark\\:text-red-200:is(.dark *){color:var(--color-red-200)}@media (hover:hover){.dark\\:hover\\:bg-accent:is(.dark *):hover,.dark\\:hover\\:bg-accent\\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-accent\\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\\:hover\\:bg-accent\\/60:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-accent\\/60:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)60%,transparent)}}.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\\:hover\\:bg-muted-foreground\\/30:is(.dark *):hover{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-muted-foreground\\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted-foreground)30%,transparent)}}}.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-background svg{color:var(--background)}.\\[\\&_svg\\]\\:text-black svg{color:var(--color-black)}@media (hover:hover){.hover\\:\\[\\&_svg\\]\\:text-destructive:hover svg{color:var(--destructive)}}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\&\\:last-child\\>td\\:first-child\\]\\:rounded-bl-lg:last-child>td:first-child{border-bottom-left-radius:var(--radius)}.\\[\\&\\:last-child\\>td\\:last-child\\]\\:rounded-br-lg:last-child>td:last-child{border-bottom-right-radius:var(--radius)}.\\[\\&\\:nth-child\\(n\\+3\\)\\]\\:hidden:nth-child(n+3){display:none}@container (min-width:28rem){.\\@md\\:\\[\\&\\:nth-child\\(n\\+3\\)\\]\\:block:nth-child(n+3){display:block}}.\\[\\&\\:where\\(\\>\\*\\)\\]\\:col-start-2:where(){grid-column-start:2}.only\\:\\[\\&\\>\\#attachment-tile\\]\\:size-24:only-child>#attachment-tile{width:calc(var(--spacing)*24);height:calc(var(--spacing)*24)}.\\[\\&\\>\\.aui-thread-root\\]\\:bg-inherit>.aui-thread-root{background-color:inherit}.\\[\\&\\>a\\]\\:text-xs>a{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\\[\\&\\>a\\]\\:no-underline>a{text-decoration-line:none}.\\[\\&\\>button\\]\\:rounded-full>button{border-radius:3.40282e38px}.\\[\\&\\>button\\]\\:bg-foreground\\/60>button{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.\\[\\&\\>button\\]\\:bg-foreground\\/60>button{background-color:color-mix(in oklab,var(--foreground)60%,transparent)}}.\\[\\&\\>button\\]\\:p-1>button{padding:calc(var(--spacing)*1)}.\\[\\&\\>button\\]\\:opacity-100>button{opacity:1}.\\[\\&\\>button\\]\\:\\!ring-0>button{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}@media (hover:hover){.\\[\\&\\>button\\]\\:hover\\:\\[\\&_svg\\]\\:text-destructive>button:hover svg{color:var(--destructive)}}.\\[\\&\\>li\\]\\:mt-1>li{margin-top:calc(var(--spacing)*1)}.\\[\\&\\>span\\]\\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\\[\\&\\[align\\=center\\]\\]\\:text-center[align=center]{text-align:center}.\\[\\&\\[align\\=right\\]\\]\\:text-right[align=right]{text-align:right}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes smooth-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%,to{transform:translate(0%)translateY(0%)}25%{transform:translate(100%)translateY(100%)}50%{transform:translate(100%)translateY(0%)}75%{transform:translate(0%)translateY(100%)}}@keyframes float{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-30px)translate(20px)}66%{transform:translateY(20px)translate(-20px)}}@keyframes float-delayed{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(30px)translate(-30px)}66%{transform:translateY(-20px)translate(20px)}}.tool-card-transition{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.tool-card-smooth{transition:all .35s cubic-bezier(.4,0,.2,1)}.animate-fadeInUp{opacity:0;animation:.5s ease-out forwards fadeInUp}.animate-gradient-shift{background-size:200% 200%;animation:20s ease-in-out infinite gradient-shift}.animate-float-slow{animation:20s ease-in-out infinite float}.animate-float-delayed{animation:25s ease-in-out 5s infinite float-delayed}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes aui-pulse{50%{opacity:.5}}:where(.aui-md[data-status=running]):empty:after,:where(.aui-md[data-status=running])>:where(:not(ol):not(ul):not(pre)):last-child:after,:where(.aui-md[data-status=running])>pre:last-child code:after,:where(.aui-md[data-status=running])>:where(:is(ol,ul):last-child)>:where(li:last-child:not(:has(*>li))):after,:where(.aui-md[data-status=running])>:where(:is(ol,ul):last-child)>:where(li:last-child)>:where(:is(ol,ul):last-child)>:where(li:last-child:not(:has(*>li))):after,:where(.aui-md[data-status=running])>:where(:is(ol,ul):last-child)>:where(li:last-child)>:where(:is(ol,ul):last-child)>:where(li:last-child)>:where(:is(ol,ul):last-child)>:where(li:last-child):after{--aui-content:\"●\";content:var(--aui-content);margin-left:.25rem;margin-right:.25rem;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;animation:2s cubic-bezier(.4,0,.6,1) infinite aui-pulse}@property --tw-border-spacing-x{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}";
+/**
+* Inject the WebMCP styles into the document head.
+* This is called automatically when registering the web component.
+*/
+function injectStyles() {
+	if (typeof document === "undefined") return;
+	const styleId = "webmcp-agent-styles";
+	if (document.getElementById(styleId)) return;
+	const style = document.createElement("style");
+	style.id = styleId;
+	style.textContent = WEBMCP_STYLES;
+	document.head.appendChild(style);
+}
+
+//#endregion
+//#region src/web-component.tsx
+/**
+* WebMCP Agent Web Component
+*
+* A custom element wrapper for the EmbeddedAgent React component.
+* Uses @r2wc/react-to-web-component to convert React to a native web component.
+*
+* @example Usage as a custom element (standalone - styles auto-injected)
+* ```html
+* <script src="@mcp-b/embedded-agent/web-component/standalone"><\/script>
+* <webmcp-agent
+*   app-id="your-app-id"
+*   api-base="https://your-worker.workers.dev"
+* ></webmcp-agent>
+* ```
+*
+* @example React usage (import the component directly)
+* ```tsx
+* import { EmbeddedAgent } from '@mcp-b/embedded-agent'
+* import '@mcp-b/embedded-agent/styles'
+*
+* function App() {
+*   return (
+*     <EmbeddedAgent
+*       appId="your-app-id"
+*       apiBase="https://your-worker.workers.dev"
+*     />
+*   )
+* }
+* ```
+*/
+/**
+* EmbeddedAgent React Component
+*
+* A fully self-contained chat widget with MCP tool support and optional voice mode.
+* Can be used as a React component or converted to a web component.
+*/
+const EmbeddedAgent = (t0) => {
+	const $ = c(11);
+	const { appId, apiBase, tokenEndpoint, autoConnectLocal: t1, onToolsChange, onVoiceError, onVoiceConnect, onVoiceDisconnect } = t0;
+	const autoConnectLocal = t1 === void 0 ? true : t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = { sendAutomaticallyWhen: _temp };
+		$[0] = t2;
+	} else t2 = $[0];
+	const runtime = useChatRuntime(t2);
+	const resolvedTokenEndpoint = tokenEndpoint || (apiBase ? `${apiBase}/api/realtime/session` : void 0);
+	if (appId && typeof window !== "undefined") console.debug("[WebMCP] Initialized with app_id:", appId);
+	let t3;
+	if ($[1] !== onVoiceConnect || $[2] !== onVoiceDisconnect || $[3] !== onVoiceError || $[4] !== resolvedTokenEndpoint || $[5] !== runtime) {
+		t3 = resolvedTokenEndpoint ? /* @__PURE__ */ jsx(VoiceModeProvider, {
+			tokenEndpoint: resolvedTokenEndpoint,
+			onError: onVoiceError,
+			onConnect: onVoiceConnect,
+			onDisconnect: onVoiceDisconnect,
+			children: /* @__PURE__ */ jsxs(AssistantRuntimeProvider, {
+				runtime,
+				children: [/* @__PURE__ */ jsx(MCPToolRegistry, {}), /* @__PURE__ */ jsx(AssistantModal, {})]
+			})
+		}) : /* @__PURE__ */ jsxs(AssistantRuntimeProvider, {
+			runtime,
+			children: [/* @__PURE__ */ jsx(MCPToolRegistry, {}), /* @__PURE__ */ jsx(AssistantModal, {})]
+		});
+		$[1] = onVoiceConnect;
+		$[2] = onVoiceDisconnect;
+		$[3] = onVoiceError;
+		$[4] = resolvedTokenEndpoint;
+		$[5] = runtime;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== autoConnectLocal || $[8] !== onToolsChange || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(MCPToolsProvider, {
+			autoConnectLocal,
+			onToolsChange,
+			children: t3
+		});
+		$[7] = autoConnectLocal;
+		$[8] = onToolsChange;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+};
+/**
+* Web Component Definition
+*
+* Converts EmbeddedAgent to a custom element that can be used in any HTML page.
+* Attributes are automatically converted from kebab-case to camelCase props.
+*/
+const WebMCPAgentElement = r2wc(EmbeddedAgent, { props: {
+	appId: "string",
+	apiBase: "string",
+	tokenEndpoint: "string",
+	autoConnectLocal: "boolean"
+} });
+/**
+* Register the custom element
+*
+* Call this function to register the <webmcp-agent> custom element.
+* This is automatically called when importing the web-component entry point.
+* Styles are automatically injected into the document head.
+*/
+function registerWebMCPAgent(tagName = "webmcp-agent") {
+	if (typeof window === "undefined") return;
+	injectStyles();
+	if (!customElements.get(tagName)) customElements.define(tagName, WebMCPAgentElement);
+}
+registerWebMCPAgent();
+function _temp(messages) {
+	return lastAssistantMessageIsCompleteWithToolCalls(messages);
+}
+
+//#endregion
+export { EmbeddedAgent, WebMCPAgentElement, registerWebMCPAgent };
+//# sourceMappingURL=web-component.js.map