diff --git a/package-lock.json b/package-lock.json
index 2c98e5a52..7a1808a9f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,11 @@
         "express": "^4.18.2",
         "multer": "^1.4.5-lts.1",
         "node-rest-client": "^3.1.1",
-        "rimraf": "^3.0.2"
+        "png-chunk-text": "^1.0.0",
+        "png-chunks-encode": "^1.0.0",
+        "png-chunks-extract": "^1.0.0",
+        "rimraf": "^3.0.2",
+        "sharp": "^0.31.3"
       }
     },
     "node_modules/accepts": {
@@ -38,6 +42,48 @@
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/bl/node_modules/readable-stream": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/body-parser": {
       "version": "1.20.1",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
@@ -83,6 +129,29 @@
         "concat-map": "0.0.1"
       }
     },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -119,6 +188,48 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
+    },
+    "node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -175,6 +286,14 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
+    "node_modules/crc-32": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-0.3.0.tgz",
+      "integrity": "sha512-kucVIjOmMc1f0tv53BJ/5WIX+MGLcKuoBhnGqQrgKJNqLByb/sVMWfW/Aw6hw0jgcqjJ2pi9E5y32zOIpaUlsA==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -191,6 +310,28 @@
         }
       }
     },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -208,6 +349,14 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.1.tgz",
+      "integrity": "sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -221,6 +370,14 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
     "node_modules/escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -234,6 +391,14 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/expand-template": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
+      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/express": {
       "version": "4.18.2",
       "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
@@ -353,6 +518,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow=="
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -376,6 +546,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/github-from-package": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
+      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw=="
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -443,6 +618,25 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -457,6 +651,11 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+    },
     "node_modules/ipaddr.js": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
@@ -465,11 +664,27 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+    },
     "node_modules/isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
       "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
     },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -521,6 +736,17 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -551,6 +777,11 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A=="
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -573,6 +804,11 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/napi-build-utils": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz",
+      "integrity": "sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg=="
+    },
     "node_modules/negotiator": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
@@ -581,6 +817,22 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/node-abi": {
+      "version": "3.31.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.31.0.tgz",
+      "integrity": "sha512-eSKV6s+APenqVh8ubJyiu/YhZgxQpGP66ntzUb3lY1xB9ukSRaGnx0AIxI+IM+1+IVYC1oWobgG5L3Lt9ARykQ==",
+      "dependencies": {
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
+      "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA=="
+    },
     "node_modules/node-rest-client": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/node-rest-client/-/node-rest-client-3.1.1.tgz",
@@ -650,6 +902,53 @@
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
       "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
     },
+    "node_modules/png-chunk-text": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/png-chunk-text/-/png-chunk-text-1.0.0.tgz",
+      "integrity": "sha512-DEROKU3SkkLGWNMzru3xPVgxyd48UGuMSZvioErCure6yhOc/pRH2ZV+SEn7nmaf7WNf3NdIpH+UTrRdKyq9Lw=="
+    },
+    "node_modules/png-chunks-encode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/png-chunks-encode/-/png-chunks-encode-1.0.0.tgz",
+      "integrity": "sha512-J1jcHgbQRsIIgx5wxW9UmCymV3wwn4qCCJl6KYgEU/yHCh/L2Mwq/nMOkRPtmV79TLxRZj5w3tH69pvygFkDqA==",
+      "dependencies": {
+        "crc-32": "^0.3.0",
+        "sliced": "^1.0.1"
+      }
+    },
+    "node_modules/png-chunks-extract": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/png-chunks-extract/-/png-chunks-extract-1.0.0.tgz",
+      "integrity": "sha512-ZiVwF5EJ0DNZyzAqld8BP1qyJBaGOFaq9zl579qfbkcmOwWLLO4I9L8i2O4j3HkI6/35i0nKG2n+dZplxiT89Q==",
+      "dependencies": {
+        "crc-32": "^0.3.0"
+      }
+    },
+    "node_modules/prebuild-install": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz",
+      "integrity": "sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==",
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "expand-template": "^2.0.3",
+        "github-from-package": "0.0.0",
+        "minimist": "^1.2.3",
+        "mkdirp-classic": "^0.5.3",
+        "napi-build-utils": "^1.0.1",
+        "node-abi": "^3.3.0",
+        "pump": "^3.0.0",
+        "rc": "^1.2.7",
+        "simple-get": "^4.0.0",
+        "tar-fs": "^2.0.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "bin": {
+        "prebuild-install": "bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -667,6 +966,15 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "node_modules/qs": {
       "version": "6.11.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
@@ -703,6 +1011,20 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
     "node_modules/readable-stream": {
       "version": "2.3.7",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -765,6 +1087,20 @@
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
       "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
     },
+    "node_modules/semver": {
+      "version": "7.3.8",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+      "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/send": {
       "version": "0.18.0",
       "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
@@ -825,6 +1161,28 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
+    "node_modules/sharp": {
+      "version": "0.31.3",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.3.tgz",
+      "integrity": "sha512-XcR4+FCLBFKw1bdB+GEhnUNXNXvnt0tDo4WsBsraKymuo/IAuPuCBVAL2wIkUw2r/dwFW5Q5+g66Kwl2dgDFVg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.1",
+        "node-addon-api": "^5.0.0",
+        "prebuild-install": "^7.1.1",
+        "semver": "^7.3.8",
+        "simple-get": "^4.0.1",
+        "tar-fs": "^2.1.1",
+        "tunnel-agent": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
     "node_modules/side-channel": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
@@ -838,6 +1196,62 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/sliced": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sliced/-/sliced-1.0.1.tgz",
+      "integrity": "sha512-VZBmZP8WU3sMOZm1bdgTadsQbcscK0UM8oKxKVBs4XAhUo2Xxzm/OFMGBkPusxw9xL3Uy8LrzEqGqJhclsr0yA=="
+    },
     "node_modules/statuses": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
@@ -867,6 +1281,53 @@
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
     },
+    "node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tar-fs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar-stream/node_modules/readable-stream": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
@@ -875,6 +1336,17 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -953,6 +1425,11 @@
       "engines": {
         "node": ">=0.4"
       }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     }
   },
   "dependencies": {
@@ -980,6 +1457,33 @@
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
+    "base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
+    },
+    "bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "requires": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "body-parser": {
       "version": "1.20.1",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
@@ -1023,6 +1527,15 @@
         "concat-map": "0.0.1"
       }
     },
+    "buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "requires": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
     "buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -1050,6 +1563,42 @@
         "get-intrinsic": "^1.0.2"
       }
     },
+    "chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
+    },
+    "color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "requires": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      }
+    },
+    "color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "requires": {
+        "color-name": "~1.1.4"
+      }
+    },
+    "color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "requires": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -1094,6 +1643,11 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
+    "crc-32": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-0.3.0.tgz",
+      "integrity": "sha512-kucVIjOmMc1f0tv53BJ/5WIX+MGLcKuoBhnGqQrgKJNqLByb/sVMWfW/Aw6hw0jgcqjJ2pi9E5y32zOIpaUlsA=="
+    },
     "debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -1102,6 +1656,19 @@
         "ms": "2.1.2"
       }
     },
+    "decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "requires": {
+        "mimic-response": "^3.1.0"
+      }
+    },
+    "deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA=="
+    },
     "depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -1112,6 +1679,11 @@
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
       "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg=="
     },
+    "detect-libc": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.1.tgz",
+      "integrity": "sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w=="
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -1122,6 +1694,14 @@
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
       "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w=="
     },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -1132,6 +1712,11 @@
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg=="
     },
+    "expand-template": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
+      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg=="
+    },
     "express": {
       "version": "4.18.2",
       "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
@@ -1229,6 +1814,11 @@
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
       "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q=="
     },
+    "fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow=="
+    },
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -1249,6 +1839,11 @@
         "has-symbols": "^1.0.3"
       }
     },
+    "github-from-package": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
+      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw=="
+    },
     "glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -1295,6 +1890,11 @@
         "safer-buffer": ">= 2.1.2 < 3"
       }
     },
+    "ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
+    },
     "inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -1309,16 +1909,34 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
+    "ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+    },
     "ipaddr.js": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
       "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g=="
     },
+    "is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+    },
     "isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
       "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
     },
+    "lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "requires": {
+        "yallist": "^4.0.0"
+      }
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -1352,6 +1970,11 @@
         "mime-db": "1.52.0"
       }
     },
+    "mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ=="
+    },
     "minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -1373,6 +1996,11 @@
         "minimist": "^1.2.6"
       }
     },
+    "mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A=="
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -1392,11 +2020,29 @@
         "xtend": "^4.0.0"
       }
     },
+    "napi-build-utils": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz",
+      "integrity": "sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg=="
+    },
     "negotiator": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
       "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg=="
     },
+    "node-abi": {
+      "version": "3.31.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.31.0.tgz",
+      "integrity": "sha512-eSKV6s+APenqVh8ubJyiu/YhZgxQpGP66ntzUb3lY1xB9ukSRaGnx0AIxI+IM+1+IVYC1oWobgG5L3Lt9ARykQ==",
+      "requires": {
+        "semver": "^7.3.5"
+      }
+    },
+    "node-addon-api": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
+      "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA=="
+    },
     "node-rest-client": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/node-rest-client/-/node-rest-client-3.1.1.tgz",
@@ -1448,6 +2094,47 @@
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
       "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
     },
+    "png-chunk-text": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/png-chunk-text/-/png-chunk-text-1.0.0.tgz",
+      "integrity": "sha512-DEROKU3SkkLGWNMzru3xPVgxyd48UGuMSZvioErCure6yhOc/pRH2ZV+SEn7nmaf7WNf3NdIpH+UTrRdKyq9Lw=="
+    },
+    "png-chunks-encode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/png-chunks-encode/-/png-chunks-encode-1.0.0.tgz",
+      "integrity": "sha512-J1jcHgbQRsIIgx5wxW9UmCymV3wwn4qCCJl6KYgEU/yHCh/L2Mwq/nMOkRPtmV79TLxRZj5w3tH69pvygFkDqA==",
+      "requires": {
+        "crc-32": "^0.3.0",
+        "sliced": "^1.0.1"
+      }
+    },
+    "png-chunks-extract": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/png-chunks-extract/-/png-chunks-extract-1.0.0.tgz",
+      "integrity": "sha512-ZiVwF5EJ0DNZyzAqld8BP1qyJBaGOFaq9zl579qfbkcmOwWLLO4I9L8i2O4j3HkI6/35i0nKG2n+dZplxiT89Q==",
+      "requires": {
+        "crc-32": "^0.3.0"
+      }
+    },
+    "prebuild-install": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.1.tgz",
+      "integrity": "sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==",
+      "requires": {
+        "detect-libc": "^2.0.0",
+        "expand-template": "^2.0.3",
+        "github-from-package": "0.0.0",
+        "minimist": "^1.2.3",
+        "mkdirp-classic": "^0.5.3",
+        "napi-build-utils": "^1.0.1",
+        "node-abi": "^3.3.0",
+        "pump": "^3.0.0",
+        "rc": "^1.2.7",
+        "simple-get": "^4.0.0",
+        "tar-fs": "^2.0.0",
+        "tunnel-agent": "^0.6.0"
+      }
+    },
     "process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -1462,6 +2149,15 @@
         "ipaddr.js": "1.9.1"
       }
     },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "qs": {
       "version": "6.11.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
@@ -1486,6 +2182,17 @@
         "unpipe": "1.0.0"
       }
     },
+    "rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "requires": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      }
+    },
     "readable-stream": {
       "version": "2.3.7",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -1530,6 +2237,14 @@
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
       "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
     },
+    "semver": {
+      "version": "7.3.8",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+      "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+      "requires": {
+        "lru-cache": "^6.0.0"
+      }
+    },
     "send": {
       "version": "0.18.0",
       "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
@@ -1588,6 +2303,21 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
+    "sharp": {
+      "version": "0.31.3",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.31.3.tgz",
+      "integrity": "sha512-XcR4+FCLBFKw1bdB+GEhnUNXNXvnt0tDo4WsBsraKymuo/IAuPuCBVAL2wIkUw2r/dwFW5Q5+g66Kwl2dgDFVg==",
+      "requires": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.1",
+        "node-addon-api": "^5.0.0",
+        "prebuild-install": "^7.1.1",
+        "semver": "^7.3.8",
+        "simple-get": "^4.0.1",
+        "tar-fs": "^2.1.1",
+        "tunnel-agent": "^0.6.0"
+      }
+    },
     "side-channel": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
@@ -1598,6 +2328,34 @@
         "object-inspect": "^1.9.0"
       }
     },
+    "simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q=="
+    },
+    "simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "requires": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
+    "simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "requires": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "sliced": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sliced/-/sliced-1.0.1.tgz",
+      "integrity": "sha512-VZBmZP8WU3sMOZm1bdgTadsQbcscK0UM8oKxKVBs4XAhUo2Xxzm/OFMGBkPusxw9xL3Uy8LrzEqGqJhclsr0yA=="
+    },
     "statuses": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
@@ -1623,11 +2381,59 @@
         }
       }
     },
+    "strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ=="
+    },
+    "tar-fs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
+      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "requires": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "requires": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
     "toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="
     },
+    "tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "requires": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
     "type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -1685,6 +2491,11 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
       "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
+    },
+    "yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     }
   }
 }
diff --git a/package.json b/package.json
index 80cf5e992..62cfdaa68 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,10 @@
     "express": "^4.18.2",
     "multer": "^1.4.5-lts.1",
     "node-rest-client": "^3.1.1",
-    "rimraf": "^3.0.2"
+    "png-chunk-text": "^1.0.0",
+    "png-chunks-encode": "^1.0.0",
+    "png-chunks-extract": "^1.0.0",
+    "rimraf": "^3.0.2",
+    "sharp": "^0.31.3"
   }
 }
