@digipair/skill-web-chatbot 0.37.5 → 0.38.1

package/index.esm2.js

@@ -23,6 +23,526 @@ typeof SuppressedError === "function" ? SuppressedError : function _SuppressedEr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+function asyncGeneratorStep$l(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator$l(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep$l(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep$l(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _ts_generator$m(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+function getBytes(stream, onChunk) {
+    return _getBytes.apply(this, arguments);
+}
+function _getBytes() {
+    _getBytes = _async_to_generator$l(function(stream, onChunk) {
+        var reader, result;
+        return _ts_generator$m(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    reader = stream.getReader();
+                    _state.label = 1;
+                case 1:
+                    return [
+                        4,
+                        reader.read()
+                    ];
+                case 2:
+                    if (!!(result = _state.sent()).done) return [
+                        3,
+                        3
+                    ];
+                    onChunk(result.value);
+                    return [
+                        3,
+                        1
+                    ];
+                case 3:
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return _getBytes.apply(this, arguments);
+}
+function getLines(onLine) {
+    var buffer;
+    var position;
+    var fieldLength;
+    var discardTrailingNewline = false;
+    return function onChunk(arr) {
+        if (buffer === undefined) {
+            buffer = arr;
+            position = 0;
+            fieldLength = -1;
+        } else {
+            buffer = concat(buffer, arr);
+        }
+        var bufLength = buffer.length;
+        var lineStart = 0;
+        while(position < bufLength){
+            if (discardTrailingNewline) {
+                if (buffer[position] === 10) {
+                    lineStart = ++position;
+                }
+                discardTrailingNewline = false;
+            }
+            var lineEnd = -1;
+            for(; position < bufLength && lineEnd === -1; ++position){
+                switch(buffer[position]){
+                    case 58:
+                        if (fieldLength === -1) {
+                            fieldLength = position - lineStart;
+                        }
+                        break;
+                    case 13:
+                        discardTrailingNewline = true;
+                    case 10:
+                        lineEnd = position;
+                        break;
+                }
+            }
+            if (lineEnd === -1) {
+                break;
+            }
+            onLine(buffer.subarray(lineStart, lineEnd), fieldLength);
+            lineStart = position;
+            fieldLength = -1;
+        }
+        if (lineStart === bufLength) {
+            buffer = undefined;
+        } else if (lineStart !== 0) {
+            buffer = buffer.subarray(lineStart);
+            position -= lineStart;
+        }
+    };
+}
+function getMessages(onId, onRetry, onMessage) {
+    var message = newMessage();
+    var decoder = new TextDecoder();
+    return function onLine(line, fieldLength) {
+        if (line.length === 0) {
+            onMessage === null || onMessage === void 0 ? void 0 : onMessage(message);
+            message = newMessage();
+        } else if (fieldLength > 0) {
+            var field = decoder.decode(line.subarray(0, fieldLength));
+            var valueOffset = fieldLength + (line[fieldLength + 1] === 32 ? 2 : 1);
+            var value = decoder.decode(line.subarray(valueOffset));
+            switch(field){
+                case "data":
+                    message.data = message.data ? message.data + "\n" + value : value;
+                    break;
+                case "event":
+                    message.event = value;
+                    break;
+                case "id":
+                    onId(message.id = value);
+                    break;
+                case "retry":
+                    var retry = parseInt(value, 10);
+                    if (!isNaN(retry)) {
+                        onRetry(message.retry = retry);
+                    }
+                    break;
+            }
+        }
+    };
+}
+function concat(a, b) {
+    var res = new Uint8Array(a.length + b.length);
+    res.set(a);
+    res.set(b, a.length);
+    return res;
+}
+function newMessage() {
+    return {
+        data: "",
+        event: "",
+        id: "",
+        retry: undefined
+    };
+}
+
+function asyncGeneratorStep$k(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator$k(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep$k(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep$k(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _ts_generator$l(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var __rest = undefined && undefined.__rest || function(s, e) {
+    var t = {};
+    for(var p in s)if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function") for(var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++){
+        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+    }
+    return t;
+};
+var EventStreamContentType = "text/event-stream";
+var DefaultRetryInterval = 1000;
+var LastEventId = "last-event-id";
+function fetchEventSource(input, _a) {
+    var inputSignal = _a.signal, inputHeaders = _a.headers, inputOnOpen = _a.onopen, onmessage = _a.onmessage, onclose = _a.onclose, onerror = _a.onerror, openWhenHidden = _a.openWhenHidden, inputFetch = _a.fetch, rest = __rest(_a, [
+        "signal",
+        "headers",
+        "onopen",
+        "onmessage",
+        "onclose",
+        "onerror",
+        "openWhenHidden",
+        "fetch"
+    ]);
+    return new Promise(function(resolve, reject) {
+        var onVisibilityChange = function onVisibilityChange() {
+            curRequestController.abort();
+            if (!document.hidden) {
+                create();
+            }
+        };
+        var dispose = function dispose() {
+            document.removeEventListener("visibilitychange", onVisibilityChange);
+            window.clearTimeout(retryTimer);
+            curRequestController.abort();
+        };
+        var create = function create() {
+            return _create.apply(this, arguments);
+        };
+        var headers = Object.assign({}, inputHeaders);
+        if (!headers.accept) {
+            headers.accept = EventStreamContentType;
+        }
+        var curRequestController;
+        if (!openWhenHidden) {
+            document.addEventListener("visibilitychange", onVisibilityChange);
+        }
+        var retryInterval = DefaultRetryInterval;
+        var retryTimer = 0;
+        inputSignal === null || inputSignal === void 0 ? void 0 : inputSignal.addEventListener("abort", function() {
+            dispose();
+            resolve();
+        });
+        var fetch = inputFetch !== null && inputFetch !== void 0 ? inputFetch : window.fetch;
+        var onopen = inputOnOpen !== null && inputOnOpen !== void 0 ? inputOnOpen : defaultOnOpen;
+        function _create() {
+            _create = _async_to_generator$k(function() {
+                var _$_a, response, err, interval;
+                return _ts_generator$l(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            curRequestController = new AbortController();
+                            _state.label = 1;
+                        case 1:
+                            _state.trys.push([
+                                1,
+                                5,
+                                ,
+                                6
+                            ]);
+                            return [
+                                4,
+                                fetch(input, Object.assign(Object.assign({}, rest), {
+                                    headers: headers,
+                                    signal: curRequestController.signal
+                                }))
+                            ];
+                        case 2:
+                            response = _state.sent();
+                            return [
+                                4,
+                                onopen(response)
+                            ];
+                        case 3:
+                            _state.sent();
+                            return [
+                                4,
+                                getBytes(response.body, getLines(getMessages(function(id) {
+                                    if (id) {
+                                        headers[LastEventId] = id;
+                                    } else {
+                                        delete headers[LastEventId];
+                                    }
+                                }, function(retry) {
+                                    retryInterval = retry;
+                                }, onmessage)))
+                            ];
+                        case 4:
+                            _state.sent();
+                            onclose === null || onclose === void 0 ? void 0 : onclose();
+                            dispose();
+                            resolve();
+                            return [
+                                3,
+                                6
+                            ];
+                        case 5:
+                            err = _state.sent();
+                            if (!curRequestController.signal.aborted) {
+                                try {
+                                    interval = (_$_a = onerror === null || onerror === void 0 ? void 0 : onerror(err)) !== null && _$_a !== void 0 ? _$_a : retryInterval;
+                                    window.clearTimeout(retryTimer);
+                                    retryTimer = window.setTimeout(create, interval);
+                                } catch (innerErr) {
+                                    dispose();
+                                    reject(innerErr);
+                                }
+                            }
+                            return [
+                                3,
+                                6
+                            ];
+                        case 6:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            });
+            return _create.apply(this, arguments);
+        }
+        create();
+    });
+}
+function defaultOnOpen(response) {
+    var contentType = response.headers.get("content-type");
+    if (!(contentType === null || contentType === void 0 ? void 0 : contentType.startsWith(EventStreamContentType))) {
+        throw new Error("Expected content-type to be ".concat(EventStreamContentType, ", Actual: ").concat(contentType));
+    }
+}
+
 /**
  * Returns a singleton HTML element, inserted in given parent element of HTML page,
  * used mostly to store and share global resources between multiple UI5 Web Components runtimes.
@@ -56850,7 +57370,9 @@ class ChatElement extends s$3 {
           .context=${_extends({}, this.context, ((_this_currentBoost1 = this.currentBoost) == null ? void 0 : _this_currentBoost1.context) || {})}
         ></digipair-chatbot-inputs>
 
-        ${!this.loading ? T : x`<section class="loading"><img src=${WRITTING_IMAGE} /></section>`}
+        ${!this.loading ? T : x`<section class="loading">
+              <span class="step">${this.loadingStep}</span><img src=${WRITTING_IMAGE} />
+            </section>`}
       </section>
 
       <section class="input-container ${this.currentBoost ? 'with-boost' : ''}">
@@ -56893,7 +57415,6 @@ class ChatElement extends s$3 {
     constructor(...args){
         super(...args);
         this.previousMessages = '';
-        this.previousCurrentBoostText = undefined;
     }
 }
 ChatElement.styles = [
@@ -57086,6 +57607,7 @@ ChatElement.styles = [
         max-width: 100%;
         width: 235px;
         overflow: hidden;
+        opacity: 0.3;
       }
 
       .input .assistant p {
@@ -57097,6 +57619,21 @@ ChatElement.styles = [
       .button.action {
         float: right;
       }
+
+      .loading {
+        overflow: visible;
+      }
+
+      .loading .step {
+        color: #bfc1c3;
+        margin-left: 45px;
+        padding-top: 15px;
+        display: block;
+      }
+
+      .loading img {
+        float: left;
+      }
     `
 ];
 __decorate$3([
@@ -57131,6 +57668,10 @@ __decorate$3([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], ChatElement.prototype, "inputs", null);
+__decorate$3([
+    n$3(),
+    __metadata("design:type", String)
+], ChatElement.prototype, "loadingStep", void 0);
 __decorate$3([
     e$2('#messageInput'),
     __metadata("design:type", typeof HTMLInputElement === "undefined" ? Object : HTMLInputElement)
@@ -58594,14 +59135,24 @@ const config = {
     }
 };
 
-let API_URL$1;
 class ChatbotElement extends s$3 {
+    CHAT_COMMAND(digipair, reasoning) {
+        return {
+            library: '@digipair/actions-chatbot',
+            element: 'executeRemoteReasoning',
+            properties: {
+                digipair,
+                reasoning: reasoning != null ? reasoning : 'conversation',
+                apiUrl: this.apiUrl
+            }
+        };
+    }
     connectedCallback() {
-        API_URL$1 = this.apiUrl;
         super.connectedCallback();
         this.loadUser();
         this.boostListener();
         this.externalBoostListener();
+        this.initializeSSE();
         document.addEventListener('click', this.blurEvent);
     }
     disconnectedCallback() {
@@ -58614,6 +59165,40 @@ class ChatbotElement extends s$3 {
                 }, detail)), 1);
         });
     }
+    initializeSSE() {
+        const digipair = this.code;
+        const reasoning = 'notification';
+        fetchEventSource(`${this.apiUrl}/${digipair}/${reasoning}`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            onmessage: (message)=>{
+                if (message.event !== 'message') {
+                    return;
+                }
+                const data = JSON.parse(message.data);
+                if (data.type === 'step') {
+                    this.loadingStep = message.content.step;
+                }
+                if (data.type === 'message') {
+                    this.pushMessage(data.content);
+                }
+            },
+            body: JSON.stringify({
+                userId: this.userId
+            }),
+            async onopen (response) {
+                console.log('open', response);
+            },
+            onclose () {
+                console.log('close');
+            },
+            onerror (err) {
+                console.error('Error:', err);
+            }
+        });
+    }
     loadUser() {
         this.newUser = false;
         if (this.userId) {
@@ -58706,6 +59291,7 @@ class ChatbotElement extends s$3 {
     }
     async execute(boost, message) {
         var _boost_command_properties_input, _boost_command_properties, _boost_command;
+        this.loadingStep = '';
         this.loading = true;
         if (message || (boost == null ? void 0 : (_boost_command = boost.command) == null ? void 0 : (_boost_command_properties = _boost_command.properties) == null ? void 0 : (_boost_command_properties_input = _boost_command_properties.input) == null ? void 0 : _boost_command_properties_input.prompt)) {
             this.messages.push({
@@ -58760,6 +59346,7 @@ class ChatbotElement extends s$3 {
                 content: 'Oops...'
             });
         }
+        this.loadingStep = '';
         this.loading = false;
     }
     executeBoost(boost) {
@@ -58818,6 +59405,7 @@ class ChatbotElement extends s$3 {
             config: this.metadata.config,
             variables: this.metadata.variables
         }}
+            currentStep=${this.loadingStep}
             @prompt=${(event)=>this.execute(this.currentBoost, event.detail.prompt)}
             @boost=${(event)=>this.setBoost(event.detail)}
           ></digipair-chatbot-chat>
@@ -58857,15 +59445,7 @@ class ChatbotElement extends s$3 {
         this.resultState = 'open';
         this.currentBoost = null;
         this.messages = [];
-        this.CHAT_COMMAND = (digipair, reasoning)=>({
-                library: '@digipair/actions-chatbot',
-                element: 'executeRemoteReasoning',
-                properties: {
-                    digipair,
-                    reasoning: reasoning != null ? reasoning : 'conversation',
-                    apiUrl: API_URL$1
-                }
-            });
+        this.loadingStep = '';
         this.alreadyOpened = false;
         this.isDigipairLoading = false;
         this.blurEvent = (event)=>{
@@ -58877,7 +59457,7 @@ class ChatbotElement extends s$3 {
         };
         this.executeScene = async (reasoning, input = {})=>{
             const digipair = this.code;
-            const response = await fetch(`${API_URL$1}/${digipair}/${reasoning}`, {
+            const response = await fetch(`${this.apiUrl}/${digipair}/${reasoning}`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json'
@@ -58920,6 +59500,9 @@ __decorate$3([
     r$1(),
     __metadata("design:type", Array)
 ], ChatbotElement.prototype, "messages", void 0);
+__decorate$3([
+    r$1()
+], ChatbotElement.prototype, "loadingStep", void 0);
 __decorate$3([
     e$2('digipair-chatbot-chat'),
     __metadata("design:type", typeof ChatElement === "undefined" ? Object : ChatElement)
@@ -59071,13 +59654,57 @@ const styles = i$5`
 
 */
 
-let API_URL;
 class DigipairFullElement extends s$3 {
+    CHAT_COMMAND(digipair, reasoning) {
+        return {
+            library: '@digipair/actions-chatbot',
+            element: 'executeRemoteReasoning',
+            properties: {
+                digipair,
+                reasoning: reasoning != null ? reasoning : 'conversation',
+                apiUrl: this.apiUrl
+            }
+        };
+    }
     connectedCallback() {
-        API_URL = this.apiUrl;
         super.connectedCallback();
         this.loadUser();
         this.loadBoosters();
+        this.initializeSSE();
+    }
+    initializeSSE() {
+        const digipair = this.code;
+        const reasoning = 'notification';
+        fetchEventSource(`${this.apiUrl}/${digipair}/${reasoning}`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            onmessage: (message)=>{
+                if (message.event !== 'message') {
+                    return;
+                }
+                const data = JSON.parse(message.data);
+                if (data.type === 'step') {
+                    this.loadingStep = message.content.step;
+                }
+                if (data.type === 'message') {
+                    this.pushMessage(data.content);
+                }
+            },
+            body: JSON.stringify({
+                userId: this.userId
+            }),
+            async onopen (response) {
+                console.log('open', response);
+            },
+            onclose () {
+                console.log('close');
+            },
+            onerror (err) {
+                console.error('Error:', err);
+            }
+        });
     }
     loadUser() {
         if (this.userId) {
@@ -59132,6 +59759,7 @@ class DigipairFullElement extends s$3 {
     }
     async execute(boost, message) {
         var _boost_command_properties_input, _boost_command_properties, _boost_command;
+        this.loadingStep = '';
         this.loading = true;
         if (message || (boost == null ? void 0 : (_boost_command = boost.command) == null ? void 0 : (_boost_command_properties = _boost_command.properties) == null ? void 0 : (_boost_command_properties_input = _boost_command_properties.input) == null ? void 0 : _boost_command_properties_input.prompt)) {
             this.messages.push({
@@ -59193,6 +59821,7 @@ class DigipairFullElement extends s$3 {
                 content: 'Oops...'
             });
         }
+        this.loadingStep = '';
         this.loading = false;
     }
     executeBoost(boost) {
@@ -59248,6 +59877,7 @@ class DigipairFullElement extends s$3 {
             config: this.metadata.config,
             variables: this.metadata.variables
         }}
+            currentStep=${this.loadingStep}
             @prompt=${(event)=>this.execute(this.currentBoost, event.detail.prompt)}
             @boost=${(event)=>this.setBoost(event.detail)}
           ></digipair-chatbot-chat>
@@ -59299,20 +59929,12 @@ class DigipairFullElement extends s$3 {
         this.loading = false;
         this.currentBoost = null;
         this.messages = [];
-        this.CHAT_COMMAND = (digipair, reasoning)=>({
-                library: '@digipair/actions-chatbot',
-                element: 'executeRemoteReasoning',
-                properties: {
-                    digipair,
-                    reasoning: reasoning != null ? reasoning : 'conversation',
-                    apiUrl: API_URL
-                }
-            });
+        this.loadingStep = '';
         this.cacheBoosters = [];
         this.isDigipairLoading = false;
         this.executeScene = async (reasoning, input = {})=>{
             const digipair = this.code;
-            const response = await fetch(`${API_URL}/${digipair}/${reasoning}`, {
+            const response = await fetch(`${this.apiUrl}/${digipair}/${reasoning}`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json'
@@ -59349,6 +59971,9 @@ __decorate$3([
     r$1(),
     __metadata("design:type", Array)
 ], DigipairFullElement.prototype, "messages", void 0);
+__decorate$3([
+    r$1()
+], DigipairFullElement.prototype, "loadingStep", void 0);
 __decorate$3([
     e$2('digipair-chatbot-chat'),
     __metadata("design:type", typeof ChatElement === "undefined" ? Object : ChatElement)