@websolutespa/bom-mixer-llm 0.0.1

package/dist/esm/llm/components/Intro/intro.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { useLlm } from '../../../useLlm/useLlm.js';
+import { QuickLinks } from '../QuickLinks/quicklinks.js';
+import { Blob } from '../Trigger/blob.js';
+
+const Intro = () => {
+  const app = useLlm(state => state.app);
+  const motionItem = {
+    hidden: {
+      y: '40px'
+    },
+    show: {
+      y: 0,
+      transition: {
+        type: 'tween',
+        duration: 1
+      }
+    }
+  };
+  const motionBlob = {
+    top: {
+      y: '-15%'
+    },
+    bottom: {
+      y: '0%',
+      transition: {
+        repeat: Infinity,
+        repeatType: 'mirror',
+        duration: 2,
+        ease: 'easeInOut'
+      }
+    }
+  };
+  const stagger = {
+    hidden: {},
+    show: {
+      transition: {
+        staggerChildren: .3
+      }
+    }
+  };
+  return jsx("div", {
+    className: "llm__intro",
+    children: jsx("div", {
+      className: "llm-container",
+      children: jsxs(motion.div, {
+        variants: stagger,
+        className: "llm__intro-wrapper llm-row",
+        children: [jsxs(motion.div, {
+          variants: motionItem,
+          className: "llm__intro-text llm-span-md-6",
+          children: [jsx("div", {
+            className: "llm__intro-blob",
+            children: jsx(motion.div, {
+              variants: motionBlob,
+              initial: "top",
+              animate: "bottom",
+              children: jsx(Blob, {})
+            })
+          }), jsx(motion.div, {
+            variants: motionItem,
+            className: "llm__intro-title -llm-t-display-3",
+            children: app === null || app === void 0 ? void 0 : app.contents.extendedWelcomeText
+          })]
+        }), jsx(motion.div, {
+          variants: motionItem,
+          className: "llm__intro-links llm-span-md-6 llm-span-lg-5",
+          children: jsx(QuickLinks, {})
+        })]
+      })
+    })
+  });
+};
+
+export { Intro };
+//# sourceMappingURL=intro.js.map

package/dist/esm/llm/components/Intro/intro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intro.js","sources":["../../../../../src/llm/components/Intro/intro.tsx"],"sourcesContent":[null],"names":["Intro","app","useLlm","state","motionItem","hidden","y","show","transition","type","duration","motionBlob","top","bottom","repeat","Infinity","repeatType","ease","stagger","staggerChildren","_jsx","className","children","_jsxs","motion","div","variants","initial","animate","Blob","contents","extendedWelcomeText","QuickLinks"],"mappings":";;;;;;AAMaA,MAAAA,KAAK,GAAGA,MAAK;EACxB,MAAMC,GAAG,GAAGC,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACF,GAAG,CAAC,CAAA;AAEtC,EAAA,MAAMG,UAAU,GAAa;AAC3BC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,CAAC,EAAE,MAAA;KAAQ;AACrBC,IAAAA,IAAI,EAAE;AACJD,MAAAA,CAAC,EAAE,CAAC;AACJE,MAAAA,UAAU,EAAE;AACVC,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,QAAQ,EAAE,CAAA;AACX,OAAA;AACF,KAAA;GACF,CAAA;AAED,EAAA,MAAMC,UAAU,GAAa;AAC3BC,IAAAA,GAAG,EAAE;AACHN,MAAAA,CAAC,EAAE,MAAA;KACJ;AACDO,IAAAA,MAAM,EAAE;AACNP,MAAAA,CAAC,EAAE,IAAI;AACPE,MAAAA,UAAU,EAAE;AACVM,QAAAA,MAAM,EAAEC,QAAQ;AAChBC,QAAAA,UAAU,EAAE,QAAQ;AACpBN,QAAAA,QAAQ,EAAE,CAAC;AACXO,QAAAA,IAAI,EAAE,WAAA;AACP,OAAA;AACF,KAAA;GACF,CAAA;AAED,EAAA,MAAMC,OAAO,GAAG;IACdb,MAAM,EAAE,EAAE;AACVE,IAAAA,IAAI,EAAE;AACJC,MAAAA,UAAU,EAAE;AACVW,QAAAA,eAAe,EAAE,EAAA;AAClB,OAAA;AACF,KAAA;GACF,CAAA;EAED,OACEC,GAAK,CAAA,KAAA,EAAA;AAAAC,IAAAA,SAAS,EAAC,YAAY;cACzBD,GAAK,CAAA,KAAA,EAAA;AAAAC,MAAAA,SAAS,EAAC,eAAe;AAC5BC,MAAAA,QAAA,EAAAC,IAAA,CAACC,MAAM,CAACC,GAAG,EAAC;AAAAC,QAAAA,QAAQ,EAAER,OAAO;AAAEG,QAAAA,SAAS,EAAC,4BAA4B;AAAAC,QAAAA,QAAA,EAAA,CACnEC,IAAC,CAAAC,MAAM,CAACC,GAAG,EAAA;AAACC,UAAAA,QAAQ,EAAEtB,UAAU;AAAGiB,UAAAA,SAAS,EAAC,+BAA+B;AAC1EC,UAAAA,QAAA,EAAA,CAAAF,GAAA,CAAA,KAAA,EAAA;AAAKC,YAAAA,SAAS,EAAC,iBAAiB;AAC9BC,YAAAA,QAAA,EAAAF,GAAA,CAACI,MAAM,CAACC,GAAG,EAAA;AAACC,cAAAA,QAAQ,EAAEf,UAAU;AAAEgB,cAAAA,OAAO,EAAC,KAAK;AAACC,cAAAA,OAAO,EAAC,QAAQ;AAC9DN,cAAAA,QAAA,EAAAF,GAAA,CAACS,IAAI,EAAA,EAAA,CAAA;;AAEH,WAAA,CAAA,EACNT,GAAC,CAAAI,MAAM,CAACC,GAAG;AAACC,YAAAA,QAAQ,EAAEtB,UAAU;AAAEiB,YAAAA,SAAS,EAAC,mCAAmC;AAAAC,YAAAA,QAAA,EAAErB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAE6B,QAAQ,CAACC,mBAAAA;AAAiC,WAAA,CAAA,CAAA;AAAA,SAAA,CACrH,EACbX,GAAA,CAACI,MAAM,CAACC,GAAG,EAAC;AAAAC,UAAAA,QAAQ,EAAEtB,UAAU;AAAEiB,UAAAA,SAAS,EAAC,8CAA8C;AAAAC,UAAAA,QAAA,EACxFF,GAAC,CAAAY,UAAU,EAAE,EAAA,CAAA;AAAA,SAAA,CACF,CAAA;OACF,CAAA;KAAA,CAAA;AAEX,GAAA,CAAA,CAAA;AAGV;;;;"}

