@eshal-bot/chat-widget 0.1.13 → 0.1.15

package/dist/chat-widget.js

@@ -613,6 +613,8 @@
     }
   };
 
+  const _excluded$2 = ["prompts"];
+
   // ============================================================================
   // TYPES & INTERFACES
   // ============================================================================
@@ -728,18 +730,48 @@
   };
 
   /**
-   * Updates the last assistant message with final content
+   * Normalizes prompts from stream (array of { type?, text, confidence? })
+   * @param {any} raw - Raw prompts from API
+   * @returns {Array<{ type: string, text: string, confidence?: number }>|undefined}
+   */
+  const normalizePrompts = raw => {
+    if (!Array.isArray(raw) || raw.length === 0) return undefined;
+    const normalized = raw.map(p => ({
+      type: p.type || 'prompt',
+      text: typeof p.text === 'string' ? p.text : '',
+      confidence: typeof p.confidence === 'number' ? p.confidence : undefined
+    })).filter(p => p.text);
+    return normalized.length ? normalized : undefined;
+  };
+
+  /**
+   * Updates the last assistant message with final content and optional metadata.
+   * Combines both: generic extra fields (e.g. conclusionDetected) and prompts.
+   *
    * @param {function} setMessages - React state setter for messages
    * @param {string} content - Final content to set
+   * @param {{
+   *   prompts?: Array<{ type?: string, text: string, confidence?: number }>,
+   *   [key: string]: any
+   * }} [metadata] - Optional metadata (extra fields + prompts)
    */
