@websolutespa/bom-llm 0.2.4 → 0.2.6

package/dist/esm/index.js

@@ -13,36 +13,36 @@ function _mergeNamespaces(n, m) {
   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) {
@@ -79,20 +79,20 @@ function toKebabCase(unknownCase) {
   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 = {
@@ -116,19 +116,19 @@ function deepMerge(target, source) {
 
 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);
@@ -145,10 +145,10 @@ function classNameCollectionToString(className) {
   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;
@@ -176,11 +176,11 @@ function getDefaultExportFromCjs (x) {
 	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';
@@ -193,10 +193,10 @@ const defaultLocale = getDefaultLocale();
 
 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;
@@ -209,12 +209,12 @@ function isLocalizedString(value) {
   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) {
@@ -224,12 +224,12 @@ function localizedToString(json, locale, defaultLocale) {
   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) {
@@ -244,12 +244,12 @@ function localizeValue(value, locale, defaultLocale) {
   }
 }
 
-/**
- * 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) {
@@ -8786,41 +8786,41 @@ function useCurrency(currency, locale) {
   }, 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) {
@@ -8895,13 +8895,13 @@ function useFocusTrap$1(ref, options) {
   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) {
@@ -9135,20 +9135,20 @@ function parseParams(label, params) {
   });
 }
 
-/*
-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() {
@@ -19863,6 +19863,27 @@ const IconX = /*#__PURE__*/React.forwardRef((props, ref) => {
 });
 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,
@@ -19893,6 +19914,7 @@ const createLlmViewStore = _ref => {
     fixed: false,
     idle: true,
     visible: false,
+    minimized: getPersistedMinimized(),
     scrollable: false,
     direction: 0
   };
@@ -19968,13 +19990,13 @@ const createLlmViewStore = _ref => {
                 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);
@@ -20018,9 +20040,11 @@ const createLlmViewStore = _ref => {
         },
         send: async (prompt, onMessage, onEnd) => {
           await send(prompt, () => {
+            persistMinimized(false);
             set({
               skipCustomIntro: true,
-              opened: true
+              opened: true,
+              minimized: false
             });
             setTimeout(() => {
             }, 50);
@@ -20036,9 +20060,17 @@ const createLlmViewStore = _ref => {
         },
         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 {
@@ -20048,9 +20080,14 @@ const createLlmViewStore = _ref => {
         },
         setOpened: opened => {
           setIdleTimeout();
-          set(state => ({
-            opened
-          }));
+          set(state => {
+            pushDataLayer({
+              event: opened ? 'llm_open' : 'llm_close'
+            });
+            return {
+              opened
+            };
+          });
         },
         setIntroed: introed => {
           const state = get();
@@ -20059,6 +20096,12 @@ const createLlmViewStore = _ref => {
             introed
           }));
         },
+        setMinimized: minimized => {
+          persistMinimized(minimized);
+          set(state => ({
+            minimized
+          }));
+        },
         setVisible: visible => set(state => ({
           visible
         })),
@@ -23303,11 +23346,11 @@ const Text = props => {
             <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;
+        },
         */
       }
     });
@@ -31923,12 +31966,12 @@ function sanitizeBlockType(type) {
   return type.replace(/Item$/, '');
 }
 
-/*
-export type LlmChunkImage = {
-  type: 'image';
-  id: string;
-  src: string;
-};
+/*
+export type LlmChunkImage = {
+  type: 'image';
+  id: string;
+  src: string;
+};
 */
 
 // media
@@ -31951,11 +31994,11 @@ export type LlmChunkImage = {
 
 // !!! 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
@@ -31964,55 +32007,55 @@ export type LlmChunkUnknownItem = Omit<Record<string, unknown>, 'type' | 'id'> &
 // 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';
@@ -32247,14 +32290,14 @@ const Feedback = _ref => {
   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 => {
@@ -32391,8 +32434,8 @@ const Feedback = _ref => {
   });
 };
 
-/*
-<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);
@@ -32862,6 +32905,10 @@ const PageActions = _ref => {
     wrapper
   } = _ref;
   const label = useLabel();
+  const streaming = useLlm(state => state.streaming);
+  const {
+    clear
+  } = useLlm(state => state.actions);
   const {
     send
   } = useLlmView(state => state.actions);
@@ -32869,7 +32916,8 @@ const PageActions = _ref => {
     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 => {
@@ -32887,7 +32935,11 @@ const PageActions = _ref => {
     }), 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", {
@@ -40802,6 +40854,9 @@ const PageHistory = _ref => {
     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),
@@ -41319,7 +41374,11 @@ styleInject(css_248z$5);
 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);
@@ -41328,6 +41387,7 @@ const PageSubmit = () => {
     if (!prompt) {
       return;
     }
+    clear();
     await send(prompt, response => {
       // console.log('PagePrompt.onChunk', response.chunks);
     }, response => {
@@ -41337,7 +41397,7 @@ const PageSubmit = () => {
   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, {})
@@ -41382,7 +41442,8 @@ const PageTextarea = () => {
   const prompt = useLlm(state => state.prompt);
   const streaming = useLlm(state => state.streaming);
   const {
-    setPrompt
+    setPrompt,
+    clear
   } = useLlm(state => state.actions);
   const {
     send
@@ -41393,6 +41454,7 @@ const PageTextarea = () => {
     if (!prompt) {
       return;
     }
+    clear();
     await send(prompt, response => {
       // console.log('PagePrompt.onChunk', response.chunks);
     }, response => {
@@ -41404,7 +41466,7 @@ const PageTextarea = () => {
     setPrompt(prompt);
   };
   const onKeyDown = event => {
-    if (event.code == 'Enter' && !event.shiftKey) {
+    if (event.code == 'Enter' && !event.shiftKey && !streaming) {
       onSubmit(event);
     }
   };
@@ -41456,10 +41518,10 @@ const PageThread = () => {
     window.scrollTo({
       top: 0
     });
-    /*
-    if (ref.current) {
-      ref.current.scrollIntoView();
-    }
+    /*
+    if (ref.current) {
+      ref.current.scrollIntoView();
+    }
     */
   }, [message, hasValidChunks]);
   const classNames = getClassNames(style$2.thread);
@@ -41937,15 +41999,15 @@ const Scroller = _ref => {
         }
       },
       start: () => {
-        /*
-        if (innerRef.current) {
-        }
+        /*
+        if (innerRef.current) {
+        }
         */
       },
       stop: () => {
-        /*
-        if (innerRef.current) {
-        }
+        /*
+        if (innerRef.current) {
+        }
         */
       }
     });
@@ -42134,30 +42196,30 @@ const Suggestions = () => {
   });
 };
 