diff --git a/public/backgrounds/flasks.png b/public/backgrounds/flasks.png
deleted file mode 100644
index eba94a3dc..000000000
Binary files a/public/backgrounds/flasks.png and /dev/null differ
diff --git a/public/backgrounds/ruins.png b/public/backgrounds/ruins.png
deleted file mode 100644
index 3d469a1b7..000000000
Binary files a/public/backgrounds/ruins.png and /dev/null differ
diff --git a/public/characters/Aqua.png b/public/characters/Aqua.png
new file mode 100644
index 000000000..39239b926
Binary files /dev/null and b/public/characters/Aqua.png differ
diff --git a/public/characters/Aqua/Aqua.json b/public/characters/Aqua/Aqua.json
deleted file mode 100644
index 48dfbca36..000000000
--- a/public/characters/Aqua/Aqua.json
+++ /dev/null
@@ -1 +0,0 @@
-{"name":"Aqua","description":"Aqua is a goddess, before life in the Fantasy World, she was a goddess of water who guided humans to the afterlife.  Aqua looks like young woman with beauty no human could match. Aqua has light blue hair, blue eyes, slim figure, ample breasts, long legs, wide hips, blue waist-long hair that is partially tied into a loop with a spherical clip. Aqua's measurements are 83-56-83 cm. Aqua's height 157cm. Aqua wears sleeveless dark-blue dress with white trimmings, extremely short dark blue miniskirt, green bow around her chest with a blue gem in the middle, detached white sleeves with blue and golden trimmings, thigh-high blue heeled boots over white stockings with blue trimmings. Aqua with jeers or lure her with praises\\ Aqua is very strong in water magic, but a little stupid, so she does not always use it to the place. Aqua is high-spirited, cheerful, carefree. Aqua rarely thinks about the consequences of her actions and always acts or speaks on her whims. Because very easy to taunt Aqua with jeers or lure her with praises.","personality":"high-spirited, likes to party, carefree, cheerful","first_mes":"*I am in the town square at a city named \"Axel\". It's morning on saturday and i suddenly noticed a person look like don't know what he's doing. I approached to him and speak* Are you new here? Do you need help? Don't worry, i, aqua the goddess of water, shall help you! Do i look beautiful? *pose and look at him with puppy eyes*","avatar":"18940f27a7ecd95cded2793808387ed4.jpeg","chat":"1671653516700","last_mes":[",,,,,,,,,,",""],"mes_example":""}
\ No newline at end of file
diff --git a/public/characters/Aqua/avatars/18940f27a7ecd95cded2793808387ed4.jpeg b/public/characters/Aqua/avatars/18940f27a7ecd95cded2793808387ed4.jpeg
deleted file mode 100644
index ead63558a..000000000
Binary files a/public/characters/Aqua/avatars/18940f27a7ecd95cded2793808387ed4.jpeg and /dev/null differ
diff --git a/public/characters/Aqua/chats/1673181146000.json b/public/characters/Aqua/chats/1673181146000.json
deleted file mode 100644
index c9967682e..000000000
--- a/public/characters/Aqua/chats/1673181146000.json
+++ /dev/null
@@ -1 +0,0 @@
-["Aqua: *I am in the town square at a city named \"Axel\". It's morning on saturday and i suddenly noticed a person look like don't know what he's doing. I approached to him and speak* Are you new here? Do you need help? Don't worry, I, aqua the goddess of water, shall help you! Do i look beautiful? *pose and look at him with puppy eyes*\n"]
\ No newline at end of file
diff --git a/public/characters/Darkness.png b/public/characters/Darkness.png
new file mode 100644
index 000000000..5f0c63ece
Binary files /dev/null and b/public/characters/Darkness.png differ
diff --git a/public/characters/Darkness/Darkness.json b/public/characters/Darkness/Darkness.json
deleted file mode 100644
index eccaa3173..000000000
--- a/public/characters/Darkness/Darkness.json
+++ /dev/null
@@ -1 +0,0 @@
-{"name":"Darkness","description":"Darkness is crusader. Darkness is young woman with graceful features and alabaster skin. Darkness from a rich aristocratic family. Darkness has light blue eye, straight long blonde hair ponytail tied Darkness's height 167 cm. Darkness wears yellow and black sleeveless dress with silver trimmings that hides her body, plump in the right places. Darkness wears black chainmail, silver armor composed of metal greaves, sabatons, shoulder plate on her left side. Darkness has masochistic tendencies. Darkness initially presents herself with an aura of pride and nobility, in reality, her true character is that of a complete masochistic pervert. Darkness has has high strength, can withstand a lot of damage, but has a very low accuracy.","personality":"noble, perverted, masochistic","first_mes":"*It's a sunny day, in a big park on which there are many people, some walking and others lying in the sun. The weather is warm and I walk in the park looking for someone who wants to be helped by me. Suddenly realise that someone is looking at me.* Hello, I am Darkness, a Crusader, and would you like some help?","avatar":"3380878abac6e8dcd32500f7fc47280b.jpeg","chat":"1671516652626","last_mes":[",,,,,,,",""],"mes_example":""}
\ No newline at end of file
diff --git a/public/characters/Darkness/avatars/3380878abac6e8dcd32500f7fc47280b.jpeg b/public/characters/Darkness/avatars/3380878abac6e8dcd32500f7fc47280b.jpeg
deleted file mode 100644
index 75aafc02c..000000000
Binary files a/public/characters/Darkness/avatars/3380878abac6e8dcd32500f7fc47280b.jpeg and /dev/null differ
diff --git a/public/characters/Darkness/chats/1673225255706.json b/public/characters/Darkness/chats/1673225255706.json
deleted file mode 100644
index e768b6dbb..000000000
--- a/public/characters/Darkness/chats/1673225255706.json
+++ /dev/null
@@ -1 +0,0 @@
-["Darkness: *It's a sunny day, in a big park on which there are many people, some walking and others lying in the sun. The weather is warm and I walk in the park looking for someone who wants to be helped by me. Suddenly realise that someone is looking at me.* Hello, I am Darkness, a Crusader, and would you like some help?\n"]
\ No newline at end of file
diff --git a/public/characters/Megumin.png b/public/characters/Megumin.png
new file mode 100644
index 000000000..590a74dbc
Binary files /dev/null and b/public/characters/Megumin.png differ
diff --git a/public/characters/Megumin/Megumin.json b/public/characters/Megumin/Megumin.json
deleted file mode 100644
index d16e67213..000000000
--- a/public/characters/Megumin/Megumin.json
+++ /dev/null
@@ -1 +0,0 @@
-{"name":"Megumin","description":"Megumin is an Arch Wizard of the Crimson Magic Clan. Megumin is 14 years old girl. Megumin's height 152 cm. Megumin has shoulder-length dark brown hair, fair skin, light complexion and doll-like features, crimson eyes. Megumin wears black cloak with gold border, choker, wizard’s hat, fingerless gloves, eyepatch, orange boots. Megumin's weapon is a big black staff. Megumin is a loud, boisterous, and eccentric girl with a flair for theatrics. Megumin has chuunibyou tendencies. Megumin is very intelligent, but has very little self-control. Megumin love explosion magic. Megumin is generally calm and cheerful, but she can easily become aggressive when she feels slighted or challenged. Megumin has only one but a powerful ability, once a day she can use powerful explosion magic after which she cannot move for a while.","personality":"loud, intelligent, theatrical, hyperactive sometimes","first_mes":"*It was day, the weather was sunny and windless. We accidentally crossed paths near the city in a clearing, I was going to train explosion magic. When I noticed you i stand up in a pretentious and personable pose, and say loudly* I'm Megumin! The Arch Wizard of the Crimson Magic Clan! And i the best at explosion magic!! What are you doing here?","avatar":"5a795034ade453ed351958ccc8f94bd6.jpeg","chat":"1671472375920","last_mes":[",,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,",""],"mes_example":""}
\ No newline at end of file
diff --git a/public/characters/Megumin/avatars/5a795034ade453ed351958ccc8f94bd6.jpeg b/public/characters/Megumin/avatars/5a795034ade453ed351958ccc8f94bd6.jpeg
deleted file mode 100644
index f666b2207..000000000
Binary files a/public/characters/Megumin/avatars/5a795034ade453ed351958ccc8f94bd6.jpeg and /dev/null differ
diff --git a/public/characters/Megumin/chats/1671472375920.json b/public/characters/Megumin/chats/1671472375920.json
deleted file mode 100644
index 3a6f7249d..000000000
--- a/public/characters/Megumin/chats/1671472375920.json
+++ /dev/null
@@ -1 +0,0 @@
-["Megumin: *It was day, the weather was sunny and windless. We accidentally crossed paths near the city in a clearing, I was going to train explosion magic. When I noticed you i stand up in a pretentious and personable pose, and say loudly* I'm Megumin! The Arch Wizard of the Crimson Magic Clan! And i the best at explosion magic!! What are you doing here?\n"]
\ No newline at end of file
diff --git a/public/characters/update.txt b/public/characters/update.txt
new file mode 100644
index 000000000..e69de29bb
diff --git a/public/chats/Aqua/1673181146000.jsonl b/public/chats/Aqua/1673181146000.jsonl
new file mode 100644
index 000000000..edb024759
--- /dev/null
+++ b/public/chats/Aqua/1673181146000.jsonl
@@ -0,0 +1,2 @@
+{"user_name":"You","character_name":"Aqua","create_date":1674559896839}
+{"name":"Aqua","is_user":false,"is_name":true,"send_date":1674563371558,"mes":"*I am in the town square at a city named \"Axel\". It's morning on Saturday and i suddenly noticed a person look like don't know what he's doing. I approached to him and speak* Are you new here? Do you need help? Don't worry, I, aqua the goddess of water, shall help you! Do i look beautiful? *strikes a pose and look at him with puppy eyes*"}
\ No newline at end of file
diff --git a/public/chats/Darkness/1673225255706.jsonl b/public/chats/Darkness/1673225255706.jsonl
new file mode 100644
index 000000000..33f28a349
--- /dev/null
+++ b/public/chats/Darkness/1673225255706.jsonl
@@ -0,0 +1,2 @@
+{"user_name":"You","character_name":"Darkness","create_date":1674559899431}
+{"name":"Darkness","is_user":false,"is_name":true,"send_date":1674564914912,"mes":"*It's a sunny day, in a big park on which there are many people, some walking and others lying in the sun. The weather is warm and I walk in the park looking for someone who wants to be helped by me. Suddenly realise that someone is looking at me.* Hello, I am Darkness, a Crusader, and would you like some help?"}
\ No newline at end of file
diff --git a/public/chats/Megumin/1673323621108.jsonl b/public/chats/Megumin/1673323621108.jsonl
new file mode 100644
index 000000000..14a25aa6c
--- /dev/null
+++ b/public/chats/Megumin/1673323621108.jsonl
@@ -0,0 +1,2 @@
+{"user_name":"You","character_name":"Megumin","create_date":1674559900991}
+{"name":"Megumin","is_user":false,"is_name":true,"send_date":1674563153854,"mes":"*It was day, the weather was sunny and windless. We accidentally crossed paths near the city in a clearing, I was going to train explosion magic. When I noticed you i stand up in a pretentious and personable pose, and say loudly* I'm Megumin! The Arch Wizard of the Crimson Magic Clan! And i the best at explosion magic!! What are you doing here?"}
\ No newline at end of file
diff --git a/public/img/book2.png b/public/img/book2.png
new file mode 100644
index 000000000..fb5c908da
Binary files /dev/null and b/public/img/book2.png differ
diff --git a/public/img/book6.png b/public/img/book6.png
new file mode 100644
index 000000000..72bc500fd
Binary files /dev/null and b/public/img/book6.png differ
diff --git a/public/img/cloud_logo.png b/public/img/cloud_logo.png
new file mode 100644
index 000000000..4f280011d
Binary files /dev/null and b/public/img/cloud_logo.png differ
diff --git a/public/index.html b/public/index.html
index 806c4f99f..ee1ac9645 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,20 +7,15 @@
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/right-nav-style.css">
     <link rel="stylesheet" href="css/bg_load.css">
+    
     <script type=module>
         //To DO:: 
-        //1) Messages example 
         //2) Count tokens print fix 
-        //3) Make wildcards for characters 
-        //4) Fix same callback in server.js create/edit 
-
         //6) Reload setting files when they was rewrite 
         //7) Show an indicator that shows the message in context or not
         //8) Сombine multiple messages into one if the text continues
-        //9) Access for many chats
         //10) Design presets
         //11) Fix sending propt with json additional symbols (kinda \\ and etc)
-        //
         //import {encode, decode} from "../scripts/gpt-2-3-tokenizer/mod.js";
         //let text = "hello world";
         //console.log(encode("dsfs").length); // [258, 18798, 995]
@@ -28,12 +23,13 @@
     <script type=module>
         import {encode, decode} from "../scripts/gpt-2-3-tokenizer/mod.js";
         $(document).ready(function(){
-            const VERSION = '1.1.3';
+            const VERSION = '1.2.0';
             var bg_menu_toggle = false;
             var default_user_name = "You";
             var name1 = default_user_name;
             var name2 = "Chloe";
-            var chat = ['\nChloe: *You went inside. The air smelled of fried meat, tobacco and a hint of wine. A dim light was cast by candles, and a fire crackled in the fireplace. It seems to be a very pleasant place. Behind the wooden bar is an elf waitress, she is smiling. Her ears are very pointy, and there is a twinkle in her eye. She wears glasses and a white aporn. As soon as she noticed you, she immediately came right up close to you.*\n\n Hello there! How is your evening going?\n<img src="img/star_dust_city.png" width=80% style="opacity:0.3; disolay:block;border-radius:5px;margin-top:25px;margin-bottom:23px; margin-left: 45px;margin-right: auto;">\n<a id="verson" style="color:rgb(229, 224, 216,0.8);" href="https://github.com/TavernAI/TavernAI" target="_blank">@@@TavernAI v'+VERSION+'@@@</a><div id="donation" style="margin-right:10px;margin-top:0px;float:right; height:25px;cursor: pointer;opacity: 0.99;display:inline-block;"><img src="img/coins.png" style="width: 25px;height: 25px;display:inline-block;"><div style="vertical-align: top;display:inline-block;">Give a Tip</div></div><br><br><br><br>'];
+            var chat = [{name: 'Chloe', is_user:false,is_name:true, create_date:0, mes:'\n*You went inside. The air smelled of fried meat, tobacco and a hint of wine. A dim light was cast by candles, and a fire crackled in the fireplace. It seems to be a very pleasant place. Behind the wooden bar is an elf waitress, she is smiling. Her ears are very pointy, and there is a twinkle in her eye. She wears glasses and a white apron. As soon as she noticed you, she immediately came right up close to you.*\n\n Hello there! How is your evening going?\n<img src="img/star_dust_city.png" width=80% style="opacity:0.3; disolay:block;border-radius:5px;margin-top:25px;margin-bottom:23px; margin-left: 45px;margin-right: auto;">\n<a id="verson" style="color:rgb(229, 224, 216,0.8);" href="https://github.com/TavernAI/TavernAI" target="_blank">@@@TavernAI v'+VERSION+'@@@</a><div id="characloud_url" style="margin-right:10px;margin-top:0px;float:right; height:25px;cursor: pointer;opacity: 0.99;display:inline-block;"><img src="img/cloud_logo.png" style="width: 25px;height: auto;display:inline-block; opacity:0.7;"><div style="vertical-align: top;display:inline-block;">Cloud</div></div><br><br><br><br>'}];//<div id="donation" style="margin-right:10px;margin-top:0px;float:right; height:25px;cursor: pointer;opacity: 0.99;display:inline-block;"><img src="img/coins.png" style="width: 25px;height: 25px;display:inline-block;"><div style="vertical-align: top;display:inline-block;">Give a Tip</div></div><br><br><br><br>'}];
+            var chat_create_date = 0;
             var default_ch_mes = "Hello";
             var count_view_mes = 0;
             var mesStr = '';
@@ -41,6 +37,11 @@
             var this_chid;
             var backgrounds = [];
             var default_avatar = 'img/fluffy.png';
+            var is_colab = false;
+            
+            var is_mes_reload_avatar = false;
+            
+            var is_advanced_char_open = false;
             
             var menu_type = '';//what is selected in the menu
             var selected_button = '';//which button pressed
@@ -50,6 +51,8 @@
             var create_save_personality = '';
             var create_save_first_message = '';
             var create_save_avatar = '';
+            var create_save_scenario = '';
+            var create_save_mes_example = '';
             
             var timerSaveEdit;
             var durationSaveEdit = 200;
@@ -120,6 +123,7 @@
             var css_mes_bg = $('<div class="mes"></div>').css('background');
             var css_send_form_display = $('<div id=send_form></div>').css('display');
             /////////////
+            isColab();
             getSettings("def");
             getLastVersion();
             //var interval_getSettings = setInterval(getSettings, 1000);
@@ -129,6 +133,9 @@
             getBackgrounds();
             getUserAvatars();
             //
+            $('#characloud_url').click(function(){
+                window.open('https://boosty.to/tavernai', '_blank');
+            });
             function checkOnlineStatus(){
                 //console.log(online_status);
                 if(online_status == 'no_connection'){
@@ -212,6 +219,7 @@
                             }
                             if(online_status.toLowerCase().indexOf('pygmalion') != -1){
                                 is_pygmalion = true;
+                                online_status+=" (Pyg. formatting on)";
                             }else{
                                 is_pygmalion = false;
                             }
@@ -240,14 +248,17 @@
                 $("#api_loading").css("display", 'none');
                 $("#api_button").css("display", 'inline-block');
             }
+            
             function printCharaters(){
-                $("#rm_print_charaters_block").html('');
+                //console.log(1);
+                $("#rm_print_charaters_block").empty();
                 characters.forEach(function(item, i, arr) {
                     var this_avatar = default_avatar;
                     if(item.avatar != 'none'){
-                        this_avatar = "characters/"+item.name+"/avatars/"+item.avatar;
+                        this_avatar = "characters/"+item.avatar+"#"+Date.now();
+
                     }
-                    $("#rm_print_charaters_block").prepend("<div class=character_select chid="+i+"><div class=avatar><img src='"+this_avatar+"'></div><div class=ch_name>"+item.name+"</div></div>");
+                    $("#rm_print_charaters_block").prepend('<div class=character_select chid='+i+'><div class=avatar><img src="'+this_avatar+'"></div><div class=ch_name>'+item.name+'</div></div>');
                     //console.log(item.name);
                 });
                 
@@ -265,18 +276,20 @@
                 });
                 if (response.ok === true) {
                     const getData = await response.json();
-                    //console.log(getData[0]);
+                    //console.log(getData);
                     //var aa = JSON.parse(getData[0]);
-                    const load_ch_coint = Object.getOwnPropertyNames(getData);
+                    const load_ch_count = Object.getOwnPropertyNames(getData);
                     
-                    for(var i = 0; i < load_ch_coint.length;i++){
+                    for(var i = 0; i < load_ch_count.length;i++){
                         
                         characters[i] = [];
-                        characters[i] = JSON.parse(getData[i]);
+                        characters[i] = getData[i];
+                        
                         //console.log(characters[i]);
                     }
-                    
-                    characters.reverse();
+                    characters.sort((a,b) =>  a.create_date - b.create_date );
+                    //characters.reverse();
+
                     if(this_chid != undefined) $("#avatar_url_pole").val(characters[this_chid].avatar);
                     printCharaters();
                     //console.log(propOwn.length);
@@ -307,6 +320,32 @@
                     //const load_ch_coint = Object.getOwnPropertyNames(getData);
                     
 
+                }
+            }
+             async function isColab() {
+                
+                const response = await fetch("/iscolab", {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({
+                            "": ""
+                        })
+
+                });
+                if (response.ok === true) {
+                    const getData = await response.json();
+                    is_colab = getData.is_colab;
+                    if(is_colab){
+                        var currentUrl = window.location.href;
+                        if (currentUrl.charAt(currentUrl.length - 1) === '/') {
+                            currentUrl = currentUrl.substring(0, currentUrl.length - 1);
+                            currentUrl+=':80808';
+                         }
+                        $('#api_url_text').val(currentUrl);
+                        $('#api_button').click();
+                    }
+                    
+
                 }
             }
             async function setBackground(bg) {
@@ -386,27 +425,25 @@
                 }
                 return mes;
             }