-  const updateFinalMessage = (setMessages, content) => {
+  const updateFinalMessage = function (setMessages, content) {
+    let metadata = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     setMessages(prev => {
       const updatedMessages = [...(prev || [])];
       const lastMessage = updatedMessages[updatedMessages.length - 1];
       if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'assistant') {
-        updatedMessages[updatedMessages.length - 1] = _objectSpread2(_objectSpread2({}, lastMessage), {}, {
+        const _ref = metadata || {},
+          {
+            prompts
+          } = _ref,
+          extraFields = _objectWithoutProperties$1(_ref, _excluded$2);
+        updatedMessages[updatedMessages.length - 1] = _objectSpread2(_objectSpread2(_objectSpread2({}, lastMessage), extraFields), {}, {
+          // e.g. conclusionDetected or other flags
           content,
           isProcessing: false
+        }, prompts != null && {
+          prompts: normalizePrompts(prompts)
         });
       }
       return updatedMessages;
@@ -815,7 +847,18 @@
       case StreamEventType.COMPLETE:
         {
           const finalContent = streamEvent.finalContent || accumulatedText.current;
-          updateFinalMessage(setMessages, finalContent);
+
+          // Map conclusion flag from stream event (supports snake_case and camelCase)
+          const extraFields = {};
+          if (typeof streamEvent.conclusionDetected === 'boolean') {
+            extraFields.conclusionDetected = streamEvent.conclusionDetected;
+          } else if (typeof streamEvent.conclusion_detected === 'boolean') {
+            extraFields.conclusionDetected = streamEvent.conclusion_detected;
+          }
+          const metadata = _objectSpread2(_objectSpread2({}, extraFields), {}, {
+            prompts: streamEvent.prompts
+          });
+          updateFinalMessage(setMessages, finalContent, metadata);
           break;
         }
       case StreamEventType.ERROR:
@@ -880,7 +923,7 @@
         const segments = buffer.split(/\r?\n\r?\n/);
         buffer = segments.pop() || '';
         for (const segment of segments) {
-          var _parsed$choices2, _parsed$choices3;
+          var _parsed$choices3, _parsed$choices4;
           const lines = segment.split(/\r?\n/).map(line => line.trim()).filter(Boolean);
           if (lines.length === 0) {
             continue;
@@ -938,14 +981,47 @@
 
             // Handle complete events
             if (parsed.type === 'complete') {
-              // Finalize the message
-              const finalContent = parsed.finalContent || accumulatedText.current;
-              if (finalContent) {
+              var _ref2, _parsed$Sources, _ref5, _parsed$choices$0$del, _parsed$choices2;
+              // Normalize Sources from stream (API may send "Sources" or "sources")
+              const rawSources = (_ref2 = (_parsed$Sources = parsed.Sources) !== null && _parsed$Sources !== void 0 ? _parsed$Sources : parsed.sources) !== null && _ref2 !== void 0 ? _ref2 : [];
+              const sources = Array.isArray(rawSources) ? rawSources.map(s => {
+                var _ref3, _s$source_type, _s$sourceid, _ref4, _s$source_name;
+                return {
+                  source_type: (_ref3 = (_s$source_type = s.source_type) !== null && _s$source_type !== void 0 ? _s$source_type : s.sourceType) !== null && _ref3 !== void 0 ? _ref3 : 'website',
+                  source_id: (_s$sourceid = s.sourceid) !== null && _s$sourceid !== void 0 ? _s$sourceid : s.source_id,
+                  source_name: (_ref4 = (_s$source_name = s.source_name) !== null && _s$source_name !== void 0 ? _s$source_name : s.sourceName) !== null && _ref4 !== void 0 ? _ref4 : '',
+                  url: s.url
+                };
+              }).filter(s => s.source_id || s.url) : [];
+
+              // Finalize the message content
+              const finalContent = (_ref5 = (_parsed$choices$0$del = (_parsed$choices2 = parsed.choices) === null || _parsed$choices2 === void 0 || (_parsed$choices2 = _parsed$choices2[0]) === null || _parsed$choices2 === void 0 || (_parsed$choices2 = _parsed$choices2.delta) === null || _parsed$choices2 === void 0 ? void 0 : _parsed$choices2.content) !== null && _parsed$choices$0$del !== void 0 ? _parsed$choices$0$del : parsed.finalContent) !== null && _ref5 !== void 0 ? _ref5 : accumulatedText.current;
+
+              // Map conclusion flag from payload (supports snake_case and camelCase)
+              const extraFields = {};
+              if (typeof parsed.conclusionDetected === 'boolean') {
+                extraFields.conclusionDetected = parsed.conclusionDetected;
+              } else if (typeof parsed.conclusion_detected === 'boolean') {
+                extraFields.conclusionDetected = parsed.conclusion_detected;
+              }
+
+              // Prompts metadata (for suggestion buttons)
+              const metadata = _objectSpread2(_objectSpread2({}, extraFields), {}, {
+                prompts: parsed.prompts
+              });
+
+              // Finalize message with content + prompts + conclusionDetected
+              updateFinalMessage(setMessages, finalContent, metadata);
+
+              // Attach sources to the last assistant message if present
+              if (sources.length > 0) {
                 setMessages(prev => {
                   const updatedMessages = [...(prev || [])];
                   const lastMessage = updatedMessages[updatedMessages.length - 1];
                   if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'assistant') {
                     updatedMessages[updatedMessages.length - 1] = _objectSpread2(_objectSpread2({}, lastMessage), {}, {
+                      sources,
+                      // Ensure final state is fully consistent
                       content: finalContent,
                       isProcessing: false
                     });
@@ -953,17 +1029,6 @@
                   return updatedMessages;
                 });
               }
-              // Remove processing state
-              setMessages(prev => {
-                const updatedMessages = [...(prev || [])];
-                const lastMessage = updatedMessages[updatedMessages.length - 1];
-                if (lastMessage !== null && lastMessage !== void 0 && lastMessage.isProcessing) {
-                  updatedMessages[updatedMessages.length - 1] = _objectSpread2(_objectSpread2({}, lastMessage), {}, {
-                    isProcessing: false
-                  });
-                }
-                return updatedMessages;
-              });
               continue;
             }
 
@@ -993,7 +1058,7 @@
           }
 
           // Handle OpenAI format without type field (fallback)
-          if (parsed.object === 'chat.completion.chunk' && (_parsed$choices2 = parsed.choices) !== null && _parsed$choices2 !== void 0 && (_parsed$choices2 = _parsed$choices2[0]) !== null && _parsed$choices2 !== void 0 && (_parsed$choices2 = _parsed$choices2.delta) !== null && _parsed$choices2 !== void 0 && _parsed$choices2.content) {
+          if (parsed.object === 'chat.completion.chunk' && (_parsed$choices3 = parsed.choices) !== null && _parsed$choices3 !== void 0 && (_parsed$choices3 = _parsed$choices3[0]) !== null && _parsed$choices3 !== void 0 && (_parsed$choices3 = _parsed$choices3.delta) !== null && _parsed$choices3 !== void 0 && _parsed$choices3.content) {
             // Create skeleton on first chunk if not already created
             if (!hasReceivedFirstChunk.current) {
               hasReceivedFirstChunk.current = true;
@@ -1012,17 +1077,11 @@
           }
 
           // Handle finish_reason (stream complete)
-          if ((_parsed$choices3 = parsed.choices) !== null && _parsed$choices3 !== void 0 && (_parsed$choices3 = _parsed$choices3[0]) !== null && _parsed$choices3 !== void 0 && _parsed$choices3.finish_reason && parsed.choices[0].finish_reason !== null) {
-            setMessages(prev => {
-              const updatedMessages = [...(prev || [])];
-              const lastMessage = updatedMessages[updatedMessages.length - 1];
-              if (lastMessage !== null && lastMessage !== void 0 && lastMessage.isProcessing) {
-                updatedMessages[updatedMessages.length - 1] = _objectSpread2(_objectSpread2({}, lastMessage), {}, {
-                  isProcessing: false
-                });
-              }
-              return updatedMessages;
-            });
+          if ((_parsed$choices4 = parsed.choices) !== null && _parsed$choices4 !== void 0 && (_parsed$choices4 = _parsed$choices4[0]) !== null && _parsed$choices4 !== void 0 && _parsed$choices4.finish_reason && parsed.choices[0].finish_reason !== null) {
+            const metadata = {
+              prompts: parsed.prompts
+            };
+            updateFinalMessage(setMessages, accumulatedText.current, metadata);
           }
         }
       }
@@ -1211,6 +1270,24 @@
     });
   };
 
+  // Field order for onboarding form: name → email → phone (then any others)
+  // Lower number = earlier in the form. Name first, then email, then phone.
+  // Keys are lowercase so getOnboardingFieldOrder(fieldType) works for any casing.
+  const ONBOARDING_FIELD_ORDER = {
+    fullname: 0,
+    name: 0,
+    username: 0,
+    email: 1,
+    phone: 2,
+    mobileno: 2
+  };
+  const getOnboardingFieldOrder = fieldType => {
+    var _ONBOARDING_FIELD_ORD;
+    if (!fieldType) return 99;
+    const key = String(fieldType).toLowerCase();
+    return (_ONBOARDING_FIELD_ORD = ONBOARDING_FIELD_ORDER[key]) !== null && _ONBOARDING_FIELD_ORD !== void 0 ? _ONBOARDING_FIELD_ORD : 99;
+  };
+
   const createMessage = _ref => {
     let {
       id,
@@ -1236,9 +1313,6 @@
     }
     return [];
   };
-  const getOnboardingIntro = collectionPrompt => {
-    return collectionPrompt || "Before we proceed, I need to collect some information.";
-  };
   const validateOnboardingAnswer = (question, answer) => {
     var _question$fieldType;
     if (!answer.trim()) {
@@ -1319,7 +1393,7 @@
     const widgetRef = reactExports.useRef(null);
     const messageIdRef = reactExports.useRef(1);
 
-    // Onboarding state
+    // Onboarding state: show form first when onboarding is enabled (no message required)
     const [onboardingActive, setOnboardingActive] = reactExports.useState(false);
     const [onboardingCompleted, setOnboardingCompleted] = reactExports.useState(false);
     const [currentQuestionIndex, setCurrentQuestionIndex] = reactExports.useState(0);
@@ -1380,6 +1454,15 @@
       setIsDark(darkMode);
     }, [darkMode]);
 
+    // When onboarding is enabled, show the form as the first screen (no message required)
+    reactExports.useEffect(() => {
+      if (!onboardingEnabled || onboardingCompleted) return;
+      const questions = getOnboardingQuestions(onboardingQuestions);
+      if (questions.length > 0) {
+        setOnboardingActive(true);
+      }
+    }, [onboardingEnabled, onboardingCompleted, onboardingQuestions]);
+
     // Sync welcome message updates
     reactExports.useEffect(() => {
       if (!welcomeMessage) {
@@ -1462,7 +1545,15 @@
           role: "user",
           content: trimmed
         });
-        setMessages(prev => [...(prev || []), userMessage]);
+        setMessages(prev => {
+          const cleared = (prev || []).map(msg => {
+            var _msg$prompts;
+            return msg.role === 'assistant' && (_msg$prompts = msg.prompts) !== null && _msg$prompts !== void 0 && _msg$prompts.length ? _objectSpread2(_objectSpread2({}, msg), {}, {
+              prompts: undefined
+            }) : msg;
+          });
+          return [...cleared, userMessage];
+        });
         setInputValue("");
         setIsLoading(true);
       } else {
@@ -1562,28 +1653,50 @@
       }
       setOnboardingActive(true);
       setCurrentQuestionIndex(0);
-      const introText = getOnboardingIntro(collectionPrompt);
-      const introMessage = createMessage({
-        id: getNextMessageId(),
-        role: "assistant",
-        content: introText,
-        isProcessing: false
-      });
-      setMessages(prev => [...prev, introMessage]);
+      // Form UI shows all questions at once; no intro/first-question messages
+    }, [onboardingQuestions]);
+    const handleOnboardingFormSubmit = reactExports.useCallback(async answers => {
+      const questions = getOnboardingQuestions(onboardingQuestions);
+      if (questions.length === 0) return;
+      const sorted = [...questions].sort((a, b) => getOnboardingFieldOrder(a.fieldType) - getOnboardingFieldOrder(b.fieldType));
+      for (const q of sorted) {
+        var _answers$key;
+        const key = q.fieldType || "question";
+        const value = ((_answers$key = answers[key]) !== null && _answers$key !== void 0 ? _answers$key : "").trim();
+        if (!value) continue;
+        const res = await sendMessage(value, key);
+        if (!(res !== null && res !== void 0 && res.success)) {
+          const errorMsg = createMessage({
+            id: getNextMessageId(),
+            role: "assistant",
+            content: (res === null || res === void 0 ? void 0 : res.error) || "Something went wrong. Please try again.",
+            isProcessing: false
+          });
+          setMessages(prev => [...prev, errorMsg]);
+          return;
+        }
+      }
+      setOnboardingActive(false);
+      setOnboardingCompleted(true);
+      setOnboardingAnswers(prev => _objectSpread2(_objectSpread2({}, prev), answers));
 
-      // Show first question after a delay
-      setTimeout(() => {
-        var _firstQuestion$askToT;
-        const firstQuestion = questions[0];
-        const questionMessage = createMessage({
-          id: getNextMessageId(),
-          role: "assistant",
-          content: (_firstQuestion$askToT = firstQuestion.askToType) !== null && _firstQuestion$askToT !== void 0 ? _firstQuestion$askToT : firstQuestion,
-          isProcessing: false
-        });
-        setMessages(prev => [...prev, questionMessage]);
-      }, 800);
-    }, [onboardingQuestions, collectionPrompt, getNextMessageId]);
+      // Confirmation message disabled - no need to show after onboarding
+      // const successMessage = createMessage({
+      //   id: getNextMessageId(),
+      //   role: "assistant",
+      //   content: "Thank you! I've received your information.",
+      //   isProcessing: false,
+      // });
+      // setMessages((prev) => [...prev, successMessage]);
+
+      if (pendingUserIntent && !pendingIntentProcessedRef.current) {
+        pendingIntentProcessedRef.current = true;
+        setTimeout(() => {
+          setInputValue(pendingUserIntent);
+          setPendingUserIntent(null);
+        }, 500);
+      }
+    }, [onboardingQuestions, sendMessage, getNextMessageId, pendingUserIntent]);
     const handleOnboardingAnswer = reactExports.useCallback(async answer => {
       if (isProcessingAnswer) {
         return;
@@ -1659,13 +1772,14 @@
           setOnboardingCompleted(true);
           setIsProcessingAnswer(false);
           setTimeout(() => {
-            const successMessage = createMessage({
-              id: getNextMessageId(),
-              role: "assistant",
-              content: "Thank you! I've received your information.",
-              isProcessing: false
-            });
-            setMessages(prev => [...prev, successMessage]);
+            // Confirmation message disabled - no need to show after onboarding
+            // const successMessage = createMessage({
+            //   id: getNextMessageId(),
+            //   role: "assistant",
+            //   content: "Thank you! I've received your information.",
+            //   isProcessing: false,
+            // });
+            // setMessages((prev) => [...prev, successMessage]);
 
             // If there's a pending user intent, pre-fill input
             if (pendingUserIntent && !pendingIntentProcessedRef.current) {
@@ -2693,6 +2807,8 @@
       }
     }, [bidiMessages, isVoiceSessionActive]);
     return {
+      // Identifiers
+      conversationId: bidiSessionId,
       // State
       isOpen,
       isMinimized,
@@ -2710,6 +2826,7 @@
       onboardingQuestions,
       onboardingActive,
       onboardingCompleted,
+      handleOnboardingFormSubmit,
       // Actions
       setInputValue,
       handleSend,
@@ -2727,7 +2844,52 @@
   };
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+    return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+  }).join(" ").trim();
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const toCamelCase = (string) => string.replace(
+    /^([A-Z])|[\s-_]+(\w)/g,
+    (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+  );
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+
+  const toPascalCase = (string) => {
+    const camelCase = toCamelCase(string);
+    return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+  };
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -2746,113 +2908,252 @@
   };
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const hasA11yProp = (props) => {
+    for (const prop in props) {
+      if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+
+  const Icon = reactExports.forwardRef(
+    ({
+      color = "currentColor",
+      size = 24,
+      strokeWidth = 2,
+      absoluteStrokeWidth,
+      className = "",
+      children,
+      iconNode,
+      ...rest
+    }, ref) => reactExports.createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => reactExports.createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    )
+  );
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
 
 
-  const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim();
   const createLucideIcon = (iconName, iconNode) => {
     const Component = reactExports.forwardRef(
-      ({ color = "currentColor", size = 24, strokeWidth = 2, absoluteStrokeWidth, className = "", children, ...rest }, ref) => reactExports.createElement(
-        "svg",
-        {
-          ref,
-          ...defaultAttributes,
-          width: size,
-          height: size,
-          stroke: color,
-          strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-          className: ["lucide", `lucide-${toKebabCase(iconName)}`, className].join(" "),
-          ...rest
-        },
-        [
-          ...iconNode.map(([tag, attrs]) => reactExports.createElement(tag, attrs)),
-          ...Array.isArray(children) ? children : [children]
-        ]
-      )
+      ({ className, ...props }, ref) => reactExports.createElement(Icon, {
+        ref,
+        iconNode,
+        className: mergeClasses(
+          `lucide-${toKebabCase(toPascalCase(iconName))}`,
+          `lucide-${iconName}`,
+          className
+        ),
+        ...props
+      })
     );
-    Component.displayName = `${iconName}`;
+    Component.displayName = toPascalCase(iconName);
     return Component;
   };
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
 
 
-  const AudioLines = createLucideIcon("AudioLines", [
+  const __iconNode$b = [
     ["path", { d: "M2 10v3", key: "1fnikh" }],
     ["path", { d: "M6 6v11", key: "11sgs0" }],
     ["path", { d: "M10 3v18", key: "yhl04a" }],
     ["path", { d: "M14 8v7", key: "3a1oy3" }],
     ["path", { d: "M18 5v13", key: "123xd1" }],
     ["path", { d: "M22 10v3", key: "154ddg" }]
-  ]);
+  ];
+  const AudioLines = createLucideIcon("audio-lines", __iconNode$b);
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
 
 
-  const Loader2 = createLucideIcon("Loader2", [
-    ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
-  ]);
+  const __iconNode$a = [
+    ["path", { d: "M12 15V3", key: "m9g1x1" }],
+    ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+    ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+  ];
+  const Download = createLucideIcon("download", __iconNode$a);
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
 
 
-  const MessageCircle = createLucideIcon("MessageCircle", [
-    ["path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z", key: "vv11sd" }]
-  ]);
+  const __iconNode$9 = [
+    ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+    ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+    ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+  ];
+  const ExternalLink = createLucideIcon("external-link", __iconNode$9);
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
 
 
-  const Moon = createLucideIcon("Moon", [
-    ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
-  ]);
+  const __iconNode$8 = [
+    [
+      "path",
+      {
+        d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+        key: "1oefj6"
+      }
+    ],
+    ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+    ["path", { d: "M10 9H8", key: "b1mrlr" }],
+    ["path", { d: "M16 13H8", key: "t4e002" }],
+    ["path", { d: "M16 17H8", key: "z1uh3a" }]
+  ];
+  const FileText = createLucideIcon("file-text", __iconNode$8);
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
 
 
-  const Send = createLucideIcon("Send", [
-    ["path", { d: "m22 2-7 20-4-9-9-4Z", key: "1q3vgg" }],
-    ["path", { d: "M22 2 11 13", key: "nzbqef" }]
-  ]);
+  const __iconNode$7 = [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+    ["path", { d: "M2 12h20", key: "9i4pu4" }]
+  ];
+  const Globe = createLucideIcon("globe", __iconNode$7);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+
+  const __iconNode$6 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+  const LoaderCircle = createLucideIcon("loader-circle", __iconNode$6);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+
+  const __iconNode$5 = [
+    [
+      "path",
+      {
+        d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+        key: "1sd12s"
+      }
+    ]
+  ];
+  const MessageCircle = createLucideIcon("message-circle", __iconNode$5);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+
+  const __iconNode$4 = [
+    [
+      "path",
+      {
+        d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
+        key: "1ffxy3"
+      }
+    ],
+    ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
+  ];
+  const Send = createLucideIcon("send", __iconNode$4);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+
+  const __iconNode$3 = [
+    ["path", { d: "M12 2v2", key: "tus03m" }],
+    [
+      "path",
+      {
+        d: "M14.837 16.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715",
+        key: "xlf6rm"
+      }
+    ],
+    ["path", { d: "M16 12a4 4 0 0 0-4-4", key: "6vsxu" }],
+    ["path", { d: "m19 5-1.256 1.256", key: "1yg6a6" }],
+    ["path", { d: "M20 12h2", key: "1q8mjw" }]
+  ];
+  const SunMoon = createLucideIcon("sun-moon", __iconNode$3);
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
 
 
-  const Sun = createLucideIcon("Sun", [
+  const __iconNode$2 = [
     ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
     ["path", { d: "M12 2v2", key: "tus03m" }],
     ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -2862,33 +3163,36 @@
     ["path", { d: "M20 12h2", key: "1q8mjw" }],
     ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
     ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-  ]);
+  ];
+  const Sun = createLucideIcon("sun", __iconNode$2);
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
 
 
-  const User = createLucideIcon("User", [
+  const __iconNode$1 = [
     ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
     ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-  ]);
+  ];
+  const User = createLucideIcon("user", __iconNode$1);
 
   /**
-   * @license lucide-react v0.303.0 - ISC
+   * @license lucide-react v0.575.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
    */
 
 
-  const X = createLucideIcon("X", [
+  const __iconNode = [
     ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
     ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-  ]);
+  ];
+  const X = createLucideIcon("x", __iconNode);
 
   function ok$2() {}
 
@@ -56758,8 +57062,8 @@
     }, [content, isStreaming]);
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       className: "relative",
+      dir: "auto",
       style: {
-        direction: isRtl ? "rtl" : "ltr",
         textAlign: isRtl ? "right" : "left"
       },
       children: [/*#__PURE__*/jsxRuntimeExports.jsx(Markdown, {
@@ -56780,7 +57084,10 @@
               } = _ref2,
               props = _objectWithoutProperties$1(_ref2, _excluded);
             return /*#__PURE__*/jsxRuntimeExports.jsx("a", _objectSpread2(_objectSpread2({
-              className: isDark ? "text-blue-400 hover:text-blue-300 hover:underline" : "text-blue-600 hover:underline",
+              className: "hover:underline",
+              style: {
+                color: textColor || (isDark ? "#f3f4f6" : "#1A1A1A")
+              },
               target: "_blank",
               rel: "noopener noreferrer"
             }, props), {}, {
@@ -57011,15 +57318,161 @@
     });
   };
 
+  // Sources section: citations and file downloads from stream complete chunk
+  const MessageSources = _ref14 => {
+    let {
+      sources = [],
+      apiBaseUrl,
+      organizationId,
+      isDark,
+      textColor,
+      fontFamily,
+      fontSize
+    } = _ref14;
+    const [downloadingId, setDownloadingId] = reactExports.useState(null);
+    const handleFileDownload = async source => {
+      if (!apiBaseUrl || !organizationId || !source.source_id) return;
+      setDownloadingId(source.source_id);
+      try {
+        const base = apiBaseUrl.replace(/\/$/, "");
+        const url = "".concat(base, "/api/v1/support/file-download");
+        const res = await fetch(url, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "x-eshal-org": organizationId
+          },
+          credentials: "include",
+          body: JSON.stringify({
+            org_id: organizationId,
+            source_id: source.source_id
+          })
+        });
+        if (!res.ok) {
+          const err = await res.json().catch(() => ({}));
+          throw new Error(err.details || err.error || res.statusText);
+        }
+        const blob = await res.blob();
+        const disposition = res.headers.get("content-disposition");
+        let filename = source.source_name || "download";
+        const match = disposition && /filename\*?=(?:UTF-8'')?["']?([^"'\s;]+)["']?/i.exec(disposition);
+        if (match) filename = decodeURIComponent(match[1].replace(/\\"/g, '"'));
+        const a = document.createElement("a");
+        a.href = URL.createObjectURL(blob);
+        a.download = filename;
+        a.click();
+        URL.revokeObjectURL(a.href);
+      } catch (e) {
+        console.error("File download failed:", e);
+      } finally {
+        setDownloadingId(null);
+      }
+    };
+    if (!(sources !== null && sources !== void 0 && sources.length)) return null;
+    const color = textColor !== null && textColor !== void 0 ? textColor : isDark ? "#f3f4f6" : "#1A1A1A";
+    const iconSize = 14;
+    const decodedName = name => {
+      if (!name) return "";
+      try {
+        return decodeURIComponent(String(name));
+      } catch (_unused) {
+        return name;
+      }
+    };
+    return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      className: "mt-3 min-w-0 max-w-full overflow-hidden",
+      children: [/*#__PURE__*/jsxRuntimeExports.jsx("p", {
+        className: "font-semibold mb-2",
+        style: {
+          color,
+          fontFamily: fontFamily || "Inter",
+          fontSize: fontSize || "14px"
+        },
+        children: "Sources"
+      }), /*#__PURE__*/jsxRuntimeExports.jsx("ul", {
+        className: "space-y-2 list-none p-0 m-0 min-w-0 w-full max-w-full overflow-hidden",
+        children: sources.map((source, i) => /*#__PURE__*/jsxRuntimeExports.jsx("li", {
+          className: "flex items-center gap-2 min-w-0 w-full max-w-full overflow-hidden",
+          children: source.source_type === "file" ? /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+            children: [/*#__PURE__*/jsxRuntimeExports.jsx(FileText, {
+              className: "flex-shrink-0 text-current opacity-80",
+              size: iconSize,
+              strokeWidth: 2,
+              "aria-hidden": true
+            }), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+              className: "truncate min-w-0 flex-1",
+              style: {
+                color,
+                fontFamily: fontFamily || "Inter",
+                fontSize: fontSize || "14px",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              title: decodedName(source.source_name) || "File",
+              children: decodedName(source.source_name) || "File"
+            }), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+              type: "button",
+              onClick: () => handleFileDownload(source),
+              disabled: downloadingId === source.source_id,
+              className: "flex-shrink-0 p-1 rounded bg-transparent border-0 hover:bg-transparent disabled:opacity-50 transition-opacity focus:outline-none focus-visible:outline-none cursor-pointer disabled:cursor-not-allowed",
+              style: {
+                color
+              },
+              "aria-label": downloadingId === source.source_id ? "Downloading…" : "Download file",
+              title: downloadingId === source.source_id ? "Downloading…" : "Download",
+              children: downloadingId === source.source_id ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
+                size: iconSize,
+                strokeWidth: 2,
+                className: "animate-spin"
+              }) : /*#__PURE__*/jsxRuntimeExports.jsx(Download, {
+                size: iconSize,
+                strokeWidth: 2
+              })
+            })]
+          }) : /*#__PURE__*/jsxRuntimeExports.jsxs("a", {
+            href: source.url || "#",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "flex items-center gap-2 min-w-0 flex-1 hover:underline",
+            style: {
+              color,
+              fontFamily: fontFamily || "Inter",
+              fontSize: fontSize || "14px"
+            },
+            children: [/*#__PURE__*/jsxRuntimeExports.jsx(Globe, {
+              className: "flex-shrink-0 opacity-80",
+              size: iconSize,
+              strokeWidth: 2,
+              "aria-hidden": true
+            }), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+              className: "truncate min-w-0",
+              style: {
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              title: source.source_name || source.url || "Link",
+              children: source.source_name || source.url || "Link"
+            }), /*#__PURE__*/jsxRuntimeExports.jsx(ExternalLink, {
+              className: "w-3.5 h-3.5 flex-shrink-0",
+              "aria-hidden": true
+            })]
+          })
+        }, source.source_id || source.url || i))
+      })]
+    });
+  };
+
   // Decision widget component for HITL (Human-in-the-Loop)
