@feathery/react 2.33.0 → 2.34.0

package/dist/{fthry_index.kOfgCMDO.js → fthry_index.DU4jPWLZ.js}

@@ -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);
@@ -42288,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
@@ -46110,9 +46110,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = import(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.BgSqcrR6.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.BfAk31Iw.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);
@@ -46258,7 +46258,7 @@ function getFieldValues() {
     return __assign({}, fieldValues);
 }
 function logFeatheryBadge() {
-    console.log('%c Feathery %c v' + "2.33.0" + ' ', // 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;');
 }
 
@@ -46556,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',
@@ -46573,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) {
@@ -47740,39 +47742,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = lazy$1(function () { return import(/* webpackChunkName: "AddressField" */ './fthry_index.ChdMOr_X.js'); });
-var ButtonGroupField = lazy$1(function () { return import(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.CK5OFXMa.js'); });
-var CheckboxField = lazy$1(function () { return import(/* webpackChunkName: "CheckboxField" */ './fthry_index.D6Ck5pB3.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.URxr29cr.js');
+    return import(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.DANjxt92.js');
 });
-var ColorPickerField = lazy$1(function () { return import(/* webpackChunkName: "ColorPickerField" */ './fthry_index.brIY5h5k.js'); });
-var CustomField = lazy$1(function () { return import(/* webpackChunkName: "CustomField" */ './fthry_index.D0TWGtN7.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.Bpub9YIO.js');
+    return import(/* webpackChunkName: "DateSelectorField" */ './fthry_index.BKqYC-oZ.js');
 });
-var DropdownField = lazy$1(function () { return import(/* webpackChunkName: "DropdownField" */ './fthry_index.BejmbDod.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.CqR05U3I.js');
+    return import(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CiAW_8IB.js');
 });
-var FileUploadField = lazy$1(function () { return import(/* webpackChunkName: "FileUploadField" */ './fthry_index.D9yH2Okw.js'); });
-var MatrixField = lazy$1(function () { return import(/* webpackChunkName: "MatrixField" */ './fthry_index.dvByw-2B.js'); });
-var PasswordField = lazy$1(function () { return import(/* webpackChunkName: "PasswordField" */ './fthry_index.rCNfS1b1.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.DBnHj0cn.js');
+    return import(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DpnAuKvB.js');
 });
-var PhoneField = lazy$1(function () { return import(/* webpackChunkName: "PhoneField" */ './fthry_index.BvQ8XEJZ.js'); });
-var PinInputField = lazy$1(function () { return import(/* webpackChunkName: "PinInputField" */ './fthry_index.Cu5c8aId.js'); });
-var QRScanner = lazy$1(function () { return import(/* webpackChunkName: "QRScanner" */ './fthry_index.DGgHIFlr.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.k6w2ySQR.js');
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.D5e9d-bc.js');
 });
-var RatingField = lazy$1(function () { return import(/* webpackChunkName: "RatingField" */ './fthry_index.Do4oXiDH.js'); });
-var SignatureField = lazy$1(function () { return import(/* webpackChunkName: "SignatureField" */ './fthry_index.BrCePUsU.js'); });
-var SliderField = lazy$1(function () { return import(/* webpackChunkName: "SliderField" */ './fthry_index.BlF_0Ffc.js'); });
-var TextField = lazy$1(function () { return import(/* webpackChunkName: "TextField" */ './fthry_index.o0_GqIs7.js'); });
-var TextArea = lazy$1(function () { return import(/* webpackChunkName: "TextArea" */ './fthry_index.Cvy9sCKK.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,
@@ -48722,7 +48724,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.Dghw4DVd.js'); });
+var TableElement = lazy$1(function () { return import(/* webpackChunkName: "TableElement" */ './fthry_index.DwDyjSm7.js'); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -58647,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) {
@@ -58670,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));
@@ -58727,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) {
@@ -58749,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) {
@@ -58765,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;
@@ -58780,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) {
@@ -58817,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;
@@ -58861,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;
@@ -58918,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,
@@ -58930,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); });
                 }
             }
@@ -58938,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();
@@ -58999,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',
@@ -59010,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',
@@ -59037,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',
@@ -59049,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',
@@ -59112,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
@@ -59155,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',

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

@@ -1,16 +1,16 @@
-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.kOfgCMDO.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.D2BgfEJ9.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
-import { O as Overlay } from './fthry_Overlay.xJ2zMPu8.js';
-import { u as useElementSize } from './fthry_useElementSize.yMElTorV.js';
-import { S as ShowEyeIcon, a as ShowEyeIcon$1 } from './fthry_ShowEyeIcon.y-R1E9to.js';
-import { a as IMaskInput } from './fthry_input.BKW831Tj.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.UVcw7OnE.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;

package/dist/{fthry_index.Dghw4DVd.js → fthry_index.DwDyjSm7.js}

@@ -1,4 +1,4 @@
-import { _ as __rest, j as jsx, a as __assign, b as jsxs, F as Fragment, c as __read, f as featheryDoc, d as fieldValues, s as stringifyWithNull, e as __values, g as __spreadArray } from './fthry_index.kOfgCMDO.js';
+import { _ as __rest, j as jsx, a as __assign, b as jsxs, F as Fragment, c as __read, f as featheryDoc, d as fieldValues, s as stringifyWithNull, e as __values, g as __spreadArray } from './fthry_index.DU4jPWLZ.js';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import 'react/jsx-runtime';

package/dist/{fthry_index.Do4oXiDH.js → fthry_index.DxPTSFlh.js}

@@ -1,4 +1,4 @@
-import { j as jsx, a as __assign, c as __read, b as jsxs, E as ErrorInput } from './fthry_index.kOfgCMDO.js';
+import { j as jsx, a as __assign, c as __read, b as jsxs, E as ErrorInput } from './fthry_index.DU4jPWLZ.js';
 import { useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.Cvy9sCKK.js → fthry_index.RHhTHWCk.js}

@@ -1,12 +1,12 @@
-import { c as __read, u as useBorder, b as jsxs, a as __assign, i as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.kOfgCMDO.js';
+import { c as __read, u as useBorder, b as jsxs, a as __assign, i as hoverStylesGuard, j as jsx, r as resetStyles } from './fthry_index.DU4jPWLZ.js';
 import { memo, useState, useRef } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.D2BgfEJ9.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
+import { P as Placeholder } from './fthry_Placeholder.CPAnnclY.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.BKSwt9jG.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.xJ2zMPu8.js';
+import './fthry_Overlay.BTm6pCZJ.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.BvQ8XEJZ.js → fthry_index.anz0O6yX.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, i as hoverStylesGuard, ak as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.kOfgCMDO.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, i as hoverStylesGuard, ak as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.DU4jPWLZ.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.D2BgfEJ9.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.BbRPRDkF.js';
-import { O as Overlay } from './fthry_Overlay.xJ2zMPu8.js';
-import { u as useElementSize } from './fthry_useElementSize.yMElTorV.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 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.D6Ck5pB3.js → fthry_index.bTguBDFD.js}

@@ -1,4 +1,4 @@
-import { a as __assign, i as hoverStylesGuard, b as jsxs, j as jsx, k as iosScrollOnFocus } from './fthry_index.kOfgCMDO.js';
+import { a as __assign, i as hoverStylesGuard, b as jsxs, j as jsx, k as iosScrollOnFocus } from './fthry_index.DU4jPWLZ.js';
 import { useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_input.BKW831Tj.js → fthry_input.BCkUbKsr.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { P as PropTypes } from './fthry_index.UVcw7OnE.js';
+import { P as PropTypes } from './fthry_index.5DxASb1N.js';
 
 /** Checks if value is string */
 function isString(str) {

package/dist/{fthry_script.BgSqcrR6.js → fthry_script.u21cC2ng.js}

@@ -1,4 +1,4 @@
-import { h as getDefaultExportFromCjs } from './fthry_index.kOfgCMDO.js';
+import { h as getDefaultExportFromCjs } from './fthry_index.DU4jPWLZ.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/{fthry_styles.DbsjdZwt.js → fthry_styles.BCzx9hie.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState, useMemo } from 'react';
-import { as as cls, b as jsxs, F as Fragment, j as jsx, G as Global, w as css, x as __makeTemplateObject } from './fthry_index.kOfgCMDO.js';
+import { as as cls, b as jsxs, F as Fragment, j as jsx, G as Global, w as css, x as __makeTemplateObject } from './fthry_index.DU4jPWLZ.js';
 import { flushSync } from 'react-dom';
 
 function canUseDom() {

package/dist/{fthry_useElementSize.yMElTorV.js → fthry_useElementSize.DPJ5NPHR.js}

@@ -1,4 +1,4 @@
-import { c as __read, v as featheryWindow } from './fthry_index.kOfgCMDO.js';
+import { c as __read, v as featheryWindow } from './fthry_index.DU4jPWLZ.js';
 import { useState, useLayoutEffect } from 'react';
 
 function useElementSize(anchorRef) {

package/dist/{fthry_useSalesforceSync.Cbl44iOq.js → fthry_useSalesforceSync.DQ8LIE8i.js}

@@ -1,4 +1,4 @@
-import { c as __read, l as __awaiter, m as __generator, n as FeatheryClient } from './fthry_index.kOfgCMDO.js';
+import { c as __read, l as __awaiter, m as __generator, n as FeatheryClient } from './fthry_index.DU4jPWLZ.js';
 import { useState, useEffect } from 'react';
 
 function useSalesforceSync(salesforceSync, editMode) {

package/dist/{fthry_webfontloader.BfAk31Iw.js → fthry_webfontloader.BFz-Z-Vx.js}

@@ -1,4 +1,4 @@
-import { h as getDefaultExportFromCjs } from './fthry_index.kOfgCMDO.js';
+import { h as getDefaultExportFromCjs } from './fthry_index.DU4jPWLZ.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/dist/index.js

@@ -1,4 +1,4 @@
-export { aG as AssistantChat, ax as Elements, aH as Feathery, aw as Form, aE as LoginForm, aI as StyledContainer, aC as getFieldValues, ay as init, aD as renderAt, aB as setFieldValues, aA as updateTheme, az as updateUserId, aF as useAuthClient } from './fthry_index.kOfgCMDO.js';
+export { aG as AssistantChat, ax as Elements, aH as Feathery, aw as Form, aE as LoginForm, aI as StyledContainer, aC as getFieldValues, ay as init, aD as renderAt, aB as setFieldValues, aA as updateTheme, az as updateUserId, aF as useAuthClient } from './fthry_index.DU4jPWLZ.js';
 import 'react-dom/client';
 import 'react/jsx-runtime';
 import 'react';

package/dist/utils/formHelperFunctions.d.ts

@@ -44,8 +44,8 @@ export declare function mapFormSettingsResponse(res: any): {
     clearHideIfFields: any;
     mobileBreakpoint: any;
     assistantEnabled: any;
-    assistantContext: any;
     assistantColor: string;
+    assistantWorkflowActions: any;
 };
 export declare function updateCustomHead(headCode: string): Promise<void>;
 export declare function updateCustomCSS(cssCode: string): void;

package/dist/utils/formHelperFunctions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formHelperFunctions.d.ts","sourceRoot":"","sources":["../../src/utils/formHelperFunctions.ts"],"names":[],"mappings":";AAkBA,wBAAgB,uBAAuB,CAAC,EAAE,EAAE,GAAG,QAI9C;AAED,eAAO,MAAM,YAAY,YAAa,GAAG,QA+BxC,CAAC;AAEF,eAAO,MAAM,cAAc,SAAU,GAAG,UAYvC,CAAC;AAEF,eAAO,MAAM,aAAa,SAClB,GAAG,aACE,MAAM,QACX,MAAM,sBACQ,OAAO,MAAM,EAAE,GAAG,CAAC,KACtC,OAAO,MAAM,EAAE,GAAG,CAwBpB,CAAC;AAEF,0DAA0D;AAC1D,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,GAAG,QAqB/C;AAED;;GAEG;AACH,wBAAsB,mBAAmB,CAAC,EACxC,OAAO,EACP,SAAS,EACT,aAAwB,EACxB,QAAa,EAGb,OAAY,EAEZ,KAAY,EACZ,UAAe,EACf,YAAiB,EACjB,eAA0B,EAC1B,aAAqB,EACtB,EAAE,GAAG,oBA4EL;AAYD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,QAEtE;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,MAIjD;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAAC,GAAG,EAAE,GAAG,iBAMzC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAiBhE;AAID,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,OAAO,QAY3D;AAED,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,MAAM,EAClB,GAAG,EAAE,MAAM,GAAG,WAAW,EACzB,QAAQ,EAAE,MAAM,IAAI,QAMrB;AAED,wBAAgB,gBAAgB,SAK/B;AAED,wBAAgB,eAAe,CAAC,eAAe,CAAC,EAAE,OAAO,QAUxD;AAKD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,GAAG,EAAE,SAW/C;AAED,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,GAAG;;;;;;;;;;;;;;;;;;;EAqB/C;AAED,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,iBAgCtD;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,QAM9C;AAgBD,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,GAAG,WAa1C;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,GAAE,MAAM,EAAO,uBAgBtE"}
+{"version":3,"file":"formHelperFunctions.d.ts","sourceRoot":"","sources":["../../src/utils/formHelperFunctions.ts"],"names":[],"mappings":";AAkBA,wBAAgB,uBAAuB,CAAC,EAAE,EAAE,GAAG,QAI9C;AAED,eAAO,MAAM,YAAY,YAAa,GAAG,QA+BxC,CAAC;AAEF,eAAO,MAAM,cAAc,SAAU,GAAG,UAYvC,CAAC;AAEF,eAAO,MAAM,aAAa,SAClB,GAAG,aACE,MAAM,QACX,MAAM,sBACQ,OAAO,MAAM,EAAE,GAAG,CAAC,KACtC,OAAO,MAAM,EAAE,GAAG,CAwBpB,CAAC;AAEF,0DAA0D;AAC1D,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,GAAG,QAqB/C;AAED;;GAEG;AACH,wBAAsB,mBAAmB,CAAC,EACxC,OAAO,EACP,SAAS,EACT,aAAwB,EACxB,QAAa,EAGb,OAAY,EAEZ,KAAY,EACZ,UAAe,EACf,YAAiB,EACjB,eAA0B,EAC1B,aAAqB,EACtB,EAAE,GAAG,oBA4EL;AAYD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,QAEtE;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,MAIjD;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAAC,GAAG,EAAE,GAAG,iBAMzC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAiBhE;AAID,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,OAAO,QAY3D;AAED,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,MAAM,EAClB,GAAG,EAAE,MAAM,GAAG,WAAW,EACzB,QAAQ,EAAE,MAAM,IAAI,QAMrB;AAED,wBAAgB,gBAAgB,SAK/B;AAED,wBAAgB,eAAe,CAAC,eAAe,CAAC,EAAE,OAAO,QAUxD;AAKD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,GAAG,EAAE,SAW/C;AAED,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,GAAG;;;;;;;;;;;;;;;;;;;EAuB/C;AAED,wBAAsB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,iBAgCtD;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,QAM9C;AAgBD,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,GAAG,WAa1C;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,GAAE,MAAM,EAAO,uBAgBtE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feathery/react",
-  "version": "2.33.0",
+  "version": "2.34.0",
   "description": "React library for Feathery",
   "author": "Boyang Dun",
   "license": "MIT",