@apia/ai 4.0.8 → 4.0.11

package/dist/index.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from '@apia/theme/jsx-runtime';
-import { Box, getVariant, Textarea, Paragraph } from '@apia/theme';
-import { useRef, useCallback, useState } from 'react';
-import { IconButton, SimpleButton, ApiaUtil, SortableList, SortableListItem } from '@apia/components';
+import { Box, getVariant, useBreakpointIndex, Textarea, Paragraph, Form } from '@apia/theme';
+import { useRef, useCallback, useState, createContext, forwardRef, useEffect } from 'react';
+import { IconButton, SimpleButton, ApiaUtil, FiltersStore, SortableList, SortableListItem } from '@apia/components';
 import { getLabel, noNaN, AudioRecorder, EventEmitter } from '@apia/util';
 import { makeObservable, observable, action, toJS, makeAutoObservable } from 'mobx';
+import { observer } from 'mobx-react-lite';
 import { CollectorField, Collector } from '@apia/validations';
 import { uniqueId } from '@apia/notifications';
 import { FileIcon } from '@apia/icons';
-import { observer } from 'mobx-react-lite';
-import axios from 'axios';
 import { ApiaApi, makeApiaUrl, parseSuccessfulResponse } from '@apia/api';
+import axios from 'axios';
 
 const AutoscrollContainer = ({ children }) => {
   const observer = useRef(null);
@@ -30,10 +30,10 @@ const AutoscrollContainer = ({ children }) => {
     observer.current?.disconnect();
     unsuscribe.current?.();
     observer.current = new MutationObserver(([mutation]) => {
-      if (mutation && mutation.target instanceof HTMLElement && mutation.target === el) {
-        if (isFullScrolled.current && mutation.target.scrollTop !== mutation.target.scrollHeight - mutation.target.offsetHeight) {
-          mutation.target.scrollTo({
-            top: mutation.target.scrollHeight,
+      if (mutation && mutation.target instanceof HTMLElement) {
+        if (isFullScrolled.current && el.scrollTop !== el.scrollHeight - el.offsetHeight) {
+          el.scrollTo({
+            top: el.scrollHeight,
             behavior: "smooth"
           });
         }
@@ -193,40 +193,50 @@ function useHandleFileUpload({
   return { progress, handleFileUpload };
 }
 
-var __defProp$7 = Object.defineProperty;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$7 = (obj, key, value) => {
-  __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$b = Object.defineProperty;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$b = (obj, key, value) => {
+  __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 let maxId = 0;
 class ChatMessage {
-  constructor(message = "", messageType = "user", attachments = []) {
+  constructor(message = "", messageType = "user", attachments = [], reference = null) {
     this.message = message;
     this.messageType = messageType;
     this.attachments = attachments;
-    __publicField$7(this, "id");
-    __publicField$7(this, "copy", () => new ChatMessage(this.message, this.messageType, this.attachments));
-    __publicField$7(this, "Component", () => {
+    this.reference = reference;
+    __publicField$b(this, "id");
+    __publicField$b(this, "clone", () => new ChatMessage(
+      this.message,
+      this.messageType,
+      this.attachments,
+      this.reference
+    ));
+    __publicField$b(this, "Component", observer(({ className }) => {
       return /* @__PURE__ */ jsxs(
         Box,
         {
           as: "pre",
-          className: `history__message ${this.messageType}`,
+          className: `history_message ${className || ""} ${this.messageType}`,
           children: [
             /* @__PURE__ */ jsx(
               Box,
               {
-                className: "text_wrapper",
+                className: "history_message__content",
                 ...typeof this.message === "string" ? { dangerouslySetInnerHTML: { __html: this.message } } : { children: this.message }
               }
             ),
-            /* @__PURE__ */ jsx(Box, { className: "additionalContent_wrapper", children: this.attachments.map((x) => /* @__PURE__ */ jsx(x.Component, {}, x.id)) })
+            this.attachments.length > 0 && /* @__PURE__ */ jsx(Box, { className: "history_message__attachments", children: this.attachments.map((x) => {
+              const a = x;
+              return /* @__PURE__ */ jsx(a.Component, {}, x.id);
+            }) }),
+            this.reference && /* @__PURE__ */ jsx(Box, { className: "history_message__references", children: this.reference })
           ]
         },
         this.id
       );
-    });
+    }));
     this.id = maxId++;
     if (messageType === "response")
       this.messageType = "system";
@@ -235,7 +245,8 @@ class ChatMessage {
     makeObservable(this, {
       attachments: observable,
       message: observable,
-      messageType: observable
+      messageType: observable,
+      reference: observable
     });
   }
   parseMessage(message) {
@@ -244,21 +255,23 @@ class ChatMessage {
     result = result.replaceAll("[/strong]", "</strong>");
     return result;
   }
+  removeAttachment(idx) {
+    this.attachments = this.attachments.filter((_, i) => i !== idx);
+  }
 }
 
-var __defProp$6 = Object.defineProperty;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$6 = (obj, key, value) => {
-  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$a = Object.defineProperty;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$a = (obj, key, value) => {
+  __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class AIContent extends CollectorField {
   constructor(content) {
     super(uniqueId(), "");
-    __publicField$6(this, "type", "aiContent");
-    __publicField$6(this, "content");
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    __publicField$6(this, "Component", () => {
+    __publicField$a(this, "type", "aiContent");
+    __publicField$a(this, "content");
+    __publicField$a(this, "Component", () => {
       return /* @__PURE__ */ jsx(Box, { variant: "layout.common.components.aiMessage.textBox", children: /* @__PURE__ */ jsx(Box, { variant: "layout.common.components.aiMessage.textSnippet", children: this.content }) });
     });
     this.content = content;
@@ -293,27 +306,32 @@ var AIMessageRole = /* @__PURE__ */ ((AIMessageRole2) => {
   return AIMessageRole2;
 })(AIMessageRole || {});
 
-var __defProp$5 = Object.defineProperty;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$5 = (obj, key, value) => {
-  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$9 = Object.defineProperty;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$9 = (obj, key, value) => {
+  __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 const _AIFileContent = class _AIFileContent extends AIContent {
-  constructor(fileUrl, fileName, f, error) {
-    const extension = _AIFileContent.getExtensionFromFileName(fileName);
+  constructor(props) {
+    if (props.needsControlExtension === null || props.needsControlExtension === void 0) {
+      props.needsControlExtension = true;
+    }
+    const extension = _AIFileContent.getExtensionFromFileName(props.name);
     super();
-    __publicField$5(this, "type");
-    __publicField$5(this, "fileUrl");
-    __publicField$5(this, "fileName");
-    __publicField$5(this, "extension");
-    __publicField$5(this, "__file");
-    __publicField$5(this, "__error");
-    __publicField$5(this, "overrideSize");
-    __publicField$5(this, "inferContent", () => {
+    __publicField$9(this, "type");
+    __publicField$9(this, "value");
+    __publicField$9(this, "name");
+    __publicField$9(this, "extension");
+    __publicField$9(this, "__file");
+    __publicField$9(this, "__error");
+    __publicField$9(this, "onClose");
+    __publicField$9(this, "overrideSize");
+    __publicField$9(this, "id", uniqueId());
+    __publicField$9(this, "inferContent", () => {
       return `You must collect information contained in this ${this.type} as help to build your tool choice.`;
     });
-    __publicField$5(this, "inferExtension", (extension) => {
+    __publicField$9(this, "inferExtension", (extension) => {
       switch (extension) {
         case AIFileContentAllowedExtensions.jpg:
         case AIFileContentAllowedExtensions.jpeg:
@@ -340,45 +358,64 @@ const _AIFileContent = class _AIFileContent extends AIContent {
       }
     });
     // COMPONENT METHODS
-    __publicField$5(this, "Component", () => /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          ...this.overrideSize ? {
-            ...this.overrideSize,
-            img: {
-              width: `${this.overrideSize.width - 20}px`,
-              height: `${this.overrideSize.height - 61}px`
-            }
-          } : {}
-        },
-        variant: "layout.common.components.aiMessage.fileBox",
-        children: [
-          FileType.IMAGE === this.type ? /* @__PURE__ */ jsx("img", { src: URL.createObjectURL(this.file), alt: this.fileName }) : /* @__PURE__ */ jsx(FileIcon, { iconSize: "lg", docName: this.fileName }),
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              as: "p",
-              variant: "layout.common.components.aiMessage.fileName",
-              title: this.fileName,
-              children: this.fileName
-            }
-          )
-        ]
-      }
-    ));
-    this.__error = error;
-    if (!_AIFileContent.isValidExtension(extension))
+    __publicField$9(this, "Component", () => {
+      const closeButton = this.onClose ? /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          className: "file_close_button",
+          size: "Md",
+          icon: "Close",
+          onClick: this.onClose,
+          title: getLabel("lblDeleteItem").title
+        }
+      ) : null;
+      return /* @__PURE__ */ jsxs(
+        Box,
+        {
+          className: "file_box",
+          sx: {
+            ...this.overrideSize ? {
+              ...this.overrideSize,
+              img: {
+                width: `${this.overrideSize.width - 20}px`,
+                height: `${this.overrideSize.height - 61}px`
+              }
+            } : {}
+          },
+          variant: "layout.common.components.aiMessage.fileBox",
+          children: [
+            closeButton && closeButton,
+            FileType.IMAGE === this.type ? /* @__PURE__ */ jsx("img", { src: URL.createObjectURL(this.file), alt: this.name }) : /* @__PURE__ */ jsx(FileIcon, { iconSize: "lg", docName: this.name }),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                as: "p",
+                variant: "layout.common.components.aiMessage.fileName",
+                title: this.name,
+                children: this.name
+              }
+            )
+          ]
+        }
+      );
+    });
+    this.__error = props.error;
+    if (props.needsControlExtension && !_AIFileContent.isValidExtension(extension))
       this.__throwError(
         new Error(_AIFileContent.__getExtensionErrorMessage(extension)),
         this.__error?.fileExtension
       );
-    this.fileUrl = fileUrl;
+    this.value = props.value;
     this.extension = extension;
     this.type = this.inferExtension(this.extension);
-    this.fileName = fileName;
-    this.__file = f;
+    this.name = props.name;
+    this.__file = props.f;
     this.content = this.inferContent();
+    this.onClose = props.onClose;
+  }
+  setOnClose(callback) {
+    this.onClose = callback;
+    return this;
   }
   // PUBLIC METHODS
   setOverrideSize(overrideSize) {
@@ -391,7 +428,7 @@ const _AIFileContent = class _AIFileContent extends AIContent {
     return this.__file;
   }
   static getExtensionFromFileName(fileName) {
-    return fileName.split(".", 2).pop();
+    return fileName.split(".").pop();
   }
   // PRIVATE METHODS
   static __getExtensionErrorMessage(extension) {
@@ -402,14 +439,17 @@ ${Object.keys(AIFileContentAllowedExtensions)}`;
     callback && callback();
     throw e;
   }
+  getId() {
+    return this.id;
+  }
 };
 // STATIC METHODS
-__publicField$5(_AIFileContent, "isValidExtension", (extension) => {
+__publicField$9(_AIFileContent, "isValidExtension", (extension) => {
   return Object.values(
     AIFileContentAllowedExtensions
   ).includes(extension);
 });
-__publicField$5(_AIFileContent, "blobToBase64", async (blob) => {
+__publicField$9(_AIFileContent, "blobToBase64", async (blob) => {
   return await ((blob2) => new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.onloadend = () => {
@@ -420,38 +460,42 @@ __publicField$5(_AIFileContent, "blobToBase64", async (blob) => {
     reader.readAsDataURL(blob2);
   }))(blob);
 });
-__publicField$5(_AIFileContent, "fromFile", async (f, error) => {
-  const fileUrl = await ((f2) => new Promise((resolve, reject) => {
+__publicField$9(_AIFileContent, "fromFile", async (props) => {
+  const fileUrl = await ((f) => new Promise((resolve, reject) => {
     const reader = new FileReader();
-    reader.readAsDataURL(f2);
+    reader.readAsDataURL(f);
     reader.onload = () => resolve(reader.result);
     reader.onerror = () => reject();
-  }))(f);
-  return new _AIFileContent(fileUrl, f.name, f, error);
+  }))(props.f);
+  return new _AIFileContent({
+    value: fileUrl,
+    name: props.f.name,
+    f: props.f,
+    error: props.error,
+    needsControlExtension: props.needsControlExtension
+  });
 });
 let AIFileContent = _AIFileContent;
 
-var __defProp$4 = Object.defineProperty;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$4 = (obj, key, value) => {
-  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$8 = Object.defineProperty;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$8 = (obj, key, value) => {
+  __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class AIMessageAttachments {
   constructor(role, content, close) {
     this.close = close;
-    __publicField$4(this, "role");
-    __publicField$4(this, "content");
-    __publicField$4(this, "id", uniqueId());
-    __publicField$4(this, "customDescription", false);
-    __publicField$4(this, "addDescription", async () => {
+    __publicField$8(this, "role");
+    __publicField$8(this, "content");
+    __publicField$8(this, "id", uniqueId());
+    __publicField$8(this, "customDescription", false);
+    __publicField$8(this, "addDescription", async () => {
       const collector = new Collector();
-      const collected = await collector.add(
-        this.content instanceof AIFileContent ? this.content.setOverrideSize({ height: 320, width: 330 }) : this.content
-      ).add(
+      const collected = await collector.add(this.content).add(
         new collector.fields.textarea(
           "addCommentTextArea",
-          getLabel("lblAiAddImageCo").text,
+          getLabel("lblAiAddImageCo").text.replace(".", ""),
           {
             initialValue: this.content instanceof AIFileContent && this.content.content !== this.content.inferContent() ? this.content.content : ""
           }
@@ -470,7 +514,7 @@ class AIMessageAttachments {
         this.customDescription = false;
       }
     });
-    __publicField$4(this, "Component", (props) => /* @__PURE__ */ jsxs(Box, { ...getVariant("layout.common.components.aiMessage"), children: [
+    __publicField$8(this, "Component", (props) => /* @__PURE__ */ jsxs(Box, { ...getVariant("layout.common.components.aiMessage"), children: [
       props.closeButton ? /* @__PURE__ */ jsx(
         IconButton,
         {
@@ -495,6 +539,9 @@ class AIMessageAttachments {
     this.role = role;
     this.content = content;
   }
+  getId() {
+    return this.id;
+  }
 }
 
 const handleFileUploadAsMessage = async (fileInputElement, chatController) => {
@@ -530,6 +577,7 @@ const makeTextarea = (chatController) => {
       preventAppendUserMessages
     }) => {
       const [isLoading, setIsLoading] = useState(false);
+      const breakpoint = useBreakpointIndex();
       const submit = useCallback(() => {
         if (preventAppendUserMessages !== true)
           chatController.messages.add(chatController.state.current);
@@ -591,6 +639,95 @@ const makeTextarea = (chatController) => {
         ev.preventDefault();
         setDragging(true);
       };
+      const additionalButtons = [];
+      additionalButtons.push({
+        key: "prev",
+        children: /* @__PURE__ */ jsx(
+          SimpleButton,
+          {
+            title: getLabel("btnAiPrevious").title,
+            variant: "outline",
+            type: "button",
+            onClick: chatController.history.previous,
+            size: "sm",
+            children: getLabel("btnAiPrevious").text
+          }
+        )
+      });
+      additionalButtons.push({
+        key: "next",
+        children: /* @__PURE__ */ jsx(
+          SimpleButton,
+          {
+            title: getLabel("btnAiNext").title,
+            variant: "outline",
+            type: "button",
+            onClick: chatController.history.next,
+            size: "sm",
+            children: getLabel("btnAiNext").text
+          }
+        )
+      });
+      if (!hideDeleteButton) {
+        additionalButtons.push({
+          key: "delete",
+          children: /* @__PURE__ */ jsx(
+            SimpleButton,
+            {
+              title: getLabel("btnAiDelete").title,
+              variant: "outline",
+              type: "button",
+              onClick: () => {
+                chatController.state.current.message = "";
+                chatController.attachments.dropAll();
+                chatController.currentHistoryIndex = -1;
+              },
+              size: "sm",
+              children: getLabel("btnAiDelete").text
+            }
+          )
+        });
+        additionalButtons.push({
+          key: "deleteMessages",
+          children: /* @__PURE__ */ jsx(
+            SimpleButton,
+            {
+              title: getLabel("btnAiDeleteMessages").title,
+              variant: "outline",
+              type: "button",
+              onClick: () => chatController.messages.clear(),
+              size: "sm",
+              children: getLabel("btnAiDeleteMessages").text
+            }
+          )
+        });
+      }
+      const isPhone = breakpoint < 4;
+      let iconButton = /* @__PURE__ */ jsx(Fragment, {});
+      if (isPhone) {
+        iconButton = /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            ...getVariant("layout.ai.execution.formsAssistant.settingsButton"),
+            iconSize: "Md",
+            size: "Lg",
+            icon: "Ellipsis",
+            isLoading: actualIsLoading,
+            onClick: () => {
+              const util = ApiaUtil.instance;
+              const items = [];
+              items.push(...additionalButtons);
+              if (items.length > 0)
+                util.menu.open({
+                  menuProps: {
+                    anchorPoint: { x: util.mouse.x, y: util.mouse.y }
+                  },
+                  items
+                });
+            }
+          }
+        );
+      }
       return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", width: "100%" }, children: [
         /* @__PURE__ */ jsx(
           Box,
@@ -704,54 +841,9 @@ const makeTextarea = (chatController) => {
                     size: "Lg"
                   }
                 ),
-                /* @__PURE__ */ jsx(
-                  SimpleButton,
-                  {
-                    title: getLabel("btnAiPrevious").title,
-                    variant: "outline",
-                    type: "button",
-                    onClick: chatController.history.previous,
-                    size: "sm",
-                    children: getLabel("btnAiPrevious").text
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  SimpleButton,
-                  {
-                    title: getLabel("btnAiNext").title,
-                    variant: "outline",
-                    type: "button",
-                    onClick: chatController.history.next,
-                    size: "sm",
-                    children: getLabel("btnAiNext").text
-                  }
-                ),
-                !hideDeleteButton && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(
-                    SimpleButton,
-                    {
-                      title: getLabel("btnAiDelete").title,
-                      variant: "outline",
-                      type: "button",
-                      onClick: () => {
-                        chatController.state.current.message = "";
-                        chatController.attachments.dropAll();
-                        chatController.currentHistoryIndex = -1;
-                      },
-                      size: "sm",
-                      children: getLabel("btnAiDelete").text
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    SimpleButton,
-                    {
-                      title: getLabel("btnAiDeleteMessages").title,
-                      variant: "outline",
-                      type: "button",
-                      onClick: () => chatController.messages.clear(),
-                      size: "sm",
-                      children: getLabel("btnAiDeleteMessages").text
-                    }
+                isPhone ? iconButton : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  ...additionalButtons.map(
+                    (x) => x.children
                   )
                 ] }),
                 /* @__PURE__ */ jsx(
@@ -775,10 +867,10 @@ const makeTextarea = (chatController) => {
   return NewTextarea;
 };
 
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$7 = Object.defineProperty;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$7 = (obj, key, value) => {
+  __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck = (obj, member, msg) => {
@@ -787,7 +879,7 @@ var __accessCheck = (obj, member, msg) => {
 };
 var __privateGet = (obj, member, getter) => {
   __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
+  return member.get(obj);
 };
 var __privateAdd = (obj, member, value) => {
   if (member.has(obj))
@@ -796,18 +888,18 @@ var __privateAdd = (obj, member, value) => {
 };
 var __privateSet = (obj, member, value, setter) => {
   __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
+  member.set(obj, value);
   return value;
 };
 var _promptsHistory, _internalAudioRecorder;
 class ChatController {
   constructor(id, welcomeMessage) {
     this.id = id;
-    __publicField$3(this, "state", {
+    __publicField$7(this, "state", {
       current: new ChatMessage(),
       messages: []
     });
-    __publicField$3(this, "components", {
+    __publicField$7(this, "components", {
       MessageHistory: observer(() => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -821,16 +913,16 @@ class ChatController {
       Textarea: makeTextarea(this)
     });
     __privateAdd(this, _promptsHistory, []);
-    __publicField$3(this, "currentHistoryIndex", -1);
+    __publicField$7(this, "currentHistoryIndex", -1);
     __privateAdd(this, _internalAudioRecorder, new AudioRecorder());
-    __publicField$3(this, "audioRecorder", {
+    __publicField$7(this, "audioRecorder", {
       start: () => __privateGet(this, _internalAudioRecorder).start().then(async (blob) => {
         const m = new AIMessageAttachments(
           AIMessageRole.USER,
-          new AIFileContent(
-            await AIFileContent.blobToBase64(blob),
-            `userRecord_${this.audioRecorder.record++}.wav`
-          ),
+          new AIFileContent({
+            value: await AIFileContent.blobToBase64(blob),
+            name: `userRecord_${this.audioRecorder.record++}.wav`
+          }),
           () => this.attachments.drop(m)
         );
         this.attachments.add(m);
@@ -841,7 +933,7 @@ class ChatController {
       record: 0,
       state: __privateGet(this, _internalAudioRecorder).state
     });
-    __publicField$3(this, "history", {
+    __publicField$7(this, "history", {
       add: (message) => {
         this.currentHistoryIndex = -1;
         if (message === __privateGet(this, _promptsHistory)[__privateGet(this, _promptsHistory).length]) {
@@ -857,7 +949,7 @@ class ChatController {
       next: () => {
         let message = new ChatMessage();
         if (__privateGet(this, _promptsHistory)[this.currentHistoryIndex - 1])
-          message = __privateGet(this, _promptsHistory)[--this.currentHistoryIndex].copy();
+          message = __privateGet(this, _promptsHistory)[--this.currentHistoryIndex].clone();
         else {
           this.currentHistoryIndex = -1;
         }
@@ -866,7 +958,7 @@ class ChatController {
       previous: () => {
         if (__privateGet(this, _promptsHistory)[this.currentHistoryIndex + 1]) {
           this.history.updateState(
-            __privateGet(this, _promptsHistory)[++this.currentHistoryIndex].copy()
+            __privateGet(this, _promptsHistory)[++this.currentHistoryIndex].clone()
           );
         }
       },
@@ -878,7 +970,7 @@ class ChatController {
       },
       size: () => this.state.messages.length
     });
-    __publicField$3(this, "messages", {
+    __publicField$7(this, "messages", {
       add: (message, idx) => {
         if (idx !== void 0 && idx !== null) {
           this.state.messages.splice(idx, 0, message);
@@ -890,19 +982,25 @@ class ChatController {
         this.state.messages = [];
       }
     });
-    __publicField$3(this, "attachments", {
+    __publicField$7(this, "attachments", {
       add: (...aiMessage) => {
-        this.state.current.attachments.push(...aiMessage);
+        this.state.current.attachments.push(
+          ...aiMessage
+        );
       },
       dropAll: () => void (this.state.current.attachments = []),
       drop: (el) => {
+        const e = el;
         this.state.current.attachments = this.state.current.attachments.filter(
-          (c) => c !== el
+          (c) => c !== e
         );
         if (!this.state.current.message && this.attachments.size() < 1)
           this.currentHistoryIndex = -1;
       },
-      getComponents: () => this.state.current.attachments.map((x) => /* @__PURE__ */ jsx(x.Component, { closeButton: true, canAddDescription: true }, x.id)),
+      getComponents: () => this.state.current.attachments.map((x) => {
+        const c = x;
+        return /* @__PURE__ */ jsx(c.Component, { closeButton: true, canAddDescription: true }, x.id);
+      }),
       get: () => this.state.current.attachments,
       size: () => this.state.current.attachments.length
     });
@@ -943,74 +1041,87 @@ class MultipleChoiceMessage extends ChatMessage {
   }
 }
 
-var __defProp$2 = Object.defineProperty;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
+const Component = observer(
+  (props) => {
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx("a", { href: props.instance.state.link, children: props.instance.state.title }),
+      /* @__PURE__ */ jsx(Box, { children: props.instance.state.body })
+    ] });
+  }
+);
+
+var __defProp$6 = Object.defineProperty;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$6 = (obj, key, value) => {
+  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-class ResponseStream extends EventEmitter {
-  constructor() {
-    super(...arguments);
-    __publicField$2(this, "buffer", "");
-    __publicField$2(this, "isRunning", false);
-    __publicField$2(this, "locked", false);
-    __publicField$2(this, "maxCompletionTime", 2);
-    // s
-    __publicField$2(this, "minPartSize", 2);
-    __publicField$2(this, "partSize", 2);
-    __publicField$2(this, "timing", 5);
-    // ms
-    __publicField$2(this, "waiting", []);
+class SemanticSearchReference {
+  constructor(props) {
+    __publicField$6(this, "state", { title: "", body: "", link: "" });
+    __publicField$6(this, "Component", () => /* @__PURE__ */ jsxs(Fragment, { children: [
+      "(",
+      /* @__PURE__ */ jsx(Component, { instance: this }),
+      ")"
+    ] }));
+    this.state = props;
+    makeObservable(this, { state: observable });
   }
-  close() {
+}
+
+var __defProp$5 = Object.defineProperty;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$5 = (obj, key, value) => {
+  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const _SearchController = class _SearchController {
+  constructor() {
+    __publicField$5(this, "state", { queryString: "", results: [], isLoading: false, disabled: false });
+    makeObservable(this, { state: observable });
   }
-  calculatePartSize() {
-    const totalSize = this.buffer.length + this.waiting.reduce((a, b) => a + b.length, 0);
-    this.partSize = Math.max(
-      this.minPartSize,
-      totalSize * this.timing / (this.maxCompletionTime * 1e3)
+  async search(selectedId) {
+    const filters = await FiltersStore.getFiltersById(
+      Number.parseInt(selectedId)
     );
-  }
-  emit(_, data) {
-    if (this.locked) {
-      this.waiting.push(data);
-    } else {
-      this.buffer += data;
+    FiltersStore.setFilters(filters, "U");
+    _SearchController.instance.state.isLoading = true;
+    const response = await ApiaApi.post(
+      makeApiaUrl({
+        action: "search",
+        semSearchId: selectedId
+      }),
+      {
+        postData: {
+          q: _SearchController.instance.state.queryString,
+          filters: JSON.stringify(FiltersStore.getFiltersAsFilterValue("U"))
+        },
+        postDataTreatement: "stringify",
+        stringifyOptions: { arrayFormat: "repeat" }
+      }
+    );
+    if (response?.data?.results) {
+      this.setReferences(response.data.results);
     }
-    this.calculatePartSize();
-    this.run();
+    this.state.isLoading = false;
   }
-  run() {
-    if (!this.isRunning) {
-      this.isRunning = true;
-      const interval = setInterval(() => {
-        this.locked = true;
-        const choosedSize = Math.min(this.buffer.length, this.partSize);
-        const part = this.buffer.slice(0, choosedSize);
-        this.buffer = this.buffer.slice(choosedSize);
-        while (this.waiting.length > 0) {
-          const part2 = this.waiting.shift();
-          if (part2) {
-            this.buffer += part2;
-          }
-        }
-        this.locked = false;
-        if (part) {
-          super.emit("part", part);
-        } else {
-          this.isRunning = false;
-          clearInterval(interval);
-        }
-      }, this.timing);
+  setReferences(results) {
+    if (typeof results === "string" && results) {
+      results = JSON.parse(results);
     }
+    _SearchController.instance.state.results = results.map(
+      (x) => x instanceof SemanticSearchReference ? x : new SemanticSearchReference(x)
+    );
+    _SearchController.instance.state.disabled = false;
   }
-}
+};
+__publicField$5(_SearchController, "instance", new _SearchController());
+let SearchController = _SearchController;
 
-var __defProp$1 = Object.defineProperty;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$4 = Object.defineProperty;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$4 = (obj, key, value) => {
+  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 function isPollProgress(payload) {
@@ -1018,9 +1129,9 @@ function isPollProgress(payload) {
 }
 class RoutinesGeneration {
   constructor() {
-    __publicField$1(this, "audioRecorder", new AudioRecorder());
-    __publicField$1(this, "routineId", "");
-    __publicField$1(this, "state", {
+    __publicField$4(this, "audioRecorder", new AudioRecorder());
+    __publicField$4(this, "routineId", "");
+    __publicField$4(this, "state", {
       isLoading: false,
       progress: 0
     });
@@ -1037,9 +1148,14 @@ class RoutinesGeneration {
     }
     this.state.isLoading = true;
   }
-  async pollRoutine(stream) {
+  async pollRoutine(routineId, stream) {
+    this.routineId = routineId;
+    this.state.isLoading = true;
+    return this.internalPollRoutine(stream);
+  }
+  async internalPollRoutine(stream) {
     while (this.state.isLoading) {
-      const pollResult = await this.poll(this.routineId);
+      const pollResult = await this.callRoutinePoll(this.routineId);
       if (isPollProgress(pollResult.payload)) {
         try {
           const res = JSON.parse(pollResult.payload.debug);
@@ -1058,43 +1174,33 @@ class RoutinesGeneration {
       } else if (pollResult.status === "FINISHED") {
         this.resetLoading();
         return pollResult.payload;
+      } else if (pollResult.status === "ERROR") {
+        this.resetLoading();
+        throw new Error(pollResult.payload);
       } else {
+        this.resetLoading();
         throw new Error("Wrong poll response");
       }
     }
     return null;
   }
-  async executeRoutine(routineName, prompts, images, stream) {
-    this.checkCanGenerate();
-    try {
-      const routineStartResult = await ApiaApi.post(
-        makeApiaUrl({
-          action: "routineStart",
-          routine: routineName
-        }),
-        {
-          postData: {
-            images: JSON.stringify(images),
-            ...prompts
-          },
-          stringifyOptions: {
-            arrayFormat: "repeat"
-          },
-          postDataTreatement: "stringify"
-        }
-      );
-      if (routineStartResult?.data?.orchestrator?.routineId !== void 0) {
-        this.routineId = routineStartResult?.data?.orchestrator?.routineId;
-        return this.pollRoutine(stream);
-      } else {
-        throw new Error("Cannot get routine id");
+  async callAudioTranscription(audio) {
+    const url = makeApiaUrl({
+      action: "routineStart",
+      routine: "transcription/Transcribe"
+    });
+    const response = await axios.post(url, audio.arrayBuffer(), {
+      headers: {
+        "Content-Type": "application/octet-stream"
       }
-    } catch (e) {
-      this.resetLoading();
-      throw e;
+    });
+    const result = await parseSuccessfulResponse(response, "");
+    if (result?.orchestrator) {
+      return result;
     }
+    return null;
   }
-  async poll(routineId) {
+  async callRoutinePoll(routineId) {
     const result = await ApiaApi.post(
       makeApiaUrl({
         action: "routinePoll",
@@ -1107,6 +1213,44 @@ class RoutinesGeneration {
       throw new Error("Poll failed");
     }
   }
+  async callRoutineStart(routineName, parameters, images) {
+    const result = await ApiaApi.post(
+      makeApiaUrl({
+        action: "routineStart",
+        routine: routineName
+      }),
+      {
+        postData: {
+          images: JSON.stringify(images),
+          ...parameters
+        },
+        stringifyOptions: {
+          arrayFormat: "repeat"
+        },
+        postDataTreatement: "stringify"
+      }
+    );
+    return result?.data || null;
+  }
+  async executeRoutine(routineName, parameters, images, stream) {
+    this.checkCanGenerate();
+    try {
+      const result = await this.callRoutineStart(
+        routineName,
+        parameters,
+        images
+      );
+      if (result?.orchestrator?.routineId !== void 0) {
+        this.routineId = result?.orchestrator.routineId;
+        return this.internalPollRoutine(stream);
+      } else {
+        throw new Error("Cannot get routine id");
+      }
+    } catch (e) {
+      this.resetLoading();
+      throw e;
+    }
+  }
   resetLoading() {
     this.state.isLoading = false;
     this.state.progress = 0;
@@ -1129,33 +1273,135 @@ class RoutinesGeneration {
     );
   }
   async transcribeAudio(audio) {
-    const arrayBuffer = await audio.arrayBuffer();
-    const url = makeApiaUrl({
-      action: "routineStart",
-      routine: "transcription/Transcribe"
-    });
-    const response = await axios.post(url, arrayBuffer, {
-      headers: {
-        "Content-Type": "application/octet-stream"
-      }
-    });
-    if (response.data) {
-      const result = await parseSuccessfulResponse(response, url);
+    const result = await this.callAudioTranscription(audio);
+    if (result) {
       this.state.isLoading = true;
       if (result?.orchestrator?.routineId) {
         this.routineId = result?.orchestrator?.routineId;
-        return await this.pollRoutine();
+        return await this.internalPollRoutine();
       }
     }
     throw new Error("Something went wrong while transcribing the audio");
   }
 }
 
-async function getImageFromDisk(inputProps) {
-  return (await getImagesFromDisk({ ...inputProps, multiple: "false" }))[0] ?? null;
-}
-function getImagesFromDisk(inputProps) {
-  return new Promise((resolve) => {
+class DashboardsRoutinesGeneration extends RoutinesGeneration {
+  constructor(dispatcher) {
+    super();
+    this.dispatcher = dispatcher;
+  }
+  blobToBase64(audio) {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        if (reader.result && typeof reader.result === "string") {
+          const base64 = reader.result.split(",")[1];
+          resolve(base64);
+        } else {
+          reject(new Error("Could not convert Blob to base64"));
+        }
+      };
+      reader.onerror = reject;
+      reader.readAsDataURL(audio);
+    });
+  }
+  async callAudioTranscription(audio) {
+    const audioBase64 = await this.blobToBase64(audio);
+    const result = await this.dispatcher({
+      action: "transcription",
+      audioBase64
+    });
+    return result?.data || null;
+  }
+  async callRoutinePoll(routineId) {
+    const result = await this.dispatcher({
+      action: "routinePoll",
+      routineId
+    });
+    if (result?.data?.orchestrator) {
+      const parsed = JSON.parse(result.data.orchestrator);
+      return parsed;
+    }
+    throw new Error("Poll failed");
+  }
+  async callRoutineStart(routineName, parameters, images) {
+    const result = await this.dispatcher({
+      action: "routineStart",
+      routine: routineName,
+      ...parameters,
+      images
+    });
+    return result?.data || null;
+  }
+}
+
+var __defProp$3 = Object.defineProperty;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$3 = (obj, key, value) => {
+  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ResponseStream extends EventEmitter {
+  constructor() {
+    super(...arguments);
+    __publicField$3(this, "buffer", "");
+    __publicField$3(this, "isRunning", false);
+    __publicField$3(this, "locked", false);
+    __publicField$3(this, "maxCompletionTime", 2);
+    // s
+    __publicField$3(this, "minPartSize", 2);
+    __publicField$3(this, "partSize", 2);
+    __publicField$3(this, "timing", 5);
+    // ms
+    __publicField$3(this, "waiting", []);
+  }
+  calculatePartSize() {
+    const totalSize = this.buffer.length + this.waiting.reduce((a, b) => a + b.length, 0);
+    this.partSize = Math.max(
+      this.minPartSize,
+      totalSize * this.timing / (this.maxCompletionTime * 1e3)
+    );
+  }
+  emit(_, data) {
+    if (this.locked) {
+      this.waiting.push(data);
+    } else {
+      this.buffer += data;
+    }
+    this.calculatePartSize();
+    this.run();
+  }
+  run() {
+    if (!this.isRunning) {
+      this.isRunning = true;
+      const interval = setInterval(() => {
+        this.locked = true;
+        const choosedSize = Math.min(this.buffer.length, this.partSize);
+        const part = this.buffer.slice(0, choosedSize);
+        this.buffer = this.buffer.slice(choosedSize);
+        while (this.waiting.length > 0) {
+          const part2 = this.waiting.shift();
+          if (part2) {
+            this.buffer += part2;
+          }
+        }
+        this.locked = false;
+        if (part) {
+          super.emit("part", part);
+        } else {
+          this.isRunning = false;
+          clearInterval(interval);
+        }
+      }, this.timing);
+    }
+  }
+}
+
+async function getImageFromDisk(inputProps) {
+  return (await getImagesFromDisk({ ...inputProps, multiple: "false" }))[0] ?? null;
+}
+function getImagesFromDisk(inputProps) {
+  return new Promise((resolve) => {
     const input = document.createElement("input");
     input.accept = "image/*";
     input.type = "file";
@@ -1212,17 +1458,17 @@ function getSrcFromBase64(base64) {
   return `data:image/jpg;base64,${base64}`;
 }
 
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$2 = Object.defineProperty;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$2 = (obj, key, value) => {
+  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class ImagesStore {
   constructor(images, multiple) {
     this.multiple = multiple;
-    __publicField(this, "images", /* @__PURE__ */ new Map());
-    __publicField(this, "selectedId", "");
+    __publicField$2(this, "images", /* @__PURE__ */ new Map());
+    __publicField$2(this, "selectedId", "");
     this.images = new Map(
       images.map((c) => {
         const id = uniqueId();
@@ -1348,5 +1594,667 @@ function getImagesWithDescription({
   });
 }
 
-export { AIMessageAttachments, AutoscrollContainer, ChatController, ChatMessage, MultipleChoiceMessage, ResponseStream, RoutinesGeneration, getImageFromDisk, getImagesFromDisk, getImagesWithDescription };
+const ViewRendererContext = createContext(
+  {}
+);
+
+const FileAttachment = observer(
+  ({
+    attachment,
+    onRemove
+  }) => {
+    return /* @__PURE__ */ jsxs(Box, { className: "file_box", children: [
+      /* @__PURE__ */ jsx(FileIcon, { className: "file_box__icon", docName: attachment.name }),
+      /* @__PURE__ */ jsx(Box, { className: "file_box__name", title: attachment.name, children: attachment.name }),
+      onRemove && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          icon: "Close",
+          className: "file_box__remove",
+          onClick: onRemove,
+          variant: "icon-only"
+        }
+      )
+    ] });
+  }
+);
+
+const Attachments = observer(
+  ({
+    attachments,
+    onRemove
+  }) => {
+    if (!attachments.length)
+      return null;
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        className: "attachments",
+        ...getVariant("layout.common.chat.attachments"),
+        children: attachments.map((x) => /* @__PURE__ */ jsx(
+          FileAttachment,
+          {
+            attachment: x,
+            onRemove: onRemove ? () => onRemove(x) : void 0
+          },
+          x.id
+        ))
+      }
+    );
+  }
+);
+
+const Message = observer(
+  ({
+    className,
+    type,
+    id,
+    message,
+    attachments,
+    reference
+  }) => {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        as: "pre",
+        className: `history_message ${className || ""} ${type}`,
+        children: [
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              className: "history_message__content",
+              ...typeof message === "string" ? { dangerouslySetInnerHTML: { __html: message } } : { children: message }
+            }
+          ),
+          attachments.length > 0 && /* @__PURE__ */ jsx(Attachments, { attachments }),
+          reference && /* @__PURE__ */ jsx(Box, { className: "history_message__references", children: reference })
+        ]
+      },
+      id
+    );
+  }
+);
+
+const History = observer(({ messages }) => {
+  let currentType = "";
+  return /* @__PURE__ */ jsx(AutoscrollContainer, { children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      ...getVariant("layout.common.chat.history"),
+      className: "chat_history",
+      children: messages.map((current, i) => {
+        let first = false;
+        let last = false;
+        if (currentType !== current.messageType) {
+          currentType = current.messageType;
+          first = true;
+        }
+        if (i === messages.length - 1 || messages[i + 1].messageType !== current.messageType) {
+          last = true;
+        }
+        return /* @__PURE__ */ jsx(
+          Message,
+          {
+            className: first ? "first" : last ? "last" : void 0,
+            type: current.messageType,
+            id: String(current.id),
+            attachments: current.attachments,
+            reference: current.reference,
+            message: current.message
+          }
+        );
+      })
+    }
+  ) });
+});
+
+function getBase64FromFile(f) {
+  return ((f2) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(f2);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = () => reject();
+  }))(f);
+}
+function getBase64FromBlob(b) {
+  return ((blob) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      const base64String = reader.result;
+      resolve(base64String);
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  }))(b);
+}
+
+const TextArea = observer(
+  ({
+    isLoading,
+    isRecording,
+    onSubmit,
+    onChange,
+    onClearHistory,
+    onClearAttachments,
+    onClearMessage,
+    onAttach,
+    onRecord,
+    onVideoRecord,
+    onPrev,
+    onNext,
+    hideDeleteButton,
+    value,
+    id
+  }) => {
+    const fileInputRef = useRef(null);
+    const searchControlsRef = useRef(null);
+    const recordButton = /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        variant: "icon-only",
+        onClick: onRecord,
+        disabled: isLoading && !isRecording,
+        sx: {
+          color: isRecording ? "red" : void 0
+        },
+        icon: isRecording ? "Stop" : "Microphone",
+        id: "transcribeAudio",
+        iconSize: "Sm",
+        title: getLabel("lblAiRecordAudio").text
+      }
+    );
+    const handleAttachments = async (ev) => {
+      if (ev.target.files) {
+        for await (const f of ev.target.files) {
+          const base64 = await getBase64FromFile(f);
+          onAttach({
+            value: base64,
+            name: f.name,
+            id: f.name
+          });
+        }
+      }
+    };
+    const iconsList = [
+      {
+        icon: "ArrowLeft",
+        children: getLabel("btnAiPrevious").text,
+        title: getLabel("btnAiPrevious").text,
+        onClick: onPrev,
+        key: "0"
+      },
+      {
+        icon: "ArrowRight",
+        children: getLabel("btnAiNext").text,
+        title: getLabel("btnAiNext").text,
+        onClick: onNext,
+        key: "1"
+      },
+      {
+        children: getLabel("btnUpload").text,
+        title: getLabel("btnUpload").text,
+        icon: "File",
+        onClick: () => fileInputRef.current?.click(),
+        key: "2"
+      },
+      {
+        title: getLabel("lblOpenCamera").text,
+        children: getLabel("lblOpenCamera").text,
+        icon: "Camera",
+        onClick: onVideoRecord,
+        key: "3"
+      },
+      {
+        title: getLabel("lblAiRecordAudio").text,
+        children: getLabel("lblAiRecordAudio").text,
+        key: "4",
+        onClick: (event) => onRecord(event),
+        icon: isRecording ? "Stop" : "Microphone"
+      },
+      ...hideDeleteButton ? [] : [
+        {
+          icon: "Trash",
+          onClick: onClearHistory,
+          key: "5",
+          children: getLabel("btnAiDeleteMessages").text,
+          title: getLabel("btnAiDeleteMessages").text
+        },
+        {
+          icon: "Erase",
+          title: getLabel("btnAiDelete").text,
+          children: getLabel("btnAiDelete").text,
+          onClick: () => {
+            onClearMessage();
+            onClearAttachments();
+          },
+          key: "6"
+        }
+      ]
+    ];
+    return /* @__PURE__ */ jsxs(
+      Form,
+      {
+        id,
+        onSubmit: (ev) => {
+          ev.preventDefault();
+          onSubmit();
+        },
+        className: "search_controls",
+        ...getVariant("layout.common.chat.form"),
+        children: [
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              ref: searchControlsRef,
+              "aria-label": (
+                /** TODO: Crear etiqueta para búsqueda */
+                "Frase de b\xFAsqueda"
+              ),
+              value,
+              className: "searchTextArea",
+              onChange: (ev) => onChange(ev.target.value),
+              onKeyDown: (ev) => {
+                if (ev.code === "Enter" && !ev.shiftKey) {
+                  ev.preventDefault();
+                  ev.target.closest("form").querySelector('[type="submit"]').click();
+                }
+              }
+            }
+          ),
+          isRecording && recordButton,
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: fileInputRef,
+              id: "invisible__attach__file",
+              type: "file",
+              multiple: true,
+              onChange: handleAttachments,
+              sx: { display: "none" }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              disabled: isLoading,
+              icon: "Ellipsis",
+              variant: "icon-only",
+              iconSize: "Sm",
+              onClick: (ev) => {
+                ApiaUtil.instance.menu.open({
+                  menuProps: {
+                    anchorPoint: { x: ev.clientX, y: ev.clientY }
+                  },
+                  items: iconsList
+                });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              className: "SearchButton",
+              isLoading,
+              icon: "ArrowRight",
+              variant: "icon-only",
+              iconSize: "Sm",
+              title: getLabel("btnBus").title,
+              type: "submit"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+var __defProp$1 = Object.defineProperty;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$1 = (obj, key, value) => {
+  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CameraController {
+  constructor() {
+    __publicField$1(this, "state", {
+      videoStream: null,
+      isOpen: false
+    });
+    __publicField$1(this, "currentCapture", null);
+    __publicField$1(this, "videoElement");
+    __publicField$1(this, "Component", () => {
+      return /* @__PURE__ */ jsx(
+        "video",
+        {
+          ref: (el) => {
+            if (el) {
+              el.srcObject = this.videoElement.srcObject;
+              el.autoplay = true;
+              el.playsInline = true;
+            }
+          },
+          style: { width: "100%", height: "auto" }
+        }
+      );
+    });
+    makeObservable(this, {
+      state: observable,
+      openCamera: action,
+      closeCamera: action
+    });
+    this.videoElement = document.createElement("video");
+    this.videoElement.autoplay = true;
+    this.videoElement.playsInline = true;
+  }
+  async openCamera() {
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ video: true });
+      this.state.videoStream = stream;
+      this.videoElement.srcObject = stream;
+      this.state.isOpen = true;
+      ApiaUtil.instance.modals.open({
+        children: /* @__PURE__ */ jsx(this.Component, {}),
+        onConfirm: () => {
+          this.closeCamera();
+        },
+        onClose: () => {
+          this.state.isOpen = false;
+          this.closeCamera();
+        }
+      });
+    } catch (error) {
+      console.error("Error while accessing the camera:", error);
+      this.state.isOpen = false;
+      this.closeCamera();
+    }
+  }
+  async closeCamera() {
+    if (!this.videoElement.srcObject)
+      return null;
+    const canvas = document.createElement("canvas");
+    canvas.width = this.videoElement.videoWidth;
+    canvas.height = this.videoElement.videoHeight;
+    const ctx = canvas.getContext("2d");
+    if (ctx)
+      ctx.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);
+    this.currentCapture = await new Promise((resolve) => {
+      canvas.toBlob((blob) => {
+        if (blob) {
+          const file = new File([blob], "captured_image.jpg", {
+            type: "image/jpeg"
+          });
+          resolve(file);
+        } else {
+          resolve(null);
+        }
+      }, "image/jpeg");
+    }).finally(() => {
+      this.state.videoStream?.getTracks().forEach((track) => track.stop());
+      this.state.videoStream = null;
+      this.videoElement.srcObject = null;
+      this.state.isOpen = false;
+    });
+  }
+  pop() {
+    const returnFile = this.currentCapture;
+    this.currentCapture = null;
+    return returnFile;
+  }
+}
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ChatController2 {
+  constructor(props, onMessageSubmit, id) {
+    this.onMessageSubmit = onMessageSubmit;
+    this.id = id;
+    __publicField(this, "currentIndex", 0);
+    __publicField(this, "needsControlExtension", false);
+    __publicField(this, "state", {
+      isVisible: false,
+      isLoading: false,
+      canRecord: true,
+      canAttach: true,
+      canAddSystemMessage: true,
+      hideDeleteButton: false,
+      canAddUserMessage: true,
+      maxAttachmentsSize: 100,
+      messages: [],
+      currentMessage: new ChatMessage("", "user")
+    });
+    __publicField(this, "internalAudioRecorder", new AudioRecorder());
+    __publicField(this, "internalCameraRecorder", new CameraController());
+    __publicField(this, "maxId", 0);
+    __publicField(this, "audioRecorder", {
+      start: () => {
+        this.internalAudioRecorder.start().then(async (blob) => {
+          this.state.currentMessage.attachments.push({
+            id: String(this.maxId++),
+            name: `userRecord_${this.audioRecorder.record++}.wav`,
+            value: await getBase64FromBlob(blob)
+          });
+        });
+      },
+      stop: async () => {
+        this.internalAudioRecorder.stop();
+      },
+      record: 0,
+      state: this.internalAudioRecorder.state
+    });
+    __publicField(this, "History", observer(() => /* @__PURE__ */ jsx(History, { messages: this.state.messages })));
+    __publicField(this, "Attachments", observer(() => /* @__PURE__ */ jsx(
+      Attachments,
+      {
+        attachments: this.state.currentMessage.attachments,
+        onRemove: (a) => {
+          this.removeAttachment(a);
+        }
+      }
+    )));
+    __publicField(this, "TextArea", observer(() => /* @__PURE__ */ jsx(
+      TextArea,
+      {
+        id: this.id,
+        value: this.state.currentMessage.message,
+        isLoading: this.state.isLoading,
+        isRecording: this.internalAudioRecorder.state.recording,
+        onChange: (ev) => {
+          this.state.currentMessage.message = ev;
+        },
+        onSubmit: () => {
+          if (this.state.currentMessage.message || this.state.currentMessage.attachments.length > 0) {
+            this.onMessageSubmit({
+              message: this.state.currentMessage
+            });
+            this.state.currentMessage = new ChatMessage("", "user");
+          }
+        },
+        onClearHistory: () => {
+          this.clearHistory();
+        },
+        onClearAttachments: () => {
+          this.state.currentMessage.attachments = [];
+        },
+        onClearMessage: () => {
+          this.clearMessage();
+        },
+        onAttach: async (ev) => {
+          this.state.currentMessage.attachments.push({
+            ...ev,
+            id: String(this.maxId++)
+          });
+        },
+        onRecord: () => {
+          !this.internalAudioRecorder.state.recording ? this.audioRecorder.start() : this.audioRecorder.stop();
+        },
+        onVideoRecord: async () => {
+          !this.internalCameraRecorder.state.isOpen && await this.internalCameraRecorder.openCamera();
+          await new Promise((resolve, _) => {
+            const checkCapture = async () => {
+              if (!this.internalCameraRecorder.state.isOpen) {
+                const capture = this.internalCameraRecorder.pop();
+                if (capture) {
+                  this.state.currentMessage.attachments.push({
+                    id: String(this.maxId++),
+                    name: capture.name,
+                    value: await getBase64FromFile(capture)
+                  });
+                  return resolve();
+                }
+              } else {
+                requestAnimationFrame(checkCapture);
+              }
+            };
+            checkCapture();
+          });
+        },
+        onPrev: () => {
+          this.prevMessage();
+        },
+        onNext: () => {
+          this.nextMessage();
+        },
+        hideDeleteButton: this.state.hideDeleteButton,
+        attachments: []
+      }
+    )));
+    __publicField(this, "Renderer", () => /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ...getVariant("layout.common.chat.controller"),
+        className: "chat_controller",
+        children: [
+          /* @__PURE__ */ jsx(this.History, {}),
+          /* @__PURE__ */ jsx(this.Attachments, {}),
+          /* @__PURE__ */ jsx(this.TextArea, {})
+        ]
+      }
+    ));
+    this.state = Object.assign({}, this.state, props);
+    makeObservable(this, { state: observable });
+  }
+  removeMessage(idx) {
+    this.state.messages = this.state.messages.filter((_, i) => i !== idx);
+  }
+  addMessage(message) {
+    this.state.messages.push(message);
+  }
+  clearHistory() {
+    this.state.messages = [];
+  }
+  clearMessage() {
+    this.state.currentMessage = new ChatMessage("", "user");
+  }
+  removeAttachment(attachment) {
+    this.state.currentMessage.attachments = this.state.currentMessage.attachments.filter((x) => x !== attachment);
+  }
+  nextMessage() {
+    const n = this.state.messages.length;
+    if (n === 0) {
+      return;
+    }
+    if (this.currentIndex === -1 || this.currentIndex === n - 1) {
+      this.state.currentMessage = this.state.messages[0].clone();
+      this.currentIndex = 0;
+    } else if (this.currentIndex < n - 1) {
+      this.state.currentMessage = this.state.messages[this.currentIndex + 1].clone();
+      this.currentIndex++;
+    }
+  }
+  prevMessage() {
+    const n = this.state.messages.length;
+    if (n === 0) {
+      return;
+    }
+    if (this.currentIndex === -1 || this.currentIndex === 0) {
+      this.state.currentMessage = this.state.messages[n - 1].clone();
+      this.currentIndex = n - 1;
+    } else if (this.currentIndex > 0) {
+      this.state.currentMessage = this.state.messages[this.currentIndex - 1].clone();
+      this.currentIndex--;
+    }
+  }
+}
+
+const WindowDragger = forwardRef((props, outerRef) => {
+  const isDragging = useRef(false);
+  const initialPosition = useRef({ mousex: 0, mousey: 0, boxx: 0, boxy: 0 });
+  const ref = useRef(null);
+  useEffect(() => {
+    const handleMouseMove = (ev) => {
+      if (isDragging.current && ref.current) {
+        const newx = ev.clientX;
+        const newy = ev.clientY;
+        const difx = newx - initialPosition.current.mousex;
+        const dify = newy - initialPosition.current.mousey;
+        ref.current.style.left = `${initialPosition.current.boxx + difx}px`;
+        ref.current.style.top = `${initialPosition.current.boxy + dify}px`;
+        ref.current.style.bottom = "auto";
+        ref.current.style.right = "auto";
+        ref.current.style.zIndex = "1200";
+      }
+    };
+    const handleMouseUp = () => {
+      isDragging.current = false;
+    };
+    const handleWindowResize = () => {
+      if (ref.current) {
+        const bounding = ref.current.getBoundingClientRect();
+        if (window.innerWidth < bounding.left + bounding.width) {
+          const newx = window.innerWidth - bounding.width;
+          ref.current.style.left = `${newx}px`;
+        }
+        if (window.innerHeight < bounding.top + bounding.height) {
+          const newy = window.innerHeight - bounding.height;
+          ref.current.style.top = `${newy}px`;
+        }
+      }
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    window.addEventListener("resize", handleWindowResize);
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      window.removeEventListener("resize", handleWindowResize);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref,
+      className: "windowDragger",
+      onMouseDown: (ev) => {
+        if (ev.target instanceof Element && (ev.target.nodeName === "TEXTAREA" || ev.target.classList.contains("history__message")))
+          return;
+        const target = ev.target.closest?.(
+          ".windowDragger"
+        );
+        if (target) {
+          const bounding = target.getBoundingClientRect();
+          isDragging.current = true;
+          initialPosition.current = {
+            mousex: ev.clientX,
+            mousey: ev.clientY,
+            boxx: bounding.left,
+            boxy: bounding.top
+          };
+        }
+      },
+      sx: {
+        position: "fixed",
+        bottom: "260px",
+        right: "10px",
+        ...props.style
+      },
+      children: props.children
+    }
+  );
+});
+
+export { AIFileContent, AIMessageAttachments, AutoscrollContainer, ChatController, ChatController2, ChatMessage, DashboardsRoutinesGeneration, MultipleChoiceMessage, ResponseStream, RoutinesGeneration, SearchController, SemanticSearchReference as SemanticSearchResult, ViewRendererContext, WindowDragger, getImageFromDisk, getImagesFromDisk, getImagesWithDescription };
 //# sourceMappingURL=index.js.map