-  const DecisionWidget = _ref14 => {
+  const DecisionWidget = _ref16 => {
     let {
       question,
       options,
       onDecision,
       disabled,
       isDark = false
-    } = _ref14;
+    } = _ref16;
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       className: "mt-3 p-3 rounded-lg border ".concat(isDark ? "bg-blue-900/30 border-blue-700/50" : "bg-blue-50 border-blue-200"),
       children: [/*#__PURE__*/jsxRuntimeExports.jsx("p", {
@@ -57036,7 +57489,8 @@
       })]
     });
   };
-  const AssistantMessage = _ref15 => {
+  const AssistantMessage = _ref17 => {
+    var _message$sources, _message$sources2;
     let {
       message,
       formatTime,
@@ -57053,8 +57507,11 @@
       onDecision,
       companyLogo,
       conciergeName,
-      companyName
-    } = _ref15;
+      companyName,
+      apiBaseUrl,
+      organizationId,
+      onPromptSuggestionClick
+    } = _ref17;
     const displayContent = typeof message.content === "string" ? message.content : "";
     const isTypingMessage = message.isProcessing && (!displayContent || displayContent.length === 0);
     const bubbleColor = agentMessageBubbleColor !== undefined && agentMessageBubbleColor !== null ? agentMessageBubbleColor : isDark ? "#1f2937" : "#FFFFFF";
@@ -57069,7 +57526,7 @@
         children: /*#__PURE__*/jsxRuntimeExports.jsx("div", {
           className: "w-8 h-8 rounded-full flex items-center justify-center overflow-hidden ".concat(isDark ? "bg-gray-700" : "bg-gray-200"),
           children: companyLogo ? /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-            className: "w-full h-full flex items-center justify-center",
+            className: " flex items-center justify-center",
             children: /*#__PURE__*/jsxRuntimeExports.jsx("img", {
               src: companyLogo,
               alt: "Company logo",
@@ -57080,25 +57537,23 @@
               }
             })
           }) : /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-            className: "w-full h-full flex items-center justify-center text-white font-semibold",
