@feathery/react 2.32.1 → 2.34.0

package/cjs/{fthry_index.C5QUdS7L.js → fthry_index.C7Ucykze.js}

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

package/cjs/{fthry_index.DXol9L5L.js → fthry_index.CEcJUhQu.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.DQL_RNQ5.js');
+var index = require('./fthry_index.CLcw1cAr.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.DurQlaqU.js');
-var index$1 = require('./fthry_index.cjyiNFQz.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BXWfZzL2.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.0Po-_R2K.js');
+var FormControl = require('./fthry_FormControl.CML0lwzj.js');
+var index$1 = require('./fthry_index.Dx0lyifQ.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BA5EZyVy.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.8708kCRl.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CioCMhlq.js');
+require('./fthry_Overlay.B_9rPs-m.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/cjs/{fthry_index.DQL_RNQ5.js → fthry_index.CLcw1cAr.js}

@@ -20976,7 +20976,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,
@@ -20996,7 +20996,7 @@ var Element$1 = function (_a) {
     else if (type === 'video')
         return jsx$1(Elements.VideoElement, exports.__assign({}, basicProps));
     else if (type === 'table')
-        return (jsx$1(Elements.TableElement, exports.__assign({}, basicProps, { onClick: function (payload) { return tableOnClick(el, payload); }, buttonLoaders: buttonLoaders })));
+        return (jsx$1(Elements.TableElement, exports.__assign({}, basicProps, { onClick: function (payload) { return tableOnClick(el, payload); }, updateFieldValues: updateFieldValues, submitCustom: submitCustom, buttonLoaders: buttonLoaders })));
     else if (type === 'text')
         return (jsx$1(Elements.TextElement, exports.__assign({ textSpanOnClick: function (textSpanStart, textSpanEnd) {
                 var _a;
@@ -39642,8 +39642,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 = React.useRef(false);
     var curLanguage = React.useRef(undefined);
@@ -42251,6 +42251,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,
@@ -42308,7 +42309,7 @@ function Form(_a) {
                         : 20 }), formSettings.assistantEnabled && (jsx$1(React.Suspense, exports.__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
@@ -46130,9 +46131,9 @@ function init(sdkKey, options) {
     if (runningInClient()) {
         // Dynamically load libraries that must be client side
         global.scriptjsLoadPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "scriptjs" */ './fthry_script.D4I5wEAM.js'); }).then(function (n) { return n.script; });
+        /* webpackChunkName: "scriptjs" */ './fthry_script.Pp5hc7_j.js'); }).then(function (n) { return n.script; });
         global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.Dpbr76nZ.js'); }).then(function (n) { return n.webfontloader; });
+        /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.pK_b8-qc.js'); }).then(function (n) { return n.webfontloader; });
         // Client-side tracking logic
         if (initState.userTracking === 'cookie') {
             var cookieKey = "feathery-user-id-".concat(sdkKey);
@@ -46278,7 +46279,7 @@ function getFieldValues() {
     return exports.__assign({}, exports.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;');
 }
 
@@ -46576,7 +46577,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',
@@ -46593,9 +46594,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) {
@@ -47760,39 +47763,39 @@ breakpoint) {
     return styles.getTarget('inner-container', undefined, viewport === 'mobile');
 };
 
-var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.BnYce3sm.js'); }); });
-var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.Cm-Al4PR.js'); }); });
-var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.cjyiNFQz.js'); }); });
+var AddressLine1 = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "AddressField" */ './fthry_index.SDGVk6Nx.js'); }); });
+var ButtonGroupField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ButtonGroupField" */ './fthry_index.DrY8SRA_.js'); }); });
+var CheckboxField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxField" */ './fthry_index.Dx0lyifQ.js'); }); });
 var CheckboxGroupField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.B8tZZXUF.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "CheckboxGroupField" */ './fthry_index.WclRwtN5.js'); });
 });
-var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.DpeEqUaO.js'); }); });
-var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.C05KVXV6.js'); }); });
+var ColorPickerField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "ColorPickerField" */ './fthry_index.T7PUxXEk.js'); }); });
+var CustomField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "CustomField" */ './fthry_index.BXg6uKKM.js'); }); });
 var DateSelectorField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.CY58pJ5G.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DateSelectorField" */ './fthry_index.D5JB2gFa.js'); });
 });
