@mcp-b/embedded-agent 0.0.2 → 0.0.3

package/dist/index.js

@@ -1,11 +1,11 @@
 import { c } from "react/compiler-runtime";
-import { ActionBarPrimitive, AssistantModalPrimitive, AssistantRuntimeProvider, AttachmentPrimitive, BranchPickerPrimitive, ComposerPrimitive, ErrorPrimitive, MessagePrimitive, ThreadPrimitive, tool, useAssistantApi, useAssistantRuntime, useAssistantState, useAssistantTool, useExternalStoreRuntime } from "@assistant-ui/react";
+import { ActionBarPrimitive, AssistantModalPrimitive, AssistantRuntimeProvider, AttachmentPrimitive, BranchPickerPrimitive, ComposerPrimitive, ErrorPrimitive, MessagePrimitive, ThreadPrimitive, tool, useAssistantApi, useAssistantRuntime, useAssistantState, useAssistantTool, useExternalStoreRuntime, useThread } from "@assistant-ui/react";
 import { AssistantChatTransport, useChatRuntime } from "@assistant-ui/react-ai-sdk";
 import r2wc from "@r2wc/react-to-web-component";
 import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
 import { createContext, forwardRef, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { AlertCircle, ArrowDownIcon, ArrowUpIcon, Bot, CheckCircle2, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CopyIcon, FileText, Loader2, Mic, MicOff, PencilIcon, Phone, PhoneOff, Plug, Plus, PlusIcon, RefreshCwIcon, Square, User, Volume2, Wrench, X, XIcon } from "lucide-react";
-import { AnimatePresence, LazyMotion, MotionConfig, domAnimation } from "motion/react";
+import { AlertCircle, ArrowDownIcon, ArrowUpIcon, Bot, CheckCircle2, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Circle, CopyIcon, FileText, History, Loader2, MessageSquare, Mic, MicOff, PencilIcon, Phone, PhoneOff, Plug, Plus, PlusIcon, RefreshCwIcon, Send, Square, User, Volume2, Wrench, X, XIcon } from "lucide-react";
+import { AnimatePresence, LazyMotion, MotionConfig, domAnimation, motion } from "motion/react";
 import * as m from "motion/react-m";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -23,6 +23,7 @@ import { CreateMessageRequestSchema, GetPromptResultSchema, ListPromptsResultSch
 import { TabClientTransport } from "@mcp-b/transports";
 import { SSEClientTransport } from "@modelcontextprotocol/sdk/client/sse.js";
 import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js";
+import ReactMarkdown from "react-markdown";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { useAgent } from "agents/react";
@@ -2205,7 +2206,7 @@ const useFileSrc = (file) => {
 	return src;
 };
 const useAttachmentSrc = () => {
-	const { file, src: src_0 } = useAssistantState(useShallow(_temp2));
+	const { file, src: src_0 } = useAssistantState(useShallow(_temp2$5));
 	return useFileSrc(file) ?? src_0;
 };
 const AttachmentPreview = (t0) => {
@@ -2271,7 +2272,7 @@ const AttachmentPreviewDialog = (t0) => {
 };
 const AttachmentThumb = () => {
 	const $ = c(8);
-	const isImage = useAssistantState(_temp3);
+	const isImage = useAssistantState(_temp3$4);
 	const src = useAttachmentSrc();
 	let t0;
 	if ($[0] !== src) {
@@ -2313,8 +2314,8 @@ const AttachmentThumb = () => {
 const AttachmentUI = () => {
 	const $ = c(17);
 	const isComposer = useAssistantApi().attachment.source === "composer";
-	const isImage = useAssistantState(_temp4);
-	const typeLabel = useAssistantState(_temp5);
+	const isImage = useAssistantState(_temp4$4);
+	const typeLabel = useAssistantState(_temp5$2);
 	const t0 = isImage && "aui-attachment-root-composer only:[&>#attachment-tile]:size-24";
 	let t1;
 	if ($[0] !== t0) {
@@ -2445,26 +2446,26 @@ const ComposerAddAttachment = () => {
 	} else t0 = $[0];
 	return t0;
 };
-function _temp$4(c$1) {
+function _temp$10(c$1) {
 	return c$1.type === "image";
 }
-function _temp2(t0) {
+function _temp2$5(t0) {
 	const { attachment } = t0;
 	if (attachment.type !== "image") return {};
 	if (attachment.file) return { file: attachment.file };
-	const src = attachment.content?.filter(_temp$4)[0]?.image;
+	const src = attachment.content?.filter(_temp$10)[0]?.image;
 	if (!src) return {};
 	return { src };
 }
-function _temp3(t0) {
+function _temp3$4(t0) {
 	const { attachment } = t0;
 	return attachment.type === "image";
 }
-function _temp4(t0) {
+function _temp4$4(t0) {
 	const { attachment } = t0;
 	return attachment.type === "image";
 }
-function _temp5(t0) {
+function _temp5$2(t0) {
 	const { attachment: attachment_0 } = t0;
 	const type = attachment_0.type;
 	switch (type) {
@@ -4230,7 +4231,7 @@ const ThreadSuggestions$1 = () => {
 					label: "for healthy weight loss",
 					action: "Create a meal plan for healthy weight loss"
 				}
-			].map(_temp$3)
+			].map(_temp$9)
 		});
 		$[0] = t0;
 	} else t0 = $[0];
@@ -4503,7 +4504,7 @@ const BranchPicker$1 = (t0) => {
 	} else t6 = $[11];
 	return t6;
 };
-function _temp$3(suggestedAction, index) {
+function _temp$9(suggestedAction, index) {
 	return /* @__PURE__ */ jsx(m.div, {
 		initial: {
 			opacity: 0,
@@ -4702,6 +4703,2912 @@ const MCPToolRegistry = () => {
 	return t1;
 };
 
+//#endregion
+//#region src/hooks/useActions.ts
+/**
+* Humanize a tool name for display
+* e.g., "search_files" -> "Searching files"
+* e.g., "readFile" -> "Reading file"
+*/
+function humanizeToolName(toolName, isRunning = false) {
+	const words = toolName.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/_/g, " ").toLowerCase().split(" ");
+	if (words.length === 0) return toolName;
+	if (isRunning) {
+		const verb = words[0];
+		const progressive = verb.endsWith("e") ? verb.slice(0, -1) + "ing" : verb + "ing";
+		words[0] = progressive.charAt(0).toUpperCase() + progressive.slice(1);
+	} else words[0] = words[0].charAt(0).toUpperCase() + words[0].slice(1);
+	return words.join(" ");
+}
+/**
+* Hook to derive actions from the current thread's tool calls
+*
+* Actions are a view of tool calls - not separate state.
+* This maintains compatibility with assistant-ui's data model.
+*/
+function useActions() {
+	const $ = c(3);
+	const messages = useThread(_temp$8);
+	let t0;
+	bb0: {
+		if (!messages || messages.length === 0) {
+			let t1;
+			if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+				t1 = [];
+				$[0] = t1;
+			} else t1 = $[0];
+			t0 = t1;
+			break bb0;
+		}
+		let actions;
+		if ($[1] !== messages) {
+			actions = [];
+			for (const message of messages) {
+				if (message.role !== "assistant") continue;
+				for (const part of message.content) {
+					if (part.type !== "tool-call") continue;
+					const toolPart = part;
+					const isComplete = toolPart.result !== void 0;
+					const hasError = toolPart.result && typeof toolPart.result === "object" && "error" in toolPart.result;
+					let status;
+					if (hasError) status = "error";
+					else if (isComplete) status = "success";
+					else status = "running";
+					actions.push({
+						id: toolPart.toolCallId,
+						toolName: toolPart.toolName,
+						label: humanizeToolName(toolPart.toolName, status === "running"),
+						status,
+						args: toolPart.args,
+						result: toolPart.result,
+						error: hasError ? String(toolPart.result.error) : void 0
+					});
+				}
+			}
+			$[1] = messages;
+			$[2] = actions;
+		} else actions = $[2];
+		t0 = actions;
+	}
+	return t0;
+}
+/**
+* Hook to get the current running action (if any)
+*/
+function _temp$8(thread) {
+	return thread.messages;
+}
+function useCurrentAction() {
+	const $ = c(2);
+	const actions = useActions();
+	let t0;
+	if ($[0] !== actions) {
+		t0 = actions.find(_temp2$4) ?? null;
+		$[0] = actions;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+/**
+* Hook to get recently completed actions
+*/
+function _temp2$4(a) {
+	return a.status === "running";
+}
+function useRecentActions(t0) {
+	const $ = c(3);
+	const limit = t0 === void 0 ? 3 : t0;
+	const actions = useActions();
+	let t1;
+	if ($[0] !== actions || $[1] !== limit) {
+		t1 = actions.filter(_temp3$3).slice(-limit);
+		$[0] = actions;
+		$[1] = limit;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+/**
+* Hook to get action summary stats
+*/
+function _temp3$3(a) {
+	return a.status === "success" || a.status === "error";
+}
+function useActionStats() {
+	const $ = c(11);
+	const actions = useActions();
+	const t0 = actions.length;
+	let t1;
+	if ($[0] !== actions) {
+		t1 = actions.filter(_temp4$3);
+		$[0] = actions;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = t1.length;
+	let t3;
+	if ($[2] !== actions) {
+		t3 = actions.filter(_temp5$1);
+		$[2] = actions;
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = t3.length;
+	let t5;
+	if ($[4] !== actions) {
+		t5 = actions.filter(_temp6);
+		$[4] = actions;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== actions.length || $[7] !== t1.length || $[8] !== t3.length || $[9] !== t5.length) {
+		t6 = {
+			total: t0,
+			completed: t2,
+			running: t4,
+			failed: t5.length
+		};
+		$[6] = actions.length;
+		$[7] = t1.length;
+		$[8] = t3.length;
+		$[9] = t5.length;
+		$[10] = t6;
+	} else t6 = $[10];
+	return t6;
+}
+function _temp6(a_1) {
+	return a_1.status === "error";
+}
+function _temp5$1(a_0) {
+	return a_0.status === "running";
+}
+function _temp4$3(a) {
+	return a.status === "success";
+}
+
+//#endregion
+//#region src/components/pill/CurrentActivity.tsx
+/**
+* Displays the current action the agent is performing,
+* with optional recent completed steps shown below.
+*/
+const CurrentActivity = (t0) => {
+	const $ = c(13);
+	const { currentAction, recentActions: t1, showRecent: t2, className } = t0;
+	let t3;
+	if ($[0] !== t1) {
+		t3 = t1 === void 0 ? [] : t1;
+		$[0] = t1;
+		$[1] = t3;
+	} else t3 = $[1];
+	const recentActions = t3;
+	const showRecent = t2 === void 0 ? true : t2;
+	if (!currentAction && recentActions.length === 0) return null;
+	let t4;
+	if ($[2] !== className) {
+		t4 = cn("space-y-2", className);
+		$[2] = className;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== currentAction) {
+		t5 = currentAction && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2.5",
+			children: [/* @__PURE__ */ jsx(ActionStatusIcon, { status: currentAction.status }), /* @__PURE__ */ jsxs("span", {
+				className: "text-sm font-medium text-white",
+				children: [currentAction.label, "..."]
+			})]
+		});
+		$[4] = currentAction;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== recentActions || $[7] !== showRecent) {
+		t6 = showRecent && recentActions.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "ml-1 border-l border-white/20 pl-3 space-y-1",
+			children: recentActions.map(_temp$7)
+		});
+		$[6] = recentActions;
+		$[7] = showRecent;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== t4 || $[10] !== t5 || $[11] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [t5, t6]
+		});
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
+	return t7;
+};
+/**
+* Icon component for action status
+*/
+const ActionStatusIcon = (t0) => {
+	const $ = c(25);
+	const { status, size: t1, className } = t0;
+	const sizeClass = (t1 === void 0 ? "md" : t1) === "sm" ? "h-3 w-3" : "h-4 w-4";
+	switch (status) {
+		case "queued": {
+			let t2;
+			if ($[0] !== className || $[1] !== sizeClass) {
+				t2 = cn(sizeClass, "text-white/40", className);
+				$[0] = className;
+				$[1] = sizeClass;
+				$[2] = t2;
+			} else t2 = $[2];
+			let t3;
+			if ($[3] !== t2) {
+				t3 = /* @__PURE__ */ jsx(Circle, { className: t2 });
+				$[3] = t2;
+				$[4] = t3;
+			} else t3 = $[4];
+			return t3;
+		}
+		case "running": {
+			let t2;
+			if ($[5] !== className || $[6] !== sizeClass) {
+				t2 = cn(sizeClass, "text-blue-400 animate-spin", className);
+				$[5] = className;
+				$[6] = sizeClass;
+				$[7] = t2;
+			} else t2 = $[7];
+			let t3;
+			if ($[8] !== t2) {
+				t3 = /* @__PURE__ */ jsx(Loader2, { className: t2 });
+				$[8] = t2;
+				$[9] = t3;
+			} else t3 = $[9];
+			return t3;
+		}
+		case "success": {
+			let t2;
+			if ($[10] !== className || $[11] !== sizeClass) {
+				t2 = cn(sizeClass, "text-green-400", className);
+				$[10] = className;
+				$[11] = sizeClass;
+				$[12] = t2;
+			} else t2 = $[12];
+			let t3;
+			if ($[13] !== t2) {
+				t3 = /* @__PURE__ */ jsx(CheckCircle2, { className: t2 });
+				$[13] = t2;
+				$[14] = t3;
+			} else t3 = $[14];
+			return t3;
+		}
+		case "error": {
+			let t2;
+			if ($[15] !== className || $[16] !== sizeClass) {
+				t2 = cn(sizeClass, "text-red-400", className);
+				$[15] = className;
+				$[16] = sizeClass;
+				$[17] = t2;
+			} else t2 = $[17];
+			let t3;
+			if ($[18] !== t2) {
+				t3 = /* @__PURE__ */ jsx(AlertCircle, { className: t2 });
+				$[18] = t2;
+				$[19] = t3;
+			} else t3 = $[19];
+			return t3;
+		}
+		default: {
+			let t2;
+			if ($[20] !== className || $[21] !== sizeClass) {
+				t2 = cn(sizeClass, "text-white/40", className);
+				$[20] = className;
+				$[21] = sizeClass;
+				$[22] = t2;
+			} else t2 = $[22];
+			let t3;
+			if ($[23] !== t2) {
+				t3 = /* @__PURE__ */ jsx(Circle, { className: t2 });
+				$[23] = t2;
+				$[24] = t3;
+			} else t3 = $[24];
+			return t3;
+		}
+	}
+};
+/**
+* Idle state indicator when no actions are running
+*/
+const IdleIndicator = (t0) => {
+	const $ = c(6);
+	const { className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("flex items-center gap-2 text-white/50", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-green-400/60" });
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "text-xs",
+			children: "Ready"
+		});
+		$[2] = t2;
+		$[3] = t3;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+	}
+	let t4;
+	if ($[4] !== t1) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: t1,
+			children: [t2, t3]
+		});
+		$[4] = t1;
+		$[5] = t4;
+	} else t4 = $[5];
+	return t4;
+};
+function _temp$7(action) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 text-xs text-white/60",
+		children: [/* @__PURE__ */ jsx(ActionStatusIcon, {
+			status: action.status,
+			size: "sm"
+		}), /* @__PURE__ */ jsx("span", {
+			className: cn(action.status === "error" && "text-red-400"),
+			children: action.label
+		})]
+	}, action.id);
+}
+
+//#endregion
+//#region src/components/pill/ActionList.tsx
+/**
+* Collapsible list of all actions (tool calls) in the current conversation.
+* Shows count in header, expands to show full list with status icons.
+*/
+const ActionList = (t0) => {
+	const $ = c(34);
+	const { actions, defaultCollapsed: t1, className } = t0;
+	const [isCollapsed, setIsCollapsed] = useState(t1 === void 0 ? true : t1);
+	if (actions.length === 0) return null;
+	let t2;
+	if ($[0] !== actions) {
+		t2 = actions.filter(_temp$6);
+		$[0] = actions;
+		$[1] = t2;
+	} else t2 = $[1];
+	const completedCount = t2.length;
+	const totalCount = actions.length;
+	let t3;
+	if ($[2] !== className) {
+		t3 = cn("", className);
+		$[2] = className;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== isCollapsed) {
+		t4 = () => setIsCollapsed(!isCollapsed);
+		$[4] = isCollapsed;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = cn("flex w-full items-center justify-between", "rounded-lg px-3 py-2", "bg-white/5 hover:bg-white/10", "transition-colors duration-200");
+		$[6] = t5;
+	} else t5 = $[6];
+	const t6 = !isCollapsed;
+	let t7;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx("span", {
+			className: "text-xs font-medium text-white/80",
+			children: "Actions"
+		});
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] !== completedCount || $[9] !== totalCount) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t7, /* @__PURE__ */ jsxs("span", {
+				className: "text-xs text-white/50",
+				children: [
+					"(",
+					completedCount,
+					"/",
+					totalCount,
+					")"
+				]
+			})]
+		});
+		$[8] = completedCount;
+		$[9] = totalCount;
+		$[10] = t8;
+	} else t8 = $[10];
+	const t9 = !isCollapsed && "rotate-180";
+	let t10;
+	if ($[11] !== t9) {
+		t10 = cn("h-4 w-4 text-white/50 transition-transform duration-200", t9);
+		$[11] = t9;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== t10) {
+		t11 = /* @__PURE__ */ jsx(ChevronDown, { className: t10 });
+		$[13] = t10;
+		$[14] = t11;
+	} else t11 = $[14];
+	let t12;
+	if ($[15] !== t11 || $[16] !== t4 || $[17] !== t6 || $[18] !== t8) {
+		t12 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: t4,
+			className: t5,
+			"aria-expanded": t6,
+			children: [t8, t11]
+		});
+		$[15] = t11;
+		$[16] = t4;
+		$[17] = t6;
+		$[18] = t8;
+		$[19] = t12;
+	} else t12 = $[19];
+	const t13 = isCollapsed ? "grid-rows-[0fr]" : "grid-rows-[1fr]";
+	let t14;
+	if ($[20] !== t13) {
+		t14 = cn("grid transition-[grid-template-rows] duration-300 ease-out", t13);
+		$[20] = t13;
+		$[21] = t14;
+	} else t14 = $[21];
+	let t15;
+	if ($[22] !== actions) {
+		t15 = actions.map(_temp2$3);
+		$[22] = actions;
+		$[23] = t15;
+	} else t15 = $[23];
+	let t16;
+	if ($[24] !== t15) {
+		t16 = /* @__PURE__ */ jsx("div", {
+			className: "overflow-hidden",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "mt-2 max-h-48 space-y-1 overflow-y-auto px-1",
+				children: t15
+			})
+		});
+		$[24] = t15;
+		$[25] = t16;
+	} else t16 = $[25];
+	let t17;
+	if ($[26] !== isCollapsed || $[27] !== t14 || $[28] !== t16) {
+		t17 = /* @__PURE__ */ jsx("div", {
+			className: t14,
+			"aria-hidden": isCollapsed,
+			children: t16
+		});
+		$[26] = isCollapsed;
+		$[27] = t14;
+		$[28] = t16;
+		$[29] = t17;
+	} else t17 = $[29];
+	let t18;
+	if ($[30] !== t12 || $[31] !== t17 || $[32] !== t3) {
+		t18 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [t12, t17]
+		});
+		$[30] = t12;
+		$[31] = t17;
+		$[32] = t3;
+		$[33] = t18;
+	} else t18 = $[33];
+	return t18;
+};
+/**
+* Single action item in the list
+*/
+const ActionItem = (t0) => {
+	const $ = c(25);
+	const { action, className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("flex items-center justify-between", "rounded-md px-3 py-1.5", "hover:bg-white/5", "transition-colors duration-150", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== action.status) {
+		t2 = /* @__PURE__ */ jsx(ActionStatusIcon, {
+			status: action.status,
+			size: "sm"
+		});
+		$[2] = action.status;
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = action.status === "success" && "text-white/60";
+	const t4 = action.status === "running" && "text-white";
+	const t5 = action.status === "error" && "text-red-400";
+	const t6 = action.status === "queued" && "text-white/40";
+	let t7;
+	if ($[4] !== t3 || $[5] !== t4 || $[6] !== t5 || $[7] !== t6) {
+		t7 = cn("text-sm truncate", t3, t4, t5, t6);
+		$[4] = t3;
+		$[5] = t4;
+		$[6] = t5;
+		$[7] = t6;
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] !== action.label || $[10] !== t7) {
+		t8 = /* @__PURE__ */ jsx("span", {
+			className: t7,
+			children: action.label
+		});
+		$[9] = action.label;
+		$[10] = t7;
+		$[11] = t8;
+	} else t8 = $[11];
+	let t9;
+	if ($[12] !== t2 || $[13] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2.5 min-w-0",
+			children: [t2, t8]
+		});
+		$[12] = t2;
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== action.duration) {
+		t10 = action.duration && /* @__PURE__ */ jsx("span", {
+			className: "text-[10px] text-white/40 tabular-nums",
+			children: formatDuration(action.duration)
+		});
+		$[15] = action.duration;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== action.error || $[18] !== action.status) {
+		t11 = action.status === "error" && action.error && /* @__PURE__ */ jsx("span", {
+			className: "text-[10px] text-red-400 truncate max-w-[100px]",
+			title: action.error,
+			children: action.error
+		});
+		$[17] = action.error;
+		$[18] = action.status;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== t1 || $[21] !== t10 || $[22] !== t11 || $[23] !== t9) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: t1,
+			children: [
+				t9,
+				t10,
+				t11
+			]
+		});
+		$[20] = t1;
+		$[21] = t10;
+		$[22] = t11;
+		$[23] = t9;
+		$[24] = t12;
+	} else t12 = $[24];
+	return t12;
+};
+/**
+* Format duration in ms to human readable string
+*/
+function formatDuration(ms) {
+	if (ms < 1e3) return `${ms}ms`;
+	const seconds = ms / 1e3;
+	if (seconds < 60) return `${seconds.toFixed(1)}s`;
+	return `${Math.floor(seconds / 60)}m ${Math.floor(seconds % 60)}s`;
+}
+/**
+* Compact inline action summary (for collapsed pill states)
+*/
+const ActionSummary = (t0) => {
+	const $ = c(19);
+	const { actions, className } = t0;
+	let t1;
+	if ($[0] !== actions) {
+		t1 = actions.filter(_temp3$2);
+		$[0] = actions;
+		$[1] = t1;
+	} else t1 = $[1];
+	const completed = t1.length;
+	let t2;
+	if ($[2] !== actions) {
+		t2 = actions.filter(_temp4$2);
+		$[2] = actions;
+		$[3] = t2;
+	} else t2 = $[3];
+	const running = t2.length;
+	let t3;
+	if ($[4] !== actions) {
+		t3 = actions.filter(_temp5);
+		$[4] = actions;
+		$[5] = t3;
+	} else t3 = $[5];
+	const failed = t3.length;
+	if (actions.length === 0) return null;
+	let t4;
+	if ($[6] !== className) {
+		t4 = cn("flex items-center gap-3 text-xs", className);
+		$[6] = className;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== running) {
+		t5 = running > 0 && /* @__PURE__ */ jsxs("span", {
+			className: "flex items-center gap-1 text-blue-400",
+			children: [
+				/* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-blue-400 animate-pulse" }),
+				running,
+				" running"
+			]
+		});
+		$[8] = running;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== completed) {
+		t6 = completed > 0 && /* @__PURE__ */ jsxs("span", {
+			className: "text-white/50",
+			children: [completed, " completed"]
+		});
+		$[10] = completed;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== failed) {
+		t7 = failed > 0 && /* @__PURE__ */ jsxs("span", {
+			className: "text-red-400",
+			children: [failed, " failed"]
+		});
+		$[12] = failed;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== t4 || $[15] !== t5 || $[16] !== t6 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [
+				t5,
+				t6,
+				t7
+			]
+		});
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t6;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	return t8;
+};
+function _temp$6(a) {
+	return a.status === "success";
+}
+function _temp2$3(action) {
+	return /* @__PURE__ */ jsx(ActionItem, { action }, action.id);
+}
+function _temp3$2(a) {
+	return a.status === "success";
+}
+function _temp4$2(a_0) {
+	return a_0.status === "running";
+}
+function _temp5(a_1) {
+	return a_1.status === "error";
+}
+
+//#endregion
+//#region src/components/pill/PillComposer.tsx
+/**
+* Compact composer for the pill UI.
+* Uses assistant-ui primitives for data binding.
+*/
+const PillComposer = (t0) => {
+	const $ = c(17);
+	const { placeholder: t1, showVoiceButton: t2, isVoiceActive: t3, onVoiceToggle, className } = t0;
+	const placeholder = t1 === void 0 ? "Ask something..." : t1;
+	const showVoiceButton = t2 === void 0 ? false : t2;
+	const isVoiceActive = t3 === void 0 ? false : t3;
+	let t4;
+	if ($[0] !== className) {
+		t4 = cn("flex items-center gap-2", "rounded-full", "bg-white/10 border border-white/10", "px-3 py-2", "focus-within:border-white/20 focus-within:bg-white/15", "transition-colors duration-200", className);
+		$[0] = className;
+		$[1] = t4;
+	} else t4 = $[1];
+	let t5;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = cn("flex-1 min-w-0", "bg-transparent", "text-sm text-white placeholder:text-white/40", "outline-none", "resize-none");
+		$[2] = t5;
+	} else t5 = $[2];
+	let t6;
+	if ($[3] !== placeholder) {
+		t6 = /* @__PURE__ */ jsx(ComposerPrimitive.Input, {
+			placeholder,
+			className: t5,
+			autoFocus: true
+		});
+		$[3] = placeholder;
+		$[4] = t6;
+	} else t6 = $[4];
+	let t7;
+	if ($[5] !== isVoiceActive || $[6] !== onVoiceToggle || $[7] !== showVoiceButton) {
+		t7 = showVoiceButton && onVoiceToggle && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: onVoiceToggle,
+			className: cn("flex-shrink-0", "p-1.5 rounded-full", "transition-colors duration-200", isVoiceActive ? "bg-red-500 text-white" : "hover:bg-white/10 text-white/60 hover:text-white"),
+			"aria-label": isVoiceActive ? "Stop voice input" : "Start voice input",
+			children: /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4" })
+		});
+		$[5] = isVoiceActive;
+		$[6] = onVoiceToggle;
+		$[7] = showVoiceButton;
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = cn("flex-shrink-0", "p-1.5 rounded-full", "bg-primary text-primary-foreground", "hover:bg-primary/90", "disabled:opacity-50 disabled:cursor-not-allowed", "transition-colors duration-200");
+		$[9] = t8;
+	} else t8 = $[9];
+	let t9;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(ThreadPrimitive.If, {
+			running: false,
+			children: /* @__PURE__ */ jsx(ComposerPrimitive.Send, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "submit",
+					className: t8,
+					"aria-label": "Send message",
+					children: /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
+				})
+			})
+		});
+		$[10] = t9;
+	} else t9 = $[10];
+	let t10;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = cn("flex-shrink-0", "p-1.5 rounded-full", "bg-red-500 text-white", "hover:bg-red-600", "transition-colors duration-200");
+		$[11] = t10;
+	} else t10 = $[11];
+	let t11;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(ThreadPrimitive.If, {
+			running: true,
+			children: /* @__PURE__ */ jsx(ComposerPrimitive.Cancel, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: t10,
+					"aria-label": "Stop generating",
+					children: /* @__PURE__ */ jsx(Square, { className: "h-3.5 w-3.5" })
+				})
+			})
+		});
+		$[12] = t11;
+	} else t11 = $[12];
+	let t12;
+	if ($[13] !== t4 || $[14] !== t6 || $[15] !== t7) {
+		t12 = /* @__PURE__ */ jsxs(ComposerPrimitive.Root, {
+			className: t4,
+			children: [
+				t6,
+				t7,
+				t9,
+				t11
+			]
+		});
+		$[13] = t4;
+		$[14] = t6;
+		$[15] = t7;
+		$[16] = t12;
+	} else t12 = $[16];
+	return t12;
+};
+/**
+* Minimal composer for collapsed/hovered states
+* Just shows a clickable prompt
+*/
+const MinimalComposer = (t0) => {
+	const $ = c(7);
+	const { onClick, className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("flex items-center gap-2", "w-full px-4 py-2", "rounded-full", "bg-white/5 hover:bg-white/10", "text-sm text-white/50 hover:text-white/70", "transition-colors duration-200", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("span", { children: "Ask something..." });
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "ml-auto text-xs text-white/30",
+			children: /* @__PURE__ */ jsx("kbd", {
+				className: "rounded bg-white/10 px-1 py-0.5 font-mono text-[10px]",
+				children: "⌘⇧K"
+			})
+		});
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== onClick || $[5] !== t1) {
+		t4 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick,
+			className: t1,
+			children: [t2, t3]
+		});
+		$[4] = onClick;
+		$[5] = t1;
+		$[6] = t4;
+	} else t4 = $[6];
+	return t4;
+};
+
+//#endregion
+//#region src/components/pill/PillContainer.tsx
+const sizeSpring = {
+	type: "spring",
+	stiffness: 300,
+	damping: 28,
+	mass: .8
+};
+const containerVariants = {
+	collapsed: {
+		width: "40px",
+		height: "3px",
+		padding: "0px",
+		borderRadius: "9999px"
+	},
+	hovered: {
+		width: "180px",
+		height: "32px",
+		padding: "0px 12px",
+		borderRadius: "9999px"
+	},
+	composing: {
+		width: "min(360px, calc(100vw - 2rem))",
+		height: "auto",
+		padding: "10px 14px",
+		borderRadius: "20px"
+	},
+	active: {
+		width: "min(360px, calc(100vw - 2rem))",
+		height: "auto",
+		padding: "10px 14px",
+		borderRadius: "20px"
+	},
+	expanded: {
+		width: "min(400px, calc(100vw - 2rem))",
+		height: "auto",
+		padding: "12px 16px",
+		borderRadius: "20px"
+	}
+};
+const contentVariants = {
+	hidden: {
+		opacity: 0,
+		y: 8,
+		scale: .95
+	},
+	visible: {
+		opacity: 1,
+		y: 0,
+		scale: 1,
+		transition: {
+			type: "spring",
+			stiffness: 500,
+			damping: 30,
+			staggerChildren: .05
+		}
+	},
+	exit: {
+		opacity: 0,
+		y: -4,
+		scale: .98,
+		transition: {
+			duration: .15,
+			ease: "easeOut"
+		}
+	}
+};
+const hintVariants = {
+	hidden: {
+		opacity: 0,
+		scale: .9
+	},
+	visible: {
+		opacity: 1,
+		scale: 1,
+		transition: {
+			delay: .1,
+			duration: .2
+		}
+	},
+	exit: {
+		opacity: 0,
+		scale: .9,
+		transition: { duration: .1 }
+	}
+};
+const barVariants = {
+	idle: {
+		opacity: .6,
+		scaleX: 1
+	},
+	hover: {
+		opacity: 1,
+		scaleX: 1.1,
+		transition: { duration: .2 }
+	}
+};
+/**
+* Morphing container that changes size and shape based on state.
+* Uses spring animations for smooth, natural transitions.
+*
+* States:
+* - collapsed: Tiny 4px tall bar (ambient)
+* - hovered: Medium pill with prompt
+* - composing: User is typing
+* - active: Agent is working
+* - expanded: Full panel with summary/forms
+*/
+const PillContainer = (t0) => {
+	const $ = c(55);
+	const { mode, children, onModeChange, className } = t0;
+	const [isHovered, setIsHovered] = useState(false);
+	const hoverTimeoutRef = useRef(null);
+	let t1;
+	if ($[0] !== mode || $[1] !== onModeChange) {
+		t1 = () => {
+			if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
+			hoverTimeoutRef.current = setTimeout(() => {
+				setIsHovered(true);
+				if (mode === "collapsed") onModeChange?.("hovered");
+			}, 100);
+		};
+		$[0] = mode;
+		$[1] = onModeChange;
+		$[2] = t1;
+	} else t1 = $[2];
+	const handleMouseEnter = t1;
+	let t2;
+	if ($[3] !== mode || $[4] !== onModeChange) {
+		t2 = () => {
+			if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
+			setIsHovered(false);
+			if (mode === "hovered") hoverTimeoutRef.current = setTimeout(() => {
+				onModeChange?.("collapsed");
+			}, 50);
+		};
+		$[3] = mode;
+		$[4] = onModeChange;
+		$[5] = t2;
+	} else t2 = $[5];
+	const handleMouseLeave = t2;
+	let t3;
+	if ($[6] !== mode || $[7] !== onModeChange) {
+		t3 = () => {
+			if (mode === "collapsed" || mode === "hovered") onModeChange?.("composing");
+		};
+		$[6] = mode;
+		$[7] = onModeChange;
+		$[8] = t3;
+	} else t3 = $[8];
+	const handleClick = t3;
+	let t4;
+	let t5;
+	if ($[9] !== mode || $[10] !== onModeChange) {
+		t4 = () => {
+			const handleKeyDown = (e) => {
+				if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key.toLowerCase() === "k") {
+					e.preventDefault();
+					if (mode === "collapsed") onModeChange?.("composing");
+					else if (mode === "composing" || mode === "hovered") onModeChange?.("collapsed");
+				}
+			};
+			window.addEventListener("keydown", handleKeyDown);
+			return () => window.removeEventListener("keydown", handleKeyDown);
+		};
+		t5 = [mode, onModeChange];
+		$[9] = mode;
+		$[10] = onModeChange;
+		$[11] = t4;
+		$[12] = t5;
+	} else {
+		t4 = $[11];
+		t5 = $[12];
+	}
+	useEffect(t4, t5);
+	let t6;
+	let t7;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = () => () => {
+			if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
+		};
+		t7 = [];
+		$[13] = t6;
+		$[14] = t7;
+	} else {
+		t6 = $[13];
+		t7 = $[14];
+	}
+	useEffect(t6, t7);
+	const showContent = mode !== "collapsed" && mode !== "hovered";
+	const currentVariant = containerVariants[mode];
+	const t8 = mode === "collapsed" && "glass-pill-collapsed glass-shimmer";
+	const t9 = mode === "hovered" && "glass-pill-hovered";
+	const t10 = (mode === "composing" || mode === "expanded") && "glass-pill";
+	const t11 = mode === "active" && "glass-pill glass-active";
+	let t12;
+	if ($[15] !== className || $[16] !== t10 || $[17] !== t11 || $[18] !== t8 || $[19] !== t9) {
+		t12 = cn("relative overflow-hidden", "will-change-transform", t8, t9, t10, t11, className);
+		$[15] = className;
+		$[16] = t10;
+		$[17] = t11;
+		$[18] = t8;
+		$[19] = t9;
+		$[20] = t12;
+	} else t12 = $[20];
+	const glassClassName = t12;
+	let t13;
+	if ($[21] !== currentVariant.borderRadius || $[22] !== currentVariant.height || $[23] !== currentVariant.padding || $[24] !== currentVariant.width) {
+		t13 = {
+			width: currentVariant.width,
+			height: currentVariant.height,
+			padding: currentVariant.padding,
+			borderRadius: currentVariant.borderRadius
+		};
+		$[21] = currentVariant.borderRadius;
+		$[22] = currentVariant.height;
+		$[23] = currentVariant.padding;
+		$[24] = currentVariant.width;
+		$[25] = t13;
+	} else t13 = $[25];
+	const t14 = mode === "collapsed" || mode === "hovered" ? "button" : void 0;
+	const t15 = mode === "collapsed" || mode === "hovered" ? 0 : void 0;
+	const t16 = mode === "collapsed" ? "Open assistant" : void 0;
+	const t17 = showContent ? "60px" : void 0;
+	let t18;
+	if ($[26] !== t17) {
+		t18 = { minHeight: t17 };
+		$[26] = t17;
+		$[27] = t18;
+	} else t18 = $[27];
+	let t19;
+	if ($[28] !== isHovered || $[29] !== mode) {
+		t19 = mode === "collapsed" && /* @__PURE__ */ jsx(motion.div, {
+			className: "absolute inset-0",
+			variants: barVariants,
+			initial: "idle",
+			animate: isHovered ? "hover" : "idle",
+			exit: {
+				opacity: 0,
+				transition: { duration: .1 }
+			},
+			style: {
+				background: "linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent)",
+				backgroundSize: "200% 100%"
+			}
+		}, "collapsed-bar");
+		$[28] = isHovered;
+		$[29] = mode;
+		$[30] = t19;
+	} else t19 = $[30];
+	let t20;
+	if ($[31] !== t19) {
+		t20 = /* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "wait",
+			children: t19
+		});
+		$[31] = t19;
+		$[32] = t20;
+	} else t20 = $[32];
+	let t21;
+	if ($[33] !== mode) {
+		t21 = mode === "hovered" && /* @__PURE__ */ jsx(motion.div, {
+			className: "relative z-10 flex h-full w-full items-center justify-center",
+			variants: hintVariants,
+			initial: "hidden",
+			animate: "visible",
+			exit: "exit",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "text-xs text-white/70",
+				children: [
+					"Click or",
+					" ",
+					/* @__PURE__ */ jsx("kbd", {
+						className: "rounded bg-white/10 px-1.5 py-0.5 font-mono text-[10px]",
+						children: "⌘⇧K"
+					})
+				]
+			})
+		}, "hover-hint");
+		$[33] = mode;
+		$[34] = t21;
+	} else t21 = $[34];
+	let t22;
+	if ($[35] !== t21) {
+		t22 = /* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "wait",
+			children: t21
+		});
+		$[35] = t21;
+		$[36] = t22;
+	} else t22 = $[36];
+	let t23;
+	if ($[37] !== children || $[38] !== showContent) {
+		t23 = showContent && /* @__PURE__ */ jsx(motion.div, {
+			className: "relative z-10 flex flex-col gap-2",
+			variants: contentVariants,
+			initial: "hidden",
+			animate: "visible",
+			exit: "exit",
+			children
+		}, "content");
+		$[37] = children;
+		$[38] = showContent;
+		$[39] = t23;
+	} else t23 = $[39];
+	let t24;
+	if ($[40] !== t23) {
+		t24 = /* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "wait",
+			children: t23
+		});
+		$[40] = t23;
+		$[41] = t24;
+	} else t24 = $[41];
+	let t25;
+	if ($[42] !== glassClassName || $[43] !== handleClick || $[44] !== handleMouseEnter || $[45] !== handleMouseLeave || $[46] !== t13 || $[47] !== t14 || $[48] !== t15 || $[49] !== t16 || $[50] !== t18 || $[51] !== t20 || $[52] !== t22 || $[53] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(motion.div, {
+			layout: true,
+			className: glassClassName,
+			initial: false,
+			animate: t13,
+			transition: sizeSpring,
+			onMouseEnter: handleMouseEnter,
+			onMouseLeave: handleMouseLeave,
+			onClick: handleClick,
+			role: t14,
+			tabIndex: t15,
+			"aria-label": t16,
+			style: t18,
+			children: [
+				t20,
+				t22,
+				t24
+			]
+		});
+		$[42] = glassClassName;
+		$[43] = handleClick;
+		$[44] = handleMouseEnter;
+		$[45] = handleMouseLeave;
+		$[46] = t13;
+		$[47] = t14;
+		$[48] = t15;
+		$[49] = t16;
+		$[50] = t18;
+		$[51] = t20;
+		$[52] = t22;
+		$[53] = t24;
+		$[54] = t25;
+	} else t25 = $[54];
+	return t25;
+};
+
+//#endregion
+//#region src/components/pill/PillVoice.tsx
+const voiceVariants = {
+	hidden: {
+		opacity: 0,
+		scale: .95,
+		y: 4
+	},
+	visible: {
+		opacity: 1,
+		scale: 1,
+		y: 0,
+		transition: {
+			type: "spring",
+			stiffness: 400,
+			damping: 30
+		}
+	},
+	exit: {
+		opacity: 0,
+		scale: .95,
+		y: -4,
+		transition: { duration: .15 }
+	}
+};
+const buttonVariants$1 = {
+	idle: { scale: 1 },
+	hover: { scale: 1.05 },
+	tap: { scale: .95 }
+};
+const transcriptVariants = {
+	hidden: {
+		opacity: 0,
+		height: 0
+	},
+	visible: {
+		opacity: 1,
+		height: "auto",
+		transition: {
+			type: "spring",
+			stiffness: 300,
+			damping: 25
+		}
+	},
+	exit: {
+		opacity: 0,
+		height: 0,
+		transition: { duration: .1 }
+	}
+};
+/**
+* Convert voice mode tool call status to border status
+*/
+function voiceToolCallToBorderStatus(toolCall) {
+	if (!toolCall) return "idle";
+	if (toolCall.status === "started") return "calling";
+	if (toolCall.status === "completed") return toolCall.error ? "error" : "success";
+	return "idle";
+}
+/**
+* Compact voice mode UI for the pill.
+* Shows waveforms, controls, and transcript preview.
+* Uses motion animations for smooth transitions.
+*/
+const PillVoice = (t0) => {
+	const $ = c(98);
+	const { onEnd, compact: t1, className } = t0;
+	const compact = t1 === void 0 ? false : t1;
+	const voiceMode = useOptionalVoiceModeContext();
+	let t2;
+	if ($[0] !== onEnd || $[1] !== voiceMode) {
+		t2 = () => {
+			voiceMode?.stopSession();
+			onEnd?.();
+		};
+		$[0] = onEnd;
+		$[1] = voiceMode;
+		$[2] = t2;
+	} else t2 = $[2];
+	const handleEnd = t2;
+	let t3;
+	if ($[3] !== voiceMode) {
+		t3 = () => {
+			voiceMode?.toggleMute();
+		};
+		$[3] = voiceMode;
+		$[4] = t3;
+	} else t3 = $[4];
+	const handleToggleMute = t3;
+	if (!voiceMode || !voiceMode.isActive && !voiceMode.isConnecting && !voiceMode.isError) return null;
+	const { isActive, isConnecting, isMuted, isError, error, audioLevel, transcript, toolCall } = voiceMode;
+	const micLevel = audioLevel?.micLevel ?? 0;
+	const speakerLevel = audioLevel?.speakerLevel ?? 0;
+	let t4;
+	if ($[5] !== className) {
+		t4 = cn("flex flex-col gap-3", className);
+		$[5] = className;
+		$[6] = t4;
+	} else t4 = $[6];
+	const t5 = isMuted ? "bg-red-500/20 text-red-400" : "bg-white/10 text-white/80";
+	let t6;
+	if ($[7] !== t5) {
+		t6 = cn("flex h-7 w-7 shrink-0 items-center justify-center rounded-full", t5);
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	const t7 = isMuted ? .6 : 1;
+	let t8;
+	if ($[9] !== t7) {
+		t8 = { opacity: t7 };
+		$[9] = t7;
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] !== isMuted) {
+		t9 = isMuted ? /* @__PURE__ */ jsx(MicOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Mic, { className: "h-3.5 w-3.5" });
+		$[11] = isMuted;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== t6 || $[14] !== t8 || $[15] !== t9) {
+		t10 = /* @__PURE__ */ jsx(motion.div, {
+			className: t6,
+			animate: t8,
+			children: t9
+		});
+		$[13] = t6;
+		$[14] = t8;
+		$[15] = t9;
+		$[16] = t10;
+	} else t10 = $[16];
+	const t11 = compact ? "max-w-16" : "max-w-24";
+	let t12;
+	if ($[17] !== t11) {
+		t12 = cn("h-5 flex-1", t11);
+		$[17] = t11;
+		$[18] = t12;
+	} else t12 = $[18];
+	const t13 = isActive && !isMuted;
+	let t14;
+	if ($[19] !== isConnecting || $[20] !== micLevel || $[21] !== t13) {
+		t14 = /* @__PURE__ */ jsx(LiveWaveform, {
+			active: t13,
+			processing: isConnecting,
+			manualAudioLevel: micLevel,
+			barWidth: 2,
+			barGap: 1,
+			barRadius: 1,
+			barColor: "rgba(255, 255, 255, 0.7)",
+			height: 20,
+			mode: "static",
+			sensitivity: 2,
+			fadeEdges: false
+		});
+		$[19] = isConnecting;
+		$[20] = micLevel;
+		$[21] = t13;
+		$[22] = t14;
+	} else t14 = $[22];
+	let t15;
+	if ($[23] !== t12 || $[24] !== t14) {
+		t15 = /* @__PURE__ */ jsx("div", {
+			className: t12,
+			children: t14
+		});
+		$[23] = t12;
+		$[24] = t14;
+		$[25] = t15;
+	} else t15 = $[25];
+	let t16;
+	if ($[26] !== t10 || $[27] !== t15) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-1 items-center gap-2",
+			children: [t10, t15]
+		});
+		$[26] = t10;
+		$[27] = t15;
+		$[28] = t16;
+	} else t16 = $[28];
+	let t17;
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx("div", { className: "h-5 w-px bg-white/10" });
+		$[29] = t17;
+	} else t17 = $[29];
+	const t18 = compact ? "max-w-16" : "max-w-24";
+	let t19;
+	if ($[30] !== t18) {
+		t19 = cn("h-5 flex-1", t18);
+		$[30] = t18;
+		$[31] = t19;
+	} else t19 = $[31];
+	let t20;
+	if ($[32] !== isActive || $[33] !== isConnecting || $[34] !== speakerLevel) {
+		t20 = /* @__PURE__ */ jsx(LiveWaveform, {
+			active: isActive,
+			processing: isConnecting,
+			manualAudioLevel: speakerLevel,
+			barWidth: 2,
+			barGap: 1,
+			barRadius: 1,
+			barColor: "rgba(255, 255, 255, 0.4)",
+			height: 20,
+			mode: "static",
+			sensitivity: 2,
+			fadeEdges: false
+		});
+		$[32] = isActive;
+		$[33] = isConnecting;
+		$[34] = speakerLevel;
+		$[35] = t20;
+	} else t20 = $[35];
+	let t21;
+	if ($[36] !== t19 || $[37] !== t20) {
+		t21 = /* @__PURE__ */ jsx("div", {
+			className: t19,
+			children: t20
+		});
+		$[36] = t19;
+		$[37] = t20;
+		$[38] = t21;
+	} else t21 = $[38];
+	let t22;
+	if ($[39] !== speakerLevel) {
+		t22 = speakerLevel > .1 ? [
+			1,
+			1.2,
+			1
+		] : 1;
+		$[39] = speakerLevel;
+		$[40] = t22;
+	} else t22 = $[40];
+	const t23 = speakerLevel > .1 ? 1 : .5;
+	let t24;
+	if ($[41] !== t22 || $[42] !== t23) {
+		t24 = {
+			scale: t22,
+			opacity: t23
+		};
+		$[41] = t22;
+		$[42] = t23;
+		$[43] = t24;
+	} else t24 = $[43];
+	let t25;
+	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = { duration: .2 };
+		$[44] = t25;
+	} else t25 = $[44];
+	let t26;
+	if ($[45] !== t24) {
+		t26 = /* @__PURE__ */ jsx("div", {
+			className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-white/10",
+			children: /* @__PURE__ */ jsx(motion.div, {
+				className: "h-2.5 w-2.5 rounded-full bg-green-400",
+				animate: t24,
+				transition: t25
+			})
+		});
+		$[45] = t24;
+		$[46] = t26;
+	} else t26 = $[46];
+	let t27;
+	if ($[47] !== t21 || $[48] !== t26) {
+		t27 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-1 items-center gap-2",
+			children: [t21, t26]
+		});
+		$[47] = t21;
+		$[48] = t26;
+		$[49] = t27;
+	} else t27 = $[49];
+	let t28;
+	if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+		t28 = /* @__PURE__ */ jsx("div", { className: "h-5 w-px bg-white/10" });
+		$[50] = t28;
+	} else t28 = $[50];
+	const t29 = !isActive;
+	const t30 = isMuted ? "bg-red-500/20 text-red-400 hover:bg-red-500/30" : "bg-white/10 text-white/70 hover:bg-white/20 hover:text-white";
+	let t31;
+	if ($[51] !== t30) {
+		t31 = cn("flex h-7 w-7 items-center justify-center rounded-full", "transition-colors duration-150", t30);
+		$[51] = t30;
+		$[52] = t31;
+	} else t31 = $[52];
+	const t32 = isMuted ? "Unmute microphone" : "Mute microphone";
+	let t33;
+	if ($[53] !== isMuted) {
+		t33 = isMuted ? /* @__PURE__ */ jsx(MicOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Mic, { className: "h-3.5 w-3.5" });
+		$[53] = isMuted;
+		$[54] = t33;
+	} else t33 = $[54];
+	let t34;
+	if ($[55] !== handleToggleMute || $[56] !== t29 || $[57] !== t31 || $[58] !== t32 || $[59] !== t33) {
+		t34 = /* @__PURE__ */ jsx(motion.button, {
+			type: "button",
+			onClick: handleToggleMute,
+			disabled: t29,
+			className: t31,
+			variants: buttonVariants$1,
+			initial: "idle",
+			whileHover: "hover",
+			whileTap: "tap",
+			"aria-label": t32,
+			children: t33
+		});
+		$[55] = handleToggleMute;
+		$[56] = t29;
+		$[57] = t31;
+		$[58] = t32;
+		$[59] = t33;
+		$[60] = t34;
+	} else t34 = $[60];
+	let t35;
+	if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
+		t35 = cn("flex h-7 w-7 items-center justify-center rounded-full", "bg-red-500/20 text-red-400", "hover:bg-red-500/30 hover:text-red-300", "transition-colors duration-150");
+		$[61] = t35;
+	} else t35 = $[61];
+	let t36;
+	if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
+		t36 = /* @__PURE__ */ jsx(PhoneOff, { className: "h-3.5 w-3.5" });
+		$[62] = t36;
+	} else t36 = $[62];
+	let t37;
+	if ($[63] !== handleEnd) {
+		t37 = /* @__PURE__ */ jsx(motion.button, {
+			type: "button",
+			onClick: handleEnd,
+			className: t35,
+			variants: buttonVariants$1,
+			initial: "idle",
+			whileHover: "hover",
+			whileTap: "tap",
+			"aria-label": "End voice session",
+			children: t36
+		});
+		$[63] = handleEnd;
+		$[64] = t37;
+	} else t37 = $[64];
+	let t38;
+	if ($[65] !== t34 || $[66] !== t37) {
+		t38 = /* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 items-center gap-1.5",
+			children: [t34, t37]
+		});
+		$[65] = t34;
+		$[66] = t37;
+		$[67] = t38;
+	} else t38 = $[67];
+	let t39;
+	if ($[68] !== t16 || $[69] !== t27 || $[70] !== t38) {
+		t39 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [
+				t16,
+				t17,
+				t27,
+				t28,
+				t38
+			]
+		});
+		$[68] = t16;
+		$[69] = t27;
+		$[70] = t38;
+		$[71] = t39;
+	} else t39 = $[71];
+	let t40;
+	if ($[72] !== toolCall) {
+		t40 = toolCall && /* @__PURE__ */ jsxs(motion.div, {
+			className: cn("flex max-w-full items-center gap-2 rounded-full px-3 py-1.5", "text-xs", toolCall.status === "started" && "bg-blue-500/10 text-blue-400", toolCall.status === "completed" && !toolCall.error && "bg-green-500/10 text-green-400", toolCall.status === "completed" && toolCall.error && "bg-red-500/10 text-red-400"),
+			initial: {
+				opacity: 0,
+				y: -4
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				y: -4
+			},
+			transition: {
+				type: "spring",
+				stiffness: 400,
+				damping: 30
+			},
+			children: [/* @__PURE__ */ jsx(motion.span, {
+				className: cn("h-1.5 w-1.5 shrink-0 rounded-full", toolCall.status === "started" && "bg-blue-500", toolCall.status === "completed" && !toolCall.error && "bg-green-500", toolCall.status === "completed" && toolCall.error && "bg-red-500"),
+				animate: toolCall.status === "started" ? { opacity: [
+					1,
+					.5,
+					1
+				] } : {},
+				transition: {
+					duration: .8,
+					repeat: Infinity
+				}
+			}), /* @__PURE__ */ jsx("span", {
+				className: "min-w-0 truncate",
+				children: toolCall.toolName
+			})]
+		});
+		$[72] = toolCall;
+		$[73] = t40;
+	} else t40 = $[73];
+	let t41;
+	if ($[74] !== t40) {
+		t41 = /* @__PURE__ */ jsx(AnimatePresence, { children: t40 });
+		$[74] = t40;
+		$[75] = t41;
+	} else t41 = $[75];
+	let t42;
+	if ($[76] !== transcript) {
+		t42 = transcript && transcript.text && /* @__PURE__ */ jsx(motion.div, {
+			className: "overflow-hidden",
+			variants: transcriptVariants,
+			initial: "hidden",
+			animate: "visible",
+			exit: "exit",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cn("rounded-lg px-3 py-2 text-xs", transcript.type === "user" ? "bg-white/10 text-white/80" : "bg-white/5 text-white/60"),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "mr-1.5 shrink-0 text-white/40",
+					children: transcript.type === "user" ? "You:" : "Agent:"
+				}), /* @__PURE__ */ jsx("span", {
+					className: cn("line-clamp-3", !transcript.isDone && "animate-pulse"),
+					children: transcript.text
+				})]
+			})
+		});
+		$[76] = transcript;
+		$[77] = t42;
+	} else t42 = $[77];
+	let t43;
+	if ($[78] !== t42) {
+		t43 = /* @__PURE__ */ jsx(AnimatePresence, { children: t42 });
+		$[78] = t42;
+		$[79] = t43;
+	} else t43 = $[79];
+	let t44;
+	if ($[80] !== isActive || $[81] !== isConnecting) {
+		t44 = isConnecting && !isActive && /* @__PURE__ */ jsxs(motion.div, {
+			className: "flex items-center justify-center gap-2 py-2 text-xs text-white/50",
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			children: [/* @__PURE__ */ jsx(motion.span, {
+				className: "h-1.5 w-1.5 rounded-full bg-amber-500",
+				animate: { opacity: [
+					1,
+					.5,
+					1
+				] },
+				transition: {
+					duration: .8,
+					repeat: Infinity
+				}
+			}), /* @__PURE__ */ jsx("span", { children: "Connecting..." })]
+		});
+		$[80] = isActive;
+		$[81] = isConnecting;
+		$[82] = t44;
+	} else t44 = $[82];
+	let t45;
+	if ($[83] !== t44) {
+		t45 = /* @__PURE__ */ jsx(AnimatePresence, { children: t44 });
+		$[83] = t44;
+		$[84] = t45;
+	} else t45 = $[84];
+	let t46;
+	if ($[85] !== error || $[86] !== handleEnd || $[87] !== isError) {
+		t46 = isError && error && /* @__PURE__ */ jsxs(motion.div, {
+			className: "flex items-center gap-2 rounded-lg bg-red-500/10 px-3 py-2 text-xs text-red-400",
+			initial: {
+				opacity: 0,
+				y: -4
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				y: -4
+			},
+			children: [
+				/* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-red-500" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "line-clamp-2",
+					children: error
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: handleEnd,
+					className: "ml-auto shrink-0 text-red-300 hover:text-red-200",
+					children: "Dismiss"
+				})
+			]
+		});
+		$[85] = error;
+		$[86] = handleEnd;
+		$[87] = isError;
+		$[88] = t46;
+	} else t46 = $[88];
+	let t47;
+	if ($[89] !== t46) {
+		t47 = /* @__PURE__ */ jsx(AnimatePresence, { children: t46 });
+		$[89] = t46;
+		$[90] = t47;
+	} else t47 = $[90];
+	let t48;
+	if ($[91] !== t39 || $[92] !== t4 || $[93] !== t41 || $[94] !== t43 || $[95] !== t45 || $[96] !== t47) {
+		t48 = /* @__PURE__ */ jsxs(motion.div, {
+			className: t4,
+			variants: voiceVariants,
+			initial: "hidden",
+			animate: "visible",
+			exit: "exit",
+			children: [
+				t39,
+				t41,
+				t43,
+				t45,
+				t47
+			]
+		});
+		$[91] = t39;
+		$[92] = t4;
+		$[93] = t41;
+		$[94] = t43;
+		$[95] = t45;
+		$[96] = t47;
+		$[97] = t48;
+	} else t48 = $[97];
+	return t48;
+};
+/**
+* Hook to get voice border status for the pill container
+*/
+function useVoiceBorderStatus() {
+	const $ = c(2);
+	const voiceMode = useOptionalVoiceModeContext();
+	if (!voiceMode) return "idle";
+	let t0;
+	if ($[0] !== voiceMode.toolCall) {
+		t0 = voiceToolCallToBorderStatus(voiceMode.toolCall);
+		$[0] = voiceMode.toolCall;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+
+//#endregion
+//#region src/components/pill/PillMarkdown.tsx
+/**
+* Markdown renderer for pill components.
+* Uses the same styling as the main MarkdownText but accepts content as a prop.
+*/
+/**
+* Markdown component for rendering content within pill UI.
+* Supports GitHub-flavored markdown with compact styling option.
+*/
+const PillMarkdown = memo((t0) => {
+	const $ = c(33);
+	const { content, className, compact } = t0;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	if ($[0] !== compact) {
+		t1 = (t8$1) => {
+			const { className: cn_, ...props } = t8$1;
+			return /* @__PURE__ */ jsx("h1", {
+				className: cn("aui-md-h1 mb-3 scroll-m-20 font-extrabold tracking-tight last:mb-0", compact ? "text-base" : "text-lg", cn_),
+				...props
+			});
+		};
+		t2 = (t9$1) => {
+			const { className: cn__0, ...props_0 } = t9$1;
+			return /* @__PURE__ */ jsx("h2", {
+				className: cn("aui-md-h2 mt-3 mb-2 scroll-m-20 font-semibold tracking-tight first:mt-0 last:mb-0", compact ? "text-sm" : "text-base", cn__0),
+				...props_0
+			});
+		};
+		t3 = (t10$1) => {
+			const { className: cn__1, ...props_1 } = t10$1;
+			return /* @__PURE__ */ jsx("h3", {
+				className: cn("aui-md-h3 mt-2 mb-1 scroll-m-20 font-semibold tracking-tight first:mt-0 last:mb-0", compact ? "text-sm" : "text-[15px]", cn__1),
+				...props_1
+			});
+		};
+		t4 = (t11$1) => {
+			const { className: cn__2, ...props_2 } = t11$1;
+			return /* @__PURE__ */ jsx("p", {
+				className: cn("aui-md-p leading-relaxed first:mt-0 last:mb-0", compact ? "text-xs my-1" : "text-sm my-2", cn__2),
+				...props_2
+			});
+		};
+		t5 = (t12$1) => {
+			const { className: cn__3, ...props_3 } = t12$1;
+			return /* @__PURE__ */ jsx("a", {
+				className: cn("aui-md-a font-medium text-primary underline underline-offset-4 hover:text-primary/80", compact ? "text-xs" : "text-sm", cn__3),
+				...props_3
+			});
+		};
+		t6 = (t13$1) => {
+			const { className: cn__4, ...props_4 } = t13$1;
+			return /* @__PURE__ */ jsx("ul", {
+				className: cn("aui-md-ul ml-4 list-disc [&>li]:mt-0.5", compact ? "text-xs my-1" : "text-sm my-2", cn__4),
+				...props_4
+			});
+		};
+		t7 = (t14$1) => {
+			const { className: cn__5, ...props_5 } = t14$1;
+			return /* @__PURE__ */ jsx("ol", {
+				className: cn("aui-md-ol ml-4 list-decimal [&>li]:mt-0.5", compact ? "text-xs my-1" : "text-sm my-2", cn__5),
+				...props_5
+			});
+		};
+		$[0] = compact;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+		t3 = $[3];
+		t4 = $[4];
+		t5 = $[5];
+		t6 = $[6];
+		t7 = $[7];
+	}
+	let t10;
+	let t8;
+	let t9;
+	if ($[8] !== compact) {
+		t8 = (t11$1) => {
+			const { className: cn__7, ...props_7 } = t11$1;
+			return /* @__PURE__ */ jsx("blockquote", {
+				className: cn("aui-md-blockquote border-l-2 border-white/20 pl-3 italic text-white/70", compact ? "text-xs" : "text-sm", cn__7),
+				...props_7
+			});
+		};
+		t9 = (t12$1) => {
+			const { className: cn__8, ...props_8 } = t12$1;
+			if (!cn__8?.includes("language-")) return /* @__PURE__ */ jsx("code", {
+				className: cn("aui-md-inline-code rounded bg-white/10 px-1 py-0.5 font-mono", compact ? "text-[10px]" : "text-xs", cn__8),
+				...props_8
+			});
+			return /* @__PURE__ */ jsx("code", {
+				className: cn("aui-md-code block font-mono", compact ? "text-[10px]" : "text-xs", cn__8),
+				...props_8
+			});
+		};
+		t10 = (t13$1) => {
+			const { className: cn__9, ...props_9 } = t13$1;
+			return /* @__PURE__ */ jsx("pre", {
+				className: cn("aui-md-pre overflow-x-auto rounded-lg bg-black/30 p-2 my-2", compact ? "text-[10px]" : "text-xs", cn__9),
+				...props_9
+			});
+		};
+		$[8] = compact;
+		$[9] = t10;
+		$[10] = t8;
+		$[11] = t9;
+	} else {
+		t10 = $[9];
+		t8 = $[10];
+		t9 = $[11];
+	}
+	let t11;
+	if ($[12] !== t1 || $[13] !== t10 || $[14] !== t2 || $[15] !== t3 || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 || $[19] !== t7 || $[20] !== t8 || $[21] !== t9) {
+		t11 = {
+			h1: t1,
+			h2: t2,
+			h3: t3,
+			p: t4,
+			a: t5,
+			ul: t6,
+			ol: t7,
+			li: _temp$5,
+			blockquote: t8,
+			code: t9,
+			pre: t10,
+			hr: _temp2$2,
+			strong: _temp3$1,
+			em: _temp4$1
+		};
+		$[12] = t1;
+		$[13] = t10;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+		$[21] = t9;
+		$[22] = t11;
+	} else t11 = $[22];
+	const components = t11;
+	const t12 = compact && "pill-markdown-compact";
+	let t13;
+	if ($[23] !== className || $[24] !== t12) {
+		t13 = cn("aui-md pill-markdown", t12, className);
+		$[23] = className;
+		$[24] = t12;
+		$[25] = t13;
+	} else t13 = $[25];
+	let t14;
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = [remarkGfm];
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== components || $[28] !== content) {
+		t15 = /* @__PURE__ */ jsx(ReactMarkdown, {
+			remarkPlugins: t14,
+			components,
+			children: content
+		});
+		$[27] = components;
+		$[28] = content;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== t13 || $[31] !== t15) {
+		t16 = /* @__PURE__ */ jsx("div", {
+			className: t13,
+			children: t15
+		});
+		$[30] = t13;
+		$[31] = t15;
+		$[32] = t16;
+	} else t16 = $[32];
+	return t16;
+});
+PillMarkdown.displayName = "PillMarkdown";
+function _temp$5(t0) {
+	const { className: cn__6, ...props_6 } = t0;
+	return /* @__PURE__ */ jsx("li", {
+		className: cn("aui-md-li", cn__6),
+		...props_6
+	});
+}
+function _temp2$2(t0) {
+	const { className: cn__10, ...props_10 } = t0;
+	return /* @__PURE__ */ jsx("hr", {
+		className: cn("aui-md-hr my-2 border-white/10", cn__10),
+		...props_10
+	});
+}
+function _temp3$1(t0) {
+	const { className: cn__11, ...props_11 } = t0;
+	return /* @__PURE__ */ jsx("strong", {
+		className: cn("aui-md-strong font-semibold", cn__11),
+		...props_11
+	});
+}
+function _temp4$1(t0) {
+	const { className: cn__12, ...props_12 } = t0;
+	return /* @__PURE__ */ jsx("em", {
+		className: cn("aui-md-em italic", cn__12),
+		...props_12
+	});
+}
+
+//#endregion
+//#region src/components/pill/SummaryBlock.tsx
+/**
+* Summary block showing the agent's synthesized output.
+* Displayed after task completion instead of token streaming.
+*/
+const SummaryBlock = (t0) => {
+	const $ = c(17);
+	const { summary, isSuccess, isError, actions, className } = t0;
+	const t1 = isSuccess && "bg-green-500/10 border border-green-500/20";
+	const t2 = isError && "bg-red-500/10 border border-red-500/20";
+	const t3 = !isSuccess && !isError && "bg-white/5 border border-white/10";
+	let t4;
+	if ($[0] !== className || $[1] !== t1 || $[2] !== t2 || $[3] !== t3) {
+		t4 = cn("rounded-xl p-4", t1, t2, t3, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== isError || $[6] !== isSuccess) {
+		t5 = (isSuccess || isError) && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 mb-3",
+			children: [
+				isSuccess && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 text-green-400" }),
+				isError && /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 text-red-400" }),
+				/* @__PURE__ */ jsx("span", {
+					className: cn("text-sm font-medium", isSuccess && "text-green-400", isError && "text-red-400"),
+					children: isSuccess ? "Task Complete" : "Error"
+				})
+			]
+		});
+		$[5] = isError;
+		$[6] = isSuccess;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== summary) {
+		t6 = /* @__PURE__ */ jsx(PillMarkdown, {
+			content: summary,
+			className: "text-white/90"
+		});
+		$[8] = summary;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== actions) {
+		t7 = actions && actions.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "flex flex-wrap gap-2 mt-4 pt-3 border-t border-white/10",
+			children: actions.map(_temp$4)
+		});
+		$[10] = actions;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [
+				t5,
+				t6,
+				t7
+			]
+		});
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
+	return t8;
+};
+/**
+* Hook to get the latest summary from the thread
+* Returns the last text content from the last assistant message
+*/
+function useLatestSummary() {
+	const $ = c(2);
+	const messages = useThread(_temp2$1);
+	let t0;
+	if ($[0] !== messages) {
+		bb0: {
+			if (!messages || messages.length === 0) {
+				t0 = null;
+				break bb0;
+			}
+			const lastAssistantMessage = [...messages].reverse().find(_temp3);
+			if (!lastAssistantMessage) {
+				t0 = null;
+				break bb0;
+			}
+			const lastText = lastAssistantMessage.content.filter(_temp4).at(-1);
+			if (!lastText) {
+				t0 = null;
+				break bb0;
+			}
+			t0 = lastText.text;
+		}
+		$[0] = messages;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+/**
+* Welcome message for empty state
+*/
+function _temp4(c$1) {
+	return c$1.type === "text";
+}
+function _temp3(m$1) {
+	return m$1.role === "assistant";
+}
+function _temp2$1(thread) {
+	return thread.messages;
+}
+const WelcomeMessage = (t0) => {
+	const $ = c(6);
+	const { className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("text-center py-4", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("h3", {
+			className: "text-lg font-semibold text-white mb-1",
+			children: "Hello!"
+		});
+		t3 = /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-white/60",
+			children: "How can I help you today?"
+		});
+		$[2] = t2;
+		$[3] = t3;
+	} else {
+		t2 = $[2];
+		t3 = $[3];
+	}
+	let t4;
+	if ($[4] !== t1) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: t1,
+			children: [t2, t3]
+		});
+		$[4] = t1;
+		$[5] = t4;
+	} else t4 = $[5];
+	return t4;
+};
+function _temp$4(action, i) {
+	return /* @__PURE__ */ jsx("button", {
+		onClick: action.onClick,
+		className: cn("px-3 py-1.5 rounded-lg text-sm font-medium", "transition-colors duration-200", action.variant === "primary" ? "bg-primary text-primary-foreground hover:bg-primary/90" : "bg-white/10 text-white/80 hover:bg-white/20"),
+		children: action.label
+	}, i);
+}
+
+//#endregion
+//#region src/components/pill/ToolStatusBorder.tsx
+const borderVariants = {
+	idle: {
+		opacity: 0,
+		scale: 1
+	},
+	calling: {
+		opacity: 1,
+		scale: 1,
+		transition: { opacity: { duration: .15 } }
+	},
+	error: {
+		opacity: 1,
+		scale: 1,
+		transition: { opacity: { duration: .1 } }
+	}
+};
+const shakeAnimation = {
+	x: [
+		0,
+		-2,
+		2,
+		-2,
+		2,
+		0
+	],
+	transition: {
+		duration: .3,
+		ease: [
+			.25,
+			.1,
+			.25,
+			1
+		]
+	}
+};
+/**
+* Minimal animated border for tool execution status.
+*
+* - idle/success: clean, no border (success is the default state)
+* - calling: subtle animated gradient
+* - error: brief red flash with shake
+*/
+const ToolStatusBorder = (t0) => {
+	const $ = c(17);
+	const { status, children, className, borderRadius: t1 } = t0;
+	const borderRadius = t1 === void 0 ? "20px" : t1;
+	const effectiveStatus = status === "success" ? "idle" : status;
+	let t2;
+	if ($[0] !== className) {
+		t2 = cn("relative", className);
+		$[0] = className;
+		$[1] = t2;
+	} else t2 = $[1];
+	const t3 = effectiveStatus === "error" ? shakeAnimation : void 0;
+	let t4;
+	if ($[2] !== borderRadius || $[3] !== effectiveStatus) {
+		t4 = effectiveStatus !== "idle" && /* @__PURE__ */ jsx(motion.div, {
+			className: cn("absolute -inset-[1px] pointer-events-none", effectiveStatus === "calling" && "tool-border-calling", effectiveStatus === "error" && "tool-border-error"),
+			style: { borderRadius },
+			variants: borderVariants,
+			initial: "idle",
+			animate: effectiveStatus,
+			exit: {
+				opacity: 0,
+				transition: { duration: .15 }
+			}
+		});
+		$[2] = borderRadius;
+		$[3] = effectiveStatus;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== t4) {
+		t5 = /* @__PURE__ */ jsx(AnimatePresence, { children: t4 });
+		$[5] = t4;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== borderRadius) {
+		t6 = { borderRadius };
+		$[7] = borderRadius;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== children || $[10] !== t6) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			className: "relative",
+			style: t6,
+			children
+		});
+		$[9] = children;
+		$[10] = t6;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== t2 || $[13] !== t3 || $[14] !== t5 || $[15] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(motion.div, {
+			className: t2,
+			animate: t3,
+			children: [t5, t7]
+		});
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t5;
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
+	return t8;
+};
+/**
+* Hook to manage tool border status based on actions.
+* Minimalist approach: success returns to idle immediately.
+*/
+function useToolBorderStatus(hasRunningAction, lastActionStatus) {
+	const $ = c(4);
+	const [status, setStatus] = useState("idle");
+	const timeoutRef = useRef(null);
+	let t0;
+	let t1;
+	if ($[0] !== hasRunningAction || $[1] !== lastActionStatus) {
+		t0 = () => {
+			if (timeoutRef.current) {
+				clearTimeout(timeoutRef.current);
+				timeoutRef.current = null;
+			}
+			if (hasRunningAction) setStatus("calling");
+			else if (lastActionStatus === "error") {
+				setStatus("error");
+				timeoutRef.current = setTimeout(() => {
+					setStatus("idle");
+				}, 400);
+			} else setStatus("idle");
+			return () => {
+				if (timeoutRef.current) clearTimeout(timeoutRef.current);
+			};
+		};
+		t1 = [hasRunningAction, lastActionStatus];
+		$[0] = hasRunningAction;
+		$[1] = lastActionStatus;
+		$[2] = t0;
+		$[3] = t1;
+	} else {
+		t0 = $[2];
+		t1 = $[3];
+	}
+	useEffect(t0, t1);
+	return status;
+}
+
+//#endregion
+//#region src/components/pill/AgentPill.tsx
+/**
+* Action-first agent pill UI.
+*
+* A compact, morphing interface that shows:
+* - Current activity when agent is working
+* - Action list (collapsible)
+* - Summary when complete
+* - Input composer
+*
+* Uses assistant-ui primitives for data binding.
+*/
+const AgentPill = (t0) => {
+	const $ = c(69);
+	const { position: t1, onOpenHistory, showVoiceButton: t2, isVoiceActive: t3, onVoiceToggle, className } = t0;
+	const position = t1 === void 0 ? "bottom-center" : t1;
+	const showVoiceButton = t2 === void 0 ? false : t2;
+	const isVoiceActive = t3 === void 0 ? false : t3;
+	const [userMode, setUserMode] = useState("collapsed");
+	const messages = useThread(_temp$3);
+	const voiceMode = useOptionalVoiceModeContext();
+	const voiceBorderStatus = useVoiceBorderStatus();
+	const isVoiceModeActive = voiceMode?.isActive || voiceMode?.isConnecting || voiceMode?.isError || isVoiceActive;
+	const actions = useActions();
+	const currentAction = useCurrentAction();
+	const recentActions = useRecentActions(3);
+	const summary = useLatestSummary();
+	const hasMessages = (messages?.length ?? 0) > 0;
+	let t4;
+	bb0: {
+		if (!messages || messages.length === 0) {
+			t4 = false;
+			break bb0;
+		}
+		let t5$1;
+		if ($[0] !== messages) {
+			t5$1 = messages.at(-1);
+			$[0] = messages;
+			$[1] = t5$1;
+		} else t5$1 = $[1];
+		const lastMessage = t5$1;
+		t4 = lastMessage?.role === "assistant" && lastMessage.status?.type !== "complete";
+	}
+	const isRunning = t4;
+	let t5;
+	if ($[2] !== actions) {
+		t5 = actions.filter(_temp2).at(-1);
+		$[2] = actions;
+		$[3] = t5;
+	} else t5 = $[3];
+	const lastCompletedAction = t5;
+	const textBorderStatus = useToolBorderStatus(!!currentAction, lastCompletedAction?.status === "success" ? "success" : lastCompletedAction?.status === "error" ? "error" : null);
+	const borderStatus = isVoiceModeActive ? voiceBorderStatus : textBorderStatus;
+	let t6;
+	bb1: {
+		if (isVoiceModeActive) {
+			t6 = "active";
+			break bb1;
+		}
+		if (userMode === "collapsed") {
+			t6 = "collapsed";
+			break bb1;
+		}
+		if (userMode === "hovered") {
+			t6 = "hovered";
+			break bb1;
+		}
+		if (isRunning) {
+			t6 = "active";
+			break bb1;
+		}
+		if (hasMessages) {
+			t6 = "expanded";
+			break bb1;
+		}
+		if (userMode === "composing") {
+			t6 = "composing";
+			break bb1;
+		}
+		t6 = "collapsed";
+	}
+	const mode = t6;
+	let t7;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (newMode) => {
+			setUserMode(newMode);
+		};
+		$[4] = t7;
+	} else t7 = $[4];
+	const handleModeChange = t7;
+	let t8;
+	if ($[5] !== onVoiceToggle || $[6] !== voiceMode) {
+		t8 = () => {
+			if (voiceMode) if (voiceMode.isActive || voiceMode.isConnecting) voiceMode.stopSession();
+			else voiceMode.startSession();
+			onVoiceToggle?.();
+		};
+		$[5] = onVoiceToggle;
+		$[6] = voiceMode;
+		$[7] = t8;
+	} else t8 = $[7];
+	const handleVoiceToggle = t8;
+	const borderRadius = mode === "collapsed" || mode === "hovered" ? "9999px" : "24px";
+	const t9 = position === "bottom-center" && "bottom-4 left-1/2 -translate-x-1/2";
+	const t10 = position === "bottom-right" && "bottom-4 right-4";
+	let t11;
+	if ($[8] !== className || $[9] !== t10 || $[10] !== t9) {
+		t11 = cn("fixed z-50", t9, t10, className);
+		$[8] = className;
+		$[9] = t10;
+		$[10] = t9;
+		$[11] = t11;
+	} else t11 = $[11];
+	let t12;
+	if ($[12] !== isVoiceModeActive || $[13] !== mode || $[14] !== onOpenHistory) {
+		t12 = !isVoiceModeActive && mode !== "collapsed" && mode !== "hovered" && onOpenHistory && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: onOpenHistory,
+			className: cn("absolute top-3 right-3", "p-1.5 rounded-full", "hover:bg-white/10", "text-white/50 hover:text-white/80", "transition-colors duration-200"),
+			"aria-label": "View conversation history",
+			children: /* @__PURE__ */ jsx(History, { className: "h-4 w-4" })
+		});
+		$[12] = isVoiceModeActive;
+		$[13] = mode;
+		$[14] = onOpenHistory;
+		$[15] = t12;
+	} else t12 = $[15];
+	let t13;
+	if ($[16] !== handleVoiceToggle || $[17] !== isVoiceModeActive) {
+		t13 = isVoiceModeActive && /* @__PURE__ */ jsx(PillVoice, { onEnd: handleVoiceToggle }, "voice-mode");
+		$[16] = handleVoiceToggle;
+		$[17] = isVoiceModeActive;
+		$[18] = t13;
+	} else t13 = $[18];
+	let t14;
+	if ($[19] !== t13) {
+		t14 = /* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "wait",
+			children: t13
+		});
+		$[19] = t13;
+		$[20] = t14;
+	} else t14 = $[20];
+	let t15;
+	if ($[21] !== hasMessages || $[22] !== isVoiceModeActive || $[23] !== mode) {
+		t15 = !isVoiceModeActive && mode === "composing" && !hasMessages && /* @__PURE__ */ jsx(WelcomeMessage, {});
+		$[21] = hasMessages;
+		$[22] = isVoiceModeActive;
+		$[23] = mode;
+		$[24] = t15;
+	} else t15 = $[24];
+	let t16;
+	if ($[25] !== currentAction || $[26] !== isVoiceModeActive || $[27] !== mode || $[28] !== recentActions) {
+		t16 = !isVoiceModeActive && mode === "active" && /* @__PURE__ */ jsx(CurrentActivity, {
+			currentAction,
+			recentActions,
+			showRecent: true
+		});
+		$[25] = currentAction;
+		$[26] = isVoiceModeActive;
+		$[27] = mode;
+		$[28] = recentActions;
+		$[29] = t16;
+	} else t16 = $[29];
+	let t17;
+	if ($[30] !== isRunning || $[31] !== isVoiceModeActive || $[32] !== lastCompletedAction?.error || $[33] !== mode || $[34] !== summary) {
+		t17 = !isVoiceModeActive && mode === "expanded" && !isRunning && summary && /* @__PURE__ */ jsx(SummaryBlock, {
+			summary,
+			isSuccess: !lastCompletedAction?.error
+		});
+		$[30] = isRunning;
+		$[31] = isVoiceModeActive;
+		$[32] = lastCompletedAction?.error;
+		$[33] = mode;
+		$[34] = summary;
+		$[35] = t17;
+	} else t17 = $[35];
+	let t18;
+	if ($[36] !== isRunning || $[37] !== isVoiceModeActive || $[38] !== mode || $[39] !== summary) {
+		t18 = !isVoiceModeActive && mode === "expanded" && !isRunning && !summary && /* @__PURE__ */ jsx(IdleIndicator, {});
+		$[36] = isRunning;
+		$[37] = isVoiceModeActive;
+		$[38] = mode;
+		$[39] = summary;
+		$[40] = t18;
+	} else t18 = $[40];
+	let t19;
+	if ($[41] !== actions || $[42] !== isVoiceModeActive || $[43] !== mode) {
+		t19 = !isVoiceModeActive && (mode === "active" || mode === "expanded") && actions.length > 0 && /* @__PURE__ */ jsx(ActionList, {
+			actions,
+			defaultCollapsed: mode === "active"
+		});
+		$[41] = actions;
+		$[42] = isVoiceModeActive;
+		$[43] = mode;
+		$[44] = t19;
+	} else t19 = $[44];
+	let t20;
+	if ($[45] !== handleVoiceToggle || $[46] !== isVoiceActive || $[47] !== isVoiceModeActive || $[48] !== mode || $[49] !== showVoiceButton || $[50] !== voiceMode?.isSupported) {
+		t20 = !isVoiceModeActive && (mode === "composing" || mode === "active" || mode === "expanded") && /* @__PURE__ */ jsx(PillComposer, {
+			showVoiceButton: showVoiceButton || !!voiceMode?.isSupported,
+			isVoiceActive,
+			onVoiceToggle: handleVoiceToggle
+		});
+		$[45] = handleVoiceToggle;
+		$[46] = isVoiceActive;
+		$[47] = isVoiceModeActive;
+		$[48] = mode;
+		$[49] = showVoiceButton;
+		$[50] = voiceMode?.isSupported;
+		$[51] = t20;
+	} else t20 = $[51];
+	let t21;
+	if ($[52] !== mode || $[53] !== t12 || $[54] !== t14 || $[55] !== t15 || $[56] !== t16 || $[57] !== t17 || $[58] !== t18 || $[59] !== t19 || $[60] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(PillContainer, {
+			mode,
+			onModeChange: handleModeChange,
+			children: [
+				t12,
+				t14,
+				t15,
+				t16,
+				t17,
+				t18,
+				t19,
+				t20
+			]
+		});
+		$[52] = mode;
+		$[53] = t12;
+		$[54] = t14;
+		$[55] = t15;
+		$[56] = t16;
+		$[57] = t17;
+		$[58] = t18;
+		$[59] = t19;
+		$[60] = t20;
+		$[61] = t21;
+	} else t21 = $[61];
+	let t22;
+	if ($[62] !== borderRadius || $[63] !== borderStatus || $[64] !== t21) {
+		t22 = /* @__PURE__ */ jsx(ToolStatusBorder, {
+			status: borderStatus,
+			borderRadius,
+			children: t21
+		});
+		$[62] = borderRadius;
+		$[63] = borderStatus;
+		$[64] = t21;
+		$[65] = t22;
+	} else t22 = $[65];
+	let t23;
+	if ($[66] !== t11 || $[67] !== t22) {
+		t23 = /* @__PURE__ */ jsx(ThreadPrimitive.Root, {
+			className: t11,
+			children: t22
+		});
+		$[66] = t11;
+		$[67] = t22;
+		$[68] = t23;
+	} else t23 = $[68];
+	return t23;
+};
+function _temp$3(thread) {
+	return thread.messages;
+}
+function _temp2(a) {
+	return a.status === "success" || a.status === "error";
+}
+
+//#endregion
+//#region src/components/pill/HistorySidebar.tsx
+/**
+* Sidebar panel showing conversation history and full thread view.
+* Opens from the right side of the screen.
+*/
+const HistorySidebar = (t0) => {
+	const $ = c(30);
+	const { isOpen, onClose, conversations: t1, selectedId, onSelectConversation, className } = t0;
+	let t2;
+	if ($[0] !== t1) {
+		t2 = t1 === void 0 ? [] : t1;
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const conversations = t2;
+	const [showFullThread, setShowFullThread] = useState(false);
+	let t3;
+	if ($[2] !== isOpen || $[3] !== onClose) {
+		t3 = isOpen && /* @__PURE__ */ jsx("div", {
+			className: "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm",
+			onClick: onClose,
+			"aria-hidden": "true"
+		});
+		$[2] = isOpen;
+		$[3] = onClose;
+		$[4] = t3;
+	} else t3 = $[4];
+	const t4 = isOpen ? "translate-x-0" : "translate-x-full";
+	let t5;
+	if ($[5] !== className || $[6] !== t4) {
+		t5 = cn("fixed top-0 right-0 z-50", "h-full w-full max-w-md", "bg-slate-900/95 backdrop-blur-xl", "border-l border-white/10", "shadow-2xl", "transform transition-transform duration-300 ease-out", t4, className);
+		$[5] = className;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(MessageSquare, { className: "h-5 w-5 text-white/70" });
+		$[8] = t6;
+	} else t6 = $[8];
+	const t7 = showFullThread ? "Conversation" : "History";
+	let t8;
+	if ($[9] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t6, /* @__PURE__ */ jsx("h2", {
+				className: "text-lg font-semibold text-white",
+				children: t7
+			})]
+		});
+		$[9] = t7;
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = cn("p-1.5 rounded-lg", "hover:bg-white/10", "text-white/60 hover:text-white", "transition-colors duration-200");
+		$[11] = t9;
+	} else t9 = $[11];
+	let t10;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(X, { className: "h-5 w-5" });
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== onClose) {
+		t11 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: onClose,
+			className: t9,
+			"aria-label": "Close sidebar",
+			children: t10
+		});
+		$[13] = onClose;
+		$[14] = t11;
+	} else t11 = $[14];
+	let t12;
+	if ($[15] !== t11 || $[16] !== t8) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between px-4 py-3 border-b border-white/10",
+			children: [t8, t11]
+		});
+		$[15] = t11;
+		$[16] = t8;
+		$[17] = t12;
+	} else t12 = $[17];
+	let t13;
+	if ($[18] !== conversations || $[19] !== onSelectConversation || $[20] !== selectedId || $[21] !== showFullThread) {
+		t13 = /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col h-[calc(100%-60px)] overflow-hidden",
+			children: showFullThread && selectedId ? /* @__PURE__ */ jsxs("div", {
+				className: "flex-1 overflow-y-auto",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => setShowFullThread(false),
+					className: "px-4 py-2 text-sm text-primary hover:underline",
+					children: "← Back to history"
+				}), /* @__PURE__ */ jsx(FullThreadView, {})]
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "flex-1 overflow-y-auto p-4",
+				children: conversations.length === 0 ? /* @__PURE__ */ jsx(EmptyHistory, {}) : /* @__PURE__ */ jsx(ConversationList, {
+					conversations,
+					selectedId,
+					onSelect: (id) => {
+						onSelectConversation?.(id);
+						setShowFullThread(true);
+					}
+				})
+			})
+		});
+		$[18] = conversations;
+		$[19] = onSelectConversation;
+		$[20] = selectedId;
+		$[21] = showFullThread;
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== t12 || $[24] !== t13 || $[25] !== t5) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			className: t5,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Conversation history",
+			children: [t12, t13]
+		});
+		$[23] = t12;
+		$[24] = t13;
+		$[25] = t5;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== t14 || $[28] !== t3) {
+		t15 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, t14] });
+		$[27] = t14;
+		$[28] = t3;
+		$[29] = t15;
+	} else t15 = $[29];
+	return t15;
+};
+/**
+* Empty state when no conversations exist
+*/
+const EmptyHistory = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center justify-center h-full text-center px-8",
+			children: [
+				/* @__PURE__ */ jsx(MessageSquare, { className: "h-12 w-12 text-white/20 mb-4" }),
+				/* @__PURE__ */ jsx("h3", {
+					className: "text-lg font-medium text-white/80 mb-2",
+					children: "No conversations yet"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-white/50",
+					children: "Your conversation history will appear here."
+				})
+			]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+/**
+* List of conversations grouped by date
+*/
+const ConversationList = (t0) => {
+	const $ = c(11);
+	const { conversations, selectedId, onSelect } = t0;
+	let t1;
+	let t2;
+	if ($[0] !== conversations || $[1] !== onSelect || $[2] !== selectedId) {
+		const grouped = groupByDate(conversations);
+		t1 = "space-y-6";
+		let t3$1;
+		if ($[5] !== onSelect || $[6] !== selectedId) {
+			t3$1 = (t4) => {
+				const [date, convos] = t4;
+				return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-xs font-medium text-white/50 uppercase tracking-wide mb-2",
+					children: date
+				}), /* @__PURE__ */ jsx("div", {
+					className: "space-y-1",
+					children: convos.map((convo) => /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: () => onSelect(convo.id),
+						className: cn("w-full text-left p-3 rounded-lg", "hover:bg-white/10", "transition-colors duration-200", selectedId === convo.id && "bg-white/10"),
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "font-medium text-white truncate",
+								children: convo.title
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "text-xs text-white/50 truncate mt-0.5",
+								children: convo.preview
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "text-[10px] text-white/30 mt-1",
+								children: [
+									convo.messageCount,
+									" messages • ",
+									formatRelativeTime(convo.timestamp)
+								]
+							})
+						]
+					}, convo.id))
+				})] }, date);
+			};
+			$[5] = onSelect;
+			$[6] = selectedId;
+			$[7] = t3$1;
+		} else t3$1 = $[7];
+		t2 = grouped.map(t3$1);
+		$[0] = conversations;
+		$[1] = onSelect;
+		$[2] = selectedId;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	let t3;
+	if ($[8] !== t1 || $[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children: t2
+		});
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+};
+/**
+* Full thread view using assistant-ui primitives
+*/
+const FullThreadView = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(ThreadPrimitive.Root, {
+			className: "flex flex-col h-full",
+			children: /* @__PURE__ */ jsx(ThreadPrimitive.Viewport, {
+				className: "flex-1 overflow-y-auto px-4 py-4",
+				children: /* @__PURE__ */ jsx(ThreadPrimitive.Messages, { components: {
+					UserMessage: HistoryUserMessage,
+					AssistantMessage: HistoryAssistantMessage
+				} })
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+/**
+* User message component for history view
+*/
+const HistoryUserMessage = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(MessagePrimitive.Root, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex justify-end mb-4",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "max-w-[80%] rounded-2xl bg-primary px-4 py-2 text-sm text-primary-foreground",
+					children: /* @__PURE__ */ jsx(MessagePrimitive.Parts, {})
+				})
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+/**
+* Assistant message component for history view
+*/
+const HistoryAssistantMessage = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(MessagePrimitive.Root, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "mb-4",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "text-sm text-white/90",
+					children: /* @__PURE__ */ jsx(MessagePrimitive.Parts, { components: {
+						Text: MarkdownText,
+						tools: { Fallback: ToolFallback }
+					} })
+				})
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+/**
+* Group conversations by date
+*/
+function groupByDate(conversations) {
+	const groups = /* @__PURE__ */ new Map();
+	const today = /* @__PURE__ */ new Date();
+	today.setHours(0, 0, 0, 0);
+	const yesterday = new Date(today);
+	yesterday.setDate(yesterday.getDate() - 1);
+	for (const convo of conversations) {
+		const convoDate = new Date(convo.timestamp);
+		convoDate.setHours(0, 0, 0, 0);
+		let dateKey;
+		if (convoDate.getTime() === today.getTime()) dateKey = "Today";
+		else if (convoDate.getTime() === yesterday.getTime()) dateKey = "Yesterday";
+		else if (convoDate.getTime() > today.getTime() - 10080 * 60 * 1e3) dateKey = "This Week";
+		else dateKey = convoDate.toLocaleDateString("en-US", {
+			month: "long",
+			year: "numeric"
+		});
+		if (!groups.has(dateKey)) groups.set(dateKey, []);
+		groups.get(dateKey).push(convo);
+	}
+	return Array.from(groups.entries());
+}
+/**
+* Format relative time
+*/
+function formatRelativeTime(date) {
+	const diffMs = (/* @__PURE__ */ new Date()).getTime() - date.getTime();
+	const diffMins = Math.floor(diffMs / 6e4);
+	const diffHours = Math.floor(diffMs / 36e5);
+	const diffDays = Math.floor(diffMs / 864e5);
+	if (diffMins < 1) return "just now";
+	if (diffMins < 60) return `${diffMins} min ago`;
+	if (diffHours < 24) return `${diffHours} hr ago`;
+	if (diffDays < 7) return `${diffDays} days ago`;
+	return date.toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric"
+	});
+}
+
 //#endregion
 //#region src/generated/inline-styles.ts
 /**
@@ -4710,7 +7617,7 @@ const MCPToolRegistry = () => {
 *
 * 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}}";
+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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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;--tool-border-angle:0deg}}}@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-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--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-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-900:oklch(20.8% .042 265.755);--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-base:1rem;--text-base--line-height:calc(1.5/1);--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-out:cubic-bezier(0,0,.2,1);--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}.pointer-events-none{pointer-events:none}.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-\\[1px\\]{inset:-1px}.inset-0{inset:calc(var(--spacing)*0)}.-top-12{top:calc(var(--spacing)*-12)}.top-0{top:calc(var(--spacing)*0)}.top-1\\.5{top:calc(var(--spacing)*1.5)}.top-1\\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.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-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-6{bottom:calc(var(--spacing)*6)}.left-0{left:calc(var(--spacing)*0)}.left-1\\/2,.left-\\[50\\%\\]{left:50%}.z-10{z-index:10}.z-40{z-index:40}.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-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-auto{margin-block:auto}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.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-1\\.5{margin-right:calc(var(--spacing)*1.5)}.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}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.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-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\\[600px\\]{height:600px}.h-\\[calc\\(100\\%-60px\\)\\]{height:calc(100% - 60px)}.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-48{max-height:calc(var(--spacing)*48)}.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-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.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-16{max-width:calc(var(--spacing)*16)}.max-w-24{max-width:calc(var(--spacing)*24)}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[80px\\]{max-width:80px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-\\[100px\\]{max-width:100px}.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%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0,.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-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);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-x-full{--tw-translate-x:100%;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}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.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}.grid-rows-\\[0fr\\]{grid-template-rows:0fr}.grid-rows-\\[1fr\\]{grid-template-rows:1fr}.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-2\\.5{gap:calc(var(--spacing)*2.5)}.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)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*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\\/20{border-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.border-green-500\\/20{border-color:color-mix(in oklab,var(--color-green-500)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\\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,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-white\\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\\/20{border-color:color-mix(in oklab,var(--color-white)20%,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\\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.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-400{background-color:var(--color-blue-400)}.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-400{background-color:var(--color-green-400)}.bg-green-400\\/60{background-color:#05df7299}@supports (color:color-mix(in lab, red, red)){.bg-green-400\\/60{background-color:color-mix(in oklab,var(--color-green-400)60%,transparent)}}.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-red-500\\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\\/20{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-slate-900\\/95{background-color:#0f172bf2}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\\/95{background-color:color-mix(in oklab,var(--color-slate-900)95%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.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-1\\.5{padding:calc(var(--spacing)*1.5)}.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{padding-inline:calc(var(--spacing)*1)}.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)}.pt-3{padding-top:calc(var(--spacing)*3)}.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-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-400{color:var(--color-blue-400)}.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-400{color:var(--color-green-400)}.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-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.text-white\\/20{color:#fff3}@supports (color:color-mix(in lab, red, red)){.text-white\\/20{color:color-mix(in oklab,var(--color-white)20%,transparent)}}.text-white\\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\\/30{color:color-mix(in oklab,var(--color-white)30%,transparent)}}.text-white\\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\\/40{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.text-white\\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.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)}.ring{--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)}.\\[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-\\[grid-template-rows\\]{transition-property:grid-template-rows;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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.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)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.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)}}.placeholder\\:text-white\\/40::placeholder{color:#fff6}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-white\\/40::placeholder{color:color-mix(in oklab,var(--color-white)40%,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\\:bg-white\\/15:focus-within{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.focus-within\\:bg-white\\/15:focus-within{background-color:color-mix(in oklab,var(--color-white)15%,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-red-500\\/30:hover{background-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-500\\/30:hover{background-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.hover\\:bg-red-600:hover{background-color:var(--color-red-600)}.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\\:bg-white\\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\\:bg-white\\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\\:bg-white\\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\\:text-destructive:hover{color:var(--destructive)}.hover\\:text-foreground:hover{color:var(--foreground)}.hover\\:text-primary\\/80:hover{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-primary\\/80:hover{color:color-mix(in oklab,var(--primary)80%,transparent)}}.hover\\:text-red-200:hover{color:var(--color-red-200)}.hover\\:text-red-300:hover{color:var(--color-red-300)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-white\\/70:hover{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.hover\\:text-white\\/70:hover{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.hover\\:text-white\\/80:hover{color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\\:text-white\\/80:hover{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.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-0\\.5>li{margin-top:calc(var(--spacing)*.5)}.\\[\\&\\>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 tool-border-rotate{0%{--tool-border-angle:0deg}to{--tool-border-angle:360deg}}@property --tool-border-angle{syntax:\"<angle>\";inherits:false;initial-value:0deg}.tool-border-calling{background:conic-gradient(from var(--tool-border-angle),transparent 0deg,transparent 60deg,#3b82f680 90deg,#60a5fab3 120deg,#93c5fd80 150deg,transparent 180deg,transparent 360deg);animation:1.5s linear infinite tool-border-rotate}.tool-border-success{background:#22c55e66;box-shadow:0 0 12px #22c55e4d,inset 0 0 8px #22c55e1a}.tool-border-error{background:#ef444466;box-shadow:0 0 12px #ef44444d,inset 0 0 8px #ef44441a}@keyframes pulse-success{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.animate-pulse-success{animation:.6s ease-out pulse-success}.animate-shake{animation:.3s ease-out shake}@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}.glass-pill{-webkit-backdrop-filter:blur(20px)saturate(150%);background:#0f172ad9;border:1px solid #ffffff0f;box-shadow:0 4px 16px #0003,inset 0 .5px #ffffff14}.glass-pill:before{content:\"\";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(#ffffff0a 0%,#0000 40%);position:absolute;inset:0}.glass-pill:after{display:none}.glass-pill-collapsed{-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:none;box-shadow:0 1px 4px #00000026}.glass-pill-collapsed:before,.glass-pill-collapsed:after{display:none}.glass-pill-hovered{-webkit-backdrop-filter:blur(16px)saturate(140%);background:#0f172acc;border:1px solid #ffffff0f;box-shadow:0 2px 12px #0000002e}.glass-pill-hovered:before,.glass-pill-hovered:after{display:none}@keyframes glass-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-shimmer{background:linear-gradient(90deg,#ffffff14 0%,#ffffff26 50%,#ffffff14 100%) 0 0/200% 100%;animation:4s ease-in-out infinite glass-shimmer}@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-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@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-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{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.
@@ -4761,67 +7668,117 @@ function injectStyles() {
 * EmbeddedAgent React Component
 *
 * A fully self-contained chat widget with MCP tool support and optional voice mode.
+* Supports two view modes:
+* - 'pill': Action-first compact UI (default)
+* - 'modal': Traditional chat modal
+*
 * Can be used as a React component or converted to a web component.
 */
 const EmbeddedAgent = (t0) => {
-	const $ = c(14);
-	const { appId, apiBase, tokenEndpoint, autoConnectLocal: t1, onToolsChange, onVoiceError, onVoiceConnect, onVoiceDisconnect } = t0;
+	const $ = c(23);
+	const { appId, apiBase, tokenEndpoint, autoConnectLocal: t1, viewMode: t2, onToolsChange, onVoiceError, onVoiceConnect, onVoiceDisconnect } = t0;
 	const autoConnectLocal = t1 === void 0 ? true : t1;
+	const viewMode = t2 === void 0 ? "pill" : t2;
 	const chatApi = apiBase ? `${apiBase}/api/chat` : "/api/chat";
-	let t2;
+	let t3;
 	if ($[0] !== chatApi) {
-		t2 = new AssistantChatTransport({ api: chatApi });
+		t3 = new AssistantChatTransport({ api: chatApi });
 		$[0] = chatApi;
-		$[1] = t2;
-	} else t2 = $[1];
-	const transport = t2;
-	let t3;
+		$[1] = t3;
+	} else t3 = $[1];
+	const transport = t3;
+	let t4;
 	if ($[2] !== transport) {
-		t3 = {
+		t4 = {
 			transport,
 			sendAutomaticallyWhen: _temp$2
 		};
 		$[2] = transport;
-		$[3] = t3;
-	} else t3 = $[3];
-	const runtime = useChatRuntime(t3);
+		$[3] = t4;
+	} else t4 = $[3];
+	const runtime = useChatRuntime(t4);
+	const [isHistoryOpen, setIsHistoryOpen] = useState(false);
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = [];
+		$[4] = t5;
+	} else t5 = $[4];
+	const [conversations] = useState(t5);
+	let t6;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = () => {
+			setIsHistoryOpen(true);
+		};
+		$[5] = t6;
+	} else t6 = $[5];
+	const handleOpenHistory = t6;
+	let t7;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = () => {
+			setIsHistoryOpen(false);
+		};
+		$[6] = t7;
+	} else t7 = $[6];
+	const handleCloseHistory = t7;
 	const resolvedTokenEndpoint = tokenEndpoint || (apiBase ? `${apiBase}/api/realtime/session` : void 0);
