@websolutespa/bom-llm 0.2.4 → 0.2.6

package/dist/umd/index.js

@@ -19,36 +19,36 @@
     return Object.freeze(n);
   }
 
-  /**
-   * Checks if the given item is a number.
-   * @param item The item to check.
-   * @returns True if the item is a number, false otherwise.
+  /**
+   * Checks if the given item is a number.
+   * @param item The item to check.
+   * @returns True if the item is a number, false otherwise.
    */
 
-  /**
-   * Checks if the given item is an array.
-   * @param item The item to check.
-   * @returns True if the item is an array, false otherwise.
+  /**
+   * Checks if the given item is an array.
+   * @param item The item to check.
+   * @returns True if the item is an array, false otherwise.
    */
   function isArray(item) {
     return Array.isArray(item);
   }
 
-  /**
-   * Checks if the given item is an object.
-   * @param item The item to check.
-   * @returns True if the item is an object, false otherwise.
+  /**
+   * Checks if the given item is an object.
+   * @param item The item to check.
+   * @returns True if the item is an object, false otherwise.
    */
   function isObject$3(item) {
     return item != null && typeof item === 'object' && !isArray(item);
   }
 
-  /**
-   * PascalCase
-   * camelCase
-   * kebab-case
-   * snake_case
-   * char*case
+  /**
+   * PascalCase
+   * camelCase
+   * kebab-case
+   * snake_case
+   * char*case
   **/
 
   function unknownCaseToPascalCase(unknownCase) {
@@ -85,20 +85,20 @@
     return kebabCase;
   }
 
-  /**
-   * Represents a primitive value that can be used in the deep merge operation.
+  /**
+   * Represents a primitive value that can be used in the deep merge operation.
    */
 
-  /**
-   * Represents a dynamic value that can be used in the deep merge operation.
+  /**
+   * Represents a dynamic value that can be used in the deep merge operation.
    */
 
-  /**
-   * Deeply merges two objects or arrays.
-   *
-   * @param target - The target object or array to merge into.
-   * @param source - The source object or array to merge from.
-   * @returns The merged object or array.
+  /**
+   * Deeply merges two objects or arrays.
+   *
+   * @param target - The target object or array to merge into.
+   * @param source - The source object or array to merge from.
+   * @returns The merged object or array.
    */
   function deepMerge(target, source) {
     const output = {
@@ -122,19 +122,19 @@
 
   const isBrowser$1 = typeof window !== 'undefined';
 
-  /**
-   * Checks if the given value is an instance of IClassNameCollection.
-   * @param value - The value to check.
-   * @returns True if the value is an instance of IClassNameCollection, false otherwise.
+  /**
+   * Checks if the given value is an instance of IClassNameCollection.
+   * @param value - The value to check.
+   * @returns True if the value is an instance of IClassNameCollection, false otherwise.
    */
   function isClassNameCollection(value) {
     return typeof value === 'object' && !Array.isArray(value);
   }
 
-  /**
-   * Converts an IClassNameCollection object to a string of class names.
-   * @param className - The IClassNameCollection object.
-   * @returns A string of class names.
+  /**
+   * Converts an IClassNameCollection object to a string of class names.
+   * @param className - The IClassNameCollection object.
+   * @returns A string of class names.
    */
   function classNameCollectionToString(className) {
     const keys = Object.keys(className);
@@ -151,10 +151,10 @@
     return classNames;
   }
 
-  /**
-   * Combines multiple IClassName objects into a single string of class names.
-   * @param props - The IClassName objects to combine.
-   * @returns A string of class names.
+  /**
+   * Combines multiple IClassName objects into a single string of class names.
+   * @param props - The IClassName objects to combine.
+   * @returns A string of class names.
    */
   function getClassNames() {
     const total = arguments.length;
@@ -182,11 +182,11 @@
   	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
   }
 
-  /**
-   * Retrieves the default locale.
-   * If the process environment variable DEFAULT_LOCALE is defined, it will be used as the default locale.
-   * Otherwise, the default locale will be set to 'en'.
-   * @returns The default locale.
+  /**
+   * Retrieves the default locale.
+   * If the process environment variable DEFAULT_LOCALE is defined, it will be used as the default locale.
+   * Otherwise, the default locale will be set to 'en'.
+   * @returns The default locale.
    */
   function getDefaultLocale() {
     let defaultLocale = 'en';
@@ -199,10 +199,10 @@
 
   const DEFAULT_LOCALE = defaultLocale;
 
-  /**
-   * Checks if a value is a localized string.
-   * @param value - The value to check.
-   * @returns A boolean indicating whether the value is a localized string.
+  /**
+   * Checks if a value is a localized string.
+   * @param value - The value to check.
+   * @returns A boolean indicating whether the value is a localized string.
    */
   function isLocalizedString(value) {
     let isLocalizedString = false;
@@ -215,12 +215,12 @@
     return isLocalizedString;
   }
 
-  /**
-   * Converts a localized string object to a string based on the specified locale.
-   * @param json - The localized string object.
-   * @param locale - The locale to use.
-   * @param defaultLocale - The default locale to use if the specified locale is not found.
-   * @returns The localized string.
+  /**
+   * Converts a localized string object to a string based on the specified locale.
+   * @param json - The localized string object.
+   * @param locale - The locale to use.
+   * @param defaultLocale - The default locale to use if the specified locale is not found.
+   * @returns The localized string.
    */
   function localizedToString(json, locale, defaultLocale) {
     if (defaultLocale === void 0) {
@@ -230,12 +230,12 @@
     return localizedString;
   }
 
-  /**
-   * Localizes a value or an array/object of values based on the specified locale.
-   * @param value - The value or array/object of values to localize.
-   * @param locale - The locale to use.
-   * @param defaultLocale - The default locale to use if the specified locale is not found.
-   * @returns The localized value or array/object of localized values.
+  /**
+   * Localizes a value or an array/object of values based on the specified locale.
+   * @param value - The value or array/object of values to localize.
+   * @param locale - The locale to use.
+   * @param defaultLocale - The default locale to use if the specified locale is not found.
+   * @returns The localized value or array/object of localized values.
    */
   function localizeValue(value, locale, defaultLocale) {
     if (defaultLocale === void 0) {
@@ -250,12 +250,12 @@
     }
   }
 
-  /**
-   * Localizes an array/object of values based on the specified locale.
-   * @param item - The array/object of values to localize.
-   * @param locale - The locale to use.
-   * @param defaultLocale - The default locale to use if the specified locale is not found.
-   * @returns The localized array/object of values.
+  /**
+   * Localizes an array/object of values based on the specified locale.
+   * @param item - The array/object of values to localize.
+   * @param locale - The locale to use.
+   * @param defaultLocale - The default locale to use if the specified locale is not found.
+   * @returns The localized array/object of values.
    */
   function localizeItem(item, locale, defaultLocale) {
     if (defaultLocale === void 0) {
@@ -8792,41 +8792,41 @@
     }, locale);
   }
 
-  /*
-  import { useMemo } from 'react';
-  import { useNumber } from '../useNumber/useNumber';
-  import { useLayout } from '../useLayout/useLayout';
-
-  export function useCurrency(currency: string = 'EUR', locale?: string): (value: number) => string {
-    const layout = useLayout();
-    const currentLocale = locale || layout.locale;
-
-    const formatter = useMemo(() => {
-      const options = { style: 'currency', currency };
-      const formatter = new Intl.NumberFormat(currentLocale, options).format;
-      return formatter;
-    }, [currency, currentLocale]);
-
-    return formatter;
-  }
-
+  /*
+  import { useMemo } from 'react';
+  import { useNumber } from '../useNumber/useNumber';
+  import { useLayout } from '../useLayout/useLayout';
+
+  export function useCurrency(currency: string = 'EUR', locale?: string): (value: number) => string {
+    const layout = useLayout();
+    const currentLocale = locale || layout.locale;
+
+    const formatter = useMemo(() => {
+      const options = { style: 'currency', currency };
+      const formatter = new Intl.NumberFormat(currentLocale, options).format;
+      return formatter;
+    }, [currency, currentLocale]);
+
+    return formatter;
+  }
+
   */
 
-  /*
-
-  export function useCurrency(value: number, currency: string = 'EUR', locale?: string): string {
-
-    const layout = useLayout();
-
-    const currentLocale = locale || layout.locale;
-
-    return useMemo(() => {
-      const options = { style: 'currency', currency };
-      const formattedValue = new Intl.NumberFormat(currentLocale, options).format(value);
-      return formattedValue;
-    }, [value, currency, currentLocale]);
-  }
-
+  /*
+
+  export function useCurrency(value: number, currency: string = 'EUR', locale?: string): string {
+
+    const layout = useLayout();
+
+    const currentLocale = locale || layout.locale;
+
+    return useMemo(() => {
+      const options = { style: 'currency', currency };
+      const formattedValue = new Intl.NumberFormat(currentLocale, options).format(value);
+      return formattedValue;
+    }, [value, currency, currentLocale]);
+  }
+
   */
 
   function useDateTimeFormat(options, locale) {
@@ -8901,13 +8901,13 @@
     return [state, setState];
   }
 
-  /**
-   * KeyBinding Codes
-   * The content of this file is based on the design of the open source project "microsoft/vscode",
-   *   Copyright (c) Microsoft Corporation. All rights reserved.
-   *
-   * We inherit the KeyMod values from "microsoft/vscode",
-   * but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
+  /**
+   * KeyBinding Codes
+   * The content of this file is based on the design of the open source project "microsoft/vscode",
+   *   Copyright (c) Microsoft Corporation. All rights reserved.
+   *
+   * We inherit the KeyMod values from "microsoft/vscode",
+   * but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
    */
 
   let KeyCode = /*#__PURE__*/function (KeyCode) {
@@ -9141,20 +9141,20 @@
     });
   }
 
-  /*
-  import { useCallback, useEffect, useRef } from 'react';
-
-  export function useMounted(): () => boolean {
-    const ref = useRef<boolean>(false);
-    const get = useCallback(() => ref.current, []);
-    useEffect(() => {
-      ref.current = true;
-      return () => {
-        ref.current = false;
-      };
-    }, []);
-    return get;
-  }
+  /*
+  import { useCallback, useEffect, useRef } from 'react';
+
+  export function useMounted(): () => boolean {
+    const ref = useRef<boolean>(false);
+    const get = useCallback(() => ref.current, []);
+    useEffect(() => {
+      ref.current = true;
+      return () => {
+        ref.current = false;
+      };
+    }, []);
+    return get;
+  }
   */
 
   function useMounted() {
@@ -19869,6 +19869,27 @@
   });
   IconX.displayName = 'IconX';
 