-/*
-
-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 = () => {
@@ -42193,6 +42255,32 @@ const Thread = () => {
   });
 };
 
+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 {
@@ -42200,16 +42288,21 @@ const Trigger = () => {
   } = 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
@@ -42223,12 +42316,12 @@ const Trigger = () => {
       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", {
@@ -42239,14 +42332,20 @@ const Trigger = () => {
       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
@@ -43409,13 +43508,13 @@ class MessageDecoder {
   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,
@@ -43656,163 +43755,163 @@ class MessageDecoder {
     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) {
@@ -43967,10 +44066,10 @@ class MessageService extends MessageDecoder {
         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 = {
@@ -44089,10 +44188,10 @@ class MessageService extends MessageDecoder {
     } 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 = {
@@ -44147,36 +44246,36 @@ function readChunks(reader) {
   };
 }
 
-/*
-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 {
@@ -44779,19 +44878,19 @@ class DefaultTextToSpeech {
     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;
@@ -44975,12 +45074,12 @@ class DefaultSpeechToText {
       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;
@@ -44998,37 +45097,37 @@ class DefaultSpeechToText {
         // 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;
@@ -45197,17 +45296,17 @@ const createLlmStore = config => {
     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 {
@@ -45348,12 +45447,12 @@ const createLlmStore = config => {
         }
         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;
@@ -45362,22 +45461,22 @@ const createLlmStore = config => {
         // 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);
@@ -45435,6 +45534,9 @@ const createLlmStore = config => {
             return;
           }
         }
+        pushDataLayer({
+          event: state.messages.length > 0 ? 'llm_message' : 'llm_start'
+        });
         const messages = await messageService.addUserMessage(state.messages, prompt, uploaded);
         set(state => ({
           chunks: [],
@@ -45473,12 +45575,12 @@ const createLlmStore = config => {
           };
           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));
@@ -45746,10 +45848,10 @@ const createLlmStore = config => {
           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,
           */
         }));
       },
@@ -45793,10 +45895,10 @@ const createLlmStore = config => {
       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);
@@ -45841,7 +45943,7 @@ function messagesToHistory(messages) {
     }
     return p;
   }, []);
-  console.log('useLlm.messagesToHistory', history);
+  // console.log('useLlm.messagesToHistory', history);
   return history.filter(x => x.threadId && x.messageId);
 }
 function historyToStoredHistory(history) {
@@ -46455,21 +46557,21 @@ function renderInstance(node, props, instance) {
   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);
@@ -46542,10 +46644,10 @@ function observeMutations(targetElement, callback) {
         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.`);
+        }
         */
       }
     });