package/dist/esm/llm/components/Main/main.js

@@ -0,0 +1,118 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ReactLenis } from '@studio-freight/react-lenis';
+import { IconLlmSpeakDisabled, IconLlmSpeakEnabled } from '@websolutespa/bom-mixer-icons';
+import { getClassNames } from '@websolutespa/bom-core';
+import { motion } from 'framer-motion';
+import { useRef } from 'react';
+import { useLlm } from '../../../useLlm/useLlm.js';
+import { Canvas } from '../Canvas/canvas.js';
+import { Header } from '../Header/header.js';
+import { Intro } from '../Intro/intro.js';
+import { Prompt } from '../Prompt/prompt.js';
+import { Thread } from '../Thread/thread.js';
+
+const Main = () => {
+  var _a;
+  const lenisRef = useRef(null);
+  const {
+    messages,
+    speakEnabled
+  } = useLlm(state => state);
+  const {
+    setLenis,
+    toggleSpeak
+  } = useLlm(state => state.actions);
+  const classNames = getClassNames('llm__main');
+  setLenis((_a = lenisRef.current) === null || _a === void 0 ? void 0 : _a.lenis);
+  const reveal = {
+    hidden: {
+      opacity: 0,
+      scale: .98
+    },
+    show: {
+      opacity: 1,
+      scale: 1,
+      transition: {
+        duration: .3
+      }
+    },
+    exit: {
+      opacity: 0,
+      transition: {
+        duration: .3,
+        delay: .3
+      }
+    }
+  };
+  const intro = {
+    hidden: {
+      opacity: 0
+    },
+    show: {
+      opacity: 1,
+      transition: {
+        delay: .6,
+        duration: .5
+      }
+    }
+  };
+  const slideIn = direction => ({
+    hidden: {
+      y: `${100 * direction}%`
+    },
+    show: {
+      y: 0,
+      transition: {
+        type: 'tween',
+        delay: 1.2,
+        duration: .6
+      }
+    },
+    exit: {
+      y: `${100 * direction}%`,
+      transition: {
+        type: 'tween',
+        duration: .3
+      }
+    }
+  });
+  return jsxs(motion.div, {
+    variants: reveal,
+    initial: "hidden",
+    animate: "show",
+    exit: "exit",
+    className: classNames,
+    children: [jsx("button", {
+      className: "llm__toggle-speak",
+      onClick: toggleSpeak,
+      children: speakEnabled ? jsx(IconLlmSpeakDisabled, {}) : jsx(IconLlmSpeakEnabled, {})
+    }), jsx(Canvas, {}), jsx(motion.div, {
+      className: "llm__top",
+      variants: slideIn(-1),
+      initial: "hidden",
+      animate: "show",
+      exit: "exit",
+      children: jsx(Header, {})
+    }), jsx(ReactLenis, {
+      ref: lenisRef,
+      className: "llm__scroller",
+      children: jsxs(motion.div, {
+        variants: intro,
+        initial: "hidden",
+        animate: "show",
+        className: "llm__content",
+        children: [jsx(Intro, {}), messages && messages.length > 0 && jsx(Thread, {})]
+      })
+    }), jsx(motion.div, {
+      className: "llm__bottom",
+      variants: slideIn(1),
+      initial: "hidden",
+      animate: "show",
+      exit: "exit",
+      children: jsx(Prompt, {})
+    })]
+  }, "main-container");
+};
+
+export { Main };
+//# sourceMappingURL=main.js.map