+  function pushDataLayer(record) {
+    if (isBrowser$1) {
+      window.dataLayer?.push(record);
+    }
+  }
+
+  const LLM_MINIMIZED_KEY = 'llm-minimized';
+  function getPersistedMinimized() {
+    try {
+      return sessionStorage.getItem(LLM_MINIMIZED_KEY) === 'true';
+    } catch {
+      return false;
+    }
+  }
+  function persistMinimized(minimized) {
+    try {
+      sessionStorage.setItem(LLM_MINIMIZED_KEY, String(minimized));
+    } catch {
+      // error
+    }
+  }
   const createLlmViewStore = _ref => {
     let {
       threadId,
@@ -19899,6 +19920,7 @@
       fixed: false,
       idle: true,
       visible: false,
+      minimized: getPersistedMinimized(),
       scrollable: false,
       direction: 0
     };
@@ -19974,13 +19996,13 @@
                   lastScrollTop = 0;
                 }
               };
-              /*
-              if ('ResizeObserver' in window) {
-                const resizeObserver = new ResizeObserver((entries) => {
-                  onScroll();
-                });
-                resizeObserver.observe(document.scrollingElement as HTMLElement);
-              }
+              /*
+              if ('ResizeObserver' in window) {
+                const resizeObserver = new ResizeObserver((entries) => {
+                  onScroll();
+                });
+                resizeObserver.observe(document.scrollingElement as HTMLElement);
+              }
               */
               window.addEventListener('scroll', onScroll);
               window.addEventListener('resize', onResize);
@@ -20024,9 +20046,11 @@
           },
           send: async (prompt, onMessage, onEnd) => {
             await send(prompt, () => {
+              persistMinimized(false);
               set({
                 skipCustomIntro: true,
-                opened: true
+                opened: true,
+                minimized: false
               });
               setTimeout(() => {
               }, 50);
@@ -20042,9 +20066,17 @@
           },
           open: () => {
             setIdleTimeout();
-            set(state => ({
-              opened: !state.opened
-            }));
+            set(state => {
+              const opened = !state.opened;
+              pushDataLayer({
+                event: opened ? 'llm_open' : 'llm_close'
+              });
+              persistMinimized(false);
+              return {
+                opened,
+                minimized: false
+              };
+            });
           },
           isOpened: () => {
             const {
@@ -20054,9 +20086,14 @@
           },
           setOpened: opened => {
             setIdleTimeout();
-            set(state => ({
-              opened
-            }));
+            set(state => {
+              pushDataLayer({
+                event: opened ? 'llm_open' : 'llm_close'
+              });
+              return {
+                opened
+              };
+            });
           },
           setIntroed: introed => {
             const state = get();
@@ -20065,6 +20102,12 @@
               introed
             }));
           },
+          setMinimized: minimized => {
+            persistMinimized(minimized);
+            set(state => ({
+              minimized
+            }));
+          },
           setVisible: visible => set(state => ({
             visible
           })),
