@feathery/react 2.31.0 → 2.32.1

package/dist/{fthry_index.CMh4cU_z.js → fthry_index.Bk7-v1ou.js}

@@ -20955,7 +20955,7 @@ var Element$1 = function (_a) {
     var _b, _c, _d, _e, _f, _g;
     var el = _a.node, form = _a.form;
     var type = el.type;
-    var userProgress = form.userProgress, curDepth = form.curDepth, maxDepth = form.maxDepth, elementProps = form.elementProps, activeStep = form.activeStep, buttonLoaders = form.buttonLoaders, customClickSelectionState = form.customClickSelectionState, runElementActions = form.runElementActions, buttonOnClick = form.buttonOnClick, tableOnClick = form.tableOnClick, fieldOnChange = form.fieldOnChange, inlineErrors = form.inlineErrors, setInlineErrors = form.setInlineErrors, changeValue = form.changeValue, updateFieldValues = form.updateFieldValues, submitCustom = form.submitCustom, elementOnView = form.elementOnView, onViewElements = form.onViewElements, formSettings = form.formSettings, formRef = form.formRef, focusRef = form.focusRef, setCardElement = form.setCardElement, visiblePositions = form.visiblePositions, featheryContext = form.featheryContext;
+    var userProgress = form.userProgress, curDepth = form.curDepth, maxDepth = form.maxDepth, elementProps = form.elementProps, activeStep = form.activeStep, buttonLoaders = form.buttonLoaders, customClickSelectionState = form.customClickSelectionState, runElementActions = form.runElementActions, buttonOnClick = form.buttonOnClick, tableOnClick = form.tableOnClick, fieldOnChange = form.fieldOnChange, inlineErrors = form.inlineErrors, setInlineErrors = form.setInlineErrors, changeValue = form.changeValue, updateFieldValues = form.updateFieldValues, elementOnView = form.elementOnView, onViewElements = form.onViewElements, formSettings = form.formSettings, formRef = form.formRef, focusRef = form.focusRef, setCardElement = form.setCardElement, visiblePositions = form.visiblePositions, featheryContext = form.featheryContext;
     var readOnly = formSettings.readOnly || initState.collaboratorReview === 'readOnly';
     var basicProps = {
         componentOnly: false,
@@ -20975,7 +20975,7 @@ var Element$1 = function (_a) {
     else if (type === 'video')
         return jsx$1(Elements.VideoElement, __assign({}, basicProps));
     else if (type === 'table')
-        return (jsx$1(Elements.TableElement, __assign({}, basicProps, { onClick: function (payload) { return tableOnClick(el, payload); }, updateFieldValues: updateFieldValues, submitCustom: submitCustom, buttonLoaders: buttonLoaders })));
+        return (jsx$1(Elements.TableElement, __assign({}, basicProps, { onClick: function (payload) { return tableOnClick(el, payload); }, buttonLoaders: buttonLoaders })));
     else if (type === 'text')
         return (jsx$1(Elements.TextElement, __assign({ textSpanOnClick: function (textSpanStart, textSpanEnd) {
                 var _a;
@@ -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 () {
@@ -42224,7 +42230,6 @@ function Form(_a) {
             return changeFormStep(nextStepKey, activeStep.key, false);
         },
         updateFieldValues: updateFieldValues,
-        submitCustom: function (values) { return client === null || client === void 0 ? void 0 : client.submitCustom(values); },
         elementOnView: elementOnView,
         onViewElements: viewElements,
         formSettings: formSettings,
@@ -46104,9 +46109,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.HcN-guNp.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.C3IotuWt.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46252,7 +46257,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.1" + ' ', // 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 +47739,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.BpZ7gZfF.js'); });
+var ButtonGroupField = lazy$1(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.BmrKBP2b.js'); });
+var CheckboxField = lazy$1(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.BV8FC0Yc.js'); });
 var CheckboxGroupField = lazy$1(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.Bk-p0axS.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CsSJubdr.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.9VAfgoMl.js'); });
+var CustomField = lazy$1(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.BT7cSNXV.js'); });
 var DateSelectorField = lazy$1(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.By9Va7yz.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Bn5hHeFA.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.DUhZfNzg.js'); });
 var DropdownMultiField = lazy$1(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.Bi8oY0jk.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.B_7ywejL.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.CNIO-M5G.js'); });
+var MatrixField = lazy$1(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.C6CFRFmj.js'); });
+var PasswordField = lazy$1(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.DVRFkK73.js'); });
 var PaymentMethodField = lazy$1(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.CryiQIpT.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.QXLEi8jw.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.wqVaa2JI.js'); });
+var PinInputField = lazy$1(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.BJVuZZ2J.js'); });
+var QRScanner = lazy$1(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.4JG7sxtp.js'); });
 var RadioButtonGroupField = lazy$1(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.C9r-2T-9.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.p64tvQaa.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.DmqZnhoE.js'); });
+var SignatureField = lazy$1(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.Cv8JZvnf.js'); });
+var SliderField = lazy$1(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.B3B8bEEX.js'); });
+var TextField = lazy$1(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.Cr2SZgDK.js'); });
+var TextArea = lazy$1(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.BL5rEBAF.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48716,7 +48721,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.C5ZHl-kt.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -58673,34 +58678,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 +58944,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 +58984,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 +58996,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 +59023,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 +59141,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 +59161,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 +59171,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',
@@ -59157,4 +59464,4 @@ var Feathery = {
     renderAt: renderAt
 };
 
-export { next as $, countryData as A, stringify$2 as B, rulesheet as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, Fragment as F, Global as G, COMMENT as H, middleware as I, combine as J, match as K, serialize as L, copy as M, replace as N, MOZ as O, MS as P, KEYFRAMES as Q, RULESET as R, DECLARATION as S, dealloc as T, alloc as U, hash as V, WEBKIT as W, charat as X, strlen as Y, indexof as Z, __rest$1 as _, __assign as a, token as a0, from as a1, peek as a2, delimit as a3, slice as a4, position as a5, compile as a6, isEmptyArray as a7, toList as a8, useThumbnailData as a9, updateTheme as aA, setFieldValues as aB, getFieldValues as aC, renderAt as aD, LoginForm as aE, useAuthClient as aF, AssistantChat as aG, Feathery as aH, StyledContainer as aI, downloadFile as aa, CloseIcon as ab, justRemove as ac, getStripe as ad, filterKeys as ae, ERROR_COLOR as af, phoneLib as ag, authState as ah, firebaseSMSCountries as ai, phoneLibPromise as aj, isNum as ak, loadQRScanner as al, throttle$1 as am, qrPromise as an, devicePixelRatio as ao, toBase64 as ap, MODAL_Z_INDEX as aq, dataURLToFile as ar, cls as as, getFieldValue$1 as at, emailPatternStr as au, replaceTextVariables as av, ReactForm as aw, Elements as ax, init as ay, updateUserId as az, jsxs as b, __read as c, fieldValues as d, __values as e, featheryDoc as f, __spreadArray as g, featheryWindow as h, getDefaultExportFromCjs as i, jsx$1 as j, hoverStylesGuard as k, iosScrollOnFocus as l, __awaiter$2 as m, __generator as n, FeatheryClient as o, debounce as p, imgMaxSizeStyles as q, resetStyles as r, stringifyWithNull as s, noTextSelectStyles as t, useBorder as u, FORM_Z_INDEX as v, css as w, __makeTemplateObject as x, isMobile as y, formatDateString as z };
+export { next as $, countryData as A, stringify$2 as B, rulesheet as C, DROPDOWN_Z_INDEX as D, ErrorInput as E, Fragment as F, Global as G, COMMENT as H, middleware as I, combine as J, match as K, serialize as L, copy as M, replace as N, MOZ as O, MS as P, KEYFRAMES as Q, RULESET as R, DECLARATION as S, dealloc as T, alloc as U, hash as V, WEBKIT as W, charat as X, strlen as Y, indexof as Z, __assign as _, jsxs as a, token as a0, from as a1, peek as a2, delimit as a3, slice as a4, position as a5, compile as a6, isEmptyArray as a7, toList as a8, useThumbnailData as a9, updateTheme as aA, setFieldValues as aB, getFieldValues as aC, renderAt as aD, LoginForm as aE, useAuthClient as aF, AssistantChat as aG, Feathery as aH, StyledContainer as aI, downloadFile as aa, CloseIcon as ab, justRemove as ac, getStripe as ad, filterKeys as ae, ERROR_COLOR as af, phoneLib as ag, authState as ah, firebaseSMSCountries as ai, phoneLibPromise as aj, isNum as ak, loadQRScanner as al, throttle$1 as am, qrPromise as an, devicePixelRatio as ao, toBase64 as ap, MODAL_Z_INDEX as aq, dataURLToFile as ar, cls as as, getFieldValue$1 as at, emailPatternStr as au, replaceTextVariables as av, ReactForm as aw, Elements as ax, init as ay, updateUserId as az, __read as b, fieldValues as c, __values as d, __spreadArray as e, featheryDoc as f, getDefaultExportFromCjs as g, hoverStylesGuard as h, iosScrollOnFocus as i, jsx$1 as j, __awaiter$2 as k, __generator as l, FeatheryClient as m, debounce as n, imgMaxSizeStyles as o, noTextSelectStyles as p, FORM_Z_INDEX as q, resetStyles as r, stringifyWithNull as s, featheryWindow as t, useBorder as u, css as v, __makeTemplateObject as w, isMobile as x, __rest$1 as y, formatDateString as z };

package/dist/{fthry_index.DSS7GFbG.js → fthry_index.BmrKBP2b.js}

@@ -1,12 +1,12 @@
-import { u as useBorder, b as jsxs, a as __assign, j as jsx, k as hoverStylesGuard, q as imgMaxSizeStyles, t as noTextSelectStyles, E as ErrorInput } from './fthry_index.CMh4cU_z.js';
+import { u as useBorder, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard, o as imgMaxSizeStyles, p as noTextSelectStyles, E as ErrorInput } from './fthry_index.Bk7-v1ou.js';
 import { useRef, useMemo } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.DeG1g5MU.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.DcCcNLS2.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CqD5dxb4.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.Ddbp4SYp.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.CtQBdlg7.js';
+import './fthry_Overlay.C-S2P_RR.js';
 
 function ButtonGroupField(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.fieldVal, fieldVal = _b === void 0 ? null : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, editMode = _a.editMode, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.elementProps, elementProps = _e === void 0 ? {} : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children;

package/dist/{fthry_index.By9Va7yz.js → fthry_index.Bn5hHeFA.js}

@@ -1,16 +1,16 @@
-import { j as jsx, G as Global, w as css, x as __makeTemplateObject, a as __assign, c as __read, y as isMobile, h as featheryWindow, f as featheryDoc, u as useBorder, b as jsxs$1, k as hoverStylesGuard, r as resetStyles, _ as __rest, z as formatDateString } from './fthry_index.CMh4cU_z.js';
+import { j as jsx, G as Global, v as css, w as __makeTemplateObject, _ as __assign, b as __read, x as isMobile, t as featheryWindow, f as featheryDoc, u as useBorder, a as jsxs$1, h as hoverStylesGuard, r as resetStyles, y as __rest, z as formatDateString } from './fthry_index.Bk7-v1ou.js';
 import * as React from 'react';
 import React__default, { useMemo, useLayoutEffect, cloneElement, createRef, Component, useRef, useCallback, useEffect, createElement, memo, useState } 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.DdvJyqsu.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CqD5dxb4.js';
 import { jsxs, jsx as jsx$1 } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { I as IMask, a as IMaskInput } from './fthry_input.DlZicl10.js';
+import { I as IMask, a as IMaskInput } from './fthry_input.aOsdUSPt.js';
 import 'react-dom/client';
 import 'jszip';
-import './fthry_Overlay.CtQBdlg7.js';
-import './fthry_index.ClSefCHf.js';
+import './fthry_Overlay.C-S2P_RR.js';
+import './fthry_index.BsCv8dPB.js';
 
 var PORTAL_CONTAINER_CLASS = '.react-datepicker__portal';
 var DATEPICKER_PADDING_TOP_VALUE = '--datepicker-pad-top';

package/dist/{fthry_index.DclrMlf2.js → fthry_index.BpZ7gZfF.js}

@@ -1,9 +1,9 @@
-import { c as __read, u as useBorder, b as jsxs, a as __assign, k as hoverStylesGuard, j as jsx, l as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, m as __awaiter, n as __generator, o as FeatheryClient, p as debounce } from './fthry_index.CMh4cU_z.js';
+import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, i as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, k as __awaiter, l as __generator, m as FeatheryClient, n as debounce } from './fthry_index.Bk7-v1ou.js';
 import { useRef, useEffect, memo, useState, useCallback } 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.DdvJyqsu.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CqD5dxb4.js';
+import { O as Overlay } from './fthry_Overlay.C-S2P_RR.js';
+import { u as useElementSize } from './fthry_useElementSize.ZyD83Wr1.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.ClSefCHf.js → fthry_index.BsCv8dPB.js}

@@ -1,4 +1,4 @@
-import { i as getDefaultExportFromCjs } from './fthry_index.CMh4cU_z.js';
+import { g as getDefaultExportFromCjs } from './fthry_index.Bk7-v1ou.js';
 
 var propTypes = {exports: {}};