package/dist/esm/llm/components/Main/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../../../../../src/llm/components/Main/main.tsx"],"sourcesContent":[null],"names":["Main","lenisRef","useRef","messages","speakEnabled","useLlm","state","setLenis","toggleSpeak","actions","classNames","getClassNames","current","_a","lenis","reveal","hidden","opacity","scale","show","transition","duration","exit","delay","intro","slideIn","direction","y","type","_jsxs","motion","div","variants","initial","animate","className","_jsx","onClick","children","IconLlmSpeakDisabled","IconLlmSpeakEnabled","Canvas","Header","ReactLenis","ref","Intro","length","Thread","Prompt"],"mappings":"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"}

package/dist/esm/llm/components/Poi/poi.js

@@ -0,0 +1,78 @@
+import { __awaiter } from '../../../node_modules/tslib/tslib.es6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { getClassNames, isBrowser } from '@websolutespa/bom-core';
+import { useLabel } from '@websolutespa/bom-mixer-hooks';
+import { IconLlmTimetable, IconLlmPin } from '@websolutespa/bom-mixer-icons';
+import { useLlm } from '../../../useLlm/useLlm.js';
+import { Cta } from '../Cta/cta.js';
+
+const Poi = props => {
+  const label = useLabel();
+  const {
+    send,
+    decorateUrl
+  } = useLlm(state => state.actions);
+  const onTellMeMore = () => __awaiter(void 0, void 0, void 0, function* () {
+    const prompt = `${label('llm.tellMeMoreAbout')} ${props.title}`;
+    yield send(prompt, response => {
+      // console.log('Prompt.onChunk', response.chunks);
+    }, response => {
+      // console.log('Prompt.onEnd', response);
+    });
+  });
+  const onGoToWebsite = () => __awaiter(void 0, void 0, void 0, function* () {
+    if (isBrowser) {
+      const url = yield decorateUrl(props, props.url);
+      window.open(url, '_blank');
+    }
+  });
+  const classNames = getClassNames('llm__poi', {
+    [`llm__poi--${props.type}`]: !!props.type
+  });
+  return jsxs("div", {
+    className: classNames,
+    children: [props.image && jsx("div", {
+      className: "llm__poi-media",
+      children: jsx("img", {
+        src: props.image,
+        alt: props.title
+      })
+    }), jsxs("div", {
+      className: "llm__poi-content",
+      children: [props.title && jsx("div", {
+        className: "llm__poi-title",
+        dangerouslySetInnerHTML: {
+          __html: props.title
+        }
+      }), props.abstract && jsx("div", {
+        className: "llm__poi-body",
+        dangerouslySetInnerHTML: {
+          __html: props.abstract
+        }
+      }), (props.time || props.place) && jsxs("div", {
+        className: "llm__poi-tags",
+        children: [props.time && jsxs("div", {
+          className: "llm__poi-tag llm__poi-time",
+          children: [jsx(IconLlmTimetable, {}), props.time]
+        }), props.place && jsxs("div", {
+          className: "llm__poi-tag llm__poi-location",
+          children: [jsx(IconLlmPin, {}), props.place]
+        })]
+      }), jsxs("div", {
+        className: "llm__poi-ctas",
+        children: [jsx(Cta, {
+          type: "button",
+          label: label('llm.tellMeMore'),
+          onClick: onTellMeMore
+        }), jsx(Cta, {
+          type: "text",
+          label: label('llm.goToWebsite'),
+          onClick: onGoToWebsite
+        })]
+      })]
+    })]
+  });
+};
+
+export { Poi };
+//# sourceMappingURL=poi.js.map

package/dist/esm/llm/components/Poi/poi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi.js","sources":["../../../../../src/llm/components/Poi/poi.tsx"],"sourcesContent":[null],"names":["Poi","props","label","useLabel","send","decorateUrl","useLlm","state","actions","onTellMeMore","__awaiter","prompt","title","response","onGoToWebsite","isBrowser","url","window","open","classNames","getClassNames","type","_jsxs","className","children","image","_jsx","src","alt","dangerouslySetInnerHTML","__html","abstract","time","place","IconLlmTimetable","IconLlmPin","Cta","onClick"],"mappings":"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"}

package/dist/esm/llm/components/PoiGroup/poigroup.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { getClassNames } from '@websolutespa/bom-core';
+import { Poi } from '../Poi/poi.js';
+
+const PoiGroup = props => {
+  const classNames = getClassNames('llm__pois');
+  return jsx("div", {
+    className: classNames,
+    children: props.items.map((item, i) => jsx(Poi, Object.assign({}, item), i))
+  });
+};
+
+export { PoiGroup };
+//# sourceMappingURL=poigroup.js.map

