@feathery/react 2.31.0 → 2.32.0

package/cjs/{fthry_index.IHqwZyC3.js → fthry_index.CiXHBkVl.js}

@@ -39832,9 +39832,15 @@ function Form(_a) {
     var transport = React.useMemo(function () {
         var _a = initInfo(), sdkKey = _a.sdkKey, userId = _a.userId;
         return {
-            url: "".concat(API_URL, "ai/assistant/chat/"),
-            headers: { Authorization: "Token ".concat(sdkKey) },
-            body: { form_id: formId, fuser_key: userId }
+            url: "".concat(API_URL, "ai/assistant/"),
+            headers: function () {
+                var sessionJwt = getCookie('feathery_session_token');
+                return {
+                    Authorization: "Token ".concat(sdkKey),
+                    'X-Feathery-Session': sessionJwt
+                };
+            },
+            body: { form_key: formId, fuser_key: userId }
         };
     }, [formId]);
     var extractedSharedCodeInfo = React.useMemo(function () {
@@ -46125,9 +46131,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.Bnnc8FZ3.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.DRtiXuhL.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.C-AsnAPa.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CVSP2Jc5.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46273,7 +46279,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.31.0" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.32.0" + ' ', // replaced with real version during build
     'background: #e2626e; color: white; padding: 2px 6px; border-radius: 3px 0 0 3px; font-weight: bold;', 'background: #fce7e9; color: #c5495a; padding: 2px 6px; border-radius: 0 3px 3px 0;');
 }
 
@@ -47755,39 +47761,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BT0N_ojJ.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.7lPT7adc.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.BAf-75T4.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BhC7LkQw.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.B96nzeqy.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.DbijQ61t.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.Bxz6SYIg.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.BvkC5P1Q.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.C4a2Ic12.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.Ax4XuQ-W.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BTKf9mxG.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.TK6Jx-jy.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CcK_Svsf.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BccfyVDL.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.W-9IfXEV.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.CUO7vSY3.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BS2jEY70.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BM4ep-AK.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.DWS39de6.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.DtcJ5ShY.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.Be2Fs97T.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.C7hxyJ9f.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.BEVaTA54.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.CBJimbrX.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DvPj_Lup.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.D0kI1ZxS.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.Caau3hdX.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.C51tqyoq.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.B_WCqLEf.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.DloMkPdT.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.D4RrBVB-.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.oVFShAC8.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CfElaaWV.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.KbHjZiIM.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.DdSDwu2Z.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.DtiRdy95.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.TgxeIOKY.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.D_RuNzwI.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.B1gH_Pb_.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.WRjuuH9z.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.CGQA5QkX.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.BI7CrYad.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.C6CH7RhD.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.B_-iRvUH.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48737,7 +48743,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.Io4u55nU.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.Z6a5kUfj.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -58694,34 +58700,261 @@ var MarkdownText = React.memo(function (_a) {
 });
 MarkdownText.displayName = 'MarkdownText';
 
+var toQueryString = function (params) {
+    var filtered = Object.entries(params)
+        .filter(function (_a) {
+        var _b = __read(_a, 2), v = _b[1];
+        return v !== undefined && v !== null;
+    })
+        .map(function (_a) {
+        var _b = __read(_a, 2), k = _b[0], v = _b[1];
+        return [k, String(v)];
+    });
+    if (!filtered.length)
+        return '';
+    return '?' + new URLSearchParams(filtered).toString();
+};
+var getThreadList = function (transport) { return __awaiter$2(void 0, void 0, void 0, function () {
+    var threadsUrl, res;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                threadsUrl = "".concat(transport.url, "threads/").concat(toQueryString(transport.body));
+                return [4 /*yield*/, fetch(threadsUrl, {
+                        headers: transport.headers()
+                    })];
+            case 1:
+                res = _a.sent();
+                if (!res.ok)
+                    return [2 /*return*/, null];
+                return [2 /*return*/, res.json()];
+        }
+    });
+}); };
+var getThreadDetail = function (transport, threadId) { return __awaiter$2(void 0, void 0, void 0, function () {
+    var threadsUrl, res;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                threadsUrl = "".concat(transport.url, "threads/").concat(threadId, "/").concat(toQueryString(transport.body));
+                return [4 /*yield*/, fetch(threadsUrl, {
+                        headers: transport.headers()
+                    })];
+            case 1:
+                res = _a.sent();
+                if (!res.ok)
+                    return [2 /*return*/, null];
+                return [2 /*return*/, res.json()];
+        }
+    });
+}); };
+var deleteThread = function (transport, threadId) { return __awaiter$2(void 0, void 0, void 0, function () {
+    var threadsUrl;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                threadsUrl = "".concat(transport.url, "threads/").concat(threadId, "/").concat(toQueryString(transport.body));
+                return [4 /*yield*/, fetch(threadsUrl, {
+                        method: 'DELETE',
+                        headers: transport.headers()
+                    })];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); };
+
 var FAB_SIZE = 56;
 var PANEL_WIDTH = 380;
 var PANEL_HEIGHT = 500;
 var AssistantChat = function (_a) {
-    var transport = _a.transport, _b = _a.bottom, bottom = _b === void 0 ? 20 : _b, color = _a.color;
-    var _c = __read(React.useState(false), 2), isOpen = _c[0], setIsOpen = _c[1];
-    var _d = __read(React.useState(''), 2), input = _d[0], setInput = _d[1];
+    var _b, _c;
+    var transport = _a.transport, _d = _a.bottom, bottom = _d === void 0 ? 20 : _d, color = _a.color;
+    var _e = __read(React.useState(false), 2), isOpen = _e[0], setIsOpen = _e[1];
+    var _f = __read(React.useState(''), 2), input = _f[0], setInput = _f[1];
+    var _g = __read(React.useState([]), 2), threads = _g[0], setThreads = _g[1];
+    var _h = __read(React.useState(null), 2), activeThreadId = _h[0], setActiveThreadId = _h[1];
+    var _j = __read(React.useState(false), 2), isDropdownOpen = _j[0], setIsDropdownOpen = _j[1];
     var messagesEndRef = React.useRef(null);
     var colors = React.useMemo(function () { return getChatColors(color || DEFAULT_CHAT_COLOR); }, [color]);
-    // Memoize transport to avoid recreating on every render
-    var chatTransport = React.useMemo(function () {
-        return new DefaultChatTransport({
-            api: transport.url,
+    var makeChat = function (threadId, initialMessages) {
+        if (initialMessages === void 0) { initialMessages = []; }
+        var resolvedThreadId = threadId;
+        var chatTransport = new DefaultChatTransport({
+            api: "".concat(transport.url, "chat/"),
             headers: transport.headers,
-            body: transport.body
+            body: function () { return (exports.__assign(exports.__assign({}, transport.body), { thread_id: resolvedThreadId || null })); },
+            fetch: function (url, init) { return __awaiter$2(void 0, void 0, void 0, function () {
+                var res, threadId;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, fetch(url, init)];
+                        case 1:
+                            res = _a.sent();
+                            threadId = res.headers.get('X-Thread-Id');
+                            if (threadId && !resolvedThreadId) {
+                                resolvedThreadId = threadId;
+                                setThreads(function (prev) {
+                                    return prev.map(function (t) {
+                                        return t.chat === chat ? exports.__assign(exports.__assign({}, t), { id: threadId, isTemporary: false }) : t;
+                                    });
+                                });
+                                setActiveThreadId(threadId);
+                                getThreadDetail(transport, threadId).then(function (t) {
+                                    if (t)
+                                        setThreads(function (prev) {
+                                            return prev.map(function (thread) {
+                                                return thread.id === threadId ? exports.__assign(exports.__assign({}, t), { chat: chat }) : thread;
+                                            });
+                                        });
+                                });
+                            }
+                            return [2 /*return*/, res];
+                    }
+                });
+            }); }
+        });
+        var chat = new Chat({
+            transport: chatTransport,
+            messages: initialMessages,
+            onFinish: function (_a) {
+                var isAbort = _a.isAbort, isError = _a.isError;
+                if (isAbort || isError || !resolvedThreadId)
+                    return;
+                setThreads(function (prev) {
+                    var thread = prev.find(function (t) { return t.id === resolvedThreadId; });
+                    if (!thread)
+                        return prev;
+                    return __spreadArray([
+                        exports.__assign(exports.__assign({}, thread), { updated_at: new Date().toISOString() })
+                    ], __read(prev.filter(function (t) { return t.id !== resolvedThreadId; })), false);
+                });
+            }
         });
-    }, [transport]);
+        return chat;
+    };
+    var readyChat = React.useMemo(function () { return makeChat(null); }, [transport]);
+    var activeThread = threads.find(function (t) { return t.id === activeThreadId; });
+    var activeChat = (_b = activeThread === null || activeThread === void 0 ? void 0 : activeThread.chat) !== null && _b !== void 0 ? _b : readyChat;
     // @ts-ignore