+            className: "w-full h-full flex items-center justify-center",
             style: {
-              backgroundColor: primaryColor,
-              fontSize: "14px",
+              fontSize: "18px",
               fontFamily: fontFamily || "Inter"
             },
             children: (conciergeName || "A").charAt(0).toUpperCase()
           })
         })
       }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-        className: "flex flex-col items-start max-w-[75%]",
+        className: "flex flex-col items-start min-w-0 max-w-[75%]",
         children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
-          className: "rounded-2xl px-4 py-2.5 shadow-sm border rounded-tl-sm ".concat(isDark ? "border-gray-700" : "border-gray-200"),
+          className: "rounded-2xl px-4 py-2.5 shadow-sm border rounded-tl-sm rtl:rounded-tl-2xl rtl:rounded-tr-sm min-w-0 max-w-full overflow-hidden ".concat(isDark ? "border-gray-700" : "border-gray-200"),
           style: {
             backgroundColor: bubbleColor,
             color: messageTextColor,
             fontFamily: messageFontFamily,
             fontSize: messageFontSize,
-            direction: isRtl ? "rtl" : "ltr",
             textAlign: isRtl ? "right" : "left"
           },
           children: isTypingMessage ? /*#__PURE__*/jsxRuntimeExports.jsx(TypingIndicator, {
@@ -57125,26 +57580,58 @@
               }), message.decisionResponse && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
                 className: "mt-2 text-xs ".concat(isDark ? "text-gray-400" : "text-gray-500"),
                 children: ["Selected: ", message.decisionResponse.selectedOption]
+              }), ((_message$sources = message.sources) === null || _message$sources === void 0 ? void 0 : _message$sources.length) > 0 && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+                children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
+                  className: "mt-3",
+                  style: {
+                    borderTop: "1px solid ".concat(messageTextColor)
+                  }
+                }), /*#__PURE__*/jsxRuntimeExports.jsx(MessageSources, {
+                  sources: message.sources,
+                  apiBaseUrl: apiBaseUrl,
+                  organizationId: organizationId,
+                  isDark: isDark,
+                  textColor: messageTextColor,
+                  fontFamily: messageFontFamily,
+                  fontSize: messageFontSize
+                })]
+              })]
+            }) : displayContent ? /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+              children: [/*#__PURE__*/jsxRuntimeExports.jsx(StreamingMarkdown, {
+                content: displayContent,
+                isStreaming: message.isProcessing,
+                isDark: isDark,
+                isRtl: isRtl,
+                textColor: messageTextColor,
+                fontFamily: messageFontFamily,
+                fontSize: messageFontSize
+              }), ((_message$sources2 = message.sources) === null || _message$sources2 === void 0 ? void 0 : _message$sources2.length) > 0 && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+                children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
+                  className: "mt-3",
+                  style: {
+                    borderTop: "1px solid ".concat(messageTextColor)
+                  }
+                }), /*#__PURE__*/jsxRuntimeExports.jsx(MessageSources, {
+                  sources: message.sources,
+                  apiBaseUrl: apiBaseUrl,
+                  organizationId: organizationId,
+                  isDark: isDark,
+                  textColor: messageTextColor,
+                  fontFamily: messageFontFamily,
+                  fontSize: messageFontSize
+                })]
               })]
-            }) : displayContent ? /*#__PURE__*/jsxRuntimeExports.jsx(StreamingMarkdown, {
-              content: displayContent,
-              isStreaming: message.isProcessing,
-              isDark: isDark,
-              isRtl: isRtl,
-              textColor: messageTextColor,
-              fontFamily: messageFontFamily,
-              fontSize: messageFontSize
             }) : null
           })
         }), /*#__PURE__*/jsxRuntimeExports.jsx("p", {
           className: "text-[11px] mt-1.5 px-1 ".concat(isDark ? "text-gray-500" : "text-gray-400"),
-          dir: "ltr",
+          dir: "auto",
           children: formatTime(message.timestamp)
         })]
       })]
     });
   };
-  const UserMessage = _ref16 => {
+  const UserMessage = _ref18 => {
     let {
       message,
       formatTime,
@@ -57158,7 +57645,7 @@
       fontSize,
       isDark,
       isRtl
-    } = _ref16;
+    } = _ref18;
     const primary = userMessageBoxColor !== undefined && userMessageBoxColor !== null ? userMessageBoxColor : primaryColor !== undefined && primaryColor !== null ? primaryColor : "#2563eb";
     const messageTextColor = userTextColor !== undefined && userTextColor !== null ? userTextColor : textColor !== undefined && textColor !== null ? textColor : "#FFFFFF";
     const messageFontFamily = userMessageBubbleFontFamily !== undefined && userMessageBubbleFontFamily !== null ? userMessageBubbleFontFamily : fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
@@ -57177,15 +57664,16 @@
       }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
         className: "flex flex-col items-end max-w-[75%]",
         children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
-          className: "rounded-2xl px-4 py-2.5 shadow-lg rounded-tr-sm",
+          className: "rounded-2xl px-4 py-2.5 shadow-lg ".concat(isRtl ? "rounded-tl-sm" : "rounded-tr-sm"),
+          dir: "auto",
           style: {
             background: "linear-gradient(135deg, ".concat(primary, " 0%, ").concat(primary, "dd 100%)"),
             fontFamily: messageFontFamily,
-            textAlign: isRtl ? "right" : "left",
-            direction: isRtl ? "rtl" : "ltr"
+            textAlign: isRtl ? "right" : "left"
           },
           children: /*#__PURE__*/jsxRuntimeExports.jsx("p", {
             className: "whitespace-pre-wrap break-words",
+            dir: "auto",
             style: {
               color: messageTextColor,
               fontFamily: messageFontFamily,
@@ -57199,13 +57687,13 @@
           })
         }), /*#__PURE__*/jsxRuntimeExports.jsx("p", {
           className: "text-[11px] mt-1.5 px-1 ".concat(isDark ? "text-gray-500" : "text-gray-400"),
-          dir: "ltr",
+          dir: "auto",
           children: formatTime(message.timestamp)
         })]
       })]
     });
   };
-  const MessageBubble = _ref17 => {
+  const MessageBubble = _ref19 => {
     let {
       message,
       isDark,
@@ -57226,8 +57714,11 @@
       onDecision,
       companyLogo,
       conciergeName,
-      companyName
-    } = _ref17;
+      companyName,
+      apiBaseUrl,
+      organizationId,
+      onPromptSuggestionClick
+    } = _ref19;
     if (!message) {
       return null;
     }
@@ -57263,7 +57754,10 @@
       onDecision: onDecision,
       companyLogo: companyLogo,
       conciergeName: conciergeName,
-      companyName: companyName
+      companyName: companyName,
+      apiBaseUrl: apiBaseUrl,
+      organizationId: organizationId,
+      onPromptSuggestionClick: onPromptSuggestionClick
     });
   };
 
@@ -57594,7 +58088,10 @@
       messagesContainerRef,
       companyLogo,
       conciergeName,
-      companyName
+      companyName,
+      apiBaseUrl,
+      organizationId,
+      onPromptSuggestionClick
     } = _ref;
     const messagesEndRef = reactExports.useRef(null);
     const shouldAutoScrollRef = reactExports.useRef(true);
@@ -57645,10 +58142,9 @@
       children: [disclaimerText && disclaimerPosition === "top" && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
         className: "flex justify-center",
         children: /*#__PURE__*/jsxRuntimeExports.jsx("div", {
-          className: "rounded-lg px-2 py-1 max-w-[85%] border",
+          className: "rounded-lg px-2 py-1 max-w-[85%] ",
           style: {
-            backgroundColor: agentMessageBubbleColor !== undefined && agentMessageBubbleColor !== null ? agentMessageBubbleColor : resolvedAgentBubbleColor || "#F5F5F5",
-            color: assistantTextColor !== undefined && assistantTextColor !== null ? assistantTextColor : "#1A1A1A",
+            color: isDark ? "#d1d5db" : "#6b7280",
             fontFamily: fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter",
             fontSize: fontSize !== undefined && fontSize !== null ? "calc(".concat(fontSize, " - 2px)") : "12px",
             direction: isRtl ? "rtl" : "ltr",
@@ -57684,9 +58180,12 @@
         formatTime: formatTime,
         isRtl: isRtl,
         onDecision: onDecision,
+        onPromptSuggestionClick: onPromptSuggestionClick,
         companyLogo: companyLogo,
         conciergeName: conciergeName,
-        companyName: companyName
+        companyName: companyName,
+        apiBaseUrl: apiBaseUrl,
+        organizationId: organizationId
       }, message.id)), (() => {
         const lastMessage = messages[messages.length - 1];
         const isWaitingForFirstChunk = isLoading && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'user';
@@ -57712,7 +58211,9 @@
             onDecision: onDecision,
             companyLogo: companyLogo,
             conciergeName: conciergeName,
-            companyName: companyName
+            companyName: companyName,
+            apiBaseUrl: apiBaseUrl,
+            organizationId: organizationId
           }, "skeleton-waiting");
         }
         return null;
@@ -57739,7 +58240,15 @@
     });
   };
 
-  const ESHAL_LOGO_URL = "https://app.eshal.ai/brand/logos/full/logo-full-light.svg";
+  const ASSETS = {
+    BRAND: {
+      LOGOS: {
+        FULL: {
+          LIGHT: "https://app.eshal.ai/brand/logos/full/logo-full-light.svg"
+        }
+      }
+    }
+  };
   const ChatInput = _ref => {
     let {
       inputValue,
@@ -57767,7 +58276,13 @@
       onboardingQuestions = [],
       onboardingActive = false,
       onboardingCompleted = false,
-      userMessageBubbleFontFamily
+      userMessageBubbleFontFamily,
+      onboardingEnabled = false,
+      userMessageBubbleFontSize,
+      userMessageBoxColor,
+      userTextColor,
+      promptSuggestions,
+      onPromptSuggestionClick
     } = _ref;
     const [isFocused, setIsFocused] = reactExports.useState(false);
     const [showTooltip, setShowTooltip] = reactExports.useState(false);
@@ -57777,7 +58292,6 @@
       placement: "top",
       arrowOffset: 0
     });