package/dist/esm/llm/components/PoiGroup/poigroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poigroup.js","sources":["../../../../../src/llm/components/PoiGroup/poigroup.tsx"],"sourcesContent":[null],"names":["PoiGroup","props","classNames","getClassNames","_jsx","className","children","items","map","item","i","Poi","Object","assign"],"mappings":";;;;AAIaA,MAAAA,QAAQ,GAAIC,KAAuB,IAAI;AAClD,EAAA,MAAMC,UAAU,GAAGC,aAAa,CAAC,WAAW,CAAC,CAAA;EAC7C,OACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEH,UAAU;IAAAI,QAAA,EACvBL,KAAK,CAACM,KAAK,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KACvBN,GAAA,CAACO,GAAG,EAAaC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAJ,IAAI,CAAX,EAAAC,CAAC,CACZ,CAAA;AAAC,GAAA,CACE,CAAA;AAEV;;;;"}

package/dist/esm/llm/components/Prompt/prompt.js

@@ -0,0 +1,86 @@
+import { __awaiter } from '../../../node_modules/tslib/tslib.es6.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconLlmStop, IconLlmSend } from '@websolutespa/bom-mixer-icons';
+import { useRef } from 'react';
+import { useLlm } from '../../../useLlm/useLlm.js';
+import useAutosizeTextArea from '../../hooks/useAutosizeTextArea.js';
+import { Blob } from '../Trigger/blob.js';
+import { Suggestions } from './suggestions.js';
+
+const Prompt = () => {
+  const textArea = useRef(null);
+  const prompt = useLlm(state => state.prompt);
+  const messages = useLlm(state => state.messages);
+  const streaming = useLlm(state => state.streaming);
+  const {
+    send,
+    setPrompt,
+    recognizeStart,
+    recognizeStop,
+    abort
+  } = useLlm(state => state.actions);
+  useAutosizeTextArea(textArea.current, prompt);
+  const onChange = event => {
+    var _a;
+    const prompt = (_a = event.target) === null || _a === void 0 ? void 0 : _a.value;
+    setPrompt(prompt);
+  };
+  const onSubmit = event => __awaiter(void 0, void 0, void 0, function* () {
+    event && event.preventDefault();
+    if (!prompt) {
+      return;
+    }
+    yield send(prompt, response => {
+      // console.log('Prompt.onChunk', response.chunks);
+    }, response => {
+      // console.log('Prompt.onEnd', response);
+    });
+  });
+  const onKeyDown = event => {
+    if (event.code == 'Enter' && !event.shiftKey) {
+      onSubmit(event);
+    }
+  };
+  return jsx("div", {
+    className: "llm__prompt",
+    children: jsxs("div", {
+      className: "llm-container",
+      children: [messages.length === 0 && jsx("div", {
+        className: "llm__prompt-suggestions",
+        children: jsx(Suggestions, {})
+      }), jsxs("form", {
+        className: "llm__prompt-form",
+        onSubmit: onSubmit,
+        children: [jsxs("div", {
+          className: "llm__prompt-input",
+          children: [jsx("textarea", {
+            className: "llm__prompt-textarea",
+            name: "prompt",
+            onKeyDown: onKeyDown,
+            onChange: onChange,
+            ref: textArea,
+            rows: 1,
+            value: prompt
+          }), false ]
+        }), streaming ? jsxs("button", {
+          className: "llm__prompt-stop",
+          type: "button",
+          onClick: abort,
+          children: [jsx(Blob, {}), jsx("i", {
+            children: jsx(IconLlmStop, {})
+          })]
+        }) : jsxs("button", {
+          className: "llm__prompt-submit",
+          type: "submit",
+          disabled: !prompt,
+          children: [jsx(Blob, {}), jsx("i", {
+            children: jsx(IconLlmSend, {})
+          })]
+        })]
+      })]
+    })
+  });
+};
+
+export { Prompt };
+//# sourceMappingURL=prompt.js.map