-    var _e = useChat({
-        transport: chatTransport
-    }), messages = _e.messages, sendMessage = _e.sendMessage, status = _e.status, error = _e.error;
+    var _k = useChat({
+        chat: activeChat
+    }), messages = _k.messages, sendMessage = _k.sendMessage, status = _k.status, error = _k.error;
     // TODO: Implement smooth scroll takeover - stop auto-scroll when user scrolls up
     React.useEffect(function () {
         var _a;
         (_a = messagesEndRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth' });
     }, [messages]);
+    var fetchThreads = React.useCallback(function () { return __awaiter$2(void 0, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getThreadList(transport)];
+                case 1:
+                    data = _a.sent();
+                    if (!data)
+                        return [2 /*return*/];
+                    setThreads(function (prev) { return __spreadArray(__spreadArray([], __read(data.map(function (d) {
+                        var _a;
+                        return (exports.__assign(exports.__assign({}, d), { chat: (_a = prev.find(function (p) { return p.id === d.id; })) === null || _a === void 0 ? void 0 : _a.chat }));
+                    })), false), __read(prev.filter(function (p) { return !data.find(function (d) { return d.id === p.id; }); })), false); });
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [transport]);
+    React.useEffect(function () {
+        if (isOpen)
+            fetchThreads();
+    }, [isOpen, fetchThreads]);
+    var handleNewThread = function () {
+        var id = v4$1();
+        var now = new Date().toISOString();
+        var chat = makeChat(null);
+        setThreads(function (prev) { return __spreadArray([
+            {
+                id: id,
+                title: '',
+                created_at: now,
+                updated_at: now,
+                isTemporary: true,
+                chat: chat
+            }
+        ], __read(prev.filter(function (t) { return !t.isTemporary || t.title; })), false); });
+        setActiveThreadId(id);
+        setIsDropdownOpen(false);
+    };
+    var handleSelectThread = function (id) { return __awaiter$2(void 0, void 0, void 0, function () {
+        var thread, chat;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if ((_a = threads.find(function (t) { return t.id === id; })) === null || _a === void 0 ? void 0 : _a.chat) {
+                        setActiveThreadId(id);
+                        setIsDropdownOpen(false);
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, getThreadDetail(transport, id)];
+                case 1:
+                    thread = _c.sent();
+                    if (!thread)
+                        return [2 /*return*/];
+                    chat = makeChat(id, (_b = thread.messages) !== null && _b !== void 0 ? _b : []);
+                    setThreads(function (prev) {
+                        return prev.map(function (t) { return (t.id === id ? exports.__assign(exports.__assign({}, thread), { chat: chat }) : t); });
+                    });
+                    setActiveThreadId(id);
+                    setIsDropdownOpen(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleDeleteThread = function (id, e) { return __awaiter$2(void 0, void 0, void 0, function () {
+        var thread;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    e.stopPropagation();
+                    thread = threads.find(function (t) { return t.id === id; });
+                    if (!!(thread === null || thread === void 0 ? void 0 : thread.isTemporary)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, deleteThread(transport, id)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    setThreads(function (prev) { return prev.filter(function (t) { return t.id !== id; }); });
+                    if (activeThreadId === id)
+                        handleNewThread();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     var handleSend = function () {
         if (input.trim() && status === 'ready') {
+            var now_1 = new Date().toISOString();
+            if (!activeThreadId) {
+                // First send, register readyChat as a real thread entry
+                var id_1 = v4$1();
+                setThreads(function (prev) { return __spreadArray([
+                    {
+                        id: id_1,
+                        title: input.trim().slice(0, 60),
+                        created_at: now_1,
+                        updated_at: now_1,
+                        isTemporary: true,
+                        chat: activeChat
+                    }
+                ], __read(prev), false); });
+                setActiveThreadId(id_1);
+            }
+            else {
+                if (activeThread && !activeThread.title) {
+                    setThreads(function (prev) { return __spreadArray([
+                        exports.__assign(exports.__assign({}, activeThread), { title: input.trim().slice(0, 60), updated_at: now_1 })
+                    ], __read(prev.filter(function (t) { return t.id !== activeThreadId; })), false); });
+                }
+            }
             sendMessage({ text: input });
             setInput('');
         }
@@ -58733,7 +58966,11 @@ var AssistantChat = function (_a) {
             handleSend();
         }
     };
+    // Only show threads that have had at least one message sent
+    var visibleThreads = threads.filter(function (t) { return t.title; });
     var isLoading = status === 'submitted' || status === 'streaming';
+    var hasAssistantMessage = ((_c = messages[messages.length - 1]) === null || _c === void 0 ? void 0 : _c.role) === 'assistant' &&
+        messages[messages.length - 1].parts.length > 0;
     // Collapsed state - show chat bubble
     if (!isOpen) {
         return (jsx$1("button", exports.__assign({ type: 'button', onClick: function () { return setIsOpen(true); }, css: {
@@ -58769,7 +59006,7 @@ var AssistantChat = function (_a) {
             height: "".concat(PANEL_HEIGHT, "px"),
             backgroundColor: 'white',
             borderRadius: '12px',
-            boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
+            boxShadow: '0 8px 24px rgba(0, 0, 0, 0.12)',
             border: "1px solid ".concat(GRAY_200),
             display: 'flex',
             flexDirection: 'column',
@@ -58781,8 +59018,21 @@ var AssistantChat = function (_a) {
                     justifyContent: 'space-between',
                     padding: '12px 16px',
                     backgroundColor: colors.primary,
-                    color: 'white'
-                } }, { children: [jsxs("div", exports.__assign({ css: { display: 'flex', alignItems: 'center', gap: '8px' } }, { children: [jsx$1(ChatIcon, {}), jsx$1("span", exports.__assign({ css: { fontWeight: 600, fontSize: '14px' } }, { children: "AI Assistant" }))] })), jsx$1("button", exports.__assign({ type: 'button', onClick: function () { return setIsOpen(false); }, css: {
+                    color: 'white',
+                    position: 'relative'
+                } }, { children: [jsxs("div", exports.__assign({ css: { display: 'flex', alignItems: 'center', gap: '8px' } }, { children: [jsx$1(ChatIcon, {}), jsxs("button", exports.__assign({ type: 'button', onClick: function () { return setIsDropdownOpen(function (prev) { return !prev; }); }, css: {
+                                    background: 'none',
+                                    border: 'none',
+                                    color: 'white',
+                                    cursor: 'pointer',
+                                    fontWeight: 600,
+                                    fontSize: '14px',
+                                    padding: '0',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: '4px',
+                                    ':hover': { opacity: 0.85 }
+                                } }, { children: [(activeThread === null || activeThread === void 0 ? void 0 : activeThread.title) || 'AI Assistant', jsx$1("span", exports.__assign({ css: { fontSize: '10px', opacity: 0.8 } }, { children: "\u25BE" }))] }))] })), jsx$1("button", exports.__assign({ type: 'button', onClick: function () { return setIsOpen(false); }, css: {
                             background: 'none',
                             border: 'none',
                             color: 'white',
@@ -58795,7 +59045,69 @@ var AssistantChat = function (_a) {
                             ':hover': {
                                 backgroundColor: 'rgba(255, 255, 255, 0.1)'
                             }
-                        } }, { children: jsx$1(MinimizeIcon, {}) }))] })), jsxs("div", exports.__assign({ css: {
+                        } }, { children: jsx$1(MinimizeIcon, {}) })), isDropdownOpen && (jsxs(Fragment, { children: [jsx$1("div", { css: { position: 'fixed', inset: 0, zIndex: 1000 }, onClick: function () { return setIsDropdownOpen(false); } }), jsxs("div", exports.__assign({ css: {
+                                    position: 'absolute',
+                                    top: '100%',
+                                    left: 0,
+                                    width: '100%',
+                                    backgroundColor: 'white',
+                                    border: "1px solid ".concat(GRAY_200),
+                                    borderTop: 'none',
+                                    borderRadius: '0 0 8px 8px',
+                                    boxShadow: '0 8px 16px rgba(0,0,0,0.12)',
+                                    zIndex: 1001,
+                                    maxHeight: '240px',
+                                    overflowY: 'auto'
+                                } }, { children: [jsx$1("button", exports.__assign({ type: 'button', onClick: handleNewThread, css: {
+                                            width: '100%',
+                                            padding: '10px 14px',
+                                            background: 'none',
+                                            border: 'none',
+                                            borderBottom: "1px solid ".concat(GRAY_100),
+                                            cursor: 'pointer',
+                                            fontSize: '13px',
+                                            fontWeight: 600,
+                                            color: colors.primary,
+                                            textAlign: 'left',
+                                            ':hover': { backgroundColor: GRAY_50 }
+                                        } }, { children: "+ New Thread" })), visibleThreads.length === 0 && (jsx$1("div", exports.__assign({ css: {
+                                            padding: '12px 14px',
+                                            fontSize: '13px',
+                                            color: GRAY_400
+                                        } }, { children: "No threads yet" }))), visibleThreads.map(function (thread) { return (jsxs("div", exports.__assign({ onClick: function () { return handleSelectThread(thread.id); }, css: {
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'space-between',
+                                            padding: '10px 14px',
+                                            cursor: 'pointer',
+                                            backgroundColor: thread.id === activeThreadId ? colors.light : 'white',
+                                            ':hover': { backgroundColor: GRAY_50 }
+                                        } }, { children: [jsxs("div", exports.__assign({ css: { flex: 1, minWidth: 0 } }, { children: [jsx$1("div", exports.__assign({ css: {
+                                                            fontSize: '13px',
+                                                            fontWeight: 500,
+                                                            color: GRAY_800,
+                                                            overflow: 'hidden',
+                                                            textOverflow: 'ellipsis',
+                                                            whiteSpace: 'nowrap'
+                                                        } }, { children: thread.title || 'Untitled conversation' })), jsx$1("div", exports.__assign({ css: {
+                                                            fontSize: '11px',
+                                                            color: GRAY_400,
+                                                            marginTop: '2px'
+                                                        } }, { children: new Date(thread.updated_at).toLocaleDateString() }))] })), jsx$1("button", exports.__assign({ type: 'button', onClick: function (e) { return handleDeleteThread(thread.id, e); }, css: {
+                                                    background: 'none',
+                                                    border: 'none',
+                                                    cursor: 'pointer',
+                                                    color: GRAY_400,
+                                                    fontSize: '16px',
+                                                    padding: '2px 6px',
+                                                    marginLeft: '8px',
+                                                    borderRadius: '4px',
+                                                    lineHeight: 1,
+                                                    ':hover': {
+                                                        color: '#dc2626',
+                                                        backgroundColor: '#fef2f2'
+                                                    }
+                                                } }, { children: "\u00D7" }))] }), thread.id)); })] }))] }))] })), jsxs("div", exports.__assign({ css: {
                     flex: 1,
                     overflowY: 'auto',
                     padding: '16px',
@@ -58851,7 +59163,7 @@ var AssistantChat = function (_a) {
                                 }
                                 return null;
                             }) }, message.id));
-                    }), status === 'submitted' && (jsx$1("div", exports.__assign({ css: { display: 'flex', justifyContent: 'flex-start' } }, { children: jsxs("div", exports.__assign({ css: {
+                    }), isLoading && !hasAssistantMessage && (jsx$1("div", exports.__assign({ css: { display: 'flex', justifyContent: 'flex-start' } }, { children: jsxs("div", exports.__assign({ css: {
                                 padding: '10px 14px',
                                 borderRadius: '12px',
                                 backgroundColor: colors.light,
@@ -58871,7 +59183,7 @@ var AssistantChat = function (_a) {
                     padding: '12px 16px',
                     borderTop: "1px solid ".concat(GRAY_200),
                     backgroundColor: GRAY_50
-                } }, { children: [jsx$1("input", { type: 'text', value: input, onChange: function (e) { return setInput(e.target.value); }, onKeyDown: handleKeyDown, placeholder: 'Type a message...', disabled: isLoading, css: {
+                } }, { children: [jsx$1("input", { type: 'text', value: input, onChange: function (e) { return setInput(e.target.value); }, onKeyDown: handleKeyDown, placeholder: 'Type a message...', css: {
                             flex: 1,
                             padding: '10px 14px',
                             border: "1px solid ".concat(GRAY_200),
@@ -58881,10 +59193,6 @@ var AssistantChat = function (_a) {
                             transition: 'border-color 0.2s',
                             ':focus': {
                                 borderColor: colors.primary
-                            },
-                            ':disabled': {
-                                backgroundColor: GRAY_100,
-                                cursor: 'not-allowed'
                             }
                         } }), jsx$1("button", exports.__assign({ type: 'button', onClick: handleSend, disabled: isLoading || !input.trim(), css: {
                             padding: '10px',

package/cjs/{fthry_index.C51tqyoq.js → fthry_index.D4RrBVB-.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.IHqwZyC3.js');
+var index = require('./fthry_index.CiXHBkVl.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.BAf-75T4.js → fthry_index.DbijQ61t.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.IHqwZyC3.js');
+var index = require('./fthry_index.CiXHBkVl.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.Caau3hdX.js → fthry_index.DloMkPdT.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.IHqwZyC3.js');
+var index$1 = require('./fthry_index.CiXHBkVl.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.luXrF_m_.js');
-var InlineTooltip = require('./fthry_InlineTooltip.C6Kf0Ff-.js');
-var Overlay = require('./fthry_Overlay.JRkHffzB.js');
-var useElementSize = require('./fthry_useElementSize.Dup4Oq53.js');
+var Placeholder = require('./fthry_Placeholder.WRNgQX3l.js');
+var InlineTooltip = require('./fthry_InlineTooltip.DuFB8p7w.js');
+var Overlay = require('./fthry_Overlay.DqGyzI8W.js');
+var useElementSize = require('./fthry_useElementSize.DXcMVgAq.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.CmAB9Ar7.js → fthry_index.J4GcA3vx.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.IHqwZyC3.js');
+var index = require('./fthry_index.CiXHBkVl.js');
 
 var propTypes = {exports: {}};
 

package/cjs/{fthry_index.CfElaaWV.js → fthry_index.KbHjZiIM.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.IHqwZyC3.js');
+var index = require('./fthry_index.CiXHBkVl.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.WIYoX7l6.js');
-var index$1 = require('./fthry_index.BAf-75T4.js');
-var InlineTooltip = require('./fthry_InlineTooltip.C6Kf0Ff-.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.D0kLb1UT.js');
+var FormControl = require('./fthry_FormControl.BtNu9i-u.js');
+var index$1 = require('./fthry_index.DbijQ61t.js');
+var InlineTooltip = require('./fthry_InlineTooltip.DuFB8p7w.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.C87PZunf.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.JRkHffzB.js');
+require('./fthry_Overlay.DqGyzI8W.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/cjs/{fthry_index.Ax4XuQ-W.js → fthry_index.TK6Jx-jy.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./fthry_index.IHqwZyC3.js');
+var index$1 = require('./fthry_index.CiXHBkVl.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.DdSDwu2Z.js → fthry_index.WRjuuH9z.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.IHqwZyC3.js');
+var index = require('./fthry_index.CiXHBkVl.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.Io4u55nU.js → fthry_index.Z6a5kUfj.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.IHqwZyC3.js');
+var index = require('./fthry_index.CiXHBkVl.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');