@alan-ai/alan-sdk-web 1.8.115 → 1.8.117

package/dist/AlanButton.d.ts

@@ -6,6 +6,7 @@ export interface AlanButton {
     activate: () => Promise<void>;
     deactivate: () => void;
     isActive: () => boolean;
+    isModelReady: () => boolean;
     remove: () => void;
     sendText: (text: string) => void;
     theme: {

package/dist/AlanButtonOptions.d.ts

@@ -16,7 +16,7 @@ export interface AlanButtonOptions {
     onCommand?: (commandData: object) => void;
     onEvent?: (event: object) => void;
     onButtonState?: (state: string) => void;
-    onConnectionStatus?: (status: string) => void;
+    onConnectionStatus?: (status: string, event: object) => void;
     textChat?: {
         closeDelay?: number;
         showBtnIfChatOpen?: boolean;

package/dist/alan_lib.js

@@ -224,10 +224,10 @@
 
     function ConnectionWrapper() {
         var _this = this;
-        this._worker = new Worker(window.URL.createObjectURL(new Blob(["(function(ns) {\n    'use strict';\n\n    var SENT_TS    = 1;\n    var REMOTE_TS  = 2;\n    var TIMESTAMP  = 3;\n    var AUDIO_DATA = 4;\n    var JSON_DATA  = 5;\n\n    AlanFrame.fields = [\n        propUint64(SENT_TS,   'sentTs'),\n        propUint64(REMOTE_TS, 'remoteTs'),\n        propUint64(TIMESTAMP, 'timestamp'),\n        propBytes(AUDIO_DATA, 'audioData'),\n        propJson(JSON_DATA,   'jsonData'),\n    ];\n\n    function AlanFrameProp(type, name, sizeF, readF, writeF) {\n        this.type   = type;\n        this.name   = name;\n        this.sizeF  = sizeF;\n        this.writeF = writeF;\n        this.readF  = readF;\n    }\n\n    function fixedSize(size) {\n        return function() {\n            return size;\n        }\n    }\n\n    function bufferSize(buffer) {\n        return 4 + byteLength(buffer);\n    }\n\n    function writeUIntN(uint8array, value, nBytes, offset) {\n        for (var i = 0; i < nBytes; i++ ) {\n            uint8array[offset + i] = 0xFF & value;\n            value /= 256;\n        }\n    }\n\n    function readUIntN(uint8array, nBytes, offset) {\n        var r = 0;\n        for (var i = nBytes - 1; i >= 0; i-- ) {\n            r *= 256;\n            r += 0xFF & uint8array[offset + i];\n        }\n        return r;\n    }\n\n    function writeUInt64(uint8array, value, offset) {\n        writeUIntN(uint8array, value, 8, offset);\n    }\n\n    function readUInt64(uint8array, offset) {\n        return readUIntN(uint8array, 8, offset);\n    }\n\n    function writeUInt32(uint8array, value, offset) {\n        writeUIntN(uint8array, value, 4, offset);\n    }\n\n    function readUInt32(uint8array, offset) {\n        return readUIntN(uint8array, 4, offset);\n    }\n\n    function writeBuffer(uint8array, buffer, offset) {\n        buffer = toUint8(buffer);\n        writeUInt32(uint8array, buffer.length, offset);\n        for (var i = 0; i < buffer.length; i++ ) {\n            uint8array[offset + 4 + i] = buffer[i];\n        }\n    }\n\n    function readBuffer(uint8array, offset) {\n        var size = readUInt32(uint8array, offset);\n        if (size > 1024 * 1024) {\n            throw new Error('buffer too big');\n        }\n        return uint8array.subarray(offset + 4, offset + 4 + size);\n    }\n\n    function readUTF8(uint8array, offset) {\n        var size = readUInt32(uint8array, offset);\n        if (size > 1024 * 1024) {\n            throw new Error('string too big');\n        }\n        return String.fromCharCode.apply(null, uint8array.slice(offset + 4, offset + 4 + size));\n    }\n\n    function writeUTF8(uint8array, string, offset) {\n        writeUInt32(uint8array, string.length, offset);\n        for (var i = 0; i < string.length; i++ ) {\n            uint8array[offset + 4 + i] = string.charCodeAt(i);\n        }\n    }\n\n    function sizeUTF8(string) {\n        return 4 + string.length;\n    }\n\n    function propUint32(type, name) {\n        return new AlanFrameProp(type, name, fixedSize(4), readUInt32, writeUInt32);\n    }\n\n    function propUint64(type, name) {\n        return new AlanFrameProp(type, name, fixedSize(8), readUInt64, writeUInt64);\n    }\n\n    function propBytes(type, name) {\n        return new AlanFrameProp(type, name, bufferSize, readBuffer, writeBuffer);\n    }\n\n    function propJson(type, name) {\n        return new AlanFrameProp(type, name, sizeUTF8, readUTF8, writeUTF8);\n    }\n\n    AlanFrame.fieldByType = function(type) {\n        for (var i = 0; i < AlanFrame.fields.length; i++ ) {\n            var frame = AlanFrame.fields[i];\n            if (frame.type === type) {\n                return frame;\n            }\n        }\n        throw new Error('invalid field: ' + type);\n    };\n\n    function AlanFrame() {\n        this.version = 1;\n    }\n\n    AlanFrame.prototype.write = function() {\n        var result = new Uint8Array(this.writeSize());\n        var offset = 1;\n        result[0]  = 1;\n        for (var i = 0; i < AlanFrame.fields.length; i++ ) {\n            var field = AlanFrame.fields[i];\n            var value = this[field.name];\n            if (value) {\n                result[offset++] = field.type;\n                field.writeF(result, value, offset);\n                offset += field.sizeF(value);\n            }\n        }\n        return result.buffer;\n    };\n\n    /**\n     * @returns UInt8Array\n     */\n    AlanFrame.prototype.writeSize = function() {\n        var size = 1;\n        for (var i = 0; i < AlanFrame.fields.length; i++ ) {\n            var field = AlanFrame.fields[i];\n            var value = this[field.name];\n            if (value) {\n                size += 1 + field.sizeF(value);\n            }\n        }\n        return size;\n    };\n\n    AlanFrame.prototype.toString = function() {\n        var first = true, str = '';\n        for (var k in this) {\n            if (this.hasOwnProperty(k)) {\n                if (first) {\n                    str += k + ' = ';\n                    first = false;\n                } else {\n                    str += ', ' + k + ' = ';\n                }\n                var v = this[k];\n                if (typeof(v) === 'object') {\n                    str += 'bytes[' + byteLength(v) + ']';\n                } else {\n                    str += v;\n                }\n            }\n        }\n        return str;\n    };\n\n    function byteLength(b) {\n        if (b instanceof Uint8Array) {\n            return b.length;\n        }\n        if (b instanceof ArrayBuffer) {\n            return b.byteLength;\n        }\n    }\n\n    function toArrayBuffer(buffer) {\n        if (buffer instanceof ArrayBuffer) {\n            return buffer;\n        }\n        return buffer.buffer;\n    }\n\n    function toUint8(buffer) {\n        if (buffer instanceof Uint8Array) {\n            return buffer;\n        }\n        if (buffer instanceof ArrayBuffer) {\n            return new Uint8Array(buffer);\n        }\n        throw new Error('invalid buffer type');\n    }\n\n    function parse(uint8array) {\n        uint8array = toUint8(uint8array);\n        var r = new AlanFrame();\n        var offset = 0;\n        r.version = uint8array[offset++];\n        while (offset < uint8array.length) {\n            var frame = AlanFrame.fieldByType(uint8array[offset++]);\n            r[frame.name] = frame.readF(uint8array, offset);\n            offset += frame.sizeF(r[frame.name]);\n        }\n        return r;\n    }\n\n    ns.create = function() {\n        return new AlanFrame();\n    };\n\n    ns.parse = parse;\n\n})(typeof(window)            !== 'undefined' ? (function() {window.alanFrame = {}; return window.alanFrame; })() :\n   typeof(WorkerGlobalScope) !== 'undefined' ? (function() {alanFrame = {}; return alanFrame; })() :\n   exports);\n\n\n'use strict';\n\n\n\nvar ALAN_OFF       = 'off';\nvar ALAN_SPEAKING  = 'speaking';\nvar ALAN_LISTENING = 'listening';\n\nfunction ConnectionImpl(config, auth, mode) {\n    var _this = this;\n    this._config = config;\n    this._auth = auth;\n    this._mode = mode;\n    this._projectId = config.projectId;\n    this._url = config.url;\n    this._connected = false;\n    this._authorized = false;\n    this._dialogId = null;\n    this._callId = 1;\n    this._callSent = {};\n    this._callWait = [];\n    this._failed = false;\n    this._closed = false;\n    this._reconnectTimeout = 100;\n    this._cleanups = [];\n    this._format = null;\n    this._formatSent = false;\n    this._frameQueue = [];\n    this._remoteSentTs = 0;\n    this._remoteRecvTs = 0;\n    this._rtt = 25;\n    this._rttAlpha = 1./16;\n    this._alanState = ALAN_OFF;\n    this._sendTimer = setInterval(_this._flushQueue.bind(_this), 50);\n    this._visualState = {};\n    this._addCleanup(function() {clearInterval(_this._sendTimer);});\n    this._connect();\n    console.log('Alan: connection created');\n}\n\nConnectionImpl.prototype._addCleanup = function(f) {\n    this._cleanups.push(f);\n};\n\nConnectionImpl.prototype._onConnectStatus = function(s) {\n    console.log('Alan: connection status - ' + s);\n    this._fire('connectStatus', s);\n};\n\nConnectionImpl.prototype._fire = function(event, object) {\n    if (event === 'options') {\n        if (object.versions) {\n            object.versions['alanbase:web'] = this._config.version;\n        }\n    }\n    postMessage(['fireEvent', event, object]);\n};\n\nConnectionImpl.prototype._connect = function() {\n    var _this = this;\n    if (this._socket) {\n        console.error('socket is already connected');\n        return;\n    }\n    console.log('Alan: connecting - ' + getConnectionDetails(this._url));\n    this._socket = new WebSocket(this._url);\n    this._socket.binaryType = 'arraybuffer';\n    console.time('Alan: connection time');\n    this._socket.onopen = function(e) {\n        console.info('Alan: connected');\n        _this._connected = true;\n        _this._reconnectTimeout = 100;\n        _this._fire('connection', {status: 'connected'});\n        console.timeEnd('Alan: connection time');\n        if (_this._auth) {\n            _this._fire('connection', {status: 'authorizing'});\n            _this._callAuth();\n        } else {\n            _this._callWait.forEach(function(c) {  _this._sendCall(c); });\n            _this._callWait = [];\n            _this._onConnectStatus('connected');\n        }\n    };\n    this._socket.onmessage = function(msg) {\n        if (msg.data instanceof ArrayBuffer) {\n            var f = alanFrame.parse(msg.data);\n            if (f.sentTs > 0) {\n                _this._remoteSentTs = f.sentTs;\n                _this._remoteRecvTs = Date.now();\n            } else {\n                _this._remoteSentTs = null;\n                _this._remoteRecvTs = null;\n            }\n            var rtt = 0;\n            if (f.remoteTs) {\n                rtt = Date.now() - f.remoteTs;\n            }\n            _this._rtt = _this._rttAlpha * rtt  + (1 - _this._rttAlpha) * _this._rtt;\n            var uint8 = new Uint8Array(f.audioData);\n            var frame = uint8;\n            postMessage(['alanAudio', 'playFrame', frame]);\n        } else if (typeof(msg.data) === 'string') {\n            msg = JSON.parse(msg.data);\n            if (msg.i) {\n                var c = _this._callSent[msg.i];\n                delete _this._callSent[msg.i];\n                if (c && c.callback) {\n                    c.callback(msg.e, msg.r);\n                }\n            } else if (msg.e) {\n                if (msg.e === 'text') {\n                    postMessage(['alanAudio', 'playText', msg.p]);\n                } else if (msg.e === 'afterText') {\n                    postMessage(['alanAudio', 'playAfterText', msg.p]);\n                } else if (msg.e === 'showPopup') {\n                    postMessage(['alanAudio', 'showPopup', msg.p]);\n                }  else if (msg.e === 'showButtons') {\n                    postMessage(['alanAudio', 'showButtons', msg.p]);\n                } else if (msg.e === 'command') {\n                    postMessage(['alanAudio', 'playCommand', msg.p]);\n                } else if (msg.e === 'inactivity') {\n                    postMessage(['alanAudio', 'stop']);\n                } else {\n                    _this._fire(msg.e, msg.p);\n                }\n            }\n        } else {\n            console.error('invalid message type');\n        }\n    };\n    this._socket.onerror = function(evt) {\n        _this._onConnectStatus('error');\n        console.error('Alan: connection closed due to error: ', evt);\n    };\n    this._socket.onclose = function(evt) {\n        console.info('Alan: connection closed');\n        _this._connected = false;\n        _this._authorized = false;\n        _this._socket = null;\n        _this._onConnectStatus('disconnected');\n        if (!_this._failed && _this._reconnectTimeout && !_this._closed) {\n            console.log('Alan: reconnecting in %s ms.', _this._reconnectTimeout);\n            _this._reConnect = setTimeout(_this._connect.bind(_this), _this._reconnectTimeout);\n            if (_this._reconnectTimeout < 3000) {\n                _this._reconnectTimeout *= 2;\n            } else {\n                _this._reconnectTimeout += 500;\n            }\n            _this._reconnectTimeout = Math.min(7000, _this._reconnectTimeout);\n        }\n    };\n    this._addCleanup(function() {\n        if (this._socket) {\n            this._socket.close();\n            this._socket = null;\n        }\n    });\n};\n\nConnectionImpl.prototype._callAuth = function() {\n    var _this = this;\n    var callback = function(err, r) {\n        if (!err && r.status === 'authorized') {\n            _this._authorized = true;\n            _this._formatSent = false;\n            if (r.dialogId) {\n                postMessage(['setDialogId', r.dialogId]);\n                _this._dialogId = r.dialogId;\n            }\n            _this._onAuthorized();\n            _this._onConnectStatus('authorized');\n        } else if (err === 'auth-failed') {\n            _this._onConnectStatus('auth-failed');\n            if (_this._socket) {\n                _this._socket.close();\n                _this._socket = null;\n                _this._failed = true;\n            }\n        } else {\n            _this._onConnectStatus('invalid-auth-response');\n            console.log('Alan: invalid auth response', err, r);\n        }\n    };\n    var authParam = this._auth;\n    authParam.timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n    if (this._dialogId) {\n        authParam.dialogId = this._dialogId;\n    }\n    authParam.mode = this._mode;\n    this._sendCall({cid: this._callId++, method: '_auth_', callback: callback, param: authParam});\n    return this;\n};\n\nConnectionImpl.prototype._sendCall = function(call) {\n    this._sendFormatIfNeeded(false);\n    this._socket.send(JSON.stringify({i: call.cid, m: call.method, p: call.param}));\n    if (call.callback) {\n        this._callSent[call.cid] = call;\n    }\n};\n\nConnectionImpl.prototype._onAuthorized = function() {\n    var _this = this;\n    this._callWait.forEach(function(c) {\n        _this._sendCall(c);\n    });\n    this._callWait = [];\n};\n\nConnectionImpl.prototype.close = function() {\n    for (var i = 0; i < this._cleanups.length; i++ ) {\n        this._cleanups[i]();\n    }\n    this._cleanups = [];\n    this._closed = true;\n    \n    if (this._socket && (this._socket.readyState === WebSocket.OPEN || this._socket.readyState === WebSocket.CONNECTING)) {\n        this._socket.close();\n        this._socket = null;\n    }\n    console.log('Alan: closed connection to: ' + getConnectionDetails(this._url));\n    //close(); TODO: delete it!\n};\n\nConnectionImpl.prototype.call = function(cid, method, param) {\n    var call = {cid: cid, method: method, param: param, callback: function(err, obj) {\n        if (cid) {\n            postMessage(['callback', cid, err, obj]);\n        }\n    }};\n    if (this._authorized || this._connected && !this._auth) {\n        this._sendCall(call);\n    } else {\n        this._callWait.push(call);\n    }\n};\n\nConnectionImpl.prototype.setVisual = function(state) {\n    this._visualState = state;\n    this.call(null, '_visual_', state);\n};\n\nConnectionImpl.prototype._sendFrame = function(frame) {\n    if (!this._socket) {\n        console.error('sendFrame to closed socket');\n        return;\n    }\n    frame.sentTs = Date.now();\n    if (this._remoteSentTs > 0 && this._remoteRecvTs > 0) {\n        frame.remoteTs = this._remoteSentTs + Date.now() - this._remoteRecvTs;\n    }\n    this._socket.send(frame.write());\n};\n\nConnectionImpl.prototype._listen = function() {\n    var f = alanFrame.create();\n    f.jsonData = JSON.stringify({signal: 'listen'});\n    this._frameQueue.push(f);\n    this._alanState = ALAN_LISTENING;\n};\n\nConnectionImpl.prototype._stopListen = function() {\n    var f = alanFrame.create();\n    f.jsonData = JSON.stringify({signal: 'stopListen'});\n    this._frameQueue.push(f);\n    this._alanState = ALAN_OFF;\n};\n\nConnectionImpl.prototype._onAudioFormat = function(format) {\n    this._formatSent = false;\n    this._format = format;\n};\n\nConnectionImpl.prototype._onMicFrame = function(sampleRate, frame) {\n    if (this._alanState === ALAN_SPEAKING) {\n        return;\n    }\n    if (this._alanState === ALAN_OFF) {\n        this._listen();\n    }\n    if (this._alanState !== ALAN_LISTENING) {\n        console.error('invalid alan state: ' + this._alanState);\n        return;\n    }\n    this._sendFormatIfNeeded(true);\n    var f = alanFrame.create();\n    f.audioData = frame;\n    this._frameQueue.push(f);\n};\n\nConnectionImpl.prototype._sendFormatIfNeeded = function(inQueue) {\n    if (!this._format || this._formatSent) {\n        return;\n    }\n    this._formatSent = true;\n    var f = alanFrame.create();\n    f.jsonData = JSON.stringify({format: this._format});\n    if (inQueue) {\n        this._frameQueue.push(f);\n    } else {\n        this._sendFrame(f);\n    }\n};\n\nConnectionImpl.prototype._flushQueue = function() {\n    if (!this._socket || !this._connected) {\n        var d = 0;\n        while (this._frameQueue.length > 100 && !this._frameQueue[0].jsonData) {\n            this._frameQueue.shift();\n            d++;\n        }\n        if (d > 0) {\n            console.error('dropped: %s, frames', d);\n        }\n        return;\n    }\n    while (this._frameQueue.length > 0 && this._socket && this._socket.bufferedAmount < 64 * 1024) {\n        this._sendFrame(this._frameQueue.shift());\n    }\n};\n\nfunction getConnectionDetails(url){\n    var urlParts = url.split('/');\n    var host = urlParts[2];\n    \n    // Find the index of 'ws_project' in the URL parts\n    var wsProjectIndex = -1;\n    for (var i = 0; i < urlParts.length; i++) {\n        if (urlParts[i] === 'ws_project') {\n            wsProjectIndex = i;\n            break;\n        }\n    }\n    \n    var projectId = wsProjectIndex !== -1 ? urlParts[wsProjectIndex + 1] : null;\n    var environment = wsProjectIndex !== -1 ? urlParts[wsProjectIndex + 2] : null;\n\n    if (projectId && environment && host) {\n        return ' (ProjectID: ' + projectId + ', environment: ' + environment + ', host: ' + host + ')';\n    }\n\n    return url;\n}\n\nfunction connectProject(config, auth, mode) {\n    var c = new ConnectionImpl(config, auth, mode);\n    c.onAudioEvent = function(event, arg1, arg2) {\n        if (event === 'format') {\n            c._onAudioFormat(arg1);\n        } else if (event === 'frame') {\n            c._onMicFrame(arg1, arg2);\n        } else if (event === 'micStop') {\n            c._stopListen();\n        } else if (event === 'playStart') {\n            // ignore\n        } else {\n            console.error('unknown audio event: ' + event, arg1, arg2);\n        }\n    };\n    return c;\n}\n\nvar factories = {\n    connectProject: connectProject,\n};\n\nvar currentConnect = null;\n\nonmessage = function(e) {\n    var name = e.data[0];\n    try {\n        if (!currentConnect) {\n            currentConnect = factories[name].apply(null, e.data.slice(1, e.data.length));\n        } else {\n            currentConnect[name].apply(currentConnect, e.data.slice(1, e.data.length));\n        }\n    } catch(e) {\n        console.error('error calling: ' + name, e);\n    }\n};\n"], {type: 'text/javascript'})));
+        this._worker = new Worker(window.URL.createObjectURL(new Blob(["(function(ns) {\n    'use strict';\n\n    var SENT_TS    = 1;\n    var REMOTE_TS  = 2;\n    var TIMESTAMP  = 3;\n    var AUDIO_DATA = 4;\n    var JSON_DATA  = 5;\n\n    AlanFrame.fields = [\n        propUint64(SENT_TS,   'sentTs'),\n        propUint64(REMOTE_TS, 'remoteTs'),\n        propUint64(TIMESTAMP, 'timestamp'),\n        propBytes(AUDIO_DATA, 'audioData'),\n        propJson(JSON_DATA,   'jsonData'),\n    ];\n\n    function AlanFrameProp(type, name, sizeF, readF, writeF) {\n        this.type   = type;\n        this.name   = name;\n        this.sizeF  = sizeF;\n        this.writeF = writeF;\n        this.readF  = readF;\n    }\n\n    function fixedSize(size) {\n        return function() {\n            return size;\n        }\n    }\n\n    function bufferSize(buffer) {\n        return 4 + byteLength(buffer);\n    }\n\n    function writeUIntN(uint8array, value, nBytes, offset) {\n        for (var i = 0; i < nBytes; i++ ) {\n            uint8array[offset + i] = 0xFF & value;\n            value /= 256;\n        }\n    }\n\n    function readUIntN(uint8array, nBytes, offset) {\n        var r = 0;\n        for (var i = nBytes - 1; i >= 0; i-- ) {\n            r *= 256;\n            r += 0xFF & uint8array[offset + i];\n        }\n        return r;\n    }\n\n    function writeUInt64(uint8array, value, offset) {\n        writeUIntN(uint8array, value, 8, offset);\n    }\n\n    function readUInt64(uint8array, offset) {\n        return readUIntN(uint8array, 8, offset);\n    }\n\n    function writeUInt32(uint8array, value, offset) {\n        writeUIntN(uint8array, value, 4, offset);\n    }\n\n    function readUInt32(uint8array, offset) {\n        return readUIntN(uint8array, 4, offset);\n    }\n\n    function writeBuffer(uint8array, buffer, offset) {\n        buffer = toUint8(buffer);\n        writeUInt32(uint8array, buffer.length, offset);\n        for (var i = 0; i < buffer.length; i++ ) {\n            uint8array[offset + 4 + i] = buffer[i];\n        }\n    }\n\n    function readBuffer(uint8array, offset) {\n        var size = readUInt32(uint8array, offset);\n        if (size > 1024 * 1024) {\n            throw new Error('buffer too big');\n        }\n        return uint8array.subarray(offset + 4, offset + 4 + size);\n    }\n\n    function readUTF8(uint8array, offset) {\n        var size = readUInt32(uint8array, offset);\n        if (size > 1024 * 1024) {\n            throw new Error('string too big');\n        }\n        return String.fromCharCode.apply(null, uint8array.slice(offset + 4, offset + 4 + size));\n    }\n\n    function writeUTF8(uint8array, string, offset) {\n        writeUInt32(uint8array, string.length, offset);\n        for (var i = 0; i < string.length; i++ ) {\n            uint8array[offset + 4 + i] = string.charCodeAt(i);\n        }\n    }\n\n    function sizeUTF8(string) {\n        return 4 + string.length;\n    }\n\n    function propUint32(type, name) {\n        return new AlanFrameProp(type, name, fixedSize(4), readUInt32, writeUInt32);\n    }\n\n    function propUint64(type, name) {\n        return new AlanFrameProp(type, name, fixedSize(8), readUInt64, writeUInt64);\n    }\n\n    function propBytes(type, name) {\n        return new AlanFrameProp(type, name, bufferSize, readBuffer, writeBuffer);\n    }\n\n    function propJson(type, name) {\n        return new AlanFrameProp(type, name, sizeUTF8, readUTF8, writeUTF8);\n    }\n\n    AlanFrame.fieldByType = function(type) {\n        for (var i = 0; i < AlanFrame.fields.length; i++ ) {\n            var frame = AlanFrame.fields[i];\n            if (frame.type === type) {\n                return frame;\n            }\n        }\n        throw new Error('invalid field: ' + type);\n    };\n\n    function AlanFrame() {\n        this.version = 1;\n    }\n\n    AlanFrame.prototype.write = function() {\n        var result = new Uint8Array(this.writeSize());\n        var offset = 1;\n        result[0]  = 1;\n        for (var i = 0; i < AlanFrame.fields.length; i++ ) {\n            var field = AlanFrame.fields[i];\n            var value = this[field.name];\n            if (value) {\n                result[offset++] = field.type;\n                field.writeF(result, value, offset);\n                offset += field.sizeF(value);\n            }\n        }\n        return result.buffer;\n    };\n\n    /**\n     * @returns UInt8Array\n     */\n    AlanFrame.prototype.writeSize = function() {\n        var size = 1;\n        for (var i = 0; i < AlanFrame.fields.length; i++ ) {\n            var field = AlanFrame.fields[i];\n            var value = this[field.name];\n            if (value) {\n                size += 1 + field.sizeF(value);\n            }\n        }\n        return size;\n    };\n\n    AlanFrame.prototype.toString = function() {\n        var first = true, str = '';\n        for (var k in this) {\n            if (this.hasOwnProperty(k)) {\n                if (first) {\n                    str += k + ' = ';\n                    first = false;\n                } else {\n                    str += ', ' + k + ' = ';\n                }\n                var v = this[k];\n                if (typeof(v) === 'object') {\n                    str += 'bytes[' + byteLength(v) + ']';\n                } else {\n                    str += v;\n                }\n            }\n        }\n        return str;\n    };\n\n    function byteLength(b) {\n        if (b instanceof Uint8Array) {\n            return b.length;\n        }\n        if (b instanceof ArrayBuffer) {\n            return b.byteLength;\n        }\n    }\n\n    function toArrayBuffer(buffer) {\n        if (buffer instanceof ArrayBuffer) {\n            return buffer;\n        }\n        return buffer.buffer;\n    }\n\n    function toUint8(buffer) {\n        if (buffer instanceof Uint8Array) {\n            return buffer;\n        }\n        if (buffer instanceof ArrayBuffer) {\n            return new Uint8Array(buffer);\n        }\n        throw new Error('invalid buffer type');\n    }\n\n    function parse(uint8array) {\n        uint8array = toUint8(uint8array);\n        var r = new AlanFrame();\n        var offset = 0;\n        r.version = uint8array[offset++];\n        while (offset < uint8array.length) {\n            var frame = AlanFrame.fieldByType(uint8array[offset++]);\n            r[frame.name] = frame.readF(uint8array, offset);\n            offset += frame.sizeF(r[frame.name]);\n        }\n        return r;\n    }\n\n    ns.create = function() {\n        return new AlanFrame();\n    };\n\n    ns.parse = parse;\n\n})(typeof(window)            !== 'undefined' ? (function() {window.alanFrame = {}; return window.alanFrame; })() :\n   typeof(WorkerGlobalScope) !== 'undefined' ? (function() {alanFrame = {}; return alanFrame; })() :\n   exports);\n\n\n'use strict';\n\n\n\nvar ALAN_OFF       = 'off';\nvar ALAN_SPEAKING  = 'speaking';\nvar ALAN_LISTENING = 'listening';\n\nfunction ConnectionImpl(config, auth, mode) {\n    var _this = this;\n    this._config = config;\n    this._auth = auth;\n    this._mode = mode;\n    this._projectId = config.projectId;\n    this._url = config.url;\n    this._connected = false;\n    this._authorized = false;\n    this._dialogId = null;\n    this._callId = 1;\n    this._callSent = {};\n    this._callWait = [];\n    this._failed = false;\n    this._closed = false;\n    this._reconnectTimeout = 100;\n    this._cleanups = [];\n    this._format = null;\n    this._formatSent = false;\n    this._frameQueue = [];\n    this._remoteSentTs = 0;\n    this._remoteRecvTs = 0;\n    this._rtt = 25;\n    this._rttAlpha = 1./16;\n    this._alanState = ALAN_OFF;\n    this._sendTimer = setInterval(_this._flushQueue.bind(_this), 50);\n    this._visualState = {};\n    this._addCleanup(function() {clearInterval(_this._sendTimer);});\n    this._connect();\n    console.log('Alan: connection created');\n}\n\nConnectionImpl.prototype._addCleanup = function(f) {\n    this._cleanups.push(f);\n};\n\nConnectionImpl.prototype._onConnectStatus = function(s, evt) {\n    console.log('Alan: connection status - ' + s);\n    this._fire('connectStatus', s, evt ? {\n        code: evt.code,\n        reason: evt.reason,\n        wasClean: evt.wasClean,\n    } : {});\n};\n\nConnectionImpl.prototype._fire = function(event, object, data) {\n    if (event === 'options') {\n        if (object.versions) {\n            object.versions['alanbase:web'] = this._config.version;\n        }\n    }\n    postMessage(['fireEvent', event, object, data]);\n};\n\nConnectionImpl.prototype._connect = function() {\n    var _this = this;\n    if (this._socket) {\n        console.error('socket is already connected');\n        return;\n    }\n    console.log('Alan: connecting - ' + getConnectionDetails(this._url));\n    this._socket = new WebSocket(this._url);\n    this._socket.binaryType = 'arraybuffer';\n    console.time('Alan: connection time');\n    this._socket.onopen = function(e) {\n        console.info('Alan: connected');\n        _this._connected = true;\n        _this._reconnectTimeout = 100;\n        _this._fire('connection', {status: 'connected'});\n        console.timeEnd('Alan: connection time');\n        if (_this._auth) {\n            _this._fire('connection', {status: 'authorizing'});\n            _this._callAuth();\n        } else {\n            _this._callWait.forEach(function(c) {  _this._sendCall(c); });\n            _this._callWait = [];\n            _this._onConnectStatus('connected');\n        }\n    };\n    this._socket.onmessage = function(msg) {\n        if (msg.data instanceof ArrayBuffer) {\n            var f = alanFrame.parse(msg.data);\n            if (f.sentTs > 0) {\n                _this._remoteSentTs = f.sentTs;\n                _this._remoteRecvTs = Date.now();\n            } else {\n                _this._remoteSentTs = null;\n                _this._remoteRecvTs = null;\n            }\n            var rtt = 0;\n            if (f.remoteTs) {\n                rtt = Date.now() - f.remoteTs;\n            }\n            _this._rtt = _this._rttAlpha * rtt  + (1 - _this._rttAlpha) * _this._rtt;\n            var uint8 = new Uint8Array(f.audioData);\n            var frame = uint8;\n            postMessage(['alanAudio', 'playFrame', frame]);\n        } else if (typeof(msg.data) === 'string') {\n            msg = JSON.parse(msg.data);\n            if (msg.i) {\n                var c = _this._callSent[msg.i];\n                delete _this._callSent[msg.i];\n                if (c && c.callback) {\n                    c.callback(msg.e, msg.r);\n                }\n            } else if (msg.e) {\n                if (msg.e === 'text') {\n                    postMessage(['alanAudio', 'playText', msg.p]);\n                } else if (msg.e === 'afterText') {\n                    postMessage(['alanAudio', 'playAfterText', msg.p]);\n                } else if (msg.e === 'showPopup') {\n                    postMessage(['alanAudio', 'showPopup', msg.p]);\n                }  else if (msg.e === 'showButtons') {\n                    postMessage(['alanAudio', 'showButtons', msg.p]);\n                } else if (msg.e === 'command') {\n                    postMessage(['alanAudio', 'playCommand', msg.p]);\n                } else if (msg.e === 'inactivity') {\n                    postMessage(['alanAudio', 'stop']);\n                } else {\n                    _this._fire(msg.e, msg.p);\n                }\n            }\n        } else {\n            console.error('invalid message type');\n        }\n    };\n    this._socket.onerror = function(evt) {\n        _this._onConnectStatus('error', evt);\n        console.error('Alan: connection closed due to error: ', evt);\n    };\n    this._socket.onclose = function(evt) {\n        console.info('Alan: connection closed');\n        _this._connected = false;\n        _this._authorized = false;\n        _this._socket = null;\n        _this._onConnectStatus('disconnected', evt);\n        if (!_this._failed && _this._reconnectTimeout && !_this._closed) {\n            console.log('Alan: reconnecting in %s ms.', _this._reconnectTimeout);\n            _this._reConnect = setTimeout(_this._connect.bind(_this), _this._reconnectTimeout);\n            if (_this._reconnectTimeout < 3000) {\n                _this._reconnectTimeout *= 2;\n            } else {\n                _this._reconnectTimeout += 500;\n            }\n            _this._reconnectTimeout = Math.min(7000, _this._reconnectTimeout);\n        }\n    };\n    this._addCleanup(function() {\n        if (this._socket) {\n            this._socket.close();\n            this._socket = null;\n        }\n    });\n};\n\nConnectionImpl.prototype._callAuth = function() {\n    var _this = this;\n    var callback = function(err, r) {\n        if (!err && r.status === 'authorized') {\n            _this._authorized = true;\n            _this._formatSent = false;\n            if (r.dialogId) {\n                postMessage(['setDialogId', r.dialogId]);\n                _this._dialogId = r.dialogId;\n            }\n            _this._onAuthorized();\n            _this._onConnectStatus('authorized');\n        } else if (err === 'auth-failed') {\n            _this._onConnectStatus('auth-failed');\n            if (_this._socket) {\n                _this._socket.close();\n                _this._socket = null;\n                _this._failed = true;\n            }\n        } else {\n            _this._onConnectStatus('invalid-auth-response');\n            console.log('Alan: invalid auth response', err, r);\n        }\n    };\n    var authParam = this._auth;\n    authParam.timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n    if (this._dialogId) {\n        authParam.dialogId = this._dialogId;\n    }\n    authParam.mode = this._mode;\n    this._sendCall({cid: this._callId++, method: '_auth_', callback: callback, param: authParam});\n    return this;\n};\n\nConnectionImpl.prototype._sendCall = function(call) {\n    this._sendFormatIfNeeded(false);\n    this._socket.send(JSON.stringify({i: call.cid, m: call.method, p: call.param}));\n    if (call.callback) {\n        this._callSent[call.cid] = call;\n    }\n};\n\nConnectionImpl.prototype._onAuthorized = function() {\n    var _this = this;\n    this._callWait.forEach(function(c) {\n        _this._sendCall(c);\n    });\n    this._callWait = [];\n};\n\nConnectionImpl.prototype.close = function() {\n    for (var i = 0; i < this._cleanups.length; i++ ) {\n        this._cleanups[i]();\n    }\n    this._cleanups = [];\n    this._closed = true;\n    \n    if (this._socket && (this._socket.readyState === WebSocket.OPEN || this._socket.readyState === WebSocket.CONNECTING)) {\n        this._socket.close();\n        this._socket = null;\n    }\n    console.log('Alan: closed connection to: ' + getConnectionDetails(this._url));\n    //close(); TODO: delete it!\n};\n\nConnectionImpl.prototype.call = function(cid, method, param) {\n    var call = {cid: cid, method: method, param: param, callback: function(err, obj) {\n        if (cid) {\n            postMessage(['callback', cid, err, obj]);\n        }\n    }};\n    if (this._authorized || this._connected && !this._auth) {\n        this._sendCall(call);\n    } else {\n        this._callWait.push(call);\n    }\n};\n\nConnectionImpl.prototype.setVisual = function(state) {\n    this._visualState = state;\n    this.call(null, '_visual_', state);\n};\n\nConnectionImpl.prototype._sendFrame = function(frame) {\n    if (!this._socket) {\n        console.error('sendFrame to closed socket');\n        return;\n    }\n    frame.sentTs = Date.now();\n    if (this._remoteSentTs > 0 && this._remoteRecvTs > 0) {\n        frame.remoteTs = this._remoteSentTs + Date.now() - this._remoteRecvTs;\n    }\n    this._socket.send(frame.write());\n};\n\nConnectionImpl.prototype._listen = function() {\n    var f = alanFrame.create();\n    f.jsonData = JSON.stringify({signal: 'listen'});\n    this._frameQueue.push(f);\n    this._alanState = ALAN_LISTENING;\n};\n\nConnectionImpl.prototype._stopListen = function() {\n    var f = alanFrame.create();\n    f.jsonData = JSON.stringify({signal: 'stopListen'});\n    this._frameQueue.push(f);\n    this._alanState = ALAN_OFF;\n};\n\nConnectionImpl.prototype._onAudioFormat = function(format) {\n    this._formatSent = false;\n    this._format = format;\n};\n\nConnectionImpl.prototype._onMicFrame = function(sampleRate, frame) {\n    if (this._alanState === ALAN_SPEAKING) {\n        return;\n    }\n    if (this._alanState === ALAN_OFF) {\n        this._listen();\n    }\n    if (this._alanState !== ALAN_LISTENING) {\n        console.error('invalid alan state: ' + this._alanState);\n        return;\n    }\n    this._sendFormatIfNeeded(true);\n    var f = alanFrame.create();\n    f.audioData = frame;\n    this._frameQueue.push(f);\n};\n\nConnectionImpl.prototype._sendFormatIfNeeded = function(inQueue) {\n    if (!this._format || this._formatSent) {\n        return;\n    }\n    this._formatSent = true;\n    var f = alanFrame.create();\n    f.jsonData = JSON.stringify({format: this._format});\n    if (inQueue) {\n        this._frameQueue.push(f);\n    } else {\n        this._sendFrame(f);\n    }\n};\n\nConnectionImpl.prototype._flushQueue = function() {\n    if (!this._socket || !this._connected) {\n        var d = 0;\n        while (this._frameQueue.length > 100 && !this._frameQueue[0].jsonData) {\n            this._frameQueue.shift();\n            d++;\n        }\n        if (d > 0) {\n            console.error('dropped: %s, frames', d);\n        }\n        return;\n    }\n    while (this._frameQueue.length > 0 && this._socket && this._socket.bufferedAmount < 64 * 1024) {\n        this._sendFrame(this._frameQueue.shift());\n    }\n};\n\nfunction getConnectionDetails(url){\n    var urlParts = url.split('/');\n    var host = urlParts[2];\n    \n    // Find the index of 'ws_project' in the URL parts\n    var wsProjectIndex = -1;\n    for (var i = 0; i < urlParts.length; i++) {\n        if (urlParts[i] === 'ws_project') {\n            wsProjectIndex = i;\n            break;\n        }\n    }\n    \n    var projectId = wsProjectIndex !== -1 ? urlParts[wsProjectIndex + 1] : null;\n    var environment = wsProjectIndex !== -1 ? urlParts[wsProjectIndex + 2] : null;\n\n    if (projectId && environment && host) {\n        return ' (ProjectID: ' + projectId + ', environment: ' + environment + ', host: ' + host + ')';\n    }\n\n    return url;\n}\n\nfunction connectProject(config, auth, mode) {\n    var c = new ConnectionImpl(config, auth, mode);\n    c.onAudioEvent = function(event, arg1, arg2) {\n        if (event === 'format') {\n            c._onAudioFormat(arg1);\n        } else if (event === 'frame') {\n            c._onMicFrame(arg1, arg2);\n        } else if (event === 'micStop') {\n            c._stopListen();\n        } else if (event === 'playStart') {\n            // ignore\n        } else {\n            console.error('unknown audio event: ' + event, arg1, arg2);\n        }\n    };\n    return c;\n}\n\nvar factories = {\n    connectProject: connectProject,\n};\n\nvar currentConnect = null;\n\nonmessage = function(e) {\n    var name = e.data[0];\n    try {\n        if (!currentConnect) {\n            currentConnect = factories[name].apply(null, e.data.slice(1, e.data.length));\n        } else {\n            currentConnect[name].apply(currentConnect, e.data.slice(1, e.data.length));\n        }\n    } catch(e) {\n        console.error('error calling: ' + name, e);\n    }\n};\n"], {type: 'text/javascript'})));
         this._worker.onmessage = function(e) {
             if (e.data[0] === 'fireEvent') {
-                _this._fire(e.data[1], e.data[2]);
+                _this._fire(e.data[1], e.data[2], e.data[3]);
                 return;
             }
             if (e.data[0] === 'alanAudio') {           
@@ -328,11 +328,11 @@
         this._worker.terminate();
     };
 
-    ConnectionWrapper.prototype._fire = function(event, object) {
+    ConnectionWrapper.prototype._fire = function(event, object, data) {
         var h = this._handlers[event];
         if (h) {
             for (var i = 0; i < h.length; i++ ) {
-                h[i](object);
+                h[i](object, data);
             }
         }
     };
@@ -98082,6 +98082,9 @@
             opacity:0.8;
         }`;
     }
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-send-btn.alan-btn__disconnected {
+        pointer-events: none!important;
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-mic-btn {
         position: absolute;
         left: 0px;
@@ -98875,7 +98878,9 @@
         width:${likeDislikeBtnWidth}px;
         min-width:${likeDislikeBtnWidth}px;
         height:${likeDislikeBtnHeight}px;
+        max-height:${likeDislikeBtnHeight}px;
         min-height:${likeDislikeBtnHeight}px;
+        overflow: hidden;
         ` : ``};
         
      }`;
@@ -98888,7 +98893,9 @@
         width:${likeDislikeBtnWidth}px;
         min-width:${likeDislikeBtnWidth}px;
         height:${likeDislikeBtnHeight}px;
+        max-height:${likeDislikeBtnHeight}px;
         min-height:${likeDislikeBtnHeight}px;
+        overflow: hidden;
         ` : ``};
      }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn {
@@ -98900,7 +98907,9 @@
         width:${copyBtnWidth}px;
         min-width:${copyBtnWidth}px;
         height:${copyBtnHeight}px;
+        max-height:${copyBtnHeight}px;
         min-height:${copyBtnHeight}px;
+        overflow: hidden;
         ` : ``};
      }`;
     const bottomBtnsBgColor = textChatOptions?.bubbles?.response?.bottomBtns?.backgroundColor?.hover || `#dcddde`;
@@ -98919,14 +98928,17 @@
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn svg {
         width: 20px;
      }`;
-    keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn svg path {
-        fill: ${bottomBtnsColor};
+    const customCopyIcon = textChatOptions?.bubbles?.response?.copyBtnAppearance?.default?.icon?.svg || textChatOptions?.bubbles?.response?.copyBtnAppearance?.selected?.icon?.svg;
+    keyFrames += styleSheetMarker + ` .alan-btn__chat-response__copy-btn:not(.preview) svg path {
+          fill: ${bottomBtnsColor};
      }`;
-    keyFrames += styleSheetMarker + `.alan-btn__chat-response__like-btn svg path  {
-        fill: ${bottomBtnsColor};
+    const customLikeIcon = textChatOptions?.bubbles?.response?.likeBtnAppearance?.default?.icon?.svg || textChatOptions?.bubbles?.response?.likeBtnAppearance?.selected?.icon?.svg;
+    const customDislikeIcon = textChatOptions?.bubbles?.response?.dislikeBtnAppearance?.default?.icon?.svg || textChatOptions?.bubbles?.response?.dislikeBtnAppearance?.selected?.icon?.svg;
+    keyFrames += styleSheetMarker + ` .alan-btn__chat-response__like-btn:not(.preview) svg path  {
+         fill: ${bottomBtnsColor};
     }`;
-    keyFrames += styleSheetMarker + `.alan-btn__chat-response__dislike-btn svg path  {
-        fill: ${bottomBtnsColor};
+    keyFrames += styleSheetMarker + ` .alan-btn__chat-response__dislike-btn:not(.preview) svg path  {
+           fill: ${bottomBtnsColor};
     }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-graph  {
         display: none;
@@ -101024,24 +101036,46 @@ code.hljs {
   }
 
   // alan_btn/src/textChat/buildCommandsBlock.ts
-  function buildCommandsBlock(msg, textChatOptions) {
+  function buildCommandsBlock(msg, textChatOptions, customClasses = "") {
     const isBlockVisible = msg.ctx?.enableFeedback || textChatOptions?.bubbles?.response?.copyBtn;
     return `<div class="alan-btn__chat-response-commands-wrapper ${isBlockVisible !== true ? "alan-btn__chat-response-commands-wrapper-hidden" : ""}">
         <div class="alan-btn__chat-response-commands-wrapper-content">
-        ${buildCopyBtnContent(msg)}
+        ${buildCopyBtnContent(msg, textChatOptions, customClasses)}
         ${msg.ctx?.enableFeedback ? `
-        <span class="alan-btn__chat-response__like-btn ${msg.liked >= 1 ? "selected" : ""}">${getLikeSvgIcon(msg)}</span>
-        <span class="alan-btn__chat-response__dislike-btn ${msg.liked <= -1 ? "selected" : ""}">${getDislikeSvgIcon(msg)}</span>` : ""}
+        <span class="alan-btn__chat-response__like-btn ${customClasses} ${msg.liked >= 1 ? "selected" : ""}">${getLikeSvgIcon(msg, textChatOptions)}</span>
+        <span class="alan-btn__chat-response__dislike-btn ${customClasses} ${msg.liked <= -1 ? "selected" : ""}">${getDislikeSvgIcon(msg, textChatOptions)}</span>` : ""}
         </div></div>`;
   }
-  function getLikeSvgIcon(msg) {
-    return msg.liked === 1 ? chatIcons.likeSelected : chatIcons.like;
+  function getLikeSvgIcon(msg, textChatOptions) {
+    const likeIcon = textChatOptions?.bubbles?.response?.likeBtnAppearance?.default?.icon?.svg || chatIcons.like;
+    const likeIconSelected = textChatOptions?.bubbles?.response?.likeBtnAppearance?.selected?.icon?.svg || chatIcons.likeSelected;
+    return msg.liked === 1 ? likeIconSelected : likeIcon;
+  }
+  function getDislikeSvgIcon(msg, textChatOptions) {
+    const dislikeIcon = textChatOptions?.bubbles?.response?.dislikeBtnAppearance?.default?.icon?.svg || chatIcons.dislike;
+    const dislikeIconSelected = textChatOptions?.bubbles?.response?.dislikeBtnAppearance?.selected?.icon?.svg || chatIcons.dislikeSelected;
+    return msg.liked === -1 ? dislikeIconSelected : dislikeIcon;
+  }
+  function setSvgClass(svg, className) {
+    if (!svg || typeof svg !== "string") return "";
+    if (/class\s*=\s*["'][^"']*["']/i.test(svg)) {
+      return svg.replace(/class\s*=\s*(["'])([^"']*)\1/i, (match, quote, classes) => {
+        if ((classes || "").split(/\s+/).includes(className)) return match;
+        return `class=${quote}${className} ${classes}${quote}`;
+      });
+    }
+    return svg.replace(/<svg\b/i, `<svg class="${className}"`);
   }
-  function getDislikeSvgIcon(msg) {
-    return msg.liked === -1 ? chatIcons.dislikeSelected : chatIcons.dislike;
+  function getCopySvgIcon(textChatOptions) {
+    const copyIcon = textChatOptions?.bubbles?.response?.copyBtnAppearance?.default?.icon?.svg || chatIcons.copy;
+    return setSvgClass(copyIcon, "alan-btn__copy-icon");
   }
-  function buildCopyBtnContent(msg) {
-    const copyBtn = `<div class = "alan-btn__chat-response__copy-btn">${chatIcons.copy}${chatIcons.copied}</div>`;
+  function getCopiedSvgIcon(textChatOptions) {
+    const copiedIcon = textChatOptions?.bubbles?.response?.copyBtnAppearance?.selected?.icon?.svg || chatIcons.copied;
+    return setSvgClass(copiedIcon, "alan-btn__copied-icon");
+  }
+  function buildCopyBtnContent(msg, textChatOptions, customClasses) {
+    const copyBtn = `<div class = "alan-btn__chat-response__copy-btn ${customClasses}">${getCopySvgIcon(textChatOptions)}${getCopiedSvgIcon(textChatOptions)}</div>`;
     if (msg.initLoad) return copyBtn;
     return msg.type === "response" && isFinalMessage(msg) ? copyBtn : "";
   }
@@ -101054,12 +101088,12 @@ code.hljs {
       }
     }
   }
-  function resetStylesForLikeAndDislikeBtns(curMsgBubble, msg) {
+  function resetStylesForLikeAndDislikeBtns(curMsgBubble, msg, textChatOptions) {
     const likeBtnEl = curMsgBubble.querySelector(".alan-btn__chat-response__like-btn");
     const dislikeBtnEl = curMsgBubble.querySelector(".alan-btn__chat-response__dislike-btn");
     if (likeBtnEl && dislikeBtnEl) {
-      likeBtnEl.innerHTML = getLikeSvgIcon(msg);
-      dislikeBtnEl.innerHTML = getDislikeSvgIcon(msg);
+      likeBtnEl.innerHTML = getLikeSvgIcon(msg, textChatOptions);
+      dislikeBtnEl.innerHTML = getDislikeSvgIcon(msg, textChatOptions);
     }
   }
   function deleteHiddenImagesWithCode(str) {
@@ -143607,8 +143641,8 @@ Expat https://libexpat.github.io
   // alan_btn/alan_btn.ts
   (function(ns) {
     const uiState10 = getUIState();
-    uiState10.lib.version = "alan-version.1.8.115".replace("alan-version.", "");
-    window.alanLib = { version: "alan-version.1.8.115".replace("alan-version.", "") };
+    uiState10.lib.version = "alan-version.1.8.117".replace("alan-version.", "");
+    window.alanLib = { version: "alan-version.1.8.117".replace("alan-version.", "") };
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState10.lib.version + ")");
     }
@@ -143774,6 +143808,9 @@ Expat https://libexpat.github.io
         isActive: function() {
           return isAlanActive;
         },
+        isModelReady: function() {
+          return isModelReady;
+        },
         sendText: (text5) => {
           _sendText(text5);
         },
@@ -143867,6 +143904,8 @@ Expat https://libexpat.github.io
           window.tutorProject.off("text", onTextCbInMicBtn);
           window.tutorProject.off("queryProgress", onQueryProgressCb);
           window.tutorProject.off("parsed", onParsedCbInMicBtn);
+          window.tutorProject.off("modelUpdate", onModelUpdate);
+          window.tutorProject.off("scripts", onScriptsUpdate);
           alanAudio.off("command", onCommandCbInMicBtn);
           alanAudio.off("afterText", onAfterTextCbInMicBtn);
           document.removeEventListener("click", alanBtnClickEventListener);
@@ -143919,6 +143958,7 @@ Expat https://libexpat.github.io
         "default": "ONLINE",
         "offline": "OFFLINE",
         "disconnected": "CONNECTING",
+        "modelIsUpdating": "MODEL_IS_UPDATING",
         "listening": "LISTEN",
         "understood": "PROCESS",
         "intermediate": "PROCESS",
@@ -143933,6 +143973,7 @@ Expat https://libexpat.github.io
       var INTERMEDIATE = "intermediate";
       var UNDERSTOOD = "understood";
       var DISCONNECTED = "disconnected";
+      var MODEL_IS_UPDATING = "modelIsUpdating";
       var OFFLINE = "offline";
       var LOW_VOLUME = "lowVolume";
       var PERMISSION_DENIED = "permissionDenied";
@@ -143953,6 +143994,9 @@ Expat https://libexpat.github.io
       var previousState = null;
       var isAlanSpeaking = false;
       var isAlanActive = false;
+      var isModelReady = false;
+      var modelHash = null;
+      var scriptHash = null;
       var isLeftAligned = false;
       var isRightAligned = true;
       var isBottomAligned = false;
@@ -144687,6 +144731,8 @@ Expat https://libexpat.github.io
         window.tutorProject.on("text", onTextCbInMicBtn);
         window.tutorProject.on("queryProgress", onQueryProgressCb);
         window.tutorProject.on("parsed", onParsedCbInMicBtn);
+        window.tutorProject.on("modelUpdate", onModelUpdate);
+        window.tutorProject.on("scripts", onScriptsUpdate);
         alanAudio.on("command", onCommandCbInMicBtn);
         alanAudio.on("afterText", onAfterTextCbInMicBtn);
       }
@@ -145437,7 +145483,7 @@ Expat https://libexpat.github.io
         }
         return options2;
       }
-      function onConnectStatusChange(res) {
+      function onConnectStatusChange(res, event) {
         if (res === "disconnected") {
           if (previousState !== OFFLINE) {
             switchState(getDefaultBtnState(DISCONNECTED));
@@ -145462,20 +145508,23 @@ ${getSavedDialogId() || "-"} (prev. dialog)`);
               onNewDialogAutoReconnect();
             } else {
               if (!(0, import_lodash2.isEmpty)(prevUserId) && (0, import_lodash2.isEmpty)(uiState10.userInfo.userId)) {
-                savePrevUserId(uiState10.userInfo.userId);
-                connectToNewDialog();
-                return;
+                if (prevUserId !== "default") {
+                  savePrevUserId(uiState10.userInfo.userId);
+                  connectToNewDialog();
+                  return;
+                }
               }
               saveDialogId(dialogId);
               restoreMessagesInChat(true);
             }
+            saveDialogId(dialogId);
             console.info(`Alan: curDialogId:
 ${curDialogId}`);
             sendSyncPageState(null, "onConnectStatusChange");
           }
         }
         if (options.onConnectionStatus) {
-          options.onConnectionStatus(res);
+          options.onConnectionStatus(res, event);
         }
       }
       function onMicAllowed() {
@@ -145499,9 +145548,13 @@ ${curDialogId}`);
         if (window.tutorProject) {
           window.tutorProject.off("recognized", onRecognizedCbInMicBtn);
           window.tutorProject.off("parsed", onParsedCbInMicBtn);
+          window.tutorProject.off("modelUpdate", onModelUpdate);
+          window.tutorProject.off("scripts", onScriptsUpdate);
           window.tutorProject.off("options", onOptionsReceived);
           window.tutorProject.on("recognized", onRecognizedCbInMicBtn);
           window.tutorProject.on("parsed", onParsedCbInMicBtn);
+          window.tutorProject.on("modelUpdate", onModelUpdate);
+          window.tutorProject.on("scripts", onScriptsUpdate);
           window.tutorProject.on("options", onOptionsReceived);
         }
       }
@@ -145524,6 +145577,8 @@ ${curDialogId}`);
           window.tutorProject.off("recognized", onRecognizedCbInMicBtn);
           window.tutorProject.off("connectStatus", onConnectStatusChange);
           window.tutorProject.off("options", onOptionsReceived);
+          window.tutorProject.off("modelUpdate", onModelUpdate);
+          window.tutorProject.off("scripts", onScriptsUpdate);
         }
         if (options.onMicStopped) {
           options.onMicStopped();
@@ -145665,6 +145720,37 @@ ${curDialogId}`);
           deactivateAlanButton();
         }
       }
+      function onScriptsUpdate(e) {
+        scriptHash = e.hash;
+        if (scriptHash && modelHash) {
+          if (scriptHash === modelHash) {
+            isModelReady = true;
+            switchState(DEFAULT);
+            sendSyncPageState(null, "model_is_ready");
+          } else {
+            isModelReady = false;
+            switchState(MODEL_IS_UPDATING);
+            manageAutocompeteInChat();
+          }
+        }
+      }
+      function onModelUpdate(e) {
+        if (e?.modelHash && e?.scriptHash) {
+          if (e?.modelHash !== e?.scriptHash) {
+            isModelReady = false;
+            switchState(MODEL_IS_UPDATING);
+            modelHash = e.modelHash;
+            scriptHash = e.scriptHash;
+            manageAutocompeteInChat();
+          } else {
+            isModelReady = true;
+            switchState(DEFAULT);
+            modelHash = e.modelHash;
+            scriptHash = e.scriptHash;
+            sendSyncPageState(null, "model_is_ready");
+          }
+        }
+      }
       function onParsedCbInMicBtn(e) {
         const event = Object.assign(e, { name: "parsed" });
         storeSocketHistory(event);
@@ -146013,7 +146099,7 @@ ${curDialogId}`);
           msg.liked = msg.liked !== -1 ? -1 : 0;
         }
         changeMsgLikeStatus(msg, options);
