deep-chat-dev 1.1.35 → 1.1.37

package/custom-elements.json

@@ -22,8 +22,9 @@
               "kind": "field",
               "name": "request",
               "type": {
-                "text": "Request | undefined"
-              }
+                "text": "Request | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
@@ -431,6 +432,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",
@@ -788,54 +837,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",
@@ -21447,451 +21448,394 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/HTTP/HTTPRequest.ts",
+      "path": "src/views/chat/chatView.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "HTTPRequest",
+          "name": "ChatView",
           "members": [
             {
               "kind": "method",
-              "name": "request",
-              "privacy": "public",
+              "name": "createElements",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                },
-                {
-                  "name": "body",
+                  "name": "deepChat",
                   "type": {
-                    "text": "object"
+                    "text": "DeepChat"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "Messages"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "onFinish",
+                  "name": "panel",
+                  "optional": true,
                   "type": {
-                    "text": "Finish"
+                    "text": "HTMLElement"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "requestStream",
+              "name": "render",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                },
-                {
-                  "name": "body",
-                  "type": {
-                    "text": "object"
-                  }
-                },
-                {
-                  "name": "messages",
+                  "name": "deepChat",
                   "type": {
-                    "text": "Messages"
+                    "text": "DeepChat"
                   }
                 },
                 {
-                  "name": "onOpen",
+                  "name": "containerRef",
                   "type": {
-                    "text": "() => void"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "onClose",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "() => void"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "abortStream",
+                  "name": "panel",
+                  "optional": true,
                   "type": {
-                    "text": "AbortController"
+                    "text": "HTMLElement"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "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": "executePollRequest",
+              "name": "render",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "containerElement",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "url",
+                  "name": "text",
                   "type": {
                     "text": "string"
                   }
-                },
-                {
-                  "name": "requestInit",
-                  "type": {
-                    "text": "RequestInit"
-                  }
-                },
-                {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                },
-                {
-                  "name": "onFinish",
-                  "type": {
-                    "text": "Finish"
-                  }
                 }
               ]
+            }
+          ]
+        }
+      ],
+      "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": "poll",
-              "privacy": "public",
+              "name": "createHelpLink",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "link",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "string"
                   }
