deep-chat-dev 9.0.28 → 9.0.29

package/custom-elements.json

@@ -459,6 +459,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/icons/audioIcon.ts",
@@ -816,54 +864,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/types/APIKey.ts",
@@ -20845,396 +20845,295 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/chat/chatView.ts",
+      "path": "src/utils/HTTP/HTTPRequest.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ChatView",
+          "name": "HTTPRequest",
           "members": [
             {
               "kind": "method",
-              "name": "createElements",
-              "privacy": "private",
+              "name": "request",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "io",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "body",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "object"
                   }
                 },
                 {
-                  "name": "panel",
-                  "optional": true,
+                  "name": "messages",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Messages"
                   }
+                },
+                {
+                  "name": "stringifyBody",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "render",
+              "name": "executePollRequest",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "io",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "containerRef",
+                  "name": "url",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "requestInit",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "RequestInit"
                   }
                 },
                 {
-                  "name": "panel",
-                  "optional": true,
+                  "name": "messages",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Messages"
                   }
                 }
               ]
-            }
-          ]
-        }
-      ],
-      "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": "render",
+              "name": "poll",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "containerElement",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "text",
+                  "name": "body",
                   "type": {
-                    "text": "string"
+                    "text": "object"
+                  }
+                },
+                {
+                  "name": "messages",
+                  "type": {
+                    "text": "Messages"
                   }
+                },
+                {
+                  "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": "createHelpLink",
+              "name": "onInterceptorError",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "link",
+                  "name": "messages",
+                  "type": {
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "error",
                   "type": {
                     "text": "string"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createFailText",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "createHelpTextContainer",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "link",
+                  "name": "onFinish",
                   "optional": true,
                   "type": {
-                    "text": "string"
+                    "text": "() => void"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onFail",
-              "privacy": "private",
+              "name": "verifyKey",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputEl",
+                  "name": "key",
                   "type": {
-                    "text": "HTMLInputElement"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "startEl",
+                  "name": "url",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "failTextEl",
+                  "name": "headers",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "HeadersInit"
                   }
                 },
                 {
-                  "name": "message",
+                  "name": "method",
                   "type": {
                     "text": "string"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onLoad",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "inputEl",
+                  "name": "onSuccess",
                   "type": {
-                    "text": "HTMLInputElement"
+                    "text": "(key: string) => void"
                   }
                 },
                 {
-                  "name": "startEl",
+                  "name": "onFail",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "(message: string) => void"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "verifyKey",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "inputElement",
+                  "name": "onLoad",
                   "type": {
-                    "text": "HTMLInputElement"
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "keyVerificationHandlers",
+                  "name": "handleVerificationResult",
                   "type": {
-                    "text": "KeyVerificationHandlers"
+                    "text": "HandleVerificationResult"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "body",
+                  "optional": true,
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "string"
                   }
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "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": "addVerificationEvents",
-              "privacy": "private",
+              "name": "request",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputEl",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "startEl",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "failTextEl",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "changeToChat",
+                  "name": "body",
                   "type": {
-                    "text": "() => void"
+                    "text": "RequestDetails['body']"
                   }
                 },
                 {
-                  "name": "serviceIO",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createStartButton",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "onInputFocus",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "event",
+                  "name": "messages",
                   "type": {
-                    "text": "FocusEvent"
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createInput",
-              "privacy": "private",
+              "name": "stream",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "placeholderText",
-                  "optional": true,
+                  "name": "io",
                   "type": {
-                    "text": "string"
+                    "text": "ServiceIO"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createContents",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "changeToChat",
+                  "name": "body",
                   "type": {
-                    "text": "() => void"
+                    "text": "RequestDetails['body']"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "messages",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createElements",
-              "privacy": "private",
+              "name": "websocket",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "changeToChat",
+                  "name": "io",
                   "type": {
-                    "text": "() => void"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "messages",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "render",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "containerRef",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "changeToChat",
-                  "type": {
-                    "text": "() => void"
-                  }
-                },
-                {
-                  "name": "serviceIO",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                }
-              ]
+              "name": "generateOptionalSignals",
+              "privacy": "private",
+              "static": true
             }
           ]
         }
@@ -21242,164 +21141,132 @@
       "exports": [
         {
           "kind": "js",
-          "name": "InsertKeyView",
+          "name": "CustomHandler",
           "declaration": {
-            "name": "InsertKeyView",
-            "module": "src/views/insertKey/insertKeyView.ts"
+            "name": "CustomHandler",
+            "module": "src/utils/HTTP/customHandler.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/insertKey/visibilityIcon.ts",
+      "path": "src/utils/HTTP/requestUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "VisibilityIcon",
+          "name": "RequestUtils",
           "members": [
             {
               "kind": "field",
-              "name": "VISIBLE_ICON_ID",
+              "name": "CONTENT_TYPE",
               "type": {
                 "text": "string"
               },
-              "privacy": "private",
+              "privacy": "public",
               "static": true,
-              "default": "'visible-icon'"
+              "default": "'Content-Type'"
             },
             {
               "kind": "method",
-              "name": "changeVisibility",
-              "privacy": "private",
+              "name": "temporarilyRemoveHeader",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputElement",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "visibleIcon",
+                  "name": "requestSettings",
                   "type": {
-                    "text": "SVGGraphicsElement"
+                    "text": "Request | undefined"
                   }
                 },
                 {
-                  "name": "notVisibleIcon",
+                  "name": "request",
                   "type": {
-                    "text": "SVGGraphicsElement"
+                    "text": "(stringifyBody?: boolean) => Promise<void>"
                   }
                 },
                 {
-                  "name": "event",
+                  "name": "stringifyBody",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createIconElement",
-              "privacy": "private",
+              "name": "displayError",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "iconString",
+                  "name": "messages",
                   "type": {
-                    "text": "string"
+                    "text": "Messages"
                   }
                 },
                 {
-                  "name": "id",
+                  "name": "err",
                   "type": {
-                    "text": "string"
+                    "text": "object"
                   }
+                },
+                {
+                  "name": "defMessage",
+                  "default": "'Service error, please try again.'"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "create",
+              "name": "processResponseByType",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputElement",
+                  "name": "response",
                   "type": {
-                    "text": "HTMLInputElement"
+                    "text": "Response"
                   }
                 }
               ]
-            }
-          ]
-        }
-      ],
-      "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",
+              "name": "processRequestInterceptor",
+              "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "InterceptorResult"
+                }
+              },
               "parameters": [
                 {
-                  "name": "startElement",
+                  "name": "deepChat",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "DeepChat"
+                  }
+                },
+                {
+                  "name": "requestDetails",
+                  "type": {
+                    "text": "RequestDetails"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createElements",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "render",
+              "name": "validateResponseFormat",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "containerRef",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "changeToChat",
-                  "type": {
-                    "text": "() => void"
-                  }
-                },
-                {
-                  "name": "serviceIO",
+                  "name": "response",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "ResponseT"
                   }
                 }
               ]
@@ -21410,22 +21277,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ValidateKeyPropertyView",
+          "name": "RequestUtils",
           "declaration": {
-            "name": "ValidateKeyPropertyView",
-            "module": "src/views/validateKeyProperty/validateKeyPropertyView.ts"
+            "name": "RequestUtils",
+            "module": "src/utils/HTTP/requestUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/HTTPRequest.ts",
+      "path": "src/utils/HTTP/stream.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "HTTPRequest",
+          "name": "Stream",
           "members": [
             {
               "kind": "method",
@@ -21459,70 +21326,35 @@
             },
             {
               "kind": "method",
-              "name": "executePollRequest",
-              "privacy": "public",
+              "name": "onInterceptorError",
+              "privacy": "private",
               "static": true,
               "parameters": [
-                {
-                  "name": "io",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                },
-                {
-                  "name": "url",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "requestInit",
-                  "type": {
-                    "text": "RequestInit"
-                  }
-                },
                 {
                   "name": "messages",
                   "type": {
                     "text": "Messages"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "poll",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "io",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
                 },
                 {
-                  "name": "body",
+                  "name": "error",
                   "type": {
-                    "text": "object"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "onFinish",
+                  "optional": true,
                   "type": {
-                    "text": "Messages"
+                    "text": "() => void"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onInterceptorError",
-              "privacy": "private",
+              "name": "simulate",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
@@ -21532,79 +21364,78 @@
                   }
                 },
                 {
-                  "name": "error",
+                  "name": "sh",
                   "type": {
-                    "text": "string"
+                    "text": "StreamHandlers"
                   }
                 },
                 {
-                  "name": "onFinish",
+                  "name": "text",
                   "optional": true,
                   "type": {
-                    "text": "() => void"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "verifyKey",
-              "privacy": "public",
+              "name": "populateMessages",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "url",
+                  "name": "textEl",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "headers",
+                  "name": "responseText",
                   "type": {
-                    "text": "HeadersInit"
+                    "text": "string[]"
                   }
                 },
                 {
-                  "name": "method",
+                  "name": "messages",
                   "type": {
-                    "text": "string"
+                    "text": "Messages"
                   }
                 },
                 {
-                  "name": "onSuccess",
+                  "name": "sh",
                   "type": {
-                    "text": "(key: string) => void"
+                    "text": "SimulationSH"
                   }
                 },
                 {
-                  "name": "onFail",
-                  "type": {
-                    "text": "(message: string) => void"
-                  }
-                },
+                  "name": "wordIndex",
+                  "default": "0"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "abort",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "onLoad",
+                  "name": "timeout",
                   "type": {
-                    "text": "() => void"
+                    "text": "number"
                   }
                 },
                 {
-                  "name": "handleVerificationResult",
+                  "name": "messages",
                   "type": {
-                    "text": "HandleVerificationResult"
+                    "text": "Messages"
                   }
                 },
                 {
-                  "name": "body",
-                  "optional": true,
+                  "name": "onClose",
                   "type": {
-                    "text": "string"
+                    "text": "() => void"
                   }
                 }
               ]
@@ -21615,26 +21446,40 @@
       "exports": [
         {
           "kind": "js",
-          "name": "HTTPRequest",
+          "name": "Stream",
           "declaration": {
-            "name": "HTTPRequest",
-            "module": "src/utils/HTTP/HTTPRequest.ts"
+            "name": "Stream",
+            "module": "src/utils/HTTP/stream.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/customHandler.ts",
+      "path": "src/utils/HTTP/websocket.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CustomHandler",
+          "name": "Websocket",
           "members": [
             {
               "kind": "method",
-              "name": "request",
+              "name": "setup",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "io",
+                  "type": {
+                    "text": "ServiceIO"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createConnection",
               "privacy": "public",
               "static": true,
               "parameters": [
@@ -21645,9 +21490,23 @@
                   }
                 },
                 {
-                  "name": "body",
+                  "name": "messages",
                   "type": {
-                    "text": "RequestDetails['body']"
+                    "text": "Messages"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "retryConnection",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "io",
+                  "type": {
+                    "text": "ServiceIO"
                   }
                 },
                 {
@@ -21660,8 +21519,8 @@
             },
             {
               "kind": "method",
-              "name": "stream",
-              "privacy": "public",
+              "name": "assignListeners",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
@@ -21671,9 +21530,9 @@
                   }
                 },
                 {
-                  "name": "body",
+                  "name": "ws",
                   "type": {
-                    "text": "RequestDetails['body']"
+                    "text": "WebSocket"
                   }
                 },
                 {
@@ -21686,7 +21545,7 @@
             },
             {
               "kind": "method",
-              "name": "websocket",
+              "name": "sendWebsocket",
               "privacy": "public",
               "static": true,
               "parameters": [
@@ -21696,83 +21555,285 @@
                     "text": "ServiceIO"
                   }
                 },
+                {
+                  "name": "body",
+                  "type": {
+                    "text": "object"
+                  }
+                },
                 {
                   "name": "messages",
                   "type": {
                     "text": "Messages"
                   }
+                },
+                {
+                  "name": "stringifyBody",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "generateOptionalSignals",
-              "privacy": "private",
-              "static": true
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
+              "name": "canSendMessage",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "websocket",
+                  "type": {
+                    "text": "ServiceIO['websocket']"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isWebSocket",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "websocket is WebSocket"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "websocket",
+                  "type": {
+                    "text": "WebSocket | IWebsocketHandler"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
           "kind": "js",
-          "name": "CustomHandler",
+          "name": "Websocket",
           "declaration": {
-            "name": "CustomHandler",
-            "module": "src/utils/HTTP/customHandler.ts"
+            "name": "Websocket",
+            "module": "src/utils/HTTP/websocket.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/requestUtils.ts",
+      "path": "src/utils/browser/browser.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "RequestUtils",
+          "name": "Browser",
           "members": [
             {
               "kind": "field",
-              "name": "CONTENT_TYPE",
-              "type": {
-                "text": "string"
-              },
+              "name": "IS_SAFARI",
               "privacy": "public",
-              "static": true,
-              "default": "'Content-Type'"
+              "static": true
             },
             {
-              "kind": "method",
-              "name": "temporarilyRemoveHeader",
+              "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",
               "static": true,
               "parameters": [
                 {
-                  "name": "requestSettings",
+                  "name": "deepChat",
                   "type": {
-                    "text": "Request | undefined"
+                    "text": "InternalHTML"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "attemptRender",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "request",
+                  "name": "deepChat",
                   "type": {
-                    "text": "(stringifyBody?: boolean) => Promise<void>"
+                    "text": "InternalHTML"
                   }
-                },
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "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) => eval(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": "generateResponseForOneMessage",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "stringifyBody",
+                  "name": "requestMessage",
                   "type": {
-                    "text": "boolean"
+                    "text": "MessageContent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "displayError",
-              "privacy": "public",
+              "name": "generateResponse",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
@@ -21780,68 +21841,91 @@
                   "type": {
                     "text": "Messages"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getCustomResponse",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "err",
+                  "name": "customResponse",
                   "type": {
-                    "text": "object"
+                    "text": "DemoResponse"
                   }
                 },
                 {
-                  "name": "defMessage",
-                  "default": "'Service error, please try again.'"
+                  "name": "requestMessage",
+                  "type": {
+                    "text": "MessageContent"
+                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "processResponseByType",
-              "privacy": "public",
+              "name": "getResponse",
+              "privacy": "private",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "Response"
+                }
+              },
               "parameters": [
                 {
-                  "name": "response",
+                  "name": "messages",
                   "type": {
-                    "text": "Response"
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "processRequestInterceptor",
+              "name": "request",
               "privacy": "public",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "InterceptorResult"
-                }
-              },
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "messages",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "Messages"
                   }
                 },
                 {
-                  "name": "requestDetails",
+                  "name": "onFinish",
                   "type": {
-                    "text": "RequestDetails"
+                    "text": "Finish"
+                  }
+                },
+                {
+                  "name": "responseInterceptor",
+                  "optional": true,
+                  "type": {
+                    "text": "ResponseInterceptor"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "validateResponseFormat",
+              "name": "requestStream",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "response",
+                  "name": "messages",
                   "type": {
-                    "text": "ResponseT"
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "sh",
+                  "type": {
+                    "text": "StreamHandlers"
                   }
                 }
               ]
@@ -21852,165 +21936,224 @@
       "exports": [
         {
           "kind": "js",
-          "name": "RequestUtils",
+          "name": "Demo",
           "declaration": {
-            "name": "RequestUtils",
-            "module": "src/utils/HTTP/requestUtils.ts"
+            "name": "Demo",
+            "module": "src/utils/demo/demo.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/stream.ts",
+      "path": "src/utils/element/elementUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Stream",
+          "name": "ElementUtils",
           "members": [
+            {
+              "kind": "field",
+              "name": "CODE_SNIPPET_GENERATION_JUMP",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "0.5"
+            },
             {
               "kind": "method",
-              "name": "request",
+              "name": "addElements",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "parent",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "body",
+                  "name": "elements",
                   "type": {
-                    "text": "object"
+                    "text": "HTMLElement[]"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isScrollbarAtBottomOfElement",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "messages",
+                  "name": "element",
                   "type": {
-                    "text": "Messages"
+                    "text": "HTMLElement"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onInterceptorError",
-              "privacy": "private",
+              "name": "cloneElement",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
+                  "name": "element",
                   "type": {
-                    "text": "Messages"
+                    "text": "HTMLElement"
                   }
-                },
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "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": "error",
+                  "name": "element",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "onFinish",
-                  "optional": true,
+                  "name": "styles",
                   "type": {
-                    "text": "() => void"
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "simulate",
-              "privacy": "public",
+              "name": "mouseDown",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                },
-                {
-                  "name": "sh",
+                  "name": "element",
                   "type": {
-                    "text": "StreamHandlers"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "text",
-                  "optional": true,
+                  "name": "styles",
                   "type": {
-                    "text": "string"
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "populateMessages",
+              "name": "mouseLeave",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "textEl",
+                  "name": "element",
                   "type": {
                     "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "responseText",
+                  "name": "styles",
                   "type": {
-                    "text": "string[]"
+                    "text": "StatefulStyles"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "mouseEnter",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "messages",
+                  "name": "element",
                   "type": {
-                    "text": "Messages"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "sh",
+                  "name": "styles",
                   "type": {
-                    "text": "SimulationSH"
+                    "text": "StatefulStyles"
                   }
-                },
-                {
-                  "name": "wordIndex",
-                  "default": "0"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "abort",
-              "privacy": "private",
+              "name": "add",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "timeout",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "messages",
+                  "name": "element",
                   "type": {
-                    "text": "Messages"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "onClose",
+                  "name": "styles",
                   "type": {
-                    "text": "() => void"
+                    "text": "StatefulStyles"
                   }
                 }
               ]
@@ -22021,162 +22164,149 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Stream",
+          "name": "StatefulEvents",
           "declaration": {
-            "name": "Stream",
-            "module": "src/utils/HTTP/stream.ts"
+            "name": "StatefulEvents",
+            "module": "src/utils/element/statefulEvents.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/websocket.ts",
+      "path": "src/utils/element/styleUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Websocket",
+          "name": "StyleUtils",
           "members": [
             {
               "kind": "method",
-              "name": "setup",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "io",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createConnection",
+              "name": "unsetStyle",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "element",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "style",
                   "type": {
-                    "text": "Messages"
+                    "text": "CustomStyle"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "retryConnection",
-              "privacy": "private",
+              "name": "unsetActivityCSSMouseStates",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "element",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "statefulStyle",
                   "type": {
-                    "text": "Messages"
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "assignListeners",
-              "privacy": "private",
+              "name": "unsetAllCSSMouseStates",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                },
-                {
-                  "name": "ws",
+                  "name": "element",
                   "type": {
-                    "text": "WebSocket"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "statefulStyle",
                   "type": {
-                    "text": "Messages"
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "sendWebsocket",
+              "name": "processStateful",
               "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "StatefulStyles"
+                }
+              },
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "styles",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "StatefulStyles"
                   }
                 },
                 {
-                  "name": "body",
+                  "name": "defHover",
                   "type": {
-                    "text": "object"
+                    "text": "CustomStyle"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "defClick",
                   "type": {
-                    "text": "Messages"
+                    "text": "CustomStyle"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "canSendMessage",
+              "name": "mergeStatefulStyles",
               "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "StatefulStyles"
+                }
+              },
               "parameters": [
                 {
-                  "name": "websocket",
+                  "name": "stylesArr",
                   "type": {
-                    "text": "ServiceIO['websocket']"
+                    "text": "StatefulStyles[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "isWebSocket",
-              "privacy": "private",
+              "name": "overwriteDefaultWithAlreadyApplied",
+              "privacy": "public",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "websocket is WebSocket"
-                }
-              },
               "parameters": [
                 {
-                  "name": "websocket",
+                  "name": "styles",
                   "type": {
-                    "text": "WebSocket | IWebsocketHandler"
+                    "text": "StatefulStyles"
+                  }
+                },
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
                   }
                 }
               ]
@@ -22187,34 +22317,100 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Websocket",
+          "name": "StyleUtils",
           "declaration": {
-            "name": "Websocket",
-            "module": "src/utils/HTTP/websocket.ts"
+            "name": "StyleUtils",
+            "module": "src/utils/element/styleUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/browser/browser.ts",
+      "path": "src/utils/errorMessages/errorMessages.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}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ErrorMessages",
+          "declaration": {
+            "name": "ErrorMessages",
+            "module": "src/utils/errorMessages/errorMessages.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/events/fireEvents.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Browser",
+          "name": "FireEvents",
           "members": [
             {
-              "kind": "field",
-              "name": "IS_SAFARI",
+              "kind": "method",
+              "name": "onNewMessage",
               "privacy": "public",
-              "static": true
+              "static": true,
+              "parameters": [
+                {
+                  "name": "deepChat",
+                  "type": {
+                    "text": "DeepChat"
+                  }
+                },
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "MessageContent"
+                  }
+                },
+                {
+                  "name": "isInitial",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onClearMessages",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "deepChat",
+                  "type": {
+                    "text": "DeepChat"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "IS_CHROMIUM",
+              "kind": "method",
+              "name": "onRender",
               "privacy": "public",
-              "static": true
+              "static": true,
+              "parameters": [
+                {
+                  "name": "deepChat",
+                  "type": {
+                    "text": "DeepChat"
+                  }
+                }
+              ]
             }
           ]
         }
@@ -22222,105 +22418,62 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Browser",
+          "name": "FireEvents",
           "declaration": {
-            "name": "Browser",
-            "module": "src/utils/browser/browser.ts"
+            "name": "FireEvents",
+            "module": "src/utils/events/fireEvents.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/buttons/inputButtons.ts",
+      "path": "src/utils/fileTypes/fileTypeButtonIcons.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "BUTTON_ORDER",
+          "name": "FILE_TYPE_BUTTON_ICONS",
           "type": {
-            "text": "readonly BUTTON_TYPES[]"
+            "text": "ServiceFileTypes"
           },
-          "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"
-              }
-            }
-          ]
+          "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": "Property",
+          "name": "FILE_TYPE_BUTTON_ICONS",
           "declaration": {
-            "name": "Property",
-            "module": "src/utils/decorators/property.ts"
+            "name": "FILE_TYPE_BUTTON_ICONS",
+            "module": "src/utils/fileTypes/fileTypeButtonIcons.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/decorators/renderControl.ts",
+      "path": "src/utils/svg/svgIconUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "RenderControl",
+          "name": "SVGIconUtils",
           "members": [
             {
               "kind": "method",
-              "name": "waitForPropertiesToBeUpdatedBeforeRender",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "deepChat",
-                  "type": {
-                    "text": "InternalHTML"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "attemptRender",
+              "name": "createSVGElement",
               "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "SVGGraphicsElement"
+                }
+              },
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "svgString",
                   "type": {
-                    "text": "InternalHTML"
+                    "text": "string"
                   }
                 }
               ]
@@ -22331,32 +22484,38 @@
       "exports": [
         {
           "kind": "js",
-          "name": "RenderControl",
+          "name": "SVGIconUtils",
           "declaration": {
-            "name": "RenderControl",
-            "module": "src/utils/decorators/renderControl.ts"
+            "name": "SVGIconUtils",
+            "module": "src/utils/svg/svgIconUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/decorators/typeConverters.ts",
+      "path": "src/utils/webComponent/googleFont.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "TypeConverters",
+          "name": "GoogleFont",
           "members": [
             {
               "kind": "field",
-              "name": "attibutes",
+              "name": "FONT_URL",
               "type": {
-                "text": "AttributeTypeConverters"
+                "text": "string"
               },
-              "privacy": "public",
+              "privacy": "private",
               "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) => eval(value),\n  }"
+              "default": "'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap'"
+            },
+            {
+              "kind": "method",
+              "name": "appendStyleSheetToHead",
+              "privacy": "public",
+              "static": true
             }
           ]
         }
@@ -22364,244 +22523,164 @@
       "exports": [
         {
           "kind": "js",
-          "name": "TypeConverters",
+          "name": "GoogleFont",
           "declaration": {
-            "name": "TypeConverters",
-            "module": "src/utils/decorators/typeConverters.ts"
+            "name": "GoogleFont",
+            "module": "src/utils/webComponent/googleFont.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/demo/demo.ts",
+      "path": "src/utils/webComponent/internalHTML.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Demo",
+          "name": "InternalHTML",
           "members": [
             {
               "kind": "field",
-              "name": "URL",
+              "name": "_waitingToRender_",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "static": true,
-              "default": "'deep-chat-demo'"
-            },
-            {
-              "kind": "method",
-              "name": "generateResponseForOneMessage",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "requestMessage",
-                  "type": {
-                    "text": "MessageContent"
-                  }
-                }
-              ]
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "generateResponse",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "_propUpdated_",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "getCustomResponse",
-              "privacy": "private",
+              "kind": "field",
+              "name": "_attributes_",
+              "type": {
+                "text": "GenericObject<AttributeTypeConverter>"
+              },
               "static": true,
-              "parameters": [
-                {
-                  "name": "customResponse",
-                  "type": {
-                    "text": "DemoResponse"
-                  }
-                },
-                {
-                  "name": "requestMessage",
-                  "type": {
-                    "text": "MessageContent"
-                  }
-                }
-              ]
+              "default": "{}"
             },
             {
-              "kind": "method",
-              "name": "getResponse",
-              "privacy": "private",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "Response"
-                }
+              "kind": "field",
+              "name": "_attributeToProperty_",
+              "type": {
+                "text": "GenericObject<string>"
               },
-              "parameters": [
-                {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "request",
-              "privacy": "public",
               "static": true,
-              "parameters": [
-                {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                },
-                {
-                  "name": "onFinish",
-                  "type": {
-                    "text": "Finish"
-                  }
-                },
-                {
-                  "name": "responseInterceptor",
-                  "optional": true,
-                  "type": {
-                    "text": "ResponseInterceptor"
-                  }
-                }
-              ]
+              "default": "{}"
             },
             {
               "kind": "method",
-              "name": "requestStream",
-              "privacy": "public",
-              "static": true,
+              "name": "constructPropertyAccessors",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "messages",
+                  "name": "propertyKey",
                   "type": {
-                    "text": "Messages"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "sh",
+                  "name": "attributeName",
+                  "optional": true,
                   "type": {
-                    "text": "StreamHandlers"
+                    "text": "string"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "onRender"
             }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Demo",
-          "declaration": {
-            "name": "Demo",
-            "module": "src/utils/demo/demo.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/errorMessages/errorMessages.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ErrorMessages",
-          "type": {
-            "text": "object"
+          ],
+          "superclass": {
+            "name": "HTMLElement"
           },
-          "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}"
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ErrorMessages",
+          "name": "InternalHTML",
           "declaration": {
-            "name": "ErrorMessages",
-            "module": "src/utils/errorMessages/errorMessages.ts"
+            "name": "InternalHTML",
+            "module": "src/utils/webComponent/internalHTML.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/events/fireEvents.ts",
+      "path": "src/utils/webComponent/webComponentStyleUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FireEvents",
+          "name": "WebComponentStyleUtils",
           "members": [
             {
               "kind": "method",
-              "name": "onNewMessage",
+              "name": "apply",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
-                  "type": {
-                    "text": "DeepChat"
-                  }
-                },
-                {
-                  "name": "message",
+                  "name": "style",
                   "type": {
-                    "text": "MessageContent"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "isInitial",
+                  "name": "shadowRoot",
                   "type": {
-                    "text": "boolean"
+                    "text": "ShadowRoot | null"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onClearMessages",
-              "privacy": "public",
+              "name": "applyStyleSheet",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "style",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "shadowRoot",
+                  "type": {
+                    "text": "ShadowRoot"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onRender",
-              "privacy": "public",
+              "name": "addStyleElement",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "style",
                   "type": {
-                    "text": "DeepChat"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "shadowRoot",
+                  "type": {
+                    "text": "ShadowRoot"
                   }
                 }
               ]
@@ -22612,61 +22691,44 @@
       "exports": [
         {
           "kind": "js",
-          "name": "FireEvents",
+          "name": "WebComponentStyleUtils",
           "declaration": {
-            "name": "FireEvents",
-            "module": "src/utils/events/fireEvents.ts"
+            "name": "WebComponentStyleUtils",
+            "module": "src/utils/webComponent/webComponentStyleUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/element/elementUtils.ts",
+      "path": "src/views/chat/chatView.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ElementUtils",
+          "name": "ChatView",
           "members": [
-            {
-              "kind": "field",
-              "name": "CODE_SNIPPET_GENERATION_JUMP",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "0.5"
-            },
             {
               "kind": "method",
-              "name": "addElements",
-              "privacy": "public",
+              "name": "createElements",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "parent",
+                  "name": "deepChat",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "DeepChat"
                   }
                 },
                 {
-                  "name": "elements",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "HTMLElement[]"
+                    "text": "ServiceIO"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isScrollbarAtBottomOfElement",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "element",
+                  "name": "panel",
+                  "optional": true,
                   "type": {
                     "text": "HTMLElement"
                   }
@@ -22675,12 +22737,31 @@
             },
             {
               "kind": "method",
-              "name": "cloneElement",
+              "name": "render",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "deepChat",
+                  "type": {
+                    "text": "DeepChat"
+                  }
+                },
+                {
+                  "name": "containerRef",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
+                  }
+                },
+                {
+                  "name": "panel",
+                  "optional": true,
                   "type": {
                     "text": "HTMLElement"
                   }
@@ -22693,404 +22774,323 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ElementUtils",
+          "name": "ChatView",
           "declaration": {
-            "name": "ElementUtils",
-            "module": "src/utils/element/elementUtils.ts"
+            "name": "ChatView",
+            "module": "src/views/chat/chatView.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/element/imageUtils.ts",
+      "path": "src/views/error/errorView.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "BASE_64_PREFIX",
-          "type": {
-            "text": "string"
-          },
-          "default": "'data:image/png;base64,'"
+          "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"
+                  }
+                }
+              ]
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BASE_64_PREFIX",
+          "name": "ErrorView",
           "declaration": {
-            "name": "BASE_64_PREFIX",
-            "module": "src/utils/element/imageUtils.ts"
+            "name": "ErrorView",
+            "module": "src/views/error/errorView.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/element/statefulEvents.ts",
+      "path": "src/views/insertKey/insertKeyView.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "StatefulEvents",
+          "name": "InsertKeyView",
           "members": [
             {
               "kind": "method",
-              "name": "mouseUp",
+              "name": "createCautionText",
               "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "styles",
-                  "type": {
-                    "text": "StatefulStyles"
-                  }
-                }
-              ]
+              "static": true
             },
             {
               "kind": "method",
-              "name": "mouseDown",
+              "name": "createHelpLink",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "styles",
+                  "name": "link",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "mouseLeave",
+              "name": "createFailText",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "createHelpTextContainer",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "styles",
+                  "name": "link",
+                  "optional": true,
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "mouseEnter",
+              "name": "onFail",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "inputEl",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "styles",
+                  "name": "startEl",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "HTMLElement"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "add",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "element",
+                  "name": "failTextEl",
                   "type": {
                     "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "styles",
+                  "name": "message",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "string"
                   }
                 }
               ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "StatefulEvents",
-          "declaration": {
-            "name": "StatefulEvents",
-            "module": "src/utils/element/statefulEvents.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/element/styleUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "StyleUtils",
-          "members": [
+            },
             {
               "kind": "method",
-              "name": "unsetStyle",
-              "privacy": "public",
+              "name": "onLoad",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "inputEl",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "style",
+                  "name": "startEl",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "unsetActivityCSSMouseStates",
-              "privacy": "public",
+              "name": "verifyKey",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "inputElement",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "statefulStyle",
+                  "name": "keyVerificationHandlers",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "KeyVerificationHandlers"
+                  }
+                },
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "unsetAllCSSMouseStates",
-              "privacy": "public",
+              "name": "addVerificationEvents",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "inputEl",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "statefulStyle",
+                  "name": "startEl",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "HTMLElement"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "processStateful",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "StatefulStyles"
-                }
-              },
-              "parameters": [
+                },
                 {
-                  "name": "styles",
+                  "name": "failTextEl",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "defHover",
+                  "name": "changeToChat",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "defClick",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "ServiceIO"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "mergeStatefulStyles",
-              "privacy": "public",
+              "name": "createStartButton",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "onInputFocus",
+              "privacy": "private",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "StatefulStyles"
-                }
-              },
               "parameters": [
                 {
-                  "name": "stylesArr",
+                  "name": "event",
                   "type": {
-                    "text": "StatefulStyles[]"
+                    "text": "FocusEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "overwriteDefaultWithAlreadyApplied",
-              "privacy": "public",
+              "name": "createInput",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "styles",
-                  "type": {
-                    "text": "StatefulStyles"
-                  }
-                },
-                {
-                  "name": "element",
+                  "name": "placeholderText",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
                 }
               ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "StyleUtils",
-          "declaration": {
-            "name": "StyleUtils",
-            "module": "src/utils/element/styleUtils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/svg/svgIconUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SVGIconUtils",
-          "members": [
+            },
             {
               "kind": "method",
-              "name": "createSVGElement",
-              "privacy": "public",
+              "name": "createContents",
+              "privacy": "private",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "SVGGraphicsElement"
-                }
-              },
               "parameters": [
                 {
-                  "name": "svgString",
+                  "name": "changeToChat",
                   "type": {
-                    "text": "string"
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
                   }
                 }
               ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SVGIconUtils",
-          "declaration": {
-            "name": "SVGIconUtils",
-            "module": "src/utils/svg/svgIconUtils.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/webComponent/googleFont.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "GoogleFont",
-          "members": [
+            },
             {
-              "kind": "field",
-              "name": "FONT_URL",
-              "type": {
-                "text": "string"
-              },
+              "kind": "method",
+              "name": "createElements",
               "privacy": "private",
               "static": true,
-              "default": "'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap'"
+              "parameters": [
+                {
+                  "name": "changeToChat",
+                  "type": {
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "appendStyleSheetToHead",
+              "name": "render",
               "privacy": "public",
-              "static": true
+              "static": true,
+              "parameters": [
+                {
+                  "name": "containerRef",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "changeToChat",
+                  "type": {
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
+                  }
+                }
+              ]
             }
           ]
         }
@@ -23098,71 +23098,79 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GoogleFont",
+          "name": "InsertKeyView",
           "declaration": {
-            "name": "GoogleFont",
-            "module": "src/utils/webComponent/googleFont.ts"
+            "name": "InsertKeyView",
+            "module": "src/views/insertKey/insertKeyView.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/webComponent/internalHTML.ts",
+      "path": "src/views/insertKey/visibilityIcon.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "InternalHTML",
+          "name": "VisibilityIcon",
           "members": [
             {
               "kind": "field",
-              "name": "_waitingToRender_",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_propUpdated_",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_attributes_",
+              "name": "VISIBLE_ICON_ID",
               "type": {
-                "text": "GenericObject<AttributeTypeConverter>"
+                "text": "string"
               },
+              "privacy": "private",
               "static": true,
-              "default": "{}"
+              "default": "'visible-icon'"
             },
             {
-              "kind": "field",
-              "name": "_attributeToProperty_",
-              "type": {
-                "text": "GenericObject<string>"
-              },
+              "kind": "method",
+              "name": "changeVisibility",
+              "privacy": "private",
               "static": true,
-              "default": "{}"
+              "parameters": [
+                {
+                  "name": "inputElement",
+                  "type": {
+                    "text": "HTMLInputElement"
+                  }
+                },
+                {
+                  "name": "visibleIcon",
+                  "type": {
+                    "text": "SVGGraphicsElement"
+                  }
+                },
+                {
+                  "name": "notVisibleIcon",
+                  "type": {
+                    "text": "SVGGraphicsElement"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "constructPropertyAccessors",
+              "name": "createIconElement",
               "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "propertyKey",
+                  "name": "iconString",
                   "type": {
                     "text": "string"
                   }
                 },
                 {
-                  "name": "attributeName",
-                  "optional": true,
+                  "name": "id",
                   "type": {
                     "text": "string"
                   }
@@ -23171,91 +23179,83 @@
             },
             {
               "kind": "method",
-              "name": "onRender"
+              "name": "create",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "inputElement",
+                  "type": {
+                    "text": "HTMLInputElement"
+                  }
+                }
+              ]
             }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "customElement": true
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "InternalHTML",
+          "name": "VisibilityIcon",
           "declaration": {
-            "name": "InternalHTML",
-            "module": "src/utils/webComponent/internalHTML.ts"
+            "name": "VisibilityIcon",
+            "module": "src/views/insertKey/visibilityIcon.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/webComponent/webComponentStyleUtils.ts",
+      "path": "src/views/validateKeyProperty/validateKeyPropertyView.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "WebComponentStyleUtils",
+          "name": "ValidateKeyPropertyView",
           "members": [
             {
               "kind": "method",
-              "name": "apply",
-              "privacy": "public",
+              "name": "onLoad",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "style",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "shadowRoot",
+                  "name": "startElement",
                   "type": {
-                    "text": "ShadowRoot | null"
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "applyStyleSheet",
+              "name": "createElements",
               "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "render",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "style",
+                  "name": "containerRef",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "shadowRoot",
-                  "type": {
-                    "text": "ShadowRoot"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "addStyleElement",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "style",
+                  "name": "changeToChat",
                   "type": {
-                    "text": "string"
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "shadowRoot",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "ShadowRoot"
+                    "text": "ServiceIO"
                   }
                 }
               ]
@@ -23266,10 +23266,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "WebComponentStyleUtils",
+          "name": "ValidateKeyPropertyView",
           "declaration": {
-            "name": "WebComponentStyleUtils",
-            "module": "src/utils/webComponent/webComponentStyleUtils.ts"
+            "name": "ValidateKeyPropertyView",
+            "module": "src/views/validateKeyProperty/validateKeyPropertyView.ts"
           }
         }
       ]
@@ -28113,6 +28113,35 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/views/chat/messages/remarkable/remarkableConfig.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "RemarkableConfig",
+          "members": [
+            {
+              "kind": "method",
+              "name": "createNew",
+              "privacy": "public",
+              "static": true
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RemarkableConfig",
+          "declaration": {
+            "name": "RemarkableConfig",
+            "module": "src/views/chat/messages/remarkable/remarkableConfig.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/views/chat/messages/textToSpeech/textToSpeech.ts",
@@ -28186,35 +28215,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/views/chat/messages/remarkable/remarkableConfig.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "RemarkableConfig",
-          "members": [
-            {
-              "kind": "method",
-              "name": "createNew",
-              "privacy": "public",
-              "static": true
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RemarkableConfig",
-          "declaration": {
-            "name": "RemarkableConfig",
-            "module": "src/views/chat/messages/remarkable/remarkableConfig.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/views/chat/input/buttons/camera/cameraButton.ts",