-    const [logoImageLoaded, setLogoImageLoaded] = reactExports.useState(false);
     const [logoImageError, setLogoImageError] = reactExports.useState(false);
     const tooltipTimeoutRef = reactExports.useRef(null);
     const textareaRef = reactExports.useRef(null);
@@ -57824,7 +58338,7 @@
     // Check if onboarding flow exists and is not completed
     const hasOnboardingQuestions = onboardingQuestions && onboardingQuestions.length > 0;
     const isOnboardingIncomplete = hasOnboardingQuestions && !onboardingCompleted;
-    const isVoiceButtonDisabled = isOnboardingIncomplete || voiceStatus === "connecting";
+    const isVoiceButtonDisabled = onboardingEnabled && isOnboardingIncomplete || voiceStatus === "connecting";
 
     // Determine tooltip message
     const getTooltipMessage = () => {
@@ -57950,12 +58464,36 @@
         }
       };
     }, []);
+
+    // Match UserMessage styling for prompt suggestion pills
+    const promptPrimary = userMessageBoxColor !== undefined && userMessageBoxColor !== null ? userMessageBoxColor : primaryColor !== undefined && primaryColor !== null ? primaryColor : "#2563eb";
+    const promptTextColor = userTextColor !== undefined && userTextColor !== null ? userTextColor : textColor !== undefined && textColor !== null ? textColor : "#FFFFFF";
+    const promptFontFamily = userMessageBubbleFontFamily !== undefined && userMessageBubbleFontFamily !== null ? userMessageBubbleFontFamily : fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
+    const promptFontSize = userMessageBubbleFontSize !== undefined && userMessageBubbleFontSize !== null ? userMessageBubbleFontSize : fontSize !== undefined && fontSize !== null ? fontSize : "14px";
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       className: "px-5 py-4 flex-shrink-0 relative ".concat(isDark ? "bg-gray-900" : "bg-white"),
       style: {
         overflow: "visible"
       },
-      children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      children: [promptSuggestions.length > 0 && onPromptSuggestionClick && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        className: "mb-2 -mx-1 px-1",
+        children: /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          className: "flex gap-2 overflow-x-auto scrollbar-hide pb-1",
+          children: promptSuggestions.map((p, index) => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+            type: "button",
+            onClick: () => onPromptSuggestionClick(p.text || p),
+            dir: "auto",
+            className: "inline-flex items-center rounded-full px-4 py-1.5 whitespace-nowrap flex-shrink-0 border-0 transition-transform duration-150 active:scale-95",
+            style: {
+              background: "linear-gradient(135deg, ".concat(promptPrimary, " 0%, ").concat(promptPrimary, "dd 100%)"),
+              color: promptTextColor,
+              fontFamily: promptFontFamily,
+              fontSize: promptFontSize
+            },
+            children: p.text || p
+          }, "".concat(p.text || p, "-").concat(index)))
+        })
+      }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
         className: "flex items-center gap-1.5",
         children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
           className: "flex-1 flex items-center min-h-[48px] ".concat(isDark ? "bg-gray-800" : "bg-gray-50", " rounded-2xl transition-all duration-200"),
@@ -58006,7 +58544,7 @@
             onClick: onVoiceToggle,
             className: "h-10 w-10 rounded-xl flex items-center justify-center transition-all duration-200 shadow-md ".concat(isVoiceSessionActive ? "bg-red-500 text-white hover:bg-red-600" : isDark ? "bg-gray-800 text-gray-200 hover:bg-gray-700" : "bg-white text-gray-600 hover:bg-gray-100", " ").concat(isVoiceButtonDisabled ? "opacity-60 cursor-not-allowed shadow-none" : ""),
             disabled: isVoiceButtonDisabled,
-            children: voiceStatus === "connecting" ? /*#__PURE__*/jsxRuntimeExports.jsx(Loader2, {
+            children: voiceStatus === "connecting" ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
               className: "w-4 h-4 animate-spin"
             }) : /*#__PURE__*/jsxRuntimeExports.jsx(AudioLines, {
               className: "w-4 h-4"
@@ -58116,61 +58654,37 @@
       }), disclaimerText && disclaimerPosition === "footer" && /*#__PURE__*/jsxRuntimeExports.jsx("p", {
         className: "text-xs mt-2 text-center",
         style: {
-          color: isDark ? "#FFFFFF" : "#000000",
+          color: isDark ? "#d1d5db" : "#6b7280",
           fontFamily: fontFamily || "Inter",
           fontSize: fontSize ? "calc(".concat(fontSize, " - 2px)") : "12px",
           direction: isRtl ? "rtl" : "ltr"
         },
         dir: isRtl ? "rtl" : "ltr",
         children: disclaimerText
-      }), showPoweredBy && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-        className: "mt-1.5 flex justify-center relative",
-        style: {
-          direction: isRtl ? "rtl" : "ltr",
-          fontFamily: "Inter"
-        },
+      }), showPoweredBy && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        className: "mt-1.5 flex justify-center",
         dir: isRtl ? "rtl" : "ltr",
-        children: [!logoImageLoaded && !logoImageError && /*#__PURE__*/jsxRuntimeExports.jsx("img", {
-          src: ESHAL_LOGO_URL,
-          alt: "",
-          "aria-hidden": true,
-          className: "absolute opacity-0 pointer-events-none",
-          style: {
-            width: 0,
-            height: 0
-          },
-          onLoad: () => setLogoImageLoaded(true),
-          onError: () => setLogoImageError(true)
-        }), (logoImageLoaded || logoImageError) && /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
-          className: "inline-flex items-center gap-1.5 rounded-lg py-2 px-3",
-          style: {
-            backgroundColor: "#000000"
-          },
-          children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
-            style: {
-              color: "#ffffff",
-              fontFamily: "Inter",
-              fontSize: "12px",
-              fontWeight: 500
-            },
-            children: "Powered by"
-          }), logoImageError ? /*#__PURE__*/jsxRuntimeExports.jsx("span", {
-            style: {
-              color: "#ffffff",
-              fontFamily: "Inter",
-              fontSize: "12px",
-              fontWeight: 500
-            },
-            children: "ESHAL"
-          }) : /*#__PURE__*/jsxRuntimeExports.jsx("img", {
-            src: ESHAL_LOGO_URL,
-            alt: "ESHAL",
-            className: "h-3.5 w-auto",
-            style: {
-              filter: "brightness(0) invert(1)"
-            }
-          })]
-        })]
+        children: /*#__PURE__*/jsxRuntimeExports.jsx("a", {
+          href: "https://eshal.ai",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "no-underline",
+          children: /*#__PURE__*/jsxRuntimeExports.jsxs("span", {
+            className: cn("inline-flex items-center gap-1.5 rounded-lg py-1.5 px-3 transition-colors", isDark ? "bg-gray-800/50 border border-gray-700/50 hover:bg-gray-800/80" : "bg-gray-100/80 border border-gray-200/50 hover:bg-gray-100"),
+            children: [/*#__PURE__*/jsxRuntimeExports.jsx("span", {
+              className: cn("font-sans text-[10px] font-medium", isDark ? "text-gray-400" : "text-gray-500"),
+              children: "Powered by"
+            }), !logoImageError ? /*#__PURE__*/jsxRuntimeExports.jsx("img", {
+              src: ASSETS.BRAND.LOGOS.FULL.LIGHT,
+              alt: "ESHAL",
+              className: cn("h-3", isDark ? "brightness-0 invert opacity-60" : "brightness-0 opacity-50"),
+              onError: () => setLogoImageError(true)
+            }) : /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+              className: cn("font-sans text-[10px] font-semibold", isDark ? "text-gray-300" : "text-gray-600"),
+              children: "ESHAL"
+            })]
+          })
+        })
       })]
     });
   };
@@ -58328,8 +58842,8 @@
           children: isDark ? /*#__PURE__*/jsxRuntimeExports.jsx(Sun, {
             className: "w-3.5 h-3.5",
             strokeWidth: 1.6
-          }) : /*#__PURE__*/jsxRuntimeExports.jsx(Moon, {
-            className: "w-3.5 h-3.5",
+          }) : /*#__PURE__*/jsxRuntimeExports.jsx(SunMoon, {
+            className: "w-4 h-4",
             strokeWidth: 1.6
           })
         }), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
@@ -58353,6 +58867,149 @@
     });
   };
 