package/dist/esm/llm/components/Prompt/prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.js","sources":["../../../../../src/llm/components/Prompt/prompt.tsx"],"sourcesContent":[null],"names":["Prompt","textArea","useRef","prompt","useLlm","state","messages","streaming","send","setPrompt","recognizeStart","recognizeStop","abort","actions","useAutosizeTextArea","current","onChange","event","_a","target","value","onSubmit","__awaiter","preventDefault","response","onKeyDown","code","shiftKey","_jsx","className","_jsxs","children","length","Suggestions","name","ref","rows","type","onClick","Blob","IconLlmStop","disabled","IconLlmSend"],"mappings":";;;;;;;;;AAOaA,MAAAA,MAAM,GAAGA,MAAK;AACzB,EAAA,MAAMC,QAAQ,GAAGC,MAAM,CAAsB,IAAI,CAAC,CAAA;EAClD,MAAMC,MAAM,GAAGC,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACF,MAAM,CAAC,CAAA;EAC5C,MAAMG,QAAQ,GAAGF,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,QAAQ,CAAC,CAAA;EAChD,MAAMC,SAAS,GAAGH,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACE,SAAS,CAAC,CAAA;EAClD,MAAM;IAAEC,IAAI;IAAEC,SAAS;IAAEC,cAAc;IAAEC,aAAa;AAAEC,IAAAA,KAAAA;GAAO,GAAGR,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACQ,OAAO,CAAC,CAAA;AAEhGC,EAAAA,mBAAmB,CAACb,QAAQ,CAACc,OAAO,EAAEZ,MAAM,CAAC,CAAA;EAE7C,MAAMa,QAAQ,GAAIC,KAA6C,IAAI;;IACjE,MAAMd,MAAM,GAAG,CAAAe,EAAA,GAAAD,KAAK,CAACE,MAAM,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEE,KAAK,CAAA;IAClCX,SAAS,CAACN,MAAM,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,MAAMkB,QAAQ,GAAUJ,KAAuB,IAAIK,SAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;AACjDL,IAAAA,KAAK,IAAIA,KAAK,CAACM,cAAc,EAAE,CAAA;IAC/B,IAAI,CAACpB,MAAM,EAAE;AACX,MAAA,OAAA;AACF,KAAA;AACA,IAAA,MAAMK,IAAI,CAACL,MAAM,EAAGqB,QAAQ,IAAI;AAC9B;KACD,EAAGA,QAAQ,IAAI;AACd;AAAA,KACD,CAAC,CAAA;AACJ,GAAC,CAAA,CAAA;EAED,MAAMC,SAAS,GAAIR,KAA0B,IAAI;IAC/C,IAAIA,KAAK,CAACS,IAAI,IAAI,OAAO,IAAI,CAACT,KAAK,CAACU,QAAQ,EAAE;MAC5CN,QAAQ,CAACJ,KAAK,CAAC,CAAA;AACjB,KAAA;GACD,CAAA;EAED,OACEW,GAAK,CAAA,KAAA,EAAA;AAAAC,IAAAA,SAAS,EAAC,aAAa;cAC1BC,IAAK,CAAA,KAAA,EAAA;AAAAD,MAAAA,SAAS,EAAC,eAAe;MAC3BE,QAAA,EAAA,CAAAzB,QAAQ,CAAC0B,MAAM,KAAK,CAAC,IACpBJ,GAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,yBAAyB;AACtCE,QAAAA,QAAA,EAAAH,GAAA,CAACK,WAAW,EAAA,EAAA,CAAA;QAEf,EACDH,IAAM,CAAA,MAAA,EAAA;AAAAD,QAAAA,SAAS,EAAC,kBAAkB;AAACR,QAAAA,QAAQ,EAAEA,QAAQ;AAAAU,QAAAA,QAAA,EAAA,CACnDD,IAAK,CAAA,KAAA,EAAA;AAAAD,UAAAA,SAAS,EAAC,mBAAmB;AAAAE,UAAAA,QAAA,EAAA,CAChCH,GAAU,CAAA,UAAA,EAAA;AAAAC,YAAAA,SAAS,EAAC,sBAAsB;AAACK,YAAAA,IAAI,EAAC,QAAQ;AAACT,YAAAA,SAAS,EAAEA,SAAS;AAAET,YAAAA,QAAQ,EAAEA,QAAQ;AAAEmB,YAAAA,GAAG,EAAElC,QAAQ;AAAEmC,YAAAA,IAAI,EAAE,CAAC;AAAEhB,YAAAA,KAAK,EAAEjB,MAAAA;AAAM,WAAA,CAAa,EACpJ,KAAK,CAOL,CAAA;AACG,SAAA,CAAA,EACLI,SAAS,GACRuB,IAAQ,CAAA,QAAA,EAAA;AAAAD,UAAAA,SAAS,EAAC,kBAAkB;AAACQ,UAAAA,IAAI,EAAC,QAAQ;AAACC,UAAAA,OAAO,EAAE1B,KAAK;AAC/DmB,UAAAA,QAAA,EAAA,CAAAH,GAAA,CAACW,IAAI,EAAG,EAAA,CAAA,EACRX;sBAAGA,GAAC,CAAAY,WAAW,EAAG,EAAA,CAAA;AAAA,WAAA,CAAI,CAAA;AACf,SAAA,CAAA,GACPV,IAAA,CAAA,QAAA,EAAA;AAAQD,UAAAA,SAAS,EAAC,oBAAoB;AAACQ,UAAAA,IAAI,EAAC,QAAQ;UAACI,QAAQ,EAAE,CAACtC,MAAM;AACtE4B,UAAAA,QAAA,EAAA,CAAAH,GAAA,CAACW,IAAI,EAAA,EAAA,CAAG,EACRX,GAAA,CAAA,GAAA,EAAA;AAAAG,YAAAA,QAAA,EAAGH,GAAC,CAAAc,WAAW,EAAG,EAAA,CAAA;AAAA,WAAA,CAAI,CAAA;AACf,SAAA,CAAA,CAAA;AAAA,OAAA,CACN,CAAA;KACH,CAAA;AAAA,GAAA,CACF,CAAA;AAEV;;;;"}

package/dist/esm/llm/components/Prompt/suggestions.js

