@sme.up/ketchup 9.4.0 → 9.5.0

package/dist/collection/components/kup-openai-interface/kup-openai-interface.js

@@ -0,0 +1,340 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _KupOpenAiInterface_instances, _KupOpenAiInterface_openAiInteract, _KupOpenAiInterface_dataTableData;
+import { forceUpdate, h, Host, } from "@stencil/core";
+import { kupManagerInstance } from "../../managers/kup-manager/kup-manager";
+import { getProps, setProps } from "../../utils/utils";
+import { componentWrapperId } from "../../variables/GenericVariables";
+import { KupOpenAiInterfaceProps } from "./kup-openai-interface-declarations";
+import { FImage } from "../../f-components/f-image/f-image";
+export class KupOpenAiInterface {
+    constructor() {
+        _KupOpenAiInterface_instances.add(this);
+        /*-------------------------------------------------*/
+        /*       I n t e r n a l   V a r i a b l e s       */
+        /*-------------------------------------------------*/
+        this.dragHandler = null;
+        this.kupManager = kupManagerInstance();
+        this.textArea = null;
+        this.dataTable = null;
+        this.button = null;
+        this.messages = [];
+        this.customStyle = '';
+        this.data = null;
+        this.dialogTitle = 'Open AI integration';
+        this.label = 'Insert natural language request...';
+    }
+    /*-------------------------------------------------*/
+    /*           P u b l i c   M e t h o d s           */
+    /*-------------------------------------------------*/
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    async getProps(descriptions) {
+        return getProps(this, KupOpenAiInterfaceProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        forceUpdate(this);
+    }
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        setProps(this, KupOpenAiInterfaceProps, props);
+    }
+    /*-------------------------------------------------*/
+    /*          L i f e c y c l e   H o o k s          */
+    /*-------------------------------------------------*/
+    componentWillLoad() {
+        this.kupManager.debug.logLoad(this, false);
+        this.kupManager.language.register(this);
+        this.kupManager.theme.register(this);
+    }
+    componentDidLoad() {
+        this.dragHandler =
+            this.rootElement.shadowRoot.querySelector('#drag-handle');
+        this.kupManager.interact.dialogify(this.rootElement, this.dragHandler);
+        this.kupReady.emit({
+            comp: this,
+            id: this.rootElement.id,
+        });
+        this.kupManager.debug.logLoad(this, true);
+    }
+    componentWillRender() {
+        this.kupManager.debug.logRender(this, false);
+    }
+    componentDidRender() {
+        this.kupManager.debug.logRender(this, true);
+    }
+    render() {
+        const dataTableProps = {};
+        dataTableProps.data = __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_dataTableData).call(this);
+        const textAreaProps = {};
+        textAreaProps.textArea = true;
+        textAreaProps.label = this.label;
+        const buttonProps = {};
+        buttonProps.label = 'Confirm';
+        buttonProps.icon = 'check';
+        buttonProps.showSpinner = false;
+        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "openai-interface-wrapper" }, h("div", { class: "actions", id: "drag-handle" }, h("div", { class: "header" }, this.dialogTitle ? (h("div", { class: "header__title" }, this.dialogTitle)) : null, h(FImage, { onClick: () => this.kupManager.hideOpenAI(), sizeX: "1.25em", sizeY: "1.25em", resource: "clear", wrapperClass: "header__close" })), h("kup-text-field", Object.assign({}, textAreaProps, { ref: (el) => (this.textArea = el) })), h("kup-button", Object.assign({}, buttonProps, { ref: (el) => (this.button = el), "onKup-button-click": () => __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_openAiInteract).call(this) })), h("kup-data-table", Object.assign({}, dataTableProps, { ref: (el) => (this.dataTable = el) })))))));
+    }
+    disconnectedCallback() {
+        this.kupManager.language.unregister(this);
+        this.kupManager.theme.unregister(this);
+    }
+    static get is() { return "kup-openai-interface"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["kup-openai-interface.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["kup-openai-interface.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "\"\""
+                        }, {
+                            "name": "see",
+                            "text": "https://ketchup.smeup.com/ketchup-showcase/#/customization"
+                        }],
+                    "text": "Custom style of the component."
+                },
+                "attribute": "custom-style",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "data": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "KupDataDataset",
+                    "resolved": "KupDataDataset",
+                    "references": {
+                        "KupDataDataset": {
+                            "location": "import",
+                            "path": "../../managers/kup-data/kup-data-declarations",
+                            "id": "src/managers/kup-data/kup-data-declarations.ts::KupDataDataset"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "null"
+                        }],
+                    "text": "Sets the data that will be used for OpenAI comunication."
+                },
+                "defaultValue": "null"
+            },
+            "dialogTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "\"Open AI integration\""
+                        }],
+                    "text": "Sets the dialog title"
+                },
+                "attribute": "dialog-title",
+                "reflect": false,
+                "defaultValue": "'Open AI integration'"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "\"Insert natural language request...\""
+                        }],
+                    "text": "Sets the text area label"
+                },
+                "attribute": "label",
+                "reflect": false,
+                "defaultValue": "'Insert natural language request...'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "kupReady",
+                "name": "kup-openai-interface-ready",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "KupEventPayload",
+                    "resolved": "KupEventPayload",
+                    "references": {
+                        "KupEventPayload": {
+                            "location": "import",
+                            "path": "../../types/GenericTypes",
+                            "id": "src/types/GenericTypes.ts::KupEventPayload"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "getProps": {
+                "complexType": {
+                    "signature": "(descriptions?: boolean) => Promise<GenericObject>",
+                    "parameters": [{
+                            "tags": [{
+                                    "name": "param",
+                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
+                                }],
+                            "text": "- When provided and true, the result will be the list of props with their description."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "GenericObject": {
+                            "location": "import",
+                            "path": "../../types/GenericTypes",
+                            "id": "src/types/GenericTypes.ts::GenericObject"
+                        }
+                    },
+                    "return": "Promise<GenericObject>"
+                },
+                "docs": {
+                    "text": "Used to retrieve component's props values.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "descriptions - When provided and true, the result will be the list of props with their description."
+                        }, {
+                            "name": "returns",
+                            "text": "List of props as object, each key will be a prop."
+                        }]
+                }
+            },
+            "refresh": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "This method is used to trigger a new render of the component.",
+                    "tags": []
+                }
+            },
+            "setProps": {
+                "complexType": {
+                    "signature": "(props: GenericObject) => Promise<void>",
+                    "parameters": [{
+                            "tags": [{
+                                    "name": "param",
+                                    "text": "props - Object containing props that will be set to the component."
+                                }],
+                            "text": "- Object containing props that will be set to the component."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "GenericObject": {
+                            "location": "import",
+                            "path": "../../types/GenericTypes",
+                            "id": "src/types/GenericTypes.ts::GenericObject"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Sets the props to the component.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "props - Object containing props that will be set to the component."
+                        }]
+                }
+            }
+        };
+    }
+    static get elementRef() { return "rootElement"; }
+}
+_KupOpenAiInterface_instances = new WeakSet(), _KupOpenAiInterface_openAiInteract =
+    /*-------------------------------------------------*/
+    /*           P r i v a t e   M e t h o d s         */
+    /*-------------------------------------------------*/
+    async function _KupOpenAiInterface_openAiInteract() {
+        this.button.showSpinner = true;
+        this.messages = await this.kupManager.interactOpenAI(await this.textArea.getValue());
+        this.dataTable.data = __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_dataTableData).call(this);
+        this.button.showSpinner = false;
+    }, _KupOpenAiInterface_dataTableData = function _KupOpenAiInterface_dataTableData() {
+    const data = {};
+    data.columns = [{ name: 'mess', title: 'Message' }];
+    data.rows = [];
+    if (this.messages) {
+        for (let i = 0; i < this.messages.length; i++) {
+            const mess = this.messages[i];
+            if (mess) {
+                data.rows.push({
+                    unselectable: true,
+                    cells: { mess: { value: mess } },
+                });
+            }
+        }
+    }
+    return data;
+};