+  const OnboardingForm = _ref => {
+    let {
+      questions = [],
+      collapsiblePrompt,
+      onSubmit,
+      primaryColor = "#2563eb",
+      isRtl = false,
+      isDark = false
+    } = _ref;
+    const [formData, setFormData] = reactExports.useState({});
+    const [errors, setErrors] = reactExports.useState({});
+    const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
+    const sortedQuestions = [...questions].sort((a, b) => getOnboardingFieldOrder(a.fieldType) - getOnboardingFieldOrder(b.fieldType));
+    const handleChange = (key, value) => {
+      setFormData(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
+        [key]: value
+      }));
+      if (errors[key]) {
+        setErrors(prev => {
+          const next = _objectSpread2({}, prev);
+          delete next[key];
+          return next;
+        });
+      }
+    };
+    const validate = () => {
+      const newErrors = {};
+      let isValid = true;
+      sortedQuestions.forEach(q => {
+        var _formData$key;
+        const key = q.fieldType || "question";
+        const value = ((_formData$key = formData[key]) !== null && _formData$key !== void 0 ? _formData$key : "").trim();
+        const label = q.collectionPrompt || q.askToType || q.question || q.label || key;
+        const isRequired = q.required === true || q.required === "true";
+        if (!value) {
+          if (isRequired) {
+            if (key === "email") newErrors[key] = "Email is required";else if (key === "fullName" || key === "name") newErrors[key] = "Name is required";else if (key === "phone" || key === "mobileno") newErrors[key] = "Phone number is required";else newErrors[key] = "".concat(label, " is required");
+            isValid = false;
+          }
+        } else {
+          if (key === "fullName" || key === "name") {
+            if (value.length < 2) {
+              newErrors[key] = "Please enter a valid name";
+              isValid = false;
+            }
+          }
+          if (key === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+            newErrors[key] = "Please enter a valid email address";
+            isValid = false;
+          }
+          if ((key === "phone" || key === "mobileno") && !/^[+]?[\d\s-]{8,15}$/.test(value)) {
+            newErrors[key] = "Please enter a valid phone number";
+            isValid = false;
+          }
+        }
+      });
+      setErrors(newErrors);
+      return isValid;
+    };
+    const handleSubmit = async e => {
+      e.preventDefault();
+      if (!validate()) return;
+      setIsSubmitting(true);
+      try {
+        await onSubmit(formData);
+      } finally {
+        setIsSubmitting(false);
+      }
+    };
+    return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+      className: "flex flex-col items-center justify-center p-5 h-full min-h-0 z-50 relative ".concat(isDark ? "" : "bg-gray-50"),
+      style: isDark ? {
+        backgroundColor: "#10141C"
+      } : undefined,
+      children: /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        className: "w-full max-w-sm rounded-2xl p-6 transition-colors duration-300 ".concat(isDark ? "shadow-lg" : "bg-white shadow-[0_4px_20px_rgba(0,0,0,0.08)] border border-gray-100"),
+        style: isDark ? {
+          backgroundColor: "#1E232B",
+          border: "1px solid #2A303C",
+          borderRadius: "14px"
+        } : undefined,
+        children: [collapsiblePrompt && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          className: "mb-5 text-left",
+          children: /*#__PURE__*/jsxRuntimeExports.jsx("h3", {
+            className: "transition-colors duration-300 ".concat(isDark ? "text-white font-bold text-lg" : "text-base font-medium text-[#4A5568]"),
+            children: collapsiblePrompt
+          })
+        }), /*#__PURE__*/jsxRuntimeExports.jsxs("form", {
+          onSubmit: handleSubmit,
+          className: "space-y-4",
+          noValidate: true,
+          children: [sortedQuestions.map((q, index) => {
+            var _formData$key2;
+            const key = q.fieldType || "question_".concat(index);
+            const label = q.collectionPrompt || q.askToType || q.question || q.label;
+            if (!(label !== null && label !== void 0 && label.trim())) return null;
+            let type = "text";
+            if (key === "email") type = "email";
+            if (key === "phone" || key === "mobileno") type = "tel";
+            const hasError = errors[key];
+            const inputBase = "w-full h-12 rounded-lg text-[15px] px-4 outline-none border transition-colors focus:ring-0 ".concat(isDark ? "text-white placeholder:text-[#A2A9B2] focus:border-[#5A6069]" : "bg-white text-gray-900 placeholder:text-[#8C8C8C] focus:border-[#B0B0B0]");
+            const inputError = hasError ? "!border-red-500 focus:!border-red-500" : "";
+            return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+              className: "space-y-1",
+              children: [/*#__PURE__*/jsxRuntimeExports.jsx("input", {
+                placeholder: label,
+                type: type,
+                value: (_formData$key2 = formData[key]) !== null && _formData$key2 !== void 0 ? _formData$key2 : "",
+                onChange: e => handleChange(key, e.target.value),
+                className: "".concat(inputBase, " ").concat(inputError),
+                style: _objectSpread2({
+                  direction: isRtl ? "rtl" : "ltr"
+                }, isDark ? {
+                  backgroundColor: "#272C35",
+                  borderWidth: "1px",
+                  borderStyle: "solid",
+                  borderColor: hasError ? undefined : "#3F444C"
+                } : {
+                  borderWidth: "1px",
+                  borderStyle: "solid",
+                  borderColor: hasError ? undefined : "#E0E0E0"
+                })
+              }), hasError && /*#__PURE__*/jsxRuntimeExports.jsx("p", {
+                className: "text-xs text-red-500 px-1",
+                children: errors[key]
+              })]
+            }, key);
+          }), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+            type: "submit",
+            disabled: isSubmitting,
+            className: "w-full h-12 text-sm border-none font-semibold shadow-lg hover:shadow-xl hover:scale-[1.02] active:scale-[0.98] transition-all rounded-xl mt-4 text-white",
+            style: {
+              backgroundColor: primaryColor
+            },
+            children: isSubmitting ? /*#__PURE__*/jsxRuntimeExports.jsx(LoaderCircle, {
+              className: "w-5 h-5 animate-spin"
+            }) : "Start Chat"
+          })]
+        })]
+      })
+    });
+  };
+
   /**
    * Auto-scroll hook that scrolls to bottom when dependencies change
    */
@@ -58399,6 +59056,174 @@
     }, [containerRef, enabled, threshold, behavior, delay, ...dependencies]);
   }
 
+  const EMOJI_RATINGS = [{
+    value: "😡",
+    label: "😡",
+    bg: "bg-red-200"
+  }, {
+    value: "😕",
+    label: "😕",
+    bg: "bg-orange-200"
+  }, {
+    value: "😐",
+    label: "😐",
+    bg: "bg-yellow-200"
+  }, {
+    value: "😊",
+    label: "😊",
+    bg: "bg-green-200"
+  }, {
+    value: "😍",
+    label: "😍",
+    bg: "bg-pink-200"
+  }];
+  const THUMBS_RATINGS = [{
+    value: "positive",
+    label: "👍"
+  }, {
+    value: "negative",
+    label: "👎"
+  }];
+  const NUMERIC_RATINGS = [{
+    value: "1",
+    label: "1"
+  }, {
+    value: "2",
+    label: "2"
+  }, {
+    value: "3",
+    label: "3"
+  }, {
+    value: "4",
+    label: "4"
+  }, {
+    value: "5",
+    label: "5"
+  }];
+  const STARS_RATINGS = [{
+    value: "1",
+    label: "⭐"
+  }, {
+    value: "2",
+    label: "⭐"
+  }, {
+    value: "3",
+    label: "⭐"
+  }, {
+    value: "4",
+    label: "⭐"
+  }, {
+    value: "5",
+    label: "⭐"
+  }];
+  const CSATWidget = _ref => {
+    let {
+      format = "EMOJI",
+      prompt = "How was your experience?",
+      onRating,
+      disabled = false,
+      isDark = false,
+      primaryColor = "#2563eb",
+      agentMessageBubbleFontSize = "14px",
+      agentMessageBubbleFontFamily = "Inter"
+    } = _ref;
+    const [selectedRating, setSelectedRating] = reactExports.useState(null);
+    const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
+    const selectedRatingNumber = selectedRating ? Number(selectedRating) : 0;
+    const getRatings = () => {
+      switch (format) {
+        case "THUMBS":
+          return THUMBS_RATINGS;
+        case "NUMERIC":
+          return NUMERIC_RATINGS;
+        case "STARS":
+          return STARS_RATINGS;
+        case "EMOJI":
+        default:
+          return EMOJI_RATINGS;
+      }
+    };
+    const handleRating = async value => {
+      if (disabled || isSubmitting) return;
+      setSelectedRating(value);
+      setIsSubmitting(true);
+      try {
+        if (onRating) {
+          onRating(value, format);
+        }
+      } finally {
+        setIsSubmitting(false);
+      }
+    };
+    const ratings = getRatings();
+    return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      className: cn("transition-all duration-200 rounded-xl px-4  ", isDark ? "bg-slate-800/50" : "bg-slate-50/50"),
+      children: [/*#__PURE__*/jsxRuntimeExports.jsx("p", {
+        className: cn("text-sm font-semibold text-center mb-3", isDark ? "text-gray-300" : "text-gray-500/80"),
+        style: {
+          fontFamily: agentMessageBubbleFontFamily,
+          fontSize: agentMessageBubbleFontSize
+        },
+        children: prompt
+      }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        className: "flex justify-center items-center",
+        children: [format === "EMOJI" && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          className: "flex gap-2 justify-center items-center",
+          children: ratings.map(rating => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+            onClick: () => handleRating(rating.value),
+            disabled: disabled || isSubmitting,
+            className: cn("flex items-center justify-center text-2xl transition-transform", "bg-transparent border-0 p-0 cursor-pointer", "hover:scale-110 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed", "focus:outline-none focus:ring-0", selectedRating === rating.value ? "" : "opacity-80"),
+            style: {},
+            children: /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+              role: "img",
+              "aria-label": "emoji",
+              children: rating.label
+            })
+          }, rating.value))
+        }), format === "THUMBS" && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          className: "flex gap-6 justify-center items-center",
+          children: ratings.map(rating => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+            onClick: () => handleRating(rating.value),
+            disabled: disabled || isSubmitting,
+            className: cn("w-10 h-10 rounded-xl border flex items-center justify-center shadow-md text-2xl transition-all", "hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed", "drop-shadow-md", isDark ? "bg-gray-700 border-gray-600 hover:bg-gray-600" : "bg-white border-gray-100 hover:bg-gray-50", selectedRating === rating.value && "ring-2 ring-blue-300 scale-110"),
+            style: {
+              borderColor: selectedRating === rating.value ? primaryColor : undefined
+            },
+            children: /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+              className: "drop-shadow-md",
+              children: rating.label
+            })
+          }, rating.value))
+        }), format === "NUMERIC" && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          className: "flex gap-2 justify-center items-center",
+          children: ratings.map(rating => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+            onClick: () => handleRating(rating.value),
+            disabled: disabled || isSubmitting,
+            className: cn("w-10 h-10 rounded-lg flex items-center justify-center text-sm font-semibold transition-all", "hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed", selectedRating === rating.value ? "ring-2 scale-110 shadow-md text-white" : isDark ? "bg-gray-700 border border-gray-600 text-gray-300 hover:bg-gray-600" : "bg-white border border-gray-200 text-gray-700 hover:bg-gray-50"),
+            style: {
+              backgroundColor: selectedRating === rating.value ? primaryColor : undefined,
+              borderColor: selectedRating === rating.value ? primaryColor : undefined
+            },
+            children: rating.label
+          }, rating.value))
+        }), format === "STARS" && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+          className: "flex gap-2 justify-center items-center",
+          children: ratings.map(rating => /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+            onClick: () => handleRating(rating.value),
+            disabled: disabled || isSubmitting,
+            className: cn("flex items-center justify-center text-2xl transition-all duration-200", "bg-transparent border-0 p-0 cursor-pointer focus:outline-none", "hover:scale-125 active:scale-110 disabled:opacity-50 disabled:cursor-not-allowed", selectedRatingNumber >= Number(rating.value) ? "text-yellow-400 drop-shadow-sm" : "text-gray-300"),
+            children: /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+              children: rating.label
+            })
+          }, rating.value))
+        })]
+      }), isSubmitting && /*#__PURE__*/jsxRuntimeExports.jsx("p", {
+        className: cn("text-xs mt-3 text-center", isDark ? "text-slate-400" : "text-slate-500"),
+        children: "Submitting feedback..."
+      })]
+    });
+  };
+
   const DEFAULT_AGENT_BUBBLE_COLOR = "#ffffff";
   const DEFAULT_USER_MESSAGE_COLOR = "#f5f5f5";
   const DEFAULT_TEXT_COLOR = "#000000";