@@ -0,0 +1,45 @@
+import { __awaiter } from '../../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
+import { useWindowSize } from '@websolutespa/bom-mixer-hooks';
+import { FreeMode } from 'swiper';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { useLlm } from '../../../useLlm/useLlm.js';
+import { clamp } from '../../utils.js';
+
+const Suggestions = () => {
+  useWindowSize();
+  const app = useLlm(state => state.app);
+  const {
+    send
+  } = useLlm(state => state.actions);
+  const swiperProps = {
+    modules: [FreeMode],
+    spaceBetween: 8,
+    freeMode: true,
+    slidesPerView: 'auto',
+    slidesOffsetAfter: clamp(20, 110),
+    slidesOffsetBefore: clamp(20, 110)
+  };
+  const onClick = item => __awaiter(void 0, void 0, void 0, function* () {
+    yield send(item.sampleInputText, response => {
+      // console.log('Suggestions.onChunk', response.chunks);
+    }, response => {
+      // console.log('Suggestions.onEnd', response);
+    });
+  });
+  return jsx("div", {
+    className: "llm__suggestions",
+    children: jsx(Swiper, Object.assign({}, swiperProps, {
+      onInit: swiper => swiper.update(),
+      children: app === null || app === void 0 ? void 0 : app.contents.sampleInputTexts.map((s, j) => jsx(SwiperSlide, {
+        children: jsx("div", {
+          onClick: () => onClick(s),
+          children: s.sampleInputText
+        })
+      }, j))
+    }))
+  });
+};
+
+export { Suggestions };
+//# sourceMappingURL=suggestions.js.map

package/dist/esm/llm/components/Prompt/suggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions.js","sources":["../../../../../src/llm/components/Prompt/suggestions.tsx"],"sourcesContent":[null],"names":["Suggestions","useWindowSize","app","useLlm","state","send","actions","swiperProps","modules","FreeMode","spaceBetween","freeMode","slidesPerView","slidesOffsetAfter","clamp","slidesOffsetBefore","onClick","item","__awaiter","sampleInputText","response","_jsx","className","children","Swiper","Object","assign","onInit","swiper","update","contents","sampleInputTexts","map","s","j","SwiperSlide"],"mappings":";;;;;;;;AAOaA,MAAAA,WAAW,GAAGA,MAAK;AAE9BC,EAAAA,aAAa,EAAE,CAAA;EAEf,MAAMC,GAAG,GAAGC,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACF,GAAG,CAAC,CAAA;EACtC,MAAM;AAAEG,IAAAA,IAAAA;GAAM,GAAGF,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACE,OAAO,CAAC,CAAA;AAE/C,EAAA,MAAMC,WAAW,GAAG;IAClBC,OAAO,EAAE,CAACC,QAAQ,CAAC;AACnBC,IAAAA,YAAY,EAAE,CAAC;AACfC,IAAAA,QAAQ,EAAE,IAAI;AACdC,IAAAA,aAAa,EAAE,MAAe;AAC9BC,IAAAA,iBAAiB,EAAEC,KAAK,CAAC,EAAE,EAAE,GAAG,CAAC;AACjCC,IAAAA,kBAAkB,EAAED,KAAK,CAAC,EAAE,EAAE,GAAG,CAAA;GAClC,CAAA;AAED,EAAA,MAAME,OAAO,GAAUC,IAAwB,IAAIC,SAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;AACjD,IAAA,MAAMb,IAAI,CAACY,IAAI,CAACE,eAAe,EAAGC,QAAQ,IAAI;AAC5C;KACD,EAAGA,QAAQ,IAAI;AACd;AAAA,KACD,CAAC,CAAA;AACJ,GAAC,CAAA,CAAA;EAED,OACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,kBAAkB;AAAAC,IAAAA,QAAA,EAC/BF,GAAC,CAAAG,MAAM,EAAKC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAnB,WAAW,EAAE;AAAAoB,MAAAA,MAAM,EAAEC,MAAM,IAAIA,MAAM,CAACC,MAAM,EAAE;gBACvD3B,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAE4B,QAAQ,CAACC,gBAAgB,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKb,GAAC,CAAAc,WAAW,EAAS;AAAAZ,QAAAA,QAAA,EAAAF,GAAA,CAAA,KAAA,EAAA;AAAKL,UAAAA,OAAO,EAAEA,MAAMA,OAAO,CAACiB,CAAC,CAAC;UAAGV,QAAA,EAAAU,CAAC,CAACd,eAAAA;SAAe,CAAA;OAArD,EAAAe,CAAC,CAAyE,CAAA;AACnI,KAAA,CAAA,CAAA;AAAA,GAAA,CACL,CAAA;AAEV;;;;"}

package/dist/esm/llm/components/QuickLinks/quicklinks.js

