@chatwidgetai/chat-widget 0.2.3 → 0.2.5

package/dist/index.esm.js

@@ -1,13 +1,53 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 
-/**
- * API Client for Widget Communication
- * Handles all HTTP requests to the widget API
- *
- * Note: No API key required - widget ID acts as the access token.
- * The widget ID should be kept confidential by the site owner.
- */
+async function* parseSSEStream(response, validator) {
+    if (!response.body) {
+        throw new Error("Response body is null");
+    }
+    const reader = response.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = "";
+    try {
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done)
+                break;
+            buffer += decoder.decode(value, { stream: true });
+            const chunks = buffer.split("\n\n");
+            buffer = chunks.pop() || "";
+            for (const chunk of chunks) {
+                const lines = chunk.split("\n");
+                for (const line of lines) {
+                    if (line.startsWith("data: ")) {
+                        try {
+                            const data = JSON.parse(line.slice(6));
+                            if (validator) {
+                                if (validator(data)) {
+                                    yield data;
+                                }
+                                else {
+                                    console.warn("[SSE Parser] Data failed validation:", data);
+                                }
+                            }
+                            else {
+                                yield data;
+                            }
+                        }
+                        catch (e) {
+                            console.error("[SSE Parser] Failed to parse SSE data:", line, e);
+                            throw e;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    finally {
+        reader.releaseLock();
+    }
+}
+
 class ApiError extends Error {
     constructor(message, status, options) {
         super(message);
@@ -136,12 +176,8 @@ class WidgetApiClient {
         const result = await response.json();
         return result.file;
     }
-    /**
-     * Send a chat message (standard RAG, no actions)
-     * Returns ConversationMessage[] array
-     */
-    async sendMessage(conversationId, message, fileIds) {
-        const response = await fetch(`${this.config.apiUrl}/api/widget/${this.config.widgetId}/chat`, {
+    async *sendAgentMessageStream(conversationId, message, fileIds) {
+        const response = await fetch(`${this.config.apiUrl}/api/widget/${this.config.widgetId}/agent`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',
@@ -154,167 +190,36 @@ class WidgetApiClient {
             }),
         });
         if (!response.ok) {
-            throw await buildApiError(response, 'Failed to send message');
-        }
-        return response.json();
-    }
-    /**
-     * Send a message to agent (with actions support)
-     */
-    async sendAgentMessage(conversationId, message, fileIds) {
-        try {
-            const response = await fetch(`${this.config.apiUrl}/api/widget/${this.config.widgetId}/agent`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    conversationId: conversationId,
-                    message,
-                    fileIds,
-                    timeZone: this.getTimeZone(),
-                }),
-            });
-            if (!response.ok) {
-                throw await buildApiError(response, `Agent request failed with status ${response.status}`);
-            }
-            const data = await response.json();
-            // Check if response indicates an error
-            if (data.type === 'error') {
-                throw new Error(data.message || 'Agent encountered an error');
-            }
-            return data;
-        }
-        catch (error) {
-            // Enhance error messages
-            if (error instanceof TypeError && error.message.includes('fetch')) {
-                throw new ApiError('Network error: Unable to reach the server', 0);
-            }
-            throw error;
+            throw await buildApiError(response, 'Failed to send agent message');
         }
-    }
-    /**
-     * Stream chat message responses
-     */
-    async *sendMessageStream(conversationId, message, fileIds) {
-        const response = await fetch(`${this.config.apiUrl}/api/widget/${this.config.widgetId}/chat`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                conversationId: conversationId,
-                message,
-                fileIds,
-                timeZone: this.getTimeZone(),
-            }),
+        yield* parseSSEStream(response, (data) => {
+            return typeof data === 'object' && data !== null && 'type' in data;
         });
-        if (!response.ok) {
-            throw await buildApiError(response, 'Failed to send message');
-        }
-        if (!response.body) {
-            throw new Error('Response body is null');
-        }
-        const reader = response.body.getReader();
-        const decoder = new TextDecoder();
-        let buffer = '';
-        try {
-            while (true) {
-                const { done, value } = await reader.read();
-                if (done)
-                    break;
-                buffer += decoder.decode(value, { stream: true });
-                const lines = buffer.split('\n');
-                buffer = lines.pop() || '';
-                for (const line of lines) {
-                    if (line.startsWith('data: ')) {
-                        try {
-                            const data = JSON.parse(line.slice(6));
-                            // Handle error events
-                            if (data.type === 'error') {
-                                throw new Error(data.error || 'Stream error');
-                            }
-                            // Yield ConversationMessage objects
-                            if (data.id) {
-                                yield data;
-                            }
-                        }
-                        catch (e) {
-                            console.error('[Widget API Client] Failed to parse SSE data:', line, e);
-                            throw e;
-                        }
-                    }
-                }
-            }
-        }
-        finally {
-            reader.releaseLock();
-        }
     }
-    /**
-     * Stream agent message responses with tool execution
-     * Handles streaming events from backend and yields ConversationMessage updates
-     */
-    async *sendAgentMessageStream(conversationId, message, fileIds) {
-        const response = await fetch(`${this.config.apiUrl}/api/widget/${this.config.widgetId}/agent`, {
+    async *continueAgentMessageStream(conversationId, toolCallId, state) {
+        const response = await fetch(`${this.config.apiUrl}/api/widget/${this.config.widgetId}/agent/continue`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',
             },
             body: JSON.stringify({
                 conversationId: conversationId,
-                message,
-                fileIds,
+                toolCallId,
+                state,
                 timeZone: this.getTimeZone(),
             }),
         });
         if (!response.ok) {
-            throw await buildApiError(response, 'Failed to send agent message');
-        }
-        if (!response.body) {
-            throw new Error('Response body is null');
-        }
-        const reader = response.body.getReader();
-        const decoder = new TextDecoder();
-        let buffer = '';
-        try {
-            while (true) {
-                const { done, value } = await reader.read();
-                if (done)
-                    break;
-                buffer += decoder.decode(value, { stream: true });
-                const lines = buffer.split('\n');
-                buffer = lines.pop() || '';
-                for (const line of lines) {
-                    if (line.startsWith('data: ')) {
-                        try {
-                            const data = JSON.parse(line.slice(6));
-                            // Handle error events
-                            if (data.type === 'error') {
-                                throw new Error(data.error || 'Stream error');
-                            }
-                            // Yield ConversationMessage objects that come from the backend
-                            // The backend yields full ConversationMessage objects during streaming
-                            if (data.id) {
-                                yield data;
-                            }
-                        }
-                        catch (e) {
-                            console.error('[Widget API Client] Failed to parse SSE data:', line, e);
-                            throw e;
-                        }
-                    }
-                }
-            }
-        }
-        finally {
-            reader.releaseLock();
+            throw await buildApiError(response, 'Failed to continue agent');
         }
+        yield* parseSSEStream(response, (data) => {
+            return typeof data === 'object' && data !== null && 'type' in data;
+        });
     }
     /**
      * Submit feedback for a message
      */
-    async submitFeedback(sessionId, messageId, feedback) {
+    async submitFeedback(sessionId, messageId, feedback, meta) {
         const response = await fetch(`${this.config.apiUrl}/api/widget/${this.config.widgetId}/feedback`, {
             method: 'POST',
             headers: {
@@ -324,6 +229,9 @@ class WidgetApiClient {
                 conversationId: sessionId,
                 messageId: messageId,
                 feedback,
+                messageRole: meta?.role,
+                messageContent: meta?.content,
+                messageTimestamp: meta?.timestamp,
             }),
         });
         if (!response.ok) {
@@ -374,6 +282,173 @@ function generateMessageId() {
     return `msg_${timestamp}_${randomStr}`;
 }
 
+const pendingResolvers = new Map();
+const resumeCallbacks = new Map();
+const frontendActionHandlers = {};
+const actionRenderers = {};
+function getFrontendActionHandler(implementation) {
+    return frontendActionHandlers[implementation];
+}
+function getActionRenderer(implementation) {
+    return actionRenderers[implementation];
+}
+function getActionPrompt(implementation) {
+    if (implementation === "google-calendar-appointment") {
+        return "Select a date to continue.";
+    }
+    return "Action input required.";
+}
+function waitForActionState(toolCallId) {
+    return new Promise((resolve) => {
+        pendingResolvers.set(toolCallId, resolve);
+    });
+}
+function resolveActionState(toolCallId, state) {
+    const resolver = pendingResolvers.get(toolCallId);
+    if (resolver) {
+        pendingResolvers.delete(toolCallId);
+        resolver(state);
+        return;
+    }
+    // If no active resolver, check for a resume callback (for page reload scenario)
+    const resumeCallback = resumeCallbacks.get(toolCallId);
+    if (resumeCallback) {
+        resumeCallback(state).catch((error) => {
+            console.error("[Action] Failed to resume action:", error);
+        });
+    }
+}
+function registerActionResumeCallback(toolCallId, callback) {
+    resumeCallbacks.set(toolCallId, callback);
+}
+function unregisterActionResumeCallback(toolCallId) {
+    resumeCallbacks.delete(toolCallId);
+}
+
+function groupSlotsByDate(slots) {
+    const grouped = new Map();
+    for (const slot of slots) {
+        if (!slot || typeof slot !== 'object' || !slot.startTime || typeof slot.startTime !== 'string') {
+            continue;
+        }
+        const date = slot.startTime.slice(0, 10);
+        if (!grouped.has(date)) {
+            grouped.set(date, []);
+        }
+        grouped.get(date).push(slot);
+    }
+    return grouped;
+}
+function formatDate(dateStr) {
+    try {
+        const date = new Date(dateStr);
+        return new Intl.DateTimeFormat("en-US", {
+            weekday: "short",
+            month: "short",
+            day: "numeric",
+        }).format(date);
+    }
+    catch {
+        return dateStr;
+    }
+}
+function GoogleCalendarAppointmentCard({ message }) {
+    const action = message.action;
+    if (!action || action.implementation !== "google-calendar-appointment") {
+        return null;
+    }
+    const rawSlots = action.state.availableSlots;
+    const availableSlots = Array.isArray(rawSlots)
+        ? rawSlots.filter((slot) => slot !== null &&
+            slot !== undefined &&
+            typeof slot === "object" &&
+            "startTime" in slot &&
+            "endTime" in slot &&
+            typeof slot.startTime === "string" &&
+            typeof slot.endTime === "string")
+        : [];
+    const allowTopic = action.state.allowTopic !== false;
+    const isBooked = action.state.status === "booked";
+    const slotsByDate = groupSlotsByDate(availableSlots);
+    const dates = Array.from(slotsByDate.keys()).sort();
+    const [selectedDate, setSelectedDate] = useState(dates[0] ?? "");
+    const [selectedSlot, setSelectedSlot] = useState(null);
+    const [topic, setTopic] = useState("");
+    const [error, setError] = useState(null);
+    const slotsForSelectedDate = selectedDate ? slotsByDate.get(selectedDate) ?? [] : [];
+    const onConfirm = () => {
+        if (!selectedSlot) {
+            setError("Please select a time slot.");
+            return;
+        }
+        if (allowTopic && !topic.trim()) {
+            setError("Please enter a topic for the meeting.");
+            return;
+        }
+        setError(null);
+        resolveActionState(action.toolCallId, {
+            ...action.state,
+            selectedSlot: {
+                startTime: selectedSlot.startTime,
+                endTime: selectedSlot.endTime,
+            },
+            topic: allowTopic ? topic.trim() : null,
+        });
+    };
+    if (isBooked) {
+        const rawBookedSlot = action.state.selectedSlot;
+        const bookedSlot = rawBookedSlot &&
+            typeof rawBookedSlot === "object" &&
+            "startTime" in rawBookedSlot &&
+            "endTime" in rawBookedSlot
+            ? rawBookedSlot
+            : null;
+        const bookedTopic = typeof action.state.topic === "string" ? action.state.topic : null;
+        const eventLink = typeof action.state.bookedEventLink === "string" ? action.state.bookedEventLink : null;
+        return (jsxs("div", { className: "ai-chat-action-card ai-chat-action-booked", children: [jsxs("div", { className: "ai-chat-action-header", children: [jsx("svg", { className: "ai-chat-action-icon-success", viewBox: "0 0 20 20", fill: "currentColor", children: jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }), "Appointment Confirmed"] }), jsxs("div", { className: "ai-chat-action-body", children: [bookedTopic && (jsxs("div", { className: "ai-chat-action-detail", children: [jsx("span", { className: "ai-chat-action-label", children: "Topic:" }), jsx("span", { className: "ai-chat-action-value", children: bookedTopic })] })), bookedSlot && bookedSlot.startTime && (jsxs("div", { className: "ai-chat-action-detail", children: [jsx("span", { className: "ai-chat-action-label", children: "Time:" }), jsx("span", { className: "ai-chat-action-value", children: bookedSlot.displayTime || new Date(bookedSlot.startTime).toLocaleString() })] })), eventLink && (jsx("a", { href: eventLink, target: "_blank", rel: "noopener noreferrer", className: "ai-chat-action-link", children: "View in Google Calendar \u2192" }))] })] }));
+    }
+    return (jsxs("div", { className: "ai-chat-action-card", children: [jsxs("div", { className: "ai-chat-action-header", children: [jsx("svg", { className: "ai-chat-action-icon", viewBox: "0 0 20 20", fill: "currentColor", children: jsx("path", { fillRule: "evenodd", d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z", clipRule: "evenodd" }) }), "Schedule an Appointment"] }), jsxs("div", { className: "ai-chat-action-body", children: [allowTopic && (jsxs("div", { className: "ai-chat-action-field", children: [jsx("label", { htmlFor: `topic-${action.toolCallId}`, className: "ai-chat-action-label", children: "Meeting Topic" }), jsx("input", { id: `topic-${action.toolCallId}`, type: "text", className: "ai-chat-action-input", placeholder: "e.g., Product Demo", value: topic, onChange: (e) => setTopic(e.target.value) })] })), jsxs("div", { className: "ai-chat-action-field", children: [jsx("label", { className: "ai-chat-action-label", children: "Select Date" }), jsx("div", { className: "ai-chat-action-date-grid", children: dates.slice(0, 7).map((date) => (jsx("button", { type: "button", className: `ai-chat-action-date-btn ${selectedDate === date ? "active" : ""}`, onClick: () => {
+                                        setSelectedDate(date);
+                                        setSelectedSlot(null);
+                                    }, children: formatDate(date) }, date))) })] }), selectedDate && slotsForSelectedDate.length > 0 && (jsxs("div", { className: "ai-chat-action-field", children: [jsx("label", { className: "ai-chat-action-label", children: "Select Time" }), jsx("div", { className: "ai-chat-action-time-grid", children: slotsForSelectedDate.map((slot) => (jsx("button", { type: "button", className: `ai-chat-action-time-btn ${selectedSlot?.startTime === slot.startTime ? "active" : ""}`, onClick: () => setSelectedSlot(slot), children: slot.displayTime || new Date(slot.startTime).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) }, slot.startTime))) })] })), error && jsx("div", { className: "ai-chat-action-error", children: error }), jsx("button", { className: "ai-chat-action-button", type: "button", onClick: onConfirm, disabled: !selectedSlot, children: "Confirm Appointment" }), availableSlots.length === 0 && (jsx("div", { className: "ai-chat-action-hint", children: "No available time slots found." }))] })] }));
+}
+
+frontendActionHandlers["google-calendar-appointment"] = async (_input, _state, context) => {
+    return waitForActionState(context.toolCallId);
+};
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$1 = ".ai-chat-action-card{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-top:12px;padding:20px;transition:all .2s ease}.ai-chat-action-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.ai-chat-action-booked{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.ai-chat-action-header{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.ai-chat-action-icon{color:#6366f1;height:20px;width:20px}.ai-chat-action-icon-success{color:#10b981;height:24px;width:24px}.ai-chat-action-body{display:flex;flex-direction:column;gap:16px}.ai-chat-action-field{display:flex;flex-direction:column;gap:8px}.ai-chat-action-label{color:#374151;font-size:13px;font-weight:500}.ai-chat-action-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.ai-chat-action-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.ai-chat-action-date-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.ai-chat-action-date-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:10px 8px;transition:all .2s ease}.ai-chat-action-date-btn:hover{background:#f3f4f6;border-color:#9ca3af}.ai-chat-action-date-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.ai-chat-action-time-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.ai-chat-action-time-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:10px 8px;transition:all .2s ease}.ai-chat-action-time-btn:hover{background:#f3f4f6;border-color:#9ca3af}.ai-chat-action-time-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.ai-chat-action-button{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(99,102,241,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.ai-chat-action-button:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 8px rgba(99,102,241,.3);transform:translateY(-1px)}.ai-chat-action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-chat-action-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500;padding:10px 12px}.ai-chat-action-hint{color:#6b7280;font-size:12px;font-style:italic}.ai-chat-action-detail{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.ai-chat-action-detail .ai-chat-action-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.ai-chat-action-detail .ai-chat-action-value{color:#111827;font-size:14px;font-weight:600}.ai-chat-action-link{align-items:center;background:#fff;border:1px solid #10b981;border-radius:8px;color:#10b981;display:inline-flex;font-size:14px;font-weight:600;gap:4px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.ai-chat-action-link:hover{background:#10b981;color:#fff;transform:translateX(2px)}";
+styleInject(css_248z$1);
+
+actionRenderers["google-calendar-appointment"] = (message) => (jsx(GoogleCalendarAppointmentCard, { message: message }));
+
 /**
  * Local Storage Utilities
  * Handles conversation persistence in browser localStorage
@@ -435,9 +510,12 @@ function setWidgetStorage(widgetId, storage) {
  * Get preview text from messages
  */
 function getConversationPreview(messages) {
-    const firstUserMessage = messages.find(m => m.message.type === 'human');
+    const firstUserMessage = messages.find(m => m.message.role === "user");
     if (firstUserMessage) {
-        return firstUserMessage.message.content.slice(0, 100);
+        const content = typeof firstUserMessage.message.content === "string"
+            ? firstUserMessage.message.content
+            : "";
+        return content.slice(0, 100);
     }
     return 'New conversation';
 }