@@ -58440,6 +59265,7 @@
       onMinimize,
       onClose,
       quickQuestions = [],
+      quickQuestionsEnabled,
       onQuickQuestion,
       quickQuestionsLayout = "vertical",
       agentMessageBubbleColor,
@@ -58468,12 +59294,26 @@
       apiBaseUrl,
       apiKey,
       organizationId,
+      conversationId,
+      conciergeId,
       onboardingQuestions = [],
       onboardingActive = false,
-      onboardingCompleted = false
+      onboardingCompleted = false,
+      onOnboardingFormSubmit,
+      collectionPrompt,
+      // CSAT configuration
+      csatEnabled = false,
+      csatFormat = "EMOJI",
+      csatPrompt = "How was your experience?",
+      csatTriggerType = "ON_END",
+      csatIdleTimeoutMins = 30,
+      onPromptSuggestionClick,
+      onboardingEnabled = false
     } = _ref;
     useGoogleFont(fontFamily);
     const messagesContainerRef = reactExports.useRef(null);
+    const [showCsat, setShowCsat] = reactExports.useState(false);
+    const [csatSubmitted, setCsatSubmitted] = reactExports.useState(false);
 
     // Auto-scroll hook
     useAutoScroll(messagesContainerRef, [messages, isLoading], {
@@ -58511,13 +59351,64 @@
       }
       return userMessageBoxColor || DEFAULT_USER_MESSAGE_COLOR;
     }, [isDark, primaryColor, userMessageBoxColor]);
-    const placeholder = isRtlLanguage ? "اكتب رسالتك هنا..." : "Try Your Own Message...";
+    const placeholder = isRtlLanguage ? "اكتب رسالتك هنا" : "Type your message here";
     const hasUserMessages = messages === null || messages === void 0 || (_messages$some = messages.some) === null || _messages$some === void 0 ? void 0 : _messages$some.call(messages, msg => msg.role === "user");
-    const shouldShowQuickQuestions = !hasUserMessages && quickQuestions.length > 0;
+    const shouldShowQuickQuestions = !hasUserMessages && quickQuestions.length > 0 && quickQuestionsEnabled;
+
+    // Show CSAT when the last assistant message is marked as concluded
+    reactExports.useEffect(() => {
+      if (!csatEnabled) return;
+      if (csatSubmitted) return;
+      if (!messages || messages.length === 0) return;
+      const lastMessage = messages[messages.length - 1];
+      if (lastMessage && lastMessage.role === "assistant" && lastMessage.conclusionDetected && !showCsat && csatTriggerType === "ON_END") {
+        setShowCsat(true);
+      }
+    }, [messages, csatEnabled, csatSubmitted, showCsat, csatTriggerType]);
+    const handleCsatRating = async (rating, format) => {
+      setCsatSubmitted(true); // optimistic UI
+      setShowCsat(false);
+      try {
+        const headers = {
+          "Content-Type": "application/json"
+        };
+        if (organizationId) {
+          headers["x-eshal-org"] = organizationId;
+        }
+        const response = await fetch("".concat(apiBaseUrl.replace(/\/$/, ""), "/api/v1/support/csat"), {
+          method: "POST",
+          headers,
+          credentials: "include",
+          body: JSON.stringify({
+            conversationId,
+            rating,
+            ratingFormat: format,
+            organizationId,
+            conciergeId
+          })
+        });
+        if (!response.ok) {
+          console.error("CSAT submission failed:", await response.text());
+        }
+      } catch (error) {
+        console.error("CSAT submission error:", error);
+      }
+    };
+    const latestPromptSuggestions = reactExports.useMemo(() => {
+      if (!messages || !Array.isArray(messages)) return [];
+      for (let i = messages.length - 1; i >= 0; i -= 1) {
+        const msg = messages[i];
+        if ((msg === null || msg === void 0 ? void 0 : msg.role) === "assistant" && Array.isArray(msg.prompts) && msg.prompts.length > 0) {
+          return msg.prompts;
+        }
+      }
+      return [];
+    }, [messages]);
     if (!isOpen) {
       return null;
     }
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      dir: isRtlLanguage ? "rtl" : "ltr",
       className: "".concat(isMinimized ? "w-80" : "w-[380px]", " max-w-[92vw] flex-shrink-0 border rounded-2xl shadow-2xl bg-white border-gray-200 flex flex-col ").concat(isMinimized ? "h-auto" : "h-[650px] max-h-[85vh]", " overflow-hidden z-50 ").concat(isDark ? "bg-gray-900 border-gray-700" : ""),
       children: [/*#__PURE__*/jsxRuntimeExports.jsx(ChatHeader, {
         conciergeName: conciergeName,
@@ -58535,10 +59426,18 @@
         headerTextBold: headerTextBold,
         headerTextItalic: headerTextItalic
       }), !isMinimized && /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-        children: [/*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
           ref: messagesContainerRef,
           className: "chat-messages flex-1 overflow-y-auto px-5 py-4 space-y-4 ".concat(isDark ? "bg-gray-900" : "bg-gradient-to-b from-gray-50/50 to-white", " break-words"),
-          children: /*#__PURE__*/jsxRuntimeExports.jsx(MessageList, {
+          children: [onboardingActive && !onboardingCompleted && onOnboardingFormSubmit ? /*#__PURE__*/jsxRuntimeExports.jsx(OnboardingForm, {
+            questions: onboardingQuestions,
+            onPromptSuggestionClick: onPromptSuggestionClick !== null && onPromptSuggestionClick !== void 0 ? onPromptSuggestionClick : text => onDirectSend === null || onDirectSend === void 0 ? void 0 : onDirectSend(text),
+            collapsiblePrompt: collectionPrompt,
+            onSubmit: onOnboardingFormSubmit,
+            primaryColor: primaryColor,
+            isRtl: isRtlLanguage,
+            isDark: isDark
+          }) : /*#__PURE__*/jsxRuntimeExports.jsx(MessageList, {
             messages: messages,
             isDark: isDark,
             primaryColor: primaryColor,
@@ -58571,9 +59470,30 @@
             messagesContainerRef: messagesContainerRef,
             companyLogo: companyLogo,
             conciergeName: conciergeName,
-            companyName: companyName
-          })
-        }), /*#__PURE__*/jsxRuntimeExports.jsx(ChatInput, {
+            companyName: companyName,
+            apiBaseUrl: apiBaseUrl,
+            organizationId: organizationId
+          }), showCsat && csatEnabled && !csatSubmitted && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+            className: "",
+            children: /*#__PURE__*/jsxRuntimeExports.jsx(CSATWidget, {
+              format: (() => {
+                const fmt = csatFormat || "Emoji";
+                if (fmt === "Emoji") return "EMOJI";
+                if (fmt === "Thumbs") return "THUMBS";
+                if (fmt === "Stars") return "STARS";
+                if (fmt === "Numeric") return "NUMERIC";
+                return (fmt || "EMOJI").toString().toUpperCase();
+              })(),
+              prompt: csatPrompt || "How was your experience?",
+              onRating: handleCsatRating,
+              disabled: false,
+              isDark: isDark,
+              primaryColor: primaryColor,
+              agentMessageBubbleFontSize: agentMessageBubbleFontSize || fontSize,
+              agentMessageBubbleFontFamily: agentMessageBubbleFontFamily || fontFamily
+            })
+          })]
+        }), !(onboardingActive && !onboardingCompleted) && /*#__PURE__*/jsxRuntimeExports.jsx(ChatInput, {
           inputValue: inputValue,
           setInputValue: setInputValue,
           onSend: onSend,
@@ -58600,7 +59520,12 @@
           showPoweredBy: showPoweredBy,
           onboardingQuestions: onboardingQuestions,
           onboardingActive: onboardingActive,
-          onboardingCompleted: onboardingCompleted
+          onboardingCompleted: onboardingCompleted,
+          onboardingEnabled: onboardingEnabled,
+          userMessageBoxColor: userMessageBoxColor,
+          userTextColor: userTextColor,
+          promptSuggestions: latestPromptSuggestions,
+          onPromptSuggestionClick: onPromptSuggestionClick !== null && onPromptSuggestionClick !== void 0 ? onPromptSuggestionClick : text => onDirectSend === null || onDirectSend === void 0 ? void 0 : onDirectSend(text)
         })]
       })]
     });