@@ -0,0 +1,66 @@
+import { __awaiter } from '../../../node_modules/tslib/tslib.es6.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useWindowSize } from '@websolutespa/bom-mixer-hooks';
+import 'swiper/css';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { useLlm } from '../../../useLlm/useLlm.js';
+import { clamp } from '../../utils.js';
+
+const QuickLinks = () => {
+  const {
+    width
+  } = useWindowSize();
+  const {
+    send
+  } = useLlm(state => state.actions);
+  const app = useLlm(state => state.app);
+  const swiperProps = {
+    spaceBetween: clamp(8, 16),
+    slidesOffsetAfter: clamp(20, 110),
+    slidesOffsetBefore: clamp(20, 110),
+    slidesPerView: clamp(1.2, 2.2)
+  };
+  const onClick = item => __awaiter(void 0, void 0, void 0, function* () {
+    yield send(item.message || item.title, response => {
+      // console.log('QuickLinks.onChunk', response.chunks);
+    }, response => {
+      // console.log('QuickLinks.onEnd', response);
+    });
+  });
+  const getCard = (item, j) => {
+    return jsxs("div", {
+      className: "llm__links-card",
+      onClick: () => onClick(item),
+      children: [jsxs("div", {
+        className: "llm__links-title -llm-t-label-1",
+        children: [item.icon && jsx("i", {
+          children: jsx("img", {
+            src: item.icon.src || item.icon.url,
+            alt: item.icon.alt
+          })
+        }), item.title]
+      }), jsx("div", {
+        className: "llm__links-body -llm-t-body-3",
+        children: item.body
+      })]
+    }, j);
+  };
+  const getCards = () => {
+    if (width < 768) {
+      return jsx(Swiper, Object.assign({}, swiperProps, {
+        children: app === null || app === void 0 ? void 0 : app.contents.layoutBuilder.map((item, j) => jsx(SwiperSlide, {
+          children: getCard(item, j)
+        }, j))
+      }));
+    } else {
+      return app === null || app === void 0 ? void 0 : app.contents.layoutBuilder.map(getCard);
+    }
+  };
+  return jsx("div", {
+    className: "llm__links",
+    children: getCards()
+  });
+};
+
+export { QuickLinks };
+//# sourceMappingURL=quicklinks.js.map

package/dist/esm/llm/components/QuickLinks/quicklinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quicklinks.js","sources":["../../../../../src/llm/components/QuickLinks/quicklinks.tsx"],"sourcesContent":[null],"names":["QuickLinks","width","useWindowSize","send","useLlm","state","actions","app","swiperProps","spaceBetween","clamp","slidesOffsetAfter","slidesOffsetBefore","slidesPerView","onClick","item","__awaiter","message","title","response","getCard","j","_jsxs","className","children","icon","_jsx","src","url","alt","body","getCards","Swiper","contents","layoutBuilder","map","SwiperSlide"],"mappings":"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"}

package/dist/esm/llm/components/Stream/stream.js

@@ -0,0 +1,43 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { AnimatePresence, motion } from 'framer-motion';
+import { useLlm } from '../../../useLlm/useLlm.js';
+import { BusyIndicator } from '../BusyIndicator/busyindicator.js';
+import { Chunk } from '../Chunk/chunk.js';
+
+const Stream = props => {
+  const messages = useLlm(state => state.messages);
+  const chunks = useLlm(state => state.chunks);
+  return jsx(Fragment, {
+    children: chunks && jsx(Fragment, {
+      children: jsx("div", {
+        className: "llm__message llm__message--assistant llm-row",
+        children: jsxs(AnimatePresence, {
+          children: [chunks.map((chunk, c) => jsx("div", {
+            className: `llm__inner llm__inner--${chunk.type}`,
+            children: jsx(motion.div, {
+              initial: {
+                opacity: 0,
+                y: 10
+              },
+              animate: {
+                opacity: 1,
+                y: 0
+              },
+              transition: {
+                duration: 1
+              },
+              children: jsx(Chunk, {
+                item: chunk,
+                index: messages.length,
+                total: messages.length + 1
+              })
+            })
+          }, c)), jsx(BusyIndicator, {})]
+        })
+      })
+    })
+  });
+};
+
+export { Stream };
+//# sourceMappingURL=stream.js.map

package/dist/esm/llm/components/Stream/stream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stream.js","sources":["../../../../../src/llm/components/Stream/stream.tsx"],"sourcesContent":[null],"names":["Stream","props","messages","useLlm","state","chunks","_jsx","_Fragment","children","className","_jsxs","AnimatePresence","map","chunk","c","type","motion","div","initial","opacity","y","animate","transition","duration","Chunk","item","index","length","total","BusyIndicator"],"mappings":";;;;;;AASaA,MAAAA,MAAM,GAA2BC,KAAkB,IAAI;EAClE,MAAMC,QAAQ,GAAGC,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACF,QAAQ,CAAC,CAAA;EAChD,MAAMG,MAAM,GAAGF,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,MAAM,CAAC,CAAA;EAC5C,OACEC,GACG,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,EAAAH,MAAM,IACLC;gBACEA,GAAK,CAAA,KAAA,EAAA;AAAAG,QAAAA,SAAS,EAAC,8CAA8C;AAC3DD,QAAAA,QAAA,EAAAE,IAAA,CAACC,eAAe,EACb;AAAAH,UAAAA,QAAA,EAAA,CAAAH,MAAM,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,KACnBR;AAAaG,YAAAA,SAAS,EAA4B,CAAA,uBAAA,EAAAI,KAAK,CAACE,KAAM,CAAA;AAC5DP,YAAAA,QAAA,EAAAF,GAAA,CAACU,MAAM,CAACC,GAAG,EAAA;AACTC,cAAAA,OAAO,EAAE;AAAEC,gBAAAA,OAAO,EAAE,CAAC;AAAEC,gBAAAA,CAAC,EAAE,EAAA;eAAI;AAC9BC,cAAAA,OAAO,EAAE;AAAEF,gBAAAA,OAAO,EAAE,CAAC;AAAEC,gBAAAA,CAAC,EAAE,CAAA;eAAG;AAC7BE,cAAAA,UAAU,EAAE;AAAEC,gBAAAA,QAAQ,EAAE,CAAA;eAAG;AAE3Bf,cAAAA,QAAA,EAAAF,GAAA,CAACkB,KAAK,EAAA;AAACC,gBAAAA,IAAI,EAAEZ,KAAK;gBAAEa,KAAK,EAAExB,QAAQ,CAACyB,MAAM;AAAEC,gBAAAA,KAAK,EAAE1B,QAAQ,CAACyB,MAAM,GAAG,CAAA;eAAK,CAAA;aAAA,CAAA;WANpE,EAAAb,CAAC,CASZ,CAAC,EACFR,GAAA,CAACuB,aAAa,EAAA,EAAA,CAAG,CAAA;SACD,CAAA;OAAA,CAAA;KAEnB,CAAA;AAEJ,GAAA,CAAA,CAAA;AAEP;;;;"}

