@feathery/react 2.32.1 → 2.34.0

package/dist/{fthry_index.Bk7-v1ou.js → fthry_index.DU4jPWLZ.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, 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, 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 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); }, buttonLoaders: buttonLoaders })));
+        return (jsx$1(Elements.TableElement, __assign({}, basicProps, { onClick: function (payload) { return tableOnClick(el, payload); }, updateFieldValues: updateFieldValues, submitCustom: submitCustom, buttonLoaders: buttonLoaders })));
     else if (type === 'text')
         return (jsx$1(Elements.TextElement, __assign({ textSpanOnClick: function (textSpanStart, textSpanEnd) {
                 var _a;
@@ -39621,8 +39621,8 @@ function Form(_a) {
         globalStyles: {},
         mobileBreakpoint: DEFAULT_MOBILE_BREAKPOINT,
         assistantEnabled: false,
-        assistantContext: '',
-        assistantColor: '#6b7280'
+        assistantColor: '#6b7280',
+        assistantWorkflowActions: []
     }), 2), formSettings = _12[0], setFormSettings = _12[1];
     var trackHashes = useRef(false);
     var curLanguage = useRef(undefined);
@@ -42230,6 +42230,7 @@ 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,
@@ -42287,7 +42288,7 @@ function Form(_a) {
                         : 20 }), formSettings.assistantEnabled && (jsx$1(Suspense, __assign({ fallback: null }, { children: jsx$1(AssistantChat$1, { transport: transport, bottom: (formSettings.showBrand &&
                             formSettings.brandPosition === 'bottom_right'
                             ? 67
-                            : 20) + (actionToastHeight > 0 ? actionToastHeight + 10 : 0), color: formSettings.assistantColor }) })))] })) })));
+                            : 20) + (actionToastHeight > 0 ? actionToastHeight + 10 : 0), color: formSettings.assistantColor, workflowActions: formSettings.assistantWorkflowActions }) })))] })) })));
 }
 // normal <Form /> (aka ReactForm) component is exported with just `props:
 // Props`, so need this component to support exposing _internalId for use in