@@ -592,6 +670,473 @@ function isStorageAvailable() {
  * useChat Hook
  * Main state management for chat functionality
  */
+function hydrateToolNames(messages) {
+    const toolCallNameById = new Map();
+    for (const entry of messages) {
+        if (entry.message.role !== "assistant") {
+            continue;
+        }
+        const toolCalls = entry.message.tool_calls;
+        if (!Array.isArray(toolCalls)) {
+            continue;
+        }
+        for (const call of toolCalls) {
+            const callId = call?.id;
+            const callName = call?.function?.name;
+            if (callId && callName) {
+                toolCallNameById.set(callId, callName);
+            }
+        }
+    }
+    if (toolCallNameById.size === 0) {
+        return messages;
+    }
+    return messages.map((entry) => {
+        if (entry.message.role !== "tool") {
+            return entry;
+        }
+        const toolCallId = entry.message.tool_call_id;
+        const resolvedName = toolCallNameById.get(toolCallId);
+        if (!resolvedName) {
+            return entry;
+        }
+        const currentName = entry.message.name;
+        const nextName = currentName && currentName.trim().length > 0 ? currentName : resolvedName;
+        const nextToolExecuting = entry.toolExecuting || resolvedName;
+        if (nextName === currentName && nextToolExecuting === entry.toolExecuting) {
+            return entry;
+        }
+        return {
+            ...entry,
+            message: { ...entry.message, name: nextName },
+            toolExecuting: nextToolExecuting,
+        };
+    });
+}
+function hydrateActionContent(messages) {
+    return messages.map((entry) => {
+        if (entry.message.role !== "assistant" || !entry.action) {
+            return entry;
+        }
+        const content = typeof entry.message.content === "string" ? entry.message.content : "";
+        if (content.trim().length > 0) {
+            return entry;
+        }
+        return {
+            ...entry,
+            message: { ...entry.message, content: getActionPrompt(entry.action.implementation) },
+        };
+    });
+}
+function hydrateMessages(messages) {
+    return hydrateActionContent(hydrateToolNames(messages));
+}
+function setupActionResumeCallbacks(messages, client, conversationId, setState, onMessageUpdate) {
+    // Find all incomplete actions and register resume callbacks
+    for (const message of messages) {
+        if (message.action && !message.action.done) {
+            const toolCallId = message.action.toolCallId;
+            const toolName = message.message.name || message.toolExecuting || "tool";
+            registerActionResumeCallback(toolCallId, async (newState) => {
+                // When user interacts with the action after reload, continue the stream
+                try {
+                    // Update the action message with the new state
+                    setState(prev => ({
+                        ...prev,
+                        messages: prev.messages.map(m => m.action?.toolCallId === toolCallId
+                            ? {
+                                ...m,
+                                action: m.action ? { ...m.action, state: newState } : undefined,
+                            }
+                            : m),
+                        isTyping: true,
+                    }));
+                    const streamState = createStreamState();
+                    // Continue the agent stream with the new state
+                    for await (const event of client.continueAgentMessageStream(conversationId, toolCallId, newState)) {
+                        if (event.type === "done") {
+                            finalizeToolMessage(streamState, setState, toolCallId, toolName);
+                            streamState.sources = event.sources;
+                            streamState.toolCallToActionId = event.tool_call_to_action_id;
+                            finalizeStreamMessages(setState, streamState.newMessageIds, event.sources, event.tool_call_to_action_id);
+                            continue;
+                        }
+                        if (event.type === "error") {
+                            const errorMessage = {
+                                id: generateMessageId(),
+                                message: {
+                                    role: "assistant",
+                                    content: `Error: ${event.error}`,
+                                },
+                                timestamp: new Date().toISOString(),
+                                sources: [],
+                                isError: true,
+                            };
+                            upsertMessage(setState, errorMessage, false);
+                            setState(prev => ({ ...prev, isTyping: false }));
+                            return;
+                        }
+                        handleStreamEvent(event, streamState, onMessageUpdate, setState);
+                    }
+                    setState(prev => ({ ...prev, isTyping: false }));
+                }
+                catch (error) {
+                    console.error("[Action Resume] Failed to continue stream:", error);
+                    setState(prev => ({ ...prev, isTyping: false, error: error instanceof Error ? error.message : "Failed to resume action" }));
+                    throw error;
+                }
+            });
+        }
+    }
+}
+function createStreamState() {
+    return {
+        currentContent: "",
+        currentMessageId: generateMessageId(),
+        activeToolCallCount: 0,
+        newMessageIds: new Set(),
+        sources: [],
+        toolCallToActionId: {},
+    };
+}
+function upsertMessage(setState, message, isTyping) {
+    setState(prev => {
+        const existingIndex = prev.messages.findIndex(m => m.id === message.id);
+        if (existingIndex >= 0) {
+            const newMessages = [...prev.messages];
+            newMessages[existingIndex] = message;
+            return { ...prev, messages: newMessages, isTyping, isLoading: false };
+        }
+        return {
+            ...prev,
+            messages: [...prev.messages, message],
+            isTyping,
+            isLoading: false,
+        };
+    });
+}
+function finalizeStreamMessages(setState, messageIds, sources, toolCallToActionId) {
+    setState(prev => ({
+        ...prev,
+        messages: prev.messages.map(msg => (messageIds.has(msg.id)
+            ? { ...msg, sources, toolCallToActionId }
+            : msg)),
+        isTyping: false,
+    }));
+}
+function handleContentEvent(event, streamState, onMessageUpdate, setState) {
+    streamState.currentContent += event.content;
+    const assistantMessage = {
+        id: streamState.currentMessageId,
+        message: { role: "assistant", content: streamState.currentContent },
+        timestamp: new Date().toISOString(),
+        sources: streamState.sources,
+        isStreaming: true,
+    };
+    streamState.newMessageIds.add(assistantMessage.id);
+    onMessageUpdate(assistantMessage);
+    const hasContent = assistantMessage.message.content?.trim().length || 0 > 0;
+    const isToolExecuting = streamState.activeToolCallCount > 0;
+    const isTyping = (!hasContent && assistantMessage.isStreaming) || isToolExecuting;
+    upsertMessage(setState, assistantMessage, isTyping);
+}
+function handleToolStartEvent(event, streamState, onMessageUpdate, setState) {
+    if (streamState.currentContent.trim()) {
+        const finalAssistant = {
+            id: streamState.currentMessageId,
+            message: { role: "assistant", content: streamState.currentContent },
+            timestamp: new Date().toISOString(),
+            sources: streamState.sources,
+            isStreaming: false,
+        };
+        streamState.newMessageIds.add(finalAssistant.id);
+        onMessageUpdate(finalAssistant);
+        upsertMessage(setState, finalAssistant, true);
+        streamState.currentContent = "";
+        streamState.currentMessageId = generateMessageId();
+    }
+    const toolMessageId = event.tool_call_id;
+    streamState.activeToolCallCount += 1;
+    streamState.newMessageIds.add(toolMessageId);
+    const toolMessage = {
+        id: toolMessageId,
+        sources: [],
+        message: { role: "tool", content: "", tool_call_id: event.tool_call_id, name: event.tool_name },
+        timestamp: new Date().toISOString(),
+        isStreaming: true,
+        toolExecuting: event.tool_name,
+    };
+    upsertMessage(setState, toolMessage, true);
+}
+function handleToolEndEvent(event, streamState, _onMessageUpdate, setState) {
+    // Update state and mark action as done in a single setState call
+    setState(prev => {
+        const messages = prev.messages.map((msg) => {
+            const matchesToolCall = msg.message.role === "tool" && msg.message.tool_call_id === event.tool_call_id;
+            if (!matchesToolCall) {
+                return msg;
+            }
+            const existingName = msg.message.name || event.tool_name;
+            return {
+                ...msg,
+                message: {
+                    role: "tool",
+                    content: event.state ? JSON.stringify(event.state) : (typeof msg.message.content === "string" ? msg.message.content : ""),
+                    tool_call_id: event.tool_call_id,
+                    name: existingName,
+                },
+                isStreaming: false,
+                toolExecuting: existingName,
+                action: msg.action ? {
+                    ...msg.action,
+                    state: event.state || msg.action.state,
+                    done: true, // Mark action as completed
+                } : undefined,
+            };
+        });
+        return { ...prev, messages, isTyping: false, isLoading: false };
+    });
+    streamState.activeToolCallCount = Math.max(0, streamState.activeToolCallCount - 1);
+}
+function handleToolErrorEvent(event, streamState, _onMessageUpdate, setState) {
+    setState(prev => {
+        const messages = prev.messages.map((entry) => {
+            const matchesToolCall = entry.message.role === "tool" && entry.message.tool_call_id === event.tool_call_id;
+            if (!matchesToolCall) {
+                return entry;
+            }
+            const name = entry.message.name || "tool";
+            const toolMessage = {
+                ...entry,
+                message: {
+                    role: "tool",
+                    content: event.error || "Tool execution failed",
+                    tool_call_id: event.tool_call_id,
+                    name,
+                },
+                timestamp: new Date().toISOString(),
+                isStreaming: false,
+                isError: true,
+                toolExecuting: name,
+            };
+            return toolMessage;
+        });
+        return { ...prev, messages, isTyping: false, isLoading: false };
+    });
+    streamState.activeToolCallCount = Math.max(0, streamState.activeToolCallCount - 1);
+}
+function finalizeToolMessage(streamState, setState, toolCallId, toolName) {
+    setState(prev => {
+        const messages = prev.messages.map((entry) => {
+            const matchesToolCall = entry.message.role === "tool" && entry.message.tool_call_id === toolCallId;
+            if (!matchesToolCall) {
+                return entry;
+            }
+            const existingName = entry.message.name || toolName;
+            return {
+                ...entry,
+                message: {
+                    role: "tool",
+                    content: typeof entry.message.content === "string" ? entry.message.content : "",
+                    tool_call_id: toolCallId,
+                    name: existingName,
+                },
+                isStreaming: false,
+                toolExecuting: existingName,
+                action: entry.action ? {
+                    ...entry.action,
+                    done: true, // Mark action as completed
+                } : undefined,
+            };
+        });
+        return { ...prev, messages, isTyping: false, isLoading: false };
+    });
+    streamState.activeToolCallCount = Math.max(0, streamState.activeToolCallCount - 1);
+}
+function handleDoneEvent(event, streamState, _onMessageUpdate, setState) {
+    streamState.sources = event.sources;
+    streamState.toolCallToActionId = event.tool_call_to_action_id;
+    finalizeStreamMessages(setState, streamState.newMessageIds, event.sources, event.tool_call_to_action_id);
+}
+function handleHaltEvent(event, _streamState, onMessageUpdate, setState) {
+    const toolNames = event.tool_calls.map(call => call.name).join(", ");
+    const notice = toolNames
+        ? `Awaiting external tool results: ${toolNames}.`
+        : "Awaiting external tool results.";
+    const haltMessage = {
+        id: generateMessageId(),
+        message: { role: "assistant", content: notice },
+        timestamp: new Date().toISOString(),
+        sources: [],
+        isError: true,
+    };
+    onMessageUpdate(haltMessage);
+    upsertMessage(setState, haltMessage, false);
+    setState(prev => ({ ...prev, error: "Awaiting external tool handling." }));
+}
+function handleErrorEvent(event, _streamState, onMessageUpdate, setState) {
+    const errorMessage = {
+        id: generateMessageId(),
+        message: { role: "assistant", content: `⚠️ ${event.error}` },
+        timestamp: new Date().toISOString(),
+        sources: [],
+        isError: true,
+    };
+    onMessageUpdate(errorMessage);
+    upsertMessage(setState, errorMessage, false);
+    setState(prev => ({ ...prev, error: event.error }));
+}
+const eventHandlers = {
+    content: handleContentEvent,
+    tool_start: handleToolStartEvent,
+    tool_end: handleToolEndEvent,
+    tool_error: handleToolErrorEvent,
+    done: handleDoneEvent,
+    halt: handleHaltEvent,
+    error: handleErrorEvent,
+    action_request: () => { },
+};
+function handleStreamEvent(event, streamState, onMessageUpdate, setState) {
+    if (event.type === "tool_start" || event.type === "tool_end" || event.type === "tool_error" || event.type === "action_request" || event.type === "done" || event.type === "halt") {
+        console.log("[Widget] stream event:", {
+            type: event.type,
+            toolCallId: "tool_call_id" in event ? event.tool_call_id : undefined,
+            toolName: "tool_name" in event ? event.tool_name : undefined,
+        });
+    }
+    const handler = eventHandlers[event.type];
+    if (handler) {
+        handler(event, streamState, onMessageUpdate, setState);
+    }
+    else {
+        console.warn('[Chat] Unknown event type:', event.type);
+    }
+}
+async function handleActionLoop(client, initialEvent, streamState, onMessageUpdate, setState, widgetId, conversationId, getMessages) {
+    let pendingEvent = initialEvent;
+    while (pendingEvent) {
+        streamState.toolCallToActionId = pendingEvent.tool_call_to_action_id;
+        const resumeToolCallId = pendingEvent.tool_call_id;
+        const existingToolMessage = getMessages().find((entry) => entry.message.role === "tool" && entry.message.tool_call_id === resumeToolCallId);
+        const toolMessageId = existingToolMessage?.id ?? resumeToolCallId;
+        const toolName = existingToolMessage?.message.name ?? "tool";
+        const toolMessage = {
+            id: toolMessageId,
+            sources: [],
+            message: {
+                role: "tool",
+                content: "",
+                tool_call_id: resumeToolCallId,
+                name: toolName,
+            },
+            timestamp: new Date().toISOString(),
+            isStreaming: true,
+            toolExecuting: toolName,
+            action: {
+                implementation: pendingEvent.implementation,
+                toolCallId: pendingEvent.tool_call_id,
+                actionId: pendingEvent.action_id,
+                input: pendingEvent.input,
+                state: pendingEvent.state,
+                done: false, // Action not yet completed
+            },
+        };
+        if (streamState.activeToolCallCount === 0) {
+            streamState.activeToolCallCount = 1;
+        }
+        onMessageUpdate(toolMessage);
+        upsertMessage(setState, toolMessage, true);
+        const handler = getFrontendActionHandler(pendingEvent.implementation);
+        if (!handler) {
+            const errorMessage = {
+                id: generateMessageId(),
+                message: {
+                    role: "assistant",
+                    content: `⚠️ No frontend handler for action '${pendingEvent.implementation}'.`,
+                },
+                timestamp: new Date().toISOString(),
+                sources: [],
+                isError: true,
+            };
+            onMessageUpdate(errorMessage);
+            upsertMessage(setState, errorMessage, false);
+            setState(prev => ({ ...prev, error: `Missing frontend handler: ${pendingEvent?.implementation}` }));
+            return;
+        }
+        let nextState;
+        try {
+            nextState = await handler(pendingEvent.input, pendingEvent.state, {
+                widgetId,
+                conversationId,
+                toolCallId: pendingEvent.tool_call_id,
+                actionId: pendingEvent.action_id,
+                implementation: pendingEvent.implementation,
+            });
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : "Frontend action failed.";
+            const errorMessageEntry = {
+                id: generateMessageId(),
+                message: { role: "assistant", content: `⚠️ ${errorMessage}` },
+                timestamp: new Date().toISOString(),
+                sources: [],
+                isError: true,
+            };
+            onMessageUpdate(errorMessageEntry);
+            upsertMessage(setState, errorMessageEntry, false);
+            setState(prev => ({ ...prev, error: errorMessage }));
+            return;
+        }
+        pendingEvent = null;
+        const updatedToolMessage = {
+            ...toolMessage,
+            action: toolMessage.action
+                ? {
+                    ...toolMessage.action,
+                    state: nextState,
+                }
+                : undefined,
+        };
+        upsertMessage(setState, updatedToolMessage, true);
+        let streamEnded = false;
+        for await (const event of client.continueAgentMessageStream(conversationId, resumeToolCallId, nextState)) {
+            if (event.type === "action_request") {
+                pendingEvent = event;
+                break;
+            }
+            if (event.type === "done") {
+                // Don't extract and update state from done event - the state was already
+                // updated by tool_end event or by the user's frontend action.
+                finalizeToolMessage(streamState, setState, resumeToolCallId, toolName);
+                // Handle the done event but skip the tool finalization part since we already did it
+                streamState.sources = event.sources;
+                streamState.toolCallToActionId = event.tool_call_to_action_id;
+                finalizeStreamMessages(setState, streamState.newMessageIds, event.sources, event.tool_call_to_action_id);
+                streamEnded = true;
+                continue; // Skip handleStreamEvent for done events to avoid state conflicts
+            }
+            if (event.type === "error") {
+                const errorMessage = {
+                    id: generateMessageId(),
+                    message: {
+                        role: "assistant",
+                        content: `Error occurred during action execution: ${event.error}`,
+                    },
+                    timestamp: new Date().toISOString(),
+                    sources: [],
+                    isError: true,
+                };
+                upsertMessage(setState, errorMessage, false);
+                return;
+            }
+            handleStreamEvent(event, streamState, onMessageUpdate, setState);
+        }
+        // If stream ended without a done event (e.g., only tool_end was sent), finalize the tool message
+        if (!streamEnded && !pendingEvent) {
+            finalizeToolMessage(streamState, setState, resumeToolCallId, toolName);
+        }
+    }
+}
 function deriveErrorInfo(error) {
     if (error instanceof ApiError) {
         const retryAfterSeconds = typeof error.retryAfterMs === 'number'
@@ -664,6 +1209,10 @@ function useChat(options) {
         conversationId: '', // Will be set after loading conversation
         config: null,
     });
+    const stateRef = useRef(state);
+    useEffect(() => {
+        stateRef.current = state;
+    }, [state]);
     // Chat history state
     const [conversations, setConversations] = useState([]);
     const apiClient = useRef(new WidgetApiClient({ widgetId, apiUrl }));
@@ -671,18 +1220,12 @@ function useChat(options) {
     useEffect(() => {
         // Skip initialization in preview mode
         if (skipInitialization) {
-            console.log('[useChat] Skipping initialization (preview mode)');
             return;
         }
         let isMounted = true;
-        console.log('[useChat] Effect running, mounting component');
         const initialize = async () => {
             try {
-                console.log('[useChat] Fetching config...');
                 const config = await apiClient.current.getConfig();
-                console.log('[useChat] Config fetched successfully:', {
-                    hasAppearance: !!config.appearance,
-                });
                 const persistConversation = config.settings.persistConversation ?? true;
                 let conversationId = '';
                 let messages = [];
@@ -693,7 +1236,7 @@ function useChat(options) {
                         try {
                             const conversation = await apiClient.current.getOrCreateConversation(storedId);
                             conversationId = conversation.id;
-                            messages = conversation.messages;
+                            messages = hydrateMessages(conversation.messages);
                         }
                         catch (conversationError) {
                             console.warn('Failed to load existing conversation:', conversationError);
@@ -701,16 +1244,19 @@ function useChat(options) {
                     }
                 }
                 if (!isMounted) {
-                    console.log('[useChat] Component unmounted, skipping state update');
                     return;
                 }
-                console.log('[useChat] Setting config in state');
+                const hydratedMessages = hydrateMessages(messages);
                 setState(prev => ({
                     ...prev,
                     config,
                     conversationId,
-                    messages,
+                    messages: hydratedMessages,
                 }));
+                // Setup resume callbacks for incomplete actions
+                if (conversationId) {
+                    setupActionResumeCallbacks(hydratedMessages, apiClient.current, conversationId, setState, onMessage ?? (() => { }));
+                }
             }
             catch (error) {
                 console.error('[useChat] Error fetching config:', error);
@@ -725,8 +1271,13 @@ function useChat(options) {
         };
         initialize();
         return () => {
-            console.log('[useChat] Effect cleanup, unmounting component');
             isMounted = false;
+            // Cleanup resume callbacks
+            state.messages.forEach(message => {
+                if (message.action?.toolCallId) {
+                    unregisterActionResumeCallback(message.action.toolCallId);
+                }
+            });
         };
     }, [widgetId, apiUrl, onError]);
     // Save conversation when messages change
@@ -739,9 +1290,6 @@ function useChat(options) {
             saveConversation(widgetId, state.conversationId, state.messages);
         }
     }, [widgetId, state.messages, state.conversationId, state.config?.settings.persistConversation]);
-    /**
-     * Send a message
-     */
     const sendMessage = useCallback(async (content, files) => {
         const trimmedContent = content.trim();
         const hasFiles = !!files && files.length > 0;
@@ -750,7 +1298,7 @@ function useChat(options) {
         const userMessage = {
             id: generateMessageId(),
             message: {
-                type: 'human',
+                role: "user",
                 content: trimmedContent,
             },
             timestamp: new Date().toISOString(),
@@ -771,7 +1319,7 @@ function useChat(options) {
                 const conversation = await apiClient.current.getOrCreateConversation();
                 conversationId = conversation.id;
                 setState(prev => {
-                    const serverMessages = conversation.messages ?? [];
+                    const serverMessages = hydrateMessages(conversation.messages ?? []);
                     if (serverMessages.length === 0) {
                         return {
                             ...prev,
@@ -805,48 +1353,20 @@ function useChat(options) {
                     }
                 }
             }
-            // Determine if widget has actions (use agent endpoint)
-            const useAgent = state.config?.behavior.agentic || (state.config?.actions && state.config.actions.length > 0);
             // Stream the response
             let lastStreamedMessage = null;
-            const stream = useAgent
-                ? apiClient.current.sendAgentMessageStream(conversationId, trimmedContent, fileIds)
-                : apiClient.current.sendMessageStream(conversationId, trimmedContent, fileIds);
-            for await (const message of stream) {
-                lastStreamedMessage = message;
-                // Update state with streamed message
-                setState(prev => {
-                    const existingIndex = prev.messages.findIndex(m => m.id === message.id);
-                    if (existingIndex >= 0) {
-                        // Update existing streaming message
-                        const newMessages = [...prev.messages];
-                        newMessages[existingIndex] = message;
-                        // Show typing indicator if:
-                        // 1. Message is streaming AND has no content (waiting for first token or after tool call)
-                        // 2. Message is a tool execution (shows loading spinner on the tool)
-                        const isAIMessage = message.message.type === 'ai';
-                        const hasContent = isAIMessage && message.message.content.trim().length > 0;
-                        const isToolExecuting = message.toolExecuting !== undefined;
-                        return {
-                            ...prev,
-                            messages: newMessages,
-                            isTyping: (message.isStreaming && !hasContent && isAIMessage) || isToolExecuting,
-                            isLoading: false,
-                        };
-                    }
-                    else {
-                        // Add new streaming message
-                        const isAIMessage = message.message.type === 'ai';
-                        const hasContent = isAIMessage && message.message.content.trim().length > 0;
-                        const isToolExecuting = message.toolExecuting !== undefined;
-                        return {
-                            ...prev,
-                            messages: [...prev.messages, message],
-                            isTyping: (message.isStreaming && !hasContent && isAIMessage) || isToolExecuting,
-                            isLoading: false,
-                        };
-                    }
-                });
+            const streamState = createStreamState();
+            const stream = apiClient.current.sendAgentMessageStream(conversationId, trimmedContent, fileIds);
+            for await (const event of stream) {
+                if (event.type === "action_request") {
+                    await handleActionLoop(apiClient.current, event, streamState, (message) => {
+                        lastStreamedMessage = message;
+                    }, setState, widgetId, conversationId, () => stateRef.current.messages);
+                    break;
+                }
+                handleStreamEvent(event, streamState, (message) => {
+                    lastStreamedMessage = message;
+                }, setState);
             }
             // Stream completed - finalize state
             setState(prev => ({
@@ -867,7 +1387,7 @@ function useChat(options) {
                 const fallbackAssistantMessage = {
                     id: generateMessageId(),
                     message: {
-                        type: 'ai',
+                        role: "assistant",
                         content: fallbackMessage,
                     },
                     timestamp: new Date().toISOString(),
@@ -886,7 +1406,7 @@ function useChat(options) {
                 const errorAssistantMessage = {
                     id: generateMessageId(),
                     message: {
-                        type: 'ai',
+                        role: "assistant",
                         content: `⚠️ ${errorInfo.message}`,
                     },
                     timestamp: new Date().toISOString(),
@@ -924,8 +1444,13 @@ function useChat(options) {
      */
     const submitFeedback = useCallback(async (messageId, feedback) => {
         try {
+            const message = state.messages.find(msg => msg.id === messageId);
+            const messageContent = typeof message?.message.content === "string" ? message.message.content : undefined;
+            const meta = message
+                ? { role: message.message.role, content: messageContent, timestamp: message.timestamp }
+                : undefined;
             console.log('Submitting feedback:', { conversationId: state.conversationId, messageId, feedback });
-            await apiClient.current.submitFeedback(state.conversationId, messageId, feedback);
+            await apiClient.current.submitFeedback(state.conversationId, messageId, feedback, meta);
             // Update message with feedback
             setState(prev => ({
                 ...prev,
@@ -959,9 +1484,6 @@ function useChat(options) {
             startedAt: entry.lastUpdated,
         })));
     }, [widgetId, state.config?.settings.persistConversation]);
-    /**
-     * Switch to a different conversation (from localStorage first, then fetch from server if needed)
-     */
     const switchConversation = useCallback(async (conversationId) => {
         const persistConversation = state.config?.settings.persistConversation ?? true;
         // First try to load from localStorage
@@ -971,25 +1493,33 @@ function useChat(options) {
                 setState(prev => ({
                     ...prev,
                     conversationId: stored.conversationId,
-                    messages: stored.messages,
+                    messages: hydrateMessages(stored.messages),
                 }));
                 setActiveConversation(widgetId, conversationId);
                 return;
             }
         }
-        // If not in localStorage, fetch from server
         setState(prev => ({ ...prev, isLoading: true, error: null }));
         try {
             const conversation = await apiClient.current.getOrCreateConversation(conversationId);
+            const hydratedMessages = hydrateMessages(conversation.messages);
+            // Clear old resume callbacks
+            state.messages.forEach(message => {
+                if (message.action?.toolCallId) {
+                    unregisterActionResumeCallback(message.action.toolCallId);
+                }
+            });
             setState(prev => ({
                 ...prev,
                 conversationId: conversation.id,
-                messages: conversation.messages,
+                messages: hydratedMessages,
                 isLoading: false,
             }));
+            // Setup new resume callbacks
+            setupActionResumeCallbacks(hydratedMessages, apiClient.current, conversation.id, setState, onMessage ?? (() => { }));
             // Save to local storage
             if (persistConversation && isStorageAvailable()) {
-                saveConversation(widgetId, conversation.id, conversation.messages);
+                saveConversation(widgetId, conversation.id, hydratedMessages);
             }
         }
         catch (error) {
@@ -997,9 +1527,6 @@ function useChat(options) {
             setState(prev => ({ ...prev, isLoading: false, error: errorInfo.message }));
         }
     }, [widgetId, state.config?.settings.persistConversation]);
-    /**
-     * Start a new conversation (keeps history)
-     */
     const startNewConversation = useCallback(() => {
         setState(prev => ({
             ...prev,
@@ -1007,15 +1534,11 @@ function useChat(options) {
             conversationId: '',
             error: null,
         }));
-        // Clear active conversation but keep history
         const persistConversation = state.config?.settings.persistConversation ?? true;
         if (persistConversation && isStorageAvailable()) {
             clearConversation(widgetId);
         }
     }, [widgetId, state.config?.settings.persistConversation]);
-    /**
-     * Delete a conversation from history
-     */
     const deleteConversation$1 = useCallback((conversationId) => {
         const persistConversation = state.config?.settings.persistConversation ?? true;
         if (!persistConversation || !isStorageAvailable()) {
@@ -27869,12 +28392,12 @@ const Message = ({ message, showTimestamp = true, enableFeedback = true, showSou
             hour12: true,
         });
     };
-    const msgType = message.message.type;
+    const role = message.message.role;
     const isError = message.isError || false;
-    const isTool = msgType === 'tool';
-    const isAssistant = msgType === 'ai';
-    const isSystem = msgType === 'system';
-    const isHuman = msgType === 'human';
+    const isTool = role === "tool";
+    const isAssistant = role === "assistant";
+    const isSystem = role === "system";
+    const isHuman = role === "user";
     // Tool messages are now handled by ToolMessageGroup in MessageList
     if (isTool) {
         return null;
@@ -27885,7 +28408,10 @@ const Message = ({ message, showTimestamp = true, enableFeedback = true, showSou
         const hasContent = aiContent.trim().length > 0;
         if (!hasContent)
             return null;
-        return (jsxs("div", { className: `ai-chat-message assistant ${isError ? 'error' : ''}`, children: [jsxs("div", { className: "ai-chat-message-content", children: [isError && (jsxs("div", { className: "ai-chat-error-indicator", children: [jsx("span", { className: "error-icon", children: "\u26A0\uFE0F" }), jsx("span", { className: "error-text", children: "Error" })] })), jsx(Markdown, { remarkPlugins: [remarkGfm], children: aiContent })] }), showTimestamp && (jsxs("div", { className: "ai-chat-message-meta", children: [jsx("span", { className: "ai-chat-message-timestamp", children: formatTime(message.timestamp) }), enableFeedback && onFeedback && (jsx(FeedbackButtons, { messageId: message.id, currentFeedback: message.feedback, onFeedback: onFeedback }))] })), showSources && message.sources?.length > 0 && (jsx(Sources, { sources: message.sources, displayMode: sourceDisplayMode }))] }));
+        const actionRenderer = message.action
+            ? getActionRenderer(message.action.implementation)
+            : undefined;
+        return (jsxs("div", { className: `ai-chat-message assistant ${isError ? 'error' : ''}`, children: [jsxs("div", { className: "ai-chat-message-content", children: [isError && (jsxs("div", { className: "ai-chat-error-indicator", children: [jsx("span", { className: "error-icon", children: "\u26A0\uFE0F" }), jsx("span", { className: "error-text", children: "Error" })] })), jsx(Markdown, { remarkPlugins: [remarkGfm], children: aiContent })] }), actionRenderer && message.action && actionRenderer(message), showTimestamp && (jsxs("div", { className: "ai-chat-message-meta", children: [jsx("span", { className: "ai-chat-message-timestamp", children: formatTime(message.timestamp) }), enableFeedback && onFeedback && (jsx(FeedbackButtons, { messageId: message.id, currentFeedback: message.feedback, onFeedback: onFeedback }))] })), showSources && message.sources?.length > 0 && (jsx(Sources, { sources: message.sources, displayMode: sourceDisplayMode }))] }));
     }
     // System message rendering
     if (isSystem) {
@@ -27893,7 +28419,7 @@ const Message = ({ message, showTimestamp = true, enableFeedback = true, showSou
     }
     // Human message rendering
     if (isHuman) {
-        const userContent = message.message.content.split('--- File Content ---')[0];
+        const userContent = (message.message.content || '').split('--- File Content ---')[0];
         return (jsxs("div", { className: "ai-chat-message user", children: [jsx("div", { className: "ai-chat-message-content", children: userContent }), showTimestamp && (jsx("div", { className: "ai-chat-message-meta", children: jsx("span", { className: "ai-chat-message-timestamp", children: formatTime(message.timestamp) }) }))] }));
     }
     return null;
@@ -27910,13 +28436,31 @@ const GearIcon = ({ spinning = false }) => (jsxs("svg", { className: `ai-chat-to
 const CheckIcon = () => (jsx("svg", { className: "ai-chat-tool-check", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("polyline", { points: "20 6 9 17 4 12" }) }));
 const ErrorIcon = () => (jsx("svg", { className: "ai-chat-tool-error", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }));
 const ToolMessageGroup = ({ messages }) => {
-    const isAnyLoading = messages.some(m => m.isStreaming);
-    return (jsx("div", { className: "ai-chat-message tool", children: jsxs("div", { className: "ai-chat-tool-row", children: [jsx(GearIcon, { spinning: isAnyLoading }), jsx("div", { className: "ai-chat-tool-badges", children: messages.map((message) => {
-                        const toolName = message.toolExecuting || message.message.name || 'Tool';
-                        const hasError = message.isError || false;
-                        const isLoading = message.isStreaming;
-                        return (jsxs("div", { className: `ai-chat-tool-badge ${isLoading ? 'loading' : hasError ? 'error' : 'completed'}`, children: [!isLoading && (hasError ? jsx(ErrorIcon, {}) : jsx(CheckIcon, {})), jsx("span", { className: "tool-name", children: formatToolName(toolName) })] }, message.id));
-                    }) })] }) }));
+    // Check if any message is loading (for actions, check done flag; otherwise check isStreaming)
+    const isAnyLoading = messages.some(m => {
+        if (m.action) {
+            return !(m.action.done ?? false);
+        }
+        return m.isStreaming;
+    });
+    const actionMessages = messages.filter(message => message.action);
+    return (jsxs("div", { className: "ai-chat-message tool", children: [jsxs("div", { className: "ai-chat-tool-row", children: [jsx(GearIcon, { spinning: isAnyLoading }), jsx("div", { className: "ai-chat-tool-badges", children: messages.map((message) => {
+                            const toolName = message.toolExecuting || message.message.name || 'Tool';
+                            const hasError = message.isError || false;
+                            // For actions, check if done flag is set; otherwise fall back to isStreaming
+                            const isDone = message.action ? (message.action.done ?? false) : !message.isStreaming;
+                            const isLoading = !isDone;
+                            return (jsxs("div", { className: `ai-chat-tool-badge ${isLoading ? 'loading' : hasError ? 'error' : 'completed'}`, children: [!isLoading && (hasError ? jsx(ErrorIcon, {}) : jsx(CheckIcon, {})), jsx("span", { className: "tool-name", children: formatToolName(toolName) })] }, message.id));
+                        }) })] }), actionMessages.map((message) => {
+                if (!message.action) {
+                    return null;
+                }
+                const renderer = getActionRenderer(message.action.implementation);
+                if (!renderer) {
+                    return null;
+                }
+                return (jsx("div", { className: "ai-chat-tool-action", children: renderer(message) }, `action-${message.id}`));
+            })] }));
 };
 
 const TypingIndicator = () => {
@@ -27941,6 +28485,14 @@ const SuggestedQuestions = ({ questions, onQuestionClick, }) => {
 const MessageList = ({ messages, isTyping = false, showTypingIndicator = true, showTimestamps = true, enableFeedback = true, showSources = true, sourceDisplayMode = 'with-score', welcomeTitle, welcomeMessage, suggestedQuestions, onSuggestedQuestionClick, onFeedback, }) => {
     const containerRef = useRef(null);
     const messagesEndRef = useRef(null);
+    // Check if there's an active action awaiting user input
+    const hasActiveAction = useMemo(() => {
+        return messages.some(msg => msg.action &&
+            msg.action.state &&
+            msg.action.state.status !== 'completed' &&
+            msg.action.state.status !== 'booked' &&
+            msg.action.state.status !== 'failed');
+    }, [messages]);
     // Auto-scroll to bottom only on initial mount/load
     useEffect(() => {
         const container = containerRef.current;
@@ -27969,16 +28521,16 @@ const MessageList = ({ messages, isTyping = false, showTypingIndicator = true, s
             }
         };
         for (const message of messages) {
-            if (message.message.type === 'tool') {
+            if (message.message.role === "tool") {
                 // Add to current tool group
                 currentToolGroup.push(message);
             }
-            else if (message.message.type === 'human') {
+            else if (message.message.role === "user") {
                 // Human message breaks tool grouping
                 flushToolGroup();
                 result.push({ type: 'message', message });
             }
-            else if (message.message.type === 'ai') {
+            else if (message.message.role === "assistant") {
                 // Skip empty AI messages
                 const content = (message.message.content || '').trim();
                 if (!content) {
@@ -28004,7 +28556,7 @@ const MessageList = ({ messages, isTyping = false, showTypingIndicator = true, s
                     return (jsx(ToolMessageGroup, { messages: item.messages }, `tool-group-${index}`));
                 }
                 return (jsx(Message, { message: item.message, showTimestamp: showTimestamps, enableFeedback: enableFeedback, showSources: showSources, sourceDisplayMode: sourceDisplayMode, onFeedback: onFeedback }, item.message.id));
-            }), isTyping && showTypingIndicator && jsx(TypingIndicator, {}), jsx("div", { ref: messagesEndRef })] }));
+            }), isTyping && showTypingIndicator && !hasActiveAction && jsx(TypingIndicator, {}), jsx("div", { ref: messagesEndRef })] }));
 };
 
 // Allowed file types
@@ -28094,7 +28646,6 @@ const ChatWindow = ({ messages, isLoading, isTyping, error, config, onSendMessag
 conversations = [], onLoadConversations, onSwitchConversation, onStartNewConversation, onDeleteConversation, currentConversationId, 
 // Override props for live preview
 headerTitleOverride, welcomeTitleOverride, welcomeMessageOverride, placeholderOverride, suggestedQuestionsOverride, }) => {
-    console.log('[ChatWindow] Rendering ChatWindow component');
     const appearance = config?.appearance;
     const settings = config?.settings;
     // Check if chat history should be shown (requires both persistConversation AND showChatHistory)
@@ -28105,13 +28656,6 @@ headerTitleOverride, welcomeTitleOverride, welcomeMessageOverride, placeholderOv
     const welcomeTitle = welcomeTitleOverride ?? appearance?.welcomeTitle ?? '';
     const welcomeMessage = welcomeMessageOverride ?? appearance?.welcomeMessage ?? '';
     const inputPlaceholder = placeholderOverride ?? appearance?.placeholder ?? 'Ask me anything...';
-    console.log('[ChatWindow] Appearance values:', {
-        size,
-        headerTitle,
-        welcomeTitle,
-        welcomeMessage,
-        inputPlaceholder,
-    });
     // Track if history panel is open
     const [showHistory, setShowHistory] = useState(false);
     // History exit animation when starting a new chat from overview
@@ -28156,7 +28700,7 @@ headerTitleOverride, welcomeTitleOverride, welcomeMessageOverride, placeholderOv
     };
     // Check if message limit is reached
     const maxMessages = settings?.maxMessagesPerSession;
-    const userMessageCount = messages.filter(m => m.message.type === 'human').length;
+    const userMessageCount = messages.filter(m => m.message.role === "user").length;
     const isLimitReached = maxMessages ? userMessageCount >= maxMessages : false;
     const handleQuestionClick = (question) => {
         onSendMessage(question);
@@ -28566,34 +29110,7 @@ function createThemeObserver(element, callback) {
     return observer;
 }
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".ai-chat-widget{--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:18px;--radius-pill:9999px;--radius-window-top:22px;--radius-window-bottom:44px;--radius-window-gutter:16px;--radius-chat-bubble:14px;--radius-preset-badge:13px;--radius-history-item:14px;--radius-action-badge:8px;--radius-input:62px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--text-xs:12px;--text-sm:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.3;--line-height-normal:1.4;--line-height-relaxed:1.6;--bg-primary:#fff;--bg-secondary:#f4f4f4;--bg-tertiary:#e5e7eb;--bg-hover:#e5e7eb;--text-primary:#3e3e3e;--text-secondary:#000;--text-muted:#71717a;--text-placeholder:#a1a1aa;--border-default:#d3d3d3;--border-subtle:#e5e7eb;--border-muted:#f4f4f5;--user-bg:#f4f3f0;--user-text:#000;--user-bg-hover:#e8e7e4;--agent-bg:transparent;--agent-text:#000;--input-bg:#f4f4f4;--input-border:#d3d3d3;--input-text:#000;--btn-primary-bg:#151515;--btn-primary-text:#f4f4f4;--btn-secondary-bg:transparent;--btn-secondary-text:#71717a;--spring-bounce:cubic-bezier(0.34,1.56,0.64,1);--spring-smooth:cubic-bezier(0.4,0,0.2,1);--spring-snappy:cubic-bezier(0.2,0,0,1);--duration-fast:0.15s;--duration-normal:0.25s;--duration-slow:0.35s;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 8px rgba(0,0,0,.1);--shadow-lg:0 4px 16px rgba(0,0,0,.12);--shadow-window:0px 0px 15px 9px rgba(0,0,0,.1);--shadow-button:0px 0px 15px 9px rgba(0,0,0,.03)}.ai-chat-widget.dark{--bg-primary:#282625;--bg-secondary:#4a4846;--bg-tertiary:#484848;--bg-hover:#484848;--text-primary:#fff;--text-secondary:#fff;--text-muted:#a1a1aa;--text-placeholder:#71717a;--border-default:#5d5b5b;--border-subtle:#5d5b5b;--border-muted:#5d5b5b;--user-bg:#484848;--user-text:#fff;--user-bg-hover:#5a5a5a;--agent-bg:transparent;--agent-text:#fff;--input-bg:#4a4846;--input-border:#5d5b5b;--input-text:#fff;--btn-primary-bg:#fff;--btn-primary-text:#312f2d;--btn-secondary-bg:transparent;--btn-secondary-text:#a1a1aa;--shadow-window:0px 0px 15px 9px rgba(0,0,0,.2);--shadow-button:0px 0px 15px 9px rgba(0,0,0,.03);--shadow-input:0px 0px 10px rgba(0,0,0,.15)}.ai-chat-widget{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.ai-chat-widget-container{font-size:var(--text-sm);line-height:1.5;position:fixed;z-index:var(--widget-z-index,9999)}.ai-chat-widget-container.bottom-right{bottom:20px;right:20px}.ai-chat-widget-container.bottom-left{bottom:20px;left:20px}.ai-chat-widget-container.top-right{right:20px;top:20px}.ai-chat-widget-container.top-left{left:20px;top:20px}@keyframes windowOpen{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes windowClose{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes typingPulse{0%,60%,to{opacity:.4;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-4px) scale(1.1)}}@keyframes ai-chat-tool-active{0%,to{background:var(--bg-secondary);opacity:1}50%{background:var(--bg-tertiary);opacity:1}}@keyframes feedbackMorph{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{transform:scale(1.3) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes ai-chat-history-exit{to{opacity:0;transform:translateY(-18px)}}@media (max-width:480px){.ai-chat-window{animation:mobileSlideUp var(--duration-normal) var(--spring-smooth);border-radius:0!important;bottom:0!important;height:100%!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important}@keyframes mobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ai-chat-header{padding-top:max(16px,env(safe-area-inset-top))}.ai-chat-input-container{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.ai-chat-button{align-items:center;background:var(--button-color,var(--btn-primary-bg));border:1px solid var(--button-border-color,var(--button-color,var(--btn-primary-bg)));border-radius:50%;box-shadow:var(--shadow-button,0 0 15px 9px rgba(0,0,0,.03));color:var(--button-icon-color,var(--btn-primary-text));cursor:pointer;display:flex;height:var(--button-size,56px);justify-content:center;overflow:hidden;position:relative;transition:filter var(--duration-fast) ease,transform var(--duration-fast) ease;width:var(--button-size,56px);z-index:1}.ai-chat-button:hover{transform:scale(1.02)}.ai-chat-button:active{transform:scale(.98)}.ai-chat-button-svg{height:50%;min-height:24px;min-width:24px;transition:transform var(--duration-fast) ease;width:50%}.ai-chat-button.is-open .ai-chat-button-svg{transform:rotate(0deg)}.ai-chat-button-icon{font-size:1.5em;line-height:1}.ai-chat-window{animation:windowOpen var(--duration-slow,.35s) var(--spring-bounce,cubic-bezier(.34,1.56,.64,1));background:var(--bg-primary,#fff);border:1px solid var(--border-default,#d3d3d3);border-radius:var(--radius-window-top,22px) var(--radius-window-top,22px) var(--radius-window-bottom,44px) var(--radius-window-bottom,44px);box-shadow:var(--shadow-window,0 0 15px 5px rgba(0,0,0,.08));display:flex;flex-direction:column;overflow:hidden;position:absolute;transform-origin:bottom right;z-index:2}.ai-chat-widget.dark .ai-chat-window{background:var(--bg-primary,#282625);border-color:var(--border-default,#5d5b5b);border-width:.7px}.ai-chat-window.closing{animation:windowClose var(--duration-normal) var(--spring-smooth) forwards}.ai-chat-window.size-small{height:var(--window-height,580px);width:var(--window-width,380px)}.ai-chat-window.size-medium{height:var(--window-height,720px);width:var(--window-width,440px)}.ai-chat-window.size-large{height:var(--window-height,820px);width:var(--window-width,520px)}.ai-chat-widget-container.bottom-right .ai-chat-window{bottom:calc(var(--button-size, 56px) + 8px);right:0}.ai-chat-widget-container.bottom-left .ai-chat-window{bottom:calc(var(--button-size, 56px) + 8px);left:0}.ai-chat-widget-container.top-right .ai-chat-window{right:0;top:calc(var(--button-size, 56px) + 8px)}.ai-chat-widget-container.top-left .ai-chat-window{left:0;top:calc(var(--button-size, 56px) + 8px)}.ai-chat-header{align-items:center;background:var(--bg-primary,#fff);border-bottom:1px solid var(--border-default,#d3d3d3);border-radius:var(--radius-window-top,22px) var(--radius-window-top,22px) 0 0;display:flex;justify-content:space-between;padding:18px var(--space-md,16px);position:relative;z-index:10}.ai-chat-widget.dark .ai-chat-header{background:var(--bg-primary,#282625);border-bottom-color:var(--border-default,#5d5b5b);border-bottom-width:.7px}.ai-chat-header.is-history{padding-left:var(--space-md)}.ai-chat-header.is-history .ai-chat-title{flex:1;min-width:0;overflow:hidden;padding-right:var(--space-lg);text-overflow:ellipsis;white-space:nowrap}.ai-chat-header-content{align-items:center;display:flex;flex:1;gap:var(--space-lg)}.ai-chat-header-actions{align-items:center;display:flex;gap:var(--space-sm)}.ai-chat-logo{border-radius:10px;height:36px;object-fit:cover;width:36px}.ai-chat-title{color:var(--text-primary,#3e3e3e);font-size:var(--text-xl,22px);font-weight:var(--font-weight-bold,700);letter-spacing:-.02em}.ai-chat-widget.dark .ai-chat-title{color:var(--text-primary,#fff)}.ai-chat-close-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:color var(--duration-fast) ease;width:32px}.ai-chat-close-button:hover{color:var(--text-muted)}.ai-chat-close-button:active{transform:scale(.95)}.ai-chat-header-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--duration-fast) ease;width:32px}.ai-chat-header-button:hover{background:var(--bg-secondary);color:var(--text-secondary)}.ai-chat-header-button svg{height:18px;width:18px}.ai-chat-messages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;background:var(--bg-primary,#fff);display:flex;flex:1;flex-direction:column;gap:var(--space-md,16px);justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:var(--space-lg,24px) var(--space-md,16px) 100px;position:relative;scroll-behavior:smooth;scrollbar-width:none}.ai-chat-widget.dark .ai-chat-messages{background:var(--bg-primary,#18181b)}.ai-chat-messages::-webkit-scrollbar{display:none}.ai-chat-message{animation:messageSlideIn var(--duration-normal) var(--spring-bounce);display:flex;flex-direction:column;gap:6px}.ai-chat-message-content{word-wrap:break-word;font-size:var(--text-md);line-height:var(--line-height-relaxed);max-width:85%}.ai-chat-message.user{align-items:flex-end}.ai-chat-message.user .ai-chat-message-content{background:var(--user-bg,#f4f3f0);border:none;border-radius:var(--radius-chat-bubble,15px);box-shadow:none;color:var(--user-text,#000);padding:var(--space-sm,8px) var(--space-md,16px)}.ai-chat-widget.dark .ai-chat-message.user .ai-chat-message-content{background:var(--user-bg,#484848);color:var(--user-text,#fff)}.ai-chat-message.user .ai-chat-message-meta{justify-content:flex-end;padding-right:var(--space-xs)}.ai-chat-message.assistant{align-items:flex-start}.ai-chat-message.assistant .ai-chat-message-content{background:var(--agent-bg,transparent);border:none;color:var(--agent-text,#18181b);padding:0}.ai-chat-widget.dark .ai-chat-message.assistant .ai-chat-message-content{color:var(--agent-text,#fafafa)}.ai-chat-message.system{align-items:center}.ai-chat-message.system .ai-chat-message-content{background:hsla(48,96%,89%,.8);border-radius:var(--radius-md);color:#92400e;font-size:var(--text-xs);font-style:italic;max-width:90%;padding:var(--space-sm) var(--space-md);text-align:center}.ai-chat-widget.dark .ai-chat-message.system .ai-chat-message-content{background:rgba(120,53,15,.5);color:#fef3c7}.ai-chat-message.tool{align-items:flex-start}.ai-chat-message.tool .ai-chat-message-content{background:rgba(219,234,254,.8);border-radius:var(--radius-chat-bubble);border-bottom-left-radius:var(--radius-xs);color:#1e40af;font-family:Courier New,monospace;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.ai-chat-widget.dark .ai-chat-message.tool .ai-chat-message-content{background:rgba(30,58,138,.5);color:#dbeafe}.ai-chat-message-meta{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-sm);padding-left:var(--space-xs)}.ai-chat-message-timestamp{font-size:var(--text-xs);line-height:1}.ai-chat-typing{align-items:center;animation:messageSlideIn var(--duration-normal) var(--spring-bounce);background:transparent;display:flex;gap:5px;padding:0}.ai-chat-typing-dot{animation:typingPulse 1.4s ease-in-out infinite;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.ai-chat-typing-dot:nth-child(2){animation-delay:.15s}.ai-chat-typing-dot:nth-child(3){animation-delay:.3s}.ai-chat-welcome{align-items:stretch;animation:welcomeFadeIn var(--duration-slow) var(--spring-smooth);display:flex;flex-direction:column;justify-content:flex-start;padding:0;text-align:left}.ai-chat-welcome-text,.ai-chat-welcome-title{align-self:flex-start}.ai-chat-welcome-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin-bottom:var(--space-md)}.ai-chat-welcome-text{color:var(--text-secondary);font-size:var(--text-md);line-height:var(--line-height-relaxed);max-width:100%}.ai-chat-error{align-items:flex-start;align-self:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-chat-bubble);color:var(--text-primary);display:flex;font-size:var(--text-md);font-weight:var(--font-weight-normal);gap:10px;line-height:1.5;margin:0 auto;max-width:90%;padding:10px var(--space-md)}.ai-chat-error:before{align-items:center;background:rgba(239,68,68,.15);border-radius:50%;color:#ef4444;content:\"⚠\";display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:700;height:18px;justify-content:center;margin-top:2px;width:18px}.ai-chat-widget.dark .ai-chat-error:before{background:rgba(239,68,68,.2);color:#fca5a5}.ai-chat-message.assistant .ai-chat-message-content p{margin:0 0 12px}.ai-chat-message.assistant .ai-chat-message-content p:last-child{margin-bottom:0}.ai-chat-message.assistant .ai-chat-message-content ol,.ai-chat-message.assistant .ai-chat-message-content ul{margin:8px 0 12px;padding-left:24px}.ai-chat-message.assistant .ai-chat-message-content li{line-height:1.5;margin:6px 0}.ai-chat-message.assistant .ai-chat-message-content strong{font-weight:var(--font-weight-semibold)}.ai-chat-message.assistant .ai-chat-message-content em{font-style:italic}.ai-chat-message.assistant .ai-chat-message-content code{background:rgba(0,0,0,.06);border-radius:var(--radius-sm);font-family:SF Mono,Consolas,Monaco,monospace;font-size:.9em;padding:2px 6px}.ai-chat-widget.dark .ai-chat-message.assistant .ai-chat-message-content code{background:hsla(0,0%,100%,.1)}.ai-chat-message.assistant .ai-chat-message-content pre{background:rgba(0,0,0,.06);border-radius:var(--radius-md);margin:8px 0 12px;overflow-x:auto;padding:var(--space-sm)}.ai-chat-widget.dark .ai-chat-message.assistant .ai-chat-message-content pre{background:hsla(0,0%,100%,.08)}.ai-chat-message.assistant .ai-chat-message-content pre code{background:transparent;border-radius:0;padding:0}.ai-chat-message.assistant .ai-chat-message-content blockquote{border-left:3px solid var(--btn-primary-bg);color:var(--text-muted);margin:8px 0 12px;padding:4px 0 4px 12px}.ai-chat-message.assistant .ai-chat-message-content a{color:var(--btn-primary-bg);text-decoration:underline}.ai-chat-message.assistant .ai-chat-message-content a:hover{opacity:.8}.ai-chat-message.assistant .ai-chat-message-content h1,.ai-chat-message.assistant .ai-chat-message-content h2,.ai-chat-message.assistant .ai-chat-message-content h3,.ai-chat-message.assistant .ai-chat-message-content h4,.ai-chat-message.assistant .ai-chat-message-content h5,.ai-chat-message.assistant .ai-chat-message-content h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:16px 0 8px}.ai-chat-message.assistant .ai-chat-message-content h1:first-child,.ai-chat-message.assistant .ai-chat-message-content h2:first-child,.ai-chat-message.assistant .ai-chat-message-content h3:first-child{margin-top:0}.ai-chat-message.assistant .ai-chat-message-content hr{border:none;border-top:1px solid var(--border-subtle);margin:12px 0}.ai-chat-input-container{background:linear-gradient(to bottom,transparent 0,var(--bg-primary,#fff) 50%,var(--bg-primary,#fff) 100%);bottom:0;left:0;padding-top:30px;position:absolute;right:0;z-index:10}.ai-chat-widget.dark .ai-chat-input-container{background:linear-gradient(to bottom,transparent 0,var(--bg-primary,#282625) 50%,var(--bg-primary,#282625) 100%)}.ai-chat-input-container.separate{padding:0 var(--radius-window-gutter,16px) var(--radius-window-gutter,16px);padding-top:30px}.ai-chat-input-wrapper{align-items:flex-start;background:var(--input-bg,#f4f4f4);border:1px solid var(--input-border,#d3d3d3);border-radius:var(--radius-input,62px);display:flex;gap:0;height:52px;padding:6px 6px 6px 12px;position:relative;transition:all var(--duration-fast,.15s) ease;z-index:5}.ai-chat-widget.dark .ai-chat-input-wrapper{background:var(--input-bg,#4a4846);border-color:var(--input-border,#5d5b5b);border-width:.7px;box-shadow:var(--shadow-input,0 0 10px rgba(0,0,0,.15))}.ai-chat-input-wrapper:focus-within{border-color:var(--text-muted,#a1a1aa)}.ai-chat-input{word-wrap:break-word;background:transparent;border:none;box-sizing:border-box;color:var(--input-text,#000);flex:1;font-family:inherit;font-size:var(--text-md,15px);height:40px;line-height:20px;max-height:40px;min-height:40px;min-width:0;outline:none;overflow-wrap:anywhere;overflow-x:hidden;overflow-y:auto;padding:10px var(--space-sm,8px);resize:none;white-space:pre-wrap;width:0;word-break:break-word}.ai-chat-widget.dark .ai-chat-input{color:var(--input-text,#fff)}.ai-chat-input::placeholder{color:var(--text-placeholder,#a1a1aa)}.ai-chat-widget.dark .ai-chat-input::placeholder{color:var(--text-placeholder,#52525b)}.ai-chat-file-button{align-items:center;align-self:center;background:transparent;border:none;color:var(--text-placeholder);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:color var(--duration-fast) ease;width:28px}.ai-chat-file-button:hover{color:var(--text-secondary)}.ai-chat-file-button:disabled{cursor:not-allowed;opacity:.5}.ai-chat-send-button{align-items:center;align-self:center;background:var(--send-button-background,var(--primary-color,var(--button-color,var(--btn-primary-bg,#151515))));border:none;border-radius:50%;color:var(--button-icon-color,var(--btn-primary-text,#f4f4f4));cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all var(--duration-fast,.15s) ease;width:40px}.ai-chat-widget.dark .ai-chat-send-button{background:var(--send-button-background,var(--primary-color,var(--button-color,var(--btn-primary-bg,#fff))));color:var(--button-icon-color,var(--btn-primary-text,#312f2d))}.ai-chat-send-button.active{background:var(--send-button-background,var(--primary-color,var(--button-color,var(--btn-primary-bg,#151515))));color:var(--button-icon-color,var(--btn-primary-text,#f4f4f4))}.ai-chat-widget.dark .ai-chat-send-button.active{background:var(--send-button-background,var(--primary-color,var(--button-color,var(--btn-primary-bg,#fff))));color:var(--button-icon-color,var(--btn-primary-text,#312f2d))}.ai-chat-send-button:hover:not(:disabled){opacity:.8}.ai-chat-send-button:active:not(:disabled){transform:scale(.95)}.ai-chat-send-button:disabled{cursor:not-allowed;opacity:.3}.ai-chat-file-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm)}.ai-chat-file-item{align-items:center;background:rgba(0,0,0,.05);border-radius:6px;display:flex;font-size:var(--text-xs);gap:var(--space-sm);padding:6px 10px}.ai-chat-file-extension{background:var(--btn-primary-bg);border-radius:3px;color:var(--btn-primary-text);display:inline-block;font-size:10px;font-weight:var(--font-weight-semibold);min-width:40px;padding:2px 6px;text-align:center;text-transform:uppercase}.ai-chat-file-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.ai-chat-file-name{font-weight:var(--font-weight-medium);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-file-size{color:var(--text-muted);font-size:10px;opacity:.7}.ai-chat-file-remove{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;opacity:.5;padding:var(--space-xs);transition:opacity var(--duration-fast) ease}.ai-chat-file-remove:hover{opacity:1}.ai-chat-suggested-questions{align-self:flex-end;margin:0;padding:16px 0 0;width:100%}.ai-chat-suggested-questions-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.ai-chat-suggested-question{background:var(--primary-color,var(--button-color,var(--user-bg,#f4f3f0)));border:none;border-radius:var(--radius-preset-badge,13px);color:var(--button-icon-color,var(--user-text,#000));cursor:pointer;font-size:14px;font-weight:400;line-height:1.3;max-width:100%;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;transition:background .15s ease,opacity .15s ease;white-space:nowrap}.ai-chat-widget.dark .ai-chat-suggested-question{background:var(--primary-color,var(--button-color,var(--user-bg,#484848)));color:var(--button-icon-color,var(--user-text,#fff))}.ai-chat-suggested-question-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-suggested-question:hover{filter:brightness(.9)}.ai-chat-widget.dark .ai-chat-suggested-question:hover{filter:brightness(1.15)}.ai-chat-suggested-question:active{transform:scale(.98)}.ai-chat-suggested-question-icon{display:none}.ai-chat-feedback-buttons{align-items:center;display:flex;gap:var(--space-xs)}.ai-chat-feedback{align-items:center;display:inline-flex;gap:0;height:20px}.ai-chat-feedback-button{align-items:center;background:transparent!important;border:none;border-radius:var(--radius-sm);color:var(--text-placeholder);cursor:pointer;display:flex;font-size:var(--text-sm);height:20px;justify-content:center;padding:var(--space-xs);transition:all var(--duration-fast) var(--spring-bounce)}.ai-chat-feedback-button:hover:not(:disabled){background:none!important;color:var(--text-secondary)}.ai-chat-feedback-button:active:not(:disabled){transform:scale(.9)}.ai-chat-feedback-button:disabled{cursor:not-allowed;opacity:.4}.ai-chat-feedback-button.active{background:none!important;color:var(--text-primary)}.ai-chat-feedback-submitted{align-items:center;animation:feedbackMorph .3s var(--spring-bounce);display:flex;gap:6px}.ai-chat-feedback-checkmark{animation:checkmarkPop .3s var(--spring-bounce);color:#10b981;font-size:var(--text-md);font-weight:700}.ai-chat-feedback-text{color:#10b981;font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.ai-chat-history-panel{background:var(--bg-primary,#fff);display:flex;flex:1;flex-direction:column;overflow:hidden}.ai-chat-widget.dark .ai-chat-history-panel{background:var(--bg-primary,#18181b)}.ai-chat-history-empty,.ai-chat-history-loading{align-items:center;color:var(--text-muted);display:flex;flex:1;font-size:var(--text-sm);justify-content:center;padding:var(--space-lg);text-align:center}.ai-chat-history-list{-ms-overflow-style:none;display:flex;flex:1;flex-direction:column;gap:var(--space-sm);overflow-y:auto;padding:var(--space-md) var(--space-md) 120px;scrollbar-width:none}.ai-chat-history-list::-webkit-scrollbar{display:none}.ai-chat-history-list.exiting{animation:ai-chat-history-exit .22s var(--spring-smooth) forwards}.ai-chat-history-item{align-items:center;background:var(--user-bg,#f4f4f5);border-radius:var(--radius-history-item,15px);display:flex;flex-direction:row;margin:0;overflow:hidden;transition:background var(--duration-fast,.15s) ease;width:100%}.ai-chat-history-item-content{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex:1;flex-direction:row;height:36px;min-width:0;padding:0 3px 0 16px;text-align:left}.ai-chat-widget.dark .ai-chat-history-item{background:var(--user-bg,#27272a)}.ai-chat-history-item:hover{background:var(--user-bg-hover,#e5e7eb)}.ai-chat-widget.dark .ai-chat-history-item:hover{background:var(--user-bg-hover,#3f3f46)}.ai-chat-history-item.active{background:var(--user-bg-hover,#e5e7eb)}.ai-chat-widget.dark .ai-chat-history-item.active{background:var(--user-bg-hover,#3f3f46)}.ai-chat-history-item-preview{color:var(--text-primary,#18181b);flex:1;font-size:var(--text-sm,14px);font-weight:var(--font-weight-medium,500);line-height:var(--line-height-normal,1.4);margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-widget.dark .ai-chat-history-item-preview{color:var(--text-primary,#fafafa)}.ai-chat-history-item.active .ai-chat-history-item-preview{font-weight:var(--font-weight-medium)}.ai-chat-history-item-meta{display:none}.ai-chat-history-item-delete{align-items:center;background:transparent;border:none;color:var(--text-muted,#71717a);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:4px;opacity:0;transition:opacity var(--duration-fast,.15s) ease,color var(--duration-fast,.15s) ease;width:32px}.ai-chat-history-item:hover .ai-chat-history-item-delete{opacity:1}.ai-chat-history-item-delete:hover{color:var(--text-primary,#18181b)}.ai-chat-widget.dark .ai-chat-history-item-delete:hover{color:var(--text-primary,#fafafa)}.ai-chat-tool-row{align-items:center;display:flex;gap:10px;margin:2px 0}.ai-chat-tool-gear{color:var(--text-primary);flex-shrink:0;height:20px;width:20px}.ai-chat-tool-gear.spinning{animation:ai-chat-gear-spin 1.5s linear infinite}.ai-chat-tool-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ai-chat-tool-badge{align-items:center;border-radius:var(--radius-action-badge,3px);display:inline-flex;font-size:12px;font-weight:500;gap:4px;line-height:1.2;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.ai-chat-tool-badge.loading{animation:ai-chat-tool-gradient 2s linear infinite;background:linear-gradient(90deg,var(--tool-loading-bg-1,#e0e0e0) 0,var(--tool-loading-bg-2,#f0f0f0) 25%,var(--tool-loading-bg-3,#fff) 50%,var(--tool-loading-bg-2,#f0f0f0) 75%,var(--tool-loading-bg-1,#e0e0e0) 100%);background-size:200% 100%;color:var(--tool-loading-text,#1a1a1a);position:relative}.ai-chat-widget:not(.dark) .ai-chat-tool-badge.loading{--tool-loading-bg-1:#2a2a2a;--tool-loading-bg-2:#3a3a3a;--tool-loading-bg-3:#4a4a4a;--tool-loading-text:#fff}.ai-chat-tool-badge.completed{background:var(--tool-completed-bg,hsla(0,0%,100%,.12));color:var(--tool-completed-text,hsla(0,0%,100%,.9))}.ai-chat-widget:not(.dark) .ai-chat-tool-badge.completed{--tool-completed-bg:rgba(0,0,0,.08);--tool-completed-text:rgba(0,0,0,.8)}.ai-chat-tool-badge.error{background:var(--tool-error-bg,rgba(239,68,68,.15));color:var(--tool-error-text,#ef4444)}.ai-chat-tool-badge .ai-chat-tool-check{color:#22c55e;flex-shrink:0}.ai-chat-tool-badge .ai-chat-tool-error{color:#ef4444;flex-shrink:0}.tool-name{font-weight:500;line-height:1.2;white-space:nowrap}@keyframes ai-chat-gear-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ai-chat-tool-gradient{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ai-chat-tool-check-appear{0%{opacity:0;transform:scale(.5)}to{opacity:.7;transform:scale(1)}}.ai-chat-sources{background:rgba(0,0,0,.02);border-radius:6px;font-size:var(--text-xs);margin-top:var(--space-sm);overflow:hidden}.ai-chat-sources-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:6px;padding:var(--space-sm) 10px;text-align:left;transition:background var(--duration-fast) ease;width:100%}.ai-chat-sources-toggle:hover{background:rgba(0,0,0,.03)}.ai-chat-sources-icon{color:var(--text-muted);font-size:10px;transition:transform var(--duration-fast) ease}.ai-chat-sources-title{color:var(--text-primary);flex:1;font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.ai-chat-source-item{border-top:1px solid rgba(0,0,0,.05);color:var(--text-muted);display:flex;gap:var(--space-sm);padding:var(--space-sm) 10px}.ai-chat-source-item:last-child{border-bottom:none}.ai-chat-source-number{color:var(--btn-primary-bg);flex-shrink:0;font-weight:var(--font-weight-semibold)}.ai-chat-source-details{display:flex;flex:1;flex-direction:column;gap:var(--space-xs)}.ai-chat-source-score{color:var(--text-placeholder);font-size:11px}.ai-chat-source-content{color:var(--text-muted);font-size:11px;font-style:italic;line-height:var(--line-height-normal)}.ai-chat-source-metadata{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.ai-chat-source-meta-item{background:rgba(0,0,0,.05);border-radius:3px;color:var(--text-muted);font-size:10px;padding:2px 6px}";
+var css_248z = ".ai-chat-widget{--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:18px;--radius-pill:9999px;--radius-window-top:22px;--radius-window-bottom:44px;--radius-window-gutter:16px;--radius-chat-bubble:14px;--radius-preset-badge:13px;--radius-history-item:14px;--radius-action-badge:8px;--radius-input:62px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--text-xs:12px;--text-sm:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.3;--line-height-normal:1.4;--line-height-relaxed:1.6;--bg-primary:#fff;--bg-secondary:#f4f4f4;--bg-tertiary:#e5e7eb;--bg-hover:#e5e7eb;--text-primary:#3e3e3e;--text-secondary:#000;--text-muted:#71717a;--text-placeholder:#a1a1aa;--border-default:#d3d3d3;--border-subtle:#e5e7eb;--border-muted:#f4f4f5;--user-bg:#f4f3f0;--user-text:#000;--user-bg-hover:#e8e7e4;--agent-bg:transparent;--agent-text:#000;--input-bg:#f4f4f4;--input-border:#d3d3d3;--input-text:#000;--btn-primary-bg:#151515;--btn-primary-text:#f4f4f4;--btn-secondary-bg:transparent;--btn-secondary-text:#71717a;--spring-bounce:cubic-bezier(0.34,1.56,0.64,1);--spring-smooth:cubic-bezier(0.4,0,0.2,1);--spring-snappy:cubic-bezier(0.2,0,0,1);--duration-fast:0.15s;--duration-normal:0.25s;--duration-slow:0.35s;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 8px rgba(0,0,0,.1);--shadow-lg:0 4px 16px rgba(0,0,0,.12);--shadow-window:0px 0px 15px 9px rgba(0,0,0,.1);--shadow-button:0px 0px 15px 9px rgba(0,0,0,.03)}.ai-chat-widget.dark{--bg-primary:#282625;--bg-secondary:#4a4846;--bg-tertiary:#484848;--bg-hover:#484848;--text-primary:#fff;--text-secondary:#fff;--text-muted:#a1a1aa;--text-placeholder:#71717a;--border-default:#5d5b5b;--border-subtle:#5d5b5b;--border-muted:#5d5b5b;--user-bg:#484848;--user-text:#fff;--user-bg-hover:#5a5a5a;--agent-bg:transparent;--agent-text:#fff;--input-bg:#4a4846;--input-border:#5d5b5b;--input-text:#fff;--btn-primary-bg:#fff;--btn-primary-text:#312f2d;--btn-secondary-bg:transparent;--btn-secondary-text:#a1a1aa;--shadow-window:0px 0px 15px 9px rgba(0,0,0,.2);--shadow-button:0px 0px 15px 9px rgba(0,0,0,.03);--shadow-input:0px 0px 10px rgba(0,0,0,.15)}.ai-chat-widget{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.ai-chat-widget-container{font-size:var(--text-sm);line-height:1.5;position:fixed;z-index:var(--widget-z-index,9999)}.ai-chat-widget-container.bottom-right{bottom:20px;right:20px}.ai-chat-widget-container.bottom-left{bottom:20px;left:20px}.ai-chat-widget-container.top-right{right:20px;top:20px}.ai-chat-widget-container.top-left{left:20px;top:20px}@keyframes windowOpen{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes windowClose{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes typingPulse{0%,60%,to{opacity:.4;transform:translateY(0) scale(1)}30%{opacity:1;transform:translateY(-4px) scale(1.1)}}@keyframes ai-chat-tool-active{0%,to{background:var(--bg-secondary);opacity:1}50%{background:var(--bg-tertiary);opacity:1}}@keyframes feedbackMorph{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{transform:scale(1.3) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes ai-chat-history-exit{to{opacity:0;transform:translateY(-18px)}}@media (max-width:480px){.ai-chat-window{animation:mobileSlideUp var(--duration-normal) var(--spring-smooth);border-radius:0!important;bottom:0!important;height:100%!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important}@keyframes mobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ai-chat-header{padding-top:max(16px,env(safe-area-inset-top))}.ai-chat-input-container{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.ai-chat-button{align-items:center;background:var(--button-color,var(--btn-primary-bg));border:1px solid var(--button-border-color,var(--button-color,var(--btn-primary-bg)));border-radius:50%;box-shadow:var(--shadow-button,0 0 15px 9px rgba(0,0,0,.03));color:var(--button-icon-color,var(--btn-primary-text));cursor:pointer;display:flex;height:var(--button-size,56px);justify-content:center;overflow:hidden;position:relative;transition:filter var(--duration-fast) ease,transform var(--duration-fast) ease;width:var(--button-size,56px);z-index:1}.ai-chat-button:hover{transform:scale(1.02)}.ai-chat-button:active{transform:scale(.98)}.ai-chat-button-svg{height:50%;min-height:24px;min-width:24px;transition:transform var(--duration-fast) ease;width:50%}.ai-chat-button.is-open .ai-chat-button-svg{transform:rotate(0deg)}.ai-chat-button-icon{font-size:1.5em;line-height:1}.ai-chat-window{animation:windowOpen var(--duration-slow,.35s) var(--spring-bounce,cubic-bezier(.34,1.56,.64,1));background:var(--bg-primary,#fff);border:1px solid var(--border-default,#d3d3d3);border-radius:var(--radius-window-top,22px) var(--radius-window-top,22px) var(--radius-window-bottom,44px) var(--radius-window-bottom,44px);box-shadow:var(--shadow-window,0 0 15px 5px rgba(0,0,0,.08));display:flex;flex-direction:column;overflow:hidden;position:absolute;transform-origin:bottom right;z-index:2}.ai-chat-widget.dark .ai-chat-window{background:var(--bg-primary,#282625);border-color:var(--border-default,#5d5b5b);border-width:.7px}.ai-chat-window.closing{animation:windowClose var(--duration-normal) var(--spring-smooth) forwards}.ai-chat-window.size-small{height:var(--window-height,580px);width:var(--window-width,380px)}.ai-chat-window.size-medium{height:var(--window-height,720px);width:var(--window-width,440px)}.ai-chat-window.size-large{height:var(--window-height,820px);width:var(--window-width,520px)}.ai-chat-widget-container.bottom-right .ai-chat-window{bottom:calc(var(--button-size, 56px) + 8px);right:0}.ai-chat-widget-container.bottom-left .ai-chat-window{bottom:calc(var(--button-size, 56px) + 8px);left:0}.ai-chat-widget-container.top-right .ai-chat-window{right:0;top:calc(var(--button-size, 56px) + 8px)}.ai-chat-widget-container.top-left .ai-chat-window{left:0;top:calc(var(--button-size, 56px) + 8px)}.ai-chat-header{align-items:center;background:var(--bg-primary,#fff);border-bottom:1px solid var(--border-default,#d3d3d3);border-radius:var(--radius-window-top,22px) var(--radius-window-top,22px) 0 0;display:flex;justify-content:space-between;padding:18px var(--space-md,16px);position:relative;z-index:10}.ai-chat-widget.dark .ai-chat-header{background:var(--bg-primary,#282625);border-bottom-color:var(--border-default,#5d5b5b);border-bottom-width:.7px}.ai-chat-header.is-history{padding-left:var(--space-md)}.ai-chat-header.is-history .ai-chat-title{flex:1;min-width:0;overflow:hidden;padding-right:var(--space-lg);text-overflow:ellipsis;white-space:nowrap}.ai-chat-header-content{align-items:center;display:flex;flex:1;gap:var(--space-lg)}.ai-chat-header-actions{align-items:center;display:flex;gap:var(--space-sm)}.ai-chat-logo{border-radius:10px;height:36px;object-fit:cover;width:36px}.ai-chat-title{color:var(--text-primary,#3e3e3e);font-size:var(--text-xl,22px);font-weight:var(--font-weight-bold,700);letter-spacing:-.02em}.ai-chat-widget.dark .ai-chat-title{color:var(--text-primary,#fff)}.ai-chat-close-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:color var(--duration-fast) ease;width:32px}.ai-chat-close-button:hover{color:var(--text-muted)}.ai-chat-close-button:active{transform:scale(.95)}.ai-chat-header-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--duration-fast) ease;width:32px}.ai-chat-header-button:hover{background:var(--bg-secondary);color:var(--text-secondary)}.ai-chat-header-button svg{height:18px;width:18px}.ai-chat-messages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;background:var(--bg-primary,#fff);display:flex;flex:1;flex-direction:column;gap:var(--space-md,16px);justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:var(--space-lg,24px) var(--space-md,16px) 100px;position:relative;scroll-behavior:smooth;scrollbar-width:none}.ai-chat-widget.dark .ai-chat-messages{background:var(--bg-primary,#18181b)}.ai-chat-messages::-webkit-scrollbar{display:none}.ai-chat-message{animation:messageSlideIn var(--duration-normal) var(--spring-bounce);display:flex;flex-direction:column;gap:6px}.ai-chat-message-content{word-wrap:break-word;font-size:var(--text-md);line-height:var(--line-height-relaxed);max-width:85%}.ai-chat-message.user{align-items:flex-end}.ai-chat-message.user .ai-chat-message-content{background:var(--user-bg,#f4f3f0);border:none;border-radius:var(--radius-chat-bubble,15px);box-shadow:none;color:var(--user-text,#000);padding:var(--space-sm,8px) var(--space-md,16px)}.ai-chat-widget.dark .ai-chat-message.user .ai-chat-message-content{background:var(--user-bg,#484848);color:var(--user-text,#fff)}.ai-chat-message.user .ai-chat-message-meta{justify-content:flex-end;padding-right:var(--space-xs)}.ai-chat-message.assistant{align-items:flex-start}.ai-chat-message.assistant .ai-chat-message-content{background:var(--agent-bg,transparent);border:none;color:var(--agent-text,#18181b);padding:0}.ai-chat-widget.dark .ai-chat-message.assistant .ai-chat-message-content{color:var(--agent-text,#fafafa)}.ai-chat-message.system{align-items:center}.ai-chat-message.system .ai-chat-message-content{background:hsla(48,96%,89%,.8);border-radius:var(--radius-md);color:#92400e;font-size:var(--text-xs);font-style:italic;max-width:90%;padding:var(--space-sm) var(--space-md);text-align:center}.ai-chat-widget.dark .ai-chat-message.system .ai-chat-message-content{background:rgba(120,53,15,.5);color:#fef3c7}.ai-chat-message.tool{align-items:flex-start}.ai-chat-message.tool .ai-chat-message-content{background:rgba(219,234,254,.8);border-radius:var(--radius-chat-bubble);border-bottom-left-radius:var(--radius-xs);color:#1e40af;font-family:Courier New,monospace;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.ai-chat-widget.dark .ai-chat-message.tool .ai-chat-message-content{background:rgba(30,58,138,.5);color:#dbeafe}.ai-chat-message-meta{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-sm);padding-left:var(--space-xs)}.ai-chat-message-timestamp{font-size:var(--text-xs);line-height:1}.ai-chat-typing{align-items:center;animation:messageSlideIn var(--duration-normal) var(--spring-bounce);background:transparent;display:flex;gap:5px;padding:0}.ai-chat-typing-dot{animation:typingPulse 1.4s ease-in-out infinite;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.ai-chat-typing-dot:nth-child(2){animation-delay:.15s}.ai-chat-typing-dot:nth-child(3){animation-delay:.3s}.ai-chat-welcome{align-items:stretch;animation:welcomeFadeIn var(--duration-slow) var(--spring-smooth);display:flex;flex-direction:column;justify-content:flex-start;padding:0;text-align:left}.ai-chat-welcome-text,.ai-chat-welcome-title{align-self:flex-start}.ai-chat-welcome-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin-bottom:var(--space-md)}.ai-chat-welcome-text{color:var(--text-secondary);font-size:var(--text-md);line-height:var(--line-height-relaxed);max-width:100%}.ai-chat-error{align-items:flex-start;align-self:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-chat-bubble);color:var(--text-primary);display:flex;font-size:var(--text-md);font-weight:var(--font-weight-normal);gap:10px;line-height:1.5;margin:0 auto;max-width:90%;padding:10px var(--space-md)}.ai-chat-error:before{align-items:center;background:rgba(239,68,68,.15);border-radius:50%;color:#ef4444;content:\"⚠\";display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:700;height:18px;justify-content:center;margin-top:2px;width:18px}.ai-chat-widget.dark .ai-chat-error:before{background:rgba(239,68,68,.2);color:#fca5a5}.ai-chat-message.assistant .ai-chat-message-content p{margin:0 0 12px}.ai-chat-message.assistant .ai-chat-message-content p:last-child{margin-bottom:0}.ai-chat-message.assistant .ai-chat-message-content ol,.ai-chat-message.assistant .ai-chat-message-content ul{margin:8px 0 12px;padding-left:24px}.ai-chat-message.assistant .ai-chat-message-content li{line-height:1.5;margin:6px 0}.ai-chat-message.assistant .ai-chat-message-content strong{font-weight:var(--font-weight-semibold)}.ai-chat-message.assistant .ai-chat-message-content em{font-style:italic}.ai-chat-message.assistant .ai-chat-message-content code{background:rgba(0,0,0,.06);border-radius:var(--radius-sm);font-family:SF Mono,Consolas,Monaco,monospace;font-size:.9em;padding:2px 6px}.ai-chat-widget.dark .ai-chat-message.assistant .ai-chat-message-content code{background:hsla(0,0%,100%,.1)}.ai-chat-message.assistant .ai-chat-message-content pre{background:rgba(0,0,0,.06);border-radius:var(--radius-md);margin:8px 0 12px;overflow-x:auto;padding:var(--space-sm)}.ai-chat-widget.dark .ai-chat-message.assistant .ai-chat-message-content pre{background:hsla(0,0%,100%,.08)}.ai-chat-message.assistant .ai-chat-message-content pre code{background:transparent;border-radius:0;padding:0}.ai-chat-message.assistant .ai-chat-message-content blockquote{border-left:3px solid var(--btn-primary-bg);color:var(--text-muted);margin:8px 0 12px;padding:4px 0 4px 12px}.ai-chat-message.assistant .ai-chat-message-content a{color:var(--btn-primary-bg);text-decoration:underline}.ai-chat-message.assistant .ai-chat-message-content a:hover{opacity:.8}.ai-chat-message.assistant .ai-chat-message-content h1,.ai-chat-message.assistant .ai-chat-message-content h2,.ai-chat-message.assistant .ai-chat-message-content h3,.ai-chat-message.assistant .ai-chat-message-content h4,.ai-chat-message.assistant .ai-chat-message-content h5,.ai-chat-message.assistant .ai-chat-message-content h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:16px 0 8px}.ai-chat-message.assistant .ai-chat-message-content h1:first-child,.ai-chat-message.assistant .ai-chat-message-content h2:first-child,.ai-chat-message.assistant .ai-chat-message-content h3:first-child{margin-top:0}.ai-chat-message.assistant .ai-chat-message-content hr{border:none;border-top:1px solid var(--border-subtle);margin:12px 0}.ai-chat-input-container{background:linear-gradient(to bottom,transparent 0,var(--bg-primary,#fff) 50%,var(--bg-primary,#fff) 100%);bottom:0;left:0;padding-top:30px;position:absolute;right:0;z-index:10}.ai-chat-widget.dark .ai-chat-input-container{background:linear-gradient(to bottom,transparent 0,var(--bg-primary,#282625) 50%,var(--bg-primary,#282625) 100%)}.ai-chat-input-container.separate{padding:0 var(--radius-window-gutter,16px) var(--radius-window-gutter,16px);padding-top:30px}.ai-chat-input-wrapper{align-items:flex-start;background:var(--input-bg,#f4f4f4);border:1px solid var(--input-border,#d3d3d3);border-radius:var(--radius-input,62px);display:flex;gap:0;height:52px;padding:6px 6px 6px 12px;position:relative;transition:all var(--duration-fast,.15s) ease;z-index:5}.ai-chat-widget.dark .ai-chat-input-wrapper{background:var(--input-bg,#4a4846);border-color:var(--input-border,#5d5b5b);border-width:.7px;box-shadow:var(--shadow-input,0 0 10px rgba(0,0,0,.15))}.ai-chat-input-wrapper:focus-within{border-color:var(--text-muted,#a1a1aa)}.ai-chat-input{word-wrap:break-word;background:transparent;border:none;box-sizing:border-box;color:var(--input-text,#000);flex:1;font-family:inherit;font-size:var(--text-md,15px);height:40px;line-height:20px;max-height:40px;min-height:40px;min-width:0;outline:none;overflow-wrap:anywhere;overflow-x:hidden;overflow-y:auto;padding:10px var(--space-sm,8px);resize:none;white-space:pre-wrap;width:0;word-break:break-word}.ai-chat-widget.dark .ai-chat-input{color:var(--input-text,#fff)}.ai-chat-input::placeholder{color:var(--text-placeholder,#a1a1aa)}.ai-chat-widget.dark .ai-chat-input::placeholder{color:var(--text-placeholder,#52525b)}.ai-chat-file-button{align-items:center;align-self:center;background:transparent;border:none;color:var(--text-placeholder);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:color var(--duration-fast) ease;width:28px}.ai-chat-file-button:hover{color:var(--text-secondary)}.ai-chat-file-button:disabled{cursor:not-allowed;opacity:.5}.ai-chat-send-button{align-items:center;align-self:center;background:var(--send-button-background,var(--primary-color,var(--button-color,var(--btn-primary-bg,#151515))));border:none;border-radius:50%;color:var(--button-icon-color,var(--btn-primary-text,#f4f4f4));cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all var(--duration-fast,.15s) ease;width:40px}.ai-chat-widget.dark .ai-chat-send-button{background:var(--send-button-background,var(--primary-color,var(--button-color,var(--btn-primary-bg,#fff))));color:var(--button-icon-color,var(--btn-primary-text,#312f2d))}.ai-chat-send-button.active{background:var(--send-button-background,var(--primary-color,var(--button-color,var(--btn-primary-bg,#151515))));color:var(--button-icon-color,var(--btn-primary-text,#f4f4f4))}.ai-chat-widget.dark .ai-chat-send-button.active{background:var(--send-button-background,var(--primary-color,var(--button-color,var(--btn-primary-bg,#fff))));color:var(--button-icon-color,var(--btn-primary-text,#312f2d))}.ai-chat-send-button:hover:not(:disabled){opacity:.8}.ai-chat-send-button:active:not(:disabled){transform:scale(.95)}.ai-chat-send-button:disabled{cursor:not-allowed;opacity:.3}.ai-chat-file-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm)}.ai-chat-file-item{align-items:center;background:rgba(0,0,0,.05);border-radius:6px;display:flex;font-size:var(--text-xs);gap:var(--space-sm);padding:6px 10px}.ai-chat-file-extension{background:var(--btn-primary-bg);border-radius:3px;color:var(--btn-primary-text);display:inline-block;font-size:10px;font-weight:var(--font-weight-semibold);min-width:40px;padding:2px 6px;text-align:center;text-transform:uppercase}.ai-chat-file-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.ai-chat-file-name{font-weight:var(--font-weight-medium);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-file-size{color:var(--text-muted);font-size:10px;opacity:.7}.ai-chat-file-remove{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;opacity:.5;padding:var(--space-xs);transition:opacity var(--duration-fast) ease}.ai-chat-file-remove:hover{opacity:1}.ai-chat-suggested-questions{align-self:flex-end;margin:0;padding:16px 0 0;width:100%}.ai-chat-suggested-questions-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.ai-chat-suggested-question{background:var(--primary-color,var(--button-color,var(--user-bg,#f4f3f0)));border:none;border-radius:var(--radius-preset-badge,13px);color:var(--button-icon-color,var(--user-text,#000));cursor:pointer;font-size:14px;font-weight:400;line-height:1.3;max-width:100%;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;transition:background .15s ease,opacity .15s ease;white-space:nowrap}.ai-chat-widget.dark .ai-chat-suggested-question{background:var(--primary-color,var(--button-color,var(--user-bg,#484848)));color:var(--button-icon-color,var(--user-text,#fff))}.ai-chat-suggested-question-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-suggested-question:hover{filter:brightness(.9)}.ai-chat-widget.dark .ai-chat-suggested-question:hover{filter:brightness(1.15)}.ai-chat-suggested-question:active{transform:scale(.98)}.ai-chat-suggested-question-icon{display:none}.ai-chat-feedback-buttons{align-items:center;display:flex;gap:var(--space-xs)}.ai-chat-feedback{align-items:center;display:inline-flex;gap:0;height:20px}.ai-chat-feedback-button{align-items:center;background:transparent!important;border:none;border-radius:var(--radius-sm);color:var(--text-placeholder);cursor:pointer;display:flex;font-size:var(--text-sm);height:20px;justify-content:center;padding:var(--space-xs);transition:all var(--duration-fast) var(--spring-bounce)}.ai-chat-feedback-button:hover:not(:disabled){background:none!important;color:var(--text-secondary)}.ai-chat-feedback-button:active:not(:disabled){transform:scale(.9)}.ai-chat-feedback-button:disabled{cursor:not-allowed;opacity:.4}.ai-chat-feedback-button.active{background:none!important;color:var(--text-primary)}.ai-chat-feedback-submitted{align-items:center;animation:feedbackMorph .3s var(--spring-bounce);display:flex;gap:6px}.ai-chat-feedback-checkmark{animation:checkmarkPop .3s var(--spring-bounce);color:#10b981;font-size:var(--text-md);font-weight:700}.ai-chat-feedback-text{color:#10b981;font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.ai-chat-history-panel{background:var(--bg-primary,#fff);display:flex;flex:1;flex-direction:column;overflow:hidden}.ai-chat-widget.dark .ai-chat-history-panel{background:var(--bg-primary,#18181b)}.ai-chat-history-empty,.ai-chat-history-loading{align-items:center;color:var(--text-muted);display:flex;flex:1;font-size:var(--text-sm);justify-content:center;padding:var(--space-lg);text-align:center}.ai-chat-history-list{-ms-overflow-style:none;display:flex;flex:1;flex-direction:column;gap:var(--space-sm);overflow-y:auto;padding:var(--space-md) var(--space-md) 120px;scrollbar-width:none}.ai-chat-history-list::-webkit-scrollbar{display:none}.ai-chat-history-list.exiting{animation:ai-chat-history-exit .22s var(--spring-smooth) forwards}.ai-chat-history-item{align-items:center;background:var(--user-bg,#f4f4f5);border-radius:var(--radius-history-item,15px);display:flex;flex:0 0 auto;flex-direction:row;height:var(--history-item-height,44px);margin:0;overflow:hidden;transition:background var(--duration-fast,.15s) ease;width:100%}.ai-chat-history-item-content{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex:1;flex-direction:row;height:100%;min-width:0;padding:0 3px 0 16px;text-align:left}.ai-chat-widget.dark .ai-chat-history-item{background:var(--user-bg,#27272a)}.ai-chat-history-item:hover{background:var(--user-bg-hover,#e5e7eb)}.ai-chat-widget.dark .ai-chat-history-item:hover{background:var(--user-bg-hover,#3f3f46)}.ai-chat-history-item.active{background:var(--user-bg-hover,#e5e7eb)}.ai-chat-widget.dark .ai-chat-history-item.active{background:var(--user-bg-hover,#3f3f46)}.ai-chat-history-item-preview{color:var(--text-primary,#18181b);flex:1;font-size:var(--text-sm,14px);font-weight:var(--font-weight-medium,500);line-height:var(--line-height-normal,1.4);margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-widget.dark .ai-chat-history-item-preview{color:var(--text-primary,#fafafa)}.ai-chat-history-item.active .ai-chat-history-item-preview{font-weight:var(--font-weight-medium)}.ai-chat-history-item-meta{display:none}.ai-chat-history-item-delete{align-items:center;background:transparent;border:none;color:var(--text-muted,#71717a);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:4px;opacity:0;transition:opacity var(--duration-fast,.15s) ease,color var(--duration-fast,.15s) ease;width:32px}.ai-chat-history-item:hover .ai-chat-history-item-delete{opacity:1}.ai-chat-history-item-delete:hover{color:var(--text-primary,#18181b)}.ai-chat-widget.dark .ai-chat-history-item-delete:hover{color:var(--text-primary,#fafafa)}.ai-chat-tool-row{align-items:center;display:flex;gap:10px;margin:2px 0}.ai-chat-tool-gear{color:var(--text-primary);flex-shrink:0;height:20px;width:20px}.ai-chat-tool-gear.spinning{animation:ai-chat-gear-spin 1.5s linear infinite}.ai-chat-tool-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ai-chat-tool-badge{align-items:center;border-radius:var(--radius-action-badge,3px);display:inline-flex;font-size:12px;font-weight:500;gap:4px;line-height:1.2;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.ai-chat-tool-badge.loading{animation:ai-chat-tool-gradient 2s linear infinite;background:linear-gradient(90deg,var(--tool-loading-bg-1,#e0e0e0) 0,var(--tool-loading-bg-2,#f0f0f0) 25%,var(--tool-loading-bg-3,#fff) 50%,var(--tool-loading-bg-2,#f0f0f0) 75%,var(--tool-loading-bg-1,#e0e0e0) 100%);background-size:200% 100%;color:var(--tool-loading-text,#1a1a1a);position:relative}.ai-chat-widget:not(.dark) .ai-chat-tool-badge.loading{--tool-loading-bg-1:#2a2a2a;--tool-loading-bg-2:#3a3a3a;--tool-loading-bg-3:#4a4a4a;--tool-loading-text:#fff}.ai-chat-tool-badge.completed{background:var(--tool-completed-bg,hsla(0,0%,100%,.12));color:var(--tool-completed-text,hsla(0,0%,100%,.9))}.ai-chat-widget:not(.dark) .ai-chat-tool-badge.completed{--tool-completed-bg:rgba(0,0,0,.08);--tool-completed-text:rgba(0,0,0,.8)}.ai-chat-tool-badge.error{background:var(--tool-error-bg,rgba(239,68,68,.15));color:var(--tool-error-text,#ef4444)}.ai-chat-tool-badge .ai-chat-tool-check{color:#22c55e;flex-shrink:0}.ai-chat-tool-badge .ai-chat-tool-error{color:#ef4444;flex-shrink:0}.tool-name{font-weight:500;line-height:1.2;white-space:nowrap}@keyframes ai-chat-gear-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ai-chat-tool-gradient{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ai-chat-tool-check-appear{0%{opacity:0;transform:scale(.5)}to{opacity:.7;transform:scale(1)}}.ai-chat-sources{background:rgba(0,0,0,.02);border-radius:6px;font-size:var(--text-xs);margin-top:var(--space-sm);overflow:hidden}.ai-chat-sources-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:6px;padding:var(--space-sm) 10px;text-align:left;transition:background var(--duration-fast) ease;width:100%}.ai-chat-sources-toggle:hover{background:rgba(0,0,0,.03)}.ai-chat-sources-icon{color:var(--text-muted);font-size:10px;transition:transform var(--duration-fast) ease}.ai-chat-sources-title{color:var(--text-primary);flex:1;font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.ai-chat-source-item{border-top:1px solid rgba(0,0,0,.05);color:var(--text-muted);display:flex;gap:var(--space-sm);padding:var(--space-sm) 10px}.ai-chat-source-item:last-child{border-bottom:none}.ai-chat-source-number{color:var(--btn-primary-bg);flex-shrink:0;font-weight:var(--font-weight-semibold)}.ai-chat-source-details{display:flex;flex:1;flex-direction:column;gap:var(--space-xs)}.ai-chat-source-score{color:var(--text-placeholder);font-size:11px}.ai-chat-source-content{color:var(--text-muted);font-size:11px;font-style:italic;line-height:var(--line-height-normal)}.ai-chat-source-metadata{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.ai-chat-source-meta-item{background:rgba(0,0,0,.05);border-radius:3px;color:var(--text-muted);font-size:10px;padding:2px 6px}";
 styleInject(css_248z);
 
 // Icon components mapping
@@ -28697,16 +29214,6 @@ const ChatWidget = ({ widgetId, apiUrl = window.location.origin, previewMode = f
             mediaQuery.removeEventListener('change', handleMediaChange);
         };
     }, [config]);
-    // Debug logging
-    useEffect(() => {
-        console.log('[ChatWidget] Config loaded:', config ? 'YES' : 'NO');
-        if (config) {
-            console.log('[ChatWidget] Config details:', {
-                accentColor: config.appearance?.primaryColor,
-                autoDetectedTheme,
-            });
-        }
-    }, [config, autoDetectedTheme]);
     // Handle auto-open
     useEffect(() => {
         if (config?.settings.autoOpen) {
@@ -28761,17 +29268,8 @@ const ChatWidget = ({ widgetId, apiUrl = window.location.origin, previewMode = f
         ...customStyles,
         ...(zIndex !== undefined ? { '--widget-z-index': String(zIndex) } : {}),
     };
-    // Debug logging for theme and styles
-    useEffect(() => {
-        console.log('[ChatWidget] Theme info:', {
-            effectiveTheme,
-            autoDetectedTheme,
-            accentColor,
-        });
-    }, [effectiveTheme, autoDetectedTheme, accentColor]);
     const handleToggle = () => {
         const newState = !isOpen;
-        console.log('[ChatWidget] handleToggle called, setting isOpen to:', newState);
         setIsOpen(newState);
         if (newState) {
             onOpen?.();
@@ -28786,10 +29284,8 @@ const ChatWidget = ({ widgetId, apiUrl = window.location.origin, previewMode = f
     // Don't render until config is loaded to avoid flash of unstyled content
     // In preview mode, config is always available
     if (!config && !previewMode) {
-        console.log('[ChatWidget] Not rendering - config not loaded yet');
         return null;
     }
-    console.log('[ChatWidget] Rendering widget', { isOpen, hasConfig: !!config });
     // Get button icon based on state
     const IconComponent = isOpen ? iconComponents.FiChevronDown : iconComponents.FiMessageCircle;
     return (jsx("div", { ref: containerRef, className: `ai-chat-widget ${effectiveTheme}`, style: mergedStyles, children: jsxs("div", { ref: widgetRef, className: `ai-chat-widget-container ${effectivePosition}`, children: [isOpen && (jsx(ChatWindow, { messages: messages, isLoading: isLoading, isTyping: isTyping, error: error, config: config, onSendMessage: sendMessage, onClose: handleToggle, onFeedback: handleFeedback,