@apia/ai 3.0.16 → 3.0.17

package/dist/index.js

@@ -1,12 +1,15 @@
 import { jsx, jsxs, Fragment } from '@apia/theme/jsx-runtime';
-import { Box, getVariant, Textarea, Paragraph } from '@apia/theme';
+import { Box, getVariant, useBreakpointIndex, Textarea, Paragraph } from '@apia/theme';
 import { useRef, useCallback, useState } from 'react';
-import { IconButton, SimpleButton, ApiaUtil } from '@apia/components';
+import { IconButton, SimpleButton, ApiaUtil, SortableList, SortableListItem } from '@apia/components';
 import { getLabel, noNaN, AudioRecorder, EventEmitter } from '@apia/util';
-import { makeObservable, observable } from 'mobx';
-import { FileIcon } from '@apia/icons';
+import { makeObservable, observable, action, toJS, makeAutoObservable } from 'mobx';
+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 { makeApiaUrl, parseSuccessfulResponse, ApiaApi } from '@apia/api';
 
 const AutoscrollContainer = ({ children }) => {
   const observer = useRef(null);
@@ -190,10 +193,10 @@ function useHandleFileUpload({
   return { progress, handleFileUpload };
 }
 
-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$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;
 };
 let maxId = 0;
@@ -202,9 +205,9 @@ class ChatMessage {
     this.message = message;
     this.messageType = messageType;
     this.attachments = attachments;
-    __publicField$5(this, "id");
-    __publicField$5(this, "copy", () => new ChatMessage(this.message, this.messageType, this.attachments));
-    __publicField$5(this, "Component", () => {
+    __publicField$7(this, "id");
+    __publicField$7(this, "copy", () => new ChatMessage(this.message, this.messageType, this.attachments));
+    __publicField$7(this, "Component", () => {
       return /* @__PURE__ */ jsxs(
         Box,
         {
@@ -243,16 +246,18 @@ class ChatMessage {
   }
 }
 
-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$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 AIContent {
+class AIContent extends CollectorField {
   constructor(content) {
-    __publicField$4(this, "content");
-    __publicField$4(this, "Component", () => {
+    super(uniqueId(), "");
+    __publicField$6(this, "type", "aiContent");
+    __publicField$6(this, "content");
+    __publicField$6(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;
@@ -287,40 +292,97 @@ var AIMessageRole = /* @__PURE__ */ ((AIMessageRole2) => {
   return AIMessageRole2;
 })(AIMessageRole || {});
 
-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$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 _AIFileContent = class _AIFileContent extends AIContent {
-  constructor(content, fileUrl, fileName, f) {
+  constructor(fileUrl, fileName, f, error) {
     const extension = _AIFileContent.getExtensionFromFileName(fileName);
+    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", () => {
+      return `You must collect information contained in this ${this.type} as help to build your tool choice.`;
+    });
+    __publicField$5(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$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))
-      throw new Error(_AIFileContent.getExtensionErrorMessage(extension));
-    super(content);
-    __publicField$3(this, "type");
-    __publicField$3(this, "fileUrl");
-    __publicField$3(this, "fileName");
-    __publicField$3(this, "extension");
-    __publicField$3(this, "__file");
-    __publicField$3(this, "Component", () => /* @__PURE__ */ jsxs(Box, { 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.__throwError(
+        new Error(_AIFileContent.__getExtensionErrorMessage(extension)),
+        this.__error?.fileExtension
+      );
     this.fileUrl = fileUrl;
     this.extension = extension;
-    this.type = _AIFileContent.inferExtension(extension);
+    this.type = this.inferExtension(this.extension);
     this.fileName = fileName;
     this.__file = f;
+    this.content = this.inferContent();
+  }
+  // PUBLIC METHODS
+  setOverrideSize(overrideSize) {
+    this.overrideSize = overrideSize;
+    return this;
   }
   get file() {
     if (!this.__file)
@@ -330,12 +392,23 @@ const _AIFileContent = class _AIFileContent extends AIContent {
   static getExtensionFromFileName(fileName) {
     return fileName.split(".", 2).pop();
   }
-  static getExtensionErrorMessage(extension) {
+  // PRIVATE METHODS
+  static __getExtensionErrorMessage(extension) {
     return `extension "${extension}" is not included into valid types:
 ${Object.keys(AIFileContentAllowedExtensions)}`;
   }
+  __throwError(e, callback) {
+    callback && callback();
+    throw e;
+  }
 };
-__publicField$3(_AIFileContent, "blobToBase64", async (blob) => {
+// STATIC METHODS
+__publicField$5(_AIFileContent, "isValidExtension", (extension) => {
+  return Object.values(
+    AIFileContentAllowedExtensions
+  ).includes(extension);
+});
+__publicField$5(_AIFileContent, "blobToBase64", async (blob) => {
   return await ((blob2) => new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.onloadend = () => {
@@ -346,58 +419,55 @@ __publicField$3(_AIFileContent, "blobToBase64", async (blob) => {
     reader.readAsDataURL(blob2);
   }))(blob);
 });
-__publicField$3(_AIFileContent, "fromFile", async (f, content) => {
+__publicField$5(_AIFileContent, "fromFile", async (f, error) => {
   const fileUrl = await ((f2) => new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.readAsDataURL(f2);
     reader.onload = () => resolve(reader.result);
     reader.onerror = () => reject();
   }))(f);
-  return new _AIFileContent(content, fileUrl, f.name, f);
-});
-__publicField$3(_AIFileContent, "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:
-      throw new Error(_AIFileContent.getExtensionErrorMessage(extension));
-  }
-});
-__publicField$3(_AIFileContent, "isValidExtension", (extension) => {
-  return Object.values(
-    AIFileContentAllowedExtensions
-  ).includes(extension);
+  return new _AIFileContent(fileUrl, f.name, f, error);
 });
 let AIFileContent = _AIFileContent;
 
-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);
+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 AIMessageAttachments {
   constructor(role, content, close) {
     this.close = close;
-    __publicField$2(this, "role");
-    __publicField$2(this, "content");
-    __publicField$2(this, "id", uniqueId());
-    __publicField$2(this, "Component", (props) => /* @__PURE__ */ jsxs(Box, { ...getVariant("layout.common.components.aiMessage"), children: [
+    __publicField$4(this, "role");
+    __publicField$4(this, "content");
+    __publicField$4(this, "id", uniqueId());
+    __publicField$4(this, "customDescription", false);
+    __publicField$4(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$4(this, "Component", (props) => /* @__PURE__ */ jsxs(Box, { ...getVariant("layout.common.components.aiMessage"), children: [
       props.closeButton ? /* @__PURE__ */ jsx(
         IconButton,
         {
@@ -408,6 +478,15 @@ class AIMessageAttachments {
           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;
@@ -420,10 +499,18 @@ const handleFileUploadAsMessage = async (fileInputElement, chatController) => {
     [...fileInputElement.files].forEach(async (f) => {
       const m = new AIMessageAttachments(
         AIMessageRole.USER,
-        await AIFileContent.fromFile(
-          f,
-          "you must collect information contained in this image as help to build your tool choice"
-        ),
+        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);
@@ -440,6 +527,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);
@@ -501,6 +589,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,
@@ -596,7 +773,7 @@ const makeTextarea = (chatController) => {
                     icon: chatController.audioRecorder.state.recording ? "Stop" : "Microphone",
                     id: "transcribeAudio",
                     size: "Lg",
-                    title: "TODO: MAKE LABEL TRANSCRIBE AUDIO"
+                    title: getLabel("lblAiRecordAudio").text
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -614,54 +791,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(
@@ -685,10 +817,10 @@ const makeTextarea = (chatController) => {
   return NewTextarea;
 };
 
-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$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;
 };
 var __accessCheck = (obj, member, msg) => {
@@ -713,11 +845,11 @@ var _promptsHistory, _internalAudioRecorder;
 class ChatController {
   constructor(id, welcomeMessage) {
     this.id = id;
-    __publicField$1(this, "state", {
+    __publicField$3(this, "state", {
       current: new ChatMessage(),
       messages: []
     });
-    __publicField$1(this, "components", {
+    __publicField$3(this, "components", {
       MessageHistory: observer(() => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -731,14 +863,13 @@ class ChatController {
       Textarea: makeTextarea(this)
     });
     __privateAdd(this, _promptsHistory, []);
-    __publicField$1(this, "currentHistoryIndex", -1);
+    __publicField$3(this, "currentHistoryIndex", -1);
     __privateAdd(this, _internalAudioRecorder, new AudioRecorder());
-    __publicField$1(this, "audioRecorder", {
+    __publicField$3(this, "audioRecorder", {
       start: () => __privateGet(this, _internalAudioRecorder).start().then(async (blob) => {
         const m = new AIMessageAttachments(
           AIMessageRole.USER,
           new AIFileContent(
-            "this is a record from user's voice",
             await AIFileContent.blobToBase64(blob),
             `userRecord_${this.audioRecorder.record++}.wav`
           ),
@@ -752,7 +883,7 @@ class ChatController {
       record: 0,
       state: __privateGet(this, _internalAudioRecorder).state
     });
-    __publicField$1(this, "history", {
+    __publicField$3(this, "history", {
       add: (message) => {
         this.currentHistoryIndex = -1;
         if (message === __privateGet(this, _promptsHistory)[__privateGet(this, _promptsHistory).length]) {
@@ -789,7 +920,7 @@ class ChatController {
       },
       size: () => this.state.messages.length
     });
-    __publicField$1(this, "messages", {
+    __publicField$3(this, "messages", {
       add: (message, idx) => {
         if (idx !== void 0 && idx !== null) {
           this.state.messages.splice(idx, 0, message);
@@ -801,7 +932,7 @@ class ChatController {
         this.state.messages = [];
       }
     });
-    __publicField$1(this, "attachments", {
+    __publicField$3(this, "attachments", {
       add: (...aiMessage) => {
         this.state.current.attachments.push(...aiMessage);
       },
@@ -813,7 +944,7 @@ class ChatController {
         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 }, x.id)),
+      getComponents: () => this.state.current.attachments.map((x) => /* @__PURE__ */ jsx(x.Component, { closeButton: true, canAddDescription: true }, x.id)),
       get: () => this.state.current.attachments,
       size: () => this.state.current.attachments.length
     });
@@ -854,21 +985,233 @@ class MultipleChoiceMessage extends ChatMessage {
   }
 }
 
-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;
+};
+function isPollProgress(payload) {
+  return payload?.progress !== void 0;
+}
+class RoutinesGeneration {
+  constructor() {
+    __publicField$2(this, "audioRecorder", new AudioRecorder());
+    __publicField$2(this, "routineId", "");
+    __publicField$2(this, "state", {
+      isLoading: false,
+      progress: 0
+    });
+    makeObservable(this, {
+      completion: action,
+      state: observable,
+      stop: action,
+      transcribeAudio: action
+    });
+  }
+  checkCanGenerate() {
+    if (this.state.isLoading) {
+      throw new Error("Cannot queue two simultaneous generations");
+    }
+    this.state.isLoading = true;
+  }
+  async pollRoutine(stream) {
+    while (this.state.isLoading) {
+      const pollResult = await this.callRoutinePoll(this.routineId);
+      if (isPollProgress(pollResult.payload)) {
+        try {
+          const res = JSON.parse(pollResult.payload.debug);
+          if (res.length > 0) {
+            res.forEach((c) => {
+              console.log(JSON.parse(c));
+            });
+          }
+          if (pollResult.payload.streamPart && stream) {
+            stream.emit("part", pollResult.payload.streamPart);
+          }
+          this.state.progress = pollResult.payload.progress;
+        } catch (e) {
+          console.error(e);
+        }
+      } 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 callAudioTranscription(audio) {
+    const url = makeApiaUrl({
+      action: "routineStart",
+      routine: "transcription/Transcribe"
+    });
+    const response = await axios.post(url, audio.arrayBuffer(), {
+      headers: {
+        "Content-Type": "application/octet-stream"
+      }
+    });
+    const result = await parseSuccessfulResponse(response, "");
+    if (result?.orchestrator) {
+      return result;
+    }
+    return null;
+  }
+  async callRoutinePoll(routineId) {
+    const result = await ApiaApi.post(
+      makeApiaUrl({
+        action: "routinePoll",
+        routineId
+      })
+    );
+    if (result?.data?.orchestrator) {
+      return JSON.parse(result.data.orchestrator);
+    } else {
+      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.pollRoutine(stream);
+      } else {
+        throw new Error("Cannot get routine id");
+      }
+    } catch (e) {
+      this.resetLoading();
+      throw e;
+    }
+  }
+  resetLoading() {
+    this.state.isLoading = false;
+    this.state.progress = 0;
+  }
+  async completion(params) {
+    return this.executeRoutine(
+      params.routineName,
+      params.parameters ?? {},
+      params.images ?? [],
+      params.stream
+    );
+  }
+  stop() {
+    this.resetLoading();
+    ApiaApi.get(
+      makeApiaUrl({
+        action: "routineStop",
+        routineId: this.routineId
+      })
+    );
+  }
+  async transcribeAudio(audio) {
+    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();
+      }
+    }
+    throw new Error("Something went wrong while transcribing the audio");
+  }
+}
+
+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$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 ResponseStream extends EventEmitter {
   constructor() {
     super(...arguments);
-    __publicField(this, "buffer", "");
-    __publicField(this, "isRunning", false);
-    __publicField(this, "locked", false);
-    __publicField(this, "partSize", 2);
-    __publicField(this, "stopped", false);
-    __publicField(this, "waiting", []);
+    __publicField$1(this, "buffer", "");
+    __publicField$1(this, "isRunning", false);
+    __publicField$1(this, "locked", false);
+    __publicField$1(this, "partSize", 2);
+    __publicField$1(this, "stopped", false);
+    __publicField$1(this, "waiting", []);
   }
   close() {
     this.stopped = true;
@@ -911,5 +1254,202 @@ class ResponseStream extends EventEmitter {
   }
 }
 
-export { AIMessageAttachments as AIMessage, AutoscrollContainer, ChatController, ChatMessage, MultipleChoiceMessage, ResponseStream };
+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";
+    input.style.display = "none";
+    Object.assign(input, inputProps);
+    document.body.append(input);
+    input.addEventListener("change", (event) => {
+      const target = event?.target;
+      if (!target?.files)
+        return;
+      const retrievedImages = [];
+      const sources = [...target.files ?? []];
+      const checkResolve = () => {
+        if (sources.length === retrievedImages.length) {
+          resolve(retrievedImages.filter((c) => !!c));
+        }
+      };
+      sources.forEach((file) => {
+        if (file) {
+          const reader = new FileReader();
+          reader.onload = function(e) {
+            const binary = e.target?.result?.split(",")[1];
+            input.remove();
+            retrievedImages.push({
+              base64: binary,
+              path: file.name
+            });
+            checkResolve();
+          };
+          reader.readAsDataURL(file);
+        } else {
+          retrievedImages.push(null);
+        }
+        checkResolve();
+      });
+    });
+    input.click();
+  });
+}
+
+const ImageIcon = ({
+  deletable,
+  onClick,
+  onRemove,
+  src
+}) => {
+  return /* @__PURE__ */ jsxs(Box, { className: "image_preview", children: [
+    deletable && /* @__PURE__ */ jsx(IconButton, { icon: "Close", size: "Xs", iconSize: "Xs", onClick: onRemove }),
+    /* @__PURE__ */ jsx("img", { src, onClick })
+  ] });
+};
+
+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);
+  return value;
+};
+class ImagesStore {
+  constructor(images, multiple) {
+    this.multiple = multiple;
+    __publicField(this, "images", /* @__PURE__ */ new Map());
+    __publicField(this, "selectedId", "");
+    this.images = new Map(
+      images.map((c) => {
+        const id = uniqueId();
+        return [id, { ...c, id }];
+      })
+    );
+    this.selectedId = this.images.values().next().value.id;
+    makeAutoObservable(this);
+  }
+}
+const GetImagesDescription = observer(({ store }) => {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: "images_description_generator",
+      ...getVariant("layout.design.projectAnalysis.imagesLoader"),
+      children: [
+        /* @__PURE__ */ jsx(Box, { className: "images_sort_wrapper", children: /* @__PURE__ */ jsx(
+          SortableList,
+          {
+            onSortChange: (ev) => {
+              store.images = new Map(
+                ev.map((c) => [
+                  c.props.id,
+                  c.props.additionalProps
+                ])
+              );
+            },
+            children: [...store.images].map(([k, c]) => /* @__PURE__ */ jsx(SortableListItem, { additionalProps: c, id: c.id, children: /* @__PURE__ */ jsx(
+              ImageIcon,
+              {
+                deletable: store.multiple,
+                onClick: () => {
+                  store.selectedId = c.id;
+                },
+                onRemove: () => {
+                  store.images.delete(k);
+                },
+                src: getSrcFromBase64(c.base64 ?? "")
+              }
+            ) }, c.id))
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Box, { className: "image_editor", children: [
+          /* @__PURE__ */ jsx(Box, { className: "image_preview", children: store.images.get(store.selectedId) && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: getSrcFromBase64(
+                store.images.get(store.selectedId).base64 ?? ""
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(Box, { className: "image_description", children: [
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                autoFocus: true,
+                disabled: !store.images.get(store.selectedId),
+                onChange: (ev) => {
+                  const image = store.images.get(store.selectedId);
+                  if (image)
+                    image.description = ev.target.value;
+                },
+                value: store.images.get(store.selectedId)?.description
+              }
+            ),
+            store.multiple && /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                icon: "Attach",
+                onClick: () => {
+                  getImagesFromDisk({ multiple: "true" }).then((res) => {
+                    res.forEach((c) => {
+                      const id = uniqueId();
+                      store.images.set(id, {
+                        base64: c.base64,
+                        description: "",
+                        id
+                      });
+                    });
+                  });
+                },
+                size: "Md",
+                iconSize: "Sm",
+                variant: "icon-only"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+function getImagesWithDescription({
+  multiple
+}) {
+  return new Promise((resolve) => {
+    getImagesFromDisk({ multiple: multiple ? "true" : void 0 }).then(
+      (images) => {
+        const store = new ImagesStore(
+          images.map((c) => ({
+            base64: c.base64,
+            description: ""
+          })),
+          multiple || false
+        );
+        ApiaUtil.instance.modals.open({
+          children: /* @__PURE__ */ jsx(GetImagesDescription, { store }),
+          initialFocusGetter(modalInnerRef) {
+            return modalInnerRef.querySelector("textarea");
+          },
+          onConfirm: () => {
+            resolve([...toJS(store.images).values()]);
+          },
+          onCancel() {
+            resolve([]);
+          },
+          size: "xxxl-fixed",
+          noHeader: true
+        });
+      }
+    );
+  });
+}
+
+export { AIMessageAttachments, AutoscrollContainer, ChatController, ChatMessage, DashboardsRoutinesGeneration, MultipleChoiceMessage, ResponseStream, RoutinesGeneration, getImageFromDisk, getImagesFromDisk, getImagesWithDescription };
 //# sourceMappingURL=index.js.map