-                },
-                {
-                  "name": "body",
-                  "type": {
-                    "text": "object"
-                  }
-                },
-                {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createFailText",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "createHelpTextContainer",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "onFinish",
+                  "name": "link",
+                  "optional": true,
                   "type": {
-                    "text": "Finish"
+                    "text": "string"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "verifyKey",
-              "privacy": "public",
+              "name": "onFail",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "key",
+                  "name": "inputEl",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "url",
+                  "name": "startEl",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "headers",
+                  "name": "failTextEl",
                   "type": {
-                    "text": "HeadersInit"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "method",
+                  "name": "message",
                   "type": {
                     "text": "string"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onLoad",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "onSuccess",
+                  "name": "inputEl",
                   "type": {
-                    "text": "(key: string) => void"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "onFail",
+                  "name": "startEl",
                   "type": {
-                    "text": "(message: string) => void"
+                    "text": "HTMLElement"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "verifyKey",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "onLoad",
+                  "name": "inputElement",
                   "type": {
-                    "text": "() => void"
+                    "text": "HTMLInputElement"
                   }
                 },
                 {
-                  "name": "handleVerificationResult",
+                  "name": "keyVerificationHandlers",
                   "type": {
-                    "text": "HandleVerificationResult"
+                    "text": "KeyVerificationHandlers"
                   }
                 },
                 {
-                  "name": "body",
-                  "optional": true,
+                  "name": "serviceIO",
                   "type": {
-                    "text": "string"
+                    "text": "ServiceIO"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "processResponseByType",
+              "name": "addVerificationEvents",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "response",
+                  "name": "inputEl",
                   "type": {
-                    "text": "Response"
+                    "text": "HTMLInputElement"
                   }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "HTTPRequest",
-          "declaration": {
-            "name": "HTTPRequest",
-            "module": "src/utils/HTTP/HTTPRequest.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/HTTP/requestUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "RequestUtils",
-          "members": [
-            {
-              "kind": "field",
-              "name": "CONTENT_TYPE",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "'Content-Type'"
-            },
-            {
-              "kind": "method",
-              "name": "temporarilyRemoveHeader",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "requestSettings",
+                  "name": "startEl",
                   "type": {
-                    "text": "Request | undefined"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "request",
+                  "name": "failTextEl",
                   "type": {
-                    "text": "(stringifyBody?: boolean) => void"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "stringifyBody",
+                  "name": "changeToChat",
                   "type": {
-                    "text": "boolean"
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "displayError",
-              "privacy": "public",
+              "name": "createStartButton",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "onInputFocus",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                },
-                {
-                  "name": "err",
+                  "name": "event",
                   "type": {
-                    "text": "object"
+                    "text": "FocusEvent"
                   }
                 }
               ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RequestUtils",
-          "declaration": {
-            "name": "RequestUtils",
-            "module": "src/utils/HTTP/requestUtils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/HTTP/websocket.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Websocket",
-          "members": [
+            },
             {
               "kind": "method",
-              "name": "setup",
-              "privacy": "public",
+              "name": "createInput",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                },
-                {
-                  "name": "websocketConfig",
+                  "name": "placeholderText",
+                  "optional": true,
                   "type": {
-                    "text": "boolean | string | string[]"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "connect",
-              "privacy": "public",
+              "name": "createContents",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "url",
-                  "optional": true,
+                  "name": "changeToChat",
                   "type": {
-                    "text": "string"
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "protocols",
-                  "optional": true,
+                  "name": "serviceIO",
                   "type": {
-                    "text": "string | string[]"
+                    "text": "ServiceIO"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "assignListeners",
-              "privacy": "public",
+              "name": "createElements",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "io",
+                  "name": "changeToChat",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "messages",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "Messages"
+                    "text": "ServiceIO"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "sendWebsocket",
+              "name": "render",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "ws",
+                  "name": "containerRef",
                   "type": {
-                    "text": "WebSocket"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "io",
+                  "name": "changeToChat",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "body",
-                  "type": {
-                    "text": "object"
-                  }
-                },
-                {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                },
-                {
-                  "name": "onFinish",
+                  "name": "serviceIO",
                   "type": {
-                    "text": "Finish"
+                    "text": "ServiceIO"
                   }
-                },
-                {
-                  "name": "stringifyBody",
-                  "default": "true"
                 }
               ]
             }
@@ -21901,176 +21845,98 @@
       "exports": [
         {
           "kind": "js",
-          "name": "Websocket",
+          "name": "InsertKeyView",
           "declaration": {
-            "name": "Websocket",
-            "module": "src/utils/HTTP/websocket.ts"
+            "name": "InsertKeyView",
+            "module": "src/views/insertKey/insertKeyView.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/browser/browser.ts",
+      "path": "src/views/insertKey/visibilityIcon.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Browser",
+          "name": "VisibilityIcon",
           "members": [
             {
               "kind": "field",
-              "name": "IS_SAFARI",
-              "privacy": "public",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "IS_CHROMIUM",
-              "privacy": "public",
-              "static": true
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Browser",
-          "declaration": {
-            "name": "Browser",
-            "module": "src/utils/browser/browser.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/buttons/inputButtons.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "BUTTON_ORDER",
-          "type": {
-            "text": "readonly BUTTON_TYPES[]"
-          },
-          "default": "[\n  'camera',\n  'gifs',\n  'images',\n  'audio',\n  'mixedFiles',\n  'submit',\n  'microphone',\n]"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BUTTON_ORDER",
-          "declaration": {
-            "name": "BUTTON_ORDER",
-            "module": "src/utils/buttons/inputButtons.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/buttons/keyboardKeys.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/decorators/property.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "Property",
-          "parameters": [
-            {
-              "name": "type",
+              "name": "VISIBLE_ICON_ID",
               "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": [
+                "text": "string"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "'visible-icon'"
+            },
             {
               "kind": "method",
-              "name": "waitForPropertiesToBeUpdatedBeforeRender",
+              "name": "changeVisibility",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "inputElement",
                   "type": {
-                    "text": "InternalHTML"
+                    "text": "HTMLInputElement"
+                  }
+                },
+                {
+                  "name": "visibleIcon",
+                  "type": {
+                    "text": "SVGGraphicsElement"
+                  }
+                },
+                {
+                  "name": "notVisibleIcon",
+                  "type": {
+                    "text": "SVGGraphicsElement"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "attemptRender",
-              "privacy": "public",
+              "name": "createIconElement",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
+                  "name": "iconString",
                   "type": {
-                    "text": "InternalHTML"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
                   }
                 }
               ]
-            }
-          ]
-        }
-      ],
-      "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"
-              },
+              "kind": "method",
+              "name": "create",
               "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  }"
+              "parameters": [
+                {
+                  "name": "inputElement",
+                  "type": {
+                    "text": "HTMLInputElement"
+                  }
+                }
+              ]
             }
           ]
         }
@@ -22078,130 +21944,144 @@
       "exports": [
         {
           "kind": "js",
-          "name": "TypeConverters",
+          "name": "VisibilityIcon",
           "declaration": {
-            "name": "TypeConverters",
-            "module": "src/utils/decorators/typeConverters.ts"
+            "name": "VisibilityIcon",
+            "module": "src/views/insertKey/visibilityIcon.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/demo/demo.ts",
+      "path": "src/views/validateKeyProperty/validateKeyPropertyView.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Demo",
+          "name": "ValidateKeyPropertyView",
           "members": [
-            {
-              "kind": "field",
-              "name": "URL",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "'deep-chat-demo'"
-            },
             {
               "kind": "method",
-              "name": "generateResponseForOneMessage",
+              "name": "onLoad",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "requestMessage",
+                  "name": "startElement",
                   "type": {
-                    "text": "MessageContent"
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "generateResponse",
+              "name": "createElements",
               "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "messages",
-                  "type": {
-                    "text": "Messages"
-                  }
-                }
-              ]
+              "static": true
             },
             {
               "kind": "method",
-              "name": "request",
+              "name": "render",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
+                  "name": "containerRef",
                   "type": {
-                    "text": "Messages"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "onFinish",
+                  "name": "changeToChat",
                   "type": {
-                    "text": "Finish"
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "responseInterceptor",
-                  "optional": true,
+                  "name": "serviceIO",
                   "type": {
-                    "text": "ResponseInterceptor"
+                    "text": "ServiceIO"
                   }
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ValidateKeyPropertyView",
+          "declaration": {
+            "name": "ValidateKeyPropertyView",
+            "module": "src/views/validateKeyProperty/validateKeyPropertyView.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/HTTP/HTTPRequest.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "HTTPRequest",
+          "members": [
             {
               "kind": "method",
-              "name": "requestStream",
+              "name": "request",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "messages",
+                  "name": "io",
                   "type": {
-                    "text": "Messages"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "onOpen",
+                  "name": "body",
                   "type": {
-                    "text": "() => void"
+                    "text": "object"
                   }
                 },
                 {
-                  "name": "onClose",
+                  "name": "messages",
                   "type": {
-                    "text": "() => void"
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "onFinish",
+                  "type": {
+                    "text": "Finish"
                   }
+                },
+                {
+                  "name": "stringifyBody",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "populateMessages",
-              "privacy": "private",
+              "name": "requestStream",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "textElement",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "responseText",
+                  "name": "body",
                   "type": {
-                    "text": "string[]"
+                    "text": "object"
                   }
                 },
                 {
@@ -22211,241 +22091,255 @@
                   }
                 },
                 {
-                  "name": "onClose",
+                  "name": "onOpen",
                   "type": {
                     "text": "() => void"
                   }
                 },
                 {
-                  "name": "wordIndex",
-                  "default": "0"
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Demo",
-          "declaration": {
-            "name": "Demo",
-            "module": "src/utils/demo/demo.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/element/elementUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ElementUtils",
-          "members": [
-            {
-              "kind": "field",
-              "name": "CODE_SNIPPET_GENERATION_JUMP",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "0.5"
-            },
-            {
-              "kind": "method",
-              "name": "addElements",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "parent",
+                  "name": "onClose",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "() => void"
                   }
                 },
                 {
-                  "name": "elements",
+                  "name": "abortStream",
                   "type": {
-                    "text": "HTMLElement[]"
+                    "text": "AbortController"
                   }
+                },
+                {
+                  "name": "stringifyBody",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "isScrollbarAtBottomOfElement",
+              "name": "executePollRequest",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "cloneElement",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "element",
+                  "name": "url",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "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": "styles",
+                  "name": "requestInit",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "RequestInit"
                   }
                 },
                 {
-                  "name": "event",
+                  "name": "messages",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "onFinish",
+                  "type": {
+                    "text": "Finish"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "mouseDown",
-              "privacy": "private",
+              "name": "poll",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "styles",
+                  "name": "io",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "event",
+                  "name": "body",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "object"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "mouseLeave",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "styles",
+                  "name": "messages",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "Messages"
                   }
                 },
                 {
-                  "name": "event",
+                  "name": "onFinish",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "Finish"
                   }
+                },
+                {
+                  "name": "stringifyBody",
+                  "default": "true"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "mouseEnter",
-              "privacy": "private",
+              "name": "verifyKey",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "styles",
+                  "name": "key",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "event",
+                  "name": "url",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "headers",
+                  "type": {
+                    "text": "HeadersInit"
+                  }
+                },
+                {
+                  "name": "method",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "onSuccess",
+                  "type": {
+                    "text": "(key: string) => void"
+                  }
+                },
+                {
+                  "name": "onFail",
+                  "type": {
+                    "text": "(message: string) => void"
+                  }
+                },
+                {
+                  "name": "onLoad",
+                  "type": {
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "handleVerificationResult",
+                  "type": {
+                    "text": "HandleVerificationResult"
+                  }
+                },
+                {
+                  "name": "body",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "add",
+              "name": "processResponseByType",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "response",
+                  "type": {
+                    "text": "Response"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HTTPRequest",
+          "declaration": {
+            "name": "HTTPRequest",
+            "module": "src/utils/HTTP/HTTPRequest.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/HTTP/requestUtils.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "RequestUtils",
+          "members": [
+            {
+              "kind": "field",
+              "name": "CONTENT_TYPE",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "'Content-Type'"
+            },
+            {
+              "kind": "method",
+              "name": "temporarilyRemoveHeader",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "requestSettings",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Request | undefined"
                   }
                 },
                 {
-                  "name": "styles",
+                  "name": "request",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "(stringifyBody?: boolean) => void"
+                  }
+                },
+                {
+                  "name": "stringifyBody",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "displayError",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "messages",
+                  "type": {
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "err",
+                  "type": {
+                    "text": "object"
                   }
                 }
               ]
@@ -22456,111 +22350,124 @@
       "exports": [
         {
           "kind": "js",
-          "name": "StatefulEvents",
+          "name": "RequestUtils",
           "declaration": {
-            "name": "StatefulEvents",
-            "module": "src/utils/element/statefulEvents.ts"
+            "name": "RequestUtils",
+            "module": "src/utils/HTTP/requestUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/element/styleUtils.ts",
+      "path": "src/utils/HTTP/websocket.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "StyleUtils",
+          "name": "Websocket",
           "members": [
             {
               "kind": "method",
-              "name": "unsetStyle",
+              "name": "setup",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "style",
+                  "name": "websocketConfig",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "boolean | string | string[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "unsetActivityCSSMouseStates",
+              "name": "connect",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "url",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "statefulStyle",
+                  "name": "protocols",
+                  "optional": true,
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "string | string[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "unsetAllCSSMouseStates",
+              "name": "assignListeners",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "io",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "statefulStyle",
+                  "name": "messages",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "generateStateful",
+              "name": "sendWebsocket",
               "privacy": "public",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "StatefulStyles"
-                }
-              },
               "parameters": [
                 {
-                  "name": "styles",
+                  "name": "ws",
                   "type": {
-                    "text": "StatefulStyles"
+                    "text": "WebSocket"
                   }
                 },
                 {
-                  "name": "defHover",
+                  "name": "io",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "ServiceIO"
                   }
                 },
                 {
-                  "name": "defClick",
+                  "name": "body",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "object"
+                  }
+                },
+                {
+                  "name": "messages",
+                  "type": {
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "onFinish",
+                  "type": {
+                    "text": "Finish"
                   }
+                },
+                {
+                  "name": "stringifyBody",
+                  "default": "true"
                 }
               ]
             }
@@ -22570,149 +22477,140 @@
       "exports": [
         {
           "kind": "js",
-          "name": "StyleUtils",
+          "name": "Websocket",
           "declaration": {
-            "name": "StyleUtils",
-            "module": "src/utils/element/styleUtils.ts"
+            "name": "Websocket",
+            "module": "src/utils/HTTP/websocket.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/errorMessages/errorMessages.ts",
+      "path": "src/utils/browser/browser.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "ErrorMessages",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  INVALID_KEY: 'Invalid API Key',\n  CONNECTION_FAILED: 'Failed to connect',\n}"
+          "kind": "class",
+          "description": "",
+          "name": "Browser",
+          "members": [
+            {
+              "kind": "field",
+              "name": "IS_SAFARI",
+              "privacy": "public",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "IS_CHROMIUM",
+              "privacy": "public",
+              "static": true
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ErrorMessages",
+          "name": "Browser",
           "declaration": {
-            "name": "ErrorMessages",
-            "module": "src/utils/errorMessages/errorMessages.ts"
+            "name": "Browser",
+            "module": "src/utils/browser/browser.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/events/fireEvents.ts",
+      "path": "src/utils/buttons/inputButtons.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "FireEvents",
-          "members": [
-            {
-              "kind": "method",
-              "name": "onNewMessage",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "deepChat",
-                  "type": {
-                    "text": "DeepChat"
-                  }
-                },
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "MessageContent"
-                  }
-                },
-                {
-                  "name": "isInitial",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onRender",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "deepChat",
-                  "type": {
-                    "text": "DeepChat"
-                  }
-                }
-              ]
-            }
-          ]
+          "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": "FireEvents",
+          "name": "BUTTON_ORDER",
           "declaration": {
-            "name": "FireEvents",
-            "module": "src/utils/events/fireEvents.ts"
+            "name": "BUTTON_ORDER",
+            "module": "src/utils/buttons/inputButtons.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/fileTypes/fileTypeButtonIcons.ts",
+      "path": "src/utils/buttons/keyboardKeys.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/decorators/property.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}"
+          "kind": "function",
+          "name": "Property",
+          "parameters": [
+            {
+              "name": "type",
+              "type": {
+                "text": "AvailableTypes"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FILE_TYPE_BUTTON_ICONS",
+          "name": "Property",
           "declaration": {
-            "name": "FILE_TYPE_BUTTON_ICONS",
-            "module": "src/utils/fileTypes/fileTypeButtonIcons.ts"
+            "name": "Property",
+            "module": "src/utils/decorators/property.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/svg/svgIconUtils.ts",
+      "path": "src/utils/decorators/renderControl.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SVGIconUtils",
+          "name": "RenderControl",
           "members": [
             {
               "kind": "method",
-              "name": "createSVGElement",
-              "privacy": "public",
+              "name": "waitForPropertiesToBeUpdatedBeforeRender",
+              "privacy": "private",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "SVGGraphicsElement"
+              "parameters": [
+                {
+                  "name": "deepChat",
+                  "type": {
+                    "text": "InternalHTML"
+                  }
                 }
-              },
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "attemptRender",
+              "privacy": "public",
+              "static": true,
               "parameters": [
                 {
-                  "name": "svgString",
+                  "name": "deepChat",
                   "type": {
-                    "text": "string"
+                    "text": "InternalHTML"
                   }
                 }
               ]
@@ -22723,38 +22621,32 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SVGIconUtils",
+          "name": "RenderControl",
           "declaration": {
-            "name": "SVGIconUtils",
-            "module": "src/utils/svg/svgIconUtils.ts"
+            "name": "RenderControl",
+            "module": "src/utils/decorators/renderControl.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/webComponent/googleFont.ts",
+      "path": "src/utils/decorators/typeConverters.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "GoogleFont",
+          "name": "TypeConverters",
           "members": [
             {
               "kind": "field",
-              "name": "FONT_URL",
+              "name": "attibutes",
               "type": {
-                "text": "string"
+                "text": "AttributeTypeConverters"
               },
-              "privacy": "private",
-              "static": true,
-              "default": "'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap'"
-            },
-            {
-              "kind": "method",
-              "name": "appendStyleSheetToHead",
               "privacy": "public",
-              "static": true
+              "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  }"
             }
           ]
         }
@@ -22762,167 +22654,149 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GoogleFont",
+          "name": "TypeConverters",
           "declaration": {
-            "name": "GoogleFont",
-            "module": "src/utils/webComponent/googleFont.ts"
+            "name": "TypeConverters",
+            "module": "src/utils/decorators/typeConverters.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/webComponent/internalHTML.ts",
+      "path": "src/utils/demo/demo.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "InternalHTML",
+          "name": "Demo",
           "members": [
             {
               "kind": "field",
-              "name": "_waitingToRender_",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_propUpdated_",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_attributes_",
-              "type": {
-                "text": "GenericObject<AttributeTypeConverter>"
-              },
-              "static": true,
-              "default": "{}"
-            },
-            {
-              "kind": "field",
-              "name": "_attributeToProperty_",
+              "name": "URL",
               "type": {
-                "text": "GenericObject<string>"
+                "text": "string"
               },
+              "privacy": "public",
               "static": true,
-              "default": "{}"
+              "default": "'deep-chat-demo'"
             },
             {
               "kind": "method",
-              "name": "constructPropertyAccessors",
+              "name": "generateResponseForOneMessage",
               "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "propertyKey",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "attributeName",
-                  "optional": true,
+                  "name": "requestMessage",
                   "type": {
-                    "text": "string"
+                    "text": "MessageContent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onRender"
-            }
-          ],
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "InternalHTML",
-          "declaration": {
-            "name": "InternalHTML",
-            "module": "src/utils/webComponent/internalHTML.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/webComponent/webComponentStyleUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "WebComponentStyleUtils",
-          "members": [
-            {
-              "kind": "method",
-              "name": "apply",
-              "privacy": "public",
+              "name": "generateResponse",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "style",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "shadowRoot",
+                  "name": "messages",
                   "type": {
-                    "text": "ShadowRoot | null"
+                    "text": "Messages"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "applyStyleSheet",
-              "privacy": "private",
+              "name": "request",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "style",
+                  "name": "messages",
                   "type": {
-                    "text": "string"
+                    "text": "Messages"
                   }
                 },
                 {
-                  "name": "shadowRoot",
+                  "name": "onFinish",
                   "type": {
-                    "text": "ShadowRoot"
+                    "text": "Finish"
+                  }
+                },
+                {
+                  "name": "responseInterceptor",
+                  "optional": true,
+                  "type": {
+                    "text": "ResponseInterceptor"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "addStyleElement",
-              "privacy": "private",
+              "name": "requestStream",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "style",
+                  "name": "messages",
                   "type": {
-                    "text": "string"
+                    "text": "Messages"
                   }
                 },
                 {
-                  "name": "shadowRoot",
+                  "name": "onOpen",
                   "type": {
-                    "text": "ShadowRoot"
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "onClose",
+                  "type": {
+                    "text": "() => void"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "populateMessages",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "textElement",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "responseText",
+                  "type": {
+                    "text": "string[]"
+                  }
+                },
+                {
+                  "name": "messages",
+                  "type": {
+                    "text": "Messages"
+                  }
+                },
+                {
+                  "name": "onClose",
+                  "type": {
+                    "text": "() => void"
+                  }
+                },
+                {
+                  "name": "wordIndex",
+                  "default": "0"
+                }
+              ]
             }
           ]
         }
@@ -22930,77 +22804,75 @@
       "exports": [
         {
           "kind": "js",
-          "name": "WebComponentStyleUtils",
+          "name": "Demo",
           "declaration": {
-            "name": "WebComponentStyleUtils",
-            "module": "src/utils/webComponent/webComponentStyleUtils.ts"
+            "name": "Demo",
+            "module": "src/utils/demo/demo.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/chat/chatView.ts",
+      "path": "src/utils/element/elementUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ChatView",
+          "name": "ElementUtils",
           "members": [
             {
-              "kind": "method",
-              "name": "createElements",
+              "kind": "field",
+              "name": "CODE_SNIPPET_GENERATION_JUMP",
+              "type": {
+                "text": "number"
+              },
               "privacy": "private",
               "static": true,
+              "default": "0.5"
+            },
+            {
+              "kind": "method",
+              "name": "addElements",
+              "privacy": "public",
+              "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
-                  "type": {
-                    "text": "DeepChat"
-                  }
-                },
-                {
-                  "name": "serviceIO",
+                  "name": "parent",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "panel",
-                  "optional": true,
+                  "name": "elements",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "HTMLElement[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "render",
+              "name": "isScrollbarAtBottomOfElement",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "deepChat",
-                  "type": {
-                    "text": "DeepChat"
-                  }
-                },
-                {
-                  "name": "containerRef",
+                  "name": "element",
                   "type": {
                     "text": "HTMLElement"
                   }
-                },
-                {
-                  "name": "serviceIO",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "cloneElement",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "panel",
-                  "optional": true,
+                  "name": "element",
                   "type": {
                     "text": "HTMLElement"
                   }
@@ -23013,320 +22885,410 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ChatView",
+          "name": "ElementUtils",
           "declaration": {
-            "name": "ChatView",
-            "module": "src/views/chat/chatView.ts"
+            "name": "ElementUtils",
+            "module": "src/utils/element/elementUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/error/errorView.ts",
+      "path": "src/utils/element/imageUtils.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "ErrorView",
-          "members": [
-            {
-              "kind": "method",
-              "name": "render",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "containerElement",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "text",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ]
+          "kind": "variable",
+          "name": "BASE_64_PREFIX",
+          "type": {
+            "text": "string"
+          },
+          "default": "'data:image/png;base64,'"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ErrorView",
+          "name": "BASE_64_PREFIX",
           "declaration": {
-            "name": "ErrorView",
-            "module": "src/views/error/errorView.ts"
+            "name": "BASE_64_PREFIX",
+            "module": "src/utils/element/imageUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/insertKey/insertKeyView.ts",
+      "path": "src/utils/element/statefulEvents.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "InsertKeyView",
+          "name": "StatefulEvents",
           "members": [
             {
               "kind": "method",
-              "name": "createCautionText",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "createHelpLink",
+              "name": "mouseUp",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "link",
+                  "name": "styles",
                   "type": {
-                    "text": "string"
+                    "text": "StatefulStyles"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createFailText",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "createHelpTextContainer",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "link",
-                  "optional": true,
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onFail",
+              "name": "mouseDown",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputEl",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "startEl",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "failTextEl",
+                  "name": "styles",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "StatefulStyles"
                   }
                 },
                 {
-                  "name": "message",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onLoad",
+              "name": "mouseLeave",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputEl",
+                  "name": "styles",
                   "type": {
-                    "text": "HTMLInputElement"
+                    "text": "StatefulStyles"
                   }
                 },
                 {
-                  "name": "startEl",
+                  "name": "event",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "verifyKey",
+              "name": "mouseEnter",
               "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputElement",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "keyVerificationHandlers",
+                  "name": "styles",
                   "type": {
-                    "text": "KeyVerificationHandlers"
+                    "text": "StatefulStyles"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "event",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "addVerificationEvents",
-              "privacy": "private",
+              "name": "add",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputEl",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "startEl",
+                  "name": "element",
                   "type": {
                     "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "failTextEl",
+                  "name": "styles",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "StatefulStyles"
                   }
-                },
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "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",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "changeToChat",
+                  "name": "element",
                   "type": {
-                    "text": "() => void"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "style",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "CustomStyle"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createStartButton",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "onInputFocus",
-              "privacy": "private",
+              "name": "unsetActivityCSSMouseStates",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "element",
                   "type": {
-                    "text": "FocusEvent"
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "statefulStyle",
+                  "type": {
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createInput",
-              "privacy": "private",
+              "name": "unsetAllCSSMouseStates",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "placeholderText",
-                  "optional": true,
+                  "name": "element",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "statefulStyle",
+                  "type": {
+                    "text": "StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createContents",
-              "privacy": "private",
+              "name": "generateStateful",
+              "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "StatefulStyles"
+                }
+              },
               "parameters": [
                 {
-                  "name": "changeToChat",
+                  "name": "styles",
                   "type": {
-                    "text": "() => void"
+                    "text": "StatefulStyles"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "defHover",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "CustomStyle"
+                  }
+                },
+                {
+                  "name": "defClick",
+                  "type": {
+                    "text": "CustomStyle"
                   }
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "StyleUtils",
+          "declaration": {
+            "name": "StyleUtils",
+            "module": "src/utils/element/styleUtils.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "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}"
+        }
+      ],
+      "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": "FireEvents",
+          "members": [
             {
               "kind": "method",
-              "name": "createElements",
-              "privacy": "private",
+              "name": "onNewMessage",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "changeToChat",
+                  "name": "deepChat",
                   "type": {
-                    "text": "() => void"
+                    "text": "DeepChat"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "message",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "MessageContent"
+                  }
+                },
+                {
+                  "name": "isInitial",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "render",
+              "name": "onRender",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "containerRef",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "changeToChat",
+                  "name": "deepChat",
                   "type": {
-                    "text": "() => void"
+                    "text": "DeepChat"
                   }
-                },
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FireEvents",
+          "declaration": {
+            "name": "FireEvents",
+            "module": "src/utils/events/fireEvents.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/fileTypes/fileTypeButtonIcons.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "FILE_TYPE_BUTTON_ICONS",
+          "type": {
+            "text": "ServiceFileTypes"
+          },
+          "default": "{\n  images: {id: 'upload-images-icon', svgString: IMAGE_ICON_STRING, dropupText: 'Image'},\n  gifs: {id: 'upload-gifs-icon', svgString: GIF_ICON_STRING, dropupText: 'GIF'},\n  audio: {id: 'upload-audio-icon', svgString: AUDIO_ICON_STRING, dropupText: 'Audio'},\n  mixedFiles: {id: 'upload-mixed-files-icon', svgString: MIXED_FILES_ICON_STRING, dropupText: 'File'},\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FILE_TYPE_BUTTON_ICONS",
+          "declaration": {
+            "name": "FILE_TYPE_BUTTON_ICONS",
+            "module": "src/utils/fileTypes/fileTypeButtonIcons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/svg/svgIconUtils.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SVGIconUtils",
+          "members": [
+            {
+              "kind": "method",
+              "name": "createSVGElement",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "SVGGraphicsElement"
+                }
+              },
+              "parameters": [
                 {
-                  "name": "serviceIO",
+                  "name": "svgString",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "string"
                   }
                 }
               ]
@@ -23337,79 +23299,110 @@
       "exports": [
         {
           "kind": "js",
-          "name": "InsertKeyView",
+          "name": "SVGIconUtils",
           "declaration": {
-            "name": "InsertKeyView",
-            "module": "src/views/insertKey/insertKeyView.ts"
+            "name": "SVGIconUtils",
+            "module": "src/utils/svg/svgIconUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/insertKey/visibilityIcon.ts",
+      "path": "src/utils/webComponent/googleFont.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "VisibilityIcon",
+          "name": "GoogleFont",
           "members": [
             {
               "kind": "field",
-              "name": "VISIBLE_ICON_ID",
+              "name": "FONT_URL",
               "type": {
                 "text": "string"
               },
               "privacy": "private",
               "static": true,
-              "default": "'visible-icon'"
+              "default": "'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap'"
             },
             {
               "kind": "method",
-              "name": "changeVisibility",
-              "privacy": "private",
+              "name": "appendStyleSheetToHead",
+              "privacy": "public",
+              "static": true
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GoogleFont",
+          "declaration": {
+            "name": "GoogleFont",
+            "module": "src/utils/webComponent/googleFont.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/webComponent/internalHTML.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "InternalHTML",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_waitingToRender_",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_propUpdated_",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_attributes_",
+              "type": {
+                "text": "GenericObject<AttributeTypeConverter>"
+              },
               "static": true,
-              "parameters": [
-                {
-                  "name": "inputElement",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                },
-                {
-                  "name": "visibleIcon",
-                  "type": {
-                    "text": "SVGGraphicsElement"
-                  }
-                },
-                {
-                  "name": "notVisibleIcon",
-                  "type": {
-                    "text": "SVGGraphicsElement"
-                  }
-                },
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "_attributeToProperty_",
+              "type": {
+                "text": "GenericObject<string>"
+              },
+              "static": true,
+              "default": "{}"
             },
             {
               "kind": "method",
-              "name": "createIconElement",
+              "name": "constructPropertyAccessors",
               "privacy": "private",
-              "static": true,
               "parameters": [
                 {
-                  "name": "iconString",
+                  "name": "propertyKey",
                   "type": {
                     "text": "string"
                   }
                 },
                 {
-                  "name": "id",
+                  "name": "attributeName",
+                  "optional": true,
                   "type": {
                     "text": "string"
                   }
@@ -23418,83 +23411,91 @@
             },
             {
               "kind": "method",
-              "name": "create",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "inputElement",
-                  "type": {
-                    "text": "HTMLInputElement"
-                  }
-                }
-              ]
+              "name": "onRender"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "VisibilityIcon",
+          "name": "InternalHTML",
           "declaration": {
-            "name": "VisibilityIcon",
-            "module": "src/views/insertKey/visibilityIcon.ts"
+            "name": "InternalHTML",
+            "module": "src/utils/webComponent/internalHTML.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/validateKeyProperty/validateKeyPropertyView.ts",
+      "path": "src/utils/webComponent/webComponentStyleUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ValidateKeyPropertyView",
+          "name": "WebComponentStyleUtils",
           "members": [
             {
               "kind": "method",
-              "name": "onLoad",
-              "privacy": "private",
+              "name": "apply",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "startElement",
+                  "name": "style",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "shadowRoot",
+                  "type": {
+                    "text": "ShadowRoot | null"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createElements",
+              "name": "applyStyleSheet",
               "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "render",
-              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "containerRef",
+                  "name": "style",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "changeToChat",
+                  "name": "shadowRoot",
                   "type": {
-                    "text": "() => void"
+                    "text": "ShadowRoot"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "addStyleElement",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "style",
+                  "type": {
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "serviceIO",
+                  "name": "shadowRoot",
                   "type": {
-                    "text": "ServiceIO"
+                    "text": "ShadowRoot"
                   }
                 }
               ]
@@ -23505,10 +23506,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ValidateKeyPropertyView",
+          "name": "WebComponentStyleUtils",
           "declaration": {
-            "name": "ValidateKeyPropertyView",
-            "module": "src/views/validateKeyProperty/validateKeyPropertyView.ts"
+            "name": "WebComponentStyleUtils",
+            "module": "src/utils/webComponent/webComponentStyleUtils.ts"
           }
         }
       ]
@@ -27060,35 +27061,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/dropup/dropup.ts",
@@ -27851,6 +27823,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/input/buttons/camera/cameraButton.ts",