@apia/ai 4.0.16 → 4.0.18

package/dist/index.js

@@ -1,1045 +1,13 @@
-import { jsx, jsxs, Fragment } from '@apia/theme/jsx-runtime';
-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 { jsxs, jsx, Fragment } from '@apia/theme/jsx-runtime';
+import { Box, getVariant, Textarea, Paragraph } from '@apia/theme';
 import { observer } from 'mobx-react-lite';
-import { CollectorField, Collector } from '@apia/validations';
-import { uniqueId } from '@apia/notifications';
-import { FileIcon } from '@apia/icons';
 import { ApiaApi, makeApiaUrl, parseSuccessfulResponse } from '@apia/api';
+import { FiltersStore, IconButton, ApiaUtil, SortableList, SortableListItem, ChatMessage, SimpleButton } from '@apia/components';
 import axios from 'axios';
-
-const AutoscrollContainer = ({ children }) => {
-  const observer = useRef(null);
-  const unsuscribe = useRef(null);
-  const isFullScrolled = useRef(false);
-  const hasInited = useRef(false);
-  const ref = useCallback((el) => {
-    if (!el)
-      return;
-    if (!hasInited.current) {
-      hasInited.current = true;
-      el.scrollTo({
-        top: el.getBoundingClientRect().height,
-        behavior: "auto"
-      });
-      isFullScrolled.current = true;
-    }
-    observer.current?.disconnect();
-    unsuscribe.current?.();
-    observer.current = new MutationObserver(([mutation]) => {
-      if (mutation && mutation.target instanceof HTMLElement) {
-        if (isFullScrolled.current && el.scrollTop !== el.scrollHeight - el.offsetHeight) {
-          el.scrollTo({
-            top: el.scrollHeight,
-            behavior: "smooth"
-          });
-        }
-      }
-    });
-    observer.current.observe(el, { childList: true, subtree: true });
-    const handleScroll = (ev) => {
-      if (ev.target === el && el instanceof HTMLElement) {
-        setTimeout(() => {
-          isFullScrolled.current = Math.abs(el.scrollTop - (el.scrollHeight - el.offsetHeight)) < 150;
-        }, 100);
-      }
-    };
-    el.addEventListener("scroll", handleScroll);
-    unsuscribe.current = () => {
-      el.removeEventListener("scroll", handleScroll);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ...getVariant("layout.common.components.autoscrollContainer"),
-      className: "autoscrollContainer",
-      ref,
-      children
-    }
-  );
-};
-
-function isImageFile(file) {
-  const IMAGE_EXTENSIONS = [
-    "jpg",
-    "jpeg",
-    "png",
-    "gif",
-    "bmp",
-    "webp",
-    "tiff",
-    "svg",
-    "jfif"
-  ];
-  return IMAGE_EXTENSIONS.includes(file.name.split(".").pop());
-}
-function getImageOcrMaker(lang) {
-  return new class ImageOcrMaker {
-    async processFile(file, onProgress) {
-      const tesseract = await import('tesseract.js');
-      const worker = await tesseract.createWorker(lang, 1, {
-        logger(arg) {
-          onProgress?.(arg.progress * 100);
-        }
-      });
-      const result = (await worker.recognize(file)).data.text;
-      return [result];
-    }
-    willProcessFile(file) {
-      return isImageFile(file);
-    }
-  }();
-}
-
-function isPdfFile(file) {
-  const IMAGE_EXTENSIONS = ["pdf"];
-  return IMAGE_EXTENSIONS.includes(file.name.split(".").pop());
-}
-function getPdfReader() {
-  return new class PdfReader {
-    async processFile(file, onProgress) {
-      onProgress?.(0);
-      const { getDocument, GlobalWorkerOptions } = await import('pdfjs-dist');
-      async function getPdfTextFromArrayBuffer(buffer) {
-        GlobalWorkerOptions.workerSrc = "../includes/pdf.worker.min.js";
-        const pdf = await getDocument({ data: buffer }).promise;
-        const pages = [];
-        for (let i = 1; i <= pdf.numPages; i++) {
-          const page = await pdf.getPage(i);
-          const textContent = await page.getTextContent();
-          pages.push(
-            textContent.items.map((item) => item.str).join(" ")
-          );
-        }
-        return pages;
-      }
-      return new Promise((resolve) => {
-        const reader = new FileReader();
-        reader.onload = async function(event) {
-          if (!event.target?.result) {
-            alert("Error al leer el archivo.");
-            return;
-          }
-          const buffer = event.target.result;
-          const text = await getPdfTextFromArrayBuffer(buffer);
-          onProgress?.(100);
-          resolve(text);
-        };
-        reader.readAsArrayBuffer(file);
-      });
-    }
-    willProcessFile(file) {
-      return isPdfFile(file);
-    }
-  }();
-}
-
-class WrongFormatError extends Error {
-  constructor(fileName) {
-    super(`File format not supported: ${fileName}`);
-  }
-}
-function useHandleFileUpload({
-  onContent
-}) {
-  const [progress, setProgress] = useState(100);
-  const handleFileUpload = useCallback(
-    async (ev) => {
-      setProgress(0);
-      const imageProcessor = getImageOcrMaker("spa");
-      const pdfProcessor = getPdfReader();
-      await (async () => {
-        const obtainedText = [];
-        const files = ev.target.files;
-        const filesLength = ev.target.files?.length ?? 0;
-        if (files) {
-          for (let i = 0; i < filesLength; i++) {
-            const file = files[i];
-            if (!isImageFile(file) && !isPdfFile(file)) {
-              setProgress(100);
-              throw new WrongFormatError(file.name);
-            }
-            const handleProgress = (progress2) => {
-              setProgress(
-                i / filesLength * 100 + 1 / filesLength * 100 * (progress2 / 100)
-              );
-            };
-            let result = "";
-            if (imageProcessor.willProcessFile(file)) {
-              try {
-                result = (await imageProcessor.processFile(file, handleProgress))[0];
-              } catch (e) {
-                console.error(e);
-              }
-            } else if (pdfProcessor.willProcessFile(file)) {
-              result = (await pdfProcessor.processFile(file, handleProgress)).join("\n\n");
-            }
-            if (result) {
-              obtainedText.push(result);
-            }
-            setProgress((i + 1) / filesLength * 100);
-          }
-        }
-        onContent(obtainedText);
-      })();
-      ev.target.value = "";
-    },
-    [onContent]
-  );
-  return { progress, handleFileUpload };
-}
-
-var __defProp$c = Object.defineProperty;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$c = (obj, key, value) => {
-  __defNormalProp$c(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-let maxId = 0;
-class ChatMessage {
-  constructor(message = "", messageType = "user", attachments = [], reference = null) {
-    this.message = message;
-    this.messageType = messageType;
-    this.attachments = attachments;
-    this.reference = reference;
-    __publicField$c(this, "id");
-    __publicField$c(this, "clone", () => new ChatMessage(
-      this.message,
-      this.messageType,
-      [...this.attachments],
-      this.reference
-    ));
-    __publicField$c(this, "Component", observer(({ className }) => {
-      return /* @__PURE__ */ jsxs(
-        Box,
-        {
-          as: "pre",
-          className: `history_message ${className || ""} ${this.messageType}`,
-          children: [
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                className: "history_message__content",
-                ...typeof this.message === "string" ? { dangerouslySetInnerHTML: { __html: this.message } } : { children: this.message }
-              }
-            ),
-            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";
-    if (typeof message === "string")
-      this.message = this.parseMessage(message);
-    makeObservable(this, {
-      attachments: observable,
-      message: observable,
-      messageType: observable,
-      reference: observable
-    });
-  }
-  parseMessage(message) {
-    let result = message;
-    result = result.replaceAll("[strong]", "<strong>");
-    result = result.replaceAll("[/strong]", "</strong>");
-    return result;
-  }
-  removeAttachment(idx) {
-    this.attachments = this.attachments.filter((_, i) => i !== idx);
-  }
-}
-
-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;
-};
-class AIContent extends CollectorField {
-  constructor(content) {
-    super(uniqueId(), "");
-    __publicField$b(this, "type", "aiContent");
-    __publicField$b(this, "content");
-    __publicField$b(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;
-  }
-}
-
-const AIFileContentAllowedExtensions = {
-  svg: "svg",
-  png: "png",
-  jpg: "jpg",
-  jpeg: "jpeg",
-  txt: "txt",
-  doc: "doc",
-  pdf: "pdf",
-  docx: "docx",
-  csv: "csv",
-  xlsx: "xlsx",
-  xls: "xls",
-  mp3: "mp3",
-  wav: "wav"
-};
-var FileType = /* @__PURE__ */ ((FileType2) => {
-  FileType2["DOCUMENT"] = "DOCUMENT";
-  FileType2["IMAGE"] = "IMAGE";
-  FileType2["AUDIO"] = "AUDIO";
-  FileType2["SHEET"] = "SHEET";
-  return FileType2;
-})(FileType || {});
-var AIMessageRole = /* @__PURE__ */ ((AIMessageRole2) => {
-  AIMessageRole2["USER"] = "USER";
-  AIMessageRole2["SYSTEM"] = "SYSTEM";
-  return AIMessageRole2;
-})(AIMessageRole || {});
-
-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;
-};
-const _AIFileContent = class _AIFileContent extends AIContent {
-  constructor(props) {
-    if (props.needsControlExtension === null || props.needsControlExtension === void 0) {
-      props.needsControlExtension = true;
-    }
-    const extension = _AIFileContent.getExtensionFromFileName(props.name);
-    super();
-    __publicField$a(this, "type");
-    __publicField$a(this, "value");
-    __publicField$a(this, "name");
-    __publicField$a(this, "extension");
-    __publicField$a(this, "__file");
-    __publicField$a(this, "__error");
-    __publicField$a(this, "onClose");
-    __publicField$a(this, "overrideSize");
-    __publicField$a(this, "id", uniqueId());
-    __publicField$a(this, "inferContent", () => {
-      return `You must collect information contained in this ${this.type} as help to build your tool choice.`;
-    });
-    __publicField$a(this, "inferExtension", (extension) => {
-      switch (extension) {
-        case AIFileContentAllowedExtensions.jpg:
-        case AIFileContentAllowedExtensions.jpeg:
-        case AIFileContentAllowedExtensions.png:
-        case AIFileContentAllowedExtensions.svg:
-          return FileType.IMAGE;
-        case AIFileContentAllowedExtensions.txt:
-        case AIFileContentAllowedExtensions.doc:
-        case AIFileContentAllowedExtensions.pdf:
-        case AIFileContentAllowedExtensions.docx:
-          return FileType.DOCUMENT;
-        case AIFileContentAllowedExtensions.csv:
-        case AIFileContentAllowedExtensions.xlsx:
-        case AIFileContentAllowedExtensions.xls:
-          return FileType.SHEET;
-        case AIFileContentAllowedExtensions.mp3:
-        case AIFileContentAllowedExtensions.wav:
-          return FileType.AUDIO;
-        default:
-          this.__throwError(
-            new Error(_AIFileContent.__getExtensionErrorMessage(extension)),
-            this.__error?.fileExtension
-          );
-      }
-    });
-    // COMPONENT METHODS
-    __publicField$a(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.value = props.value;
-    this.extension = extension;
-    this.type = this.inferExtension(this.extension);
-    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) {
-    this.overrideSize = overrideSize;
-    return this;
-  }
-  get file() {
-    if (!this.__file)
-      throw new Error("File is undefined");
-    return this.__file;
-  }
-  static getExtensionFromFileName(fileName) {
-    return fileName.split(".").pop();
-  }
-  // PRIVATE METHODS
-  static __getExtensionErrorMessage(extension) {
-    return `extension "${extension}" is not included into valid types:
-${Object.keys(AIFileContentAllowedExtensions)}`;
-  }
-  __throwError(e, callback) {
-    callback && callback();
-    throw e;
-  }
-  getId() {
-    return this.id;
-  }
-};
-// STATIC METHODS
-__publicField$a(_AIFileContent, "isValidExtension", (extension) => {
-  return Object.values(
-    AIFileContentAllowedExtensions
-  ).includes(extension);
-});
-__publicField$a(_AIFileContent, "blobToBase64", async (blob) => {
-  return await ((blob2) => new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      const base64String = reader.result;
-      resolve(base64String);
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(blob2);
-  }))(blob);
-});
-__publicField$a(_AIFileContent, "fromFile", async (props) => {
-  const fileUrl = await ((f) => new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(f);
-    reader.onload = () => resolve(reader.result);
-    reader.onerror = () => reject();
-  }))(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$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;
-};
-class AIMessageAttachments {
-  constructor(role, content, close) {
-    this.close = close;
-    __publicField$9(this, "role");
-    __publicField$9(this, "content");
-    __publicField$9(this, "id", uniqueId());
-    __publicField$9(this, "customDescription", false);
-    __publicField$9(this, "addDescription", async () => {
-      const collector = new Collector();
-      const collected = await collector.add(this.content).add(
-        new collector.fields.textarea(
-          "addCommentTextArea",
-          getLabel("lblAiAddImageCo").text.replace(".", ""),
-          {
-            initialValue: this.content instanceof AIFileContent && this.content.content !== this.content.inferContent() ? this.content.content : ""
-          }
-        )
-      ).show({
-        title: getLabel("btnAddComment").text
-      }).catch((e) => {
-        throw e;
-      });
-      if (collected?.addCommentTextArea) {
-        this.content.content = collected.addCommentTextArea;
-        this.customDescription = true;
-      } else {
-        if (this.content instanceof AIFileContent)
-          this.content.content = this.content.inferContent();
-        this.customDescription = false;
-      }
-    });
-    __publicField$9(this, "Component", (props) => /* @__PURE__ */ jsxs(Box, { ...getVariant("layout.common.components.aiMessage"), children: [
-      props.closeButton ? /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          className: "closeButton",
-          size: "Md",
-          icon: "Close",
-          onClick: this.close,
-          title: getLabel("lblDeleteItem").title
-        }
-      ) : /* @__PURE__ */ jsx(Fragment, {}),
-      props?.canAddDescription ? /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          className: "descriptionButton",
-          size: "Md",
-          icon: "Magic",
-          onClick: this.addDescription
-        }
-      ) : /* @__PURE__ */ jsx(Fragment, {}),
-      /* @__PURE__ */ jsx(this.content.Component, {})
-    ] }));
-    this.role = role;
-    this.content = content;
-  }
-  getId() {
-    return this.id;
-  }
-}
-
-const handleFileUploadAsMessage = async (fileInputElement, chatController) => {
-  if (fileInputElement.files) {
-    [...fileInputElement.files].forEach(async (f) => {
-      const m = new AIMessageAttachments(
-        AIMessageRole.USER,
-        await AIFileContent.fromFile(f, {
-          fileExtension: () => chatController.messages.add(
-            new ChatMessage(
-              getLabel("msgAiIncorrectFileExtensionError", {
-                text: {
-                  TOK1: `[${Object.keys(AIFileContentAllowedExtensions).join(", ")}]`
-                }
-              }).text,
-              "error"
-            )
-          )
-        }),
-        () => chatController.attachments.drop(m)
-      );
-      chatController.attachments.add(m);
-    });
-  }
-};
-
-const makeTextarea = (chatController) => {
-  const NewTextarea = observer(
-    ({
-      hideDeleteButton,
-      isLoading: outIsLoading,
-      onSubmit,
-      preventAppendUserMessages
-    }) => {
-      const [isLoading, setIsLoading] = useState(false);
-      const breakpoint = useBreakpointIndex();
-      const submit = useCallback(() => {
-        if (preventAppendUserMessages !== true)
-          chatController.messages.add(chatController.state.current);
-        chatController.history.add(chatController.state.current);
-        onSubmit(chatController.state.current).finally(() => {
-          setIsLoading(false);
-          chatController.state.current = new ChatMessage();
-        });
-      }, [onSubmit, preventAppendUserMessages]);
-      const handleSubmit = useCallback(
-        (ev) => {
-          ev.preventDefault();
-          if (chatController.state.current.message || chatController.attachments.size() > 0) {
-            setIsLoading(true);
-            submit();
-          }
-          const textarea = document.getElementById(
-            `GPTMessage${chatController.id}`
-          );
-          textarea.focus();
-        },
-        [submit]
-      );
-      const onKeyDown = useCallback((ev) => {
-        if (ev.target.readOnly)
-          return;
-        if (ev.code === "Enter" && !ev.shiftKey) {
-          ev.preventDefault();
-          ev.target.closest("form")?.querySelector('button[type="submit"]')?.click();
-        }
-      }, []);
-      const { progress, handleFileUpload } = useHandleFileUpload({
-        onContent(content) {
-          document.getElementById(
-            `GPTMessage${chatController.id}`
-          ).value = content.join("\n\n");
-        }
-      });
-      const actualIsLoading = isLoading || progress !== 100 || outIsLoading;
-      const [dragging, setDragging] = useState(false);
-      const handleDragLeave = (ev) => {
-        ev.preventDefault();
-        setDragging(false);
-      };
-      const handleDrop = (ev) => {
-        ev.preventDefault();
-        setDragging(false);
-        const fileElement = document.getElementById(
-          `gptUploadFile__${chatController.id}`
-        );
-        fileElement.files = ev.dataTransfer.files;
-        const event = new Event("change", { bubbles: true });
-        fileElement.dispatchEvent(event);
-      };
-      const handleDragOver = (ev) => {
-        ev.preventDefault();
-      };
-      const handleDragEnter = (ev) => {
-        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,
-          {
-            sx: {
-              flexWrap: "wrap",
-              display: "flex",
-              maxHeight: "280px",
-              overflowY: "auto",
-              paddingTop: "6px",
-              paddingBottom: "6px"
-            },
-            children: chatController.attachments.getComponents()
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "form",
-          {
-            onDrop: handleDrop,
-            onDragOver: handleDragOver,
-            onDragEnter: handleDragEnter,
-            onDragLeave: handleDragLeave,
-            onSubmit: handleSubmit,
-            className: "gpt__form",
-            action: "",
-            children: [
-              dragging ? /* @__PURE__ */ jsx(
-                Box,
-                {
-                  sx: {
-                    height: "150px",
-                    border: "3px dashed #aaa",
-                    width: "100%",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center"
-                  },
-                  children: getLabel("msgAiDragAndDrop").text
-                }
-              ) : /* @__PURE__ */ jsx(
-                Textarea,
-                {
-                  onKeyDown,
-                  id: `GPTMessage${chatController.id}`,
-                  readOnly: actualIsLoading,
-                  value: chatController.state.current.message,
-                  onChange: (ev) => {
-                    chatController.state.current.message = ev.target.value;
-                    if (!chatController.state.current.message && chatController.attachments.size() < 1)
-                      chatController.currentHistoryIndex = -1;
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsxs(Box, { className: "gpt__buttonsContainer", children: [
-                /* @__PURE__ */ jsx(Box, { sx: { display: "none" }, children: /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "file",
-                    className: "gptUploadFile",
-                    multiple: true,
-                    id: `gptUploadFile__${chatController.id}`,
-                    onChange: (ev) => {
-                      if (1 == noNaN("a"))
-                        handleFileUpload(ev).catch((e) => {
-                          if (e instanceof WrongFormatError) {
-                            setIsLoading(false);
-                            chatController.messages.add(
-                              new ChatMessage(
-                                getLabel("msgAiFileExtensionError").text,
-                                "error"
-                              )
-                            );
-                          } else {
-                            throw e;
-                          }
-                        });
-                      else {
-                        handleFileUploadAsMessage(ev.target, chatController);
-                      }
-                      ev.target.value = "";
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(
-                  IconButton,
-                  {
-                    variant: "icon-outline",
-                    onClick: () => !chatController.audioRecorder.state.recording ? chatController.audioRecorder.start() : chatController.audioRecorder.stop(),
-                    disabled: actualIsLoading && !chatController.audioRecorder.state.recording,
-                    sx: {
-                      color: chatController.audioRecorder.state.recording ? "red" : void 0
-                    },
-                    icon: chatController.audioRecorder.state.recording ? "Stop" : "Microphone",
-                    id: "transcribeAudio",
-                    size: "Lg",
-                    title: getLabel("lblAiRecordAudio").text
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  IconButton,
-                  {
-                    title: getLabel("btnUploadFile").text,
-                    icon: "File",
-                    variant: "icon-outline",
-                    disabled: actualIsLoading,
-                    onClick: () => {
-                      document.getElementById(
-                        `gptUploadFile__${chatController.id}`
-                      ).click();
-                    },
-                    size: "Lg"
-                  }
-                ),
-                isPhone ? iconButton : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  ...additionalButtons.map(
-                    (x) => x.children
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(
-                  SimpleButton,
-                  {
-                    title: getLabel("btnAiSend").title,
-                    isLoading: actualIsLoading,
-                    type: "submit",
-                    size: "sm",
-                    children: getLabel("btnAiSend").text
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ] });
-    }
-  );
-  NewTextarea.displayName = "";
-  return NewTextarea;
-};
-
-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;
-};
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var _promptsHistory, _internalAudioRecorder;
-class ChatController {
-  constructor(id, welcomeMessage) {
-    this.id = id;
-    __publicField$8(this, "state", {
-      current: new ChatMessage(),
-      messages: []
-    });
-    __publicField$8(this, "components", {
-      MessageHistory: observer(() => {
-        return /* @__PURE__ */ jsx(
-          Box,
-          {
-            ...getVariant("layout.common.components.chat"),
-            className: "history",
-            children: /* @__PURE__ */ jsx(AutoscrollContainer, { children: this.state.messages.map((current) => /* @__PURE__ */ jsx(current.Component, {}, current.id)) })
-          }
-        );
-      }),
-      Textarea: makeTextarea(this)
-    });
-    __privateAdd(this, _promptsHistory, []);
-    __publicField$8(this, "currentHistoryIndex", -1);
-    __privateAdd(this, _internalAudioRecorder, new AudioRecorder());
-    __publicField$8(this, "audioRecorder", {
-      start: () => __privateGet(this, _internalAudioRecorder).start().then(async (blob) => {
-        const m = new AIMessageAttachments(
-          AIMessageRole.USER,
-          new AIFileContent({
-            value: await AIFileContent.blobToBase64(blob),
-            name: `userRecord_${this.audioRecorder.record++}.wav`
-          }),
-          () => this.attachments.drop(m)
-        );
-        this.attachments.add(m);
-      }),
-      stop: async () => {
-        __privateGet(this, _internalAudioRecorder).stop();
-      },
-      record: 0,
-      state: __privateGet(this, _internalAudioRecorder).state
-    });
-    __publicField$8(this, "history", {
-      add: (message) => {
-        this.currentHistoryIndex = -1;
-        if (message === __privateGet(this, _promptsHistory)[__privateGet(this, _promptsHistory).length]) {
-          return;
-        }
-        __privateSet(this, _promptsHistory, [
-          message,
-          ...__privateGet(this, _promptsHistory).slice(
-            Math.max(0, __privateGet(this, _promptsHistory).length - 10)
-          )
-        ]);
-      },
-      next: () => {
-        let message = new ChatMessage();
-        if (__privateGet(this, _promptsHistory)[this.currentHistoryIndex - 1])
-          message = __privateGet(this, _promptsHistory)[--this.currentHistoryIndex].clone();
-        else {
-          this.currentHistoryIndex = -1;
-        }
-        this.history.updateState(message);
-      },
-      previous: () => {
-        if (__privateGet(this, _promptsHistory)[this.currentHistoryIndex + 1]) {
-          this.history.updateState(
-            __privateGet(this, _promptsHistory)[++this.currentHistoryIndex].clone()
-          );
-        }
-      },
-      updateState: (message) => {
-        if (message)
-          this.state.current = message;
-        else
-          this.state.current = new ChatMessage();
-      },
-      size: () => this.state.messages.length
-    });
-    __publicField$8(this, "messages", {
-      add: (message, idx) => {
-        if (idx !== void 0 && idx !== null) {
-          this.state.messages.splice(idx, 0, message);
-        } else {
-          this.state.messages.push(message);
-        }
-      },
-      clear: () => {
-        this.state.messages = [];
-      }
-    });
-    __publicField$8(this, "attachments", {
-      add: (...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 !== e
-        );
-        if (!this.state.current.message && this.attachments.size() < 1)
-          this.currentHistoryIndex = -1;
-      },
-      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
-    });
-    if (welcomeMessage) {
-      this.state.messages.splice(
-        0,
-        0,
-        new ChatMessage(welcomeMessage, "system")
-      );
-    }
-    makeObservable(this, { state: observable });
-  }
-}
-_promptsHistory = new WeakMap();
-_internalAudioRecorder = new WeakMap();
-
-class MultipleChoiceMessage extends ChatMessage {
-  constructor(question, options, Renderer) {
-    super(
-      Renderer ? /* @__PURE__ */ jsxs(Box, { className: "multipleChoiceMessage customRenderer", children: [
-        /* @__PURE__ */ jsx(Paragraph, { children: question }),
-        options.map((item) => /* @__PURE__ */ jsx(Renderer, { item }, item.url))
-      ] }) : /* @__PURE__ */ jsxs(Box, { className: "multipleChoiceMessage", children: [
-        /* @__PURE__ */ jsx(Paragraph, { children: question }),
-        /* @__PURE__ */ jsx(Box, { as: "ul", children: options.map((current) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-          SimpleButton,
-          {
-            className: "multipleChoice__option",
-            onClick: () => {
-              ApiaUtil.instance.tabs.openTab(current.label, current.url);
-            },
-            children: current.label
-          }
-        ) }, current.label)) })
-      ] }),
-      "multipleChoice"
-    );
-  }
-}
+import { AudioRecorder, EventEmitter } from '@apia/util';
+import { createContext } from 'react';
+import { uniqueId } from '@apia/notifications';
 
 const Component = observer(
   (props) => {
@@ -1050,16 +18,16 @@ const Component = observer(
   }
 );
 
-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$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;
 };
 class SemanticSearchReference {
   constructor(props) {
-    __publicField$7(this, "state", { title: "", body: "", link: "" });
-    __publicField$7(this, "Component", () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    __publicField$4(this, "state", { title: "", body: "", link: "" });
+    __publicField$4(this, "Component", () => /* @__PURE__ */ jsxs(Fragment, { children: [
       "(",
       /* @__PURE__ */ jsx(Component, { instance: this }),
       ")"
@@ -1069,15 +37,15 @@ class SemanticSearchReference {
   }
 }
 
-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$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;
 };
 const _SearchController = class _SearchController {
   constructor() {
-    __publicField$6(this, "state", { queryString: "", results: [], isLoading: false, disabled: false });
+    __publicField$3(this, "state", { queryString: "", results: [], isLoading: false, disabled: false });
     makeObservable(this, { state: observable });
   }
   async search(selectedId) {
@@ -1115,676 +83,8 @@ const _SearchController = class _SearchController {
     _SearchController.instance.state.disabled = false;
   }
 };
-__publicField$6(_SearchController, "instance", new _SearchController());
+__publicField$3(_SearchController, "instance", new _SearchController());
 let SearchController = _SearchController;
-var SearchController$1 = SearchController;
-
-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$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;
-};
-class CameraController {
-  constructor() {
-    __publicField$5(this, "state", {
-      videoStream: null,
-      isOpen: false
-    });
-    __publicField$5(this, "currentCapture", null);
-    __publicField$5(this, "videoElement");
-    __publicField$5(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$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;
-};
-class ChatController2 {
-  constructor(props, onMessageSubmit, id, onMessageResponse) {
-    this.onMessageSubmit = onMessageSubmit;
-    this.id = id;
-    this.onMessageResponse = onMessageResponse;
-    __publicField$4(this, "currentIndex", 0);
-    __publicField$4(this, "state", {
-      isVisible: false,
-      isLoading: false,
-      canRecord: true,
-      canAttach: true,
-      canAddSystemMessage: true,
-      canAddUserMessage: true,
-      canShowSystemMessage: true,
-      canShowUserMessage: true,
-      hideDeleteButton: false,
-      maxAttachmentsSize: 100,
-      messages: [],
-      currentMessage: new ChatMessage("", "user")
-    });
-    __publicField$4(this, "internalAudioRecorder", new AudioRecorder());
-    __publicField$4(this, "internalCameraRecorder", new CameraController());
-    __publicField$4(this, "maxId", 0);
-    __publicField$4(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$4(this, "History", observer(() => /* @__PURE__ */ jsx(History, { messages: this.state.messages })));
-    __publicField$4(this, "Attachments", observer(() => /* @__PURE__ */ jsx(
-      Attachments,
-      {
-        attachments: this.state.currentMessage.attachments,
-        onRemove: (a) => {
-          this.removeAttachment(a);
-        }
-      }
-    )));
-    __publicField$4(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: async () => {
-          if (this.state.currentMessage.message || this.state.currentMessage.attachments.length > 0) {
-            this.state.isLoading = true;
-            if (this.state.canAddUserMessage) {
-              this.addMessage(this.state.currentMessage);
-            }
-            const response = await this.onMessageSubmit({
-              message: this.state.currentMessage
-            });
-            if (this.onMessageResponse) {
-              await this.onMessageResponse(response);
-            }
-            this.state.isLoading = false;
-            if (this.state.canAddSystemMessage && response.responseMessage) {
-              this.addMessage(response.responseMessage);
-            }
-            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$4(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);
-  }
-  isValidToShow(message) {
-    return message && (message.messageType === "system" && this.state.canShowSystemMessage || message.messageType === "user" && this.state.canShowUserMessage);
-  }
-  nextMessage() {
-    let newCurrentMessage = void 0;
-    let i = this.currentIndex;
-    const n = this.state.messages.length;
-    if (n === 0) {
-      return;
-    }
-    while (!newCurrentMessage) {
-      if (i === -1 || i === n - 1) {
-        newCurrentMessage = this.state.messages[0];
-        i = 0;
-      } else if (i < n - 1) {
-        newCurrentMessage = this.state.messages[i + 1];
-        i++;
-      }
-      if (this.isValidToShow(newCurrentMessage)) {
-        this.state.currentMessage = newCurrentMessage.clone();
-        break;
-      } else {
-        newCurrentMessage = void 0;
-      }
-      if (i === this.currentIndex) {
-        break;
-      }
-    }
-    this.currentIndex = i;
-  }
-  prevMessage() {
-    let newCurrentMessage = void 0;
-    let i = this.currentIndex;
-    const n = this.state.messages.length;
-    if (n === 0) {
-      return;
-    }
-    while (!newCurrentMessage) {
-      if (i === -1 || i === 0) {
-        newCurrentMessage = this.state.messages[n - 1];
-        i = n - 1;
-      } else if (i > 0) {
-        newCurrentMessage = this.state.messages[i - 1];
-        i--;
-      }
-      if (this.isValidToShow(newCurrentMessage)) {
-        this.state.currentMessage = newCurrentMessage.clone();
-        break;
-      } else {
-        newCurrentMessage = void 0;
-      }
-      if (i === this.currentIndex) {
-        break;
-      }
-    }
-    this.currentIndex = i;
-  }
-}
-
-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 FloatingChatController extends ChatController2 {
-  constructor(props, onMessageSubmit, id, onMessageResponse) {
-    super(props, onMessageSubmit, id, onMessageResponse);
-    __publicField$3(this, "Window", observer(() => {
-      return /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          icon: "Magic",
-          size: "Md",
-          variant: "icon-outline",
-          onClick: () => {
-            this.state.isVisible = true;
-            this.open();
-          }
-        }
-      );
-    }));
-    makeObservable({ open: action });
-  }
-  open() {
-    ApiaUtil.instance.modals.open({
-      variant: "layout.common.chat.assistant.floatingAssistant",
-      defaultPosition: {
-        bottom: "10px",
-        right: "50px"
-      },
-      draggable: true,
-      children: /* @__PURE__ */ jsx(this.Renderer, {}),
-      onClose: () => {
-        this.state.isVisible = false;
-      }
-    });
-  }
-}
 
 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;
@@ -2015,8 +315,8 @@ class ResponseStream extends EventEmitter {
     __publicField$1(this, "buffer", "");
     __publicField$1(this, "isRunning", false);
     __publicField$1(this, "locked", false);
-    __publicField$1(this, "maxCompletionTime", 2);
-    // s
+    __publicField$1(this, "maxCompletionTime", 150);
+    // ms
     __publicField$1(this, "minPartSize", 2);
     __publicField$1(this, "partSize", 2);
     __publicField$1(this, "timing", 5);
@@ -2027,7 +327,7 @@ class ResponseStream extends EventEmitter {
     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)
+      totalSize * (this.timing / this.maxCompletionTime)
     );
   }
   emit(_, data) {
@@ -2143,7 +443,7 @@ class ImagesStore {
         return [id, { ...c, id }];
       })
     );
-    this.selectedId = this.images.values().next().value.id;
+    this.selectedId = this.images.values().next().value?.id || "";
     makeAutoObservable(this);
   }
 }
@@ -2266,81 +566,29 @@ const ViewRendererContext = createContext(
   {}
 );
 
-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
-    }
-  );
-});
+class MultipleChoiceMessage extends ChatMessage {
+  constructor(question, options, Renderer) {
+    super(
+      Renderer ? /* @__PURE__ */ jsxs(Box, { className: "multipleChoiceMessage customRenderer", children: [
+        /* @__PURE__ */ jsx(Paragraph, { children: question }),
+        options.map((item) => /* @__PURE__ */ jsx(Renderer, { item }, item.url))
+      ] }) : /* @__PURE__ */ jsxs(Box, { className: "multipleChoiceMessage", children: [
+        /* @__PURE__ */ jsx(Paragraph, { children: question }),
+        /* @__PURE__ */ jsx(Box, { as: "ul", children: options.map((current) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          SimpleButton,
+          {
+            className: "multipleChoice__option",
+            onClick: () => {
+              ApiaUtil.instance.tabs.openTab(current.label, current.url);
+            },
+            children: current.label
+          }
+        ) }, current.label)) })
+      ] }),
+      "multipleChoice"
+    );
+  }
+}
 
-export { AIFileContent, AIMessageAttachments, AutoscrollContainer, ChatController, ChatController2, ChatMessage, DashboardsRoutinesGeneration, FloatingChatController, MultipleChoiceMessage, ResponseStream, RoutinesGeneration, SearchController$1 as SearchController, SemanticSearchReference as SemanticSearchResult, ViewRendererContext, WindowDragger, getImageFromDisk, getImagesFromDisk, getImagesWithDescription };
+export { DashboardsRoutinesGeneration, MultipleChoiceMessage, ResponseStream, RoutinesGeneration, SearchController, SemanticSearchReference as SemanticSearchResult, ViewRendererContext, getImageFromDisk, getImagesFromDisk, getImagesWithDescription };
 //# sourceMappingURL=index.js.map