@@ -23309,11 +23352,11 @@ void main(void) {
             <img src="${href}"${title ? ` title="${title}"` : ''} alt="" />
           </a>`;
           }
-          /*
-          html(html: string, block?: boolean) {
-            console.log('html', html);
-            return html;
-          },
+          /*
+          html(html: string, block?: boolean) {
+            console.log('html', html);
+            return html;
+          },
           */
         }
       });
@@ -31929,12 +31972,12 @@ void main(void) {
     return type.replace(/Item$/, '');
   }
 
-  /*
-  export type LlmChunkImage = {
-    type: 'image';
-    id: string;
-    src: string;
-  };
+  /*
+  export type LlmChunkImage = {
+    type: 'image';
+    id: string;
+    src: string;
+  };
   */
 
   // media
@@ -31957,11 +32000,11 @@ void main(void) {
 
   // !!! todo move to bom-core
 
-  /*
-  export type LlmChunkUnknownItem = Omit<Record<string, unknown>, 'type' | 'id'> & {
-    type: LlmChunkUnknownItemType;
-    id: IEquatable;
-  };
+  /*
+  export type LlmChunkUnknownItem = Omit<Record<string, unknown>, 'type' | 'id'> & {
+    type: LlmChunkUnknownItemType;
+    id: IEquatable;
+  };
   */
 
   // !!! todo
@@ -31970,55 +32013,55 @@ void main(void) {
   // type StuctureMappedType<T extends LlmChunkType> = { [K in T]: Array<LlmChunkItem<K>> };
   // export type LlmChunkItems<T extends LlmChunkType = LlmChunkType> = Record<T, (item: Extract<LlmChunkItem, { type: T }>) => string>;
 
-  /*
-  export type LlmThemeItem = Record<string, CSSProperties> & {
-    [key: string]: string | boolean | number;
-  };
-
-  export type LlmThemeTypography = Omit<CSSProperties, 'textTransform'> & {
-    family?: CSSProperties['fontFamily'];
-    size?: CSSProperties['fontSize'];
-    weight?: CSSProperties['fontWeight'];
-    fontSizeMin?: string;
-    fontSizeMax?: string;
-    textTransform?: string;
-  };
-
-  export type LlmThemeColor = {
-    [key: string]: CSSProperties['color'] | LlmThemeColor;
-  };
-
-  export type LlmThemeProps = {
-    mode?: string;
-    scale?: number;
-    font?: {
-      primary: CSSProperties['fontFamily'];
-      secondary: CSSProperties['fontFamily'];
-      source: string;
-    };
-    typography?: Record<string, LlmThemeTypography>,
-    color?: LlmThemeColor;
-    canvas?: {
-      opacity?: number;
-      enabled?: boolean;
-    };
-    border?: CSSProperties['border'];
-    toaster?: ToasterProps['theme'];
-  };
+  /*
+  export type LlmThemeItem = Record<string, CSSProperties> & {
+    [key: string]: string | boolean | number;
+  };
+
+  export type LlmThemeTypography = Omit<CSSProperties, 'textTransform'> & {
+    family?: CSSProperties['fontFamily'];
+    size?: CSSProperties['fontSize'];
+    weight?: CSSProperties['fontWeight'];
+    fontSizeMin?: string;
+    fontSizeMax?: string;
+    textTransform?: string;
+  };
+
+  export type LlmThemeColor = {
+    [key: string]: CSSProperties['color'] | LlmThemeColor;
+  };
+
+  export type LlmThemeProps = {
+    mode?: string;
+    scale?: number;
+    font?: {
+      primary: CSSProperties['fontFamily'];
+      secondary: CSSProperties['fontFamily'];
+      source: string;
+    };
+    typography?: Record<string, LlmThemeTypography>,
+    color?: LlmThemeColor;
+    canvas?: {
+      opacity?: number;
+      enabled?: boolean;
+    };
+    border?: CSSProperties['border'];
+    toaster?: ToasterProps['theme'];
+  };
   */
 
-  /*
-  export type LlmTheme = Omit<{
-    [key: string]: LlmThemeItem | CSSProperties;
-  }, keyof LlmThemeProps> & LlmThemeProps;
+  /*
+  export type LlmTheme = Omit<{
+    [key: string]: LlmThemeItem | CSSProperties;
+  }, keyof LlmThemeProps> & LlmThemeProps;
   */
 
-  /*
-  export type LlmThemeBase = {
-    [key: string]: CSSProperties | string | number | boolean | LlmThemeBase;
-  };
-
-  export type LlmTheme = LlmThemeBase & LlmThemeProps;
+  /*
+  export type LlmThemeBase = {
+    [key: string]: CSSProperties | string | number | boolean | LlmThemeBase;
+  };
+
+  export type LlmTheme = LlmThemeBase & LlmThemeProps;
   */
 
   const LLM_DEFAULT_MIME_TYPES = '.jpg, .jpeg, .png, .svg, .webp, .txt, .md, .pdf, .csv, .doc, .xls, .ppt';
@@ -32253,14 +32296,14 @@ void main(void) {
     const feedbackType = type || theme.feedback?.type || 'stars';
     const classNames = getClassNames('llm__feedback', `llm__feedback--${feedbackType}`);
 
-    /*
-    const [feedbackRating, setFeedbackRating] = useState<number>();
-    const onRating = async (event: ChangeEvent<HTMLInputElement>) => {
-      console.log(event.currentTarget);
-      const value = String(event.currentTarget.value);
-      const rating = parseInt(value);
-      setFeedbackRating(rating);
-    };
+    /*
+    const [feedbackRating, setFeedbackRating] = useState<number>();
+    const onRating = async (event: ChangeEvent<HTMLInputElement>) => {
+      console.log(event.currentTarget);
+      const value = String(event.currentTarget.value);
+      const rating = parseInt(value);
+      setFeedbackRating(rating);
+    };
     */
 
     const onSubmit = async event => {
@@ -32397,8 +32440,8 @@ void main(void) {
     });
   };
 
-  /*
-  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+  /*
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
   */
   const Font = () => {
     const theme = useLlm(state => state.theme);
@@ -32868,6 +32911,10 @@ void main(void) {
       wrapper
     } = _ref;
     const label = useLabel();
+    const streaming = useLlm(state => state.streaming);
+    const {
+      clear
+    } = useLlm(state => state.actions);
     const {
       send
     } = useLlmView(state => state.actions);
@@ -32875,7 +32922,8 @@ void main(void) {
       setWrapper
     } = useActions();
     const onAction = async action => {
-      const prompt = action.message || `${action.label}: ${JSON.stringify(wrapper.actions)}`;
+      const prompt = action.message || action.label;
+      clear();
       await send(prompt, response => {
         // console.log('PageActions.onChunk', response.chunks);
       }, response => {
@@ -32893,7 +32941,11 @@ void main(void) {
       }), wrapper.actions.map(x => /*#__PURE__*/jsxRuntimeExports.jsxs("button", {
         type: "button",
         className: getClassNames(style$h.action),
-        onClick: () => onAction(x),
+        disabled: streaming,
+        onClick: e => {
+          e.stopPropagation();
+          onAction(x);
+        },
         children: [/*#__PURE__*/jsxRuntimeExports.jsx(ActionIcon, {
           action: x
         }), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
@@ -40808,6 +40860,9 @@ void main(void) {
       removeHistory
     } = useLlm(state => state.actions);
     // console.log('item', item);
+    if (!item.user) {
+      return;
+    }
     return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
       className: getClassNames(style$e.history),
       onClick: () => setHistory(item),
@@ -41325,7 +41380,11 @@ void main(void) {
   const PageSubmit = () => {
     const label = useLabel();
     useLlm(state => state.components);
+    const streaming = useLlm(state => state.streaming);
     const prompt = useLlm(state => state.prompt);
+    const {
+      clear
+    } = useLlm(state => state.actions);
     const {
       send
     } = useLlmView(state => state.actions);
@@ -41334,6 +41393,7 @@ void main(void) {
       if (!prompt) {
         return;
       }
+      clear();
       await send(prompt, response => {
         // console.log('PagePrompt.onChunk', response.chunks);
       }, response => {
@@ -41343,7 +41403,7 @@ void main(void) {
     return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
       type: "submit",
       className: getClassNames(style$5.submit),
-      "aria-disabled": !prompt,
+      disabled: !prompt || streaming,
       "aria-label": label('llm.sendPrompt'),
       onClick: onSubmit,
       children: /*#__PURE__*/jsxRuntimeExports.jsx(IconLlmArrowUp, {})
@@ -41388,7 +41448,8 @@ void main(void) {
     const prompt = useLlm(state => state.prompt);
     const streaming = useLlm(state => state.streaming);
     const {
-      setPrompt
+      setPrompt,
+      clear
     } = useLlm(state => state.actions);
     const {
       send
@@ -41399,6 +41460,7 @@ void main(void) {
       if (!prompt) {
         return;
       }
+      clear();
       await send(prompt, response => {
         // console.log('PagePrompt.onChunk', response.chunks);
       }, response => {
@@ -41410,7 +41472,7 @@ void main(void) {
       setPrompt(prompt);
     };
     const onKeyDown = event => {
-      if (event.code == 'Enter' && !event.shiftKey) {
+      if (event.code == 'Enter' && !event.shiftKey && !streaming) {
         onSubmit(event);
       }
     };
@@ -41462,10 +41524,10 @@ void main(void) {
       window.scrollTo({
         top: 0
       });
-      /*
-      if (ref.current) {
-        ref.current.scrollIntoView();
-      }
+      /*
+      if (ref.current) {
+        ref.current.scrollIntoView();
+      }
       */
     }, [message, hasValidChunks]);
     const classNames = getClassNames(style$2.thread);
@@ -41943,15 +42005,15 @@ void main(void) {
           }
         },
         start: () => {
-          /*
-          if (innerRef.current) {
-          }
+          /*
+          if (innerRef.current) {
+          }
           */
         },
         stop: () => {
-          /*
-          if (innerRef.current) {
-          }
+          /*
+          if (innerRef.current) {
+          }
           */
         }
       });
@@ -42140,30 +42202,30 @@ void main(void) {
     });
   };
 
-  /*
-
-  const swiperProps = {
-    modules: [FreeMode],
-    spaceBetween: 8,
-    freeMode: true,
-    slidesPerView: 'auto' as const,
-    slidesOffsetAfter: clamp(20, 110),
-    slidesOffsetBefore: clamp(20, 110),
-  };
-
-  <section className="llm__prompt-suggestions">
-    <div className="llm__suggestions">
-      <Swiper {...swiperProps} onInit={swiper => swiper.update()}>
-        {app?.contents.sampleInputTexts?.map((s, j) => (
-          <SwiperSlide key={j}>
-            <button type="button" className="llm__pill" onClick={() => onClick(s)}>
-              {s.sampleInputText}
-            </button>
-          </SwiperSlide>
-        ))}
-      </Swiper>
-    </div>
-  </section>
+  /*
+
+  const swiperProps = {
+    modules: [FreeMode],
+    spaceBetween: 8,
+    freeMode: true,
+    slidesPerView: 'auto' as const,
+    slidesOffsetAfter: clamp(20, 110),
+    slidesOffsetBefore: clamp(20, 110),
+  };
+
+  <section className="llm__prompt-suggestions">
+    <div className="llm__suggestions">
+      <Swiper {...swiperProps} onInit={swiper => swiper.update()}>
+        {app?.contents.sampleInputTexts?.map((s, j) => (
+          <SwiperSlide key={j}>
+            <button type="button" className="llm__pill" onClick={() => onClick(s)}>
+              {s.sampleInputText}
+            </button>
+          </SwiperSlide>
+        ))}
+      </Swiper>
+    </div>
+  </section>
   */
 
   const Thread = () => {
@@ -42199,6 +42261,32 @@ void main(void) {
     });
   };
 
+  const MinimizeButton = _ref => {
+    let {
+      onClick,
+      label
+    } = _ref;
+    return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+      type: "button",
+      className: "llm__trigger-minimize",
+      onClick: onClick,
+      "aria-label": label,
+      children: /*#__PURE__*/jsxRuntimeExports.jsx("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/jsxRuntimeExports.jsx("path", {
+          d: "M4 6L8 10L12 6",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        })
+      })
+    });
+  };
   const Trigger = () => {
     const theme = useLlm(state => state.theme);
     const {
@@ -42206,16 +42294,21 @@ void main(void) {
     } = useLlm(state => state.components);
     const app = useLlm(state => state.app);
     const opened = useLlmView(state => state.opened);
+    const minimized = useLlmView(state => state.minimized);
     const {
-      open
+      open,
+      setMinimized
     } = useLlmView(state => state.actions);
     const label = useLabel();
+    const enableMinimize = app?.contents.enableMinimize;
     const collapsedWelcomeText = messageMapper(app?.contents.collapsedWelcomeText);
     const collapsedWelcomeTextCta = messageMapper(app?.contents.collapsedWelcomeTextCta);
     const collapsedWelcomeTextHover = messageMapper(app?.contents.collapsedWelcomeTextHover);
     const position = theme.trigger?.position || 'bottom';
     return /*#__PURE__*/jsxRuntimeExports.jsxs(motion.nav, {
-      className: getClassNames('llm__trigger', '-' + position),
+      className: getClassNames('llm__trigger', '-' + position, {
+        '-minimized': minimized
+      }),
       initial: {
         y: '200%',
         opacity: 0
@@ -42229,12 +42322,12 @@ void main(void) {
         opacity: 0
       },
       transition: {
-        duration: .4
+        duration: 0.4
       },
       "aria-label": "Trigger"
-      /*
-      aria-expanded={opened}
-      aria-controls={mainId}
+      /*
+      aria-expanded={opened}
+      aria-controls={mainId}
       */,
       onClick: () => open(),
       children: [/*#__PURE__*/jsxRuntimeExports.jsxs("button", {
@@ -42245,14 +42338,20 @@ void main(void) {
         children: [/*#__PURE__*/jsxRuntimeExports.jsx(Blob, {}), /*#__PURE__*/jsxRuntimeExports.jsx("span", {
           children: label('llm.button')
         })]
-      }), !opened && (collapsedWelcomeText || collapsedWelcomeTextCta || collapsedWelcomeTextHover) && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      }), !opened && !minimized && (collapsedWelcomeText || collapsedWelcomeTextCta || collapsedWelcomeTextHover) && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
         className: "llm__trigger-popup -llm-t-body2",
         children: [(collapsedWelcomeText || collapsedWelcomeTextCta) && /*#__PURE__*/jsxRuntimeExports.jsxs(motion.div, {
           className: "llm__trigger-message",
           exit: {
             opacity: 0
           },
-          children: [/*#__PURE__*/jsxRuntimeExports.jsx(Canvas, {}), collapsedWelcomeText, collapsedWelcomeTextCta && /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+          children: [/*#__PURE__*/jsxRuntimeExports.jsx(Canvas, {}), collapsedWelcomeText, enableMinimize && /*#__PURE__*/jsxRuntimeExports.jsx(MinimizeButton, {
+            onClick: e => {
+              e.stopPropagation();
+              setMinimized(true);
+            },
+            label: label('llm.minimize') || 'Minimize'
+          }), collapsedWelcomeTextCta && /*#__PURE__*/jsxRuntimeExports.jsx("button", {
             type: "button",
             className: "llm__trigger-cta",
             children: collapsedWelcomeTextCta
@@ -43415,13 +43514,13 @@ ${Object.entries(vars).map(_ref2 => {
     decodeMessages(messages) {
       return messages.map(x => {
         if (Array.isArray(x.content)) {
-          /*
-          if (x.role === 'user') {
-            return ({
-              ...x,
-              chunks: x.content.map(x => this.decodeChunk(x)),
-            });
-          }
+          /*
+          if (x.role === 'user') {
+            return ({
+              ...x,
+              chunks: x.content.map(x => this.decodeChunk(x)),
+            });
+          }
           */
           return {
             ...x,
@@ -43662,163 +43761,163 @@ ${Object.entries(vars).map(_ref2 => {
       return chunkItems;
     }
 
-    /*
-    chunksToChunkItems___(chunks: LlmChunk[], response?: StreamResponse): LlmChunkItem[] {
-      const chunkItems: LlmChunkItem[] = [];
-      chunks.forEach(x => {
-        const chunk: LlmChunkItem = typeof x === 'string' ? { type: 'text', text: x } : x;
-        const lastMessage = chunkItems[chunkItems.length - 1];
-        switch (chunk.type) {
-          case 'text':
-            if (lastMessage && isChunkText(lastMessage)) {
-              const text = chunk.text;
-              const lastChunkText = lastMessage;
-              if (chunkItems.indexOf(lastChunkText) > 0) {
-                // secondary chunk
-                lastChunkText.text += text;
-              } else if (!lastChunkText.text.includes('\n')) {
-                // uncompleted first chunk
-                if (text.includes('\n')) {
-                  const lines = text.split('\n');
-                  lines.forEach((line, i) => {
-                    const lastChar = (lines.length > i + 1) ? '\n' : '';
-                    if (i === 0) {
-                      lastChunkText.text += line + lastChar;
-                    } else if (line.length > 0) {
-                      chunkItems.push({
-                        type: 'text',
-                        text: line + lastChar,
-                      });
-                    }
-                  });
-                } else {
-                  // uncompleted first chunk
-                  lastChunkText.text += text;
-                }
-              } else {
-                // completed first chunk
-                chunkItems.push(chunk);
-              }
-            } else {
-              // new text chunk
-              chunkItems.push(chunk);
-            }
-            break;
-          case 'log':
-            break;
-          case 'error':
-            chunkItems.push(chunk);
-            break;
-          case 'header': {
-            const { type, ...rest } = chunk;
-            if (response) {
-              Object.assign(response, rest);
-            }
-            // console.log('header', response);
-          }
-            break;
-          case 'info': {
-            if (response) {
-              // !!! deprecated
-              response.threadId = chunk.threadId || response.threadId;
-            }
-          }
-            break;
-          case 'end':
-            break;
-          case 'action':
-          case 'actionItem':
-            if (lastMessage && lastMessage.type === 'actionGroup') {
-              lastMessage.items.push(chunk);
-            } else {
-              chunkItems.push({
-                type: 'actionGroup',
-                items: [chunk],
-              });
-            }
-            break;
-          case 'cardItem':
-            if (lastMessage && lastMessage.type === 'cardGroup') {
-              lastMessage.items.push(chunk);
-            } else {
-              chunkItems.push({
-                type: 'cardGroup',
-                items: [chunk],
-              });
-            }
-            break;
-          case 'productItem':
-            if (lastMessage && lastMessage.type === 'productGroup') {
-              lastMessage.items.push(chunk);
-            } else {
-              chunkItems.push({
-                type: 'productGroup',
-                items: [chunk],
-              });
-            }
-            break;
-          case 'eventItem':
-            if (lastMessage && lastMessage.type === 'eventGroup') {
-              lastMessage.items.push(chunk);
-            } else {
-              chunkItems.push({
-                type: 'eventGroup',
-                items: [chunk],
-              });
-            }
-            break;
-          case 'poiItem':
-            if (lastMessage && lastMessage.type === 'poiGroup') {
-              lastMessage.items.push(chunk);
-            } else {
-              chunkItems.push({
-                type: 'poiGroup',
-                items: [chunk],
-              });
-            }
-            break;
-          case 'tripadvisor':
-          case 'tripadvisorItem':
-            if (lastMessage && lastMessage.type === 'tripadvisorGroup') {
-              lastMessage.items.push({
-                ...chunk,
-                type: 'tripadvisorItem',
-              });
-            } else {
-              chunkItems.push({
-                type: 'tripadvisorGroup',
-                items: [{
-                  ...chunk,
-                  type: 'tripadvisorItem',
-                }],
-              });
-            }
-            break;
-          default:
-            if (
-              typeof chunk.type === 'string' &&
-              chunk.type.match(/Item$/)
-            ) {
-              const baseName = chunk.type.replace('Item', '');
-              const groupName = `${baseName}Group`;
-              if (lastMessage && lastMessage.type === groupName) {
-                (lastMessage as { items: (typeof x)[] }).items.push(x);
-              } else {
-                chunkItems.push({
-                  type: groupName,
-                  items: [{
-                    ...chunk,
-                    type: baseName,
-                  }],
-                } as unknown as LlmChunkUnknownItem);
-              }
-            } else {
-              chunkItems.push(chunk);
-            }
-        }
-      });
-      return chunkItems;
-    }
+    /*
+    chunksToChunkItems___(chunks: LlmChunk[], response?: StreamResponse): LlmChunkItem[] {
+      const chunkItems: LlmChunkItem[] = [];
+      chunks.forEach(x => {
+        const chunk: LlmChunkItem = typeof x === 'string' ? { type: 'text', text: x } : x;
+        const lastMessage = chunkItems[chunkItems.length - 1];
+        switch (chunk.type) {
+          case 'text':
+            if (lastMessage && isChunkText(lastMessage)) {
+              const text = chunk.text;
+              const lastChunkText = lastMessage;
+              if (chunkItems.indexOf(lastChunkText) > 0) {
+                // secondary chunk
+                lastChunkText.text += text;
+              } else if (!lastChunkText.text.includes('\n')) {
+                // uncompleted first chunk
+                if (text.includes('\n')) {
+                  const lines = text.split('\n');
+                  lines.forEach((line, i) => {
+                    const lastChar = (lines.length > i + 1) ? '\n' : '';
+                    if (i === 0) {
+                      lastChunkText.text += line + lastChar;
+                    } else if (line.length > 0) {
+                      chunkItems.push({
+                        type: 'text',
+                        text: line + lastChar,
+                      });
+                    }
+                  });
+                } else {
+                  // uncompleted first chunk
+                  lastChunkText.text += text;
+                }
+              } else {
+                // completed first chunk
+                chunkItems.push(chunk);
+              }
+            } else {
+              // new text chunk
+              chunkItems.push(chunk);
+            }
+            break;
+          case 'log':
+            break;
+          case 'error':
+            chunkItems.push(chunk);
+            break;
+          case 'header': {
+            const { type, ...rest } = chunk;
+            if (response) {
+              Object.assign(response, rest);
+            }
+            // console.log('header', response);
+          }
+            break;
+          case 'info': {
+            if (response) {
+              // !!! deprecated
+              response.threadId = chunk.threadId || response.threadId;
+            }
+          }
+            break;
+          case 'end':
+            break;
+          case 'action':
+          case 'actionItem':
+            if (lastMessage && lastMessage.type === 'actionGroup') {
+              lastMessage.items.push(chunk);
+            } else {
+              chunkItems.push({
+                type: 'actionGroup',
+                items: [chunk],
+              });
+            }
+            break;
+          case 'cardItem':
+            if (lastMessage && lastMessage.type === 'cardGroup') {
+              lastMessage.items.push(chunk);
+            } else {
+              chunkItems.push({
+                type: 'cardGroup',
+                items: [chunk],
+              });
+            }
+            break;
+          case 'productItem':
+            if (lastMessage && lastMessage.type === 'productGroup') {
+              lastMessage.items.push(chunk);
+            } else {
+              chunkItems.push({
+                type: 'productGroup',
+                items: [chunk],
+              });
+            }
+            break;
+          case 'eventItem':
+            if (lastMessage && lastMessage.type === 'eventGroup') {
+              lastMessage.items.push(chunk);
+            } else {
+              chunkItems.push({
+                type: 'eventGroup',
+                items: [chunk],
+              });
+            }
+            break;
+          case 'poiItem':
+            if (lastMessage && lastMessage.type === 'poiGroup') {
+              lastMessage.items.push(chunk);
+            } else {
+              chunkItems.push({
+                type: 'poiGroup',
+                items: [chunk],
+              });
+            }
+            break;
+          case 'tripadvisor':
+          case 'tripadvisorItem':
+            if (lastMessage && lastMessage.type === 'tripadvisorGroup') {
+              lastMessage.items.push({
+                ...chunk,
+                type: 'tripadvisorItem',
+              });
+            } else {
+              chunkItems.push({
+                type: 'tripadvisorGroup',
+                items: [{
+                  ...chunk,
+                  type: 'tripadvisorItem',
+                }],
+              });
+            }
+            break;
+          default:
+            if (
+              typeof chunk.type === 'string' &&
+              chunk.type.match(/Item$/)
+            ) {
+              const baseName = chunk.type.replace('Item', '');
+              const groupName = `${baseName}Group`;
+              if (lastMessage && lastMessage.type === groupName) {
+                (lastMessage as { items: (typeof x)[] }).items.push(x);
+              } else {
+                chunkItems.push({
+                  type: groupName,
+                  items: [{
+                    ...chunk,
+                    type: baseName,
+                  }],
+                } as unknown as LlmChunkUnknownItem);
+              }
+            } else {
+              chunkItems.push(chunk);
+            }
+        }
+      });
+      return chunkItems;
+    }
     */
 
     static decodeThread(thread) {
@@ -43973,10 +44072,10 @@ ${Object.entries(vars).map(_ref2 => {
           return;
         }
         const errorMessage = typeof error === 'string' ? error : JSON.stringify(error, null, 2);
-        /*
-        if (error instanceof TypeError) {
-          errorMessage = 'TypeError: Browser may not support async iteration';
-        }
+        /*
+        if (error instanceof TypeError) {
+          errorMessage = 'TypeError: Browser may not support async iteration';
+        }
         */
         if (typeof onEnd === 'function') {
           const errorChunk = {
@@ -44095,10 +44194,10 @@ ${Object.entries(vars).map(_ref2 => {
       } catch (error) {
         console.error('MessageService.mockMessage.error', error);
         const errorMessage = typeof error === 'string' ? error : JSON.stringify(error, null, 2);
-        /*
-        if (error instanceof TypeError) {
-          errorMessage = 'TypeError: Browser may not support async iteration';
-        }
+        /*
+        if (error instanceof TypeError) {
+          errorMessage = 'TypeError: Browser may not support async iteration';
+        }
         */
         if (typeof onEnd === 'function') {
           const errorChunk = {
@@ -44153,36 +44252,36 @@ ${Object.entries(vars).map(_ref2 => {
     };
   }
 
-  /*
-  async function* streamAsyncIterable<T>(stream: ReadableStream<T>) {
-    const reader = stream.getReader();
-    try {
-      while (true) {
-        const { done, value } = await reader.read();
-        if (done) return;
-        yield value;
-      }
-    } finally {
-      reader.releaseLock();
-    }
-  }
-
-  class Iterator {
-  }
-
-  (Iterator as any).prototype[Symbol.asyncIterator] = async function* () {
-    const reader = this.getReader();
-    try {
-      while (true) {
-        const { done, value } = await reader.read();
-        if (done) return;
-        yield value;
-      }
-    }
-    finally {
-      reader.releaseLock();
-    }
-  };
+  /*
+  async function* streamAsyncIterable<T>(stream: ReadableStream<T>) {
+    const reader = stream.getReader();
+    try {
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) return;
+        yield value;
+      }
+    } finally {
+      reader.releaseLock();
+    }
+  }
+
+  class Iterator {
+  }
+
+  (Iterator as any).prototype[Symbol.asyncIterator] = async function* () {
+    const reader = this.getReader();
+    try {
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) return;
+        yield value;
+      }
+    }
+    finally {
+      reader.releaseLock();
+    }
+  };
   */
 
   class ApiService {
@@ -44785,19 +44884,19 @@ ${Object.entries(vars).map(_ref2 => {
       utterance.onerror = error => {
         console.warn('DefaultTextToSpeech.speak.onerror', error);
       };
-      /*
-      utterance.onboundary = (event) => {
-        console.log('DefaultTextToSpeech.speak.onboundary', event);
-      };
-      utterance.onmark = (event) => {
-        console.log('DefaultTextToSpeech.speak.onmark', event);
-      };
-      utterance.onpause = (event) => {
-        console.log('DefaultTextToSpeech.speak.onpause', event);
-      };
-      utterance.onresume = (event) => {
-        console.log('DefaultTextToSpeech.speak.onresume', event);
-      };
+      /*
+      utterance.onboundary = (event) => {
+        console.log('DefaultTextToSpeech.speak.onboundary', event);
+      };
+      utterance.onmark = (event) => {
+        console.log('DefaultTextToSpeech.speak.onmark', event);
+      };
+      utterance.onpause = (event) => {
+        console.log('DefaultTextToSpeech.speak.onpause', event);
+      };
+      utterance.onresume = (event) => {
+        console.log('DefaultTextToSpeech.speak.onresume', event);
+      };
       */
       utterance.voice = voice;
       utterance.pitch = pitch;
@@ -44981,12 +45080,12 @@ ${Object.entries(vars).map(_ref2 => {
         return this.recognizer_;
       } else {
         const recognizer = new this.recognition();
-        /*
-          const grammar =
-            "#JSGF V1.0; grammar colors; public <color> = aqua | azure | beige | bisque | black | blue | brown | chocolate | coral | crimson | cyan | fuchsia | ghostwhite | gold | goldenrod | gray | green | indigo | ivory | khaki | lavender | lime | linen | magenta | maroon | moccasin | navy | olive | orange | orchid | peru | pink | plum | purple | red | salmon | sienna | silver | snow | tan | teal | thistle | tomato | turquoise | violet | white | yellow ;";
-          const grammarList = new this.grammarList();
-          grammarList.addFromString(grammar, 1);
-          recognizer.grammars = grammarList;
+        /*
+          const grammar =
+            "#JSGF V1.0; grammar colors; public <color> = aqua | azure | beige | bisque | black | blue | brown | chocolate | coral | crimson | cyan | fuchsia | ghostwhite | gold | goldenrod | gray | green | indigo | ivory | khaki | lavender | lime | linen | magenta | maroon | moccasin | navy | olive | orange | orchid | peru | pink | plum | purple | red | salmon | sienna | silver | snow | tan | teal | thistle | tomato | turquoise | violet | white | yellow ;";
+          const grammarList = new this.grammarList();
+          grammarList.addFromString(grammar, 1);
+          recognizer.grammars = grammarList;
           */
         recognizer.lang = this.lang; // "en-US";
         recognizer.continuous = true;
@@ -45004,37 +45103,37 @@ ${Object.entries(vars).map(_ref2 => {
           // console.log('recognizer.result');
           this.onResult(event);
         });
-        /*
-          recognizer.addEventListener("audioend", (event) => {
-            this.log('recognizer', "audioend", event);
-          });
-          recognizer.addEventListener("speechend", (event) => {
-            this.log('recognizer', "speechend", event);
-          });
+        /*
+          recognizer.addEventListener("audioend", (event) => {
+            this.log('recognizer', "audioend", event);
+          });
+          recognizer.addEventListener("speechend", (event) => {
+            this.log('recognizer', "speechend", event);
+          });
           */
-        /*
-          audiostart
-          Fired when the user agent has started to capture audio. Also available via the onaudiostart property.
-          audioend
-          Fired when the user agent has finished capturing audio. Also available via the onaudioend property.
-          end
-          Fired when the speech recognition service has disconnected. Also available via the onend property.
-          error
-          Fired when a speech recognition error occurs. Also available via the onerror property.
-          nomatch
-          Fired when the speech recognition service returns a final result with no significant recognition. This may involve some degree of recognition, which doesn't meet or exceed the confidence threshold. Also available via the onnomatch property.
-          result
-          Fired when the speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app. Also available via the onresult property.
-          soundstart
-          Fired when any sound — recognizable speech or not — has been detected. Also available via the onsoundstart property.
-          soundend
-          Fired when any sound — recognizable speech or not — has stopped being detected. Also available via the onsoundend property.
-          speechstart
-          Fired when sound that is recognized by the speech recognition service as speech has been detected. Also available via the onspeechstart property.
-          speechend
-          Fired when speech recognized by the speech recognition service has stopped being detected. Also available via the onspeechend property.
-          start
-          Fired when the speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current SpeechRecognition. Also available via the onstart property.
+        /*
+          audiostart
+          Fired when the user agent has started to capture audio. Also available via the onaudiostart property.
+          audioend
+          Fired when the user agent has finished capturing audio. Also available via the onaudioend property.
+          end
+          Fired when the speech recognition service has disconnected. Also available via the onend property.
+          error
+          Fired when a speech recognition error occurs. Also available via the onerror property.
+          nomatch
+          Fired when the speech recognition service returns a final result with no significant recognition. This may involve some degree of recognition, which doesn't meet or exceed the confidence threshold. Also available via the onnomatch property.
+          result
+          Fired when the speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app. Also available via the onresult property.
+          soundstart
+          Fired when any sound — recognizable speech or not — has been detected. Also available via the onsoundstart property.
+          soundend
+          Fired when any sound — recognizable speech or not — has stopped being detected. Also available via the onsoundend property.
+          speechstart
+          Fired when sound that is recognized by the speech recognition service as speech has been detected. Also available via the onspeechstart property.
+          speechend
+          Fired when speech recognized by the speech recognition service has stopped being detected. Also available via the onspeechend property.
+          start
+          Fired when the speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current SpeechRecognition. Also available via the onstart property.
           */
         this.recognizer_ = recognizer;
         return recognizer;
@@ -45203,17 +45302,17 @@ ${Object.entries(vars).map(_ref2 => {
       return c(p);
     }, {
       ...config
-      /**
-       * test remote api
-      ...({
-        appKey: 'xxxxxxxxxxxxxx',
-        apiKey: 'xxxxxxxxxxxxxx',
-        threadId: 'xxxxxxxxxxxxxx',
-        endpoint: 'https://platform.websolute.ai',
-        endpoint: 'https://platform-ai-dev.ws-deploy-01.wslabs.it',
-        endpoint: 'http://localhost:4000/bowl',
-        test: false,
-      }),
+      /**
+       * test remote api
+      ...({
+        appKey: 'xxxxxxxxxxxxxx',
+        apiKey: 'xxxxxxxxxxxxxx',
+        threadId: 'xxxxxxxxxxxxxx',
+        endpoint: 'https://platform.websolute.ai',
+        endpoint: 'https://platform-ai-dev.ws-deploy-01.wslabs.it',
+        endpoint: 'http://localhost:4000/bowl',
+        test: false,
+      }),
        */
     });
     const {
@@ -45354,12 +45453,12 @@ ${Object.entries(vars).map(_ref2 => {
           }
           const thread = MessageDecoder.decodeThread(app.thread);
           const testTheme = test ? getMock(locale, test).app?.contents?.customTheme : {};
-          /*
-          console.log(
-            'appTheme', app.contents.customTheme,
-            'testTheme', testTheme,
-            'customTheme', customTheme
-          );
+          /*
+          console.log(
+            'appTheme', app.contents.customTheme,
+            'testTheme', testTheme,
+            'customTheme', customTheme
+          );
           */
           const theme = getThemes([app.contents.customTheme, testTheme, customTheme], config.defaultTheme);
           const mode = theme.mode;
@@ -45368,22 +45467,22 @@ ${Object.entries(vars).map(_ref2 => {
           // console.log('useLlm.storedHistory', storedHistory);
           const history = await apiService.decorateHistory(storedHistory, mode);
           // console.log('useLlm.history', history);
-          /*
-          // !!! session restored via threadId storage merge
-          if (storageMode === 'session') {
-            // console.log('storageMode', storageMode, history);
-            if (history.length > 0) {
-              thread = {
-                threadId: history[0].threadId,
-                messages: history[0].messages,
-              };
-            }
-          }
+          /*
+          // !!! session restored via threadId storage merge
+          if (storageMode === 'session') {
+            // console.log('storageMode', storageMode, history);
+            if (history.length > 0) {
+              thread = {
+                threadId: history[0].threadId,
+                messages: history[0].messages,
+              };
+            }
+          }
           */
-          /*
-          console.log(
-            'theme', theme
-          );
+          /*
+          console.log(
+            'theme', theme
+          );
           */
           const vars = getVars(theme);
           createVars(vars);
@@ -45441,6 +45540,9 @@ ${Object.entries(vars).map(_ref2 => {
               return;
             }
           }
+          pushDataLayer({
+            event: state.messages.length > 0 ? 'llm_message' : 'llm_start'
+          });
           const messages = await messageService.addUserMessage(state.messages, prompt, uploaded);
           set(state => ({
             chunks: [],
@@ -45479,12 +45581,12 @@ ${Object.entries(vars).map(_ref2 => {
             };
             const responseMessages = [...messages, assistantMessage];
             // 15/12/2025 disabling form request feature, todo add payload flag
-            /*
-            if (messageService && messageService.shouldAddFormRequest(responseMessages)) {
-              chunks.push({
-                type: 'formRequest',
-              });
-            }
+            /*
+            if (messageService && messageService.shouldAddFormRequest(responseMessages)) {
+              chunks.push({
+                type: 'formRequest',
+              });
+            }
             */
             // filtering history
             const validChunks = chunks.filter(x => typeof x.type === 'string' && !['header', 'info', 'end', 'formRequest', 'formRecap', 'formRecapSuccess', 'formRecapError'].includes(x.type));
@@ -45752,10 +45854,10 @@ ${Object.entries(vars).map(_ref2 => {
             threadId: history.threadId,
             message: history.assistant,
             messages: history.messages
-            /*
-            messages: state.messages.findIndex(x => x.messageId === history.messageId) === -1 ?
-              [...state.messages, history.user, history.assistant] :
-              state.messages,
+            /*
+            messages: state.messages.findIndex(x => x.messageId === history.messageId) === -1 ?
+              [...state.messages, history.user, history.assistant] :
+              state.messages,
             */
           }));
         },
@@ -45799,10 +45901,10 @@ ${Object.entries(vars).map(_ref2 => {
         currentState.storedHistory = persistedState.storedHistory && [...persistedState.storedHistory];
         currentState.speakEnabled = persistedState.speakEnabled || false;
         speech.enabled = currentState.speakEnabled;
-        /*
-        if (persistedState.messages) {
-          currentState.messages = [...persistedState.messages];
-        }
+        /*
+        if (persistedState.messages) {
+          currentState.messages = [...persistedState.messages];
+        }
         */
         currentState.hydrated = true;
         // console.log('currentState', currentState);
@@ -45847,7 +45949,7 @@ ${Object.entries(vars).map(_ref2 => {
       }
       return p;
     }, []);
-    console.log('useLlm.messagesToHistory', history);
+    // console.log('useLlm.messagesToHistory', history);
     return history.filter(x => x.threadId && x.messageId);
   }
   function historyToStoredHistory(history) {
@@ -46461,21 +46563,21 @@ ${Object.entries(vars).map(_ref2 => {
     if (!node.hasAttribute('data-llm')) {
       node.setAttribute('data-llm', '');
 
-      /*
-      const host = node;
-      const shadow = host.attachShadow({ mode: 'open' });
-      const shadowRoot = document.createElement('div');
-      if (typeof window !== 'undefined' && 'llms__' in window) {
-        const llmStyle = (window['llms__'] || []) as string[];
-        const adoptedStyleSheets = llmStyle.map(style => {
-          const sheet = new CSSStyleSheet();
-          sheet.replaceSync(style);
-          return sheet;
-        });
-        shadow.adoptedStyleSheets = adoptedStyleSheets;
-      }
-      shadowRoot.setAttribute('data-llm', '');
-      shadow.appendChild(shadowRoot);
+      /*
+      const host = node;
+      const shadow = host.attachShadow({ mode: 'open' });
+      const shadowRoot = document.createElement('div');
+      if (typeof window !== 'undefined' && 'llms__' in window) {
+        const llmStyle = (window['llms__'] || []) as string[];
+        const adoptedStyleSheets = llmStyle.map(style => {
+          const sheet = new CSSStyleSheet();
+          sheet.replaceSync(style);
+          return sheet;
+        });
+        shadow.adoptedStyleSheets = adoptedStyleSheets;
+      }
+      shadowRoot.setAttribute('data-llm', '');
+      shadow.appendChild(shadowRoot);
       */
 
       const root = client.createRoot(node);
@@ -46548,10 +46650,10 @@ ${Object.entries(vars).map(_ref2 => {
           if (mutation.type === 'childList') {
             callback(mutation);
           }
-          /*
-          else if (mutation.type === 'attributes') {
-            console.log(`The ${mutation.attributeName} attribute was modified.`);
-          }
+          /*
+          else if (mutation.type === 'attributes') {
+            console.log(`The ${mutation.attributeName} attribute was modified.`);
+          }
           */
         }
       });