@feathery/react 2.31.0 → 2.32.0

package/dist/{fthry_index.CMh4cU_z.js → fthry_index.Ddf14JA6.js}

@@ -39811,9 +39811,15 @@ function Form(_a) {
     var transport = 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 = useMemo(function () {
@@ -46104,9 +46110,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.BjtIkib6.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.DO2CsvZO.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.B7FGEMJA.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.MZhbLTEd.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46252,7 +46258,7 @@ function getFieldValues() {
     return __assign({}, 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;');
 }
 
@@ -47734,39 +47740,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = lazy$1(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.DclrMlf2.js'); });
-var ButtonGroupField = lazy$1(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DSS7GFbG.js'); });
-var CheckboxField = lazy$1(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.DtrV_j07.js'); });
+var AddressLine1 = lazy$1(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.B260ADJ4.js'); });
+var ButtonGroupField = lazy$1(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DKYX71gD.js'); });
+var CheckboxField = lazy$1(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.CeglQZhs.js'); });
 var CheckboxGroupField = lazy$1(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.Bk-p0axS.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CmpLevaj.js');
 });
-var ColorPickerField = lazy$1(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CUF2y3Aa.js'); });
-var CustomField = lazy$1(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.D7lNVIgD.js'); });
+var ColorPickerField = lazy$1(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.BZD_DEzj.js'); });
+var CustomField = lazy$1(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.hyYvw_PS.js'); });
 var DateSelectorField = lazy$1(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.By9Va7yz.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CqNn14xm.js');
 });
-var DropdownField = lazy$1(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.D_JQEcg-.js'); });
+var DropdownField = lazy$1(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.8KDT5i8T.js'); });
 var DropdownMultiField = lazy$1(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.Bi8oY0jk.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BjpHx4_T.js');
 });
-var FileUploadField = lazy$1(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.0A10yDWO.js'); });
-var MatrixField = lazy$1(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.D9GA9x4P.js'); });
-var PasswordField = lazy$1(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.sWxp-JjY.js'); });
+var FileUploadField = lazy$1(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.DmcD0QUi.js'); });
+var MatrixField = lazy$1(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.9-q7smC3.js'); });
+var PasswordField = lazy$1(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.kP74GhA8.js'); });
 var PaymentMethodField = lazy$1(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CryiQIpT.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CLy4llPE.js');
 });
-var PhoneField = lazy$1(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.Dxpjw81y.js'); });
-var PinInputField = lazy$1(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.y9utv2Db.js'); });
-var QRScanner = lazy$1(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.BNi8VaMz.js'); });
+var PhoneField = lazy$1(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.qJQlILVx.js'); });
+var PinInputField = lazy$1(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.C1_uGweo.js'); });
+var QRScanner = lazy$1(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.ty8LJs-R.js'); });
 var RadioButtonGroupField = lazy$1(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.C9r-2T-9.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DoGwIkbA.js');
 });
-var RatingField = lazy$1(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.DKiSNQ6p.js'); });
-var SignatureField = lazy$1(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.Bb9yC_Hb.js'); });
-var SliderField = lazy$1(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.Dkg3j5xH.js'); });
-var TextField = lazy$1(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CVQd320z.js'); });
-var TextArea = lazy$1(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.DR8HsKVo.js'); });
+var RatingField = lazy$1(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.CLgjzDTi.js'); });
+var SignatureField = lazy$1(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.DQsvec3-.js'); });
+var SliderField = lazy$1(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.WnliJHmX.js'); });
+var TextField = lazy$1(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.CYyOgKWx.js'); });
+var TextArea = lazy$1(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.DqKZq0Ur.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48716,7 +48722,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.F3kjcuAK.js'); });
+var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.B-oOxFi4.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -58673,34 +58679,261 @@ var MarkdownText = 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(useState(false), 2), isOpen = _c[0], setIsOpen = _c[1];
-    var _d = __read(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(useState(false), 2), isOpen = _e[0], setIsOpen = _e[1];
+    var _f = __read(useState(''), 2), input = _f[0], setInput = _f[1];
+    var _g = __read(useState([]), 2), threads = _g[0], setThreads = _g[1];
+    var _h = __read(useState(null), 2), activeThreadId = _h[0], setActiveThreadId = _h[1];
+    var _j = __read(useState(false), 2), isDropdownOpen = _j[0], setIsDropdownOpen = _j[1];
     var messagesEndRef = useRef(null);
     var colors = useMemo(function () { return getChatColors(color || DEFAULT_CHAT_COLOR); }, [color]);
-    // Memoize transport to avoid recreating on every render
-    var chatTransport = 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 (__assign(__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 ? __assign(__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 ? __assign(__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([
+                        __assign(__assign({}, thread), { updated_at: new Date().toISOString() })
+                    ], __read(prev.filter(function (t) { return t.id !== resolvedThreadId; })), false);
+                });
+            }
         });
-    }, [transport]);
+        return chat;
+    };
+    var readyChat = 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
     useEffect(function () {
         var _a;
         (_a = messagesEndRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth' });
     }, [messages]);
+    var fetchThreads = 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 (__assign(__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]);
+    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 ? __assign(__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([
+                        __assign(__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('');
         }
@@ -58712,7 +58945,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", __assign({ type: 'button', onClick: function () { return setIsOpen(true); }, css: {
@@ -58748,7 +58985,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',
@@ -58760,8 +58997,21 @@ var AssistantChat = function (_a) {
                     justifyContent: 'space-between',
                     padding: '12px 16px',
                     backgroundColor: colors.primary,
-                    color: 'white'
-                } }, { children: [jsxs("div", __assign({ css: { display: 'flex', alignItems: 'center', gap: '8px' } }, { children: [jsx$1(ChatIcon, {}), jsx$1("span", __assign({ css: { fontWeight: 600, fontSize: '14px' } }, { children: "AI Assistant" }))] })), jsx$1("button", __assign({ type: 'button', onClick: function () { return setIsOpen(false); }, css: {
+                    color: 'white',
+                    position: 'relative'
+                } }, { children: [jsxs("div", __assign({ css: { display: 'flex', alignItems: 'center', gap: '8px' } }, { children: [jsx$1(ChatIcon, {}), jsxs("button", __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", __assign({ css: { fontSize: '10px', opacity: 0.8 } }, { children: "\u25BE" }))] }))] })), jsx$1("button", __assign({ type: 'button', onClick: function () { return setIsOpen(false); }, css: {
                             background: 'none',
                             border: 'none',
                             color: 'white',
@@ -58774,7 +59024,69 @@ var AssistantChat = function (_a) {
                             ':hover': {
                                 backgroundColor: 'rgba(255, 255, 255, 0.1)'
                             }
-                        } }, { children: jsx$1(MinimizeIcon, {}) }))] })), jsxs("div", __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", __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", __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", __assign({ css: {
+                                            padding: '12px 14px',
+                                            fontSize: '13px',
+                                            color: GRAY_400
+                                        } }, { children: "No threads yet" }))), visibleThreads.map(function (thread) { return (jsxs("div", __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", __assign({ css: { flex: 1, minWidth: 0 } }, { children: [jsx$1("div", __assign({ css: {
+                                                            fontSize: '13px',
+                                                            fontWeight: 500,
+                                                            color: GRAY_800,
+                                                            overflow: 'hidden',
+                                                            textOverflow: 'ellipsis',
+                                                            whiteSpace: 'nowrap'
+                                                        } }, { children: thread.title || 'Untitled conversation' })), jsx$1("div", __assign({ css: {
+                                                            fontSize: '11px',
+                                                            color: GRAY_400,
+                                                            marginTop: '2px'
+                                                        } }, { children: new Date(thread.updated_at).toLocaleDateString() }))] })), jsx$1("button", __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", __assign({ css: {
                     flex: 1,
                     overflowY: 'auto',
                     padding: '16px',
@@ -58830,7 +59142,7 @@ var AssistantChat = function (_a) {
                                 }
                                 return null;
                             }) }, message.id));
-                    }), status === 'submitted' && (jsx$1("div", __assign({ css: { display: 'flex', justifyContent: 'flex-start' } }, { children: jsxs("div", __assign({ css: {
+                    }), isLoading && !hasAssistantMessage && (jsx$1("div", __assign({ css: { display: 'flex', justifyContent: 'flex-start' } }, { children: jsxs("div", __assign({ css: {
                                 padding: '10px 14px',
                                 borderRadius: '12px',
                                 backgroundColor: colors.light,
@@ -58850,7 +59162,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),
@@ -58860,10 +59172,6 @@ var AssistantChat = function (_a) {
                             transition: 'border-color 0.2s',
                             ':focus': {
                                 borderColor: colors.primary
-                            },
-                            ':disabled': {
-                                backgroundColor: GRAY_100,
-                                cursor: 'not-allowed'
                             }
                         } }), jsx$1("button", __assign({ type: 'button', onClick: handleSend, disabled: isLoading || !input.trim(), css: {
                             padding: '10px',

package/dist/{fthry_index.0A10yDWO.js → fthry_index.DmcD0QUi.js}

@@ -1,4 +1,4 @@
-import { b as jsxs, a as __assign, j as jsx, c as __read, a7 as isEmptyArray, a8 as toList, a9 as useThumbnailData, g as __spreadArray, q as imgMaxSizeStyles, m as __awaiter, n as __generator, aa as downloadFile, ab as CloseIcon, l as iosScrollOnFocus, v as FORM_Z_INDEX, ac as justRemove } from './fthry_index.CMh4cU_z.js';
+import { b as jsxs, a as __assign, j as jsx, c as __read, a7 as isEmptyArray, a8 as toList, a9 as useThumbnailData, g as __spreadArray, q as imgMaxSizeStyles, m as __awaiter, n as __generator, aa as downloadFile, ab as CloseIcon, l as iosScrollOnFocus, v as FORM_Z_INDEX, ac as justRemove } from './fthry_index.Ddf14JA6.js';
 import { useRef, useState, useEffect } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.C9r-2T-9.js → fthry_index.DoGwIkbA.js}

@@ -1,14 +1,14 @@
-import { c as __read, b as jsxs, a as __assign, j as jsx, l as iosScrollOnFocus, r as resetStyles } from './fthry_index.CMh4cU_z.js';
+import { c as __read, b as jsxs, a as __assign, j as jsx, l as iosScrollOnFocus, r as resetStyles } from './fthry_index.Ddf14JA6.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.DEleJ-Vj.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.DtrV_j07.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DeG1g5MU.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DcCcNLS2.js';
+import { F as FormControl } from './fthry_FormControl.C9K2iuFX.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.CeglQZhs.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CQ84q5tx.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.B6wBqJLI.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CtQBdlg7.js';
+import './fthry_Overlay.CaTGHPrf.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_index.DR8HsKVo.js → fthry_index.DqKZq0Ur.js}

@@ -1,12 +1,12 @@
-import { c as __read, u as useBorder, b as jsxs, a as __assign, k as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.CMh4cU_z.js';
+import { c as __read, u as useBorder, b as jsxs, a as __assign, k as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.Ddf14JA6.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.Bel7e4T4.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DeG1g5MU.js';
+import { P as Placeholder } from './fthry_Placeholder.C8DX1xTT.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CQ84q5tx.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CtQBdlg7.js';
+import './fthry_Overlay.CaTGHPrf.js';
 
 function TextArea(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;

package/dist/{fthry_index.Dkg3j5xH.js → fthry_index.WnliJHmX.js}

@@ -1,6 +1,6 @@
-import { c as __read, b as jsxs, a as __assign, j as jsx, k as hoverStylesGuard } from './fthry_index.CMh4cU_z.js';
+import { c as __read, b as jsxs, a as __assign, j as jsx, k as hoverStylesGuard } from './fthry_index.Ddf14JA6.js';
 import { useState, useEffect } from 'react';
-import { S as SliderStyles, a as Slider } from './fthry_styles.Dxs0EByz.js';
+import { S as SliderStyles, a as Slider } from './fthry_styles.Ccd48IiB.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.D7lNVIgD.js → fthry_index.hyYvw_PS.js}

@@ -1,4 +1,4 @@
-import { j as jsx, a as __assign, b as jsxs, c as __read, m as __awaiter, n as __generator, h as featheryWindow, F as Fragment, E as ErrorInput } from './fthry_index.CMh4cU_z.js';
+import { j as jsx, a as __assign, b as jsxs, c as __read, m as __awaiter, n as __generator, h as featheryWindow, F as Fragment, E as ErrorInput } from './fthry_index.Ddf14JA6.js';
 import { useRef, useState, useEffect, memo, useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.sWxp-JjY.js → fthry_index.kP74GhA8.js}

@@ -1,13 +1,13 @@
-import { u as useBorder, c as __read, b as jsxs, a as __assign, k as hoverStylesGuard, j as jsx, l as iosScrollOnFocus, v as FORM_Z_INDEX, r as resetStyles } from './fthry_index.CMh4cU_z.js';
+import { u as useBorder, c as __read, b as jsxs, a as __assign, k as hoverStylesGuard, j as jsx, l as iosScrollOnFocus, v as FORM_Z_INDEX, r as resetStyles } from './fthry_index.Ddf14JA6.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.Bel7e4T4.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DeG1g5MU.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.BeXoEyvh.js';
+import { P as Placeholder } from './fthry_Placeholder.C8DX1xTT.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CQ84q5tx.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.CLCEl1M3.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CtQBdlg7.js';
+import './fthry_Overlay.CaTGHPrf.js';
 
 function PasswordField(_a) {
     var _b;

package/dist/{fthry_index.Dxpjw81y.js → fthry_index.qJQlILVx.js}

@@ -1,9 +1,9 @@
-import { _ as __rest, c as __read, A as countryData, ag as phoneLib, ah as authState, ai as firebaseSMSCountries, b as jsxs, j as jsx, a as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, aj as phoneLibPromise, k as hoverStylesGuard, ak as isNum, l as iosScrollOnFocus, r as resetStyles } from './fthry_index.CMh4cU_z.js';
+import { _ as __rest, c as __read, A as countryData, ag as phoneLib, ah as authState, ai as firebaseSMSCountries, b as jsxs, j as jsx, a as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, aj as phoneLibPromise, k as hoverStylesGuard, ak as isNum, l as iosScrollOnFocus, r as resetStyles } from './fthry_index.Ddf14JA6.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.Bel7e4T4.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DeG1g5MU.js';
-import { O as Overlay } from './fthry_Overlay.CtQBdlg7.js';
-import { u as useElementSize } from './fthry_useElementSize.BeQYF72J.js';
+import { P as Placeholder } from './fthry_Placeholder.C8DX1xTT.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CQ84q5tx.js';
+import { O as Overlay } from './fthry_Overlay.CaTGHPrf.js';
+import { u as useElementSize } from './fthry_useElementSize.C-0G4BJy.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';