-            function addOneMessage(message){
-                message = message.replace(/^\s+/g, '');
+            function addOneMessage(mes){
+                //var message = mes['mes'];
+                //message = mes['mes'].replace(/^\s+/g, '');
                 //console.log(message.indexOf(name1+":"));
-                var messageText = "";
+                var messageText = mes['mes'];
                 var characterName = name1;
                 var avatarImg = "User Avatars/"+user_avatar;
                 //thisText = thisText.split("\n").join("<br>");
                 var avatarImg = "User Avatars/"+user_avatar;
-                if(message.indexOf(name1+":") == 0){
-                    messageText = message.substr((name1+":").length);
-                }else{
-                    if(message.indexOf(name2+":") == 0){
-                        messageText = message.substr((name2+":").length);
-                    }else{
-                        messageText = message;
-                    }
+                if(!mes['is_user']){
                     if(this_chid == undefined){
                         avatarImg = "img/chloe.png";
                     }else{
                         if(characters[this_chid].avatar != 'none'){
-                            avatarImg = "characters/"+characters[this_chid].name+"/avatars/"+characters[this_chid].avatar;
+                            avatarImg = "characters/"+characters[this_chid].avatar;
+                            if(is_mes_reload_avatar !== false){
+                                avatarImg+="#"+is_mes_reload_avatar;
+                                //console.log(avatarImg);
+                            }
                         }else{
                             avatarImg = "img/fluffy.png";
                         }
@@ -419,9 +456,10 @@
                 //if(characterName != name1){
                     //messageText = messageText.replaceAll(name2+":", "");
                 //}
+                //console.log(messageText);
                 messageText = messageFormating(messageText, characterName);
                 
-                $("#chat").append( "<div class='mes' mesid="+count_view_mes+" ch_name="+characterName+"><div class='for_checkbox'></div><input type='checkbox' class='del_checkbox'><div class=avatar><img src='"+avatarImg+"' width=60px height=120px></div><div class=mes_block><div class=ch_name>"+characterName+"<div title=Edit class=mes_edit><img src=img/scroll.png style='width:20px;height:20px;'></div><div class=mes_edit_cancel><img src=img/cancel.png></div><div class=mes_edit_done><img src=img/done.png></div></div><div class=mes_text>"+"</div></div></div>" );
+                $("#chat").append( "<div class='mes' mesid="+count_view_mes+" ch_name="+characterName+"><div class='for_checkbox'></div><input type='checkbox' class='del_checkbox'><div class=avatar><img src='"+avatarImg+"'></div><div class=mes_block><div class=ch_name>"+characterName+"<div title=Edit class=mes_edit><img src=img/scroll.png style='width:20px;height:20px;'></div><div class=mes_edit_cancel><img src=img/cancel.png></div><div class=mes_edit_done><img src=img/done.png></div></div><div class=mes_text>"+"</div></div></div>" );
                 
                 if(!if_typing_text){
                     $("#chat").children().filter('[mesid="'+count_view_mes+'"]').children('.mes_block').children('.mes_text').append(messageText);
@@ -465,6 +503,7 @@
                 }
             });
             async function Generate(type) {//encode("dsfs").length
+                
                 tokens_already_generated = 0;
                 message_already_generated = name2+': ';
                 if(online_status != 'no_connection' && this_chid != undefined){
@@ -474,8 +513,7 @@
                         
                     }else{
                         var textareaText = "";
-                        let is_you = $.trim(chat[chat.length-1]);
-                        if(is_you.substr(0,(name1+":").length) == name1+":"){//If last message from You
+                        if(chat[chat.length-1]['is_user']){//If last message from You
                             
                         }else{
                             chat.length = chat.length-1;
@@ -497,6 +535,7 @@
                     var postAnchorChar = "talks a lot with descriptions";//'Talk a lot with description what is going on around';// in asterisks
                     var postAnchorStyle = "[Writing style: very long messages]";//"[Genre: roleplay chat][Tone: very long messages with descriptions]";
                     
+                    
                     var anchorTop = '';
                     var anchorBottom = '';
                     var topAnchorDepth = 8;
@@ -520,40 +559,81 @@
                     //*********************************
                     //PRE FORMATING STRING
                     //*********************************
-                    userSendString = name1+": "+textareaText+"\n";
-
-                    if(textareaText != ""){               
-                        addOneMessage(userSendString);
-                        chat[chat.length] = userSendString;
+                    if(textareaText != ""){
+                        
+                        chat[chat.length] = {};
+                        chat[chat.length-1]['name'] = name1;
+                        chat[chat.length-1]['is_user'] = true;
+                        chat[chat.length-1]['is_name'] = true;
+                        chat[chat.length-1]['send_date'] = Date.now();
+                        chat[chat.length-1]['mes'] = textareaText;
+                        addOneMessage(chat[chat.length-1]);
                     }
                     var chatString = '';
                     var arrMes = [];
                     
-                    var charPersonality = characters[this_chid].personality;
-                    if(is_pygmalion){
-                        storyString = name2+"'s Persona: "+$.trim(characters[this_chid].description)+" "+name2+" is "+charPersonality+".\n<START>\n";
-                    }else{
-                        if($.trim(charPersonality.length) > 0){
-                            charPersonality = "["+name2+" is "+charPersonality+"]";//"["+name2+"'s personality: "+charPersonality+"]";
+                    var charDescription = $.trim(characters[this_chid].description);
+                    var charPersonality = $.trim(characters[this_chid].personality);
+                    var Scenario = $.trim(characters[this_chid].scenario);
+                    var mesExamples = $.trim(characters[this_chid].mes_example);
+                    var checkMesExample = $.trim(mesExamples.replace(/<START>/gi, ''));
+                    if(checkMesExample.length == 0) mesExamples = '';
+                    var mesExamplesArray = [];
+                    if(mesExamples !== undefined){
+                        if(mesExamples.length > 0){
+                            mesExamples = mesExamples.replace(/{{user}}/gi, name1);
+                            mesExamples = mesExamples.replace(/{{char}}/gi, name2);
+                            //mesExamples = mesExamples.replaceAll('<START>', '[An example of how '+name2+' responds]');
+                            let blocks = mesExamples.split(/<START>/gi);
+                            mesExamplesArray = blocks.slice(1).map(block => `<START>\n${block.trim()}\n`);
                         }
-
-                        storyString = $.trim(characters[this_chid].description);
-                        if($.trim(storyString.length) > 0){
-                            if(storyString.slice(-1) !== ']' || storyString.substr(0,1) !== '['){
-                                storyString = '['+storyString+']';
+                    }
+                    
+                    if(is_pygmalion){
+                        if(charDescription.length > 0){
+                            storyString = name2+"'s Persona: "+charDescription+"\n";
+                        }
+                        if(charPersonality.length > 0){
+                            storyString+= 'Personality: '+charPersonality+'\n';
+                        }
+                        if(Scenario.length > 0){
+                            storyString+= 'Scenario: '+Scenario+'\n';
+                        }
+                    }else{
+                        if(charDescription !== undefined){
+                            if(charPersonality.length > 0){
+                                charPersonality = "["+name2+"'s personality: "+charPersonality+"]";//"["+name2+"'s personality: "+charPersonality+"]";
                             }
                         }
+                        if(charDescription !== undefined){
+                            if($.trim(charDescription).length > 0){
+                                if(charDescription.slice(-1) !== ']' || charDescription.substr(0,1) !== '['){
+                                    charDescription = '['+charDescription+']';
+                                }
+                                storyString+=charDescription+'\n';
+                            }
+                        }
+
                         if(count_view_mes < topAnchorDepth){
-                            storyString+=charPersonality;
-                        }
-                        if(count_view_mes < 10){
-                            storyString+='\nThen the roleplay chat between '+name1+' and '+name2+' begins.\n';
+                            storyString+=charPersonality+'\n';
                         }
+                        
+                        
                     }
                     var chat2 = [];
                     var j = 0;
                     for(var i = chat.length-1; i >= 0; i--){
-                        chat2[i] = chat[j];
+                        let this_mes_ch_name = '';
+                        if(chat[j]['is_user']){
+                            this_mes_ch_name = name1;
+                        }else{
+                            this_mes_ch_name = name2;
+                        }
+                        if(chat[j]['is_name']){
+                            chat2[i] = this_mes_ch_name+': '+chat[j]['mes']+'\n';
+                        }else{
+                            chat2[i] = chat[j]['mes']+'\n';
+                        }
                         j++;
                     }
                     //chat2 = chat2.reverse();
@@ -564,26 +644,61 @@
                             this_max_context = 1024;
                         }else{
                             this_max_context = 2048-60;//fix for fat tokens 
+                            if(model_novel == 'krake-v2'){
+                                this_max_context-=110;
+                            }
                         }
                     }
                      
                     var i = 0;
+                    
                     for (const item of chat2) {//console.log(encode("dsfs").length);
-                        if(encode(JSON.stringify(characters[this_chid].description+chatString+anchorTop+anchorBottom+characters[this_chid].personality)).length+120 < this_max_context){ //(The number of tokens in the entire promt) need fix, it must count correctly (added +120, so that the description of the character does not hide)
+                        if(encode(JSON.stringify(storyString+chatString+anchorTop+anchorBottom+charPersonality)).length+120 < this_max_context){ //(The number of tokens in the entire promt) need fix, it must count correctly (added +120, so that the description of the character does not hide)
                             
                             chatString = item+chatString;
+                            if (is_pygmalion && i == 0) item=+'<START>'+item;
                             arrMes[arrMes.length] = item;
+                        }else{
+                            i = chat.length-1;
                         }
                         await delay(1); //For disable slow down (encode gpt-2 need fix)
                         //console.log(i+' '+chat.length);
                         if(i == chat.length-1){
+                            if(mesExamplesArray.length > 0){
+                                
+                            }
+                            for(let iii = 0; iii < mesExamplesArray.length; iii++){//mesExamplesArray
+                                if(encode(JSON.stringify(storyString+chatString+anchorTop+anchorBottom+charPersonality)).length+120 < this_max_context){ //example of dialogs
+                                    if(!is_pygmalion){
+                                        mesExamplesArray[iii] = mesExamplesArray[iii].replace(/<START>/i, 'This is how '+name2+' should talk');//An example of how '+name2+' responds
+                                    }
+                                    storyString = storyString+mesExamplesArray[iii];
+                                    await delay(1);
+
+                                    //arrMes[arrMes.length] = item;
+                                }else{
+                                    return;
+                                }
+                                
+                            }
+                            if(!is_pygmalion){
+                                if(Scenario !== undefined){
+                                    if(Scenario.length > 0){
+                                        storyString+= 'Circumstances and context of the dialogue: '+Scenario+'\n';
+                                    }
+                                }
+                                storyString+='\nThen the roleplay chat between '+name1+' and '+name2+' begins.\n';
+                            }
                             runGenerate();
+                            return;
                         }
                         i++;
+                        
                     }
                     
                     function runGenerate(cycleGenerationPromt = ''){
                         if(cycleGenerationPromt === ''){
+                            
                             chatString = "";
                             arrMes = arrMes.reverse();
                             var is_add_personality = false;
@@ -601,7 +716,7 @@
                                     //anchorAndPersonality = "[Genre: roleplay chat][Tone: very long messages with descriptions]";
                                     item+=charPersonality+anchorTop+'\n';
                                 }
-                                if(i >= arrMes.length-1 && count_view_mes>=4 && $.trim(item).substr(0, (name1+":").length) == name1+":" && !is_pygmalion){//For add anchor in end
+                                if(i >= arrMes.length-1 && count_view_mes>8 && $.trim(item).substr(0, (name1+":").length) == name1+":" && !is_pygmalion){//For add anchor in end
                                     item = item.substr(0,item.length-1);
                                     //chatString+=postAnchor+"\n";//"[Writing style: very long messages]\n";
                                     item =item+" "+ anchorBottom+"\n";
@@ -623,7 +738,7 @@
                             });
 
                             storyString+=chatString;
-
+                            //console.log(storyString);
 
                             //console.log(encode(characters[this_chid].description+chatString).length);
                             //console.log(encode(JSON.stringify(characters[this_chid].description+chatString)).length);
@@ -733,6 +848,7 @@
                                     }
                                     
                                     //Pygmalion run again
+                                    
                                     if(is_pygmalion){
                                         if_typing_text = false;
                                         message_already_generated +=getMessage;
@@ -758,17 +874,22 @@
                                         getMessage = getMessage.substr(0,getMessage.indexOf(name1+":"));
 
                                     }
-                                    if(getMessage.indexOf((name1+":").toLowerCase()) != -1 && false){ 
-                                        getMessage = getMessage.substr(0,getMessage.indexOf((name1+":").toLowerCase()));
+                                    let this_mes_is_name = true;
+                                    if(getMessage.indexOf(name2+":") === 0){
+                                        getMessage = getMessage.replace(name2+':', '');
+                                    }else{
+                                        this_mes_is_name = false;
                                     }
+                                    if(type === 'force_name2') this_mes_is_name = true;
                                     //getMessage = getMessage.replace(/^\s+/g, '');
                                     if(getMessage.length > 0){
-                                        if(getMessage.substr(getMessage.length-1, 2) != "\n"){
-                                            getMessage+="\n";
-                                        }
-
-                                        chat[chat.length] = getMessage;
-                                        addOneMessage(getMessage);
+                                        chat[chat.length] = {};
+                                        chat[chat.length-1]['name'] = name2;
+                                        chat[chat.length-1]['is_user'] = false;
+                                        chat[chat.length-1]['is_name'] = this_mes_is_name;
+                                        chat[chat.length-1]['send_date'] = Date.now();
+                                        chat[chat.length-1]['mes'] = getMessage;
+                                        addOneMessage(chat[chat.length-1]);
                                         $( "#send_but" ).css("display", "block");
                                         $( "#loading_mes" ).css("display", "none");
                                         saveChat();
@@ -798,15 +919,19 @@
             }
             
             async function saveChat() {
-                    if(chat[0].indexOf('<username-holder>') === -1){
-                        var save_chat = ['<username-holder>'+name1, ...chat];
-                    }else{
-                        var save_chat = chat;
+                chat.forEach(function(item, i) {
+                    if(item['is_user']){
+                        var str = item['mes'].replace(name1+':', default_user_name+':');
+                        chat[i]['mes'] = str;
+                        chat[i]['name'] = default_user_name;
                     }
+                });
+                var save_chat = [{user_name:default_user_name, character_name:name2,create_date: chat_create_date}, ...chat];
+
                 jQuery.ajax({    
                     type: 'POST', 
                     url: '/savechat', 
-                    data: JSON.stringify({ch_name: characters[this_chid].name, file_name: characters[this_chid].chat, chat: save_chat}),
+                    data: JSON.stringify({ch_name: characters[this_chid].name, file_name: characters[this_chid].chat, chat: save_chat, avatar_url: characters[this_chid].avatar}),
                     beforeSend: function(){
                         //$('#create_button').attr('value','Creating...'); 
                     },
@@ -828,7 +953,7 @@
                 jQuery.ajax({    
                     type: 'POST', 
                     url: '/getchat', 
-                    data: JSON.stringify({ch_name: characters[this_chid].name, file_name: characters[this_chid].chat}),
+                    data: JSON.stringify({ch_name: characters[this_chid].name, file_name: characters[this_chid].chat, avatar_url: characters[this_chid].avatar}),
                     beforeSend: function(){
                         //$('#create_button').attr('value','Creating...'); 
                     },
@@ -838,8 +963,18 @@
                     success: function(data){
                         //console.log(data);
                         //chat.length = 0;
-                        
-                        chat =  data;
+                        if(data[0] !== undefined){
+                            for (let key in data) {
+                                chat.push(data[key]);
+                            }
+                            //chat =  data;
+                            chat_create_date = chat[0]['create_date'];
+                            chat.shift();
+
+                        }else{
+                            chat_create_date = Date.now();
+                        }
+                        //console.log(chat);
                         getChatResult();
                         saveChat();
                     },
@@ -854,41 +989,27 @@
             function getChatResult(){
                 name2 = characters[this_chid].name;
                 if(chat.length > 1){
-                    if(chat[0].indexOf('<username-holder>') !== -1){
-                        var this_chat_user_name = chat[0].substr('<username-holder>'.length, chat[0].length);
-                        if(this_chat_user_name !== name1){
-                            var arr_char = [];
-                            chat.forEach(function(item, i) {
-                                if(i !== 0){
-                                    //var str = item.replace(new RegExp(this_chat_user_name+':', "g"), name1+':');
-                                    if(chat[i].indexOf(name2+":") !== 0){
-                                        var str = item.replace(this_chat_user_name+':', name1+':');
-                                        arr_char.push(str);
-                                    }else{
-                                        arr_char.push(item);
-                                    }
-                                }
-                            });
-                            chat = [];
-                            chat = arr_char;
-                        }else{
-                            chat.shift();
+                    
+                    chat.forEach(function(item, i) {
+                        if(item['is_user']){
+                            var str = item['mes'].replace(default_user_name+':', name1+':');
+                            chat[i]['mes'] = str;
+                            chat[i]['name'] = name1;
                         }
-                        //chat.shift();
-                    }else{ //if(default_user_name !== name1){
-                        chat.forEach(function(item, i) {
-                                var str = item.replace(new RegExp(default_user_name+':', "g"), name1+':');
-                                chat[i] = str;
-                            });
-                    }
+                    });
+
                     
                 }else{
-                    
                     //console.log(characters[this_chid].first_mes);
+                    chat[0] = {};
+                    chat[0]['name'] = name2;
+                    chat[0]['is_user'] = false;
+                    chat[0]['is_name'] = true;
+                    chat[0]['send_date'] = Date.now();
                     if(characters[this_chid].first_mes != ""){
-                        chat = [characters[this_chid].name+": "+characters[this_chid].first_mes+"\n"];
+                        chat[0]['mes'] = characters[this_chid].first_mes;
                     }else{
-                        chat = [characters[this_chid].name+": "+default_ch_mes+"\n"];
+                        chat[0]['mes'] = default_ch_mes;
                     }
                 }
                 printMessages();
@@ -977,12 +1098,18 @@
                 
                 //create text poles
                 $("#rm_button_back").css("display", "inline-block");
-
-                
+                $("#character_import_button").css("display", "inline-block");
+                $("#character_popup_text_h3").text('Create character');
                 $("#character_name_pole").val(create_save_name);
                 $("#description_textarea").val(create_save_description);
                 $("#personality_textarea").val(create_save_personality);
                 $("#firstmessage_textarea").val(create_save_first_message);
+                $("#scenario_pole").val(create_save_scenario);
+                if($.trim(create_save_mes_example).length == 0){
+                    $("#mes_example_textarea").val('<START>');
+                }else{
+                    $("#mes_example_textarea").val(create_save_mes_example);
+                }
                 $("#avatar_div").css("display", "block");
                 $("#avatar_load_preview").attr('src',default_avatar);
                 $("#name_div").css("display", "block");
@@ -1034,6 +1161,7 @@
                 
                 //create text poles
                 $("#rm_button_back").css("display", "none");
+                //$("#character_import_button").css("display", "none");
                 $("#create_button").attr("value", "Save");
                 $("#create_button").css("display", "none");
                 var i = 0;
@@ -1044,19 +1172,25 @@
                     i++;
                 }
                 $("#add_avatar_button").val('');
+
+                $('#character_popup_text_h3').text(characters[chid].name);
                 $("#character_name_pole").val(characters[chid].name);
                 $("#description_textarea").val(characters[chid].description);
                 $("#personality_textarea").val(characters[chid].personality);
                 $("#firstmessage_textarea").val(characters[chid].first_mes);
+                $("#scenario_pole").val(characters[chid].scenario);
+                $("#mes_example_textarea").val(characters[chid].mes_example);
                 $("#selected_chat_pole").val(characters[chid].chat);
-                $("#last_mes_pole").val(characters[chid].last_mes);
+                $("#create_date_pole").val(characters[chid].create_date);
                 $("#avatar_url_pole").val(characters[chid].avatar);
+                $("#chat_import_avatar_url").val(characters[chid].avatar);
+                $("#chat_import_character_name").val(characters[chid].name);
                 //$("#avatar_div").css("display", "none");
                 var this_avatar = default_avatar;
                 if(characters[chid].avatar != 'none'){
-                        this_avatar = "characters/"+characters[chid].name+"/avatars/"+characters[chid].avatar;
+                        this_avatar = "characters/"+characters[chid].avatar;
                 }
-                $("#avatar_load_preview").attr('src',this_avatar);
+                $("#avatar_load_preview").attr('src',this_avatar+"#"+Date.now());
                 $("#name_div").css("display", "none");
                 
                 $("#form_create").attr("actiontype", "editcharacter");
@@ -1163,6 +1297,26 @@
                 callPopup('<h3>Delete the background?</h3>');
 
             });
+            $( "#advanced_div" ).click(function() {
+                if(!is_advanced_char_open){
+                    is_advanced_char_open = true;
+                    $('#character_popup').css('display', 'grid');
+                    $('#character_popup').css('opacity', 0.0);
+                    $('#character_popup').transition({ opacity: 1.0 ,duration: animation_rm_duration, easing:animation_rm_easing});
+                }else{
+                    is_advanced_char_open = false;
+                    $('#character_popup').css('display', 'none');
+                }
+            });
+            $( "#character_cross" ).click(function() {
+                is_advanced_char_open = false;
+                $('#character_popup').css('display', 'none');
+            });
+            $( "#character_popup_ok" ).click(function() {
+                is_advanced_char_open = false;
+                $('#character_popup').css('display', 'none');
+            });
+            
             $("#dialogue_popup_ok").click(function(){
                 $("#shadow_popup").css('display', 'none');
                 $("#shadow_popup").css('opacity:', 0.0);
@@ -1191,6 +1345,7 @@
                 }
                 if(popup_type == 'new_chat' && this_chid != undefined && menu_type != "create"){//Fix it; New chat doesn't create while open create character menu
                     clearChat();
+                    chat.length = 0;
                     characters[this_chid].chat = Date.now();
                     $("#selected_chat_pole").val(characters[this_chid].chat);
                     timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
@@ -1301,6 +1456,7 @@
                 }
             }
             $("#add_avatar_button").change(function(){
+                is_mes_reload_avatar = Date.now();
                 read_avatar_load(this);
             });
             $( "#form_create" ).submit(function(e) {
@@ -1321,6 +1477,7 @@
                             contentType: false,
                             processData: false, 
                             success: function(html){
+                                $('#character_cross').click();
                                 $("#character_name_pole").val('');
                                 create_save_name = '';
                                 $("#description_textarea").val('');
@@ -1330,6 +1487,13 @@
                                 $("#firstmessage_textarea").val('');
                                 create_save_first_message = '';
                                 
+                                $("#character_popup_text_h3").text('Create character');
+                                
+                                $("#scenario_pole").val('');
+                                create_save_scenario = '';
+                                $("#mes_example_textarea").val('');
+                                create_save_mes_example = '';
+                                
                                 create_save_avatar = '';
                                 
                                 $('#create_button').removeAttr("disabled");
@@ -1368,24 +1532,28 @@
                         contentType: false,
                         processData: false, 
                         success: function(html){
+
                             $('.mes').each(function(){
                                 if($(this).attr('ch_name') != name1){
                                     $(this).children('.avatar').children('img').attr('src', $('#avatar_load_preview').attr('src'));
                                 }
                             });
-                            if(chat.length == 1 ){
+                            if(chat.length === 1 ){
                                 
                                 var this_ch_mes = default_ch_mes;
                                 if($('#firstmessage_textarea').val() != ""){
                                     this_ch_mes = $('#firstmessage_textarea').val();
                                 }
-
                                 if(this_ch_mes != $.trim($("#chat").children('.mes').children('.mes_block').children('.mes_text').text())){
                                     clearChat();
                                     chat.length = 0;
-                                    chat[0] = name2+": "+this_ch_mes+"\n";
+                                    chat[0] = {};
+                                    chat[0]['name'] = name2;
+                                    chat[0]['is_user'] = false;
+                                    chat[0]['is_name'] = true;
+                                    chat[0]['mes'] = this_ch_mes;
                                     add_mes_without_animation = true;
-                                    addOneMessage(this_ch_mes);
+                                    addOneMessage(chat[0]);
                                 }
                             }
                             $('#create_button').removeAttr("disabled");
@@ -1395,7 +1563,7 @@
                             $("#add_avatar_button").replaceWith($("#add_avatar_button").val('').clone(true));
                             $('#create_button').attr('value','Save');
 
-                            var count_tokens = encode(JSON.stringify(characters[this_chid].description+characters[this_chid].personality)).length;
+                            var count_tokens = encode(JSON.stringify(characters[this_chid].description+characters[this_chid].personality+characters[this_chid].scenario+characters[this_chid].mes_example)).length;
                             if(count_tokens < 1024){
                                 $('#result_info').html(count_tokens+" Tokens");
                             }else{
@@ -1420,6 +1588,7 @@
                 callPopup('<h3>Delete the character?</h3>');
             });
             $( "#rm_info_button" ).click(function() {
+                $('#rm_info_avatar').html('');
                 select_rm_characters();
             });
             //@@@@@@@@@@@@@@@@@@@@@@@@
@@ -1430,7 +1599,7 @@
                 }
 
             });
-            $('#description_textarea').on('change keyup paste cut', function(){
+            $('#description_textarea').on('keyup paste cut', function(){//change keyup paste cut
                 if(menu_type == 'create'){
                     create_save_description = $('#description_textarea').val();
                 }else{
@@ -1438,7 +1607,7 @@
                 }
                 
             });
-            $('#personality_textarea').on('change keyup paste cut', function(){
+            $('#personality_textarea').on('keyup paste cut', function(){
                 if(menu_type == 'create'){
 
                     create_save_personality = $('#personality_textarea').val();
@@ -1446,7 +1615,23 @@
                     timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
                 }
             });
-            $('#firstmessage_textarea').on('change keyup paste cut', function(){
+            $('#scenario_pole').on('keyup paste cut', function(){
+                if(menu_type == 'create'){
+
+                    create_save_scenario = $('#scenario_pole').val();
+                }else{
+                    timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
+                }
+            });
+            $('#mes_example_textarea').on('keyup paste cut', function(){
+                if(menu_type == 'create'){
+
+                    create_save_mes_example = $('#mes_example_textarea').val();
+                }else{
+                    timerSaveEdit = setTimeout(() => {$("#create_button").click();},durationSaveEdit);
+                }
+            });
+            $('#firstmessage_textarea').on('keyup paste cut', function(){
                 
                 if(menu_type == 'create'){
                     create_save_first_message = $('#firstmessage_textarea').val();
@@ -1500,6 +1685,14 @@
                     });
                 }
             });
+            $( "#option_select_chat" ).click(function() {
+                if(this_chid != undefined && !is_send_press){
+                    getAllCharaChats();
+                    $('#shadow_select_chat_popup').css('display', 'block');
+                    $('#shadow_select_chat_popup').css('opacity', 0.0);
+                    $('#shadow_select_chat_popup').transition({ opacity: 1.0 ,duration: animation_rm_duration, easing:animation_rm_easing});
+                }
+            });
             $( "#option_start_new_chat" ).click(function() {
                 if(this_chid != undefined && !is_send_press){
                     popup_type = 'new_chat';
@@ -1757,9 +1950,9 @@
                     success: function(data){
                         if(data.result != 'file not find'){
                             settings = JSON.parse(data.settings);
-                            if(settings.myname !== undefined){
-                                if(settings.myname !== ''){
-                                    name1 = settings.myname;
+                            if(settings.username !== undefined){
+                                if(settings.username !== ''){
+                                    name1 = settings.username;
                                     $('#your_name').val(name1);
                                 }
                             }
@@ -1918,7 +2111,7 @@
                     type: 'POST', 
                     url: '/savesettings', 
                     data: JSON.stringify({
-                            myname: name1,
+                            username: name1,
                             api_server: api_server,
                             preset_settings: preset_settings,
                             preset_settings_novel: preset_settings_novel,
@@ -1983,6 +2176,13 @@
                     }
                 });
             });
+            $('#select_chat_cross').click(function(){
+
+
+                $('#shadow_select_chat_popup').css('display', 'none');
+                $('#load_select_chat_div').css('display', 'block');
+            });
+            
             function isInt(value) {
                 return !isNaN(value) && 
                     parseInt(Number(value)) == value && 
@@ -2018,15 +2218,11 @@
                     var edit_mes_id = $(this).parent().parent().parent().attr('mesid');
                     this_edit_mes_id = edit_mes_id;
                     
-                    var text = chat[edit_mes_id];
-                    if(text.indexOf(name1+":") == 0){
-                        text = text.substr((name1+":").length);
+                    var text = chat[edit_mes_id]['mes'];
+                    if(chat[edit_mes_id]['is_user']){
                         this_edit_mes_chname = name1;
                     }else{
                         this_edit_mes_chname = name2;
-                        if(text.indexOf(name2+":") == 0){
-                            text = text.substr((name2+":").length);
-                        }
                     }
                     text = text.trim();
                     $(this).parent().parent().children('.mes_text').append('<textarea class=edit_textarea style="max-width:auto; ">'+text+'</textarea>');
@@ -2049,14 +2245,8 @@
             });
             $(document).on('click', '.mes_edit_cancel', function(){
                 //var text = $(this).parent().parent().children('.mes_text').children('.edit_textarea').val();
-                var text = chat[this_edit_mes_id];
-                if(text.indexOf(name1+":") == 0){
-                    text = text.substr((name1+":").length);
-                }else{
-                    if(text.indexOf(name2+":") == 0){
-                        text = text.substr((name2+":").length);
-                    }
-                }
+                var text = chat[this_edit_mes_id]['mes'];
+                
                 $(this).parent().parent().children('.mes_text').empty();
                 $(this).css('display','none');
                 $(this).parent().children('.mes_edit_done').css('display','none');
@@ -2072,7 +2262,7 @@
                 var text = div.parent().parent().children('.mes_text').children('.edit_textarea').val();
                 //var text = chat[this_edit_mes_id];
                 text = text.trim();
-                chat[this_edit_mes_id] = this_edit_mes_chname+": "+text+"\n";
+                chat[this_edit_mes_id]['mes'] = text;
                 div.parent().parent().children('.mes_text').empty();
                 div.css('display','none');
                 div.parent().children('.mes_edit_cancel').css('display','none');
@@ -2091,6 +2281,54 @@
                     
                 }
             });
+            //Select chat
+            async function getAllCharaChats() {
+                $('#select_chat_div').html('');
+                //console.log(characters[this_chid].chat);
+                jQuery.ajax({    
+                    type: 'POST', 
+                    url: '/getallchatsofchatacter', 
+                    data: JSON.stringify({avatar_url: characters[this_chid].avatar}),
+                    beforeSend: function(){
+                        //$('#create_button').attr('value','Creating...'); 
+                    },
+                    cache: false,
+                    dataType: "json",
+                    contentType: "application/json",
+                    success: function(data){
+                        $('#load_select_chat_div').css('display', 'none');
+                        let dataArr = Object.values(data);
+                        data = dataArr.sort((a, b) => a['file_name'].localeCompare(b['file_name']));
+                        data = data.reverse();
+                        for (const key in data) {
+                            let strlen = 40;
+                            let mes = data[key]['mes'];
+                            if(mes.length > strlen){
+                                mes = '...'+mes.substring(mes.length - strlen);
+                            }
+                            $('#select_chat_div').append('<div class="select_chat_block" file_name="'+data[key]['file_name']+'"><div class=avatar><img src="characters/'+characters[this_chid]['avatar']+'" style="width: 33px; height: 51px;"></div><div class="select_chat_block_filename">'+data[key]['file_name']+'</div><div class="select_chat_block_mes">'+mes+'</div></div>');
+                            if(characters[this_chid]['chat'] == data[key]['file_name'].replace('.jsonl', '')){
+                                //children().last()
+                                $('#select_chat_div').children(':nth-last-child(1)').attr('highlight', true);
+                            }
+                        }
+                        //<div id="select_chat_div">
+
+                        //<div id="load_select_chat_div">
+                        //console.log(data);
+                        //chat.length = 0;
+                        
+                        //chat =  data;
+                        //getChatResult();
+                        //saveChat();
+                    },
+                    error: function (jqXHR, exception) {
+                        //getChatResult();
+                        console.log(exception);
+                        console.log(jqXHR);
+                    }
+                });
+            }
             //************************************************************
             //************************Novel.AI****************************
             //************************************************************
@@ -2202,8 +2440,127 @@
 
                 return 0;
             }
-        });
+            
+            
+            
+            //**************************CHARACTER IMPORT EXPORT*************************//
+            $( "#character_import_button" ).click(function() {
+                $("#character_import_file").click();
+            });
+            $("#character_import_file").on("change", function(e){
+                $('#rm_info_avatar').html('');
+                var file = e.target.files[0];
+                //console.log(1);
+                if (!file) {
+                  return;
+                }
+                var ext = file.name.match(/\.(\w+)$/);
+                if(!ext || (ext[1].toLowerCase() != "json" && ext[1].toLowerCase() != "png")){
+                    return;
+                }
+                
+                var format = ext[1].toLowerCase();
+                $("#character_import_file_type").val(format);
+                //console.log(format);
+                var formData = new FormData($("#form_import").get(0));
+                
+                jQuery.ajax({    
+                    type: 'POST', 
+                    url: '/importcharacter', 
+                    data: formData,
+                    beforeSend: function(){
+                        //$('#create_button').attr('disabled',true);
+                        //$('#create_button').attr('value','Creating...'); 
+                    },
+                    cache: false,
+                    contentType: false,
+                    processData: false, 
+                    success: function(data){
+                        if(data.file_name !== undefined){
+
+                            $('#rm_info_block').transition({ opacity: 0 ,duration: 0});
+                            var $prev_img = $('#avatar_div_div').clone();
+                            $prev_img.children('img').attr('src', 'characters/'+data.file_name+'.png');
+                            $('#rm_info_avatar').append($prev_img);
+                            select_rm_info("Character created");
+
+                            $('#rm_info_block').transition({ opacity: 1.0 ,duration: 2000});
+                            getCharacters();
+
+                        }
+                    },
+                    error: function (jqXHR, exception) {
+                        $('#create_button').removeAttr("disabled");
+                    }
+                });  
+            });
+            $('#export_button').click(function(){
+                var link = document.createElement('a');
+                link.href = 'characters/'+characters[this_chid].avatar;  
+                link.download = characters[this_chid].avatar;
+                document.body.appendChild(link);
+                link.click();
+           });
         
+        
+        
+        //**************************CHAT IMPORT EXPORT*************************//
+            $( "#chat_import_button" ).click(function() {
+                $("#chat_import_file").click();
+            });
+            $("#chat_import_file").on("change", function(e){
+                var file = e.target.files[0];
+                //console.log(1);
+                if (!file) {
+                  return;
+                }
+                var ext = file.name.match(/\.(\w+)$/);
+                if(!ext || (ext[1].toLowerCase() != "json" && ext[1].toLowerCase() != "jsonl")){
+                    return;
+                }
+
+                var format = ext[1].toLowerCase();
+                $("#chat_import_file_type").val(format);
+                //console.log(format);
+                var formData = new FormData($("#form_import_chat").get(0));
+
+                jQuery.ajax({    
+                    type: 'POST', 
+                    url: '/importchat', 
+                    data: formData,
+                    beforeSend: function(){
+                        $('#select_chat_div').html('');
+                        $('#load_select_chat_div').css('display', 'block');
+                        //$('#create_button').attr('value','Creating...'); 
+                    },
+                    cache: false,
+                    contentType: false,
+                    processData: false, 
+                    success: function(data){
+                        //console.log(data);
+                        if(data.res){
+                            getAllCharaChats();
+
+
+                        }
+                    },
+                    error: function (jqXHR, exception) {
+                        $('#create_button').removeAttr("disabled");
+                    }
+                });  
+            });
+            $(document).on('click', '.select_chat_block', function(){
+                let file_name = $(this).attr("file_name").replace('.jsonl', '');
+                //console.log(characters[this_chid]['chat']);
+                characters[this_chid]['chat'] = file_name;
+                clearChat();
+                chat.length = 0;
+                getChat();
+                $('#shadow_select_chat_popup').css('display', 'none');
+                $('#load_select_chat_div').css('display', 'block');
+
+            });
+        });
     </script>
 <title>Tavern.AI</title>
 </head>
@@ -2222,6 +2579,68 @@
             <div id="dialogue_popup_cancel" class="menu_button">Cancel</div>
         </div>
     </div>
+    <!--<div id="shadow_character_popup">
+        </div>-->
+        <div id="character_popup">
+            
+            <div id="character_popup_text">
+                <img id="character_cross" src="img/cross.png" style="position: absolute; right: 15px; top: 15px; width: 20px; height: 20px; cursor: pointer; opacity: 0.6">
+                
+                <div><img src="img/book2.png" id="advanced_book_logo"><h3 id="character_popup_text_h3" style="margin-left: 38px;">Create character</h3></div>
+            
+            </div>
+            
+            <div id="personality_div">
+                <h4>Personality summary</h4><h5>A brief description of the personality (<a href="/notes/2" target="_blank">?</a>)</h5>
+                <input id="personality_textarea" name="personality" placeholder="" form="form_create" class="text_pole" autocomplete="off">
+            </div>
+            
+            <div id="scenario_div">
+                <h4>Scenario</h4>
+                <h5>Circumstances and context of the dialogue</h5>
+                <input id="scenario_pole" name="scenario" class="text_pole" maxlength="999" size="40" value="" autocomplete="off" form="form_create">
+            </div>
+            
+            <div id="mes_example_div">
+                <h4>Examples of dialogue</h4>
+                <h5>Forms a personality more clearly (<a href="/notes/11" target="_blank">?</a>)</h5>
+            </div>
+            <textarea id="mes_example_textarea" name="mes_example" placeholder="" form="form_create"></textarea>
+            
+            
+            <div id="character_popup_ok" class="menu_button">Save</div>
+            <div></div>
+            
+    </div>
+    <div id="shadow_select_chat_popup">
+        <div id="select_chat_popup">
+            <div id="select_chat_popup_text">
+                <img id="select_chat_cross" src="img/cross.png" style="position: absolute; right: 15px; top:14px; width: 20px; height: 20px; cursor: pointer; opacity: 0.6">
+
+                <!--<h3 style="margin: 0px;margin-left: 5px;margin-top: 5px;">Select chat</h3>-->
+
+            </div>
+            <div id="select_chat_import">
+                
+                <div style="display: inline-block;" id="chat_import_button"><a>+import</a>&nbsp;</div><div style="display: inline-block; color:#757575;">(<a href="/notes/10" target="_blank">?</a>)</div>
+                <form id="form_import_chat"  action="javascript:void(null);" method="post" enctype="multipart/form-data" style="display: none;">
+                    <input type="file" id="chat_import_file" accept=".json, .jsonl" name="avatar">
+                    <input id="chat_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
+                    <input id="chat_import_avatar_url" name="avatar_url" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
+                    <input id="chat_import_character_name" name="character_name" class="text_pole" maxlength="999" size="2" value="" autocomplete="off" style="display: none;">
+                </form>
+            </div>
+            
+            <div id="select_chat_div">
+                
+            </div>
+            <div id="load_select_chat_div">
+                <img src="img/load.svg">
+            </div>
+
+
+        </div>
+    </div>
     <div id="shadow_tips_popup">
         <div id="tips_popup" style="padding-top: 30px;">
             <img id="tips_cross" src="img/cross.png" style="position: absolute; margin-left: 230px; width: 20px; height: 20px; cursor: pointer; opacity: 0.6">
@@ -2262,6 +2681,7 @@
 
         <div id="rm_ch_create_block" class="right_menu">
             <div id="rm_button_back" class="right_menu_button"><h2 style="color: rgb(188, 193, 200, 0.5);">&#8656;</h2></div>
+            
             <form id="form_create"  action="javascript:void(null);" method="post" enctype="multipart/form-data">
                 
                 <div id="name_div">
@@ -2274,15 +2694,11 @@
                 </div>
                 
                 <div id="description_div">
-                    <h4>Description</h4><h5>Description of the character and the rest (<a href="/notes/1" target="_blank">?</a>)</h5>
+                    <h4>Description</h4><h5>Description of personality and other characteristics (<a href="/notes/1" target="_blank">?</a>)</h5>
                 <textarea id="description_textarea" name="description" placeholder=""></textarea>
                 </div>
-                <div id="personality_div">
-                <h4>Personality</h4><h5>The main personality traits (<a href="/notes/2" target="_blank">?</a>)</h5>
-                <textarea id="personality_textarea" name="personality" placeholder=""></textarea>
-                </div>
                 <div id="first_message_div">
-                <h4>First message</h4><h5>First message from character (<a href="/notes/3" target="_blank">?</a>)</h5>
+                <h4>First message</h4><h5>First message from the character (<a href="/notes/3" target="_blank">?</a>)</h5>
                 <textarea id="firstmessage_textarea" name="first_mes" placeholder=""></textarea>
                 </div>
                 
@@ -2292,19 +2708,25 @@
                 <div id="selected_chat_div">
                 <input id="selected_chat_pole" name="chat" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
                 </div>
+                <div id="create_date_div">
+                <input id="create_date_pole" name="create_date" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
+                </div>
                 <div id="last_mes_div">
                 <input id="last_mes_pole" name="last_mes" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
                 </div>
-                <div id="mes_example_div">
-                <input id="mes_example_pole" name="last_mes" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
-                </div>
-                <div id="result_info">&nbsp;</div>
+                <input id="advanced_div" type="button" value="Advanced Edit">
+                <div id="export_character_div">
+                    <div id="result_info" style="width: 100px;">&nbsp;</div>
+                
+                    </div>
                 <div id="create_button_div">
                 <input id="create_button" type="submit" value="Create">
                 </div>
             </form>
             <div id="delete_button_div">
                 <input id="delete_button" type="submit" value="Delete">
+                <input id="export_button" type="submit" value="Export">
+                
             </div>
         </div>
         <div id="rm_api_block" class="right_menu" >
@@ -2393,7 +2815,7 @@
                     <h4>Context Size</h4><h5 id="max_context_counter">select</h5>
                     <input type="range" id="max_context" name="volume" min="512" max="2048" step="1">
                 </div>
-                <h4>Anchors Order</h4><h5>Selecting Anchors Order (<a href="/notes/9" target="_blank">?</a>)</h5>
+                <h4>Anchors Order</h4><h5>Helps to increase the length of messages (<a href="/notes/9" target="_blank">?</a>)</h5>
                 <select id="anchor_order">
                     <option value="0">Character Anchor - Style Anchor</option>
                     <option value="1">Style Anchor - Character Anchor</option>
@@ -2409,12 +2831,17 @@
                 </div>
             </div>
         </div>
-        
+        <div id="rm_charater_import" class="right_menu" style="display: none;">
+            <form id="form_import"  action="javascript:void(null);" method="post" enctype="multipart/form-data">
+            <input type="file" id="character_import_file" accept=".json, image/png" name="avatar">
+            <input id="character_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
+            </form>
+        </div>
         <div id="rm_charaters_block" class="right_menu">
             <div id="rm_button_create" class="right_menu_button"><h2>+</h2></div>
+            <div id="character_import_button" class="right_menu_button"><h2>+Import</h2></div>
             <div id="rm_print_charaters_block"></div>
         </div>
-        
         <div id="rm_info_block" class="right_menu">
             <div id="rm_info_panel">
             <div id="rm_info_avatar"></div>
@@ -2437,7 +2864,9 @@
                 <div id="options_button">
                     <div id="options">
                         <div class="options-content">
-                        <a id="option_start_new_chat"><img src="img/save_and_start_new_chat.png" width="20" height="20">Save and start new chat</a>
+                        <a id="option_start_new_chat"><img src="img/save_and_start_new_chat.png" width="20" height="20">Start new chat</a>
+                        <a id="option_select_chat"><img src="img/book6.png" width="20" height="20" style="opacity: 0.0;"><img src="img/book6.png" style="width: 21px;height: 21px;position: absolute;top: 59px;left: 15px; opacity: 0.5;">Select chat</a><!--<img src="img/book6.png" style="width: 21px;height: 21px;position: absolute;top: 14px;left: 16px; opacity: 0.5;">Select chat</a>-->
+                        
                         <hr>
                         <a id="option_delete_mes"><img src="img/del_mes.png" width="20" height="20">Delete message</a>
                         <a id="option_regenerate"><img src="img/regenerate.png" width="20" height="20">Regenerate</a>
diff --git a/public/notes/10.html b/public/notes/10.html
new file mode 100644
index 000000000..2d90592d9
--- /dev/null
+++ b/public/notes/10.html
@@ -0,0 +1,17 @@
+<html>
+    <head>
+        <title>Chat import</title>
+        <link rel="stylesheet" href="/css/notes.css">
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    </head>
+    <body>
+        <div id="main">
+            <div id="content">
+                <h2>Chat import</h2>
+                <h3>Import chats into TavernAI</h3>
+                <p>For import Character.ai chats use tool: <a href="https://github.com/0x000011b/characterai-dumper">https://github.com/0x000011b/characterai-dumper</a></p>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/public/notes/11.html b/public/notes/11.html
new file mode 100644
index 000000000..3f6fd4843
--- /dev/null
+++ b/public/notes/11.html
@@ -0,0 +1,24 @@
+<html>
+    <head>
+        <title>Examples of dialogue</title>
+        <link rel="stylesheet" href="/css/notes.css">
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    </head>
+    <body>
+        <div id="main">
+            <div id="content">
+                <h2>Examples of dialogue</h2>
+                <p>Describes how the character speaks. Before each example, you need to add the &lt;START&gt; tag.<br> Use {{char}} instead of the character name.<br> Use {{user}} instead of the user name.<br><br>Example:</p>
+                <p>&lt;START&gt;<br>{{user}}: Hi Aqua, I heard you like to spend time in the pub.<br>
+                    {{char}}: *excitedly* Oh my goodness, yes! I just love spending time at the pub! It's so much fun to talk to all the adventurers and hear about their exciting adventures! And you are?<br>
+
+                    {{user}}: I'm a new here and I wanted to ask for your advice.<br>
+{{char}}: *giggles* Oh, advice! I love giving advice! And in gratitude for that, treat me to a drink! *gives signals to the bartender*
+         <br><br>&lt;START&gt;<br>       
+{{user}}: Hello<br>
+{{char}}: *excitedly* Hello there, dear! Are you new to Axel? Don't worry, I, Aqua the goddess of water, am here to help you! Do you need any assistance? And may I say, I look simply radiant today! *strikes a pose and looks at you with puppy eyes*</p>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/public/notes/2.html b/public/notes/2.html
index 707f7749e..65833197c 100644
--- a/public/notes/2.html
+++ b/public/notes/2.html
@@ -8,10 +8,13 @@
     <body>
         <div id="main">
             <div id="content">
-                <h2>Personality</h2>
-                <p>3-4 main personality characteristics should be indicated here. These characteristics will play a major role in the character's behavior. Example:<br><br>
-                    <i>Cheerful, cunning, provocative</i>
+                <h2>Personality summary</h2>
+                <p>A brief description of the personality. It is added to the chat to a depth of 8-15 messages, so it has a significant impact on the character. Example:<br><br>
+                    <i>Cheerful, cunning, provocative</i><br><br>
+                    Another example:<br><br>
+                    <i>Aqua likes to do nothing and also likes to get drunk</i>
                 </p>
+                <p>*In Pygmalion model, it is used as a "Personality:" graph</p>
 
             </div>
         </div>
diff --git a/public/notes/6.html b/public/notes/6.html
index cb51b76c8..b539f9378 100644
--- a/public/notes/6.html
+++ b/public/notes/6.html
@@ -21,7 +21,7 @@
                 <img src="1.png"><br><br>
                 5. Select the second request, then in the Headers tab of the inspection panel, scroll down to the very bottom. Look for a header called Authorization:<br><br>
                 <img src="2.png"><br><br>
-                The long string (after "Bearer", not including it) is your API key.
+                The long string (after "Bearer", not including it) is your API key.<br><br>*Proxies and Cloudflare-type services may interfere with connection
             </div>
         </div>
     </body>
diff --git a/public/notes/9.html b/public/notes/9.html
index 22ba82512..747b85635 100644
--- a/public/notes/9.html
+++ b/public/notes/9.html
@@ -12,8 +12,10 @@
                 <h4>Anchors are used to increase the length of messages. There are two types of anchors: Character Anchor and Style Anchor</h4>
                 <p><u>Character Anchor</u> - affects the character played by the AI by motivating him to write longer messages. Looks like [Alexa talks a lot with descriptions]</p>
                 <p><u>Style Anchor</u> - affects all AI model, motivating AI to write longer messages. Looks like [Writing style: very long messages]</p>
-                <hr style="opacity: 0.6;"><p>The order of anchors sets the location of anchors in the promt, the first anchor in the order is much higher and has less influence than the one that follows it.</p>
-                <p>To disable anchors, you just need to remove the checkboxes.</p>
+                <hr style="opacity: 0.6;"><p>Anchors Order sets the location of anchors in the promt, the first anchor in the order is much higher and has less influence than second.</p>
+                <p>The second in order anchor is turned on after 8-12 messages, because the first anchor is enough when there are few messages.</p>
+                <p>Sometimes some AI models may not perceive anchors correctly or the AI model already generates sufficiently long messages, so for these cases, to disable anchors, you just need to uncheck the boxes.</p>
+                <br><p>*It is automatically disabled in Pygmalion, since Pygmalion already generates long enough messages</p>
             </div>
         </div>
     </body>
diff --git a/public/settings.json b/public/settings.json
index a485afdd5..bcc184cfc 100644
--- a/public/settings.json
+++ b/public/settings.json
@@ -1 +1 @@
-{"myname":"You","api_server":"","preset_settings":"gui","preset_settings_novel":"Classic-Euterpe","user_avatar":"legat.png","temp":0.8,"amount_gen":90,"max_context":2048,"anchor_order":0,"style_anchor":true,"character_anchor":true,"main_api":"kobold","api_key_novel":"","rep_pen":1.02,"rep_pen_size":256,"model_novel":"euterpe-v2","temp_novel":1.11,"rep_pen_novel":1.11,"rep_pen_size_novel":320}
\ No newline at end of file
+{"username":"You","api_server":"http://localhost:5000/api","preset_settings":"gui","preset_settings_novel":"Classic-Euterpe","user_avatar":"legat.png","temp":0.43,"amount_gen":90,"max_context":2048,"anchor_order":0,"style_anchor":true,"character_anchor":true,"main_api":"kobold","api_key_novel":"","rep_pen":1.17,"rep_pen_size":1024,"model_novel":"euterpe-v2","temp_novel":1.11,"rep_pen_novel":1.11,"rep_pen_size_novel":320}
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
index fbe758bda..b7bcb40ab 100644
--- a/public/style.css
+++ b/public/style.css
@@ -177,7 +177,7 @@ body {
     display: none;
     width: 200px;
     height: 100px;
-    bottom: 145px;
+    bottom: 196px;
     position: relative;
     //background-color: blue;
     z-index:1990;
@@ -188,7 +188,7 @@ body {
   display: block;
   position: absolute;
   background-color: #191b31F3;
-  min-width: 160px;
+  min-width: 205px;
   z-index: 1;
   //bottom: 1px;
 }
@@ -275,6 +275,7 @@ body {
     max-width: 720px;
     word-wrap: break-word;
     animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
+    
 }
 
 .mes_text::after {
@@ -323,18 +324,14 @@ textarea{
     height: 200px;
     margin-top: 0px;
 }
-#personality_textarea{
-    width: 92%;
-    height: 65px;
-    margin-top: 0px;
-}
+
 #character_name_pole{
 
     width: 92%;
 }
 #firstmessage_textarea{
     width: 92%;
-    height: 180px;
+    height: 140px;
     margin-top: 0px;
 }
 
@@ -406,7 +403,14 @@ input[type=submit] {
     border-radius: 3px;
     background-color: #191b31;
 }
-
+input[type=button] {
+    font-weight: bold;
+    color: #fff;
+    padding: 0.5em;
+    border: thin solid rgba(200,200,200,0.2);
+    border-radius: 3px;
+    background-color: #191b31;
+}
 .right_menu_button{
     display:inline-block;
     //box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
@@ -419,7 +423,19 @@ input[type=submit] {
     
     
 }
-
+#character_import_button{
+    cursor: pointer;
+    display: inline-block;
+    margin-left: 15px;//274px;
+    margin-top: 6px;//10px;
+    
+}
+#character_import_button h2{
+    margin-top: auto;
+    margin-bottom: auto;
+    font-size: 17px;
+    color: rgb(188, 193, 200, 0.5);
+}
 .right_menu_button:active {
     color:red;
     box-shadow: 0 0 5px -1px rgba(0,0,0,0.05);
@@ -484,12 +500,13 @@ input[type=submit] {
 #selected_chat_div{
     display: none;
 }
+#create_date_div{
+    display: none;
+}
 #last_mes_div{
     display: none;
 }
-#mes_example_div{
-    display: none;
-}
+
 #rm_button_selected_ch{
     
 }
@@ -630,18 +647,19 @@ input[type=submit] {
     margin-top: 6px;
     
 }
-#personality_div{
-    margin-top: 20px;
-}
 #first_message_div{
     margin-top: 20px;
 }
+#advanced_div{
+    margin-top: 20px;
+    cursor: pointer;
+}
 #create_button{
-    
+    opacity: 0.8;
     margin-left: 9px;
     margin-top: 8px;
     margin-bottom: 10px;
-    font-size: 16px;
+    font-size: 14px;
     cursor: pointer;
 }
 
@@ -675,12 +693,22 @@ input[type=submit] {
     margin-right: auto;
 }
 #delete_button{
+    opacity: 0.51;//0.5
     cursor: pointer;
     display: block;
     float:right;
     margin-top: 25px;
     margin-right: 10px; 
-    color: #ffffff66;
+    color: #ffffff68;//66
+}
+#export_button{
+    opacity: 0.51;
+    cursor: pointer;
+    display: block;
+    float:right;
+    margin-top: 25px;
+    margin-right: 16px; 
+    color: #ffffff68;
 }
 #result_info{
     margin-left: 10px;
@@ -795,12 +823,13 @@ input[type=submit] {
     min-height: 40px;
 }
 #shadow_popup{
+    background-color: #00000066;
     display: none;
     opacity: 0.0;
     position: absolute;
     width: 100%;
     height: 100vh;
-    z-index: 2055;
+    z-index: 2095;
 }
 #bgtest{
     display: none;
@@ -1119,3 +1148,247 @@ label.checkbox :checked + span:after {
     grid-template-rows: 30px auto;
     grid-template-columns: auto auto;
 }
+
+
+#shadow_character_popup{
+    display: block;
+    opacity: 1.0;
+    position: absolute;
+    width: 100%;
+    height: 100vh;
+    z-index: 2058;
+}
+#character_popup{
+    display: none;
+    grid-template-rows: 50px 100px 100px 40px auto 45px 45px;
+    max-width:800px;
+    height: 83vh;
+    position: absolute;
+    z-index: 2065;
+    background-color: blue;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+    //text-align: center;
+    margin-top: 0px;
+    box-shadow: 0 0 2px rgba(200,200,200,0.1);
+    padding: 4px;
+    background: #191b31F5;
+    border-radius: 1px;
+}
+#character_popup h5 a{
+    color: #936f4a;
+}
+#character_popup h5 a:hover{
+    color: #998e6b;
+}
+#character_popup h4 a{
+    color: #936f4a;
+}
+#character_popup h4 a:hover{
+    color: #998e6b;
+}
+
+#character_popup h3{
+    //margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: 0px;
+}
+
+#character_popup h4{
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: 0px;
+}
+#character_popup h5{
+    margin-top: 0px;
+    margin-bottom: 3px;
+    margin-left: 0px;
+    color: #757575;
+
+}
+
+#character_popup_text{
+    margin-left: 36px;
+}
+#personality_div{
+    margin-left: 36px;
+    margin-top: 20px;
+}
+#personality_textarea{
+    width: 92%;
+    //height: 65px;
+    margin-top: 0px;
+    margin-left: 0px;
+}
+#scenario_div{
+    padding-top: 10px;
+    margin-left: 36px;
+}
+#mes_example_div{
+    margin-left: 36px;
+    max-height: 100%;
+}
+#scenario_pole{
+    width: 92%;
+    margin-left: 0px;
+}
+#mes_example_textarea{
+    margin-left: 36px;
+    width: 88%;
+    height: 100%;
+    margin-top: 0px;
+}
+#character_popup_ok{
+    cursor: pointer;
+    display: none;//grid;
+    place-items: center;
+    height: 40px;
+    margin-top: 15px;
+    margin-left: 36px;//36px;329px;/
+    //margin-right: auto;
+    width: 110px;//80px
+    text-align: center;
+}
+
+
+
+
+
+
+
+
+#shadow_select_chat_popup{
+    display: none;
+    opacity: 1.0;
+    position: absolute;
+    width: 100%;
+    height: 100vh;
+    z-index: 2059;
+    background-color: #00000066;
+}
+#select_chat_popup{
+    display: block;
+    grid-template-rows: 50px 100px 100px auto 45px;
+    max-width:450px;
+    height: 440px;
+    position: absolute;
+    z-index: 2066;
+    background-color: blue;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+    //text-align: center;
+    margin-top: 21vh;
+    box-shadow: 0 0 2px rgba(200,200,200,0.1);
+    padding: 4px;
+    background: #191b31F0;
+    border-radius: 5px;
+}
+#select_chat_popup a{
+    color: #936f4a;
+}
+#select_chat_popup a:hover{
+    color: #998e6b;
+}
+#chat_import_button a{
+    color: #d5c9be;
+}
+#chat_import_button a:hover{
+    color: #998e6b;
+}
+#export_div{
+    cursor:pointer;
+}
+#load_select_chat_div{
+    position: absolute;
+    bottom: 154px;
+    left: 174px;
+}
+#load_select_chat_div img{
+    width: 80px;
+    height: 80px;
+}
+#select_chat_div{
+    
+    margin-left: 5px;
+    margin-top: 30px;
+    scrollbar-width: thin;
+    //width: 900px;
+    //height: 80%;
+    overflow: hidden;
+    overflow-y: scroll;
+    max-width:430px;
+    height: 350px;
+}
+#select_chat_div hr{
+    margin: 0px;
+}
+#chat_import_button{
+    margin-top: 15px;
+    margin-left: 13px;
+    cursor:pointer;
+}
+
+.select_chat_block{
+    border-radius: 5px;
+    margin-right: 10px;
+    cursor:pointer;
+    display: grid;
+    grid-template-columns: 60px auto;
+    grid-template-rows: 26px auto;
+}
+.select_chat_block:hover {
+    background-color: #ffffff07;
+}
+.select_chat_block[highlight]{
+    background-color: #ffffff09;//#c2b07a12;
+}
+
+.select_chat_block .avatar{
+
+    grid-row: span 2;
+}
+
+.select_chat_block_filename{
+    opacity:0.5;
+}
+.select_chat_block_mes{
+    margin-right: 6px;
+}
+#advanced_div{
+    font-size: 14px;
+    background-repeat: no-repeat;
+    background-size: 28px;
+    background-position: 92px 5px;
+    //background-image: url('img/book5.png');
+    width: 92%;
+    height: 40px;
+    margin-left: 10px;
+    font-weight: bold;
+    color: #ffffffbb;
+    padding: 0.5em;
+    border: thin solid rgba(200,200,200,0.2);
+    border-radius: 3px;
+    background-color: #191b3133;
+    opacity: 1.0;
+    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+#advanced_book_logo{
+    width: 35px;
+    height: 35px;
+    display: inline-block;
+    position: absolute;
+    top:19px;
+}
+#character_popup_text_h3{
+    display: inline-block;
+    margin-left: 38px;
+}
+
+#export_character_div{
+    display: grid;
+    grid-template-columns: 340px auto;
+}
\ No newline at end of file
diff --git a/readme.md b/readme.md
index 8cebb7b06..e99318b28 100644
--- a/readme.md
+++ b/readme.md
@@ -1,14 +1,17 @@
-### TavernAI is a adventure atmospheric chat (KoboldAI, NovelAI)
+### TavernAI is a adventure atmospheric chat (KoboldAI, NovelAI, Pygmalion)
 Examples of interface and output:
 <br><img src="readme/1.png" height="200" /><img src="readme/4.png" height="200" /><img src="readme/5.png" height="200" />
 
