@websolutespa/bom-mixer-llm 0.0.1 → 0.0.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @websolutespa/bom-mixer-llm
 
+## 0.0.2
+
+### Patch Changes
+
+- Modified: Speech synthesis & recognition, disclaimer, markdown
+- Updated dependencies
+  - @websolutespa/bom-mixer-icons@0.2.2
+
 ## 0.0.1
 
 ### Patch Changes

package/dist/cjs/index.css

@@ -1243,7 +1243,7 @@
   outline: none;
   border: none;
   margin: 0;
-  padding: 10px clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
+  padding: 10px 40px;
   resize: none;
   max-height: 120px;
   min-height: 45px;
@@ -1254,25 +1254,39 @@
 }
 @media (min-width: 1024px) {
   .llm .llm__prompt-textarea {
-    padding: 18px clamp(16px, 16px + (100vw - 375px) / 1545 * (8), 24px);
+    padding: 18px 40px;
     min-height: 60px;
     max-height: 220px;
   }
 }
-.llm .llm__prompt-microphone {
+.llm .llm__prompt-speak, .llm .llm__prompt-microphone {
   position: absolute;
-  right: 12px;
-  bottom: 5px;
   color: var(--llm-color-ui-1);
   font-size: 16px;
-  width: 24px;
-  height: 24px;
+  width: 32px;
+  height: 32px;
+  top: 50%;
+  transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   cursor: pointer;
 }
+.llm .llm__prompt-speak svg, .llm .llm__prompt-microphone svg {
+  width: 18px;
+  height: 18px;
+}
+.llm .llm__prompt-speak {
+  left: 8px;
+}
+.llm .llm__prompt-microphone {
+  right: 8px;
+  outline: 2px solid transparent;
+}
+.llm .llm__prompt-microphone:active {
+  outline: 2px solid var(--llm-color-ui-1);
+}
 .llm .llm__prompt-submit, .llm .llm__prompt-stop {
   flex-shrink: 0;
   width: 45px;
@@ -1346,6 +1360,24 @@
   color: white;
   cursor: pointer;
 }
+.llm .llm__prompt-powered-by {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  column-gap: 4px;
+  right: 0;
+  left: 0;
+  font-size: 12px;
+  color: white;
+  padding: 6px 0;
+  opacity: 0.4;
+  transition: opacity ease-in-out 250ms;
+  cursor: pointer;
+}
+.llm .llm__prompt-powered-by:hover {
+  opacity: 1;
+}
 
 .llm .llm__message--user .llm__text .llm__text-body {
   line-height: 1;
@@ -1375,7 +1407,7 @@
   letter-spacing: 0.02em;
   font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (16), 32px);
 }
-.llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body h1 {
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h1 {
   line-height: 1;
   font-family: var(--llm-font-primary);
   font-weight: 500;
@@ -1383,7 +1415,7 @@
   letter-spacing: 0.02em;
   font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (32), 56px);
 }
-.llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body h2 {
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h2 {
   line-height: 1;
   font-family: var(--llm-font-primary);
   font-weight: 500;
@@ -1391,7 +1423,7 @@
   letter-spacing: 0.02em;
   font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (24), 48px);
 }