-var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.D3P96Nnw.js'); }); });
+var DropdownField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownField" */ './fthry_index.COZBuqOZ.js'); }); });
 var DropdownMultiField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.CANZBm-k.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "DropdownMultiField" */ './fthry_index.BhR7_Tw1.js'); });
 });
-var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.CLPl9dPm.js'); }); });
-var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.Br877QRA.js'); }); });
-var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.BrWW45H5.js'); }); });
+var FileUploadField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "FileUploadField" */ './fthry_index.C0XeExCZ.js'); }); });
+var MatrixField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "MatrixField" */ './fthry_index.Ht6LeWDf.js'); }); });
+var PasswordField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PasswordField" */ './fthry_index.BQVESvqn.js'); }); });
 var PaymentMethodField = React.lazy(function () {
-    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.DhSkUuU-.js'); });
+    return Promise.resolve().then(function () { return require(/* webpackChunkName: "PaymentMethodField" */ './fthry_PaymentMethodField.C00vPUNe.js'); });
 });
-var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.RkgEXvkN.js'); }); });
-var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.DPXTa2dj.js'); }); });
-var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.9yf8TiBa.js'); }); });
+var PhoneField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PhoneField" */ './fthry_index.BJAVGAGZ.js'); }); });
+var PinInputField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "PinInputField" */ './fthry_index.BgedLiI0.js'); }); });
+var QRScanner = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "QRScanner" */ './fthry_index.feR_RWVW.js'); }); });
 var RadioButtonGroupField = React.lazy(function () {
     return Promise.resolve().then(function () { return require(
-    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.DXol9L5L.js'); });
+    /* webpackChunkName: "RadioButtonGroupField" */ './fthry_index.CEcJUhQu.js'); });
 });