-        resetStylesForLikeAndDislikeBtns(curMsgBubble, msg);
+        resetStylesForLikeAndDislikeBtns(curMsgBubble, msg, uiState10.textChat.options);
         saveMessageHistory();
       }
       document.removeEventListener("click", performLikeOrDislike);
@@ -146526,6 +146612,8 @@ ${curDialogId}`);
           window.tutorProject.off("text", onTextCbInMicBtn);
           window.tutorProject.off("queryProgress", onQueryProgressCb);
           window.tutorProject.off("parsed", onParsedCbInMicBtn);
+          window.tutorProject.off("modelUpdate", onModelUpdate);
+          window.tutorProject.off("scripts", onScriptsUpdate);
           window.tutorProject.off("connectStatus", onConnectStatusChange);
           window.tutorProject.off("options", onOptionsReceived);
           alanAudio.off("command", onCommandCbInMicBtn);
@@ -146607,6 +146695,10 @@ ${curDialogId}`);
       }
       async function _sendText(text5) {
         manageAutocompeteInChat();
+        if (!canMsgBeSent()) {
+          console.warn("Alan: message cannot be sent. Model is not ready or connection is not established.");
+          return;
+        }
         var msg = { text: text5, type: "request", name: "text" };
         sentMessageInd = null;
         clearMessageProgressStatusInterval();
@@ -146644,6 +146736,12 @@ ${curDialogId}`);
         clearTimeout(lastSendMsgTs);
         lastSendMsgTs = null;
       }
+      function canMsgBeSent() {
+        if (!isModelReady || state === DISCONNECTED || state === OFFLINE) {
+          return false;
+        }
+        return true;
+      }
       const sendMessageToTextChat = throttle(async function sendMessageToTextChat2() {
         var textareaEl = getChatTextareaEl();
         var textareaHolderEl = document.getElementById("textarea-holder");
@@ -146652,6 +146750,9 @@ ${curDialogId}`);
         if (lastSendMsgTs || text5?.length > maxChars) {
           return;
         }