package/dist/esm/llm/components/Text/text.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useLabel } from '@websolutespa/bom-mixer-hooks';
+import { IconLlmInfoCircle } from '@websolutespa/bom-mixer-icons';
+import { marked } from 'marked';
+import { useMemo } from 'react';
+
+const Text = props => {
+  const label = useLabel();
+  const html = useMemo(() => {
+    return marked.parse(props.body);
+  }, [props.body]);
+  const disclaimer = props.disclaimer ? label('llm.disclaimer') : '';
+  return jsxs("div", {
+    className: "llm__text",
+    children: [jsx("div", {
+      className: "llm__text-body",
+      dangerouslySetInnerHTML: {
+        __html: html
+      }
+    }), disclaimer && jsxs("small", {
+      className: "llm__text-disclaimer",
+      children: [jsx("i", {
+        children: jsx(IconLlmInfoCircle, {})
+      }), jsx("div", {
+        dangerouslySetInnerHTML: {
+          __html: disclaimer
+        }
+      })]
+    })]
+  });
+};
+
+export { Text };
+//# sourceMappingURL=text.js.map

package/dist/esm/llm/components/Text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../../../../../src/llm/components/Text/text.tsx"],"sourcesContent":[null],"names":["Text","props","label","useLabel","html","useMemo","marked","parse","body","disclaimer","_jsxs","className","children","_jsx","dangerouslySetInnerHTML","__html","IconLlmInfoCircle"],"mappings":";;;;;;AAUaA,MAAAA,IAAI,GAAIC,KAAmB,IAAI;AAC1C,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AACxB,EAAA,MAAMC,IAAI,GAAGC,OAAO,CAAC,MAAK;AACxB,IAAA,OAAOC,MAAM,CAACC,KAAK,CAACN,KAAK,CAACO,IAAI,CAAC,CAAA;AACjC,GAAC,EAAE,CAACP,KAAK,CAACO,IAAI,CAAC,CAAC,CAAA;EAChB,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAU,GAAGP,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAA;EAClE,OACEQ;AAAKC,IAAAA,SAAS,EAAC,WAAW;AACxBC,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,gBAAgB;AAACG,MAAAA,uBAAuB,EAAE;AAAEC,QAAAA,MAAM,EAAEX,IAAAA;AAAM,OAAA;AAAA,KAAA,CAAI,EAC5EK,UAAU,IACTC;AAAOC,MAAAA,SAAS,EAAC,sBAAsB;AACrCC,MAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,GAAA,EAAA;AAAAD,QAAAA,QAAA,EAAGC,IAACG,iBAAiB,EAAA,EAAA,CAAA;AAAO,OAAA,CAAA,EAC5BH,GAAK,CAAA,KAAA,EAAA;AAAAC,QAAAA,uBAAuB,EAAE;AAAEC,UAAAA,MAAM,EAAEN,UAAAA;AAAU,SAAA;QAAM,CAAA;AAClD,KAAA,CACT,CAAA;AACG,GAAA,CAAA,CAAA;AAEV;;;;"}

package/dist/esm/llm/components/Thread/thread.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { getClassNames } from '@websolutespa/bom-core';
+import { useLlm } from '../../../useLlm/useLlm.js';
+import { Chunk } from '../Chunk/chunk.js';
+import { Stream } from '../Stream/stream.js';
+
+const Thread = () => {
+  const messages = useLlm(state => state.messages);
+  return jsxs("div", {
+    className: "llm__thread llm-container",
+    children: [messages.map((message, m) => jsx("div", {
+      className: getClassNames('llm__message', `llm__message--${message.role}`, 'llm-row'),
+      children: message.chunks.map((chunk, c) => jsx("div", {
+        className: `llm__inner llm__inner--${chunk.type}`,
+        children: jsx(Chunk, {
+          item: chunk,
+          index: m,
+          total: messages.length
+        })
+      }, c))
+    }, m)), jsx(Stream, {})]
+  });
+};
+
+export { Thread };
+//# sourceMappingURL=thread.js.map