@websolutespa/bom-llm 0.2.6 → 2.0.0

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) {
@@ -8135,7 +8135,7 @@
   }
   var jsxRuntimeExports = jsxRuntime.exports;
 
-  const [useLayout, LayoutContextProvider] = createGenericContext();
+  const [useLayout_, LayoutContextProvider] = createGenericContext();
   function LayoutProvider(_ref) {
     let {
       children,
@@ -8147,6 +8147,7 @@
       children: children
     });
   }
+  const useLayout = useLayout_;
 
   function useAutosizeTextArea(textAreaRef, value) {
     reactExports.useEffect(() => {
@@ -8792,41 +8793,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 +8902,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 +9142,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() {
@@ -19996,13 +19997,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);
@@ -23352,11 +23353,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;
+          },
           */
         }
       });
@@ -31972,12 +31973,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
@@ -32000,11 +32001,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
@@ -32013,55 +32014,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';
@@ -32296,14 +32297,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 => {
@@ -32440,8 +32441,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);
@@ -41524,10 +41525,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);
@@ -42005,15 +42006,15 @@ void main(void) {
           }
         },
         start: () => {
-          /*
-          if (innerRef.current) {
-          }
+          /*
+          if (innerRef.current) {
+          }
           */
         },
         stop: () => {
-          /*
-          if (innerRef.current) {
-          }
+          /*
+          if (innerRef.current) {
+          }
           */
         }
       });
@@ -42202,30 +42203,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 = () => {
@@ -42325,9 +42326,9 @@ void main(void) {
         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", {
@@ -43514,13 +43515,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,
@@ -43761,163 +43762,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) {
@@ -44072,10 +44073,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 = {
@@ -44194,10 +44195,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 = {
@@ -44252,36 +44253,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 {
@@ -44884,19 +44885,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;
@@ -45080,12 +45081,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;
@@ -45103,37 +45104,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;
@@ -45302,17 +45303,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 {
@@ -45327,6 +45328,7 @@ ${Object.entries(vars).map(_ref2 => {
       decorateUrl,
       label,
       onAction,
+      onMessage,
       ...options
     } = sanitizedConfig;
     const theme = getThemes([customTheme], config.defaultTheme);
@@ -45453,12 +45455,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;
@@ -45467,22 +45469,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);
@@ -45566,6 +45568,7 @@ ${Object.entries(vars).map(_ref2 => {
             if (typeof onMessage === 'function') {
               onMessage(response);
             }
+            state.actions.onMessage(response);
           },
           // onEnd
           response => {
@@ -45581,12 +45584,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));
@@ -45854,10 +45857,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,
             */
           }));
         },
@@ -45867,6 +45870,12 @@ ${Object.entries(vars).map(_ref2 => {
           }
           return;
         },
+        onMessage: async message => {
+          if (typeof onMessage === 'function') {
+            return await onMessage(message);
+          }
+          return;
+        },
         clear: () => {
           const {
             abort
@@ -45901,10 +45910,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);
@@ -46478,6 +46487,13 @@ ${Object.entries(vars).map(_ref2 => {
         id: data.market,
         title: data.market
       }],
+      app: {
+        id: 'app',
+        brand: {
+          name: 'Mixer',
+          social: []
+        }
+      },
       menu: {},
       topLevelHrefs: {},
       topLevelRoutes: {}
@@ -46563,21 +46579,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);
@@ -46650,10 +46666,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.`);
+          }
           */
         }
       });