deep-chat-dev 9.0.40 → 9.0.41

package/custom-elements.json

@@ -459,54 +459,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/serviceIO.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/serviceIOFactory.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ServiceIOFactory",
-          "members": [
-            {
-              "kind": "method",
-              "name": "create",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ServiceIO"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "deepChat",
-                  "type": {
-                    "text": "DeepChat"
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ServiceIOFactory",
-          "declaration": {
-            "name": "ServiceIOFactory",
-            "module": "src/services/serviceIOFactory.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/icons/audioIcon.ts",
@@ -864,6 +816,54 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/serviceIO.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/serviceIOFactory.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ServiceIOFactory",
+          "members": [
+            {
+              "kind": "method",
+              "name": "create",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "ServiceIO"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "deepChat",
+                  "type": {
+                    "text": "DeepChat"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ServiceIOFactory",
+          "declaration": {
+            "name": "ServiceIOFactory",
+            "module": "src/services/serviceIOFactory.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/types/APIKey.ts",
@@ -21703,295 +21703,396 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/HTTPRequest.ts",
+      "path": "src/views/chat/chatView.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "HTTPRequest",
+          "name": "ChatView",
           "members": [
             {
               "kind": "method",
-              "name": "request",
-              "privacy": "public",
+              "name": "createElements",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "deepChat",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "DeepChat"
                   }
                 },
                 {
-                  "name": "body",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "object"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "panel",
+                  "optional": true,
                   "type": {
-                    "text": "Messages"
+                    "text": "HTMLElement"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "executePollRequest",
+              "name": "render",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "deepChat",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "DeepChat"
                   }
                 },
                 {
-                  "name": "url",
+                  "name": "containerRef",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "requestInit",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "RequestInit"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "panel",
+                  "optional": true,
                   "type": {
-                    "text": "Messages"
+                    "text": "HTMLElement"
                   }
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ChatView",
+          "declaration": {
+            "name": "ChatView",
+            "module": "src/views/chat/chatView.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/views/error/errorView.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ErrorView",
+          "members": [
             {
               "kind": "method",
-              "name": "poll",
+              "name": "render",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                },
-                {
-                  "name": "body",
+                  "name": "containerElement",
                   "type": {
-                    "text": "object"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "text",
                   "type": {
-                    "text": "Messages"
+                    "text": "string"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ErrorView",
+          "declaration": {
+            "name": "ErrorView",
+            "module": "src/views/error/errorView.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/views/insertKey/insertKeyView.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "InsertKeyView",
+          "members": [
+            {
+              "kind": "method",
+              "name": "createCautionText",
+              "privacy": "private",
+              "static": true
             },
             {
               "kind": "method",
-              "name": "onInterceptorError",
+              "name": "createHelpLink",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                },
-                {
-                  "name": "error",
+                  "name": "link",
                   "type": {
                     "text": "string"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createFailText",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "createHelpTextContainer",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "onFinish",
+                  "name": "link",
                   "optional": true,
                   "type": {
-                    "text": "() => void"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "verifyKey",
-              "privacy": "public",
+              "name": "onFail",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "key",
+                  "name": "inputEl",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "url",
+                  "name": "startEl",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "headers",
+                  "name": "failTextEl",
                   "type": {
-                    "text": "HeadersInit"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "method",
+                  "name": "message",
                   "type": {
                     "text": "string"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onLoad",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "onSuccess",
+                  "name": "inputEl",
                   "type": {
-                    "text": "(key: string) => void"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "onFail",
+                  "name": "startEl",
                   "type": {
-                    "text": "(message: string) => void"
+                    "text": "HTMLElement"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "verifyKey",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "onLoad",
+                  "name": "inputElement",
                   "type": {
-                    "text": "() => void"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "handleVerificationResult",
+                  "name": "keyVerificationHandlers",
                   "type": {
-                    "text": "HandleVerificationResult"
+                    "text": "KeyVerificationHandlers"
                   }
                 },
                 {
-                  "name": "body",
-                  "optional": true,
+                  "name": "serviceIO",
                   "type": {
-                    "text": "string"
+                    "text": "ServiceIO"
                   }
                 }
               ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "HTTPRequest",
-          "declaration": {
-            "name": "HTTPRequest",
-            "module": "src/utils/HTTP/HTTPRequest.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/HTTP/customHandler.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "CustomHandler",
-          "members": [
+            },
             {
               "kind": "method",
-              "name": "request",
-              "privacy": "public",
+              "name": "addVerificationEvents",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "inputEl",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "body",
+                  "name": "startEl",
                   "type": {
-                    "text": "RequestDetails['body']"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "failTextEl",
                   "type": {
-                    "text": "Messages"
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "changeToChat",
+                  "type": {
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "stream",
-              "privacy": "public",
+              "name": "createStartButton",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "onInputFocus",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "event",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "FocusEvent"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createInput",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "body",
+                  "name": "placeholderText",
+                  "optional": true,
                   "type": {
-                    "text": "RequestDetails['body']"
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createContents",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "changeToChat",
+                  "type": {
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "Messages"
+                    "text": "ServiceIO"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "websocket",
-              "privacy": "public",
+              "name": "createElements",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "changeToChat",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "Messages"
+                    "text": "ServiceIO"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "generateOptionalSignals",
-              "privacy": "private",
-              "static": true
+              "name": "render",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "containerRef",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "changeToChat",
+                  "type": {
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
+                  }
+                }
+              ]
             }
           ]
         }
@@ -21999,132 +22100,164 @@
       "exports": [
         {
           "kind": "js",
-          "name": "CustomHandler",
+          "name": "InsertKeyView",
           "declaration": {
-            "name": "CustomHandler",
-            "module": "src/utils/HTTP/customHandler.ts"
+            "name": "InsertKeyView",
+            "module": "src/views/insertKey/insertKeyView.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/requestUtils.ts",
+      "path": "src/views/insertKey/visibilityIcon.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "RequestUtils",
+          "name": "VisibilityIcon",
           "members": [
             {
               "kind": "field",
-              "name": "CONTENT_TYPE",
+              "name": "VISIBLE_ICON_ID",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
+              "privacy": "private",
               "static": true,
-              "default": "'Content-Type'"
+              "default": "'visible-icon'"
             },
             {
               "kind": "method",
-              "name": "temporarilyRemoveHeader",
-              "privacy": "public",
+              "name": "changeVisibility",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "requestSettings",
+                  "name": "inputElement",
                   "type": {
-                    "text": "Request | undefined"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "request",
+                  "name": "visibleIcon",
                   "type": {
-                    "text": "(stringifyBody?: boolean) => Promise<void>"
+                    "text": "SVGGraphicsElement"
                   }
                 },
                 {
-                  "name": "stringifyBody",
+                  "name": "notVisibleIcon",
                   "type": {
-                    "text": "boolean"
+                    "text": "SVGGraphicsElement"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "displayError",
-              "privacy": "public",
+              "name": "createIconElement",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
+                  "name": "iconString",
                   "type": {
-                    "text": "Messages"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "err",
+                  "name": "id",
                   "type": {
-                    "text": "object"
+                    "text": "string"
                   }
-                },
-                {
-                  "name": "defMessage",
-                  "default": "'Service error, please try again.'"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "processResponseByType",
+              "name": "create",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "response",
+                  "name": "inputElement",
                   "type": {
-                    "text": "Response"
+                    "text": "HTMLInputElement"
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "processRequestInterceptor",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "InterceptorResult"
-                }
-              },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "VisibilityIcon",
+          "declaration": {
+            "name": "VisibilityIcon",
+            "module": "src/views/insertKey/visibilityIcon.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/views/validateKeyProperty/validateKeyPropertyView.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ValidateKeyPropertyView",
+          "members": [
+            {
+              "kind": "method",
+              "name": "onLoad",
+              "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
-                  "type": {
-                    "text": "DeepChat"
-                  }
-                },
-                {
-                  "name": "requestDetails",
+                  "name": "startElement",
                   "type": {
-                    "text": "RequestDetails"
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "validateResponseFormat",
+              "name": "createElements",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "render",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "response",
+                  "name": "containerRef",
                   "type": {
-                    "text": "ResponseT"
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "changeToChat",
+                  "type": {
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
                   }
                 }
               ]
@@ -22135,22 +22268,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "RequestUtils",
+          "name": "ValidateKeyPropertyView",
           "declaration": {
-            "name": "RequestUtils",
-            "module": "src/utils/HTTP/requestUtils.ts"
+            "name": "ValidateKeyPropertyView",
+            "module": "src/views/validateKeyProperty/validateKeyPropertyView.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/stream.ts",
+      "path": "src/utils/HTTP/HTTPRequest.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Stream",
+          "name": "HTTPRequest",
           "members": [
             {
               "kind": "method",
@@ -22184,76 +22317,72 @@
             },
             {
               "kind": "method",
-              "name": "onInterceptorError",
-              "privacy": "private",
+              "name": "executePollRequest",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
+                  "name": "io",
                   "type": {
-                    "text": "Messages"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "error",
+                  "name": "url",
                   "type": {
                     "text": "string"
                   }
                 },
                 {
-                  "name": "onFinish",
-                  "optional": true,
+                  "name": "requestInit",
                   "type": {
-                    "text": "() => void"
+                    "text": "RequestInit"
+                  }
+                },
+                {
+                  "name": "messages",
+                  "type": {
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "simulate",
+              "name": "poll",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
+                  "name": "io",
                   "type": {
-                    "text": "Messages"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "sh",
+                  "name": "body",
                   "type": {
-                    "text": "StreamHandlers"
+                    "text": "object"
                   }
                 },
                 {
-                  "name": "text",
-                  "optional": true,
+                  "name": "messages",
                   "type": {
-                    "text": "string"
+                    "text": "Messages"
                   }
+                },
+                {
+                  "name": "stringifyBody",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "populateMessages",
+              "name": "onInterceptorError",
               "privacy": "private",
               "static": true,
               "parameters": [
-                {
-                  "name": "textEl",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "responseText",
-                  "type": {
-                    "text": "string[]"
-                  }
-                },
                 {
                   "name": "messages",
                   "type": {
@@ -22261,40 +22390,80 @@
                   }
                 },
                 {
-                  "name": "sh",
+                  "name": "error",
                   "type": {
-                    "text": "SimulationSH"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "wordIndex",
-                  "default": "0"
+                  "name": "onFinish",
+                  "optional": true,
+                  "type": {
+                    "text": "() => void"
+                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "abort",
-              "privacy": "private",
+              "name": "verifyKey",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "timeout",
+                  "name": "key",
                   "type": {
-                    "text": "number"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "url",
                   "type": {
-                    "text": "Messages"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "onClose",
+                  "name": "headers",
+                  "type": {
+                    "text": "HeadersInit"
+                  }
+                },
+                {
+                  "name": "method",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "onSuccess",
+                  "type": {
+                    "text": "(key: string) => void"
+                  }
+                },
+                {
+                  "name": "onFail",
+                  "type": {
+                    "text": "(message: string) => void"
+                  }
+                },
+                {
+                  "name": "onLoad",
                   "type": {
                     "text": "() => void"
                   }
+                },
+                {
+                  "name": "handleVerificationResult",
+                  "type": {
+                    "text": "HandleVerificationResult"
+                  }
+                },
+                {
+                  "name": "body",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             }
@@ -22304,40 +22473,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Stream",
+          "name": "HTTPRequest",
           "declaration": {
-            "name": "Stream",
-            "module": "src/utils/HTTP/stream.ts"
+            "name": "HTTPRequest",
+            "module": "src/utils/HTTP/HTTPRequest.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/websocket.ts",
+      "path": "src/utils/HTTP/customHandler.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Websocket",
+          "name": "CustomHandler",
           "members": [
             {
               "kind": "method",
-              "name": "setup",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "io",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createConnection",
+              "name": "request",
               "privacy": "public",
               "static": true,
               "parameters": [
@@ -22348,23 +22503,9 @@
                   }
                 },
                 {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "retryConnection",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "io",
+                  "name": "body",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "RequestDetails['body']"
                   }
                 },
                 {
@@ -22377,8 +22518,8 @@
             },
             {
               "kind": "method",
-              "name": "assignListeners",
-              "privacy": "private",
+              "name": "stream",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
@@ -22388,9 +22529,9 @@
                   }
                 },
                 {
-                  "name": "ws",
+                  "name": "body",
                   "type": {
-                    "text": "WebSocket"
+                    "text": "RequestDetails['body']"
                   }
                 },
                 {
@@ -22403,7 +22544,7 @@
             },
             {
               "kind": "method",
-              "name": "sendWebsocket",
+              "name": "websocket",
               "privacy": "public",
               "static": true,
               "parameters": [
@@ -22413,56 +22554,19 @@
                     "text": "ServiceIO"
                   }
                 },
-                {
-                  "name": "body",
-                  "type": {
-                    "text": "object"
-                  }
-                },
                 {
                   "name": "messages",
                   "type": {
                     "text": "Messages"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "canSendMessage",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "websocket",
-                  "type": {
-                    "text": "ServiceIO['websocket']"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isWebSocket",
+              "name": "generateOptionalSignals",
               "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "websocket is WebSocket"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "websocket",
-                  "type": {
-                    "text": "WebSocket | IWebsocketHandler"
-                  }
-                }
-              ]
+              "static": true
             }
           ]
         }
@@ -22470,306 +22574,132 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Websocket",
+          "name": "CustomHandler",
           "declaration": {
-            "name": "Websocket",
-            "module": "src/utils/HTTP/websocket.ts"
+            "name": "CustomHandler",
+            "module": "src/utils/HTTP/customHandler.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/browser/browser.ts",
+      "path": "src/utils/HTTP/requestUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Browser",
+          "name": "RequestUtils",
           "members": [
             {
               "kind": "field",
-              "name": "IS_SAFARI",
+              "name": "CONTENT_TYPE",
+              "type": {
+                "text": "string"
+              },
               "privacy": "public",
-              "static": true
+              "static": true,
+              "default": "'Content-Type'"
             },
-            {
-              "kind": "field",
-              "name": "IS_CHROMIUM",
-              "privacy": "public",
-              "static": true
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Browser",
-          "declaration": {
-            "name": "Browser",
-            "module": "src/utils/browser/browser.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/buttons/inputButtons.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "BUTTON_ORDER",
-          "type": {
-            "text": "readonly BUTTON_TYPES[]"
-          },
-          "default": "[\n  'camera',\n  'gifs',\n  'images',\n  'audio',\n  'mixedFiles',\n  'submit',\n  'microphone',\n]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BUTTON_ORDER",
-          "declaration": {
-            "name": "BUTTON_ORDER",
-            "module": "src/utils/buttons/inputButtons.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/buttons/keyboardKeys.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/decorators/property.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "Property",
-          "parameters": [
-            {
-              "name": "type",
-              "type": {
-                "text": "AvailableTypes"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Property",
-          "declaration": {
-            "name": "Property",
-            "module": "src/utils/decorators/property.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/decorators/renderControl.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "RenderControl",
-          "members": [
             {
               "kind": "method",
-              "name": "waitForPropertiesToBeUpdatedBeforeRender",
-              "privacy": "private",
+              "name": "temporarilyRemoveHeader",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "requestSettings",
                   "type": {
-                    "text": "InternalHTML"
+                    "text": "Request | undefined"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "attemptRender",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "deepChat",
+                  "name": "request",
                   "type": {
-                    "text": "InternalHTML"
+                    "text": "(stringifyBody?: boolean) => Promise<void>"
                   }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RenderControl",
-          "declaration": {
-            "name": "RenderControl",
-            "module": "src/utils/decorators/renderControl.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/decorators/typeConverters.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TypeConverters",
-          "members": [
-            {
-              "kind": "field",
-              "name": "attibutes",
-              "type": {
-                "text": "AttributeTypeConverters"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "{\n    string: (value: string) => value,\n    number: (value: string) => parseFloat(value),\n    boolean: (value: string) => value === 'true',\n    object: (value: string) => JSON.parse(value),\n    array: (value: string) => JSON.parse(value),\n    function: (value: string) => new Function(`return ${value}`)(),\n  }"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TypeConverters",
-          "declaration": {
-            "name": "TypeConverters",
-            "module": "src/utils/decorators/typeConverters.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/demo/demo.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Demo",
-          "members": [
-            {
-              "kind": "field",
-              "name": "URL",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "'deep-chat-demo'"
-            },
-            {
-              "kind": "method",
-              "name": "generateResponse",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "messages",
+                  "name": "stringifyBody",
                   "type": {
-                    "text": "Messages"
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "getCustomResponse",
-              "privacy": "private",
+              "name": "displayError",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "customResponse",
+                  "name": "messages",
                   "type": {
-                    "text": "DemoResponse"
+                    "text": "Messages"
                   }
                 },
                 {
-                  "name": "requestMessage",
+                  "name": "err",
                   "type": {
-                    "text": "MessageContent"
+                    "text": "object"
                   }
+                },
+                {
+                  "name": "defMessage",
+                  "default": "'Service error, please try again.'"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "getResponse",
-              "privacy": "private",
+              "name": "processResponseByType",
+              "privacy": "public",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "Response"
-                }
-              },
               "parameters": [
                 {
-                  "name": "messages",
+                  "name": "response",
                   "type": {
-                    "text": "Messages"
+                    "text": "Response"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "request",
+              "name": "processRequestInterceptor",
               "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "InterceptorResult"
+                }
+              },
               "parameters": [
                 {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                },
-                {
-                  "name": "onFinish",
+                  "name": "deepChat",
                   "type": {
-                    "text": "Finish"
+                    "text": "DeepChat"
                   }
                 },
                 {
-                  "name": "responseInterceptor",
-                  "optional": true,
+                  "name": "requestDetails",
                   "type": {
-                    "text": "ResponseInterceptor"
+                    "text": "RequestDetails"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "requestStream",
+              "name": "validateResponseFormat",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                },
-                {
-                  "name": "sh",
+                  "name": "response",
                   "type": {
-                    "text": "StreamHandlers"
+                    "text": "ResponseT"
                   }
                 }
               ]
@@ -22780,224 +22710,165 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Demo",
+          "name": "RequestUtils",
           "declaration": {
-            "name": "Demo",
-            "module": "src/utils/demo/demo.ts"
+            "name": "RequestUtils",
+            "module": "src/utils/HTTP/requestUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/element/elementUtils.ts",
+      "path": "src/utils/HTTP/stream.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ElementUtils",
+          "name": "Stream",
           "members": [
-            {
-              "kind": "field",
-              "name": "CODE_SNIPPET_GENERATION_JUMP",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "0.5"
-            },
             {
               "kind": "method",
-              "name": "addElements",
+              "name": "request",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "parent",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "elements",
+                  "name": "body",
                   "type": {
-                    "text": "HTMLElement[]"
+                    "text": "object"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isScrollbarAtBottomOfElement",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "element",
+                  "name": "messages",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Messages"
                   }
+                },
+                {
+                  "name": "stringifyBody",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "cloneElement",
-              "privacy": "public",
+              "name": "onInterceptorError",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "messages",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Messages"
                   }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ElementUtils",
-          "declaration": {
-            "name": "ElementUtils",
-            "module": "src/utils/element/elementUtils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/element/imageUtils.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "BASE_64_PREFIX",
-          "type": {
-            "text": "string"
-          },
-          "default": "'data:image/png;base64,'"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BASE_64_PREFIX",
-          "declaration": {
-            "name": "BASE_64_PREFIX",
-            "module": "src/utils/element/imageUtils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/element/statefulEvents.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "StatefulEvents",
-          "members": [
-            {
-              "kind": "method",
-              "name": "mouseUp",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "element",
+                  "name": "error",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "styles",
+                  "name": "onFinish",
+                  "optional": true,
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "() => void"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "mouseDown",
-              "privacy": "private",
+              "name": "simulate",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "messages",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "sh",
+                  "type": {
+                    "text": "StreamHandlers"
                   }
                 },
                 {
-                  "name": "styles",
+                  "name": "text",
+                  "optional": true,
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "mouseLeave",
+              "name": "populateMessages",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "textEl",
                   "type": {
                     "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "styles",
+                  "name": "responseText",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "string[]"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "mouseEnter",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "element",
+                  "name": "messages",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Messages"
                   }
                 },
                 {
-                  "name": "styles",
+                  "name": "sh",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "SimulationSH"
                   }
+                },
+                {
+                  "name": "wordIndex",
+                  "default": "0"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "add",
-              "privacy": "public",
+              "name": "abort",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "timeout",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "number"
                   }
                 },
                 {
-                  "name": "styles",
+                  "name": "messages",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "onClose",
+                  "type": {
+                    "text": "() => void"
                   }
                 }
               ]
@@ -23008,169 +22879,306 @@
       "exports": [
         {
           "kind": "js",
-          "name": "StatefulEvents",
+          "name": "Stream",
           "declaration": {
-            "name": "StatefulEvents",
-            "module": "src/utils/element/statefulEvents.ts"
+            "name": "Stream",
+            "module": "src/utils/HTTP/stream.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/element/styleUtils.ts",
+      "path": "src/utils/HTTP/websocket.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "StyleUtils",
+          "name": "Websocket",
           "members": [
             {
               "kind": "method",
-              "name": "unsetStyle",
+              "name": "setup",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createConnection",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "io",
+                  "type": {
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "style",
+                  "name": "messages",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "unsetActivityCSSMouseStates",
-              "privacy": "public",
+              "name": "retryConnection",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "statefulStyle",
+                  "name": "messages",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "unsetAllCSSMouseStates",
-              "privacy": "public",
+              "name": "assignListeners",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "statefulStyle",
+                  "name": "ws",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "WebSocket"
+                  }
+                },
+                {
+                  "name": "messages",
+                  "type": {
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "processStateful",
+              "name": "sendWebsocket",
               "privacy": "public",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "StatefulStyles"
-                }
-              },
               "parameters": [
                 {
-                  "name": "styles",
+                  "name": "io",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "defHover",
+                  "name": "body",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "object"
                   }
                 },
                 {
-                  "name": "defClick",
+                  "name": "messages",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "Messages"
                   }
+                },
+                {
+                  "name": "stringifyBody",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "mergeStatefulStyles",
+              "name": "canSendMessage",
               "privacy": "public",
               "static": true,
+              "parameters": [
+                {
+                  "name": "websocket",
+                  "type": {
+                    "text": "ServiceIO['websocket']"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isWebSocket",
+              "privacy": "private",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "StatefulStyles"
+                  "text": "websocket is WebSocket"
                 }
               },
               "parameters": [
                 {
-                  "name": "stylesArr",
+                  "name": "websocket",
                   "type": {
-                    "text": "StatefulStyles[]"
+                    "text": "WebSocket | IWebsocketHandler"
                   }
                 }
               ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Websocket",
+          "declaration": {
+            "name": "Websocket",
+            "module": "src/utils/HTTP/websocket.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/browser/browser.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Browser",
+          "members": [
+            {
+              "kind": "field",
+              "name": "IS_SAFARI",
+              "privacy": "public",
+              "static": true
             },
+            {
+              "kind": "field",
+              "name": "IS_CHROMIUM",
+              "privacy": "public",
+              "static": true
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Browser",
+          "declaration": {
+            "name": "Browser",
+            "module": "src/utils/browser/browser.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/buttons/inputButtons.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "BUTTON_ORDER",
+          "type": {
+            "text": "readonly BUTTON_TYPES[]"
+          },
+          "default": "[\n  'camera',\n  'gifs',\n  'images',\n  'audio',\n  'mixedFiles',\n  'submit',\n  'microphone',\n]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BUTTON_ORDER",
+          "declaration": {
+            "name": "BUTTON_ORDER",
+            "module": "src/utils/buttons/inputButtons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/buttons/keyboardKeys.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/decorators/property.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "Property",
+          "parameters": [
+            {
+              "name": "type",
+              "type": {
+                "text": "AvailableTypes"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Property",
+          "declaration": {
+            "name": "Property",
+            "module": "src/utils/decorators/property.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/decorators/renderControl.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "RenderControl",
+          "members": [
             {
               "kind": "method",
-              "name": "overwriteDefaultWithAlreadyApplied",
-              "privacy": "public",
+              "name": "waitForPropertiesToBeUpdatedBeforeRender",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "styles",
-                  "type": {
-                    "text": "StatefulStyles"
-                  }
-                },
-                {
-                  "name": "element",
+                  "name": "deepChat",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "InternalHTML"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "applyToStyleIfNotDefined",
+              "name": "attemptRender",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "cssDeclaration",
-                  "type": {
-                    "text": "CSSStyleDeclaration"
-                  }
-                },
-                {
-                  "name": "source",
+                  "name": "deepChat",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "InternalHTML"
                   }
                 }
               ]
@@ -23181,163 +23189,162 @@
       "exports": [
         {
           "kind": "js",
-          "name": "StyleUtils",
+          "name": "RenderControl",
           "declaration": {
-            "name": "StyleUtils",
-            "module": "src/utils/element/styleUtils.ts"
+            "name": "RenderControl",
+            "module": "src/utils/decorators/renderControl.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/errorMessages/errorMessages.ts",
+      "path": "src/utils/decorators/typeConverters.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "ErrorMessages",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  INVALID_KEY: 'Invalid API Key',\n  CONNECTION_FAILED: 'Failed to connect',\n  INVALID_RESPONSE: getInvalidResponseMessage,\n  INVALID_STREAM_RESPONSE:\n    `Make sure the events are using the Response format: ` +\n    `https://deepchat.dev/docs/connect/#Response \\n` +\n    `You can also augment them using the responseInterceptor property: ` +\n    `https://deepchat.dev/docs/interceptors#responseInterceptor`,\n}"
+          "kind": "class",
+          "description": "",
+          "name": "TypeConverters",
+          "members": [
+            {
+              "kind": "field",
+              "name": "attibutes",
+              "type": {
+                "text": "AttributeTypeConverters"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "{\n    string: (value: string) => value,\n    number: (value: string) => parseFloat(value),\n    boolean: (value: string) => value === 'true',\n    object: (value: string) => JSON.parse(value),\n    array: (value: string) => JSON.parse(value),\n    function: (value: string) => new Function(`return ${value}`)(),\n  }"
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ErrorMessages",
+          "name": "TypeConverters",
           "declaration": {
-            "name": "ErrorMessages",
-            "module": "src/utils/errorMessages/errorMessages.ts"
+            "name": "TypeConverters",
+            "module": "src/utils/decorators/typeConverters.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/events/fireEvents.ts",
+      "path": "src/utils/demo/demo.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FireEvents",
+          "name": "Demo",
           "members": [
             {
-              "kind": "method",
-              "name": "onNewMessage",
+              "kind": "field",
+              "name": "URL",
+              "type": {
+                "text": "string"
+              },
               "privacy": "public",
               "static": true,
+              "default": "'deep-chat-demo'"
+            },
+            {
+              "kind": "method",
+              "name": "generateResponse",
+              "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "messages",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "Messages"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getCustomResponse",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "message",
+                  "name": "customResponse",
                   "type": {
-                    "text": "MessageContent"
+                    "text": "DemoResponse"
                   }
                 },
                 {
-                  "name": "isInitial",
+                  "name": "requestMessage",
                   "type": {
-                    "text": "boolean"
+                    "text": "MessageContent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onClearMessages",
-              "privacy": "public",
+              "name": "getResponse",
+              "privacy": "private",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "Response"
+                }
+              },
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "messages",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onRender",
+              "name": "request",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "messages",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "onFinish",
+                  "type": {
+                    "text": "Finish"
+                  }
+                },
+                {
+                  "name": "responseInterceptor",
+                  "optional": true,
+                  "type": {
+                    "text": "ResponseInterceptor"
                   }
                 }
               ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FireEvents",
-          "declaration": {
-            "name": "FireEvents",
-            "module": "src/utils/events/fireEvents.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/fileTypes/fileTypeButtonIcons.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "FILE_TYPE_BUTTON_ICONS",
-          "type": {
-            "text": "ServiceFileTypes"
-          },
-          "default": "{\n  images: {id: 'upload-images-icon', svgString: IMAGE_ICON_STRING, dropupText: 'Image'},\n  gifs: {id: 'upload-gifs-icon', svgString: GIF_ICON_STRING, dropupText: 'GIF'},\n  audio: {id: 'upload-audio-icon', svgString: AUDIO_ICON_STRING, dropupText: 'Audio'},\n  mixedFiles: {id: 'upload-mixed-files-icon', svgString: MIXED_FILES_ICON_STRING, dropupText: 'File'},\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FILE_TYPE_BUTTON_ICONS",
-          "declaration": {
-            "name": "FILE_TYPE_BUTTON_ICONS",
-            "module": "src/utils/fileTypes/fileTypeButtonIcons.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/svg/svgIconUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SVGIconUtils",
-          "members": [
+            },
             {
               "kind": "method",
-              "name": "createSVGElement",
+              "name": "requestStream",
               "privacy": "public",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "SVGGraphicsElement"
-                }
-              },
               "parameters": [
                 {
-                  "name": "svgString",
+                  "name": "messages",
                   "type": {
-                    "text": "string"
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "sh",
+                  "type": {
+                    "text": "StreamHandlers"
                   }
                 }
               ]
@@ -23348,67 +23355,77 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SVGIconUtils",
+          "name": "Demo",
           "declaration": {
-            "name": "SVGIconUtils",
-            "module": "src/utils/svg/svgIconUtils.ts"
+            "name": "Demo",
+            "module": "src/utils/demo/demo.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/legacy/legacy.ts",
+      "path": "src/utils/element/elementUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Legacy",
+          "name": "ElementUtils",
           "members": [
+            {
+              "kind": "field",
+              "name": "CODE_SNIPPET_GENERATION_JUMP",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "0.5"
+            },
             {
               "kind": "method",
-              "name": "checkForContainerStyles",
+              "name": "addElements",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "parent",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "containerRef",
+                  "name": "elements",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "HTMLElement[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleResponseProperty",
+              "name": "isScrollbarAtBottomOfElement",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "result",
+                  "name": "element",
                   "type": {
-                    "text": "any | Response"
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "processInitialMessageFile",
+              "name": "cloneElement",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "message",
+                  "name": "element",
                   "type": {
-                    "text": "MessageContent"
+                    "text": "HTMLElement"
                   }
                 }
               ]
@@ -23419,227 +23436,143 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Legacy",
+          "name": "ElementUtils",
           "declaration": {
-            "name": "Legacy",
-            "module": "src/utils/legacy/legacy.ts"
+            "name": "ElementUtils",
+            "module": "src/utils/element/elementUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/webComponent/googleFont.ts",
+      "path": "src/utils/element/imageUtils.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "GoogleFont",
-          "members": [
-            {
-              "kind": "field",
-              "name": "FONT_URL",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap'"
-            },
-            {
-              "kind": "method",
-              "name": "appendStyleSheetToHead",
-              "privacy": "public",
-              "static": true
-            }
-          ]
+          "kind": "variable",
+          "name": "BASE_64_PREFIX",
+          "type": {
+            "text": "string"
+          },
+          "default": "'data:image/png;base64,'"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GoogleFont",
+          "name": "BASE_64_PREFIX",
           "declaration": {
-            "name": "GoogleFont",
-            "module": "src/utils/webComponent/googleFont.ts"
+            "name": "BASE_64_PREFIX",
+            "module": "src/utils/element/imageUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/webComponent/internalHTML.ts",
+      "path": "src/utils/element/statefulEvents.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "InternalHTML",
+          "name": "StatefulEvents",
           "members": [
-            {
-              "kind": "field",
-              "name": "_waitingToRender_",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_propUpdated_",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_attributes_",
-              "type": {
-                "text": "GenericObject<AttributeTypeConverter>"
-              },
-              "static": true,
-              "default": "{}"
-            },
-            {
-              "kind": "field",
-              "name": "_attributeToProperty_",
-              "type": {
-                "text": "GenericObject<string>"
-              },
-              "static": true,
-              "default": "{}"
-            },
             {
               "kind": "method",
-              "name": "constructPropertyAccessors",
+              "name": "mouseUp",
               "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "propertyKey",
+                  "name": "element",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "attributeName",
-                  "optional": true,
+                  "name": "styles",
                   "type": {
-                    "text": "string"
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onRender"
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "InternalHTML",
-          "declaration": {
-            "name": "InternalHTML",
-            "module": "src/utils/webComponent/internalHTML.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/webComponent/webComponentStyleUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "WebComponentStyleUtils",
-          "members": [
-            {
-              "kind": "field",
-              "name": "DEFAULT_COMPONENT_STYLE",
-              "type": {
-                "text": "object"
-              },
+              "name": "mouseDown",
               "privacy": "private",
               "static": true,
-              "default": "{\n    height: '350px',\n    width: '320px',\n    border: '1px solid #cacaca',\n    fontFamily: `'Inter', sans-serif, Avenir, Helvetica, Arial`,\n    fontSize: '0.9rem',\n    backgroundColor: 'white',\n    position: 'relative',\n  }"
-            },
-            {
-              "kind": "method",
-              "name": "apply",
-              "privacy": "public",
-              "static": true,
               "parameters": [
                 {
-                  "name": "style",
+                  "name": "element",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "shadowRoot",
+                  "name": "styles",
                   "type": {
-                    "text": "ShadowRoot | null"
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "applyStyleSheet",
+              "name": "mouseLeave",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "style",
+                  "name": "element",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "shadowRoot",
+                  "name": "styles",
                   "type": {
-                    "text": "ShadowRoot"
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "addStyleElement",
+              "name": "mouseEnter",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "style",
+                  "name": "element",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "shadowRoot",
+                  "name": "styles",
                   "type": {
-                    "text": "ShadowRoot"
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "applyDefaultStyleToComponent",
+              "name": "add",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "style",
+                  "name": "element",
                   "type": {
-                    "text": "CSSStyleDeclaration"
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "styles",
+                  "type": {
+                    "text": "StatefulStyles"
                   }
                 }
               ]
@@ -23650,79 +23583,169 @@
       "exports": [
         {
           "kind": "js",
-          "name": "WebComponentStyleUtils",
+          "name": "StatefulEvents",
           "declaration": {
-            "name": "WebComponentStyleUtils",
-            "module": "src/utils/webComponent/webComponentStyleUtils.ts"
+            "name": "StatefulEvents",
+            "module": "src/utils/element/statefulEvents.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/chat/chatView.ts",
+      "path": "src/utils/element/styleUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ChatView",
+          "name": "StyleUtils",
           "members": [
             {
               "kind": "method",
-              "name": "createElements",
-              "privacy": "private",
+              "name": "unsetStyle",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "style",
+                  "type": {
+                    "text": "CustomStyle"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "unsetActivityCSSMouseStates",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "statefulStyle",
+                  "type": {
+                    "text": "StatefulStyles"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "unsetAllCSSMouseStates",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "statefulStyle",
+                  "type": {
+                    "text": "StatefulStyles"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "processStateful",
+              "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "StatefulStyles"
+                }
+              },
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "styles",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "StatefulStyles"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "defHover",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "CustomStyle"
                   }
                 },
                 {
-                  "name": "panel",
-                  "optional": true,
+                  "name": "defClick",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "CustomStyle"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "render",
+              "name": "mergeStatefulStyles",
               "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "StatefulStyles"
+                }
+              },
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "stylesArr",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "StatefulStyles[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "overwriteDefaultWithAlreadyApplied",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "styles",
+                  "type": {
+                    "text": "StatefulStyles"
                   }
                 },
                 {
-                  "name": "containerRef",
+                  "name": "element",
                   "type": {
                     "text": "HTMLElement"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "applyToStyleIfNotDefined",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "serviceIO",
+                  "name": "cssDeclaration",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "CSSStyleDeclaration"
                   }
                 },
                 {
-                  "name": "panel",
-                  "optional": true,
+                  "name": "source",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "CustomStyle"
                   }
                 }
               ]
@@ -23733,323 +23756,276 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ChatView",
+          "name": "StyleUtils",
           "declaration": {
-            "name": "ChatView",
-            "module": "src/views/chat/chatView.ts"
+            "name": "StyleUtils",
+            "module": "src/utils/element/styleUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/error/errorView.ts",
+      "path": "src/utils/errorMessages/errorMessages.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "ErrorView",
-          "members": [
-            {
-              "kind": "method",
-              "name": "render",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "containerElement",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "text",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ]
+          "kind": "variable",
+          "name": "ErrorMessages",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  INVALID_KEY: 'Invalid API Key',\n  CONNECTION_FAILED: 'Failed to connect',\n  INVALID_RESPONSE: getInvalidResponseMessage,\n  INVALID_STREAM_RESPONSE:\n    `Make sure the events are using the Response format: ` +\n    `https://deepchat.dev/docs/connect/#Response \\n` +\n    `You can also augment them using the responseInterceptor property: ` +\n    `https://deepchat.dev/docs/interceptors#responseInterceptor`,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ErrorView",
+          "name": "ErrorMessages",
           "declaration": {
-            "name": "ErrorView",
-            "module": "src/views/error/errorView.ts"
+            "name": "ErrorMessages",
+            "module": "src/utils/errorMessages/errorMessages.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/insertKey/insertKeyView.ts",
+      "path": "src/utils/events/fireEvents.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "InsertKeyView",
+          "name": "FireEvents",
           "members": [
             {
               "kind": "method",
-              "name": "createCautionText",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "createHelpLink",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "link",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createFailText",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "createHelpTextContainer",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "link",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onFail",
-              "privacy": "private",
+              "name": "onNewMessage",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputEl",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "startEl",
+                  "name": "deepChat",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "DeepChat"
                   }
                 },
                 {
-                  "name": "failTextEl",
+                  "name": "message",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "MessageContent"
                   }
                 },
                 {
-                  "name": "message",
+                  "name": "isInitial",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onLoad",
-              "privacy": "private",
+              "name": "onClearMessages",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputEl",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "startEl",
+                  "name": "deepChat",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "DeepChat"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "verifyKey",
-              "privacy": "private",
+              "name": "onRender",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputElement",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "keyVerificationHandlers",
-                  "type": {
-                    "text": "KeyVerificationHandlers"
-                  }
-                },
-                {
-                  "name": "serviceIO",
+                  "name": "deepChat",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "DeepChat"
                   }
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FireEvents",
+          "declaration": {
+            "name": "FireEvents",
+            "module": "src/utils/events/fireEvents.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/fileTypes/fileTypeButtonIcons.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "FILE_TYPE_BUTTON_ICONS",
+          "type": {
+            "text": "ServiceFileTypes"
+          },
+          "default": "{\n  images: {id: 'upload-images-icon', svgString: IMAGE_ICON_STRING, dropupText: 'Image'},\n  gifs: {id: 'upload-gifs-icon', svgString: GIF_ICON_STRING, dropupText: 'GIF'},\n  audio: {id: 'upload-audio-icon', svgString: AUDIO_ICON_STRING, dropupText: 'Audio'},\n  mixedFiles: {id: 'upload-mixed-files-icon', svgString: MIXED_FILES_ICON_STRING, dropupText: 'File'},\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FILE_TYPE_BUTTON_ICONS",
+          "declaration": {
+            "name": "FILE_TYPE_BUTTON_ICONS",
+            "module": "src/utils/fileTypes/fileTypeButtonIcons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/legacy/legacy.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Legacy",
+          "members": [
             {
               "kind": "method",
-              "name": "addVerificationEvents",
-              "privacy": "private",
+              "name": "checkForContainerStyles",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputEl",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "startEl",
+                  "name": "deepChat",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "DeepChat"
                   }
                 },
                 {
-                  "name": "failTextEl",
+                  "name": "containerRef",
                   "type": {
                     "text": "HTMLElement"
                   }
-                },
-                {
-                  "name": "changeToChat",
-                  "type": {
-                    "text": "() => void"
-                  }
-                },
-                {
-                  "name": "serviceIO",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createStartButton",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "onInputFocus",
-              "privacy": "private",
+              "name": "handleResponseProperty",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "result",
                   "type": {
-                    "text": "FocusEvent"
+                    "text": "any | Response"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createInput",
-              "privacy": "private",
+              "name": "processInitialMessageFile",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "placeholderText",
-                  "optional": true,
+                  "name": "message",
                   "type": {
-                    "text": "string"
+                    "text": "MessageContent"
                   }
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Legacy",
+          "declaration": {
+            "name": "Legacy",
+            "module": "src/utils/legacy/legacy.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/svg/svgIconUtils.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SVGIconUtils",
+          "members": [
             {
               "kind": "method",
-              "name": "createContents",
-              "privacy": "private",
+              "name": "createSVGElement",
+              "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "SVGGraphicsElement"
+                }
+              },
               "parameters": [
                 {
-                  "name": "changeToChat",
-                  "type": {
-                    "text": "() => void"
-                  }
-                },
-                {
-                  "name": "serviceIO",
+                  "name": "svgString",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "string"
                   }
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SVGIconUtils",
+          "declaration": {
+            "name": "SVGIconUtils",
+            "module": "src/utils/svg/svgIconUtils.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/webComponent/googleFont.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "GoogleFont",
+          "members": [
             {
-              "kind": "method",
-              "name": "createElements",
+              "kind": "field",
+              "name": "FONT_URL",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
               "static": true,
-              "parameters": [
-                {
-                  "name": "changeToChat",
-                  "type": {
-                    "text": "() => void"
-                  }
-                },
-                {
-                  "name": "serviceIO",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                }
-              ]
+              "default": "'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap'"
             },
             {
               "kind": "method",
-              "name": "render",
+              "name": "appendStyleSheetToHead",
               "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "containerRef",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "changeToChat",
-                  "type": {
-                    "text": "() => void"
-                  }
-                },
-                {
-                  "name": "serviceIO",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                }
-              ]
+              "static": true
             }
           ]
         }
@@ -24057,164 +24033,188 @@
       "exports": [
         {
           "kind": "js",
-          "name": "InsertKeyView",
+          "name": "GoogleFont",
           "declaration": {
-            "name": "InsertKeyView",
-            "module": "src/views/insertKey/insertKeyView.ts"
+            "name": "GoogleFont",
+            "module": "src/utils/webComponent/googleFont.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/insertKey/visibilityIcon.ts",
+      "path": "src/utils/webComponent/internalHTML.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "VisibilityIcon",
+          "name": "InternalHTML",
           "members": [
             {
               "kind": "field",
-              "name": "VISIBLE_ICON_ID",
+              "name": "_waitingToRender_",
               "type": {
-                "text": "string"
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_propUpdated_",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_attributes_",
+              "type": {
+                "text": "GenericObject<AttributeTypeConverter>"
               },
-              "privacy": "private",
               "static": true,
-              "default": "'visible-icon'"
+              "default": "{}"
             },
             {
-              "kind": "method",
-              "name": "changeVisibility",
-              "privacy": "private",
+              "kind": "field",
+              "name": "_attributeToProperty_",
+              "type": {
+                "text": "GenericObject<string>"
+              },
               "static": true,
-              "parameters": [
-                {
-                  "name": "inputElement",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "visibleIcon",
-                  "type": {
-                    "text": "SVGGraphicsElement"
-                  }
-                },
-                {
-                  "name": "notVisibleIcon",
-                  "type": {
-                    "text": "SVGGraphicsElement"
-                  }
-                },
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "default": "{}"
             },
             {
               "kind": "method",
-              "name": "createIconElement",
+              "name": "constructPropertyAccessors",
               "privacy": "private",
-              "static": true,
               "parameters": [
                 {
-                  "name": "iconString",
+                  "name": "propertyKey",
                   "type": {
                     "text": "string"
                   }
                 },
                 {
-                  "name": "id",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "create",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "inputElement",
+                  "name": "attributeName",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLInputElement"
+                    "text": "string"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "onRender"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VisibilityIcon",
+          "name": "InternalHTML",
           "declaration": {
-            "name": "VisibilityIcon",
-            "module": "src/views/insertKey/visibilityIcon.ts"
+            "name": "InternalHTML",
+            "module": "src/utils/webComponent/internalHTML.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/validateKeyProperty/validateKeyPropertyView.ts",
+      "path": "src/utils/webComponent/webComponentStyleUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ValidateKeyPropertyView",
+          "name": "WebComponentStyleUtils",
           "members": [
             {
-              "kind": "method",
-              "name": "onLoad",
+              "kind": "field",
+              "name": "DEFAULT_COMPONENT_STYLE",
+              "type": {
+                "text": "object"
+              },
               "privacy": "private",
               "static": true,
+              "default": "{\n    height: '350px',\n    width: '320px',\n    border: '1px solid #cacaca',\n    fontFamily: `'Inter', sans-serif, Avenir, Helvetica, Arial`,\n    fontSize: '0.9rem',\n    backgroundColor: 'white',\n    position: 'relative',\n  }"
+            },
+            {
+              "kind": "method",
+              "name": "apply",
+              "privacy": "public",
+              "static": true,
               "parameters": [
                 {
-                  "name": "startElement",
+                  "name": "style",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "shadowRoot",
+                  "type": {
+                    "text": "ShadowRoot | null"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createElements",
+              "name": "applyStyleSheet",
               "privacy": "private",
-              "static": true
+              "static": true,
+              "parameters": [
+                {
+                  "name": "style",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "shadowRoot",
+                  "type": {
+                    "text": "ShadowRoot"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "render",
-              "privacy": "public",
+              "name": "addStyleElement",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "containerRef",
+                  "name": "style",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "changeToChat",
+                  "name": "shadowRoot",
                   "type": {
-                    "text": "() => void"
+                    "text": "ShadowRoot"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "applyDefaultStyleToComponent",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "serviceIO",
+                  "name": "style",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "CSSStyleDeclaration"
                   }
                 }
               ]
@@ -24225,10 +24225,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ValidateKeyPropertyView",
+          "name": "WebComponentStyleUtils",
           "declaration": {
-            "name": "ValidateKeyPropertyView",
-            "module": "src/views/validateKeyProperty/validateKeyPropertyView.ts"
+            "name": "WebComponentStyleUtils",
+            "module": "src/utils/webComponent/webComponentStyleUtils.ts"
           }
         }
       ]
@@ -24660,69 +24660,77 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/services/huggingFace/utils/huggingFaceUtils.ts",
+      "path": "src/services/openAI/utils/openAIConverseBaseBody.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "HuggingFaceUtils",
+          "name": "OpenAIConverseBaseBody",
           "members": [
             {
-              "kind": "method",
-              "name": "buildHeaders",
+              "kind": "field",
+              "name": "GPT_COMPLETIONS_DAVINCI_MODEL",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "'text-davinci-003'"
+            },
+            {
+              "kind": "field",
+              "name": "GPT_CHAT_TURBO_MODEL",
+              "type": {
+                "text": "string"
+              },
               "privacy": "public",
               "static": true,
+              "default": "'gpt-3.5-turbo'"
+            },
+            {
+              "kind": "method",
+              "name": "generateDefaultBody",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "OpenAIConverseBodyInternal"
+                }
+              },
               "parameters": [
                 {
-                  "name": "key",
+                  "name": "modelName",
                   "type": {
-                    "text": "string"
+                    "text": "ModelName"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleVerificationResult",
-              "privacy": "private",
+              "name": "build",
+              "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "OpenAIConverseBodyInternal"
+                }
+              },
               "parameters": [
                 {
-                  "name": "result",
-                  "type": {
-                    "text": "object"
-                  }
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "onSuccess",
+                  "name": "modelName",
                   "type": {
-                    "text": "(key: string) => void"
+                    "text": "ModelName"
                   }
                 },
                 {
-                  "name": "onFail",
+                  "name": "clientConfig",
+                  "optional": true,
                   "type": {
-                    "text": "(message: string) => void"
+                    "text": "ClientConfig"
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "buildKeyVerificationDetails",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "KeyVerificationDetails"
-                }
-              }
             }
           ]
         }
@@ -24730,87 +24738,99 @@
       "exports": [
         {
           "kind": "js",
-          "name": "HuggingFaceUtils",
+          "name": "OpenAIConverseBaseBody",
           "declaration": {
-            "name": "HuggingFaceUtils",
-            "module": "src/services/huggingFace/utils/huggingFaceUtils.ts"
+            "name": "OpenAIConverseBaseBody",
+            "module": "src/services/openAI/utils/openAIConverseBaseBody.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/services/openAI/utils/openAIConverseBaseBody.ts",
+      "path": "src/services/openAI/utils/openAIUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "OpenAIConverseBaseBody",
+          "name": "OpenAIUtils",
           "members": [
             {
               "kind": "field",
-              "name": "GPT_COMPLETIONS_DAVINCI_MODEL",
+              "name": "CONVERSE_MAX_CHAR_LENGTH",
               "type": {
-                "text": "string"
+                "text": "number"
               },
               "privacy": "public",
               "static": true,
-              "default": "'text-davinci-003'"
+              "default": "13352"
             },
             {
               "kind": "field",
-              "name": "GPT_CHAT_TURBO_MODEL",
+              "name": "FILE_MAX_CHAR_LENGTH",
               "type": {
-                "text": "string"
+                "text": "number"
               },
               "privacy": "public",
               "static": true,
-              "default": "'gpt-3.5-turbo'"
+              "default": "1000"
             },
             {
               "kind": "method",
-              "name": "generateDefaultBody",
-              "privacy": "private",
+              "name": "buildHeaders",
+              "privacy": "public",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "OpenAIConverseBodyInternal"
-                }
-              },
               "parameters": [
                 {
-                  "name": "modelName",
+                  "name": "key",
                   "type": {
-                    "text": "ModelName"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "build",
-              "privacy": "public",
+              "name": "handleVerificationResult",
+              "privacy": "private",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "OpenAIConverseBodyInternal"
-                }
-              },
               "parameters": [
                 {
-                  "name": "modelName",
+                  "name": "result",
                   "type": {
-                    "text": "ModelName"
+                    "text": "object"
                   }
                 },
                 {
-                  "name": "clientConfig",
-                  "optional": true,
+                  "name": "key",
                   "type": {
-                    "text": "ClientConfig"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "onSuccess",
+                  "type": {
+                    "text": "(key: string) => void"
+                  }
+                },
+                {
+                  "name": "onFail",
+                  "type": {
+                    "text": "(message: string) => void"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "buildKeyVerificationDetails",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "KeyVerificationDetails"
+                }
+              }
             }
           ]
         }
@@ -24818,43 +24838,23 @@
       "exports": [
         {
           "kind": "js",
-          "name": "OpenAIConverseBaseBody",
+          "name": "OpenAIUtils",
           "declaration": {
-            "name": "OpenAIConverseBaseBody",
-            "module": "src/services/openAI/utils/openAIConverseBaseBody.ts"
+            "name": "OpenAIUtils",
+            "module": "src/services/openAI/utils/openAIUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/services/openAI/utils/openAIUtils.ts",
+      "path": "src/services/stabilityAI/utils/stabilityAIUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "OpenAIUtils",
+          "name": "StabilityAIUtils",
           "members": [
-            {
-              "kind": "field",
-              "name": "CONVERSE_MAX_CHAR_LENGTH",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "13352"
-            },
-            {
-              "kind": "field",
-              "name": "FILE_MAX_CHAR_LENGTH",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "1000"
-            },
             {
               "kind": "method",
               "name": "buildHeaders",
@@ -24918,22 +24918,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "OpenAIUtils",
+          "name": "StabilityAIUtils",
           "declaration": {
-            "name": "OpenAIUtils",
-            "module": "src/services/openAI/utils/openAIUtils.ts"
+            "name": "StabilityAIUtils",
+            "module": "src/services/stabilityAI/utils/stabilityAIUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/services/stabilityAI/utils/stabilityAIUtils.ts",
+      "path": "src/services/huggingFace/utils/huggingFaceUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "StabilityAIUtils",
+          "name": "HuggingFaceUtils",
           "members": [
             {
               "kind": "method",
@@ -24998,10 +24998,114 @@
       "exports": [
         {
           "kind": "js",
-          "name": "StabilityAIUtils",
+          "name": "HuggingFaceUtils",
           "declaration": {
-            "name": "StabilityAIUtils",
-            "module": "src/services/stabilityAI/utils/stabilityAIUtils.ts"
+            "name": "HuggingFaceUtils",
+            "module": "src/services/huggingFace/utils/huggingFaceUtils.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/views/chat/introPanel/introPanel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "IntroPanel",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_elementRef",
+              "type": {
+                "text": "HTMLElement | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_isDisplayed",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "createIntroPanel",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "introPanelStyle",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomStyle"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createIntroPanelWithChild",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "childElement",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "introPanelStyle",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomStyle"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createInternalIntroPanel",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "introPanelMarkUp",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "introPanelStyle",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomStyle"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "display",
+              "privacy": "public"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IntroPanel",
+          "declaration": {
+            "name": "IntroPanel",
+            "module": "src/views/chat/introPanel/introPanel.ts"
           }
         }
       ]
@@ -25171,110 +25275,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/views/chat/introPanel/introPanel.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "IntroPanel",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_elementRef",
-              "type": {
-                "text": "HTMLElement | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_isDisplayed",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "createIntroPanel",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "introPanelStyle",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomStyle"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createIntroPanelWithChild",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "childElement",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "introPanelStyle",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomStyle"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createInternalIntroPanel",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "introPanelMarkUp",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "introPanelStyle",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomStyle"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "display",
-              "privacy": "public"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "IntroPanel",
-          "declaration": {
-            "name": "IntroPanel",
-            "module": "src/views/chat/introPanel/introPanel.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/views/chat/messages/avatar.ts",
@@ -26042,7 +26042,7 @@
             },
             {
               "kind": "method",
-              "name": "getLastMessageByRole",
+              "name": "getLastMessage",
               "privacy": "public",
               "static": true,
               "parameters": [
@@ -26057,6 +26057,13 @@
                   "type": {
                     "text": "boolean"
                   }
+                },
+                {
+                  "name": "content",
+                  "optional": true,
+                  "type": {
+                    "text": "keyof Omit<MessageContent, 'role'>"
+                  }
                 }
               ]
             }