-	if (appId && typeof window !== "undefined") console.debug("[WebMCP] Initialized with app_id:", appId);
-	let t4;
-	if ($[4] !== onVoiceConnect || $[5] !== onVoiceDisconnect || $[6] !== onVoiceError || $[7] !== resolvedTokenEndpoint || $[8] !== runtime) {
-		t4 = resolvedTokenEndpoint ? /* @__PURE__ */ jsx(VoiceModeProvider, {
+	if (appId && typeof window !== "undefined") console.debug("[WebMCP] Initialized with app_id:", appId, "viewMode:", viewMode);
+	let t8;
+	if ($[7] !== conversations || $[8] !== isHistoryOpen || $[9] !== resolvedTokenEndpoint || $[10] !== viewMode) {
+		t8 = () => {
+			if (viewMode === "pill") return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AgentPill, {
+				position: "bottom-center",
+				onOpenHistory: handleOpenHistory,
+				showVoiceButton: !!resolvedTokenEndpoint
+			}), /* @__PURE__ */ jsx(HistorySidebar, {
+				isOpen: isHistoryOpen,
+				onClose: handleCloseHistory,
+				conversations
+			})] });
+			return /* @__PURE__ */ jsx(AssistantModal, {});
+		};
+		$[7] = conversations;
+		$[8] = isHistoryOpen;
+		$[9] = resolvedTokenEndpoint;
+		$[10] = viewMode;
+		$[11] = t8;
+	} else t8 = $[11];
+	const renderUI = t8;
+	let t9;
+	if ($[12] !== onVoiceConnect || $[13] !== onVoiceDisconnect || $[14] !== onVoiceError || $[15] !== renderUI || $[16] !== resolvedTokenEndpoint || $[17] !== runtime) {
+		t9 = resolvedTokenEndpoint ? /* @__PURE__ */ jsx(VoiceModeProvider, {
 			tokenEndpoint: resolvedTokenEndpoint,
 			onError: onVoiceError,
 			onConnect: onVoiceConnect,
 			onDisconnect: onVoiceDisconnect,
 			children: /* @__PURE__ */ jsxs(AssistantRuntimeProvider, {
 				runtime,
-				children: [/* @__PURE__ */ jsx(MCPToolRegistry, {}), /* @__PURE__ */ jsx(AssistantModal, {})]
+				children: [/* @__PURE__ */ jsx(MCPToolRegistry, {}), renderUI()]
 			})
 		}) : /* @__PURE__ */ jsxs(AssistantRuntimeProvider, {
 			runtime,
-			children: [/* @__PURE__ */ jsx(MCPToolRegistry, {}), /* @__PURE__ */ jsx(AssistantModal, {})]
-		});
-		$[4] = onVoiceConnect;
-		$[5] = onVoiceDisconnect;
-		$[6] = onVoiceError;
-		$[7] = resolvedTokenEndpoint;
-		$[8] = runtime;
-		$[9] = t4;
-	} else t4 = $[9];
-	let t5;
-	if ($[10] !== autoConnectLocal || $[11] !== onToolsChange || $[12] !== t4) {
-		t5 = /* @__PURE__ */ jsx(MCPToolsProvider, {
+			children: [/* @__PURE__ */ jsx(MCPToolRegistry, {}), renderUI()]
+		});
+		$[12] = onVoiceConnect;
+		$[13] = onVoiceDisconnect;
+		$[14] = onVoiceError;
+		$[15] = renderUI;
+		$[16] = resolvedTokenEndpoint;
+		$[17] = runtime;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== autoConnectLocal || $[20] !== onToolsChange || $[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx(MCPToolsProvider, {
 			autoConnectLocal,
 			onToolsChange,
-			children: t4
+			children: t9
 		});
-		$[10] = autoConnectLocal;
-		$[11] = onToolsChange;
-		$[12] = t4;
-		$[13] = t5;
-	} else t5 = $[13];
-	return t5;
+		$[19] = autoConnectLocal;
+		$[20] = onToolsChange;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	return t10;
 };
 /**
 * Web Component Definition
@@ -4833,7 +7790,8 @@ const WebMCPAgentElement = r2wc(EmbeddedAgent, { props: {
 	appId: "string",
 	apiBase: "string",
 	tokenEndpoint: "string",
-	autoConnectLocal: "boolean"
+	autoConnectLocal: "boolean",
+	viewMode: "string"
 } });
 /**
 * Register the custom element
@@ -7038,5 +9996,5 @@ function useAssistantMCP(options) {
 }
 
 //#endregion
-export { AUDIO_FREQUENCY_BINS, AssistantMessage, AssistantModal, Avatar, AvatarFallback, AvatarImage, Badge, Button, ChatRuntimeProvider, Composer, ComposerAddAttachment, ComposerAttachments, DEBUG_LOGGING_ENABLED, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, EmbeddedAgent, LiveWaveform, MCPToolRegistry, MCPToolsProvider, MCP_BASE_RECONNECT_DELAY_MS, MCP_MAX_RECONNECT_ATTEMPTS, MCP_MAX_RECONNECT_DELAY_MS, MCP_TAB_CONNECT_DELAY_MS, MarkdownText, OpenAIRealtimeService, REALTIME_DEFAULT_API_URL, REALTIME_DEFAULT_MODEL, REALTIME_DEFAULT_VOICE, RealtimeToolCard, RemoteMCPSettings, SOURCE_LOCAL, SOURCE_REMOTE, ScrollArea, ScrollBar, Separator, Thread, ThreadWithVoice, ToolFallback, Tooltip, TooltipContent, TooltipIconButton, TooltipProvider, TooltipTrigger, UserMessage, UserMessageAttachments, VoiceIndicator, VoiceModeProvider, WebMCPAgentElement, badgeVariants, buttonVariants, calculateReconnectDelay, cn, convertAssistantUIMessage, convertToAssistantUiMessages, createMCPTransport, debugLog, isAssistantTranscriptEventData, isAudioLevelData, isErrorEventData, isSessionStateEventData, isToolCallCompletedEventData, isToolCallStartedEventData, isUserTranscriptEventData, registerWebMCPAgent, shouldFallbackToSSE, useAgentChat, useAssistantMCP, useCloudflareRuntime, useMCPSource, useMCPTools, useOptionalMCPTools, useOptionalVoiceModeContext, useVoiceMode, useVoiceModeContext };
+export { AUDIO_FREQUENCY_BINS, ActionList, ActionStatusIcon, ActionSummary, AgentPill, AssistantMessage, AssistantModal, Avatar, AvatarFallback, AvatarImage, Badge, Button, ChatRuntimeProvider, Composer, ComposerAddAttachment, ComposerAttachments, CurrentActivity, DEBUG_LOGGING_ENABLED, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, EmbeddedAgent, HistorySidebar, IdleIndicator, LiveWaveform, MCPToolRegistry, MCPToolsProvider, MCP_BASE_RECONNECT_DELAY_MS, MCP_MAX_RECONNECT_ATTEMPTS, MCP_MAX_RECONNECT_DELAY_MS, MCP_TAB_CONNECT_DELAY_MS, MarkdownText, MinimalComposer, OpenAIRealtimeService, PillComposer, PillContainer, REALTIME_DEFAULT_API_URL, REALTIME_DEFAULT_MODEL, REALTIME_DEFAULT_VOICE, RealtimeToolCard, RemoteMCPSettings, SOURCE_LOCAL, SOURCE_REMOTE, ScrollArea, ScrollBar, Separator, SummaryBlock, Thread, ThreadWithVoice, ToolFallback, ToolStatusBorder, Tooltip, TooltipContent, TooltipIconButton, TooltipProvider, TooltipTrigger, UserMessage, UserMessageAttachments, VoiceIndicator, VoiceModeProvider, WebMCPAgentElement, WelcomeMessage, badgeVariants, buttonVariants, calculateReconnectDelay, cn, convertAssistantUIMessage, convertToAssistantUiMessages, createMCPTransport, debugLog, humanizeToolName, isAssistantTranscriptEventData, isAudioLevelData, isErrorEventData, isSessionStateEventData, isToolCallCompletedEventData, isToolCallStartedEventData, isUserTranscriptEventData, registerWebMCPAgent, shouldFallbackToSSE, useActionStats, useActions, useAgentChat, useAssistantMCP, useCloudflareRuntime, useCurrentAction, useMCPSource, useMCPTools, useOptionalMCPTools, useOptionalVoiceModeContext, useRecentActions, useVoiceMode, useVoiceModeContext };
 //# sourceMappingURL=index.js.map