-var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.Cgn2gw_g.js'); }); });
-var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.CwZL5tZB.js'); }); });
-var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.Oufk9PK1.js'); }); });
-var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.DALbyltA.js'); }); });
-var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.Dofn1W06.js'); }); });
+var RatingField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "RatingField" */ './fthry_index.cNEEOSYt.js'); }); });
+var SignatureField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SignatureField" */ './fthry_index.C0u7HxWh.js'); }); });
+var SliderField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "SliderField" */ './fthry_index.BYybPok4.js'); }); });
+var TextField = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextField" */ './fthry_index.Bf0a9QEh.js'); }); });
+var TextArea = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TextArea" */ './fthry_index.03SRNIsU.js'); }); });
 var Fields = {
     AddressLine1: AddressLine1,
     ButtonGroupField: ButtonGroupField,
@@ -48742,7 +48745,7 @@ function ElementSkeleton(_a) {
 }
 var templateObject_1;
 
-var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.NnMUv723.js'); }); });
+var TableElement = React.lazy(function () { return Promise.resolve().then(function () { return require(/* webpackChunkName: "TableElement" */ './fthry_index.C5G-Orde.js'); }); });
 var Basic = {
     ImageElement: ImageElement,
     VideoElement: VideoElement,
@@ -58667,6 +58670,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) {
@@ -58690,6 +58694,9 @@ var MarkdownText = React.memo(function (_a) {
             if (h1Match) {
                 return (jsx$1("div", exports.__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", exports.__assign({ css: { marginLeft: '12px' } }, { children: ["\u2022 ", processBold(listMatch[1])] }), i));
@@ -58747,6 +58754,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: exports.__assign(exports.__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) {
@@ -58769,12 +58797,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(React.useState(false), 2), isOpen = _e[0], setIsOpen = _e[1];
-    var _f = __read(React.useState(''), 2), input = _f[0], setInput = _f[1];
-    var _g = __read(React.useState([]), 2), threads = _g[0], setThreads = _g[1];
-    var _h = __read(React.useState(null), 2), activeThreadId = _h[0], setActiveThreadId = _h[1];
-    var _j = __read(React.useState(false), 2), isDropdownOpen = _j[0], setIsDropdownOpen = _j[1];
+    var 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(React.useState(false), 2), isOpen = _f[0], setIsOpen = _f[1];
+    var _g = __read(React.useState(''), 2), input = _g[0], setInput = _g[1];
+    var _h = __read(React.useState([]), 2), threads = _h[0], setThreads = _h[1];
+    var _j = __read(React.useState(null), 2), activeThreadId = _j[0], setActiveThreadId = _j[1];
+    var _k = __read(React.useState(false), 2), isDropdownOpen = _k[0], setIsDropdownOpen = _k[1];
+    var _l = __read(React.useState(null), 2), actionTooltip = _l[0], setActionTooltip = _l[1];
     var messagesEndRef = React.useRef(null);
     var colors = React.useMemo(function () { return getChatColors(color || DEFAULT_CHAT_COLOR); }, [color]);
     var makeChat = function (threadId, initialMessages) {
@@ -58785,12 +58814,13 @@ var AssistantChat = function (_a) {
             headers: transport.headers,
             body: function () { return (exports.__assign(exports.__assign({}, transport.body), { thread_id: resolvedThreadId || null })); },
             fetch: function (url, init) { return __awaiter$2(void 0, void 0, void 0, function () {
-                var res, threadId;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                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;
@@ -58800,6 +58830,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 ? exports.__assign(exports.__assign({}, t), { title: title }) : t); });
+                                            });
+                                    });
+                                }
                                 getThreadDetail(transport, threadId).then(function (t) {
                                     if (t)
                                         setThreads(function (prev) {
@@ -58837,9 +58876,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
     React.useEffect(function () {
         var _a;
@@ -58881,7 +58920,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;
@@ -58938,7 +58976,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,
@@ -58950,7 +58988,7 @@ var AssistantChat = function (_a) {
             else {
                 if (activeThread && !activeThread.title) {
                     setThreads(function (prev) { return __spreadArray([
-                        exports.__assign(exports.__assign({}, activeThread), { title: input.trim().slice(0, 60), updated_at: now_1 })
+                        exports.__assign(exports.__assign({}, activeThread), { title: 'New Chat', updated_at: now_1 })
                     ], __read(prev.filter(function (t) { return t.id !== activeThreadId; })), false); });
                 }
             }
@@ -58958,6 +58996,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([
+                exports.__assign(exports.__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();
@@ -59019,7 +59092,13 @@ var AssistantChat = function (_a) {
                     backgroundColor: colors.primary,
                     color: 'white',
                     position: 'relative'
-                } }, { children: [jsxs("div", exports.__assign({ css: { display: 'flex', alignItems: 'center', gap: '8px' } }, { children: [jsx$1(ChatIcon, {}), jsxs("button", exports.__assign({ type: 'button', onClick: function () { return setIsDropdownOpen(function (prev) { return !prev; }); }, css: {
+                } }, { children: [jsxs("div", exports.__assign({ css: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '8px',
+                            minWidth: 0,
+                            overflow: 'hidden'
+                        } }, { children: [jsx$1(ChatIcon, {}), jsxs("button", exports.__assign({ type: 'button', onClick: function () { return setIsDropdownOpen(function (prev) { return !prev; }); }, css: {
                                     background: 'none',
                                     border: 'none',
                                     color: 'white',
@@ -59030,8 +59109,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", exports.__assign({ css: { fontSize: '10px', opacity: 0.8 } }, { children: "\u25BE" }))] }))] })), jsx$1("button", exports.__assign({ type: 'button', onClick: function () { return setIsOpen(false); }, css: {
+                                } }, { children: [jsx$1("span", exports.__assign({ css: {
+                                            overflow: 'hidden',
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap'
+                                        } }, { children: (activeThread === null || activeThread === void 0 ? void 0 : activeThread.title) || 'AI Assistant' })), jsx$1("span", exports.__assign({ css: { fontSize: '10px', opacity: 0.8, flexShrink: 0 } }, { children: "\u25BE" }))] }))] })), jsx$1("button", exports.__assign({ type: 'button', onClick: function () { return setIsOpen(false); }, css: {
                             background: 'none',
                             border: 'none',
                             color: 'white',
@@ -59057,7 +59141,10 @@ var AssistantChat = function (_a) {
                                     zIndex: 1001,
                                     maxHeight: '240px',
                                     overflowY: 'auto'
-                                } }, { children: [jsx$1("button", exports.__assign({ type: 'button', onClick: handleNewThread, css: {
+                                } }, { children: [jsx$1("button", exports.__assign({ type: 'button', onClick: function () {
+                                            handleNewThread();
+                                            setIsDropdownOpen(false);
+                                        }, css: {
                                             width: '100%',
                                             padding: '10px 14px',
                                             background: 'none',
@@ -59069,11 +59156,11 @@ var AssistantChat = function (_a) {
                                             color: colors.primary,
                                             textAlign: 'left',
                                             ':hover': { backgroundColor: GRAY_50 }
-                                        } }, { children: "+ New Thread" })), visibleThreads.length === 0 && (jsx$1("div", exports.__assign({ css: {
+                                        } }, { children: "+ New Chat" })), visibleThreads.length === 0 && (jsx$1("div", exports.__assign({ css: {
                                             padding: '12px 14px',
                                             fontSize: '13px',
                                             color: GRAY_400
-                                        } }, { children: "No threads yet" }))), visibleThreads.map(function (thread) { return (jsxs("div", exports.__assign({ onClick: function () { return handleSelectThread(thread.id); }, css: {
+                                        } }, { children: "No chats yet" }))), visibleThreads.map(function (thread) { return (jsxs("div", exports.__assign({ onClick: function () { return handleSelectThread(thread.id); }, css: {
                                             display: 'flex',
                                             alignItems: 'center',
                                             justifyContent: 'space-between',
@@ -59132,7 +59219,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
@@ -59175,7 +59264,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", exports.__assign({ css: {
+                        } }, { children: "Something went wrong. Please try again." }))), jsx$1("div", { ref: messagesEndRef })] })), workflowActions.length > 0 && (jsxs("div", exports.__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", exports.__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", exports.__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", exports.__assign({ css: {
                     display: 'flex',
                     alignItems: 'center',
                     gap: '8px',

package/cjs/{fthry_index.D3P96Nnw.js → fthry_index.COZBuqOZ.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.DQL_RNQ5.js');
+var index = require('./fthry_index.CLcw1cAr.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BXWfZzL2.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.0Po-_R2K.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BA5EZyVy.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.8708kCRl.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CioCMhlq.js');
+require('./fthry_Overlay.B_9rPs-m.js');
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/cjs/{fthry_index.CY58pJ5G.js → fthry_index.D5JB2gFa.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index$3 = require('./fthry_index.DQL_RNQ5.js');
+var index$3 = require('./fthry_index.CLcw1cAr.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CX7qc-Cl.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BXWfZzL2.js');
+var Placeholder = require('./fthry_Placeholder.BFFDhXBs.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BA5EZyVy.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var input = require('./fthry_input.Ek-TePLo.js');
+var input = require('./fthry_input.Cpq06SDM.js');
 require('react-dom/client');
 require('jszip');
-require('./fthry_Overlay.CioCMhlq.js');
-require('./fthry_index.C5QUdS7L.js');
+require('./fthry_Overlay.B_9rPs-m.js');
+require('./fthry_index.C7Ucykze.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/{fthry_index.Cm-Al4PR.js → fthry_index.DrY8SRA_.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.DQL_RNQ5.js');
+var index = require('./fthry_index.CLcw1cAr.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BXWfZzL2.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.0Po-_R2K.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BA5EZyVy.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.8708kCRl.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CioCMhlq.js');
+require('./fthry_Overlay.B_9rPs-m.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/cjs/{fthry_index.cjyiNFQz.js → fthry_index.Dx0lyifQ.js}

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

package/cjs/{fthry_index.Br877QRA.js → fthry_index.Ht6LeWDf.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./fthry_index.DQL_RNQ5.js');
+var index = require('./fthry_index.CLcw1cAr.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.CioCMhlq.js');
-var index$1 = require('./fthry_index.cjyiNFQz.js');
+var Overlay = require('./fthry_Overlay.B_9rPs-m.js');
+var index$1 = require('./fthry_index.Dx0lyifQ.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.BnYce3sm.js → fthry_index.SDGVk6Nx.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.DQL_RNQ5.js');
+var index$1 = require('./fthry_index.CLcw1cAr.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.CX7qc-Cl.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BXWfZzL2.js');
-var Overlay = require('./fthry_Overlay.CioCMhlq.js');
-var useElementSize = require('./fthry_useElementSize.DxiZSHps.js');
+var Placeholder = require('./fthry_Placeholder.BFFDhXBs.js');
+var InlineTooltip = require('./fthry_InlineTooltip.BA5EZyVy.js');
+var Overlay = require('./fthry_Overlay.B_9rPs-m.js');
+var useElementSize = require('./fthry_useElementSize.EwhSeBgA.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.DpeEqUaO.js → fthry_index.T7PUxXEk.js}

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