@@ -58700,6 +59625,7 @@
   };
 
   const ChatWidget = _ref => {
+    var _agentConfig$concierg;
     let {
       // Required props for dynamic config
       orgId,
@@ -58713,6 +59639,7 @@
       companyLogo,
       welcomeMessage,
       quickQuestions,
+      quickQuestionsEnabled,
       quickQuestionsLayout = "vertical",
       textColor,
       agentMessageBubbleColor,
@@ -58771,7 +59698,7 @@
 
     // Map API response to widget props (use props as overrides if provided)
     const widgetConfig = reactExports.useMemo(() => {
-      var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32, _ref33, _ref34, _ref35;
+      var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32, _ref33, _ref34, _ref35, _agentConfig$csatEnab, _agentConfig$csatForm, _agentConfig$csatProm, _agentConfig$csatTrig, _agentConfig$csatIdle, _agentConfig$csatFoll, _agentConfig$csatFoll2;
       if (!agentConfig) {
         return null;
       }
@@ -58784,6 +59711,7 @@
         companyLogo: (_ref5 = companyLogo !== null && companyLogo !== void 0 ? companyLogo : agentConfig.avatar) !== null && _ref5 !== void 0 ? _ref5 : null,
         welcomeMessage: (_ref6 = welcomeMessage !== null && welcomeMessage !== void 0 ? welcomeMessage : agentConfig.welcomeMessage) !== null && _ref6 !== void 0 ? _ref6 : "Hi! How can we help?",
         quickQuestions: (_ref7 = quickQuestions !== null && quickQuestions !== void 0 ? quickQuestions : agentConfig.quickQuestions) !== null && _ref7 !== void 0 ? _ref7 : [],
+        quickQuestionsEnabled: quickQuestionsEnabled !== null && quickQuestionsEnabled !== void 0 ? quickQuestionsEnabled : agentConfig.quickQuestionsEnabled,
         textColor: (_ref8 = textColor !== null && textColor !== void 0 ? textColor : agentConfig.textColor) !== null && _ref8 !== void 0 ? _ref8 : "#000000",
         agentMessageBubbleColor: agentMessageBubbleColor !== null && agentMessageBubbleColor !== void 0 ? agentMessageBubbleColor : agentConfig.agentMessageBubbleColor,
         userMessageBoxColor: userMessageBoxColor !== null && userMessageBoxColor !== void 0 ? userMessageBoxColor : agentConfig.userMessageBoxColor,
@@ -58807,9 +59735,20 @@
         agentMessageBubbleFontFamily: (_ref24 = (_ref25 = (_ref26 = agentMessageBubbleFontFamily !== null && agentMessageBubbleFontFamily !== void 0 ? agentMessageBubbleFontFamily : agentConfig.agentMessageBubbleFontFamily) !== null && _ref26 !== void 0 ? _ref26 : fontFamily) !== null && _ref25 !== void 0 ? _ref25 : agentConfig.fontFamily) !== null && _ref24 !== void 0 ? _ref24 : "Inter",
         agentMessageBubbleFontSize: (_ref27 = (_ref28 = (_ref29 = agentMessageBubbleFontSize !== null && agentMessageBubbleFontSize !== void 0 ? agentMessageBubbleFontSize : agentConfig.agentMessageBubbleFontSize) !== null && _ref29 !== void 0 ? _ref29 : fontSize) !== null && _ref28 !== void 0 ? _ref28 : agentConfig.fontSize) !== null && _ref27 !== void 0 ? _ref27 : "14px",
         userMessageBubbleFontFamily: (_ref30 = (_ref31 = (_ref32 = userMessageBubbleFontFamily !== null && userMessageBubbleFontFamily !== void 0 ? userMessageBubbleFontFamily : agentConfig.userMessageBubbleFontFamily) !== null && _ref32 !== void 0 ? _ref32 : fontFamily) !== null && _ref31 !== void 0 ? _ref31 : agentConfig.fontFamily) !== null && _ref30 !== void 0 ? _ref30 : "Inter",
-        userMessageBubbleFontSize: (_ref33 = (_ref34 = (_ref35 = userMessageBubbleFontSize !== null && userMessageBubbleFontSize !== void 0 ? userMessageBubbleFontSize : agentConfig.userMessageBubbleFontSize) !== null && _ref35 !== void 0 ? _ref35 : fontSize) !== null && _ref34 !== void 0 ? _ref34 : agentConfig.fontSize) !== null && _ref33 !== void 0 ? _ref33 : "14px"
+        userMessageBubbleFontSize: (_ref33 = (_ref34 = (_ref35 = userMessageBubbleFontSize !== null && userMessageBubbleFontSize !== void 0 ? userMessageBubbleFontSize : agentConfig.userMessageBubbleFontSize) !== null && _ref35 !== void 0 ? _ref35 : fontSize) !== null && _ref34 !== void 0 ? _ref34 : agentConfig.fontSize) !== null && _ref33 !== void 0 ? _ref33 : "14px",
+        // CSAT configuration (feature flags + text)
+        csatEnabled: (_agentConfig$csatEnab = agentConfig.csatEnabled) !== null && _agentConfig$csatEnab !== void 0 ? _agentConfig$csatEnab : false,
+        csatFormat: (_agentConfig$csatForm = agentConfig.csatFormat) !== null && _agentConfig$csatForm !== void 0 ? _agentConfig$csatForm : "EMOJI",
+        csatPrompt: (_agentConfig$csatProm = agentConfig.csatPrompt) !== null && _agentConfig$csatProm !== void 0 ? _agentConfig$csatProm : "How was your experience?",
+        csatTriggerType: (_agentConfig$csatTrig = agentConfig.csatTriggerType) !== null && _agentConfig$csatTrig !== void 0 ? _agentConfig$csatTrig : "ON_END",
+        csatIdleTimeoutMins: (_agentConfig$csatIdle = agentConfig.csatIdleTimeoutMins) !== null && _agentConfig$csatIdle !== void 0 ? _agentConfig$csatIdle : 30,
+        csatFollowUpEnabled: (_agentConfig$csatFoll = agentConfig.csatFollowUpEnabled) !== null && _agentConfig$csatFoll !== void 0 ? _agentConfig$csatFoll : false,
+        csatFollowUpPrompt: (_agentConfig$csatFoll2 = agentConfig.csatFollowUpPrompt) !== null && _agentConfig$csatFoll2 !== void 0 ? _agentConfig$csatFoll2 : null
       };
-    }, [agentConfig, darkMode, primaryColor, position, companyName, conciergeName, companyLogo, welcomeMessage, quickQuestions, textColor, agentMessageBubbleColor, userMessageBoxColor, assistantTextColor, userTextColor, fontFamily, fontSize, defaultLanguage, orgId, headerTextBold, headerTextItalic, enableVoiceInteraction, disclaimerText, disclaimerPosition, showPoweredBy, onboardingQuestions, onboardingEnabled, collectionPrompt, allowedDomains, agentMessageBubbleFontFamily, agentMessageBubbleFontSize, userMessageBubbleFontFamily, userMessageBubbleFontSize]);
+    }, [agentConfig, darkMode, primaryColor, position, companyName, conciergeName, companyLogo, welcomeMessage, quickQuestions, quickQuestionsEnabled, textColor, agentMessageBubbleColor, userMessageBoxColor, assistantTextColor, userTextColor, fontFamily, fontSize, defaultLanguage, orgId, headerTextBold, headerTextItalic, enableVoiceInteraction, disclaimerText, disclaimerPosition, showPoweredBy, onboardingQuestions, onboardingEnabled, collectionPrompt, allowedDomains, agentMessageBubbleFontFamily, agentMessageBubbleFontSize, userMessageBubbleFontFamily, userMessageBubbleFontSize
+    // CSAT dependencies
+    // (kept minimal because these come from agentConfig)
+    ]);
 
     // Check if current domain is allowed
     const isAllowed = reactExports.useMemo(() => {
@@ -58859,7 +59798,9 @@
       handleVoiceToggle,
       sendBidiTextMessage,
       onboardingActive,
-      onboardingCompleted
+      onboardingCompleted,
+      handleOnboardingFormSubmit,
+      conversationId
     } = useChatState(widgetConfig ? {
       welcomeMessage: widgetConfig.welcomeMessage,
       quickQuestions: widgetConfig.quickQuestions,
@@ -58927,6 +59868,7 @@
         onMinimize: toggleMinimize,
         onClose: closeChat,
         quickQuestions: widgetConfig.quickQuestions,
+        quickQuestionsEnabled: widgetConfig.quickQuestionsEnabled,
         onQuickQuestion: handleQuickQuestion,
         quickQuestionsLayout: quickQuestionsLayout,
         agentMessageBubbleColor: widgetConfig.agentMessageBubbleColor,
@@ -58955,9 +59897,19 @@
         apiBaseUrl: apiBaseUrl,
         apiKey: apiKey,
         organizationId: widgetConfig.organizationId,
+        conversationId: conversationId,
+        conciergeId: (_agentConfig$concierg = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.conciergeId) !== null && _agentConfig$concierg !== void 0 ? _agentConfig$concierg : agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.id,
         onboardingQuestions: widgetConfig.onboardingQuestions,
         onboardingActive: onboardingActive,
-        onboardingCompleted: onboardingCompleted
+        onboardingCompleted: onboardingCompleted,
+        onOnboardingFormSubmit: handleOnboardingFormSubmit,
+        collectionPrompt: widgetConfig.collectionPrompt,
+        csatEnabled: widgetConfig.csatEnabled,
+        csatFormat: widgetConfig.csatFormat,
+        csatPrompt: widgetConfig.csatPrompt,
+        csatTriggerType: widgetConfig.csatTriggerType,
+        csatIdleTimeoutMins: widgetConfig.csatIdleTimeoutMins,
+        onboardingEnabled: widgetConfig.onboardingEnabled
       }), !isOpen && /*#__PURE__*/jsxRuntimeExports.jsx(ToggleButton, {
         isOpen: isOpen,
         isDark: isDark,
@@ -59015,9 +59967,9 @@
       onClose: null
     };
     const API = {
-      /**
-       * Initialize the chat widget
-       * @param {Object} options - Configuration options
+      /**
+       * Initialize the chat widget
+       * @param {Object} options - Configuration options
        */
       init: async function () {
         let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -59129,17 +60081,17 @@
         }
         return API;
       },
-      /**
-       * Update configuration
-       * @param {Object} newConfig - New configuration options
+      /**
+       * Update configuration
+       * @param {Object} newConfig - New configuration options
        */
       updateConfig: function (newConfig) {
         config = _objectSpread2(_objectSpread2({}, config), newConfig);
         this.init(config);
         return API;
       },
-      /**
-       * Open the chat widget
+      /**
+       * Open the chat widget
        */
       open: function () {
         // Trigger open by updating config
@@ -59150,8 +60102,8 @@
         if (config.onOpen) config.onOpen();
         return API;
       },
-      /**
-       * Close the chat widget
+      /**
+       * Close the chat widget
        */
       close: function () {
         this.updateConfig({
@@ -59160,8 +60112,8 @@
         if (config.onClose) config.onClose();
         return API;
       },
-      /**
-       * Toggle dark mode
+      /**
+       * Toggle dark mode
        */
       toggleTheme: function () {
         config.darkMode = !config.darkMode;
@@ -59170,8 +60122,8 @@
         });
         return API;
       },
-      /**
-       * Destroy the widget
+      /**
+       * Destroy the widget
        */
       destroy: function () {
         if (root) {
@@ -59186,8 +60138,8 @@
         config = {};
         return API;
       },
-      /**
-       * Get current configuration
+      /**
+       * Get current configuration
        */
       getConfig: function () {
         return _objectSpread2({}, config);