@@ -46109,9 +46110,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.HcN-guNp.js').then(function (n) { return n.s; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.u21cC2ng.js').then(function (n) { return n.s; });
         global.webfontloaderPromise = import(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.C3IotuWt.js').then(function (n) { return n.w; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BFz-Z-Vx.js').then(function (n) { return n.w; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46257,7 +46258,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.32.1" + ' ', // replaced with real version during build
+    console.log('%c Feathery %c v' + "2.34.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;');
 }
 
@@ -46555,7 +46556,7 @@ function prioritizeActions(actions) {
     return newActions;
 }
 function mapFormSettingsResponse(res) {
-    var _a;
+    var _a, _b, _c, _d, _e;
     return {
         errorType: res.error_type,
         autocomplete: res.autocomplete ? 'on' : 'off',
@@ -46572,9 +46573,11 @@ function mapFormSettingsResponse(res) {
         saveHideIfFields: res.save_hide_if_fields,
         clearHideIfFields: res.clear_hide_if_fields,
         mobileBreakpoint: (_a = res.mobile_breakpoint) !== null && _a !== void 0 ? _a : DEFAULT_MOBILE_BREAKPOINT,
-        assistantEnabled: res.assistant_enabled,
-        assistantContext: res.assistant_context,
-        assistantColor: res.assistant_color ? "#".concat(res.assistant_color) : '#6b7280'
+        assistantEnabled: (_b = res.ai_assistant_settings) === null || _b === void 0 ? void 0 : _b.enabled,
+        assistantColor: ((_c = res.ai_assistant_settings) === null || _c === void 0 ? void 0 : _c.color)
+            ? "#".concat(res.ai_assistant_settings.color)
+            : '#6b7280',
+        assistantWorkflowActions: (_e = (_d = res.ai_assistant_settings) === null || _d === void 0 ? void 0 : _d.workflow_actions) !== null && _e !== void 0 ? _e : []
     };
 }
 function updateCustomHead(headCode) {
@@ -47739,39 +47742,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-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 AddressLine1 = lazy$1(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.DQtD1jTh.js'); });
+var ButtonGroupField = lazy$1(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.02uCZKhe.js'); });
+var CheckboxField = lazy$1(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.bTguBDFD.js'); });
 var CheckboxGroupField = lazy$1(function () {
-    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.CsSJubdr.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DANjxt92.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 ColorPickerField = lazy$1(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.CQVyGrDZ.js'); });
+var CustomField = lazy$1(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.D-UMzwNT.js'); });
 var DateSelectorField = lazy$1(function () {
-    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.Bn5hHeFA.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BKqYC-oZ.js');
 });
-var DropdownField = lazy$1(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.DUhZfNzg.js'); });
+var DropdownField = lazy$1(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BNCwvjVk.js'); });
 var DropdownMultiField = lazy$1(function () {
-    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.B_7ywejL.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CiAW_8IB.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 FileUploadField = lazy$1(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.BEF9nltO.js'); });
+var MatrixField = lazy$1(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.-CcNnx9X.js'); });
+var PasswordField = lazy$1(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.Cfd1x2qq.js'); });
 var PaymentMethodField = lazy$1(function () {
-    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.QXLEi8jw.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DpnAuKvB.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 PhoneField = lazy$1(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.anz0O6yX.js'); });
+var PinInputField = lazy$1(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.D2a3hB7c.js'); });
+var QRScanner = lazy$1(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.D36b2PTi.js'); });
 var RadioButtonGroupField = lazy$1(function () {
     return import(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.p64tvQaa.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.D5e9d-bc.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 RatingField = lazy$1(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.DxPTSFlh.js'); });
+var SignatureField = lazy$1(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.B1QY7Fyq.js'); });
+var SliderField = lazy$1(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.Ck_WYegw.js'); });
+var TextField = lazy$1(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.DpQBQuUs.js'); });
+var TextArea = lazy$1(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.RHhTHWCk.js'); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48721,7 +48724,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.C5ZHl-kt.js'); });
+var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.DwDyjSm7.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -58646,6 +58649,7 @@ var H3_PATTERN = /^###\s+(.+)$/;
 var H2_PATTERN = /^##\s+(.+)$/;
 var H1_PATTERN = /^#\s+(.+)$/;
 var LIST_PATTERN = /^[-*]\s+(.+)$/;
+var HR_PATTERN = /^---+$/;
 var processBold = function (text) {
     var parts = text.split(BOLD_PATTERN);
     return parts.map(function (part, i) {
@@ -58669,6 +58673,9 @@ var MarkdownText = memo(function (_a) {
             if (h1Match) {
                 return (jsx$1("div", __assign({ css: { fontWeight: 700, fontSize: '16px', marginTop: '10px' } }, { children: processBold(h1Match[1]) }), i));
             }
+            if (HR_PATTERN.test(line)) {
+                return (jsx$1("hr", { css: { border: 'none', borderTop: "1px solid ".concat(GRAY_200) } }, i));
+            }
             var listMatch = line.match(LIST_PATTERN);
             if (listMatch) {
                 return (jsxs("div", __assign({ css: { marginLeft: '12px' } }, { children: ["\u2022 ", processBold(listMatch[1])] }), i));
@@ -58726,6 +58733,27 @@ var getThreadDetail = function (transport, threadId) { return __awaiter$2(void 0
         }
     });
 }); };
+var generateThreadTitle = function (transport, threadId, message) { return __awaiter$2(void 0, void 0, void 0, function () {
+    var res, data;
+    var _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0: return [4 /*yield*/, fetch("".concat(transport.url, "threads/").concat(threadId, "/generate-title/").concat(toQueryString(transport.body)), {
+                    method: 'POST',
+                    headers: __assign(__assign({}, transport.headers()), { 'Content-Type': 'application/json' }),
+                    body: JSON.stringify({ message: message })
+                })];
+            case 1:
+                res = _b.sent();
+                if (!res.ok)
+                    return [2 /*return*/, null];
+                return [4 /*yield*/, res.json()];
+            case 2:
+                data = _b.sent();
+                return [2 /*return*/, (_a = data.title) !== null && _a !== void 0 ? _a : null];
+        }
+    });
+}); };
 var deleteThread = function (transport, threadId) { return __awaiter$2(void 0, void 0, void 0, function () {
     var threadsUrl;
     return __generator(this, function (_a) {
@@ -58748,12 +58776,13 @@ var PANEL_WIDTH = 380;
 var PANEL_HEIGHT = 500;
 var AssistantChat = function (_a) {
     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 transport = _a.transport, _d = _a.bottom, bottom = _d === void 0 ? 20 : _d, color = _a.color, _e = _a.workflowActions, workflowActions = _e === void 0 ? [] : _e;
+    var _f = __read(useState(false), 2), isOpen = _f[0], setIsOpen = _f[1];
+    var _g = __read(useState(''), 2), input = _g[0], setInput = _g[1];
+    var _h = __read(useState([]), 2), threads = _h[0], setThreads = _h[1];
+    var _j = __read(useState(null), 2), activeThreadId = _j[0], setActiveThreadId = _j[1];
+    var _k = __read(useState(false), 2), isDropdownOpen = _k[0], setIsDropdownOpen = _k[1];
+    var _l = __read(useState(null), 2), actionTooltip = _l[0], setActionTooltip = _l[1];
     var messagesEndRef = useRef(null);
     var colors = useMemo(function () { return getChatColors(color || DEFAULT_CHAT_COLOR); }, [color]);
     var makeChat = function (threadId, initialMessages) {
@@ -58764,12 +58793,13 @@ var AssistantChat = function (_a) {
             headers: transport.headers,
             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) {
+                var res, threadId, titleMessage;
+                var _a, _b, _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0: return [4 /*yield*/, fetch(url, init)];
                         case 1:
-                            res = _a.sent();
+                            res = _d.sent();
                             threadId = res.headers.get('X-Thread-Id');
                             if (threadId && !resolvedThreadId) {
                                 resolvedThreadId = threadId;
@@ -58779,6 +58809,15 @@ var AssistantChat = function (_a) {
                                     });
                                 });
                                 setActiveThreadId(threadId);
+                                titleMessage = (_c = (_b = (_a = chat.messages.find(function (m) { return m.role === 'user'; })) === null || _a === void 0 ? void 0 : _a.parts) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.text;
+                                if (titleMessage) {
+                                    generateThreadTitle(transport, threadId, titleMessage).then(function (title) {
+                                        if (title)
+                                            setThreads(function (prev) {
+                                                return prev.map(function (t) { return (t.id === threadId ? __assign(__assign({}, t), { title: title }) : t); });
+                                            });
+                                    });
+                                }
                                 getThreadDetail(transport, threadId).then(function (t) {
                                     if (t)
                                         setThreads(function (prev) {
@@ -58816,9 +58855,9 @@ var AssistantChat = function (_a) {
     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 _k = useChat({
+    var _m = useChat({
         chat: activeChat
-    }), messages = _k.messages, sendMessage = _k.sendMessage, status = _k.status, error = _k.error;
+    }), messages = _m.messages, sendMessage = _m.sendMessage, status = _m.status, error = _m.error;
     // TODO: Implement smooth scroll takeover - stop auto-scroll when user scrolls up
     useEffect(function () {
         var _a;
@@ -58860,7 +58899,6 @@ var AssistantChat = function (_a) {
             }
         ], __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;
@@ -58917,7 +58955,7 @@ var AssistantChat = function (_a) {
                 setThreads(function (prev) { return __spreadArray([
                     {
                         id: id_1,
-                        title: input.trim().slice(0, 60),
+                        title: 'New Chat',
                         created_at: now_1,
                         updated_at: now_1,
                         isTemporary: true,
@@ -58929,7 +58967,7 @@ var AssistantChat = function (_a) {
             else {
                 if (activeThread && !activeThread.title) {
                     setThreads(function (prev) { return __spreadArray([
-                        __assign(__assign({}, activeThread), { title: input.trim().slice(0, 60), updated_at: now_1 })
+                        __assign(__assign({}, activeThread), { title: 'New Chat', updated_at: now_1 })
                     ], __read(prev.filter(function (t) { return t.id !== activeThreadId; })), false); });
                 }
             }
@@ -58937,6 +58975,41 @@ var AssistantChat = function (_a) {
             setInput('');
         }
     };
+    var handleWorkflowAction = function (action) {
+        if (status !== 'ready')
+            return;
+        var now = new Date().toISOString();
+        if (!activeThreadId) {
+            var id_2 = v4$1();
+            setThreads(function (prev) { return __spreadArray([
+                {
+                    id: id_2,
+                    title: action.name,
+                    created_at: now,
+                    updated_at: now,
+                    isTemporary: true,
+                    chat: activeChat
+                }
+            ], __read(prev), false); });
+            setActiveThreadId(id_2);
+        }
+        else if (activeThread && !activeThread.title) {
+            setThreads(function (prev) { return __spreadArray([
+                __assign(__assign({}, activeThread), { title: action.name, updated_at: now })
+            ], __read(prev.filter(function (t) { return t.id !== activeThreadId; })), false); });
+        }
+        sendMessage({
+            parts: [
+                { type: 'text', text: action.name },
+                {
+                    type: 'text',
+                    text: action.instructions,
+                    hidden: true,
+                    interpolate: true
+                }
+            ]
+        });
+    };
     var handleKeyDown = function (e) {
         if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
@@ -58998,7 +59071,13 @@ var AssistantChat = function (_a) {
                     backgroundColor: colors.primary,
                     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: {
+                } }, { children: [jsxs("div", __assign({ css: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '8px',
+                            minWidth: 0,
+                            overflow: 'hidden'
+                        } }, { children: [jsx$1(ChatIcon, {}), jsxs("button", __assign({ type: 'button', onClick: function () { return setIsDropdownOpen(function (prev) { return !prev; }); }, css: {
                                     background: 'none',
                                     border: 'none',
                                     color: 'white',
@@ -59009,8 +59088,13 @@ var AssistantChat = function (_a) {
                                     display: 'flex',
                                     alignItems: 'center',
                                     gap: '4px',
+                                    minWidth: 0,
                                     ':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: {
+                                } }, { children: [jsx$1("span", __assign({ css: {
+                                            overflow: 'hidden',
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap'
+                                        } }, { children: (activeThread === null || activeThread === void 0 ? void 0 : activeThread.title) || 'AI Assistant' })), jsx$1("span", __assign({ css: { fontSize: '10px', opacity: 0.8, flexShrink: 0 } }, { children: "\u25BE" }))] }))] })), jsx$1("button", __assign({ type: 'button', onClick: function () { return setIsOpen(false); }, css: {
                             background: 'none',
                             border: 'none',
                             color: 'white',
@@ -59036,7 +59120,10 @@ var AssistantChat = function (_a) {
                                     zIndex: 1001,
                                     maxHeight: '240px',
                                     overflowY: 'auto'
-                                } }, { children: [jsx$1("button", __assign({ type: 'button', onClick: handleNewThread, css: {
+                                } }, { children: [jsx$1("button", __assign({ type: 'button', onClick: function () {
+                                            handleNewThread();
+                                            setIsDropdownOpen(false);
+                                        }, css: {
                                             width: '100%',
                                             padding: '10px 14px',
                                             background: 'none',
@@ -59048,11 +59135,11 @@ var AssistantChat = function (_a) {
                                             color: colors.primary,
                                             textAlign: 'left',
                                             ':hover': { backgroundColor: GRAY_50 }
-                                        } }, { children: "+ New Thread" })), visibleThreads.length === 0 && (jsx$1("div", __assign({ css: {
+                                        } }, { children: "+ New Chat" })), 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: {
+                                        } }, { children: "No chats yet" }))), visibleThreads.map(function (thread) { return (jsxs("div", __assign({ onClick: function () { return handleSelectThread(thread.id); }, css: {
                                             display: 'flex',
                                             alignItems: 'center',
                                             justifyContent: 'space-between',
@@ -59111,7 +59198,9 @@ var AssistantChat = function (_a) {
                                     lineHeight: '1.5',
                                     backgroundColor: colors.primary,
                                     color: 'white'
-                                } }, { children: message.parts.map(function (part, index) {
+                                } }, { children: message.parts
+                                    .filter(function (part) { return !part.hidden; })
+                                    .map(function (part, index) {
                                     return part.type === 'text' ? (jsx$1("span", { children: part.text }, index)) : null;
                                 }) })) }), message.id)) : (
                         // Assistant message - separate blocks for each part
@@ -59154,7 +59243,51 @@ var AssistantChat = function (_a) {
                             backgroundColor: '#fef2f2',
                             color: '#dc2626',
                             fontSize: '14px'
-                        } }, { children: "Something went wrong. Please try again." }))), jsx$1("div", { ref: messagesEndRef })] })), jsxs("div", __assign({ css: {
+                        } }, { children: "Something went wrong. Please try again." }))), jsx$1("div", { ref: messagesEndRef })] })), workflowActions.length > 0 && (jsxs("div", __assign({ css: {
+                    position: 'relative',
+                    zIndex: 1,
+                    borderTop: "1px solid ".concat(GRAY_200),
+                    backgroundColor: GRAY_50,
+                    padding: '8px 16px',
+                    display: 'flex',
+                    gap: '6px',
+                    overflowX: 'auto'
+                } }, { children: [workflowActions.map(function (action, index) { return (jsx$1("button", __assign({ type: 'button', disabled: isLoading, onClick: function () { return handleWorkflowAction(action); }, onMouseEnter: function (e) {
+                            if (!action.description)
+                                return;
+                            var r = e.currentTarget.getBoundingClientRect();
+                            setActionTooltip({
+                                text: action.description,
+                                x: r.left + r.width / 2,
+                                y: r.top
+                            });
+                        }, onMouseLeave: function () { return setActionTooltip(null); }, css: {
+                            flexShrink: 0,
+                            padding: '4px 10px',
+                            fontSize: '12px',
+                            border: "1px solid ".concat(colors.primary),
+                            borderRadius: '12px',
+                            backgroundColor: 'white',
+                            color: colors.primary,
+                            cursor: 'pointer',
+                            whiteSpace: 'nowrap',
+                            ':disabled': { opacity: 0.5, cursor: 'not-allowed' },
+                            ':hover:not(:disabled)': { backgroundColor: colors.light },
+                            transition: 'background-color 0.15s, color 0.15s'
+                        } }, { children: action.name }), index)); }), actionTooltip && (jsx$1("div", __assign({ css: {
+                            position: 'fixed',
+                            top: actionTooltip.y - 34,
+                            left: actionTooltip.x,
+                            transform: 'translateX(-50%)',
+                            backgroundColor: 'rgba(0,0,0,0.9)',
+                            color: 'white',
+                            fontSize: '12px',
+                            padding: '4px 8px',
+                            borderRadius: '4px',
+                            whiteSpace: 'nowrap',
+                            pointerEvents: 'none',
+                            zIndex: 10000
+                        } }, { children: actionTooltip.text })))] }))), jsxs("div", __assign({ css: {
                     display: 'flex',
                     alignItems: 'center',
                     gap: '8px',
@@ -59464,4 +59597,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, __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 };
+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, getDefaultExportFromCjs as h, hoverStylesGuard as i, jsx$1 as j, iosScrollOnFocus as k, __awaiter$2 as l, __generator as m, FeatheryClient as n, debounce as o, imgMaxSizeStyles as p, noTextSelectStyles as q, resetStyles as r, stringifyWithNull as s, FORM_Z_INDEX as t, useBorder as u, featheryWindow as v, css as w, __makeTemplateObject as x, isMobile as y, formatDateString as z };

package/dist/{fthry_index.Cr2SZgDK.js → fthry_index.DpQBQuUs.js}

@@ -1,16 +1,16 @@
-import { a as jsxs, _ as __assign, j as jsx, D as DROPDOWN_Z_INDEX, b as __read, u as useBorder, at as getFieldValue, s as stringifyWithNull, h as hoverStylesGuard, i as iosScrollOnFocus, q as FORM_Z_INDEX, r as resetStyles, au as emailPatternStr } from './fthry_index.Bk7-v1ou.js';
+import { b as jsxs, a as __assign, j as jsx, D as DROPDOWN_Z_INDEX, c as __read, u as useBorder, at as getFieldValue, s as stringifyWithNull, i as hoverStylesGuard, k as iosScrollOnFocus, t as FORM_Z_INDEX, r as resetStyles, au as emailPatternStr } from './fthry_index.DU4jPWLZ.js';
 import { memo, useRef, useState } from 'react';
-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 { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.CZus1erN.js';
-import { a as IMaskInput } from './fthry_input.aOsdUSPt.js';
+import { P as Placeholder } from './fthry_Placeholder.CPAnnclY.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BKSwt9jG.js';
+import { O as Overlay } from './fthry_Overlay.BTm6pCZJ.js';
+import { u as useElementSize } from './fthry_useElementSize.DPJ5NPHR.js';
+import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.BZ2aJo9D.js';
+import { a as IMaskInput } from './fthry_input.BCkUbKsr.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_index.BsCv8dPB.js';
+import './fthry_index.5DxASb1N.js';
 
 function TextAutocomplete(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;