-.llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body h3 {
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h3 {
   line-height: 1;
   font-family: var(--llm-font-primary);
   font-weight: 500;
@@ -1399,7 +1431,7 @@
   letter-spacing: 0.02em;
   font-size: clamp(24px, 24px + (100vw - 375px) / 1545 * (16), 40px);
 }
-.llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body h4 {
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body h4 {
   line-height: 1;
   font-family: var(--llm-font-primary);
   font-weight: 500;
@@ -1407,19 +1439,37 @@
   letter-spacing: 0.02em;
   font-size: clamp(16px, 16px + (100vw - 375px) / 1545 * (16), 32px);
 }
-.llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body ol,
-.llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body ul {
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body ol,
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body ul {
   display: flex;
   flex-direction: column;
   gap: clamp(24px, 24px + (100vw - 375px) / 1545 * (8), 32px);
   margin-left: 1em;
 }
-.llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body ul {
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body ul {
   list-style: disc;
 }
-.llm .llm__message--assistant .llm__inner--string:not(:first-child) .llm__text .llm__text-body a {
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body a {
   text-decoration: underline;
 }
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body img {
+  max-width: 320px;
+  padding: 8px;
+  border-radius: 8px;
+  border: 2px solid rgba(255, 255, 255, 0.4);
+}
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body .llm__text-img {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 320px;
+  height: 320px;
+  font-size: 0;
+  text-decoration: none;
+}
+.llm .llm__message--assistant .llm__inner--string .llm__text .llm__text-body .llm__text-img > img {
+  object-fit: cover;
+}
 .llm .llm__text-disclaimer {
   line-height: 1;
   font-family: var(--llm-font-secondary);

package/dist/cjs/index.js

@@ -8,9 +8,9 @@ var react = require('react');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
 var reactLenis = require('@studio-freight/react-lenis');
-var bomMixerIcons = require('@websolutespa/bom-mixer-icons');
 var ArrayBuffer = require('nanogl/arraybuffer');
 var Program = require('nanogl/program');
+var bomMixerIcons = require('@websolutespa/bom-mixer-icons');
 require('swiper/css');
 var react$1 = require('swiper/react');
 var swiper = require('swiper');
@@ -501,6 +501,7 @@ const APP = {
       collapsedWelcomeTextHover: 'Cliccami e lascia che ti consigli cosa fare e vedere a Pesaro 2024.',
       shortWelcomeText: 'Ciao, sono l\'ambasciatore AI di Pesaro2024.',
       extendedWelcomeText: 'Ciao, sono l\'Ambasciatore AI di Pesaro2024. Più cose mi dirai su ciò che ti piace, più sarò in grado di aiutarti.',
+      disclaimer: 'Le risposte che riceverai sono create automaticamente elaborando sia le informazioni presenti sul nostro sito che altre informazioni presenti sul web. Controlla sempre la correttezza delle informazioni fornite.',
       sampleInputTexts: [{
         sampleInputText: 'Quali sono gli eventi che posso raggiungere a piedi dalla stazione dei treni?',
         id: '656095350d5d91982799c3fd'
@@ -626,6 +627,7 @@ const APP = {
       collapsedWelcomeTextHover: 'Click me and let me advise you on what to do and see in Pesaro 2024.',
       shortWelcomeText: 'Hi, I\'m the AI ​​ambassador of Pesaro2024.',
       extendedWelcomeText: 'Hi, I\'m the AI ​​Ambassador of Pesaro2024. The more you tell me about what you like, the more I will be able to help you.',
+      disclaimer: 'The answers you will receive are created automatically by processing both the information on our site and other information on the web. Always check the correctness of the information provided.',
       sampleInputTexts: [{
         sampleInputText: 'What events can I walk to from the train station?',
         id: '656095350d5d91982799c3fd'
@@ -717,44 +719,46 @@ const THREAD = {
   /*
   {
     chunks: [
-      'Se è la prima volta che vieni a Pesaro, ti consiglio di non perderti queste tappe!\n',
-      {
-        type: 'poiItem' as const,
-        id: '310',
-        title: 'Sfera Grande di A. Pomodoro',
-        abstract: 'Scultura sferica bronzea, soprannominata "Il pomodoro", in piscina in un parco sul Mar Adriatico.',
-        place: 'Piazzale della Libertà, 61121 Pesaro PU',
-        url: 'https://design.wslabs.it/llm',
-        image: 'https://design.wslabs.it/llm/media/casa-rossini.jpg',
-        time: 'Aperto 24 su 24',
-      },
-      {
-        type: 'poiItem' as const,
-        id: 'xxxx',
-        title: 'Baia Flaminia',
-        abstract: 'Nella spiaggia libera di Baia Flaminia è presente una rara oasi naturalistica urbana, che si trova fra il fiume Foglia e il Parco San Bartolo nel quartiere.',
-        place: '61121 Pesaro PU',
-        url: 'https://design.wslabs.it/llm',
-        image: 'https://design.wslabs.it/llm/media/casa-rossini.jpg',
-        time: 'Aperto 24 su 24',
-      },
-      {
-        type: 'poiItem' as const,
-        id: '305',
-        title: 'Parco Miralfiore',
-        abstract: 'Il Parco Urbano Miralfiore si trova proprio nel cuore di Pesaro, a ridosso della stazione ferroviaria alla quale è collegato con un sottopassaggio.',
-        place: 'Via Solferino, 61122 Pesaro PU',
-        url: 'https://design.wslabs.it/llm',
-        image: 'https://design.wslabs.it/llm/media/casa-rossini.jpg',
-        time: 'lun-ven 07-23',
-      },
-      'Vorresti sapere altro?. 🙂\n',
+      { "type": "string", "content": "Un attimo di pazienza! Sto cercando gli eventi adatti a te!   - **Maggiori informazioni**: [clicca qui](https://pesaro2024.it/experience-event/?id=408)\n [Scopri di più.](https://pesaro2024.it/experience-event/?id=168)\n   ![](https://api.pesaro.entourance.com/uploads/images/1706001095-photo_2024-01-23%2010.10.09.jpeg) ![](https://api.pesaro.entourance.com/uploads/images/1706001095-photo_2024-01-23%2010.10.09.jpeg) ![](https://api.pesaro.entourance.com/uploads/images/1706001095-photo_2024-01-23%2010.10.09.jpeg)\n" },
+      { "date": "01/01/2024 - 31/12/2024", "description": "<p><a href=\"https://pesaro2024.it/poi/?id=466\"><strong>Museo Officine Benelli</strong></a></p>\n<p> </p>\n<p><em>Apertura ordinaria</em></p>\n<p> </p>\n<p><strong>dal lunedì al sabato</strong></p>\n<p>9:00 / 13:00 e 16:30 / 19:00 </p>\n<p> </p>\n<p><strong>Stradomenica (teza domenica del...", "id": 408, "image": "https://api.pesaro.entourance.com/uploads/images/1706269631-Benelli.jpg", "place": "Pesaro, Viale Goffredo Mameli 22, PU", "time": "", "title": "Apertura Museo Officine Benelli", "type": "eventItem", "url": "https://pesaro2024.it/experience-event/?id=408" },
+      { "date": "21/01/2024 - 15/12/2024", "description": "<p>L’Università dell’Età libera di Pesaro presenta “Classici per un anno”, II edizione 2024.</p>\n<p>Dodici appuntamenti con la grande letteratura in dodici luoghi di grande bellezza della provincia di Pesaro e Urbino</p>\n<p> </p>\n<p><strong>21...", "id": 337, "image": "https://api.pesaro.entourance.com/uploads/images/1704810354-Locandina.jpg", "place": "Pesaro, Largo Aldo Moro 12, PU", "time": "", "title": "Classici per un anno", "type": "eventItem", "url": "https://pesaro2024.it/experience-event/?id=337" },
+      { "date": "22/01/2024 - 31/12/2024", "description": "<p><em>Promuovere i prodotti del territorio coniugando cultura e tradizione, 100 bar aderenti nel territorio provinciale diventeranno hub di #Pesaro2024 distribuendo prodotti locali e informazioni sul programma culturale.</em></p>\n<p> </p>\n<p><strong>Appuntamenti...", "id": 246, "image": "https://api.pesaro.entourance.com/uploads/images/1707486369-Schermata 1920x1080.jpeg", "place": "Pesaro, Largo Aldo Moro 12, PU", "time": "", "title": "Cosa c'è DOP", "type": "eventItem", "url": "https://pesaro2024.it/experience-event/?id=246" },
+      { "date": "01/03/2024 - 30/09/2024", "description": "<p><strong>MARCHE | 1 marzo - 30 settembre</strong></p>\n<p> </p>\n<p>Il progetto <strong>ARBOR</strong>, dal latino Albero, nasce dal puro desiderio di avvicinarmi alla natura, di lavorare nei boschi e in luoghi speciali, di potermi ispirare sul luogo, lasciare che un albero mi parli, sentire il...", "id": 482, "image": "https://api.pesaro.entourance.com/uploads/images/1707384529-Pesaro 2024 - Illustrazione Cristina Spanò.jpg", "place": "Pesaro, Largo Aldo Moro 12, PU", "time": "", "title": "Arbor / Sculture biodegradabili sui tronchi degli alberi", "type": "eventItem", "url": "https://pesaro2024.it/experience-event/?id=482" },
+      { "date": "01/03/2024 - 31/10/2024", "description": "<p>Ridonare alla città urbanizzata il verde di cui, troppo spesso, si sente la mancanza.  Attraverso un percorso partecipato viene definito un progetto di ‘bosco itinerante’ per Pesaro. L’idea ispiratrice viene direttamente da Leeuwarden (Olanda) - anche Capitale della cultura 2018 - che con il...", "id": 166, "image": "https://api.pesaro.entourance.com/uploads/images/1699352215-Bosco.jpeg", "place": "Pesaro, Largo Aldo Moro 12, PU", "time": "", "title": "Bosco itinerante", "type": "eventItem", "url": "https://pesaro2024.it/experience-event/?id=166" },
+      { "type": "string", "content": "Ecco alcuni eventi e luoghi che potete visitare a Pesaro di martedì:\n" },
+      { "type": "string", "content": "1. **Apertura Museo Officine Benelli**\n" },
+      { "type": "string", "content": "   - **Descrizione**: Il Museo Officine Benelli offre un'apertura ordinaria dove potrete esplorare la storia e i modelli iconici della celebre casa motociclistica.\n" },
+      { "type": "string", "content": "   - **Luogo**: Pesaro, Viale Goffredo Mameli 22\n" },
+      { "type": "string", "content": "   - **Orari**: 9:00 / 13:00 e 16:30 / 19:00 (dal lunedì al sabato)\n" },
+      { "type": "string", "content": "   - **Periodo**: Tutto l'anno\n" },
+      { "type": "string", "content": "   - **Maggiori informazioni**: [clicca qui](https://pesaro2024.it/experience-event/?id=408)\n" },
+      { "type": "string", "content": "2. **Classici per un anno**\n" },
+      { "type": "string", "content": "   - **Descrizione**: Un ciclo di dodici appuntamenti dedicati alla grande letteratura, ospitati in luoghi di grande bellezza della provincia di Pesaro e Urbino.\n" },
+      { "type": "string", "content": "   - **Luogo**: Pesaro, Largo Aldo Moro 12\n" },
+      { "type": "string", "content": "   - **Periodo**: 21/01/2024 - 15/12/2024\n" },
+      { "type": "string", "content": "   - **Maggiori informazioni**: [clicca qui](https://pesaro2024.it/experience-event/?id=337)\n" },
+      { "type": "string", "content": "3. **Cosa c'è DOP**\n" },
+      { "type": "string", "content": "   - **Descrizione**: Una promozione dei prodotti del territorio che coniuga cultura e tradizione, con 100 bar nel territorio provinciale che diventano hub di Pesaro2024.\n" },
+      { "type": "string", "content": "   - **Luogo**: Pesaro, Largo Aldo Moro 12\n" },
+      { "type": "string", "content": "   - **Periodo**: 22/01/2024 - 31/12/2024\n" },
+      { "type": "string", "content": "   - **Maggiori informazioni**: [clicca qui](https://pesaro2024.it/experience-event/?id=246)\n" },
+      { "type": "string", "content": "4. **Arbor / Sculture biodegradabili sui tronchi degli alberi**\n" },
+      { "type": "string", "content": "   - **Descrizione**: Un progetto artistico che celebra la natura attraverso sculture biodegradabili create direttamente sui tronchi degli alberi.\n" },
+      { "type": "string", "content": "   - **Luogo**: Pesaro, Largo Aldo Moro 12\n" },
+      { "type": "string", "content": "   - **Periodo**: 01/03/2024 - 30/09/2024\n" },
+      { "type": "string", "content": "   - **Maggiori informazioni**: [clicca qui](https://pesaro2024.it/experience-event/?id=482)\n" },
+      { "type": "string", "content": "5. **Bosco itinerante**\n" },
+      { "type": "string", "content": "   - **Descrizione**: Un'iniziativa per ridonare alla città urbanizzata il verde di cui si sente la mancanza, attraverso un progetto di bosco itinerante per Pesaro.\n" },
+      { "type": "string", "content": "   - **Luogo**: Pesaro, Largo Aldo Moro 12\n" },
+      { "type": "string", "content": "   - **Periodo**: 01/03/2024 - 31/10/2024\n" },
+      { "type": "string", "content": "   - **Maggiori informazioni**: [clicca qui](https://pesaro2024.it/experience-event/?id=166)\n" },
+      { "type": "string", "content": "Questi eventi rappresentano solo una parte delle numerose attività e luoghi di interesse che Pesaro offre durante il suo anno speciale come Capitale della Cultura 2024." }
     ],
     role: 'assistant',
   },
   {
     chunks: [
-      'Sarò a Pesaro con la mia famiglia a giugno. Siamo tutti appassionati di arte e natura. Cosa ci consigli di fare qui?\n',
+      'Ok grazie\n',
     ],
     role: 'user',
   },
@@ -1127,6 +1131,11 @@ function getMockChunks(index, locale) {
     message.chunks.forEach(chunk => {
       if (typeof chunk === 'string') {
         chunks.push(...chunk.split(' ').map((x, i, a) => `${x}${i < a.length - 1 ? ' ' : ''}`));
+      } else if (chunk.type === 'string') {
+        const content = chunk.content;
+        if (content) {
+          chunks.push(...content.split(' ').map((x, i, a) => `${x}${i < a.length - 1 ? ' ' : ''}`));
+        }
       } else {
         chunks.push(chunk);
       }
@@ -1200,6 +1209,7 @@ class Speech extends Emitter {
     super();
     this.lang_ = '';
     this.chunks_ = [];
+    this.recognizerStarted_ = false;
     this.lang = lang;
     this.enabled = enabled;
     if (!this.hasSupport) {
@@ -1288,18 +1298,28 @@ class Speech extends Emitter {
   }
   recognizeStart() {
     if (!this.hasSupport) {
+      // console.log('Speech.recognizeStart.unsupported');
       return this.unsupported();
     }
+    if (this.recognizerStarted_) {
+      return;
+    }
     const recognizer = this.recognizer;
     recognizer.lang = this.lang; // "en-US";
     recognizer.start();
+    // console.log('Speech.recognizeStart');
   }
   recognizeStop() {
     if (!this.hasSupport) {
       return this.unsupported();
     }
-    const recognizer = this.recognizer;
-    recognizer.stop();
+    setTimeout(() => {
+      if (this.recognizerStarted_) {
+        const recognizer = this.recognizer;
+        recognizer.stop();
+        // console.log('Speech.recognizeStop');
+      }
+    }, 1000);
   }
   onResult(event) {
     const results = event.results;
@@ -1309,6 +1329,7 @@ class Speech extends Emitter {
       return p ? c.confidence > p.confidence ? c : p : c;
     }, undefined);
     const transcript = alternative ? alternative.transcript : '';
+    // console.log('Speech.transcript', transcript);
     this.emit('result', transcript);
   }
   unsupported() {
@@ -1349,8 +1370,16 @@ class Speech extends Emitter {
       recognizer.continuous = true;
       recognizer.interimResults = false;
       recognizer.maxAlternatives = 1;
+      recognizer.addEventListener('start', () => {
+        // console.log('recognizer.start');
+        this.recognizerStarted_ = true;
+      });
+      recognizer.addEventListener('end', () => {
+        // console.log('recognizer.end');
+        this.recognizerStarted_ = false;
+      });
       recognizer.addEventListener('result', event => {
-        // console.log(event);
+        // console.log('recognizer.result');
         this.onResult(event);
       });
       /*
@@ -1496,7 +1525,7 @@ const createLlmStore = _ref => {
     fixed: false,
     idle: true,
     direction: 0,
-    speakEnabled: false
+    speakEnabled: true
   };
   let messageService = undefined;
   const speech = new Speech();
@@ -1591,9 +1620,18 @@ const createLlmStore = _ref => {
         const state = get();
         speech.lang = locale;
         speech.enabled = state.speakEnabled;
-        speech.on('result', transcript => {
+        speech.on('result', transcript => __awaiter(void 0, void 0, void 0, function* () {
+          // console.log('useLlm.speech.result', transcript);
+          const state = get();
           state.actions.setPrompt(transcript);
-        });
+          /*
+          await state.actions.send(transcript, (response) => {
+            // console.log('Prompt.onChunk', response.chunks);
+          }, (response) => {
+            // console.log('Prompt.onEnd', response);
+          });
+          */
+        }));
         const decodeThread = thread => {
           return thread ? {
             messages: decodeMessages(thread.messages),
@@ -1764,6 +1802,9 @@ const createLlmStore = _ref => {
       setPrompt: prompt => set(state => ({
         prompt
       })),
+      hasSpeechSupport: () => {
+        return speech.hasSupport;
+      },
       toggleSpeak: () => {
         set(state => {
           const speakEnabled = !state.speakEnabled;
@@ -2481,12 +2522,15 @@ const Prompt = () => {
   const prompt = useLlm(state => state.prompt);
   const messages = useLlm(state => state.messages);
   const streaming = useLlm(state => state.streaming);
+  const speakEnabled = useLlm(state => state.speakEnabled);
   const {
     send,
     setPrompt,
     recognizeStart,
     recognizeStop,
-    abort
+    abort,
+    toggleSpeak,
+    hasSpeechSupport
   } = useLlm(state => state.actions);
   useAutosizeTextArea(textArea.current, prompt);
   const onChange = event => {
@@ -2522,7 +2566,12 @@ const Prompt = () => {
         onSubmit: onSubmit,
         children: [jsxRuntime.jsxs("div", {
           className: "llm__prompt-input",
-          children: [jsxRuntime.jsx("textarea", {
+          children: [hasSpeechSupport() && jsxRuntime.jsx("button", {
+            className: "llm__prompt-speak",
+            type: "button",
+            onClick: toggleSpeak,
+            children: speakEnabled ? jsxRuntime.jsx(bomMixerIcons.IconLlmVolume, {}) : jsxRuntime.jsx(bomMixerIcons.IconLlmVolumeX, {})
+          }), jsxRuntime.jsx("textarea", {
             className: "llm__prompt-textarea",
             name: "prompt",
             onKeyDown: onKeyDown,
@@ -2530,7 +2579,15 @@ const Prompt = () => {
             ref: textArea,
             rows: 1,
             value: prompt
-          }), false ]
+          }), hasSpeechSupport() && jsxRuntime.jsx("button", {
+            className: "llm__prompt-microphone",
+            type: "button",
+            onMouseDown: () => recognizeStart(),
+            onMouseUp: () => recognizeStop(),
+            onTouchStart: () => recognizeStart(),
+            onTouchEnd: () => recognizeStop(),
+            children: jsxRuntime.jsx(bomMixerIcons.IconLlmMicrophone, {})
+          })]
         }), streaming ? jsxRuntime.jsxs("button", {
           className: "llm__prompt-stop",
           type: "button",
@@ -2546,6 +2603,14 @@ const Prompt = () => {
             children: jsxRuntime.jsx(bomMixerIcons.IconLlmSend, {})
           })]
         })]
+      }), jsxRuntime.jsxs("a", {
+        className: "llm__prompt-powered-by",
+        href: "https://www.websolute.com/",
+        target: "_blank",
+        title: "Powered by Websolute",
+        children: [jsxRuntime.jsx("span", {
+          children: "powered by"
+        }), " ", jsxRuntime.jsx(bomMixerIcons.IconWebsolute, {})]
       })]
     })
   });
@@ -3012,10 +3077,22 @@ function getEmailHtml(data, app) {
 
 const Text = props => {
   const label = bomMixerHooks.useLabel();
+  const app = useLlm(state => state.app);
+  const appDisclaimer = app === null || app === void 0 ? void 0 : app.contents.disclaimer;
   const html = react.useMemo(() => {
+    marked.marked.use({
+      renderer: {
+        link(href, title, text) {
+          return `<a href="${href}" target="_blank"${title ? ` title="${title}"` : ''}>${text}</a>`;
+        },
+        image(href, title, text) {
+          return `<a class="llm__text-img" href="${href}" target="_blank"><img src="${href}"${title ? ` title="${title}"` : ''} alt="${text}" /></a>`;
+        }
+      }
+    });
     return marked.marked.parse(props.body);
   }, [props.body]);
-  const disclaimer = props.disclaimer ? label('llm.disclaimer') : '';
+  const disclaimer = props.disclaimer ? appDisclaimer || label('llm.disclaimer') : '';
   return jsxRuntime.jsxs("div", {
     className: "llm__text",
     children: [jsxRuntime.jsx("div", {
@@ -3361,13 +3438,9 @@ const Thread = () => {
 const Main = () => {
   var _a;
   const lenisRef = react.useRef(null);
+  const messages = useLlm(state => state.messages);
   const {
-    messages,
-    speakEnabled
-  } = useLlm(state => state);
-  const {
-    setLenis,
-    toggleSpeak
+    setLenis
   } = useLlm(state => state.actions);
   const classNames = bomCore.getClassNames('llm__main');
   setLenis((_a = lenisRef.current) === null || _a === void 0 ? void 0 : _a.lenis);
@@ -3429,11 +3502,7 @@ const Main = () => {
     animate: "show",
     exit: "exit",
     className: classNames,
-    children: [jsxRuntime.jsx("button", {
-      className: "llm__toggle-speak",
-      onClick: toggleSpeak,
-      children: speakEnabled ? jsxRuntime.jsx(bomMixerIcons.IconLlmSpeakDisabled, {}) : jsxRuntime.jsx(bomMixerIcons.IconLlmSpeakEnabled, {})
-    }), jsxRuntime.jsx(Canvas, {}), jsxRuntime.jsx(framerMotion.motion.div, {
+    children: [jsxRuntime.jsx(Canvas, {}), jsxRuntime.jsx(framerMotion.motion.div, {
       className: "llm__top",
       variants: slideIn(-1),
       initial: "hidden",