+        if (!canMsgBeSent()) {
+          return;
+        }
         lastSendMsgTs = setTimeout(() => {
           enableTextareaInTheChat();
         }, 5e3);
@@ -146724,6 +146825,10 @@ ${curDialogId}`);
         manageSendButtonAvailability();
       }
       function manageAutocompeteInChat() {
+        if (!isModelReady) {
+          clearChatAutocomplete(false);
+          return;
+        }
         if (uiState10.textChat?.autocomplete?.enabled === true) {
           checkIfNewComplitionNeeded();
           fillChatAutocompleteDebounced();
@@ -146963,6 +147068,9 @@ ${curDialogId}`);
       let hasRefocusedTextarea = false;
       let previousTextValue = "";
       function sendSyncPageState(forceUpdate = false, reason) {
+        if (!isModelReady) {
+          return;
+        }
         syncPageState(null, forceUpdate, reason);
       }
       function onChatTextAreaFocus() {
@@ -147635,6 +147743,12 @@ ${curDialogId}`);
         var textareaHolderDiv = footerHolderDiv || document.getElementById("textarea-holder-content");
         if (chatSendBtn) {
           chatSendBtn.innerHTML = getSendChatIcon(uiState10?.textChat?.options);
+          if (!isModelReady) {
+            chatSendBtn.innerHTML = chatIcons.disconnected;
+            chatSendBtn.classList.add("alan-btn__disconnected");
+          } else {
+            chatSendBtn.classList.remove("alan-btn__disconnected");
+          }
           if (!textareaInnerDiv || !textareaHolderDiv) return;
           if (uiState10?.textChat?.options?.footer?.layout?.name !== "send-btn-outside") {
             textareaInnerDiv.appendChild(chatSendBtn);
@@ -147920,8 +148034,8 @@ ${curDialogId}`);
           btnOval2.style.animation = "";
           btnOval1.style.opacity = "0";
           btnOval2.style.opacity = "0";
-        } else if (newState === DISCONNECTED || newState === OFFLINE) {
-          if (newState === DISCONNECTED) {
+        } else if (newState === DISCONNECTED || newState === OFFLINE || newState === MODEL_IS_UPDATING) {
+          if (newState === DISCONNECTED || newState === MODEL_IS_UPDATING) {
             rootEl.classList.add("alan-btn-disconnected");
           }
           if (newState === OFFLINE) {
@@ -147943,7 +148057,7 @@ ${curDialogId}`);
               replyStateBtnIconImg
             ]
           );
-          if (newState === DISCONNECTED) {
+          if (newState === DISCONNECTED || newState === MODEL_IS_UPDATING) {
             micIconDiv.style.opacity = "0";
             disconnectedMicLoaderIconImg.style.opacity = "1";
           } else {
@@ -147975,6 +148089,7 @@ ${curDialogId}`);
           if (textChatEl) {
             switch (newState) {
               case OFFLINE:
+              case MODEL_IS_UPDATING:
               case DISCONNECTED:
                 sendBtn.innerHTML = newState === OFFLINE ? chatIcons.noWiFi : chatIcons.disconnected;
                 textChatEl.classList.add("alan-btn__disconnected");