package/dist/collection/managers/kup-manager/kup-manager.js

@@ -29,6 +29,8 @@ export class KupManager {
      */
     constructor(overrides) {
         let datesLocale = null, debugActive = null, debugAutoprint = null, debugLogLimit = null, dialogRestrictContainer = null, dialogZIndex = null, languageList = null, languageName = null, objectsList = null, scrollOnHoverDelay = null, scrollOnHoverStep = null, themeList = null, themeName = null, tooltipDelay = null, tooltipFCellCallbacks = null;
+        /** POI VIA */
+        this.openAIInterface = { url: 'https://kokosstaging.smeup.com' };
         if (overrides) {
             const assetsPath = overrides.assetsPath;
             const dates = overrides.dates;
@@ -39,6 +41,7 @@ export class KupManager {
             const scrollOnHover = overrides.scrollOnHover;
             const theme = overrides.theme;
             const tooltip = overrides.tooltip;
+            const openAIUrl = overrides.openAIUrl;
             if (assetsPath) {
                 setAssetPath(assetsPath);
             }
@@ -81,6 +84,9 @@ export class KupManager {
                     ? tooltip.fCellCallbacks
                     : null;
             }
+            if (openAIUrl) {
+                this.openAIInterface = { url: openAIUrl };
+            }
         }
         this.data = new KupData();
         this.dates = new KupDates(datesLocale);
@@ -89,6 +95,7 @@ export class KupManager {
         this.interact = new KupInteract(dialogZIndex, dialogRestrictContainer);
         this.language = new KupLanguage(languageList, languageName);
         this.magicBox = null;
+        this.openAI = null;
         this.math = new KupMath();
         this.overrides = overrides ? overrides : null;
         this.objects = new KupObjects(objectsList);
@@ -201,6 +208,123 @@ export class KupManager {
             this.hideMagicBox();
         }
     }
+    /**
+     * Creates OpenAI component interface.
+     */
+    async showOpenAI(data) {
+        if (!this.openAIInterface || !this.openAIInterface.url) {
+            return;
+        }
+        if (this.openAI) {
+            return;
+        }
+        const response = await fetch(this.openAIInterface.url + '/api/init', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ data: data }),
+        });
+        console.log('kup-manager.showOpenAI() response', response);
+        if (response) {
+            if (response.status != 200) {
+                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
+                return;
+            }
+            const responseJson = await response.json();
+            this.openAIInterface.sessionInfo = {
+                fileId: responseJson.fileId,
+                threadId: responseJson.threadId,
+            };
+        }
+        this.openAI = document.createElement('kup-openai-interface');
+        this.openAI.id = 'kup-openai-interface';
+        this.openAI.style.position = 'fixed';
+        this.openAI.style.left = 'calc(50% - 250px)';
+        this.openAI.style.top = 'calc(50% - 85px)';
+        this.openAI.data = data;
+        document.body.appendChild(this.openAI);
+    }
+    /**
+     * Removes OpenAI component interface.
+     */
+    async hideOpenAI() {
+        if (!this.openAI) {
+            return;
+        }
+        this.openAI.remove();
+        this.openAI = null;
+        if (!this.openAIInterface || !this.openAIInterface.url) {
+            return;
+        }
+        if (!this.openAIInterface.sessionInfo) {
+            return;
+        }
+        const response = await fetch(this.openAIInterface.url + '/api/finalize', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                fileId: this.openAIInterface.sessionInfo.fileId,
+                threadId: this.openAIInterface.sessionInfo.threadId,
+            }),
+        });
+        console.log('kup-manager.hideOpenAI() response', response);
+        if (response) {
+            if (response.status != 200) {
+                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
+                return;
+            }
+            this.openAIInterface.sessionInfo = null;
+        }
+    }
+    /**
+     * Creates or removes OpenAI component interface depending on its existence.
+     */
+    toggleOpenAI(data) {
+        if (!this.openAI) {
+            this.showOpenAI(data);
+        }
+        else {
+            this.hideOpenAI();
+        }
+    }
+    async interactOpenAI(question) {
+        if (!this.openAI) {
+            return;
+        }
+        if (!this.openAIInterface || !this.openAIInterface.url) {
+            return;
+        }
+        if (!this.openAIInterface.sessionInfo) {
+            return;
+        }
+        const responseArray = [];
+        const response = await fetch(this.openAIInterface.url + '/api/chat', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                fileId: this.openAIInterface.sessionInfo.fileId,
+                threadId: this.openAIInterface.sessionInfo.threadId,
+                question: question,
+            }),
+        });
+        console.log('kup-manager.interactOpenAI() response', response);
+        if (response) {
+            if (response.status != 200) {
+                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
+                return;
+            }
+            const responseJson = await response.json();
+            if (responseJson && responseJson.messages) {
+                responseArray.push(...responseJson.messages);
+            }
+        }
+        return responseArray;
+    }
     /**
      * Sets both locale and language library-wide.
      * @param {KupDatesLocales} locale - The supported locale.

package/dist/components/kup-autocomplete2.js

@@ -21560,11 +21560,20 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         }
         return (h("kup-card", { customStyle: "::slotted(kup-switch) { width: max-content !important; } ::slotted(*) { margin: auto !important; } ::slotted(.customize-element) { margin: auto !important; padding: 0 1em 1em 1em !important; width: max-content !important; } ::slotted(.customize-element):nth-child(1) { padding-top: 1em !important; }", isMenu: true, layoutFamily: KupCardFamily.FREE, ref: (el) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_customizeTopPanelRef, el, "f");
-            }, sizeX: "360px", sizeY: "300px" }, density, grid, fontsize, transpose, h("kup-switch", { class: "customize-element", checked: this.dragEnabled, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.DRAG_AND_DROP), leadingLabel: true, "onkup-switch-change": () => (this.dragEnabled = !this.dragEnabled) }), h("kup-switch", { class: "customize-element", checked: this.editableData, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EDITABLE), leadingLabel: true, "onkup-switch-change": () => (this.editableData = !this.editableData) }), h("kup-button", { title: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
+            }, sizeX: "360px", sizeY: "300px" }, density, grid, fontsize, transpose, h("kup-switch", { class: "customize-element", checked: this.dragEnabled, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.DRAG_AND_DROP), leadingLabel: true, "onkup-switch-change": () => (this.dragEnabled = !this.dragEnabled) }), h("kup-switch", { class: "customize-element", checked: this.editableData, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EDITABLE), leadingLabel: true, "onkup-switch-change": () => (this.editableData = !this.editableData) }), h("div", { style: {
+                display: 'grid',
+                'grid-template-columns': 'repeat(2, auto)',
+                width: 'max-content',
+            } }, h("kup-button", { title: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
                 ' Magic Box ' +
                 '(' +
                 __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
-                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), totalsMatrix));
+                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").openAIInterface &&
+            __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").openAIInterface.url ? (h("kup-button", { title: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
+                ' Open AI ' +
+                '(' +
+                __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
+                ')', icon: "open-ai", "onkup-button-click": () => __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").toggleOpenAI(this.data) })) : null), totalsMatrix));
     }
     render() {
         __classPrivateFieldSet$2(this, _KupDataTable_thRefs, [], "f");

package/dist/components/kup-manager.js

@@ -17585,6 +17585,8 @@ class KupManager {
      */
     constructor(overrides) {
         let datesLocale = null, debugActive = null, debugAutoprint = null, debugLogLimit = null, dialogRestrictContainer = null, dialogZIndex = null, languageList = null, languageName = null, objectsList = null, scrollOnHoverDelay = null, scrollOnHoverStep = null, themeList = null, themeName = null, tooltipDelay = null, tooltipFCellCallbacks = null;
+        /** POI VIA */
+        this.openAIInterface = { url: 'https://kokosstaging.smeup.com' };
         if (overrides) {
             const assetsPath = overrides.assetsPath;
             const dates = overrides.dates;
@@ -17595,6 +17597,7 @@ class KupManager {
             const scrollOnHover = overrides.scrollOnHover;
             const theme = overrides.theme;
             const tooltip = overrides.tooltip;
+            const openAIUrl = overrides.openAIUrl;
             if (assetsPath) {
                 setAssetPath(assetsPath);
             }
@@ -17637,6 +17640,9 @@ class KupManager {
                     ? tooltip.fCellCallbacks
                     : null;
             }
+            if (openAIUrl) {
+                this.openAIInterface = { url: openAIUrl };
+            }
         }
         this.data = new KupData();
         this.dates = new KupDates(datesLocale);
@@ -17645,6 +17651,7 @@ class KupManager {
         this.interact = new KupInteract(dialogZIndex, dialogRestrictContainer);
         this.language = new KupLanguage(languageList, languageName);
         this.magicBox = null;
+        this.openAI = null;
         this.math = new KupMath();
         this.overrides = overrides ? overrides : null;
         this.objects = new KupObjects(objectsList);
@@ -17757,6 +17764,123 @@ class KupManager {
             this.hideMagicBox();
         }
     }
+    /**
+     * Creates OpenAI component interface.
+     */
+    async showOpenAI(data) {
+        if (!this.openAIInterface || !this.openAIInterface.url) {
+            return;
+        }
+        if (this.openAI) {
+            return;
+        }
+        const response = await fetch(this.openAIInterface.url + '/api/init', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ data: data }),
+        });
+        console.log('kup-manager.showOpenAI() response', response);
+        if (response) {
+            if (response.status != 200) {
+                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
+                return;
+            }
+            const responseJson = await response.json();
+            this.openAIInterface.sessionInfo = {
+                fileId: responseJson.fileId,
+                threadId: responseJson.threadId,
+            };
+        }
+        this.openAI = document.createElement('kup-openai-interface');
+        this.openAI.id = 'kup-openai-interface';
+        this.openAI.style.position = 'fixed';
+        this.openAI.style.left = 'calc(50% - 250px)';
+        this.openAI.style.top = 'calc(50% - 85px)';
+        this.openAI.data = data;
+        document.body.appendChild(this.openAI);
+    }
+    /**
+     * Removes OpenAI component interface.
+     */
+    async hideOpenAI() {
+        if (!this.openAI) {
+            return;
+        }
+        this.openAI.remove();
+        this.openAI = null;
+        if (!this.openAIInterface || !this.openAIInterface.url) {
+            return;
+        }
+        if (!this.openAIInterface.sessionInfo) {
+            return;
+        }
+        const response = await fetch(this.openAIInterface.url + '/api/finalize', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                fileId: this.openAIInterface.sessionInfo.fileId,
+                threadId: this.openAIInterface.sessionInfo.threadId,
+            }),
+        });
+        console.log('kup-manager.hideOpenAI() response', response);
+        if (response) {
+            if (response.status != 200) {
+                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
+                return;
+            }
+            this.openAIInterface.sessionInfo = null;
+        }
+    }
+    /**
+     * Creates or removes OpenAI component interface depending on its existence.
+     */
+    toggleOpenAI(data) {
+        if (!this.openAI) {
+            this.showOpenAI(data);
+        }
+        else {
+            this.hideOpenAI();
+        }
+    }
+    async interactOpenAI(question) {
+        if (!this.openAI) {
+            return;
+        }
+        if (!this.openAIInterface || !this.openAIInterface.url) {
+            return;
+        }
+        if (!this.openAIInterface.sessionInfo) {
+            return;
+        }
+        const responseArray = [];
+        const response = await fetch(this.openAIInterface.url + '/api/chat', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                fileId: this.openAIInterface.sessionInfo.fileId,
+                threadId: this.openAIInterface.sessionInfo.threadId,
+                question: question,
+            }),
+        });
+        console.log('kup-manager.interactOpenAI() response', response);
+        if (response) {
+            if (response.status != 200) {
+                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
+                return;
+            }
+            const responseJson = await response.json();
+            if (responseJson && responseJson.messages) {
+                responseArray.push(...responseJson.messages);
+            }
+        }
+        return responseArray;
+    }
     /**
      * Sets both locale and language library-wide.
      * @param {KupDatesLocales} locale - The supported locale.