@apia/ai 4.0.13 → 4.0.15

package/dist/index.js

@@ -193,10 +193,10 @@ function useHandleFileUpload({
   return { progress, handleFileUpload };
 }
 
-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);
+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;
@@ -206,14 +206,14 @@ class ChatMessage {
     this.messageType = messageType;
     this.attachments = attachments;
     this.reference = reference;
-    __publicField$b(this, "id");
-    __publicField$b(this, "clone", () => new ChatMessage(
+    __publicField$c(this, "id");
+    __publicField$c(this, "clone", () => new ChatMessage(
       this.message,
       this.messageType,
-      this.attachments,
+      [...this.attachments],
       this.reference
     ));
-    __publicField$b(this, "Component", observer(({ className }) => {
+    __publicField$c(this, "Component", observer(({ className }) => {
       return /* @__PURE__ */ jsxs(
         Box,
         {
@@ -260,18 +260,18 @@ class ChatMessage {
   }
 }
 
-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);
+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$a(this, "type", "aiContent");
-    __publicField$a(this, "content");
-    __publicField$a(this, "Component", () => {
+    __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;
@@ -306,10 +306,10 @@ var AIMessageRole = /* @__PURE__ */ ((AIMessageRole2) => {
   return AIMessageRole2;
 })(AIMessageRole || {});
 
-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);
+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 {
@@ -319,19 +319,19 @@ const _AIFileContent = class _AIFileContent extends AIContent {
     }
     const extension = _AIFileContent.getExtensionFromFileName(props.name);
     super();
-    __publicField$9(this, "type");
-    __publicField$9(this, "value");
-    __publicField$9(this, "name");
-    __publicField$9(this, "extension");
-    __publicField$9(this, "__file");
-    __publicField$9(this, "__error");
-    __publicField$9(this, "onClose");
-    __publicField$9(this, "overrideSize");
-    __publicField$9(this, "id", uniqueId());
-    __publicField$9(this, "inferContent", () => {
+    __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$9(this, "inferExtension", (extension) => {
+    __publicField$a(this, "inferExtension", (extension) => {
       switch (extension) {
         case AIFileContentAllowedExtensions.jpg:
         case AIFileContentAllowedExtensions.jpeg:
@@ -358,7 +358,7 @@ const _AIFileContent = class _AIFileContent extends AIContent {
       }
     });
     // COMPONENT METHODS
-    __publicField$9(this, "Component", () => {
+    __publicField$a(this, "Component", () => {
       const closeButton = this.onClose ? /* @__PURE__ */ jsx(
         IconButton,
         {
@@ -444,12 +444,12 @@ ${Object.keys(AIFileContentAllowedExtensions)}`;
   }
 };
 // STATIC METHODS
-__publicField$9(_AIFileContent, "isValidExtension", (extension) => {
+__publicField$a(_AIFileContent, "isValidExtension", (extension) => {
   return Object.values(
     AIFileContentAllowedExtensions
   ).includes(extension);
 });
-__publicField$9(_AIFileContent, "blobToBase64", async (blob) => {
+__publicField$a(_AIFileContent, "blobToBase64", async (blob) => {
   return await ((blob2) => new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.onloadend = () => {
@@ -460,7 +460,7 @@ __publicField$9(_AIFileContent, "blobToBase64", async (blob) => {
     reader.readAsDataURL(blob2);
   }))(blob);
 });
-__publicField$9(_AIFileContent, "fromFile", async (props) => {
+__publicField$a(_AIFileContent, "fromFile", async (props) => {
   const fileUrl = await ((f) => new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.readAsDataURL(f);
@@ -477,20 +477,20 @@ __publicField$9(_AIFileContent, "fromFile", async (props) => {
 });
 let AIFileContent = _AIFileContent;
 
-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);
+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$8(this, "role");
-    __publicField$8(this, "content");
-    __publicField$8(this, "id", uniqueId());
-    __publicField$8(this, "customDescription", false);
-    __publicField$8(this, "addDescription", async () => {
+    __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(
@@ -514,7 +514,7 @@ class AIMessageAttachments {
         this.customDescription = false;
       }
     });
-    __publicField$8(this, "Component", (props) => /* @__PURE__ */ jsxs(Box, { ...getVariant("layout.common.components.aiMessage"), children: [
+    __publicField$9(this, "Component", (props) => /* @__PURE__ */ jsxs(Box, { ...getVariant("layout.common.components.aiMessage"), children: [
       props.closeButton ? /* @__PURE__ */ jsx(
         IconButton,
         {
@@ -867,10 +867,10 @@ const makeTextarea = (chatController) => {
   return NewTextarea;
 };
 
-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$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) => {
@@ -895,11 +895,11 @@ var _promptsHistory, _internalAudioRecorder;
 class ChatController {
   constructor(id, welcomeMessage) {
     this.id = id;
-    __publicField$7(this, "state", {
+    __publicField$8(this, "state", {
       current: new ChatMessage(),
       messages: []
     });
-    __publicField$7(this, "components", {
+    __publicField$8(this, "components", {
       MessageHistory: observer(() => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -913,9 +913,9 @@ class ChatController {
       Textarea: makeTextarea(this)
     });
     __privateAdd(this, _promptsHistory, []);
-    __publicField$7(this, "currentHistoryIndex", -1);
+    __publicField$8(this, "currentHistoryIndex", -1);
     __privateAdd(this, _internalAudioRecorder, new AudioRecorder());
-    __publicField$7(this, "audioRecorder", {
+    __publicField$8(this, "audioRecorder", {
       start: () => __privateGet(this, _internalAudioRecorder).start().then(async (blob) => {
         const m = new AIMessageAttachments(
           AIMessageRole.USER,
@@ -933,7 +933,7 @@ class ChatController {
       record: 0,
       state: __privateGet(this, _internalAudioRecorder).state
     });
-    __publicField$7(this, "history", {
+    __publicField$8(this, "history", {
       add: (message) => {
         this.currentHistoryIndex = -1;
         if (message === __privateGet(this, _promptsHistory)[__privateGet(this, _promptsHistory).length]) {
@@ -970,7 +970,7 @@ class ChatController {
       },
       size: () => this.state.messages.length
     });
-    __publicField$7(this, "messages", {
+    __publicField$8(this, "messages", {
       add: (message, idx) => {
         if (idx !== void 0 && idx !== null) {
           this.state.messages.splice(idx, 0, message);
@@ -982,7 +982,7 @@ class ChatController {
         this.state.messages = [];
       }
     });
-    __publicField$7(this, "attachments", {
+    __publicField$8(this, "attachments", {
       add: (...aiMessage) => {
         this.state.current.attachments.push(
           ...aiMessage
@@ -1050,16 +1050,16 @@ const Component = observer(
   }
 );
 
-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$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;
 };
 class SemanticSearchReference {
   constructor(props) {
-    __publicField$6(this, "state", { title: "", body: "", link: "" });
-    __publicField$6(this, "Component", () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    __publicField$7(this, "state", { title: "", body: "", link: "" });
+    __publicField$7(this, "Component", () => /* @__PURE__ */ jsxs(Fragment, { children: [
       "(",
       /* @__PURE__ */ jsx(Component, { instance: this }),
       ")"
@@ -1069,15 +1069,15 @@ class SemanticSearchReference {
   }
 }
 
-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$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;
 };
 const _SearchController = class _SearchController {
   constructor() {
-    __publicField$5(this, "state", { queryString: "", results: [], isLoading: false, disabled: false });
+    __publicField$6(this, "state", { queryString: "", results: [], isLoading: false, disabled: false });
     makeObservable(this, { state: observable });
   }
   async search(selectedId) {
@@ -1115,617 +1115,137 @@ const _SearchController = class _SearchController {
     _SearchController.instance.state.disabled = false;
   }
 };
-__publicField$5(_SearchController, "instance", new _SearchController());
+__publicField$6(_SearchController, "instance", new _SearchController());
 let SearchController = _SearchController;
 
-var __defProp$4 = Object.defineProperty;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$4 = (obj, key, value) => {
-  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-function isPollProgress(payload) {
-  return payload?.progress !== void 0;
-}
-class RoutinesGeneration {
-  constructor() {
-    __publicField$4(this, "audioRecorder", new AudioRecorder());
-    __publicField$4(this, "routineId", "");
-    __publicField$4(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(routineId, stream) {
-    this.routineId = routineId;
-    this.state.isLoading = true;
-    return this.internalPollRoutine(stream);
-  }
-  async internalPollRoutine(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);
+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"
         }
-      } 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 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 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
-      }),
+);
+
+const Message = observer(
+  ({
+    className,
+    type,
+    id,
+    message,
+    attachments,
+    reference
+  }) => {
+    return /* @__PURE__ */ jsxs(
+      Box,
       {
-        postData: {
-          images: JSON.stringify(images),
-          ...parameters
-        },
-        stringifyOptions: {
-          arrayFormat: "repeat"
-        },
-        postDataTreatement: "stringify"
-      }
+        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
     );
-    return result?.data || null;
-  }
-  async executeRoutine(routineName, parameters, images, stream) {
-    this.checkCanGenerate();
-    try {
-      const result = await this.callRoutineStart(
-        routineName,
-        parameters,
-        images
-      );
-      if (result?.orchestrator?.routineId !== void 0) {
-        this.routineId = result?.orchestrator.routineId;
-        return this.internalPollRoutine(stream);
-      } else {
-        throw new Error("Cannot get routine id");
-      }
-    } catch (e) {
-      this.resetLoading();
-      throw e;
-    }
-  }
-  resetLoading() {
-    this.state.isLoading = false;
-    this.state.progress = 0;
   }
-  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.internalPollRoutine();
-      }
-    }
-    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$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class ResponseStream extends EventEmitter {
-  constructor() {
-    super(...arguments);
-    __publicField$3(this, "buffer", "");
-    __publicField$3(this, "isRunning", false);
-    __publicField$3(this, "locked", false);
-    __publicField$3(this, "maxCompletionTime", 2);
-    // s
-    __publicField$3(this, "minPartSize", 2);
-    __publicField$3(this, "partSize", 2);
-    __publicField$3(this, "timing", 5);
-    // ms
-    __publicField$3(this, "waiting", []);
-  }
-  calculatePartSize() {
-    const totalSize = this.buffer.length + this.waiting.reduce((a, b) => a + b.length, 0);
-    this.partSize = Math.max(
-      this.minPartSize,
-      totalSize * this.timing / (this.maxCompletionTime * 1e3)
-    );
-  }
-  emit(_, data) {
-    if (this.locked) {
-      this.waiting.push(data);
-    } else {
-      this.buffer += data;
-    }
-    this.calculatePartSize();
-    this.run();
-  }
-  run() {
-    if (!this.isRunning) {
-      this.isRunning = true;
-      const interval = setInterval(() => {
-        this.locked = true;
-        const choosedSize = Math.min(this.buffer.length, this.partSize);
-        const part = this.buffer.slice(0, choosedSize);
-        this.buffer = this.buffer.slice(choosedSize);
-        while (this.waiting.length > 0) {
-          const part2 = this.waiting.shift();
-          if (part2) {
-            this.buffer += part2;
-          }
+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;
         }
-        this.locked = false;
-        if (part) {
-          super.emit("part", part);
-        } else {
-          this.isRunning = false;
-          clearInterval(interval);
+        if (i === messages.length - 1 || messages[i + 1].messageType !== current.messageType) {
+          last = true;
         }
-      }, this.timing);
+        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
+          }
+        );
+      })
     }
-  }
-}
+  ) });
+});
 
-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();
-  });
+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);
 }
-
-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$2 = Object.defineProperty;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class ImagesStore {
-  constructor(images, multiple) {
-    this.multiple = multiple;
-    __publicField$2(this, "images", /* @__PURE__ */ new Map());
-    __publicField$2(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
-        });
-      }
-    );
-  });
-}
-
-const ViewRendererContext = createContext(
-  {}
-);
-
-const FileAttachment = observer(
-  ({
-    attachment,
-    onRemove
-  }) => {
-    return /* @__PURE__ */ jsxs(Box, { className: "file_box", children: [
-      /* @__PURE__ */ jsx(FileIcon, { className: "file_box__icon", docName: attachment.name }),
-      /* @__PURE__ */ jsx(Box, { className: "file_box__name", title: attachment.name, children: attachment.name }),
-      onRemove && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          icon: "Close",
-          className: "file_box__remove",
-          onClick: onRemove,
-          variant: "icon-only"
-        }
-      )
-    ] });
-  }
-);
-
-const Attachments = observer(
-  ({
-    attachments,
-    onRemove
-  }) => {
-    if (!attachments.length)
-      return null;
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        className: "attachments",
-        ...getVariant("layout.common.chat.attachments"),
-        children: attachments.map((x) => /* @__PURE__ */ jsx(
-          FileAttachment,
-          {
-            attachment: x,
-            onRemove: onRemove ? () => onRemove(x) : void 0
-          },
-          x.id
-        ))
-      }
-    );
-  }
-);
-
-const Message = observer(
-  ({
-    className,
-    type,
-    id,
-    message,
-    attachments,
-    reference
-  }) => {
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        as: "pre",
-        className: `history_message ${className || ""} ${type}`,
-        children: [
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              className: "history_message__content",
-              ...typeof message === "string" ? { dangerouslySetInnerHTML: { __html: message } } : { children: message }
-            }
-          ),
-          attachments.length > 0 && /* @__PURE__ */ jsx(Attachments, { attachments }),
-          reference && /* @__PURE__ */ jsx(Box, { className: "history_message__references", children: reference })
-        ]
-      },
-      id
-    );
-  }
-);
-
-const History = observer(({ messages }) => {
-  let currentType = "";
-  return /* @__PURE__ */ jsx(AutoscrollContainer, { children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      ...getVariant("layout.common.chat.history"),
-      className: "chat_history",
-      children: messages.map((current, i) => {
-        let first = false;
-        let last = false;
-        if (currentType !== current.messageType) {
-          currentType = current.messageType;
-          first = true;
-        }
-        if (i === messages.length - 1 || messages[i + 1].messageType !== current.messageType) {
-          last = true;
-        }
-        return /* @__PURE__ */ jsx(
-          Message,
-          {
-            className: first ? "first" : last ? "last" : void 0,
-            type: current.messageType,
-            id: String(current.id),
-            attachments: current.attachments,
-            reference: current.reference,
-            message: current.message
-          }
-        );
-      })
-    }
-  ) });
-});
-
-function getBase64FromFile(f) {
-  return ((f2) => new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(f2);
-    reader.onload = () => resolve(reader.result);
-    reader.onerror = () => reject();
-  }))(f);
-}
-function getBase64FromBlob(b) {
-  return ((blob) => new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      const base64String = reader.result;
-      resolve(base64String);
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(blob);
-  }))(b);
+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(
@@ -1908,21 +1428,21 @@ const TextArea = observer(
   }
 );
 
-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$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$1(this, "state", {
+    __publicField$5(this, "state", {
       videoStream: null,
       isOpen: false
     });
-    __publicField$1(this, "currentCapture", null);
-    __publicField$1(this, "videoElement");
-    __publicField$1(this, "Component", () => {
+    __publicField$5(this, "currentCapture", null);
+    __publicField$5(this, "videoElement");
+    __publicField$5(this, "Component", () => {
       return /* @__PURE__ */ jsx(
         "video",
         {
@@ -2002,19 +1522,18 @@ class CameraController {
   }
 }
 
-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$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) {
     this.onMessageSubmit = onMessageSubmit;
     this.id = id;
-    __publicField(this, "currentIndex", 0);
-    __publicField(this, "needsControlExtension", false);
-    __publicField(this, "state", {
+    __publicField$4(this, "currentIndex", 0);
+    __publicField$4(this, "state", {
       isVisible: false,
       isLoading: false,
       canRecord: true,
@@ -2026,10 +1545,10 @@ class ChatController2 {
       messages: [],
       currentMessage: new ChatMessage("", "user")
     });
-    __publicField(this, "internalAudioRecorder", new AudioRecorder());
-    __publicField(this, "internalCameraRecorder", new CameraController());
-    __publicField(this, "maxId", 0);
-    __publicField(this, "audioRecorder", {
+    __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({
@@ -2045,8 +1564,8 @@ class ChatController2 {
       record: 0,
       state: this.internalAudioRecorder.state
     });
-    __publicField(this, "History", observer(() => /* @__PURE__ */ jsx(History, { messages: this.state.messages })));
-    __publicField(this, "Attachments", observer(() => /* @__PURE__ */ jsx(
+    __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,
@@ -2055,7 +1574,7 @@ class ChatController2 {
         }
       }
     )));
-    __publicField(this, "TextArea", observer(() => /* @__PURE__ */ jsx(
+    __publicField$4(this, "TextArea", observer(() => /* @__PURE__ */ jsx(
       TextArea,
       {
         id: this.id,
@@ -2122,7 +1641,7 @@ class ChatController2 {
         attachments: []
       }
     )));
-    __publicField(this, "Renderer", () => /* @__PURE__ */ jsxs(
+    __publicField$4(this, "Renderer", () => /* @__PURE__ */ jsxs(
       Box,
       {
         ...getVariant("layout.common.chat.controller"),
@@ -2180,6 +1699,526 @@ class ChatController2 {
   }
 }
 
+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, key + "" , value);
+  return value;
+};
+class FloatingChatController extends ChatController2 {
+  constructor(props, onMessageSubmit, id) {
+    super(props, onMessageSubmit, id);
+    __publicField$3(this, "Window", observer(() => /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: "Magic",
+        size: "Md",
+        variant: "icon-outline",
+        onClick: () => {
+          this.state.isVisible = true;
+          this.open();
+        }
+      }
+    )));
+    this.state = Object.assign({}, this.state, props);
+    makeObservable(this, { state: observable });
+  }
+  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;
+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(routineId, stream) {
+    this.routineId = routineId;
+    this.state.isLoading = true;
+    return this.internalPollRoutine(stream);
+  }
+  async internalPollRoutine(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.internalPollRoutine(stream);
+      } else {
+        throw new Error("Cannot get routine id");
+      }
+    } catch (e) {
+      this.resetLoading();
+      throw e;
+    }
+  }
+  resetLoading() {
+    this.state.isLoading = false;
+    this.state.progress = 0;
+  }
+  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.internalPollRoutine();
+      }
+    }
+    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$1(this, "buffer", "");
+    __publicField$1(this, "isRunning", false);
+    __publicField$1(this, "locked", false);
+    __publicField$1(this, "maxCompletionTime", 2);
+    // s
+    __publicField$1(this, "minPartSize", 2);
+    __publicField$1(this, "partSize", 2);
+    __publicField$1(this, "timing", 5);
+    // ms
+    __publicField$1(this, "waiting", []);
+  }
+  calculatePartSize() {
+    const totalSize = this.buffer.length + this.waiting.reduce((a, b) => a + b.length, 0);
+    this.partSize = Math.max(
+      this.minPartSize,
+      totalSize * this.timing / (this.maxCompletionTime * 1e3)
+    );
+  }
+  emit(_, data) {
+    if (this.locked) {
+      this.waiting.push(data);
+    } else {
+      this.buffer += data;
+    }
+    this.calculatePartSize();
+    this.run();
+  }
+  run() {
+    if (!this.isRunning) {
+      this.isRunning = true;
+      const interval = setInterval(() => {
+        this.locked = true;
+        const choosedSize = Math.min(this.buffer.length, this.partSize);
+        const part = this.buffer.slice(0, choosedSize);
+        this.buffer = this.buffer.slice(choosedSize);
+        while (this.waiting.length > 0) {
+          const part2 = this.waiting.shift();
+          if (part2) {
+            this.buffer += part2;
+          }
+        }
+        this.locked = false;
+        if (part) {
+          super.emit("part", part);
+        } else {
+          this.isRunning = false;
+          clearInterval(interval);
+        }
+      }, this.timing);
+    }
+  }
+}
+
+async function getImageFromDisk(inputProps) {
+  return (await getImagesFromDisk({ ...inputProps, multiple: "false" }))[0] ?? null;
+}
+function getImagesFromDisk(inputProps) {
+  return new Promise((resolve) => {
+    const input = document.createElement("input");
+    input.accept = "image/*";
+    input.type = "file";
+    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
+        });
+      }
+    );
+  });
+}
+
+const ViewRendererContext = createContext(
+  {}
+);
+
 const WindowDragger = forwardRef((props, outerRef) => {
   const isDragging = useRef(false);
   const initialPosition = useRef({ mousex: 0, mousey: 0, boxx: 0, boxy: 0 });
@@ -2256,5 +2295,5 @@ const WindowDragger = forwardRef((props, outerRef) => {
   );
 });
 
-export { AIFileContent, AIMessageAttachments, AutoscrollContainer, ChatController, ChatController2, ChatMessage, DashboardsRoutinesGeneration, MultipleChoiceMessage, ResponseStream, RoutinesGeneration, SearchController, SemanticSearchReference as SemanticSearchResult, ViewRendererContext, WindowDragger, getImageFromDisk, getImagesFromDisk, getImagesWithDescription };
+export { AIFileContent, AIMessageAttachments, AutoscrollContainer, ChatController, ChatController2, ChatMessage, DashboardsRoutinesGeneration, FloatingChatController, MultipleChoiceMessage, ResponseStream, RoutinesGeneration, SearchController, SemanticSearchReference as SemanticSearchResult, ViewRendererContext, WindowDragger, getImageFromDisk, getImagesFromDisk, getImagesWithDescription };
 //# sourceMappingURL=index.js.map