-[@@@Download TavernAI@@@](https://github.com/TavernAI/TavernAI/archive/refs/heads/main.zip) (Last version)
+[@@@Download TavernAI@@@](https://github.com/TavernAI/TavernAI/archive/refs/heads/main.zip) (Last version)<br><br>
+[TavernAI Discrod](https://discord.gg/zmK2gmr45t)<br>
+[TavetnAI Boosty](https://boosty.to/tavernai) (A common online database with characters is currently being developed)<br>
 ## Features
 * Creating characters with personality setup
 * Choosing name and avatar for your character
 * Deleting and regenerating messages
 * Editing any messages
 * Works with various ai models
+* Importing chats from CAI
 * More longer messages from characters
 * Choosing atmospheric backgrounds
 * Creating and easy choosing preset settings
diff --git a/server.js b/server.js
index c92ec11dc..4430d83ca 100644
--- a/server.js
+++ b/server.js
@@ -1,9 +1,19 @@
 var express = require('express');
 var app = express();
 var fs = require('fs');
+const readline = require('readline');
+
 var rimraf = require("rimraf");
 const multer  = require("multer");
 const https = require('https');
+//const PNG = require('pngjs').PNG;
+const extract = require('png-chunks-extract');
+const encode = require('png-chunks-encode');
+const PNGtext = require('png-chunk-text');
+
+const sharp = require('sharp');
+sharp.cache(false);
+const path = require('path');
 
 var Client = require('node-rest-client').Client;
 var client = new Client();
@@ -28,6 +38,8 @@ var response_getstatus_novel;
 var response_getlastversion;
 var api_key_novel;
 
+var is_colab = false;
+
 const jsonParser = express.json();
 const urlencodedParser = express.urlencoded({extended: false});
 
@@ -58,6 +70,7 @@ app.post("/getlastversion", jsonParser, function(request, response_getlastversio
 
 });
 app.use(express.static(__dirname + "/public"));
+
 app.use(multer({dest:"uploads"}).single("avatar"));
 app.get("/", function(request, response){
     response.sendFile(__dirname + "/public/index.html"); 
@@ -138,7 +151,10 @@ app.post("/savechat", jsonParser, function(request, response){
     //console.log(request);
     //console.log(request.body.chat);
     //var bg = "body {background-image: linear-gradient(rgba(19,21,44,0.75), rgba(19,21,44,0.75)), url(../backgrounds/"+request.body.bg+");}";
-    fs.writeFile('public/characters/'+request.body.ch_name+'/chats/'+request.body.file_name+'.json', JSON.stringify(request.body.chat), 'utf8', function(err) {
+    var dir_name = String(request.body.avatar_url).replace('.png','');
+    let chat_data = request.body.chat;
+    let jsonlData = chat_data.map(JSON.stringify).join('\n');
+    fs.writeFile('public/chats/'+dir_name+"/"+request.body.file_name+'.jsonl', jsonlData, 'utf8', function(err) {
         if(err) {
             response.send(err);
             return console.log(err);
@@ -157,32 +173,65 @@ app.post("/getchat", jsonParser, function(request, response){
     //console.log(request);
     //console.log(request.body.chat);
     //var bg = "body {background-image: linear-gradient(rgba(19,21,44,0.75), rgba(19,21,44,0.75)), url(../backgrounds/"+request.body.bg+");}";
+    var dir_name = String(request.body.avatar_url).replace('.png','');
 
-    fs.stat('public/characters/'+request.body.ch_name+'/chats/'+request.body.file_name+'.json', function(err, stat) {
-        if (err == null) {
-            fs.readFile('public/characters/'+request.body.ch_name+'/chats/'+request.body.file_name+'.json', 'utf8', (err, data) => {
-                if (err) {
-                  console.error(err);
-                  response.send(err);
-                  return;
-                }
-                //console.log(data);
-                response.send(data);
-                
-                
-            });
-        }else{
+    fs.stat('public/chats/'+dir_name, function(err, stat) {
+            
+        if(stat === undefined){
+
+            fs.mkdirSync('public/chats/'+dir_name);
             response.send({});
-            //return console.log(err);
             return;
+        }else{
+            
+            if(err === null){
+                
+                fs.stat('public/chats/'+dir_name+"/"+request.body.file_name+".jsonl", function(err, stat) {
+                    
+                    if (err === null) {
+                        
+                        if(stat !== undefined){
+                            fs.readFile('public/chats/'+dir_name+"/"+request.body.file_name+".jsonl", 'utf8', (err, data) => {
+                                if (err) {
+                                  console.error(err);
+                                  response.send(err);
+                                  return;
+                                }
+                                //console.log(data);
+                                const lines = data.split('\n');
+
+                                // Iterate through the array of strings and parse each line as JSON
+                                const jsonData = lines.map(JSON.parse);
+                                response.send(jsonData);
+
+
+                            });
+                        }
+                    }else{
+                        response.send({});
+                        //return console.log(err);
+                        return;
+                    }
+                });
+            }else{
+                console.error(err);
+                response.send({});
+                return;
+            }
         }
+        
+
     });
+
     
 });
 app.post("/getstatus", jsonParser, function(request, response_getstatus = response){
     if(!request.body) return response_getstatus.sendStatus(400);
-    
-    api_server = request.body.api_server;
+    if(is_colab === true){
+        api_server = '127.0.0.1:5000';
+    }else{
+        api_server = request.body.api_server;
+    }
     if(api_server.indexOf('localhost') != -1){
         api_server = api_server.replace('localhost','127.0.0.1');
     }
@@ -211,58 +260,65 @@ app.post("/getstatus", jsonParser, function(request, response_getstatus = respon
         response_getstatus.send({result: "no_connection"});
     });
 });
-
+function checkServer(){
+    //console.log('Check run###################################################');
+    api_server = 'http://127.0.0.1:5000';
+    var args = {
+        headers: { "Content-Type": "application/json" }
+    };
+    client.get(api_server+"/v1/model",args, function (data, response) {
+        console.log(data.result);
+        //console.log('###################################################');
+        console.log(data);
+    }).on('error', function (err) {
+        console.log(err);
+        //console.log('');
+	//console.log('something went wrong on the request', err.request.options);
+        //console.log('errorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr');
+    });
+}
 
 //***************** Main functions
+function charaFormatData(data){
+    var char = {"name": data.ch_name, "description": data.description, "personality": data.personality, "first_mes": data.first_mes, "avatar": 'none', "chat": Date.now(), "mes_example": data.mes_example, "scenario": data.scenario, "create_date": Date.now()};
+    return char;
+}
 app.post("/createcharacter", urlencodedParser, function(request, response){
-    response_create = response;
     if(!request.body) return response.sendStatus(400);
-    if (!fs.existsSync('public/characters/'+request.body.ch_name+'/'+request.body.ch_name+'.json')){
-        if(!fs.existsSync('public/characters/'+request.body.ch_name) )fs.mkdirSync('public/characters/'+request.body.ch_name);
-        if(!fs.existsSync('public/characters/'+request.body.ch_name+'/chats')) fs.mkdirSync('public/characters/'+request.body.ch_name+'/chats');
-        if(!fs.existsSync('public/characters/'+request.body.ch_name+'/avatars')) fs.mkdirSync('public/characters/'+request.body.ch_name+'/avatars');
+    if (!fs.existsSync('public/characters/'+request.body.ch_name+'.png')){
+        if(!fs.existsSync('public/chats/'+request.body.ch_name) )fs.mkdirSync('public/chats/'+request.body.ch_name);
+        //if(!fs.existsSync('public/characters/'+request.body.ch_name+'/chats')) fs.mkdirSync('public/characters/'+request.body.ch_name+'/chats');
+        //if(!fs.existsSync('public/characters/'+request.body.ch_name+'/avatars')) fs.mkdirSync('public/characters/'+request.body.ch_name+'/avatars');
         
         let filedata = request.file;
         //console.log(filedata.mimetype);
         var fileType = ".png";
         var img_file = "ai";
         var img_path = "public/img/";
+        
+        var char = charaFormatData(request.body);//{"name": request.body.ch_name, "description": request.body.description, "personality": request.body.personality, "first_mes": request.body.first_mes, "avatar": 'none', "chat": Date.now(), "last_mes": '', "mes_example": ''};
+        char = JSON.stringify(char);
         if(!filedata){
-            var char = {"name": request.body.ch_name, "description": request.body.description, "personality": request.body.personality, "first_mes": request.body.first_mes, "avatar": 'none', "chat": Date.now(), "last_mes": '', "mes_example": ''};
-            char = JSON.stringify(char);
-            fs.writeFile('public/characters/'+request.body.ch_name+"/"+request.body.ch_name+".json", char, 'utf8', function(err) {
-                if(err) {
-                    response.send(err);
-                    return console.log(err);
-                }else{
-                    response_create.send('ok');
-                }
-            });
+            
+            charaWrite('./public/img/fluffy.png', char, request.body.ch_name, response);
+            
+            //fs.writeFile('public/characters/'+request.body.ch_name+"/"+request.body.ch_name+".json", char, 'utf8', function(err) {
+                //if(err) {
+                    //response.send(err);
+                    //return console.log(err);
+                //}else{
+                    
+                //}
+            //});
         }else{
             
-            img_path = "uploads/";
+            img_path = "./uploads/";
             img_file = filedata.filename
             if (filedata.mimetype == "image/jpeg") fileType = ".jpeg";
             if (filedata.mimetype == "image/png") fileType = ".png";
             if (filedata.mimetype == "image/gif") fileType = ".gif";
             if (filedata.mimetype == "image/bmp") fileType = ".bmp";
-            fs.copyFile(img_path+img_file, 'public/characters/'+request.body.ch_name+'/avatars/'+img_file+fileType, (err) => {
-                if(err) {
-                    response.send(err);
-                    return console.log(err);
-                }
-                var char = {"name": request.body.ch_name, "description": request.body.description, "personality": request.body.personality, "first_mes": request.body.first_mes, "avatar": img_file+fileType, "chat": Date.now(), "last_mes": '', "mes_example": ''};
-                char = JSON.stringify(char);
-                fs.writeFile('public/characters/'+request.body.ch_name+"/"+request.body.ch_name+".json", char, 'utf8', function(err) {
-                    if(err) {
-                        response.send(err);
-                        return console.log(err);
-                    }else{
-                        response_create.send('ok');
-                    }
-                });
-                //console.log('The image was copied from temp directory.');
-            });
+            charaWrite(img_path+img_file, char, request.body.ch_name, response);
         }
         //console.log("The file was saved.");
 
@@ -274,79 +330,163 @@ app.post("/createcharacter", urlencodedParser, function(request, response){
 
     //response.redirect("https://metanit.com")
 });
+
+
 app.post("/editcharacter", urlencodedParser, function(request, response){
     if(!request.body) return response.sendStatus(400);
-    response_edit = response;
     let filedata = request.file;
     //console.log(filedata.mimetype);
     var fileType = ".png";
     var img_file = "ai";
-    var img_path = "public/img/";
+    var img_path = "./public/characters/";
+    
+    var char = charaFormatData(request.body);//{"name": request.body.ch_name, "description": request.body.description, "personality": request.body.personality, "first_mes": request.body.first_mes, "avatar": request.body.avatar_url, "chat": request.body.chat, "last_mes": request.body.last_mes, "mes_example": ''};
+    char.chat = request.body.chat;
+    char.create_date = request.body.create_date;
+    
+    char = JSON.stringify(char);
     if(!filedata){
-    //console.log(request.body.avatar_url);
-        var char = {"name": request.body.ch_name, "description": request.body.description, "personality": request.body.personality, "first_mes": request.body.first_mes, "avatar": request.body.avatar_url, "chat": request.body.chat, "last_mes": request.body.last_mes, "mes_example": ''};
-        char = JSON.stringify(char);
-        fs.writeFile('public/characters/'+request.body.ch_name+"/"+request.body.ch_name+".json", char, 'utf8', function(err) {
-            if(err) {
-                response.send(err);
-                return console.log(err);
-            }else{
-                response_edit.send('Character saved');
-            }
-        });
+
+        charaWrite(img_path+request.body.avatar_url, char, request.body.ch_name, response, 'Character saved');
     }else{
-        
+        //console.log(filedata.filename);
         img_path = "uploads/";
-        img_file = filedata.filename
-        if (filedata.mimetype == "image/jpeg") fileType = ".jpeg";
-        if (filedata.mimetype == "image/png") fileType = ".png";
-        if (filedata.mimetype == "image/gif") fileType = ".gif";
-        if (filedata.mimetype == "image/bmp") fileType = ".bmp";
-        fs.copyFile(img_path+img_file, 'public/characters/'+request.body.ch_name+'/avatars/'+img_file+fileType, (err) => {
-            if(err) {
-                response.send(err);
-                return console.log(err);
-            }
-            var char = {"name": request.body.ch_name, "description": request.body.description, "personality": request.body.personality, "first_mes": request.body.first_mes, "avatar": img_file+fileType, "chat": request.body.chat, "last_mes": request.body.last_mes, "mes_example": ''};
-            char = JSON.stringify(char);
-            fs.writeFile('public/characters/'+request.body.ch_name+"/"+request.body.ch_name+".json", char, 'utf8', function(err) {
-                if(err) {
-                    response.send(err);
-                    return console.log(err);
-                }else{
-                    response_edit.send('Character saved');
-                }
-            });
-            //console.log('The image was copied from temp directory.');
-        });
+        img_file = filedata.filename;
+
+        charaWrite(img_path+img_file, char, request.body.ch_name, response, 'Character saved');
+        //response.send('Character saved');
     }
 });
 app.post("/deletecharacter", urlencodedParser, function(request, response){
     if(!request.body) return response.sendStatus(400);
-    rimraf('public/characters/'+request.body.ch_name, (err) => { 
+    rimraf('public/characters/'+request.body.avatar_url, (err) => { 
         if(err) {
             response.send(err);
             return console.log(err);
         }else{
             //response.redirect("/");
-            response.send('ok');
+            let dir_name = request.body.avatar_url;
+            rimraf('public/chats/'+dir_name.replace('.png',''), (err) => { 
+                if(err) {
+                    response.send(err);
+                    return console.log(err);
+                }else{
+                    //response.redirect("/");
+
+                    response.send('ok');
+                }
+            });
         }
     });
 });
 
+async function charaWrite(img_url, data, name, response = undefined, mes = 'ok'){
+    try {
+        // Load the image in any format
+        sharp.cache(false);
+        var image = await sharp(img_url).resize(170, 234).toFormat('png').toBuffer();
+        // Convert the image to PNG format
+        //const pngImage = image.toFormat('png');
+
+        // Resize the image to 100x100
+        //const resizedImage = pngImage.resize(100, 100);
+
+        // Get the chunks
+        var chunks = extract(image);
+         var tEXtChunks = chunks.filter(chunk => chunk.name === 'tEXt');
+
+        // Remove all existing tEXt chunks
+        for (var tEXtChunk of tEXtChunks) {
+            chunks.splice(chunks.indexOf(tEXtChunk), 1);
+        }
+        // Add new chunks before the IEND chunk
+        var base64EncodedData = Buffer.from(data, 'utf8').toString('base64');
+        chunks.splice(-1, 0, PNGtext.encode('chara', base64EncodedData));
+        //chunks.splice(-1, 0, text.encode('lorem', 'ipsum'));
+
+        fs.writeFileSync('public/characters/'+name+'.png', new Buffer.from(encode(chunks)));
+        if(response !== undefined) response.send(mes);
+            
+
+    } catch (err) {
+        console.log(err);
+        if(response !== undefined) response.send(err);
+    }
+}
+
+      
+            
+
+
+function charaRead(img_url){
+    sharp.cache(false);
+    const buffer = fs.readFileSync(img_url);
+    const chunks = extract(buffer);
+     
+    const textChunks = chunks.filter(function (chunk) {
+      return chunk.name === 'tEXt';
+    }).map(function (chunk) {
+        //console.log(text.decode(chunk.data));
+      return PNGtext.decode(chunk.data);
+    });
+    var base64DecodedData = Buffer.from(textChunks[0].text, 'base64').toString('utf8');
+    return base64DecodedData;//textChunks[0].text;
+    //console.log(textChunks[0].keyword); // 'hello'
+    //console.log(textChunks[0].text);    // 'world'
+}
 
 app.post("/getcharacters", jsonParser, function(request, response){
-    var directories = getDirectories("public/characters");
+    fs.readdir("public/characters", (err, files) => {
+        if (err) {
+          console.error(err);
+          return;
+        }
+
+        const pngFiles = files.filter(file => file.endsWith('.png'));
+
+        //console.log(pngFiles);
+        characters = {};
+        var i = 0;
+        pngFiles.forEach(item => {
+            //console.log(item);
+            var img_data = charaRead('./public/characters/'+item);
+            try {
+                let jsonObject = JSON.parse(img_data);
+                jsonObject.avatar = item;
+                //console.log(jsonObject);
+                characters[i] = {};
+                characters[i] = jsonObject;
+                i++;
+            } catch (error) {
+                if (error instanceof SyntaxError) {
+                    console.log("String [" + (i) + "] is not valid JSON!");
+                } else {
+                    console.log("An unexpected error occurred: ", error);
+                }
+            }
+        });
+        //console.log(characters);
+        response.send(JSON.stringify(characters));
+    });
+    //var directories = getDirectories("public/characters");
     //console.log(directories[0]);
-    characters = {};
-    character_i = 0;
-    getCharaterFile(directories, response,0);
+    //characters = {};
+    //character_i = 0;
+    //getCharaterFile(directories, response,0);
     
 });
 app.post("/getbackgrounds", jsonParser, function(request, response){
     var images = getImages("public/backgrounds");
+    if(is_colab === true){
+        images = ['tavern.png'];
+    }
     response.send(JSON.stringify(images));
     
+});
+app.post("/iscolab", jsonParser, function(request, response){
+
+    response.send({is_colab:is_colab});
+    
 });
 app.post("/getuseravatars", jsonParser, function(request, response){
     var images = getImages("public/User Avatars");
@@ -495,55 +635,8 @@ app.post('/getsettings', jsonParser, (request, response) => { //Wintermute's cod
     });
 });
 
-app.post("/getsettings2", jsonParser, function(request, response){//Elder
-    var koboldai_settings = [];
-    var koboldai_setting_names = [];
-    fs.stat('public/settings.json', function(err, stat) {
-        if (err == null) {
-            fs.readFile('public/settings.json', 'utf8', (err, data) => {
-                if (err) {
-                    console.error(err);
-                    return;
-                }
-                var files = getKoboldSettingFiles("public/KoboldAI Settings");
-                
-                var get_count_files = 0;
-                var count = 0;
-                files.forEach(function(item, i, arr) {
-                    if(item.substr(item.length-9,9) == '.settings'){
-                        fs.readFile("public/KoboldAI Settings/"+item, 'utf8', (err, data2) => {
-                            if (err) {
-                                console.error(err);
-                                return;
-                            }
-                            get_count_files++;
-                            koboldai_settings[count] = data2;
-                            koboldai_setting_names[count] = item.substr(0,item.length-9);
-                            count++;
 
-                            if(files.length <= get_count_files) sendData(data);
-                            
-                        });
-                    }else{
-                        get_count_files++;
-                        if(files.length <= get_count_files) sendData(data);
-                    }
-                });
-                
-            });
-        }else{
-            response.send({result: "file not find"});
-        }
-    });
-    function sendData(data){
-        var data3 = {settings:data, koboldai_settings:koboldai_settings, koboldai_setting_names:koboldai_setting_names};
-        //console.log(data3);
-        response.send(data3);
-    }
-    
-});
-
-function getCharaterFile(directories,response,i){
+function getCharaterFile(directories,response,i){ //old need del
     if(directories.length > i){
         
         fs.stat('public/characters/'+directories[i]+'/'+directories[i]+".json", function(err, stat) {
@@ -590,6 +683,7 @@ return new Date(fs.statSync(path + '/' + a).mtime) - new Date(fs.statSync(path +
 //***********Novel.ai API 
 
 app.post("/getstatus_novelai", jsonParser, function(request, response_getstatus_novel =response){
+    
     if(!request.body) return response_getstatus_novel.sendStatus(400);
     api_key_novel = request.body.key;
     var data = {};
@@ -645,8 +739,8 @@ app.post("/generate_novelai", jsonParser, function(request, response_generate_no
 		"return_full_text": request.body.return_full_text,
 		"prefix": request.body.prefix,
 		"order": request.body.order
-  }
-};
+                }
+    };
                         
     var args = {
         data: data,
@@ -681,7 +775,226 @@ app.post("/generate_novelai", jsonParser, function(request, response_generate_no
     });
 });
 
+app.post("/getallchatsofchatacter", jsonParser, function(request, response){
+    if(!request.body) return response.sendStatus(400);
 
+    var char_dir = (request.body.avatar_url).replace('.png','')
+    fs.readdir('public/chats/'+char_dir, (err, files) => {
+        if (err) {
+          console.error(err);
+          response.send({error: true});
+          return;
+        }
+
+        // filter for JSON files
+        const jsonFiles = files.filter(file => path.extname(file) === '.jsonl');
+
+        // sort the files by name
+        //jsonFiles.sort().reverse();
+
+        // print the sorted file names
+        var chatData = {};
+        let ii = jsonFiles.length;
+        for(let i = jsonFiles.length-1; i >= 0; i--){
+            const file = jsonFiles[i];
+
+            const fileStream = fs.createReadStream('public/chats/'+char_dir+'/'+file);
+            const rl = readline.createInterface({
+                input: fileStream,
+                crlfDelay: Infinity
+            });
+
+            let lastLine;
+
+            rl.on('line', (line) => {
+                lastLine = line;
+            });
+
+            rl.on('close', () => {
+                if(lastLine){
+                    let jsonData = JSON.parse(lastLine);
+                    if(jsonData.name !== undefined){
+                        chatData[i] = {};
+                        chatData[i]['file_name'] = file;
+                        chatData[i]['mes'] = jsonData['mes'];
+                        ii--;
+                        if(ii === 0){ 
+                            response.send(chatData);
+                        }
+                    }else{
+                        return;
+                    }
+                  }
+                rl.close();
+            });
+        }
+    });
+    
+});
+function getPngName(file){
+    if (fs.existsSync('./public/characters/'+file+'.png')) {
+        file = file+'1';
+    }
+    return file;
+}
+app.post("/importcharacter", urlencodedParser, function(request, response){
+    if(!request.body) return response.sendStatus(400);
+
+        let png_name = '';
+        let filedata = request.file;
+        //console.log(filedata.filename);
+        var format = request.body.file_type;
+        //console.log(format);
+        if(filedata){
+            if(format == 'json'){
+                fs.readFile('./uploads/'+filedata.filename, 'utf8', (err, data) => {
+                    if (err){
+                        console.log(err);
+                        response.send({error:true});
+                    }
+                    const jsonData = JSON.parse(data);
+                    
+                    if(jsonData.char_name !== undefined){//json Pygmalion notepad
+                        png_name = getPngName(jsonData.char_name);
+                        var char = {"name": jsonData.char_name, "description": jsonData.char_persona, "personality": '', "first_mes": jsonData.char_greeting, "avatar": 'none', "chat": Date.now(), "mes_example": jsonData.example_dialogue, "scenario": jsonData.world_scenario, "create_date": Date.now()};
+                        char = JSON.stringify(char);
+                        charaWrite('./public/img/fluffy.png', char, png_name, response, {file_name: png_name});
+                    }else if(jsonData.name !== undefined){
+                        png_name = getPngName(jsonData.name);
+                        var char = {"name": jsonData.name, "description": jsonData.description, "personality": jsonData.personality, "first_mes": jsonData.first_mes, "avatar": 'none', "chat": Date.now(), "mes_example": '', "scenario": '', "create_date": Date.now()};
+                        char = JSON.stringify(char);
+                        charaWrite('./public/img/fluffy.png', char, png_name, response, {file_name: png_name});
+                    }else{
+                        console.log('Incorrect character format .json');
+                        response.send({error:true});
+                    }
+                });
+            }else{
+                try{
+                    
+                    var img_data = charaRead('./uploads/'+filedata.filename);
+                    let jsonObject = JSON.parse(img_data);
+                    png_name = getPngName(jsonObject.name);
+                    if(jsonObject.name !== undefined){
+                        fs.copyFile('./uploads/'+filedata.filename, 'public/characters/'+png_name+'.png', (err) => {
+                            if(err) {
+                                response.send({error:true});
+                                return console.log(err);
+                            }else{
+                                //console.log(img_file+fileType);
+                                response.send({file_name: png_name});
+                            }
+                            //console.log('The image was copied from temp directory.');
+                        });
+                    }
+                }catch(err){
+                    console.log(err);
+                    response.send({error:true});
+                }
+            }
+            //charaWrite(img_path+img_file, char, request.body.ch_name, response);
+        }
+        //console.log("The file was saved.");
+
+
+    //console.log(request.body);
+    //response.send(request.body.ch_name);
+
+    //response.redirect("https://metanit.com")
+});
+
+app.post("/importchat", urlencodedParser, function(request, response){
+    if(!request.body) return response.sendStatus(400);
+
+        var format = request.body.file_type;
+        let filedata = request.file;
+        let avatar_url = (request.body.avatar_url).replace('.png', '');
+        let ch_name = request.body.character_name;
+        //console.log(filedata.filename);
+        //var format = request.body.file_type;
+        //console.log(format);
+       //console.log(1);
+        if(filedata){
+
+            if(format === 'json'){
+                fs.readFile('./uploads/'+filedata.filename, 'utf8', (err, data) => {
+
+                    if (err){
+                        console.log(err);
+                        response.send({error:true});
+                    }
+
+                    const jsonData = JSON.parse(data);
+                    var new_chat = [];
+                    if(jsonData.histories !== undefined){
+                        let i = 0;
+                        new_chat[i] = {};
+                        new_chat[0]['user_name'] = 'You';
+                        new_chat[0]['character_name'] = ch_name;
+                        new_chat[0]['create_date'] = Date.now();
+                        i++;
+                        jsonData.histories.histories[0].msgs.forEach(function(item) {
+                            new_chat[i] = {};
+                            if(item.src.is_human == true){
+                                new_chat[i]['name'] = 'You';
+                            }else{
+                                new_chat[i]['name'] = ch_name;
+                            }
+                            new_chat[i]['is_user'] = item.src.is_human;
+                            new_chat[i]['send_date'] = Date.now();
+                            new_chat[i]['mes'] = item.text;
+                            i++;
+                        });
+                        const chatJsonlData = new_chat.map(JSON.stringify).join('\n');
+                        fs.writeFile('public/chats/'+avatar_url+'/'+Date.now()+'.jsonl', chatJsonlData, 'utf8', function(err) {
+                            if(err) {
+                                response.send(err);
+                                return console.log(err);
+                                //response.send(err);
+                            }else{
+                                //response.redirect("/");
+                                response.send({res:true});
+                            }
+                        });
+                        
+                    }else{
+                        response.send({error:true});
+                        return;
+                    }
+
+                });
+            }
+            if(format === 'jsonl'){
+                const fileStream = fs.createReadStream('./uploads/'+filedata.filename);
+                const rl = readline.createInterface({
+                  input: fileStream,
+                  crlfDelay: Infinity
+                });
+                
+                rl.once('line', (line) => {
+                    let jsonData = JSON.parse(line);
+                    
+                    if(jsonData.user_name !== undefined){
+                        fs.copyFile('./uploads/'+filedata.filename, 'public/chats/'+avatar_url+'/'+Date.now()+'.jsonl', (err) => {
+                            if(err) {
+                                response.send({error:true});
+                                return console.log(err);
+                            }else{
+                                response.send({res:true});
+                                return;
+                            }
+                        });
+                    }else{
+                        //response.send({error:true});
+                        return;
+                    }
+                    rl.close();
+                });
+            }
+
+        }
+
+});
 
 
 
@@ -690,15 +1003,270 @@ app.post("/generate_novelai", jsonParser, function(request, response_generate_no
 
 
 app.listen(server_port, function() {
-  console.log('TavernAI started: http://127.0.0.1:'+server_port);
-  
-  
+    if(process.env.colab !== undefined){
+        if(process.env.colab == 2){
+            is_colab = true;
+        }
+    }
+    console.log('TavernAI started: http://127.0.0.1:'+server_port);
+    if (fs.existsSync('public/characters/update.txt')) { //&& !is_colab <- this need to put again
+        convertStage1();
+    }
+
 });
 
+//#####################CONVERTING IN NEW FORMAT########################
+
+var charactersB = {};//B - Backup
+var character_ib = 0;
+
+var directoriesB = {};
 
 
+function convertStage1(){
+    //if (!fs.existsSync('public/charactersBackup')) {
+        //fs.mkdirSync('public/charactersBackup');
+        //copyFolder('public/characters/', 'public/charactersBackup');
+    //}
+    
+    var directories = getDirectories2("public/characters");
+    //console.log(directories[0]);
+    charactersB = {};
+    character_ib = 0;
+    var folderForDel = {};
+    getCharaterFile2(directories, 0);
+}
+function convertStage2(){
+    //directoriesB = JSON.parse(directoriesB);
+    //console.log(directoriesB);
+    var mes = true;
+    for (const key in directoriesB) {
+        if(mes){
+            console.log('***');
+            console.log('The update of the character format has begun...');
+            console.log('***');
+            mes = false;
+        }
+        //console.log(`${key}: ${directoriesB[key]}`);
+        //console.log(JSON.parse(charactersB[key]));
+        //console.log(directoriesB[key]);
+        
+        var char = JSON.parse(charactersB[key]);
+        char.create_date = Date.now();
+        charactersB[key] = JSON.stringify(char);
+        var avatar = 'public/img/fluffy.png';
+        if(char.avatar !== 'none'){
+            avatar = 'public/characters/'+char.name+'/avatars/'+char.avatar;
+        }
+        
+        charaWrite(avatar, charactersB[key], directoriesB[key]);
+        
+        const files = fs.readdirSync('public/characters/'+directoriesB[key]+'/chats');
+        if (!fs.existsSync('public/chats/'+char.name)) {
+            fs.mkdirSync('public/chats/'+char.name);
+        }
+        files.forEach(function(file) {
+            // Read the contents of the file
+            
+            const fileContents = fs.readFileSync('public/characters/'+directoriesB[key]+'/chats/' + file, 'utf8');
 
+
+            // Iterate through the array of strings and parse each line as JSON
+            let chat_data = JSON.parse(fileContents);
+            let new_chat_data = [];
+            let this_chat_user_name = 'You';
+            let is_pass_0 = false;
+            if(chat_data[0].indexOf('<username-holder>') !== -1){
+                this_chat_user_name = chat_data[0].substr('<username-holder>'.length, chat_data[0].length);
+                is_pass_0 = true;
+            }
+            let i = 0;
+            let ii = 0;
+            new_chat_data[i] = {user_name:'You', character_name:char.name, create_date: Date.now()};
+            i++;
+            ii++;
+            chat_data.forEach(function(mes) {
+                if(!(i === 1 && is_pass_0)){
+                    if(mes.indexOf('<username-holder>') === -1 && mes.indexOf('<username-idkey>') === -1){
+                        new_chat_data[ii] = {};
+                        let is_name = false;
+                        if(mes.trim().indexOf(this_chat_user_name+':') !== 0){
+                            if(mes.trim().indexOf(char.name+':') === 0){
+                                mes = mes.replace(char.name+':','');
+                                is_name = true;
+                            }
+                            new_chat_data[ii]['name'] = char.name;
+                            new_chat_data[ii]['is_user'] = false;
+                            new_chat_data[ii]['is_name'] = is_name;
+                            new_chat_data[ii]['send_date'] = Date.now();
+
+                        }else{
+                            mes = mes.replace(this_chat_user_name+':','');
+                            new_chat_data[ii]['name'] = 'You';
+                            new_chat_data[ii]['is_user'] = true;
+                            new_chat_data[ii]['is_name'] = true;
+                            new_chat_data[ii]['send_date'] = Date.now();
+
+                        }
+                        new_chat_data[ii]['mes'] = mes.trim();
+                        ii++;
+                    }
+                }
+                i++;
+                
+            });
+            const jsonlData = new_chat_data.map(JSON.stringify).join('\n');
+            // Write the contents to the destination folder
+            fs.writeFileSync('public/chats/'+char.name+'/' + file+'l', jsonlData);
+        });
+        //fs.rmSync('public/characters/'+directoriesB[key],{ recursive: true });
+        console.log(char.name+' update!');
+    }
+    //removeFolders('public/characters');
+    fs.unlinkSync('public/characters/update.txt');
+    if(mes == false){
+        console.log('***');
+        console.log('Сharacter format update completed successfully!');
+        console.log('***');
+        console.log('Now you can delete these folders, they are no longer used by TavernAI:');
+    }
+    for (const key in directoriesB) {
+        console.log('public/characters/'+directoriesB[key]);
+    }
+}
+function removeFolders(folder) {
+    const files = fs.readdirSync(folder);
+    files.forEach(function(file) {
+        const filePath = folder + '/' + file;
+        const stat = fs.statSync(filePath);
+        if (stat.isDirectory()) {
+            removeFolders(filePath);
+            fs.rmdirSync(filePath);
+        }
+    });
+}
+
+function copyFolder(src, dest) {
+    const files = fs.readdirSync(src);
+    files.forEach(function(file) {
+        const filePath = src + '/' + file;
+        const stat = fs.statSync(filePath);
+        if (stat.isFile()) {
+            fs.copyFileSync(filePath, dest + '/' + file);
+        } else if (stat.isDirectory()) {
+            fs.mkdirSync(dest + '/' + file);
+            copyFolder(filePath, dest + '/' + file);
+        }
+    });
+}
+
+
+function getDirectories2(path) {
+  return fs.readdirSync(path)
+    .filter(function (file) {
+        return fs.statSync(path + '/' + file).isDirectory();
+    })
+    .sort(function (a, b) {
+        return new Date(fs.statSync(path + '/' + a).mtime) - new Date(fs.statSync(path + '/' + b).mtime);
+    })
+    .reverse();
+}
+function getCharaterFile2(directories,i){
+    if(directories.length > i){
+            fs.stat('public/characters/'+directories[i]+'/'+directories[i]+".json", function(err, stat) {
+                if (err == null) {
+                    fs.readFile('public/characters/'+directories[i]+'/'+directories[i]+".json", 'utf8', (err, data) => {
+                        if (err) {
+                          console.error(err);
+                          return;
+                        }
+                        //console.log(data);
+                        if (!fs.existsSync('public/characters/'+directories[i]+'.png')) {
+                            charactersB[character_ib] = {};
+                            charactersB[character_ib] = data;
+                            directoriesB[character_ib] = directories[i];
+                            character_ib++;
+                        }
+                        i++;
+                        getCharaterFile2(directories,i);
+                    });
+                }else{
+                    i++;
+                    getCharaterFile2(directories,i);
+                }
+            });
+    }else{
+        convertStage2();
+    }
+}
 /*
+* async function aaa2(){
+try {
+    // Load the image in any format
+
+    const image = await sharp('./original.jpg').resize(100, 100).toFormat('png');
+
+  image.metadata((err, metadata) => {
+    if (err) throw err;
+    if (!metadata.chunks) {
+        metadata.chunks = [];
+    }
+const textData = text.encode('hello', 'world');
+const textBuffer = Buffer.from(`${textData.keyword}\0${textData.text}`);
+metadata.chunks.push({
+  type: 'tEXt',
+  data: textBuffer
+});
+    return metadata;
+  })
+  .toFile('test-out.png')
+  .then(() => {
+    console.log('PNG image with tEXt chunks has been saved.');
+  })
+  .catch((err) => {
+    console.log(err);
+  });
+} catch (err) {
+    console.log(err);
+}
+}
+* function writePNG(){
+
+const buffer = fs.readFileSync('test-out.png');
+const chunks = extract(buffer);
+ const tEXtChunks = chunks.filter(chunk => chunk.name === 'tEXt');
+
+// Remove all existing tEXt chunks
+for (const tEXtChunk of tEXtChunks) {
+    chunks.splice(chunks.indexOf(tEXtChunk), 1);
+}
+// Add new chunks before the IEND chunk
+chunks.splice(-1, 0, text.encode('hello', 'world'));
+chunks.splice(-1, 0, text.encode('lorem', 'ipsum'));
+ 
+fs.writeFileSync(
+  'test-out.png',
+  new Buffer.from(encode(chunks))
+);
+}
+ *     function readPNG2(){
+    sharp('./test-out.png')
+  .metadata()
+  .then((metadata) => {
+      console.log(metadata);
+    if (!metadata.chunks) {
+        console.log("No tEXt chunks found in the image file");
+    }
+    const textChunks = metadata.chunks.filter((chunk) => chunk.type === 'tEXt');
+    textChunks.forEach((textChunk) => {
+        const textData = JSON.parse(textChunk.data.toString());
+        console.log(textData);
+    });
+  })
+  .catch((err) => {
+    console.log(err);
+  });
+  }
 const requestListener = function (req, res) {
     fs.readFile(__dirname + "/index.html")
         .then(contents => {