diff --git a/.cursor/rules/vars-usage.mdc b/.cursor/rules/vars-usage.mdc
new file mode 100644
index 00000000..233e0aba
--- /dev/null
+++ b/.cursor/rules/vars-usage.mdc
@@ -0,0 +1,18 @@
+---
+description: Restricts usage of the global Mineflayer `bot` variable to only src/ files; prohibits usage in renderer/. Specifies correct usage of player state and appViewer globals.
+globs: src/**/*.ts,renderer/**/*.ts
+alwaysApply: false
+---
+Ask AI
+
+- The global variable `bot` refers to the Mineflayer bot instance.
+- You may use `bot` directly in any file under the `src/` directory (e.g., `src/mineflayer/playerState.ts`).
+- Do **not** use `bot` directly in any file under the `renderer/` directory or its subfolders (e.g., `renderer/viewer/three/worldrendererThree.ts`).
+- In renderer code, all bot/player state and events must be accessed via explicit interfaces, state managers, or passed-in objects, never by referencing `bot` directly.
+- In renderer code (such as in `WorldRendererThree`), use the `playerState` property (e.g., `worldRenderer.playerState.gameMode`) to access player state. The implementation for `playerState` lives in `src/mineflayer/playerState.ts`.
+- In `src/` code, you may use the global variable `appViewer` from `src/appViewer.ts` directly. Do **not** import `appViewer` or use `window.appViewer`; use the global `appViewer` variable as-is.
+- Some other global variables that can be used without window prefixes are listed in src/globals.d.ts
+
+Rationale: This ensures a clean separation between the Mineflayer logic (server-side/game logic) and the renderer (client-side/view logic), making the renderer portable and testable, and maintains proper usage of global state.
+
+For more general project contributing guides see CONTRIBUTING.md on like how to setup the project. Use pnpm tsc if needed to validate result with typechecking the whole project.
diff --git a/.dockerignore b/.dockerignore
index 285d1303..38ca0016 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,5 +1,3 @@
-# we dont want default config to be loaded in the dockerfile, but rather using a volume
-config.json
 # build stuff
 node_modules
 public
\ No newline at end of file
diff --git a/.eslintignore b/.eslintignore
index 3c3629e6..9aa16166 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1 +1,9 @@
 node_modules
+rsbuild.config.ts
+*.module.css.d.ts
+*.generated.ts
+generated
+dist
+public
+**/*/rsbuildSharedConfig.ts
+src/mcDataTypes.ts
\ No newline at end of file
diff --git a/.eslintrc.json b/.eslintrc.json
index a91015d2..63f6749a 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,32 +1,76 @@
 {
-    "extends": "zardoy",
+    "extends": [
+        "zardoy",
+        "plugin:@stylistic/disable-legacy"
+    ],
     "ignorePatterns": [
-        "!*.js",
-        "prismarine-viewer/"
+        "!*.js"
+    ],
+    "plugins": [
+        "@stylistic"
     ],
     "rules": {
-        "space-infix-ops": "error",
-        "no-multi-spaces": "error",
-        "space-before-function-paren": "error",
-        "space-in-parens": [
+        // style
+        "@stylistic/space-infix-ops": "error",
+        "@stylistic/no-multi-spaces": "error",
+        "@stylistic/no-trailing-spaces": "error",
+        "@stylistic/space-before-function-paren": "error",
+        "@stylistic/array-bracket-spacing": "error",
+        // would be great to have but breaks TS code like (url?) => ...
+        // "@stylistic/arrow-parens": [
+        //     "error",
+        //     "as-needed"
+        // ],
+        "@stylistic/arrow-spacing": "error",
+        "@stylistic/block-spacing": "error",
+        "@typescript-eslint/no-this-alias": "off",
+        "@stylistic/brace-style": [
+            "error",
+            "1tbs",
+            {
+                "allowSingleLine": true
+            }
+        ],
+        // too annoying to be forced to multi-line, probably should be enforced to never
+        // "@stylistic/comma-dangle": [
+        //     "error",
+        //     "always-multiline"
+        // ],
+        "@stylistic/computed-property-spacing": "error",
+        "@stylistic/dot-location": [
+            "error",
+            "property"
+        ],
+        "@stylistic/eol-last": "error",
+        "@stylistic/function-call-spacing": "error",
+        "@stylistic/function-paren-newline": [
+            "error",
+            "consistent"
+        ],
+        "@stylistic/generator-star-spacing": "error",
+        "@stylistic/implicit-arrow-linebreak": "error",
+        "@stylistic/indent-binary-ops": [
+            "error",
+            2
+        ],
+        "@stylistic/function-call-argument-newline": [
+            "error",
+            "consistent"
+        ],
+        "@stylistic/space-in-parens": [
             "error",
             "never"
         ],
-        "object-curly-spacing": [
+        "@stylistic/object-curly-spacing": [
             "error",
             "always"
         ],
-        "comma-spacing": "error",
-        "semi": [
+        "@stylistic/comma-spacing": "error",
+        "@stylistic/semi": [
             "error",
             "never"
         ],
-        "comma-dangle": [
-            "error",
-            // todo maybe "always-multiline"?
-            "only-multiline"
-        ],
-        "indent": [
+        "@stylistic/indent": [
             "error",
             2,
             {
@@ -36,13 +80,72 @@
                 ]
             }
         ],
-        "quotes": [
+        "@stylistic/quotes": [
             "error",
             "single",
             {
                 "allowTemplateLiterals": true
             }
         ],
+        "@stylistic/key-spacing": "error",
+        "@stylistic/keyword-spacing": "error",
+        // "@stylistic/line-comment-position": "error", // not needed
+        // "@stylistic/lines-around-comment": "error", // also not sure if needed
+        // "@stylistic/max-len": "error", // also not sure if needed
+        // "@stylistic/linebreak-style": "error", // let git decide
+        "@stylistic/max-statements-per-line": [
+            "error",
+            {
+                "max": 5
+            }
+        ],
+        // "@stylistic/member-delimiter-style": "error",
+        // "@stylistic/multiline-ternary": "error", // not needed
+        // "@stylistic/newline-per-chained-call": "error", // not sure if needed
+        "@stylistic/new-parens": "error",
+        "@typescript-eslint/class-literal-property-style": "off",
+        "@stylistic/no-confusing-arrow": "error",
+        "@stylistic/wrap-iife": "error",
+        "@stylistic/space-before-blocks": "error",
+        "@stylistic/type-generic-spacing": "error",
+        "@stylistic/template-tag-spacing": "error",
+        "@stylistic/template-curly-spacing": "error",
+        "@stylistic/type-annotation-spacing": "error",
+        "@stylistic/jsx-child-element-spacing": "error",
+        // buggy
+        // "@stylistic/jsx-closing-bracket-location": "error",
+        // "@stylistic/jsx-closing-tag-location": "error",
+        "@stylistic/jsx-curly-brace-presence": "error",
+        "@stylistic/jsx-curly-newline": "error",
+        "@stylistic/jsx-curly-spacing": "error",
+        "@stylistic/jsx-equals-spacing": "error",
+        "@stylistic/jsx-first-prop-new-line": "error",
+        "@stylistic/jsx-function-call-newline": "error",
+        "@stylistic/jsx-max-props-per-line": [
+            "error",
+            {
+                "maximum": 7
+            }
+        ],
+        "@stylistic/jsx-pascal-case": "error",
+        "@stylistic/jsx-props-no-multi-spaces": "error",
+        "@stylistic/jsx-self-closing-comp": "error",
+        // "@stylistic/jsx-sort-props": [
+        //     "error",
+        //     {
+        //         "callbacksLast": false,
+        //         "shorthandFirst": true,
+        //         "shorthandLast": false,
+        //         "multiline": "ignore",
+        //         "ignoreCase": true,
+        //         "noSortAlphabetically": true,
+        //         "reservedFirst": [
+        //             "key",
+        //             "className"
+        //         ],
+        //         "locale": "auto"
+        //     }
+        // ],
         // perf
         "import/no-deprecated": "off",
         // ---
@@ -52,6 +155,7 @@
         // intentional: improve readability in some cases
         "no-else-return": "off",
         "@typescript-eslint/padding-line-between-statements": "off",
+        "@typescript-eslint/no-dynamic-delete": "off",
         "arrow-body-style": "off",
         "unicorn/prefer-ternary": "off",
         "unicorn/switch-case-braces": "off",
@@ -88,13 +192,15 @@
         "@typescript-eslint/no-confusing-void-expression": "off",
         "unicorn/no-empty-file": "off",
         "unicorn/prefer-event-target": "off",
+        "@typescript-eslint/member-ordering": "off",
         // needs to be fixed actually
         "complexity": "off",
         "@typescript-eslint/no-floating-promises": "warn",
         "no-async-promise-executor": "off",
         "no-bitwise": "off",
         "unicorn/filename-case": "off",
-        "max-depth": "off"
+        "max-depth": "off",
+        "unicorn/no-typeof-undefined": "off"
     },
     "overrides": [
         {
@@ -102,7 +208,7 @@
                 "*.js"
             ],
             "rules": {
-                "space-before-function-paren": [
+                "@stylistic/space-before-function-paren": [
                     "error",
                     {
                         "anonymous": "always",
diff --git a/.github/workflows/benchmark.yml b/.github/workflows/benchmark.yml
new file mode 100644
index 00000000..e80b7100
--- /dev/null
+++ b/.github/workflows/benchmark.yml
@@ -0,0 +1,59 @@
+name: Benchmark
+on:
+  issue_comment:
+    types: [created]
+  push:
+    branches:
+      - perf-test
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    if: >-
+      (github.event_name == 'push' && github.ref == 'refs/heads/perf-test') ||
+      (
+        github.event_name == 'issue_comment' &&
+        github.event.issue.pull_request != '' &&
+        (startsWith(github.event.comment.body, '/benchmark'))
+      )
+    permissions:
+      pull-requests: write
+    steps:
+      - run: lscpu
+
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: "pnpm"
+      - name: Move Cypress to dependencies
+        run: |
+          jq '.dependencies.cypress = .optionalDependencies.cypress | del(.optionalDependencies.cypress)' package.json > package.json.tmp
+          mv package.json.tmp package.json
+      - run: pnpm install --no-frozen-lockfile
+
+      - run: pnpm build
+      - run: nohup pnpm prod-start &
+
+      - run: pnpm test:benchmark
+        id: benchmark
+        continue-on-error: true
+      # read benchmark results from stdout
+      - run: |
+          if [ -f benchmark.txt ]; then
+            # Format the benchmark results for GitHub comment
+            BENCHMARK_RESULT=$(cat benchmark.txt | sed 's/^/- /')
+            echo "BENCHMARK_RESULT<<EOF" >> $GITHUB_ENV
+            echo "$BENCHMARK_RESULT" >> $GITHUB_ENV
+            echo "EOF" >> $GITHUB_ENV
+          else
+            echo "BENCHMARK_RESULT=Benchmark failed to run or produce results" >> $GITHUB_ENV
+          fi
+
+      - uses: mshick/add-pr-comment@v2
+        with:
+          allow-repeats: true
+          message: |
+            Benchmark result: ${{ env.BENCHMARK_RESULT }}
diff --git a/.github/workflows/build-single-file.yml b/.github/workflows/build-single-file.yml
new file mode 100644
index 00000000..5f9800db
--- /dev/null
+++ b/.github/workflows/build-single-file.yml
@@ -0,0 +1,33 @@
+name: build-single-file
+
+on:
+  workflow_dispatch:
+
+jobs:
+  build-and-bundle:
+    runs-on: ubuntu-latest
+    permissions: write-all
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@master
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build single-file version - minecraft.html
+        run: pnpm build-single-file && mv dist/single/index.html minecraft.html
+        env:
+          LOCAL_CONFIG_FILE: config.mcraft-only.json
+
+      - name: Upload artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: minecraft.html
+          path: minecraft.html
diff --git a/.github/workflows/build-zip.yml b/.github/workflows/build-zip.yml
new file mode 100644
index 00000000..76ca65ca
--- /dev/null
+++ b/.github/workflows/build-zip.yml
@@ -0,0 +1,45 @@
+name: Make Self Host Zip
+
+on:
+  workflow_dispatch:
+
+jobs:
+  build-and-bundle:
+    runs-on: ubuntu-latest
+    permissions: write-all
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@master
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build project
+        run: pnpm build
+        env:
+          LOCAL_CONFIG_FILE: config.mcraft-only.json
+
+      - name: Bundle server.js
+        run: |
+          pnpm esbuild server.js --bundle --platform=node --outfile=bundled-server.js --define:process.env.NODE_ENV="'production'"
+
+      - name: Create distribution package
+        run: |
+          mkdir -p package
+          cp -r dist package/
+          cp bundled-server.js package/server.js
+          cd package
+          zip -r ../self-host.zip .
+
+      - name: Upload artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: self-host
+          path: self-host.zip
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 22c95b87..8fc56ea9 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -13,28 +13,165 @@ jobs:
         with:
           java-version: 17
           java-package: jre
-      - name: Install pnpm
-        run: npm i -g pnpm@9.0.4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
           # cache: "pnpm"
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
       - run: pnpm install
+      - run: pnpm build-single-file
+      - name: Store minecraft.html size
+        run: |
+          SIZE_BYTES=$(du -s dist/single/minecraft.html 2>/dev/null | cut -f1)
+          echo "SIZE_BYTES=$SIZE_BYTES" >> $GITHUB_ENV
       - run: pnpm check-build
+      - name: Create zip package for size comparison
+        run: |
+          mkdir -p package
+          cp -r dist package/
+          cd package
+          zip -r ../self-host.zip .
+      - run: pnpm build-playground
+      # - run: pnpm build-storybook
       - run: pnpm test-unit
       - run: pnpm lint
-      - run: pnpm tsx scripts/buildNpmReact.ts
+
+      - name: Parse Bundle Stats
+        run: |
+          GZIP_BYTES=$(du -s self-host.zip 2>/dev/null | cut -f1)
+          SIZE=$(echo "scale=2; $SIZE_BYTES/1024/1024" | bc)
+          GZIP_SIZE=$(echo "scale=2; $GZIP_BYTES/1024/1024" | bc)
+          echo "{\"total\": ${SIZE}, \"gzipped\": ${GZIP_SIZE}}" > /tmp/bundle-stats.json
+
+      # - name: Compare Bundle Stats
+      #   id: compare
+      #   uses: actions/github-script@v6
+      #   env:
+      #     GITHUB_TOKEN: ${{ secrets.GIST_TOKEN }}
+      #   with:
+      #     script: |
+      #       const gistId = '${{ secrets.BUNDLE_STATS_GIST_ID }}';
+
+      #       async function getGistContent() {
+      #         const { data } = await github.rest.gists.get({
+      #           gist_id: gistId,
+      #           headers: {
+      #             authorization: `token ${process.env.GITHUB_TOKEN}`
+      #           }
+      #         });
+      #         return JSON.parse(data.files['bundle-stats.json'].content || '{}');
+      #       }
+
+      #       const content = await getGistContent();
+      #       const baseStats = content['${{ github.event.pull_request.base.ref }}'];
+      #       const newStats = require('/tmp/bundle-stats.json');
+
+      #       const comparison = `minecraft.html (normal build gzip)\n${baseStats.total}MB (${baseStats.gzipped}MB compressed) -> ${newStats.total}MB (${newStats.gzipped}MB compressed)`;
+      #       core.setOutput('stats', comparison);
+
+      # - run: pnpm tsx scripts/buildNpmReact.ts
       - run: nohup pnpm prod-start &
       - run: nohup pnpm test-mc-server &
       - uses: cypress-io/github-action@v5
         with:
           install: false
-      - uses: actions/upload-artifact@v3
+      - uses: actions/upload-artifact@v4
         if: failure()
         with:
           name: cypress-images
-          path: cypress/integration/__image_snapshots__/
-      - run: node scripts/outdatedGitPackages.mjs
-        if: github.ref == 'refs/heads/next'
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          path: cypress/screenshots/
+      # - run: node scripts/outdatedGitPackages.mjs
+      #   if: ${{ github.event.pull_request.base.ref == 'release' }}
+      #   env:
+      #     GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      # - name: Store Bundle Stats
+      #   if: github.event.pull_request.base.ref == 'next'
+      #   uses: actions/github-script@v6
+      #   env:
+      #     GITHUB_TOKEN: ${{ secrets.GIST_TOKEN }}
+      #   with:
+      #     script: |
+      #       const gistId = '${{ secrets.BUNDLE_STATS_GIST_ID }}';
+
+      #       async function getGistContent() {
+      #         const { data } = await github.rest.gists.get({
+      #           gist_id: gistId,
+      #           headers: {
+      #             authorization: `token ${process.env.GITHUB_TOKEN}`
+      #           }
+      #         });
+      #         return JSON.parse(data.files['bundle-stats.json'].content || '{}');
+      #       }
+
+      #       async function updateGistContent(content) {
+      #         await github.rest.gists.update({
+      #           gist_id: gistId,
+      #           headers: {
+      #             authorization: `token ${process.env.GITHUB_TOKEN}`
+      #           },
+      #           files: {
+      #             'bundle-stats.json': {
+      #               content: JSON.stringify(content, null, 2)
+      #             }
+      #           }
+      #         });
+      #       }
+
+      #       const stats = require('/tmp/bundle-stats.json');
+      #       const content = await getGistContent();
+      #       content['${{ github.event.pull_request.base.ref }}'] = stats;
+      #       await updateGistContent(content);
+
+      # - name: Update PR Description
+      #   uses: actions/github-script@v6
+      #   with:
+      #     script: |
+      #       const { data: pr } = await github.rest.pulls.get({
+      #         owner: context.repo.owner,
+      #         repo: context.repo.repo,
+      #         pull_number: context.issue.number
+      #       });
+
+      #       let body = pr.body || '';
+      #       const statsMarker = '### Bundle Size';
+      #       const comparison = '${{ steps.compare.outputs.stats }}';
+
+      #       if (body.includes(statsMarker)) {
+      #         body = body.replace(
+      #           new RegExp(`${statsMarker}[^\n]*\n[^\n]*`),
+      #           `${statsMarker}\n${comparison}`
+      #         );
+      #       } else {
+      #         body += `\n\n${statsMarker}\n${comparison}`;
+      #       }
+
+      #       await github.rest.pulls.update({
+      #         owner: context.repo.owner,
+      #         repo: context.repo.repo,
+      #         pull_number: context.issue.number,
+      #         body
+      #       });
+  # dedupe-check:
+  #   runs-on: ubuntu-latest
+  #   if: github.event.pull_request.head.ref == 'next'
+  #   steps:
+  #     - name: Checkout repository
+  #       uses: actions/checkout@v2
+
+  #     - name: Install pnpm
+  #       run: npm install -g pnpm@9.0.4
+
+  #     - name: Run pnpm dedupe
+  #       run: pnpm dedupe
+
+  #     - name: Check for changes
+  #       run: |
+  #         if ! git diff --exit-code --quiet pnpm-lock.yaml; then
+  #           echo "pnpm dedupe introduced changes:"
+  #           git diff --color=always pnpm-lock.yaml
+  #           exit 1
+  #         else
+  #           echo "No changes detected after pnpm dedupe in pnpm-lock.yaml"
+  #         fi
diff --git a/.github/workflows/fix-lint.yml b/.github/workflows/fix-lint.yml
new file mode 100644
index 00000000..da2cf87d
--- /dev/null
+++ b/.github/workflows/fix-lint.yml
@@ -0,0 +1,29 @@
+name: Fix Lint Command
+on:
+  issue_comment:
+    types: [created]
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    if: >-
+      github.event.issue.pull_request != '' &&
+      (
+        contains(github.event.comment.body, '/fix')
+      )
+    permissions:
+      pull-requests: write
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          ref: refs/pull/${{ github.event.issue.number }}/head
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+      - run: pnpm install
+      - run: pnpm lint --fix
+      - name: Push Changes
+        uses: ad-m/github-push-action@master
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/merge-next.yml b/.github/workflows/merge-next.yml
new file mode 100644
index 00000000..ee02789b
--- /dev/null
+++ b/.github/workflows/merge-next.yml
@@ -0,0 +1,28 @@
+name: Update Base Branch Command
+on:
+  issue_comment:
+    types: [created]
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    if: >-
+      github.event.issue.pull_request != '' &&
+      (
+        contains(github.event.comment.body, '/update')
+      )
+    permissions:
+      pull-requests: write
+      contents: write
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0 # Fetch all history so we can merge branches
+          ref: refs/pull/${{ github.event.issue.number }}/head
+      - name: Fetch All Branches
+        run: git fetch --all
+      # - name: Checkout PR
+      #   run: git checkout ${{ github.event.issue.pull_request.head.ref }}
+      - name: Merge From Next
+        run: git merge origin/next --strategy-option=theirs
+      - name: Push Changes
+        run: git push
diff --git a/.github/workflows/next-deploy.yml b/.github/workflows/next-deploy.yml
index e3919625..75b39f6c 100644
--- a/.github/workflows/next-deploy.yml
+++ b/.github/workflows/next-deploy.yml
@@ -3,6 +3,7 @@ env:
   VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
   VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
   ALIASES: ${{ vars.ALIASES }}
+  MAIN_MENU_LINKS: ${{ vars.MAIN_MENU_LINKS }}
 on:
   push:
     branches:
@@ -15,25 +16,76 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v2
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
       - name: Install Global Dependencies
-        run: npm install --global vercel pnpm@9.0.4
+        run: pnpm add -g vercel
+      - name: Install Dependencies
+        run: pnpm install
       - name: Pull Vercel Environment Information
         run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
-      - name: Build Project Artifacts
-        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
-      - run: pnpm build-storybook
-      - name: Copy playground files
-        run: node prismarine-viewer/esbuild.mjs && cp prismarine-viewer/public/index.html .vercel/output/static/playground.html && cp prismarine-viewer/public/playground.js .vercel/output/static/playground.js
+      - name: Write Release Info
+        run: |
+          echo "{\"latestTag\": \"$(git rev-parse --short $GITHUB_SHA)\", \"isCommit\": true}" > assets/release.json
       - name: Download Generated Sounds map
         run: node scripts/downloadSoundsMap.mjs
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+        env:
+          CONFIG_JSON_SOURCE: BUNDLED
+          LOCAL_CONFIG_FILE: config.mcraft-only.json
+      - name: Copy playground files
+        run: |
+          mkdir -p .vercel/output/static/playground
+          pnpm build-playground
+          cp -r renderer/dist/* .vercel/output/static/playground/
       - name: Deploy Project Artifacts to Vercel
         uses: mathiasvr/command-output@v2.0.0
         with:
           run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}
         id: deploy
-      - name: Set deployment alias
-        run: vercel alias set ${{ steps.deploy.outputs.stdout }} ${{ secrets.TEST_PREVIEW_DOMAIN }} --token=${{ secrets.VERCEL_TOKEN }} --scope=zaro
-      # - uses: mshick/add-pr-comment@v2
-      #   with:
-      #     message: |
-      #       Deployed to Vercel Preview: ${{ steps.deploy.outputs.stdout }}
+      - name: Start servers for testing
+        run: |
+          nohup pnpm prod-start &
+          nohup pnpm test-mc-server &
+      - name: Run Cypress smoke tests
+        uses: cypress-io/github-action@v5
+        with:
+          install: false
+          spec: cypress/e2e/smoke.spec.ts
+      - uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: cypress-smoke-test-screenshots
+          path: cypress/screenshots/
+      - name: Set deployment aliases
+        run: |
+          for alias in $(echo ${{ secrets.TEST_PREVIEW_DOMAIN }} | tr "," "\n"); do
+            vercel alias set ${{ steps.deploy.outputs.stdout }} $alias --token=${{ secrets.VERCEL_TOKEN }} --scope=zaro
+          done
+
+      - name: Create Release Pull Request
+        uses: actions/github-script@v6
+        with:
+          script: |
+            const { data: pulls } = await github.rest.pulls.list({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              head: `${context.repo.owner}:next`,
+              base: 'release',
+              state: 'open'
+            });
+
+            if (pulls.length === 0) {
+              await github.rest.pulls.create({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                title: 'Release',
+                head: 'next',
+                base: 'release',
+                body: 'PR was created automatically by the release workflow, hope you release it as soon as possible!',
+              });
+            }
diff --git a/.github/workflows/preview.yml b/.github/workflows/preview.yml
index 9da50d0a..89fd6698 100644
--- a/.github/workflows/preview.yml
+++ b/.github/workflows/preview.yml
@@ -1,4 +1,4 @@
-name: Vercel Deploy Preview
+name: Vercel PR Deploy (Preview)
 env:
   VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
   VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
@@ -6,57 +6,109 @@ env:
 on:
   issue_comment:
     types: [created]
+  pull_request_target:
 jobs:
   deploy:
     runs-on: ubuntu-latest
-    # todo skip already created deploys on that commit
     if: >-
-      github.event.issue.pull_request != '' &&
       (
-        contains(github.event.comment.body, '/deploy')
+        (
+          github.event_name == 'issue_comment' &&
+          contains(github.event.comment.body, '/deploy') &&
+          github.event.issue.pull_request != null
+        ) ||
+        (
+          github.event_name == 'pull_request_target' &&
+          contains(fromJson(vars.AUTO_DEPLOY_PRS), github.event.pull_request.number)
+        )
       )
     permissions:
       pull-requests: write
     steps:
-      - name: Checkout
+      - name: Checkout Base To Temp
         uses: actions/checkout@v2
+        with:
+          path: temp-base-repo
+      - name: Get deployment alias
+        run: node temp-base-repo/scripts/githubActions.mjs getAlias
+        id: alias
+        env:
+          ALIASES: ${{ env.ALIASES }}
+          PULL_URL: ${{ github.event.issue.pull_request.url || github.event.pull_request.url }}
+      - name: Checkout PR (comment)
+        uses: actions/checkout@v2
+        if: github.event_name == 'issue_comment'
         with:
           ref: refs/pull/${{ github.event.issue.number }}/head
-      - run: npm i -g pnpm@9.0.4
+      - name: Checkout PR (pull_request)
+        uses: actions/checkout@v2
+        if: github.event_name == 'pull_request_target'
+        with:
+          ref: refs/pull/${{ github.event.pull_request.number }}/head
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 22
           cache: "pnpm"
+      - name: Update deployAlwaysUpdate packages
+        run: |
+          if [ -f package.json ]; then
+            PACKAGES=$(node -e "const pkg = require('./package.json'); if (pkg.deployAlwaysUpdate) console.log(pkg.deployAlwaysUpdate.join(' '))")
+            if [ ! -z "$PACKAGES" ]; then
+              echo "Updating packages: $PACKAGES"
+              pnpm up -L $PACKAGES
+            else
+              echo "No deployAlwaysUpdate packages found in package.json"
+            fi
+          else
+            echo "package.json not found"
+          fi
       - name: Install Global Dependencies
-        run: npm install --global vercel
+        run: pnpm add -g vercel
       - name: Pull Vercel Environment Information
         run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
-      - name: Build Project Artifacts
-        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
-      - run: pnpm build-storybook
-      - name: Copy playground files
-        run: node prismarine-viewer/esbuild.mjs && cp prismarine-viewer/public/index.html .vercel/output/static/playground.html && cp prismarine-viewer/public/playground.js .vercel/output/static/playground.js
+      - name: Write Release Info
+        run: |
+          echo "{\"latestTag\": \"$(git rev-parse --short ${{ github.event.pull_request.head.sha }})\", \"isCommit\": true}" > assets/release.json
       - name: Download Generated Sounds map
         run: node scripts/downloadSoundsMap.mjs
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+        env:
+          CONFIG_JSON_SOURCE: BUNDLED
+          LOCAL_CONFIG_FILE: config.mcraft-only.json
+      - name: Copy playground files
+        run: |
+          mkdir -p .vercel/output/static/playground
+          pnpm build-playground
+          cp -r renderer/dist/* .vercel/output/static/playground/
+      - name: Write pr redirect index.html
+        run: |
+          mkdir -p .vercel/output/static/pr
+          echo "<meta http-equiv='refresh' content='0;url=https://github.com/${{ github.repository }}/pull/${{ github.event.issue.number || github.event.pull_request.number }}'>" > .vercel/output/static/pr/index.html
+      - name: Write commit redirect index.html
+        run: |
+          mkdir -p .vercel/output/static/commit
+          echo "<meta http-equiv='refresh' content='0;url=https://github.com/${{ github.repository }}/pull/${{ github.event.issue.number || github.event.pull_request.number }}/commits/${{ github.event.pull_request.head.sha }}'>" > .vercel/output/static/commit/index.html
       - name: Deploy Project Artifacts to Vercel
         uses: mathiasvr/command-output@v2.0.0
         with:
           run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}
         id: deploy
       - uses: mshick/add-pr-comment@v2
+        # if: github.event_name == 'issue_comment'
         with:
           allow-repeats: true
           message: |
             Deployed to Vercel Preview: ${{ steps.deploy.outputs.stdout }}
-            [Playground](${{ steps.deploy.outputs.stdout }}/playground.html)
+            [Playground](${{ steps.deploy.outputs.stdout }}/playground/)
             [Storybook](${{ steps.deploy.outputs.stdout }}/storybook/)
       # - run: git checkout next scripts/githubActions.mjs
-      - name: Get deployment alias
-        run: node scripts/githubActions.mjs getAlias
-        id: alias
-        env:
-          ALIASES: ${{ env.ALIASES }}
-          PULL_URL: ${{ github.event.issue.pull_request.url }}
       - name: Set deployment alias
         if: ${{ steps.alias.outputs.alias != '' && steps.alias.outputs.alias != 'mcraft.fun' && steps.alias.outputs.alias != 's.mcraft.fun' }}
-        run: vercel alias set ${{ steps.deploy.outputs.stdout }} ${{ steps.alias.outputs.alias }} --token=${{ secrets.VERCEL_TOKEN }} --scope=zaro
+        run: |
+          for alias in $(echo ${{ steps.alias.outputs.alias }} | tr "," "\n"); do
+            vercel alias set ${{ steps.deploy.outputs.stdout }} $alias --token=${{ secrets.VERCEL_TOKEN }} --scope=zaro
+          done
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
deleted file mode 100644
index 18c1a9bf..00000000
--- a/.github/workflows/publish.yml
+++ /dev/null
@@ -1,48 +0,0 @@
-name: Deploy to GitHub pages
-env:
-  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
-  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
-on:
-  push:
-    branches: [release]
-jobs:
-  build-and-deploy:
-    runs-on: ubuntu-latest
-    permissions: write-all
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@master
-      - name: Install pnpm
-        run: npm i -g vercel pnpm@9.0.4
-      # - run: pnpm install
-      # - run: pnpm build
-      - run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
-      # will install + build to .vercel/output/static
-      - run: vercel build --token=${{ secrets.VERCEL_TOKEN }} --prod
-      - run: pnpm build-storybook
-      - name: Copy playground files
-        run: node prismarine-viewer/esbuild.mjs && cp prismarine-viewer/public/index.html .vercel/output/static/playground.html && cp prismarine-viewer/public/playground.js .vercel/output/static/playground.js
-      - name: Download Generated Sounds map
-        run: node scripts/downloadSoundsMap.mjs
-      - name: Deploy Project to Vercel
-        uses: mathiasvr/command-output@v2.0.0
-        with:
-          run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} --prod
-        id: deploy
-      - run: |
-          pnpx zardoy-release node --footer "This release URL: ${{ steps.deploy.outputs.stdout }}"
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          # has possible output: tag
-        id: release
-      # has output
-      - run: cp vercel.json .vercel/output/static/vercel.json
-      - uses: peaceiris/actions-gh-pages@v3
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: .vercel/output/static
-          force_orphan: true
-      - run: pnpm tsx scripts/buildNpmReact.ts ${{ steps.release.outputs.tag }}
-        if: steps.release.outputs.tag
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
new file mode 100644
index 00000000..3e8c4136
--- /dev/null
+++ b/.github/workflows/release.yml
@@ -0,0 +1,116 @@
+name: Release
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+  MAIN_MENU_LINKS: ${{ vars.MAIN_MENU_LINKS }}
+on:
+  push:
+    branches: [release]
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    permissions: write-all
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@master
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+      - name: Install Global Dependencies
+        run: pnpm add -g vercel
+      # - run: pnpm install
+      # - run: pnpm build
+      - run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+      - run: node scripts/replaceFavicon.mjs ${{ secrets.FAVICON_MAIN }}
+      # will install + build to .vercel/output/static
+      - name: Get Release Info
+        run: pnpx zardoy-release empty --skip-github --output-file assets/release.json
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - name: Download Generated Sounds map
+        run: node scripts/downloadSoundsMap.mjs
+      - run: vercel build --token=${{ secrets.VERCEL_TOKEN }} --prod
+        env:
+          CONFIG_JSON_SOURCE: BUNDLED
+          LOCAL_CONFIG_FILE: config.mcraft-only.json
+      - name: Copy playground files
+        run: |
+          mkdir -p .vercel/output/static/playground
+          pnpm build-playground
+          cp -r renderer/dist/* .vercel/output/static/playground/
+
+      # publish to github
+      - run: cp vercel.json .vercel/output/static/vercel.json
+      - uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: .vercel/output/static
+          force_orphan: true
+
+      # Create CNAME file for custom domain
+      - name: Create CNAME file
+        run: echo "github.mcraft.fun" > .vercel/output/static/CNAME
+
+      - name: Deploy to mwc-mcraft-pages repository
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          personal_token: ${{ secrets.MCW_MCRAFT_PAGE_DEPLOY_TOKEN }}
+          external_repository: ${{ github.repository_owner }}/mwc-mcraft-pages
+          publish_dir: .vercel/output/static
+          publish_branch: main
+          destination_dir: docs
+          force_orphan: true
+
+      - name: Change index.html title
+        run: |
+          # change <title>Minecraft Web Client</title> to <title>Minecraft Web Client — Free Online Browser Version</title>
+          sed -i 's/<title>Minecraft Web Client<\/title>/<title>Minecraft Web Client — Free Online Browser Version<\/title>/' .vercel/output/static/index.html
+
+      - name: Deploy Project to Vercel
+        uses: mathiasvr/command-output@v2.0.0
+        with:
+          run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} --prod
+        id: deploy
+      - name: Get releasing alias
+        run: node scripts/githubActions.mjs getReleasingAlias
+        id: alias
+      - name: Set deployment alias
+        run: |
+          for alias in $(echo ${{ steps.alias.outputs.alias }} | tr "," "\n"); do
+            vercel alias set ${{ steps.deploy.outputs.stdout }} $alias --token=${{ secrets.VERCEL_TOKEN }} --scope=zaro
+          done
+
+      - name: Build single-file version - minecraft.html
+        run: pnpm build-single-file && mv dist/single/index.html minecraft.html
+      - name: Build self-host version
+        run: pnpm build
+      - name: Bundle server.js
+        run: |
+          pnpm esbuild server.js --bundle --platform=node --outfile=bundled-server.js --define:process.env.NODE_ENV="'production'"
+
+      - name: Create zip package
+        run: |
+          mkdir -p package
+          cp -r dist package/
+          cp bundled-server.js package/server.js
+          cd package
+          zip -r ../self-host.zip .
+
+      - run: |
+          pnpx zardoy-release node --footer "This release URL: https://$(echo ${{ steps.alias.outputs.alias }} | cut -d',' -f1) (Vercel URL: ${{ steps.deploy.outputs.stdout }})"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          # has possible output: tag
+        id: release
+
+      # has output
+      - name: Set publishing config
+        run: pnpm config set '//registry.npmjs.org/:_authToken' "${NODE_AUTH_TOKEN}"
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      # - run: pnpm tsx scripts/buildNpmReact.ts ${{ steps.release.outputs.tag }}
+      #   if: steps.release.outputs.tag
+      #   env:
+      #     NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.gitignore b/.gitignore
index 3a188862..33734572 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,7 +10,7 @@ localSettings.mjs
 dist*
 .DS_Store
 .idea/
-world
+/world
 data*.json
 out
 *.iml
@@ -18,5 +18,7 @@ out
 generated
 storybook-static
 server-jar
+config.local.json
+logs/
 
 src/react/npmReactComponents.ts
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index a8a219f1..05c36eba 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -1,9 +1,10 @@
 import React from 'react'
 
-import type { Preview } from "@storybook/react";
+import type { Preview } from "@storybook/react"
 
-import '../src/styles.css'
 import './storybook.css'
+import '../src/styles.css'
+import '../src/scaleInterface'
 
 const preview: Preview = {
   decorators: [
@@ -11,7 +12,7 @@ const preview: Preview = {
       const noScaling = c.parameters.noScaling
       return <div id={noScaling ? '' : 'ui-root'}>
         <Story />
-      </div>;
+      </div>
     },
   ],
   parameters: {
@@ -23,6 +24,6 @@ const preview: Preview = {
       },
     },
   },
-};
+}
 
-export default preview;
+export default preview
diff --git a/.vscode/launch.json b/.vscode/launch.json
index 6bbd4198..dec88163 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -1,6 +1,5 @@
 {
     "configurations": [
-        // UPDATED: all configs below are misconfigured and will crash vscode, open dist/index.html and use live preview debug instead
         // recommended as much faster
         {
             // to launch "C:\Program Files\Google\Chrome Beta\Application\chrome.exe" --remote-debugging-port=9222
@@ -29,7 +28,7 @@
             "type": "chrome",
             "name": "Launch Chrome",
             "request": "launch",
-            "url": "http://localhost:8080/",
+            "url": "http://localhost:3000/",
             "pathMapping": {
                 "/": "${workspaceFolder}/dist"
             },
@@ -50,7 +49,7 @@
             "name": "Attach Firefox",
             "request": "attach",
             // comment if using webpack
-            "url": "http://localhost:8080/",
+            "url": "http://localhost:3000/",
             "webRoot": "${workspaceFolder}/",
             "skipFiles": [
                 // "<node_internals>/**/*vendors*"
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 253b2a52..a5a3482d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -2,26 +2,84 @@
 
 After forking the repository, run the following commands to get started:
 
-0. Ensure you have [Node.js](https://nodejs.org) and `pnpm` installed. To install pnpm run `npm i -g pnpm@9.0.4`.
+0. Ensure you have [Node.js](https://nodejs.org) installed. Enable corepack with `corepack enable` *(1).
 1. Install dependencies: `pnpm i`
-2. Start the project in development mode: `pnpm start`
+2. Start the project in development mode: `pnpm start` or build the project for production: `pnpm build`
+3. Read the [Tasks Categories](#tasks-categories) and [Workflow](#workflow) sections below
+4. Let us know if you are working on something and be sure to open a PR if you got any changes. Happy coding!
+
+*(1): If you are getting `Cannot find matching keyid` update corepack to the latest version with `npm i -g corepack`.
+
+*(2): If still something doesn't work ensure you have the right nodejs version with `node -v` (tested on 22.x)
+
+<!-- *(3): For GitHub codespaces (cloud ide): Run `pnpm i @rsbuild/core@1.2.4 @rsbuild/plugin-node-polyfill@1.3.0 @rsbuild/plugin-react@1.1.0 @rsbuild/plugin-typed-css-modules@1.0.2` command to avoid crashes because of limited ram -->
 
 ## Project Structure
 
+There are 3 main parts of the project:
+
+### Core (`src`)
+
+This is the main app source code which reuses all the other parts of the project.
+
+> The first version used Webpack, then was migrated to Esbuild and now is using Rsbuild!
+
+- Scripts:
+  - Start: `pnpm start`, `pnpm dev-rsbuild` (if you don't need proxy server also running)
+  - Build: `pnpm build` (note that `build` script builds only the core app, not the whole project!)
+
+Paths:
+
 - `src` - main app source code
 - `src/react` - React components - almost all UI is in this folder. Almost every component has its base (reused in app and storybook) and `Provider` - which is a component that provides context to its children. Consider looking at DeathScreen component to see how it's used.
-- `src/menus` - Old Lit Element GUI. In the process of migration to React.
 
-- `prismarine-viewer` - Improved version of <https://github.com/prismarineJS/prismarine-viewer>. Here is everything related to rendering the game world itself (no ui at all). Two most important parts here are:
-- `prismarine-viewer/viewer/lib/worldrenderer.ts` - adding new objects to three.js happens here (sections)
-- `prismarine-viewer/viewer/lib/models.ts` - preparing data for rendering (blocks) - happens in worker: out file - `worker.js`, building - `prismarine-viewer/buildWorker.mjs`
-- `prismarine-viewer/examples/playground.ts` - Playground (source of <mcraft.fun/playground.html>) Use this for testing render changes. You can also modify playground code.
+### Renderer: Playground & Mesher (`renderer`)
+
+- Playground Scripts:
+  - Start: `pnpm run-playground` (playground, mesher + server) or `pnpm watch-playground`
+  - Build: `pnpm build-playground` or `node renderer/esbuild.mjs`
+
+- Mesher Scripts:
+  - Start: `pnpm watch-mesher`
+  - Build: `pnpm build-mesher`
+
+Paths:
+
+- `renderer` - Improved and refactored version of <https://github.com/PrismarineJS/prismarine-viewer>. Here is everything related to rendering the game world itself (no ui at all). Two most important parts here are:
+- `renderer/viewer/lib/worldrenderer.ts` - adding new objects to three.js happens here (sections)
+- `renderer/viewer/lib/models.ts` - preparing data for rendering (blocks) - happens in worker: out file - `worker.js`, building - `renderer/buildWorker.mjs`
+- `renderer/playground/playground.ts` - Playground (source of <mcraft.fun/playground.html>) Use this for testing any rendering changes. You can also modify the playground code.
+
+### Storybook (`.storybook`)
+
+Storybook is a tool for easier developing and testing React components.
+Path of all Storybook stories is `src/react/**/*.stories.tsx`.
+
+- Scripts:
+  - Start: `pnpm storybook`
+  - Build: `pnpm build-storybook`
+
+## Core-related
 
 How different modules are used:
 
 - `mineflayer` - provider `bot` variable and as mineflayer states it is a wrapper for the `node-minecraft-protocol` module and is used to connect and interact with real Java Minecraft servers. However not all events & properties are exposed and sometimes you have to use `bot._client.on('packet_name', data => ...)` to handle packets that are not handled via mineflayer API. Also you can use almost any mineflayer plugin.
 
-## Making protocol changes
+## Running Main App + Playground
+
+To start the main web app and playground, run `pnpm run-all`. Note is doesn't start storybook and tests.
+
+## Cypress Tests (E2E)
+
+Cypress tests are located in `cypress` folder. To run them, run `pnpm test-mc-server` and then `pnpm test:cypress` when the `pnpm prod-start` is running (or change the port to 3000 to test with the dev server). Usually you don't need to run these until you get issues on the CI.
+
+## Unit Tests
+
+There are not many unit tests for now (which we are trying to improve).
+Location of unit tests: `**/*.test.ts` files in `src` folder and `renderer` folder.
+Start them with `pnpm test-unit`.
+
+## Making protocol-related changes
 
 You can get a description of packets for the latest protocol version from <https://wiki.vg/Protocol> and for previous protocol versions from <https://wiki.vg/Protocol_version_numbers> (look for *Page* links that have *Protocol* in URL).
 
@@ -37,6 +95,100 @@ Also there are [src/generatedClientPackets.ts](src/generatedClientPackets.ts) an
 - Some data are cached between restarts. If you see something doesn't work after upgrading dependencies, try to clear the by simply removing the `dist` folder.
 - The same folder `dist` is used for both development and production builds, so be careful when deploying the project.
 - Use `start-prod` script to start the project in production mode after running the `build` script to build the project.
+- If CI is failing on the next branch for some reason, feel free to use the latest commit for release branch. We will update the base branch asap. Please, always make sure to allow maintainers do changes when opening PRs.
+
+## Tasks Categories
+
+(most important for now are on top).
+
+## 1. Client-side Logic (most important right now)
+
+Everything related to the client side packets. Investigate issues when something goes wrong with some server. It's much easier to work on these types of tasks when you have experience in Java with Minecraft, a deep understanding of the original client, and know how to debug it (which is not hard actually). Right now the client is easily detectable by anti-cheat plugins, and the main goal is to fix it (mostly because of wrong physics implementation).
+
+Priority tasks:
+
+- Rewrite or fix the physics logic (Botcraft or Grim can be used as a reference as well)
+- Implement basic minecart / boat / horse riding
+- Fix auto jump module (false triggers, performance issues)
+- Investigate connection issues to some servers
+- Setup a platform for automatic cron testing against the latest version of the anti-cheat plugins
+- ...
+
+Goals:
+
+- Make more servers playable. Right now on hypixel-like servers (servers with minigames), only tnt run (and probably ) is fully playable.
+
+Notes:
+
+- You can see the incoming/outgoing packets in the console (F12 in Chrome) by enabling `options.debugLogNotFrequentPackets = true`. However, if you need a FULL log of all packets, you can start recording the packets by going into `Settings` > `Advanced` > `Enable Packets Replay` and then you can download the file and use it to replay the packets.
+- You can use mcraft-e2e studio to send the same packets over and over again (which is useful for testing) or use the packets replayer (which is useful for debugging).
+
+## 2. Three.js Renderer
+
+Example tasks:
+
+- Improve / fix entity rendering
+- Better update entities on specific packets
+- Investigate performance issues under different conditions (instructions provided)
+- Work on the playground code
+
+Goals:
+
+- Fix a lot of entity rendering issues (including position updates)
+- Implement switching camera mode (first person, third person, etc)
+- Animated blocks
+- Armor rendering
+- ...
+
+Note:
+
+- It's useful to know how to use helpers & additional cameras (e.g. setScissor)
+
+## 3. Server-side Logic
+
+Flying squid fork (space-squid).
+Example tasks:
+
+- Add missing commands (e.g. /scoreboard)
+- Basic physics (player fall damage, falling blocks & entities)
+- Basic entities AI (spawning, attacking)
+- Pvp
+- Emit more packets on some specific events (e.g. when a player uses an item)
+- Make more maps playable (e.g. fix when something is not implemented in both server and client and blocking map interaction)
+- ...
+
+Long Term Goals:
+
+- Make most adventure maps playable
+- Make a way to complete the game from the scratch (crafting, different dimensions, terrain generation, etc)
+- Make bedwars playable!
+Most of the tasks are straightforward to implement, just be sure to use a debugger ;). If you feel you are stuck, ask for help on Discord. Absolutely any tests / refactor suggestions are welcome!
+
+## 4. Frontend
+
+New React components, improve UI (including mobile support).
+
+## Workflow
+
+1. Locate the problem on the public test server & make an easily reproducible environment (you can also use local packets replay server or your custom server setup). Dm me for details on public test server / replay server
+2. Debug the code, find an issue in the code, isolate the problem
+3. Develop, try to fix and test. Finally we should find a way to fix it. It's ideal to have an automatic test but it's not necessary for now
+3. Repeat step 1 to make sure the task is done and the problem is fixed (or the feature is implemented)
+
+## Updating Dependencies
+
+1. Use `pnpm update-git-deps` to check and update git dependencies (like mineflayer fork, prismarine packages etc). The script will:
+   - Show which git dependencies have updates available
+   - Ask if you want to update them
+   - Skip dependencies listed in `pnpm.updateConfig.ignoreDependencies`
+
+2. Update PrismarineJS dependencies to the latest version: `minecraft-data` (be sure to replace the version twice in the package.json), `mineflayer`, `minecraft-protocol`, `prismarine-block`, `prismarine-chunk`, `prismarine-item`, ...
+
+3. If `minecraft-protocol` patch fails, do this:
+     1. Remove the patch from `patchedDependencies` in `package.json`
+     2. Run `pnpm patch minecraft-protocol`, open patch directory
+     3. Apply the patch manually in this directory: `patch -p1 < minecraft-protocol@<version>.patch`
+     4. Run the suggested command from `pnpm patch ...` (previous step) to update the patch
 
 ### Would be useful to have
 
diff --git a/Dockerfile b/Dockerfile
index aa9eb3dc..22bcfac6 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,9 +1,43 @@
-FROM node:14-alpine
+# ---- Build Stage ----
+FROM node:18-alpine AS build
 # Without git installing the npm packages fails
 RUN apk add git
-RUN mkdir /app
 WORKDIR /app
 COPY . /app
-RUN npm install
-RUN npm run build
-ENTRYPOINT ["npm", "run", "prod-start"]
+# install pnpm with corepack
+RUN corepack enable
+# Build arguments
+ARG DOWNLOAD_SOUNDS=false
+ARG DISABLE_SERVICE_WORKER=false
+ARG CONFIG_JSON_SOURCE=REMOTE
+# TODO need flat --no-root-optional
+RUN node ./scripts/dockerPrepare.mjs
+RUN pnpm i
+# Download sounds if flag is enabled
+RUN if [ "$DOWNLOAD_SOUNDS" = "true" ] ; then node scripts/downloadSoundsMap.mjs ; fi
+
+# TODO for development
+# EXPOSE 9090
+# VOLUME /app/src
+# VOLUME /app/renderer
+# ENTRYPOINT ["pnpm", "run", "run-all"]
+
+# only for prod
+RUN DISABLE_SERVICE_WORKER=$DISABLE_SERVICE_WORKER \
+    CONFIG_JSON_SOURCE=$CONFIG_JSON_SOURCE \
+    pnpm run build
+
+# ---- Run Stage ----
+FROM node:18-alpine
+RUN apk add git
+WORKDIR /app
+# Copy build artifacts from the build stage
+COPY --from=build /app/dist /app/dist
+COPY server.js /app/server.js
+# Install express
+RUN npm i -g pnpm@10.8.0
+RUN npm init -yp
+RUN pnpm i express github:zardoy/prismarinejs-net-browserify compression cors
+EXPOSE 8080
+VOLUME /app/public
+ENTRYPOINT ["node", "server.js", "--prod"]
diff --git a/Dockerfile.proxy b/Dockerfile.proxy
new file mode 100644
index 00000000..746eef72
--- /dev/null
+++ b/Dockerfile.proxy
@@ -0,0 +1,11 @@
+# ---- Run Stage ----
+FROM node:18-alpine
+RUN apk add git
+WORKDIR /app
+COPY server.js /app/server.js
+# Install server dependencies
+RUN npm i -g pnpm@9.0.4
+RUN npm init -yp
+RUN pnpm i express github:zardoy/prismarinejs-net-browserify compression cors
+EXPOSE 8080
+ENTRYPOINT ["node", "server.js"]
diff --git a/README.MD b/README.MD
index 2cde2edd..018784e3 100644
--- a/README.MD
+++ b/README.MD
@@ -2,32 +2,65 @@
 
 ![banner](./docs-assets/banner.jpg)
 
-A true Minecraft client running in your browser! A port of the original game to the web, written in JavaScript using modern web technologies.
+Minecraft **clone** rewritten in TypeScript using the best modern web technologies. Minecraft vanilla-compatible client and integrated server packaged into a single web app.
 
-If you encounter any bugs or usability issues, please report them!
+You can try this out at [mcraft.fun](https://mcraft.fun/), [pcm.gg](https://pcm.gg) (short link), [mcon.vercel.app](https://mcon.vercel.app/) or the GitHub pages deploy. Every commit from the default (`develop`) branch is deployed to [s.mcraft.fun](https://s.mcraft.fun/) and [s.pcm.gg](https://s.pcm.gg/) - so it's usually newer, but might be less stable.
 
-You can try this out at [mcraft.fun](https://mcraft.fun/), [pcm.gg](https://pcm.gg) (short link) [mcon.vercel.app](https://mcon.vercel.app/) or the GitHub pages deploy. Every commit from the `develop` (default) branch is deployed to [s.mcraft.fun](https://s.mcraft.fun/) - so it's usually newer, but might be less stable.
+> For Turkey/Russia use [ru.mcraft.fun](https://ru.mcraft.fun/) (since Cloudflare is blocked)
+
+Don't confuse with [Eaglercraft](https://git.eaglercraft.rip/eaglercraft/eaglercraft-1.8) which is a REAL vanilla Minecraft Java edition port to the web (but with its own limitations). Eaglercraft is a fully playable solution, meanwhile this project is aimed for *device-compatiiblity* and better performance so it feels portable, flexible and lightweight. It's also a very strong example on how to build true HTML games for the web at scale entirely with the JS ecosystem. Have fun!
+
+For building the project yourself / contributing, see [Development, Debugging & Contributing](#development-debugging--contributing). For reference at what and how web technologies / frameworks are used, see [TECH.md](./TECH.md) (also for comparison with Eaglercraft).
+
+> **Note**: You can deploy it on your own server in less than a minute using a one-liner script from [Minecraft Everywhere repo](https://github.com/zardoy/minecraft-everywhere)
 
 ### Big Features
 
+- Official Mineflayer [plugin integration](https://github.com/zardoy/mcraft-fun-mineflayer-plugin)! View / Control your bot remotely.
 - Open any zip world file or even folder in read-write mode!
-- Connect to cracked servers* (it's possible because of proxy servers, see below)
+- Connect to Java servers running in both offline (cracked) and online mode* (it's possible because of proxy servers, see below)
+- Integrated JS server clone capable of opening Java world saves in any way (folders, zip, web chunks streaming, etc)
 - Singleplayer mode with simple world generations!
 - Works offline
-- Play with friends over internet! (P2P is powered by Peer.js discovery servers)
 - First-class touch (mobile) & controller support
-- Resource pack support
-- Builtin JEI with recipes & guides for every item (also replaces creative inventory)
+- First-class keybindings configuration
+- Advanced Resource pack support: Custom GUI, all textures. Server resource packs are supported with proper CORS configuration.
+- Builtin JEI with recipes & descriptions for almost every item (JEI is creative inventory replacement)
+- Custom protocol channel extensions (eg for custom block models in the world)
+- Play with friends over internet! (P2P is powered by Peer.js discovery servers)
+- ~~Google Drive support for reading / saving worlds back to the cloud~~
+- Support for custom rendering 3D engines. Modular architecture.
 - even even more!
 
-All components that are in [Storybook](https://mcraft.fun/storybook) are published as npm module and can be used in other projects: [`minecraft-react`](https://npmjs.com/minecraft-react)
+All components that are in [Storybook](https://minimap.mcraft.fun/storybook/) are published as npm module and can be used in other projects: [`minecraft-react`](https://npmjs.com/minecraft-react)
 
 ### Recommended Settings
 
-- Controls -> **Raw Input** -> **On** - This will make the controls more precise
 - Controls -> **Touch Controls Type** -> **Joystick**
 - Controls -> **Auto Full Screen** -> **On** - To avoid ctrl+w issue
-- Interface -> **Chat Select** -> **On** - To select chat messages
+- Interface -> **Enable Minimap** -> **Always** - To enable useful minimap (why not?)
+- Controls -> **Raw Input** -> **On** - This will make the controls more precise (UPD: already enabled by default)
+- Interface -> **Chat Select** -> **On** - To select chat messages (UPD: already enabled by default)
+
+### Browser Notes
+
+This project is tested with BrowserStack. Special thanks to [BrowserStack](https://www.browserstack.com/) for providing testing infrastructure!
+
+Howerver, it's known that these browsers have issues:
+
+**Opera Mini**: Disable *mouse gestures* in browsre settings to avoid opening new tab on right click hold
+
+**Vivaldi**: Disable Controls -> *Raw Input* in game settings if experiencing issues
+
+### Versions Support
+
+Server versions 1.8 - 1.21.5 are supported.
+First class versions (most of the features are tested on these versions):
+
+- 1.19.4
+- 1.21.4
+
+Versions below 1.13 are not tested currently and may not work correctly.
 
 ### World Loading
 
@@ -37,12 +70,37 @@ Whatever offline mode you used (zip, folder, just single player), you can always
 
 ![docs-assets/singleplayer-future-city-1-10-2.jpg](./docs-assets/singleplayer-future-city-1-10-2.jpg)
 
-### Servers
+### Servers & Proxy
 
-You can play almost on any server, supporting offline connections.
+You can play almost on any Java server, vanilla servers are fully supported.
 See the [Mineflayer](https://github.com/PrismarineJS/mineflayer) repo for the list of supported versions (should support majority of versions).
-There is a builtin proxy, but you can also host a your one! Just clone the repo, run `pnpm i` (following CONTRIBUTING.MD) and run `pnpm prod-start`, then you can specify `http://localhost:8080` in the proxy field.
-MS account authentication will be supported soon.
+There is a builtin proxy, but you can also host your one! Just clone the repo, run `pnpm i` (following CONTRIBUTING.MD) and run `pnpm prod-start`, then you can specify `http://localhost:8080` in the proxy field. Or you can deploy it to the cloud service:
+
+[![Deploy to Koyeb](https://www.koyeb.com/static/images/deploy/button.svg)](https://app.koyeb.com/deploy?name=minecraft-web-client&type=git&repository=zardoy%2Fminecraft-web-client&branch=next&builder=dockerfile&env%5B%5D=&ports=8080%3Bhttp%3B%2F)
+
+> **Note**: If you want to make **your own** Minecraft server accessible to web clients (without our proxies), you can use [mwc-proxy](https://github.com/zardoy/mwc-proxy) - a lightweight JS WebSocket proxy that runs on the same server as your Minecraft server, allowing players to connect directly via `wss://play.example.com`. `?client_mcraft` is added to the URL, so the proxy will know that it's this client.
+
+Proxy servers are used to connect to Minecraft servers which use TCP protocol. When you connect connect to a server with a proxy, websocket connection is created between you (browser client) and the proxy server located in Europe, then the proxy connects to the Minecraft server and sends the data to the client (you) without any packet deserialization to avoid any additional delays. That said all the Minecraft protocol packets are processed by the client, right in your browser.
+
+```mermaid
+graph LR
+    A[Web App - Client] --> C[Proxy Server]
+    C --> B[Minecraft Server]
+    style A fill:#f9d,stroke:#333,stroke-width:2px
+    style B fill:#fc0,stroke:#333,stroke-width:2px
+    style C fill:#fff,stroke:#333,stroke-width:2px
+```
+
+So if the server is located in Europe and you are connecting from Europe, you will have ~40ms ping (~180ms with residential proxy version), however if you are in the US and connecting to the server located in US, you will have >200ms ping, which is the worst case scenario.
+
+Again, the proxy server is not a part of the client, it is a separate service that you can host yourself.
+
+### Docker Files
+
+- [Main Dockerfile](./Dockerfile) - for production build & offline/private usage. Includes full web-app + proxy server for connecting to Minecraft servers.
+- [Proxy Dockerfile](./Dockerfile.proxy) - for proxy server only - that one you would be able to specify in the proxy field on the client (`docker build . -f Dockerfile.proxy -t minecraft-web-proxy`)
+
+In case of using docker, you don't have to follow preparation steps from CONTRIBUTING.MD, like installing Node.js, pnpm, etc.
 
 ### Rendering
 
@@ -53,42 +111,37 @@ MS account authentication will be supported soon.
 - Supports resource packs
 - Doesn't support occlusion culling
 
-<!-- TODO proxy server communication graph -->
-
-### Things that are not planned yet
-
-- Mods, plugins (basically JARs) support, shaders - since they all are related to specific game pipelines
-
 ### Advanced Settings
 
 There are many many settings, that are not exposed in the UI yet. You can find or change them by opening the browser console and typing `options`. You can also change them by typing `options.<setting_name> = <value>`.
 
 ### Console
 
-To open the console, press `F12`, or if you are on mobile, you can type `#debug` in the URL (browser address bar), it wont't reload the page, but you will see a button to open the console. This way you can change advanced settings and see all errors or warnings. Also this way you can access global variables (described below).
+To open the console, press `F12`, or if you are on mobile, you can type `#dev` in the URL (browser address bar), it wont't reload the page, but you will see a button to open the console. This way you can change advanced settings and see all errors or warnings. Also this way you can access global variables (described below).
 
-### Debugging
+### Development, Debugging & Contributing
 
-It should be easy to build/start the project locally. See [CONTRIBUTING.MD](./CONTRIBUTING.md) for more info.
+It should be easy to build/start the project locally. See [CONTRIBUTING.MD](./CONTRIBUTING.md) for more info. Also you can look at Dockerfile for reference.
 
-There is world renderer playground ([link](https://mcon.vercel.app/playground.html)).
+There is world renderer playground ([link](https://mcon.vercel.app/playground/)).
 
-However, there are many things that can be done in online version. You can access some global variables in the console and useful examples:
+However, there are many things that can be done in online production version (like debugging actual source code). Also you can access some global variables in the console and there are a few useful examples:
 
-- `localStorage.debug = '*'` - Enables all debug messages! Warning: this will start all packets spam.
+- If you type `debugToggle`, press enter in console - It will enables all debug messages! Warning: this will start all packets spam.
 Instead I recommend setting `options.debugLogNotFrequentPackets`. Also you can use `debugTopPackets` (with JSON.stringify) to see what packets were received/sent by name
 
 - `bot` - Mineflayer bot instance. See Mineflayer documentation for more.
-- `viewer` - Three.js viewer instance, basically does all the rendering.
-- `viewer.world.sectionObjects` - Object with all active chunk sections (geometries) in the world. Each chunk section is a Three.js mesh or group.
+- `world` - Three.js world instance, basically does all the rendering (part of renderer backend).
+- `world.sectionObjects` - Object with all active chunk sections (geometries) in the world. Each chunk section is a Three.js mesh or group.
 - `debugSceneChunks` - The same as above, but relative to current bot position (e.g. 0,0 is the current chunk).
 - `debugChangedOptions` - See what options are changed. Don't change options here.
 - `localServer`/`server` - Only for singleplayer mode/host. Flying Squid server instance, see it's documentation for more.
 - `localServer.overworld.storageProvider.regions` - See ALL LOADED region files with all raw data.
+- `localServer.levelData.LevelName = 'test'; localServer.writeLevelDat()` - Change name of the world
 
 - `nbt.simplify(someNbt)` - Simplifies nbt data, so it's easier to read.
 
-The most useful thing in devtools is the watch expression. You can add any expression there and it will be re-evaluated in real time. For example, you can add `viewer.camera.position` to see the camera position and so on.
+The most useful thing in devtools is the watch expression. You can add any expression there and it will be re-evaluated in real time. For example, you can add `world.getCameraPosition()` to see the camera position and so on.
 
 <img src="./docs-assets/watch-expr.png" alt="Watch expression" width="480"/>
 
@@ -107,19 +160,62 @@ world chunks have a *yellow* border, hostile mobs have a *red* outline, passive
 
 Press `Y` to set query parameters to url of your current game state.
 
-- `?ip=<server_address>` - Display connect screen to the server on load
-- `?username=<username>` - Set the username for server
-- `?proxy=<proxy_address>` - Set the proxy server address to use for server
-- `?version=<version>` - Set the version for server
-- `?lockConnect=true` - Disable cancel / save buttons, useful for integrates iframes
-- `?reconnect=true` - Reconnect to the server on page reloads. Available in **dev mode only** and very useful on server testing.
-<!-- - `?password=<password>` - Set the password on load -->
-- `?loadSave=<save_name>` - Load the save on load with the specified folder name (not title)
-- `?singleplayer=1` - Create empty world on load. Nothing will be saved
-- `?noSave=true` - Disable auto save on unload / disconnect / export. Only manual save with `/save` command will work
+There are some parameters you can set in the url to archive some specific behaviors:
 
-- `?map=<map_url>` - Load the map from ZIP. You can use any url, but it must be CORS enabled.
-- `?setting=<setting_name>:<setting_value>` - Set the and lock the setting on load. You can set multiple settings by separating them with `&` e.g. `?setting=autoParkour:true&setting=renderDistance:4`
+General:
+
+- **`?setting=<setting_name>:<setting_value>`** - Set and lock the setting on load. You can set multiple settings by separating them with `&` e.g. `?setting=autoParkour:true&setting=renderDistance:4`
+- `?modal=<modal>` - Open specific modal on page load eg `keybindings`. Very useful on UI changes testing during dev. For path use `,` as separator. To get currently opened modal type this in the console: `activeModalStack.at(-1).reactType`
+- `?replayFileUrl=<url>` - Load and start a packet replay session from a URL with a integrated server. For debugging / previewing recorded sessions. The file must be CORS enabled.
+
+Server specific:
+
+- `?ip=<server_address>` - Display connect screen to the server on load with predefined server ip. `:<port>` is optional and can be added to the ip.
+- `?name=<name>` - Set the server name for saving to the server list
+- `?version=<version>` - Set the version for the server
+- `?proxy=<proxy_address>` - Set the proxy server address to use for  the server
+- `?username=<username>` - Set the username for the server
+- `?lockConnect=true` - Only works then `ip` parameter is set. Disables cancel/save buttons and all inputs in the connect screen already set as parameters. Useful for integrates iframes.
+- `?autoConnect=true` - Only works then `ip` and `version` parameters are set and `allowAutoConnect` is `true` in config.json! Directly connects to the specified server. Useful for integrates iframes.
+- `?serversList=<list_or_url>` - `<list_or_url>` can be a list of servers in the format `ip:version,ip` or a url to a json file with the same format (array) or a txt file with line-delimited list of server IPs.
+- `?addPing=<ping>` - Add a latency to both sides of the connection. Useful for testing ping issues. For example `?addPing=100` will add 200ms to your ping.
+
+Single player specific:
+
+- `?loadSave=<save_name>` - Load the save on load with the specified folder name (not title)
+- `?singleplayer=1` or `?sp=1` - Create empty world on load. Nothing will be saved
+- `?version=<version>` - Set the version for the singleplayer world (when used with `?singleplayer=1`)
+- `?noSave=true` - Disable auto save on unload / disconnect / export whenever a world is loaded. Only manual save with `/save` command will work.
+- `?serverSetting=<key>:<value>` - Set local server [options](https://github.com/zardoy/space-squid/tree/everything/src/modules.ts#L51). For example `?serverSetting=noInitialChunksSend:true` will disable initial chunks loading on the loading screen.
+- `?map=<map_url>` - Load the map from ZIP. You can use any url, but it must be **CORS enabled**.
+- `?mapDir=<index_file_url>` - Load the map from a file descriptor. It's recommended and the fastest way to load world but requires additional setup. The file must be in the following format:
+
+```json
+{
+    "baseUrl": "<url>",
+    "index": {
+        "level.dat": null,
+        "region": {
+            "r.-1.-1.mca": null,
+            "r.-1.0.mca": null,
+            "r.0.-1.mca": null,
+            "r.0.0.mca": null,
+        }
+    }
+}
+```
+
+Note that `mapDir` also accepts base64 encoded JSON like so:
+`?mapDir=data:application/json;base64,...` where `...` is the base64 encoded JSON of the index file.
+In this case you must use `?mapDirBaseUrl` to specify the base URL to fetch the files from index.
+
+- `?mapDirBaseUrl` - See above.
+
+Only during development:
+
+- `?reconnect=true` - Reconnect to the server on page reloads. Very useful on server testing.
+
+<!-- - `?mapDirGuess=<base_url>` - Load the map from the provided URL and paths will be guessed with a few additional fetch requests. -->
 
 ### Notable Things that Power this Project
 
@@ -131,6 +227,12 @@ Press `Y` to set query parameters to url of your current game state.
 - [Peer.js](https://peerjs.com/) - P2P networking (when you open to wan)
 - [Three.js](https://threejs.org/) - Helping in 3D rendering
 
+### Things that are not planned yet
+
+- Mods, plugins (basically JARs) support, shaders - since they all are related to specific game pipelines
+
 ### Alternatives
 
 - [https://github.com/ClassiCube/ClassiCube](ClassiCube - Better C# Rewrite) [DEMO](https://www.classicube.net/server/play/?warned=true)
+- [https://m.eaglercraft.com/](EaglerCraft) - Eaglercraft runnable on mobile (real Minecraft in the browser)
+- [js-minecraft](https://github.com/LabyStudio/js-minecraft) - An insanely well done clone from the graphical side that inspired many features here
diff --git a/README.NPM.MD b/README.NPM.MD
index c036adba..dc2c7c72 100644
--- a/README.NPM.MD
+++ b/README.NPM.MD
@@ -1,9 +1,13 @@
 # Minecraft React
 
+Minecraft UI components for React extracted from [mcraft.fun](https://mcraft.fun) project.
+
 ```bash
-yarn add minecraft-react
+pnpm i minecraft-react
 ```
 
+![demo](./docs-assets/npm-banner.jpeg)
+
 ## Usage
 
 ```jsx
diff --git a/TECH.md b/TECH.md
new file mode 100644
index 00000000..2d15993a
--- /dev/null
+++ b/TECH.md
@@ -0,0 +1,58 @@
+### Eaglercraft Comparison
+
+This project uses proxies so you can connect to almost any vanilla server. Though proxies have some limitations such as increased latency and servers will complain about using VPN (though we have a workaround for that, but ping will be much higher).
+This client generally has better performance but some features reproduction might be inaccurate eg its less stable and more buggy in some cases.
+
+| Feature                           | This project            | Eaglercraft | Description                                                                                                                                                                                                              |
+| --------------------------------- | ----------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| General                           |                         |             |                                                                                                                                                                                                                          |
+| Mobile Support (touch)            | ✅(+)                    | ✅           |                                                                                                                                                                                                                          |
+| Gamepad Support                   | ✅                       | ❌           |                                                                                                                                                                                                                          |
+| A11Y                              | ✅                       | ❌           | We have DOM for almost all UI so your extensions and other browser features will work natively like on any other web page (but maybe it's not needed)                                                                    |
+| Game Features                     |                         |             |                                                                                                                                                                                                                          |
+| Servers Support (quality)         | ❌(+)                    | ✅           | Eaglercraft is vanilla Minecraft, while this project tries to emulate original game behavior at protocol level (Mineflayer is used)                                                                                      |
+| Servers Support (any version, ip) | ✅                       | ❌           | We support almost all Minecraft versions, only important if you connect to a server where you need new content like blocks or if you play with friends. And you can connect to almost any server using proxy servers!    |
+| Servers Support (online mode)     | ✅                       | ❌           | Join to online servers like Hypixel using your Microsoft account without additional proxies    |
+| Singleplayer Survival Features    | ❌                       | ✅           | Just like Eaglercraft this project can generate and save worlds, but generator is simple and only a few survival features are supported (look here for [supported features list](https://github.com/zardoy/space-squid)) |
+| Singleplayer Maps                 | ✅                       | ✅           | We support any version, but adventure maps won't work, but simple parkour and build maps might be interesting to explore...                                                                                              |
+| Singleplayer Maps World Streaming | ✅                       | ❌           | Thanks to Browserfs, saves can be loaded to local singleplayer server using multiple ways: from local folder, server directory (not zip), dropbox or other cloud *backend* etc...                                        |
+| P2P Multiplayer                   | ✅                       | ✅           | A way to connect to other browser running the project. But it's almost useless here since many survival features are not implemented. Maybe only to build / explore maps together...                                     |
+| Voice Chat                        | ❌(+)                    | ✅           | Eaglercraft has custom WebRTC voice chat implementation, though it could also be easily implemented there                                                                                                                |
+| Online Servers                    | ✅                       | ❌           | We have custom implementation (including integration on proxy side) for joining to servers                                                                                                                               |
+| Plugin Features                   | ✅                       | ❌           | We have Mineflayer plugins support, like Auto Jump & Auto Parkour was added here that way                                                                                                                                |
+| Direct Connection                 | ✅                       | ✅           | We have DOM for almost all UI so your extensions and other browser features will work natively like on any other web page                                                                                                |
+| Moding                            | ✅(own js mods)          | ❌           | This project will support mods for singleplayer. In theory its possible to implement support for modded servers on protocol level (including all needed mods)                                                            |
+| Video Recording                   | ❌                       | ✅           | Doesn't feel needed                                                                                                                                                                                                        |
+| Metaverse Features                | ✅(50%)                  | ❌           | We have videos / images support inside world, but not iframes (custom protocol channel)                                                                                                                                                    |
+| Sounds                            | ✅                       | ✅           |                                                                                                                                                                                                                          |
+| Resource Packs                    | ✅(+extras)              | ✅           | This project has very limited support for them (only textures images are loadable for now)                                                                                                                               |
+| Assets Compressing & Splitting    | ✅                       | ❌           | We have advanced Minecraft data processing and good code chunk splitting so the web app will open much faster and use less memory                                                                                        |
+| Graphics                          |                         |             |                                                                                                                                                                                                                          |
+| Fancy Graphics                    | ❌                       | ✅           | While Eaglercraft has top-level shaders we don't even support lighting                                                                                                                                                   |
+| Fast & Efficient Graphics         | ❌(+)                    | ❌           | Feels like no one needs to have 64 rendering distance work smoothly                                                                                                                                                      |
+| VR                                | ✅(-)                    | ❌           | Feels like not needed feature. UI is missing in this project since DOM can't be rendered in VR so Eaglercraft could be better in that aspect                                                                             |
+| AR                                | ❌                       | ❌           | Would be the most useless feature                                                                                                                                                                                        |
+| Minimap & Waypoints               | ✅(-)                    | ❌           | We have buggy minimap, which can be enabled in settings and full map is opened by pressing `M` key                                                                                                                       |
+
+Features available to only this project:
+
+- CSS & JS Customization
+- JS Real Time Debugging & Console Scripting (eg Devtools)
+
+### Tech Stack
+
+Bundler: Rsbuild!
+UI: powered by React and css modules. Storybook helps with UI development.
+
+### Rare WEB Features
+
+There are a number of web features that are not commonly used but you might be interested in them if you decide to build your own game in the web.
+
+TODO
+
+| API                                                    | Usage & Description                                                                                                                           |
+| ------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------- |
+| `Crypto` API                                           | Used to make chat features work when joining online servers with authentication.                                                              |
+| `requestPointerLock({ unadjustedMovement: true })` API | Required for games. Disables system mouse acceleration (important for Mac users). Aka mouse raw input                                         |
+| `navigator.keyboard.lock()`                            | (only in Chromium browsers) When entering fullscreen it allows to use any key combination like ctrl+w in the game                             |
+| `navigator.keyboard.getLayoutMap()`                    | (only in Chromium browsers) To display the right keyboard symbol for the key keybinding on different keyboard layouts (e.g. QWERTY vs AZERTY) |
diff --git a/assets/extra-textures/background/panorama_0.png b/assets/background/panorama_0.png
similarity index 100%
rename from assets/extra-textures/background/panorama_0.png
rename to assets/background/panorama_0.png
diff --git a/assets/extra-textures/background/panorama_1.png b/assets/background/panorama_1.png
similarity index 100%
rename from assets/extra-textures/background/panorama_1.png
rename to assets/background/panorama_1.png
diff --git a/assets/extra-textures/background/panorama_2.png b/assets/background/panorama_2.png
similarity index 100%
rename from assets/extra-textures/background/panorama_2.png
rename to assets/background/panorama_2.png
diff --git a/assets/extra-textures/background/panorama_3.png b/assets/background/panorama_3.png
similarity index 100%
rename from assets/extra-textures/background/panorama_3.png
rename to assets/background/panorama_3.png
diff --git a/assets/extra-textures/background/panorama_4.png b/assets/background/panorama_4.png
similarity index 100%
rename from assets/extra-textures/background/panorama_4.png
rename to assets/background/panorama_4.png
diff --git a/assets/extra-textures/background/panorama_5.png b/assets/background/panorama_5.png
similarity index 100%
rename from assets/extra-textures/background/panorama_5.png
rename to assets/background/panorama_5.png
diff --git a/assets/config.html b/assets/config.html
new file mode 100644
index 00000000..9bd2dd8e
--- /dev/null
+++ b/assets/config.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Configure client</title>
+    <script>
+        function removeSettings() {
+            if (confirm('Are you sure you want to RESET ALL SETTINGS?')) {
+                localStorage.setItem('options', '{}');
+                location.reload();
+            }
+        }
+
+        function removeAllData() {
+            localStorage.removeItem('serversList')
+            localStorage.removeItem('serversHistory')
+            localStorage.removeItem('authenticatedAccounts')
+            localStorage.removeItem('modsAutoUpdateLastCheck')
+            localStorage.removeItem('firstModsPageVisit')
+            localStorage.removeItem('proxiesData')
+            localStorage.removeItem('keybindings')
+            localStorage.removeItem('username')
+            localStorage.removeItem('customCommands')
+            localStorage.removeItem('options')
+        }
+    </script>
+</head>
+<body>
+    <div style="display: flex;gap: 10px;">
+        <button onclick="removeSettings()">Reset all settings</button>
+        <button onclick="removeAllData()">Remove all user data (but not mods or worlds)</button>
+        <!-- <button>Remove all user data (worlds, resourcepacks)</button> -->
+        <!-- <button>Remove all mods</button> -->
+        <!-- <button>Remove all mod repositories</button> -->
+    </div>
+    <input />
+</body>
+</html>
diff --git a/assets/customTextures/readme.md b/assets/customTextures/readme.md
new file mode 100644
index 00000000..e2a78c20
--- /dev/null
+++ b/assets/customTextures/readme.md
@@ -0,0 +1,2 @@
+here you can place custom textures for bundled files (blocks/items) e.g. blocks/stone.png
+get file names from here (blocks/items) https://zardoy.github.io/mc-assets/
diff --git a/assets/debug-inputs.html b/assets/debug-inputs.html
new file mode 100644
index 00000000..584fe4d7
--- /dev/null
+++ b/assets/debug-inputs.html
@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Web Input Debugger</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            padding: 20px;
+            background: #f0f0f0;
+        }
+        .key-container {
+            display: grid;
+            grid-template-columns: repeat(3, 60px);
+            gap: 5px;
+            margin: 20px 0;
+        }
+        .key {
+            width: 60px;
+            height: 60px;
+            border: 2px solid #333;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: bold;
+            background: white;
+            position: relative;
+            user-select: none;
+        }
+        .key.pressed {
+            background: #90EE90;
+        }
+        .key .duration {
+            position: absolute;
+            bottom: 2px;
+            font-size: 10px;
+        }
+        .key .count {
+            position: absolute;
+            top: 2px;
+            right: 2px;
+            font-size: 10px;
+        }
+        .controls {
+            margin: 20px 0;
+            padding: 10px;
+            background: white;
+            border-radius: 5px;
+        }
+        .wasd-container {
+            position: relative;
+            width: 190px;
+            height: 130px;
+        }
+        #KeyW {
+            position: absolute;
+            left: 65px;
+            top: 0;
+        }
+        #KeyA {
+            position: absolute;
+            left: 0;
+            top: 65px;
+        }
+        #KeyS {
+            position: absolute;
+            left: 65px;
+            top: 65px;
+        }
+        #KeyD {
+            position: absolute;
+            left: 130px;
+            top: 65px;
+        }
+        .space-container {
+            margin-top: 20px;
+        }
+        #Space {
+            width: 190px;
+        }
+    </style>
+</head>
+<body>
+    <div class="controls">
+        <label>
+            <input type="checkbox" id="repeatMode"> Use keydown repeat mode (auto key-up after 150ms of no repeat)
+        </label>
+    </div>
+
+    <div class="wasd-container">
+        <div id="KeyW" class="key" data-code="KeyW">W</div>
+        <div id="KeyA" class="key" data-code="KeyA">A</div>
+        <div id="KeyS" class="key" data-code="KeyS">S</div>
+        <div id="KeyD" class="key" data-code="KeyD">D</div>
+    </div>
+
+    <div class="key-container">
+        <div id="ControlLeft" class="key" data-code="ControlLeft">Ctrl</div>
+    </div>
+
+    <div class="space-container">
+        <div id="Space" class="key" data-code="Space">Space</div>
+    </div>
+
+    <script>
+        const keys = {};
+        const keyStats = {};
+        const pressStartTimes = {};
+        const keyTimeouts = {};
+
+        function initKeyStats(code) {
+            if (!keyStats[code]) {
+                keyStats[code] = {
+                    pressCount: 0,
+                    duration: 0,
+                    startTime: 0
+                };
+            }
+        }
+
+        function updateKeyVisuals(code) {
+            const element = document.getElementById(code);
+            if (!element) return;
+
+            const stats = keyStats[code];
+            if (keys[code]) {
+                element.classList.add('pressed');
+                const currentDuration = ((Date.now() - stats.startTime) / 1000).toFixed(1);
+                element.innerHTML = `${element.getAttribute('data-code').replace('Key', '').replace('Left', '')}<span class="duration">${currentDuration}s</span><span class="count">${stats.pressCount}</span>`;
+            } else {
+                element.classList.remove('pressed');
+                element.innerHTML = `${element.getAttribute('data-code').replace('Key', '').replace('Left', '')}<span class="count">${stats.pressCount}</span>`;
+            }
+        }
+
+        function releaseKey(code) {
+            keys[code] = false;
+            if (pressStartTimes[code]) {
+                keyStats[code].duration += (Date.now() - pressStartTimes[code]) / 1000;
+                delete pressStartTimes[code];
+            }
+            updateKeyVisuals(code);
+        }
+
+        function handleKeyDown(event) {
+            const code = event.code;
+            const isRepeatMode = document.getElementById('repeatMode').checked;
+
+            initKeyStats(code);
+
+            // Clear any existing timeout for this key
+            if (keyTimeouts[code]) {
+                clearTimeout(keyTimeouts[code]);
+                delete keyTimeouts[code];
+            }
+
+            if (isRepeatMode) {
+                // In repeat mode, always handle the keydown
+                if (!keys[code] || event.repeat) {
+                    keys[code] = true;
+                    if (!event.repeat) {
+                        // Only increment count on initial press, not repeats
+                        keyStats[code].pressCount++;
+                        keyStats[code].startTime = Date.now();
+                        pressStartTimes[code] = Date.now();
+                    }
+                }
+
+                // Set timeout to release key if no repeat events come
+                keyTimeouts[code] = setTimeout(() => {
+                    releaseKey(code);
+                }, 150);
+            } else {
+                // In normal mode, only handle keydown if key is not already pressed
+                if (!keys[code]) {
+                    keys[code] = true;
+                    keyStats[code].pressCount++;
+                    keyStats[code].startTime = Date.now();
+                    pressStartTimes[code] = Date.now();
+                }
+            }
+
+            updateKeyVisuals(code);
+            event.preventDefault();
+        }
+
+        function handleKeyUp(event) {
+            const code = event.code;
+            const isRepeatMode = document.getElementById('repeatMode').checked;
+
+            if (!isRepeatMode) {
+                releaseKey(code);
+            }
+
+            event.preventDefault();
+        }
+
+        // Initialize all monitored keys
+        const monitoredKeys = ['KeyW', 'KeyA', 'KeyS', 'KeyD', 'ControlLeft', 'Space'];
+        monitoredKeys.forEach(code => {
+            initKeyStats(code);
+            const element = document.getElementById(code);
+            if (element) {
+                element.innerHTML = `${element.getAttribute('data-code').replace('Key', '').replace('Left', '')}<span class="count">0</span>`;
+            }
+        });
+
+        // Start visual updates
+        setInterval(() => {
+            monitoredKeys.forEach(code => {
+                if (keys[code]) {
+                    updateKeyVisuals(code);
+                }
+            });
+        }, 100);
+
+        // Event listeners
+        document.addEventListener('keydown', handleKeyDown);
+        document.addEventListener('keyup', handleKeyUp);
+
+        // Handle mode changes
+        document.getElementById('repeatMode').addEventListener('change', () => {
+            // Release all keys when switching modes
+            monitoredKeys.forEach(code => {
+                if (keys[code]) {
+                    releaseKey(code);
+                }
+                if (keyTimeouts[code]) {
+                    clearTimeout(keyTimeouts[code]);
+                    delete keyTimeouts[code];
+                }
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/assets/destroy_stage_0.png b/assets/destroy_stage_0.png
new file mode 100644
index 00000000..f65b7ede
Binary files /dev/null and b/assets/destroy_stage_0.png differ
diff --git a/assets/destroy_stage_1.png b/assets/destroy_stage_1.png
new file mode 100644
index 00000000..7c915961
Binary files /dev/null and b/assets/destroy_stage_1.png differ
diff --git a/assets/destroy_stage_2.png b/assets/destroy_stage_2.png
new file mode 100644
index 00000000..dadd6b05
Binary files /dev/null and b/assets/destroy_stage_2.png differ
diff --git a/assets/destroy_stage_3.png b/assets/destroy_stage_3.png
new file mode 100644
index 00000000..52a40b65
Binary files /dev/null and b/assets/destroy_stage_3.png differ
diff --git a/assets/destroy_stage_4.png b/assets/destroy_stage_4.png
new file mode 100644
index 00000000..e37c88a2
Binary files /dev/null and b/assets/destroy_stage_4.png differ
diff --git a/assets/destroy_stage_5.png b/assets/destroy_stage_5.png
new file mode 100644
index 00000000..9590d2f7
Binary files /dev/null and b/assets/destroy_stage_5.png differ
diff --git a/assets/destroy_stage_6.png b/assets/destroy_stage_6.png
new file mode 100644
index 00000000..fb00ade5
Binary files /dev/null and b/assets/destroy_stage_6.png differ
diff --git a/assets/destroy_stage_7.png b/assets/destroy_stage_7.png
new file mode 100644
index 00000000..0b40c789
Binary files /dev/null and b/assets/destroy_stage_7.png differ
diff --git a/assets/destroy_stage_8.png b/assets/destroy_stage_8.png
new file mode 100644
index 00000000..c0bf1dec
Binary files /dev/null and b/assets/destroy_stage_8.png differ
diff --git a/assets/destroy_stage_9.png b/assets/destroy_stage_9.png
new file mode 100644
index 00000000..e3185f82
Binary files /dev/null and b/assets/destroy_stage_9.png differ
diff --git a/assets/extra-textures/edition.png b/assets/edition.png
similarity index 100%
rename from assets/extra-textures/edition.png
rename to assets/edition.png
diff --git a/assets/extra-textures/loading.png b/assets/extra-textures/loading.png
deleted file mode 100644
index 4f6a121a..00000000
Binary files a/assets/extra-textures/loading.png and /dev/null differ
diff --git a/assets/favicon.png b/assets/favicon.png
index 4f0db721..046cacd0 100644
Binary files a/assets/favicon.png and b/assets/favicon.png differ
diff --git a/assets/extra-textures/gui.png b/assets/gui.png
similarity index 100%
rename from assets/extra-textures/gui.png
rename to assets/gui.png
diff --git a/assets/invsprite.png b/assets/invsprite.png
deleted file mode 100644
index d3022e5e..00000000
Binary files a/assets/invsprite.png and /dev/null differ
diff --git a/assets/manifest.json b/assets/manifest.json
index 9ec96f08..4310ae7f 100644
--- a/assets/manifest.json
+++ b/assets/manifest.json
@@ -1,6 +1,6 @@
 {
-    "name": "Prismarine Web Client",
-    "short_name": "Prismarine Web Client",
+    "name": "Minecraft Web Client",
+    "short_name": "Minecraft Web Client",
     "scope": "./",
     "start_url": "./",
     "icons": [
diff --git a/assets/playground.html b/assets/playground.html
new file mode 100644
index 00000000..8c394f91
--- /dev/null
+++ b/assets/playground.html
@@ -0,0 +1,4 @@
+<!-- just redirect to /playground/ -->
+<script>
+window.location.href = `/playground/${window.location.search}`
+</script>
diff --git a/config.json b/config.json
index e4f86060..2bfa9cfe 100644
--- a/config.json
+++ b/config.json
@@ -1,23 +1,80 @@
 {
   "version": 1,
   "defaultHost": "<from-proxy>",
-  "defaultProxy": "proxy.mcraft.fun",
+  "defaultProxy": "https://proxy.mcraft.fun",
   "mapsProvider": "https://maps.mcraft.fun/",
+  "skinTexturesProxy": "",
+  "peerJsServer": "",
+  "peerJsServerFallback": "https://p2p.mcraft.fun",
   "promoteServers": [
+    {
+      "ip": "wss://play.mcraft.fun"
+    },
+    {
+      "ip": "wss://play.webmc.fun",
+      "name": "WebMC"
+    },
+    {
+      "ip": "wss://ws.fuchsmc.net"
+    },
+    {
+      "ip": "wss://play2.mcraft.fun"
+    },
+    {
+      "ip": "wss://play-creative.mcraft.fun",
+      "description": "Might be available soon, stay tuned!"
+    },
     {
       "ip": "kaboom.pw",
-      "version": "1.18.2",
-      "description": "Chaos and destruction server. Free for everyone."
+      "version": "1.20.3",
+      "description": "Very nice a polite server. Must try for everyone!"
+    }
+  ],
+  "rightSideText": "A Minecraft client clone in the browser!",
+  "splashText": "The sunset is coming!",
+  "splashTextFallback": "Welcome!",
+  "pauseLinks": [
+    [
+      {
+        "type": "github"
+      },
+      {
+        "type": "discord"
+      }
+    ]
+  ],
+  "defaultUsername": "mcrafter{0-9999}",
+  "mobileButtons": [
+    {
+      "action": "general.drop",
+      "actionHold": "general.dropStack",
+      "label": "Q"
     },
     {
-      "ip": "go.mineberry.org",
-      "version": "1.18.2",
-      "description": "One of the best servers here. Join now!"
+      "action": "general.selectItem",
+      "actionHold": "",
+      "label": "S"
     },
     {
-      "ip": "sus.shhnowisnottheti.me",
-      "version": "1.18.2",
-      "description": "Creative, your own 'boxes' (islands)"
+      "action": "general.debugOverlay",
+      "actionHold": "general.debugOverlayHelpMenu",
+      "label": "F3"
+    },
+    {
+      "action": "general.playersList",
+      "actionHold": "",
+      "icon": "pixelarticons:users",
+      "label": "TAB"
+    },
+    {
+      "action": "general.chat",
+      "actionHold": "",
+      "label": ""
+    },
+    {
+      "action": "ui.pauseMenu",
+      "actionHold": "",
+      "label": ""
     }
   ]
 }
diff --git a/config.mcraft-only.json b/config.mcraft-only.json
new file mode 100644
index 00000000..52a3aa2c
--- /dev/null
+++ b/config.mcraft-only.json
@@ -0,0 +1,5 @@
+{
+  "alwaysReconnectButton": true,
+  "reportBugButtonWithReconnect": true,
+  "allowAutoConnect": true
+}
diff --git a/cypress.config.ts b/cypress.config.ts
index f9bd9478..3bf2c720 100644
--- a/cypress.config.ts
+++ b/cypress.config.ts
@@ -1,8 +1,11 @@
 import { defineConfig } from 'cypress'
 
+const isPerformanceTest = process.env.PERFORMANCE_TEST === 'true'
+
 export default defineConfig({
   video: false,
   chromeWebSecurity: false,
+  screenshotOnRunFailure: true, // Enable screenshots on test failures
   e2e: {
     // We've imported your old cypress plugins here.
     // You may want to clean this up later by importing these.
@@ -31,7 +34,7 @@ export default defineConfig({
       return require('./cypress/plugins/index.js')(on, config)
     },
     baseUrl: 'http://localhost:8080',
-    specPattern: 'cypress/e2e/**/*.spec.ts',
+    specPattern: !isPerformanceTest ? 'cypress/e2e/smoke.spec.ts' : 'cypress/e2e/rendering_performance.spec.ts',
     excludeSpecPattern: ['**/__snapshots__/*', '**/__image_snapshots__/*'],
   },
 })
diff --git a/cypress/e2e/rendering_performance.spec.ts b/cypress/e2e/rendering_performance.spec.ts
new file mode 100644
index 00000000..2ca85329
--- /dev/null
+++ b/cypress/e2e/rendering_performance.spec.ts
@@ -0,0 +1,32 @@
+/// <reference types="cypress" />
+import { BenchmarkAdapterInfo, getAllInfoLines } from '../../src/benchmarkAdapter'
+import { cleanVisit } from './shared'
+
+it('Benchmark rendering performance', () => {
+  cleanVisit('/?openBenchmark=true&renderDistance=5')
+  // wait for render end event
+  return cy.document().then({ timeout: 180_000 }, doc => {
+    return new Cypress.Promise(resolve => {
+      cy.log('Waiting for world to load')
+      doc.addEventListener('cypress-world-ready', resolve)
+    }).then(() => {
+      cy.log('World loaded')
+    })
+  }).then(() => {
+    cy.window().then(win => {
+      const adapter = win.benchmarkAdapter as BenchmarkAdapterInfo
+
+      const messages = getAllInfoLines(adapter)
+      // wait for 10 seconds
+      cy.wait(10_000)
+      const messages2 = getAllInfoLines(adapter, true)
+      for (const message of messages) {
+        cy.log(message)
+      }
+      for (const message of messages2) {
+        cy.log(message)
+      }
+      cy.writeFile('benchmark.txt', [...messages, ...messages2].join('\n'))
+    })
+  })
+})
diff --git a/cypress/e2e/index.spec.ts b/cypress/e2e/smoke.spec.ts
similarity index 92%
rename from cypress/e2e/index.spec.ts
rename to cypress/e2e/smoke.spec.ts
index ec7d84e7..ae110155 100644
--- a/cypress/e2e/index.spec.ts
+++ b/cypress/e2e/smoke.spec.ts
@@ -14,7 +14,7 @@ const compareRenderedFlatWorld = () => {
 }
 
 const testWorldLoad = () => {
-  return cy.document().then({ timeout: 20_000 }, doc => {
+  return cy.document().then({ timeout: 35_000 }, doc => {
     return new Cypress.Promise(resolve => {
       doc.addEventListener('cypress-world-ready', resolve)
     })
@@ -38,18 +38,18 @@ it('Loads & renders singleplayer', () => {
   testWorldLoad()
 })
 
-it('Joins to local flying-squid server', () => {
+it.skip('Joins to local flying-squid server', () => {
   visit('/?ip=localhost&version=1.16.1')
   window.localStorage.version = ''
   // todo replace with data-test
   // cy.get('[data-test-id="servers-screen-button"]').click()
   // cy.get('[data-test-id="server-ip"]').clear().focus().type('localhost')
   // cy.get('[data-test-id="version"]').clear().focus().type('1.16.1') // todo needs to fix autoversion
-  cy.get('[data-test-id="connect-qs"]').click()
+  cy.get('[data-test-id="connect-qs"]').click() // todo! cypress sometimes doesn't click
   testWorldLoad()
 })
 
-it('Joins to local latest Java vanilla server', () => {
+it.skip('Joins to local latest Java vanilla server', () => {
   const version = supportedVersions.at(-1)!
   cy.task('startServer', [version, 25_590]).then(() => {
     visit('/?ip=localhost:25590&username=bot')
diff --git a/cypress/minecraft-server.mjs b/cypress/minecraft-server.mjs
index 32be0c9d..ea7bbcd1 100644
--- a/cypress/minecraft-server.mjs
+++ b/cypress/minecraft-server.mjs
@@ -1,6 +1,6 @@
 //@ts-check
 import mcServer from 'flying-squid'
-import defaultOptions from 'flying-squid/config/default-settings.json' assert { type: 'json' }
+import defaultOptions from 'flying-squid/config/default-settings.json' with { type: 'json' }
 
 /** @type {Options} */
 const serverOptions = {
diff --git a/docs-assets/handled-packets.md b/docs-assets/handled-packets.md
new file mode 100644
index 00000000..497ec5ec
--- /dev/null
+++ b/docs-assets/handled-packets.md
@@ -0,0 +1,169 @@
+# Handled Packets
+
+## Server -> Client
+
+❌ statistics
+❌ advancements
+❌ face_player
+❌ nbt_query_response
+❌ chat_suggestions
+❌ trade_list
+❌ vehicle_move
+❌ open_book
+❌ craft_recipe_response
+❌ end_combat_event
+❌ enter_combat_event
+❌ unlock_recipes
+❌ camera
+❌ update_view_position
+❌ update_view_distance
+❌ entity_sound_effect
+❌ stop_sound
+❌ feature_flags
+❌ select_advancement_tab
+❌ declare_recipes
+❌ tags
+❌ acknowledge_player_digging
+❌ initialize_world_border
+❌ world_border_center
+❌ world_border_lerp_size
+❌ world_border_size
+❌ world_border_warning_delay
+❌ world_border_warning_reach
+❌ simulation_distance
+❌ chunk_biomes
+❌ hurt_animation
+✅ damage_event
+✅ spawn_entity
+✅ spawn_entity_experience_orb
+✅ named_entity_spawn
+✅ animation
+✅ block_break_animation
+✅ tile_entity_data
+✅ block_action
+✅ block_change
+✅ boss_bar
+✅ difficulty
+✅ tab_complete
+✅ declare_commands
+✅ multi_block_change
+✅ close_window
+✅ open_window
+✅ window_items
+✅ craft_progress_bar
+✅ set_slot
+✅ set_cooldown
+✅ custom_payload
+✅ hide_message
+✅ kick_disconnect
+✅ profileless_chat
+✅ entity_status
+✅ explosion
+✅ unload_chunk
+✅ game_state_change
+✅ open_horse_window
+✅ keep_alive
+✅ map_chunk
+✅ world_event
+✅ world_particles
+✅ update_light
+✅ login
+✅ map
+✅ rel_entity_move
+✅ entity_move_look
+✅ entity_look
+✅ open_sign_entity
+✅ abilities
+✅ player_chat
+✅ death_combat_event
+✅ player_remove
+✅ player_info
+✅ position
+✅ entity_destroy
+✅ remove_entity_effect
+✅ resource_pack_send
+✅ respawn
+✅ entity_head_rotation
+✅ held_item_slot
+✅ scoreboard_display_objective
+✅ entity_metadata
+✅ attach_entity
+✅ entity_velocity
+✅ entity_equipment
+✅ experience
+✅ update_health
+✅ scoreboard_objective
+✅ set_passengers
+✅ teams
+✅ scoreboard_score
+✅ spawn_position
+✅ update_time
+✅ sound_effect
+✅ system_chat
+✅ playerlist_header
+✅ collect
+✅ entity_teleport
+✅ entity_update_attributes
+✅ entity_effect
+✅ server_data
+✅ clear_titles
+✅ action_bar
+✅ ping
+✅ set_title_subtitle
+✅ set_title_text
+✅ set_title_time
+✅ packet
+
+## Client -> Server
+
+❌ query_block_nbt
+❌ set_difficulty
+❌ query_entity_nbt
+❌ pick_item
+❌ set_beacon_effect
+❌ update_command_block_minecart
+❌ update_structure_block
+❌ generate_structure
+❌ lock_difficulty
+❌ craft_recipe_request
+❌ displayed_recipe
+❌ recipe_book
+❌ update_jigsaw_block
+❌ spectate
+❌ advancement_tab
+✅ teleport_confirm
+✅ chat_command
+✅ chat_message
+✅ message_acknowledgement
+✅ edit_book
+✅ name_item
+✅ select_trade
+✅ update_command_block
+✅ tab_complete
+✅ client_command
+✅ settings
+✅ enchant_item
+✅ window_click
+✅ close_window
+✅ custom_payload
+✅ use_entity
+✅ keep_alive
+✅ position
+✅ position_look
+✅ look
+✅ flying
+✅ vehicle_move
+✅ steer_boat
+✅ abilities
+✅ block_dig
+✅ entity_action
+✅ steer_vehicle
+✅ resource_pack_receive
+✅ held_item_slot
+✅ set_creative_slot
+✅ update_sign
+✅ arm_animation
+✅ block_place
+✅ use_item
+✅ pong
+✅ chat_session_update
diff --git a/docs-assets/npm-banner.jpeg b/docs-assets/npm-banner.jpeg
new file mode 100644
index 00000000..95de07b8
Binary files /dev/null and b/docs-assets/npm-banner.jpeg differ
diff --git a/esbuild.mjs b/esbuild.mjs
deleted file mode 100644
index d68693d8..00000000
--- a/esbuild.mjs
+++ /dev/null
@@ -1,135 +0,0 @@
-//@ts-check
-import * as esbuild from 'esbuild'
-import fs from 'fs'
-// import htmlPlugin from '@chialab/esbuild-plugin-html'
-import server from './server.js'
-import { clients, plugins, startWatchingHmr } from './scripts/esbuildPlugins.mjs'
-import { generateSW } from 'workbox-build'
-import { getSwAdditionalEntries } from './scripts/build.js'
-import { build } from 'esbuild'
-
-//@ts-ignore
-try { await import('./localSettings.mjs') } catch { }
-
-const entrypoint = 'index.ts'
-
-fs.writeFileSync('dist/index.html', fs.readFileSync('index.html', 'utf8').replace('<!-- inject script -->', `<script src="${entrypoint.replace(/\.tsx?/, '.js')}"></script>`), 'utf8')
-
-const watch = process.argv.includes('--watch') || process.argv.includes('-w')
-const prod = process.argv.includes('--prod')
-if (prod) process.env.PROD = 'true'
-const dev = !prod
-
-const banner = [
-  'window.global = globalThis;',
-]
-
-const buildingVersion = new Date().toISOString().split(':')[0]
-
-/** @type {import('esbuild').BuildOptions} */
-const buildOptions = {
-  bundle: true,
-  entryPoints: [`src/${entrypoint}`],
-  target: ['es2020'],
-  jsx: 'automatic',
-  jsxDev: dev,
-  // logLevel: 'debug',
-  logLevel: 'info',
-  platform: 'browser',
-  sourcemap: prod ? true : 'linked',
-  outdir: 'dist',
-  mainFields: [
-    'browser', 'module', 'main'
-  ],
-  keepNames: true,
-  banner: {
-    // using \n breaks sourcemaps!
-    js: banner.join(';'),
-  },
-  external: [
-    'sharp'
-  ],
-  alias: {
-    events: 'events', // make explicit
-    buffer: 'buffer',
-    'fs': 'browserfs/dist/shims/fs.js',
-    http: 'http-browserify',
-    perf_hooks: './src/perf_hooks_replacement.js',
-    crypto: './src/crypto.js',
-    stream: 'stream-browserify',
-    net: 'net-browserify',
-    assert: 'assert',
-    dns: './src/dns.js',
-    // todo write advancedAliases plugin
-  },
-  inject: [
-    './src/shims.js'
-  ],
-  metafile: true,
-  plugins,
-  sourcesContent: !process.argv.includes('--no-sources'),
-  minify: process.argv.includes('--minify'),
-  define: {
-    'process.env.NODE_ENV': JSON.stringify(dev ? 'development' : 'production'),
-    'process.env.BUILD_VERSION': JSON.stringify(!dev ? buildingVersion : 'undefined'),
-    'process.env.GITHUB_URL':
-      JSON.stringify(`https://github.com/${process.env.GITHUB_REPOSITORY || `${process.env.VERCEL_GIT_REPO_OWNER}/${process.env.VERCEL_GIT_REPO_SLUG}`}`),
-    'process.env.DEPS_VERSIONS': JSON.stringify({})
-  },
-  loader: {
-    // todo use external or resolve issues with duplicating
-    '.png': 'dataurl',
-    '.svg': 'dataurl',
-    '.map': 'empty',
-    '.vert': 'text',
-    '.frag': 'text',
-    '.obj': 'text',
-  },
-  write: false,
-  // todo would be better to enable?
-  // preserveSymlinks: true,
-}
-
-if (watch) {
-  const ctx = await esbuild.context(buildOptions)
-  await ctx.watch()
-  startWatchingHmr()
-  server.app.get('/esbuild', (req, res, next) => {
-    res.writeHead(200, {
-      'Content-Type': 'text/event-stream',
-      'Cache-Control': 'no-cache',
-      Connection: 'keep-alive',
-    })
-
-    // Send a comment to keep the connection alive
-    res.write(': ping\n\n')
-
-    // Add the client response to the clients array
-    clients.push(res)
-
-    // Handle any client disconnection logic
-    res.on('close', () => {
-      const index = clients.indexOf(res)
-      if (index !== -1) {
-        clients.splice(index, 1)
-      }
-    })
-  })
-} else {
-  const result = await build(buildOptions)
-  // console.log(await esbuild.analyzeMetafile(result.metafile))
-
-  if (prod) {
-    fs.writeFileSync('dist/version.txt', buildingVersion, 'utf-8')
-
-    const { count, size, warnings } = await generateSW({
-      // dontCacheBustURLsMatching: [new RegExp('...')],
-      globDirectory: 'dist',
-      skipWaiting: true,
-      clientsClaim: true,
-      additionalManifestEntries: getSwAdditionalEntries(),
-      globPatterns: [],
-      swDest: 'dist/service-worker.js',
-    })
-  }
-}
diff --git a/experiments/decode.html b/experiments/decode.html
new file mode 100644
index 00000000..fd55e622
--- /dev/null
+++ b/experiments/decode.html
@@ -0,0 +1 @@
+<script src="decode.ts" type="module"></script>
diff --git a/experiments/decode.ts b/experiments/decode.ts
new file mode 100644
index 00000000..6d0f876d
--- /dev/null
+++ b/experiments/decode.ts
@@ -0,0 +1,26 @@
+// Include the pako library
+import pako from 'pako';
+import compressedJsRaw from './compressed.js?raw'
+
+function decompressFromBase64(input) {
+    // Decode the Base64 string
+    const binaryString = atob(input);
+    const len = binaryString.length;
+    const bytes = new Uint8Array(len);
+
+    // Convert the binary string to a byte array
+    for (let i = 0; i < len; i++) {
+        bytes[i] = binaryString.charCodeAt(i);
+    }
+
+    // Decompress the byte array
+    const decompressedData = pako.inflate(bytes, { to: 'string' });
+
+    return decompressedData;
+}
+
+// Use the function
+console.time('decompress');
+const decompressedData = decompressFromBase64(compressedJsRaw);
+console.timeEnd('decompress')
+console.log(decompressedData)
diff --git a/experiments/state.html b/experiments/state.html
new file mode 100644
index 00000000..7a5282b7
--- /dev/null
+++ b/experiments/state.html
@@ -0,0 +1 @@
+<script src="state.ts" type="module"></script>
diff --git a/experiments/state.ts b/experiments/state.ts
new file mode 100644
index 00000000..b01523fc
--- /dev/null
+++ b/experiments/state.ts
@@ -0,0 +1,37 @@
+import { SmoothSwitcher } from '../renderer/viewer/lib/smoothSwitcher'
+
+const div = document.createElement('div')
+div.style.width = '100px'
+div.style.height = '100px'
+div.style.backgroundColor = 'red'
+document.body.appendChild(div)
+
+const pos = {x: 0, y: 0}
+
+const positionSwitcher = new SmoothSwitcher(() => pos, (key, value) => {
+  pos[key] = value
+})
+globalThis.positionSwitcher = positionSwitcher
+
+document.body.addEventListener('keydown', e => {
+  if (e.code === 'ArrowLeft' || e.code === 'ArrowRight') {
+    const to = {
+      x: e.code === 'ArrowLeft' ? -100 : 100
+    }
+    console.log(pos, to)
+    positionSwitcher.transitionTo(to, e.code === 'ArrowLeft' ? 'Left' : 'Right', () => {
+      console.log('Switched to ', e.code === 'ArrowLeft' ? 'Left' : 'Right')
+    })
+  }
+  if (e.code === 'Space') {
+    pos.x = 200
+  }
+})
+
+const render = () => {
+  positionSwitcher.update()
+    div.style.transform = `translate(${pos.x}px, ${pos.y}px)`
+    requestAnimationFrame(render)
+}
+
+render()
diff --git a/experiments/texture-render.html b/experiments/texture-render.html
deleted file mode 100644
index be406102..00000000
--- a/experiments/texture-render.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-</head>
-
-<body>
-    <script type="module">
-        //@ts-check
-        import blockImg from '../prismarine-viewer/public/textures/1.16.1.png'
-        import blocksStates from '../prismarine-viewer/public/blocksStates/1.16.1.json'
-
-        // const block = {
-        //     name: 'oak_sign',
-        //     variant: 0,
-        //     elem: 1,
-        //     face: 'up'
-        // }
-        const block = {
-            name: 'light_gray_stained_glass',
-            variant: 0,
-            elem: 0,
-            face: 'north'
-        }
-        //@ts-ignore
-        const model = Object.entries(blocksStates[block.name].variants).find((a, i) => typeof block.variant === 'number' ? i === block.variant : a === block.variant)[1].model.elements[block.elem]
-        console.log(model)
-        const textureUv = model.faces[block.face].texture
-
-        const canvas = document.createElement('canvas')
-        canvas.style.imageRendering = 'pixelated'
-        document.body.appendChild(canvas)
-        const factor = 50
-        const modelWidth = model.to[0] - model.from[0]
-        const modelHeight = model.to[1] - model.from[1]
-        canvas.width = modelWidth * factor
-        canvas.height = modelHeight * factor
-        // canvas.width = 16 * factor
-        // canvas.height = 16 * factor * 2
-
-        const ctx = canvas.getContext('2d')
-        //@ts-ignore
-        ctx.imageSmoothingEnabled = false
-        const img = new Image()
-        const img2 = new Image()
-        img.src = blockImg
-        img.onload = () => {
-            //@ts-ignore
-            ctx.drawImage(img, img.width * textureUv.u, img.height * textureUv.v, img.width * textureUv.su, img.height * textureUv.sv, 0, 0, canvas.width, canvas.height)
-            // ctx.drawImage(img, 0, 0, canvas.width, canvas.height / 2)
-            console.log('width;height texture', img.width * textureUv.su, img.height * textureUv.sv)
-            console.log('base su=sv', 16 / img.width)
-        }
-    </script>
-</body>
-
-</html>
diff --git a/experiments/three-item.html b/experiments/three-item.html
new file mode 100644
index 00000000..70155c50
--- /dev/null
+++ b/experiments/three-item.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Minecraft Item Viewer</title>
+    <style>
+        body { margin: 0; overflow: hidden; }
+        canvas { display: block; }
+    </style>
+</head>
+<body>
+    <script type="module" src="./three-item.ts"></script>
+</body>
+</html>
diff --git a/experiments/three-item.ts b/experiments/three-item.ts
new file mode 100644
index 00000000..b9d492fe
--- /dev/null
+++ b/experiments/three-item.ts
@@ -0,0 +1,108 @@
+import * as THREE from 'three'
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
+import itemsAtlas from 'mc-assets/dist/itemsAtlasLegacy.png'
+import { createItemMeshFromCanvas, createItemMesh } from '../renderer/viewer/three/itemMesh'
+
+// Create scene, camera and renderer
+const scene = new THREE.Scene()
+const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)
+const renderer = new THREE.WebGLRenderer({ antialias: true })
+renderer.setSize(window.innerWidth, window.innerHeight)
+document.body.appendChild(renderer.domElement)
+
+// Setup camera and controls
+camera.position.set(0, 0, 3)
+const controls = new OrbitControls(camera, renderer.domElement)
+controls.enableDamping = true
+
+// Background and lights
+scene.background = new THREE.Color(0x333333)
+const ambientLight = new THREE.AmbientLight(0xffffff, 0.7)
+scene.add(ambientLight)
+
+// Animation loop
+function animate () {
+  requestAnimationFrame(animate)
+  controls.update()
+  renderer.render(scene, camera)
+}
+
+async function setupItemMesh () {
+  try {
+    const loader = new THREE.TextureLoader()
+    const atlasTexture = await loader.loadAsync(itemsAtlas)
+
+    // Pixel-art configuration
+    atlasTexture.magFilter = THREE.NearestFilter
+    atlasTexture.minFilter = THREE.NearestFilter
+    atlasTexture.generateMipmaps = false
+    atlasTexture.wrapS = atlasTexture.wrapT = THREE.ClampToEdgeWrapping
+
+    // Extract the tile at x=2, y=0 (16x16)
+    const tileSize = 16
+    const tileX = 2
+    const tileY = 0
+
+    const canvas = document.createElement('canvas')
+    canvas.width = tileSize
+    canvas.height = tileSize
+    const ctx = canvas.getContext('2d')!
+
+    ctx.imageSmoothingEnabled = false
+    ctx.drawImage(
+      atlasTexture.image,
+      tileX * tileSize,
+      tileY * tileSize,
+      tileSize,
+      tileSize,
+      0,
+      0,
+      tileSize,
+      tileSize
+    )
+
+    // Test both approaches - working manual extraction:
+    const meshOld = createItemMeshFromCanvas(canvas, { depth: 0.1 })
+    meshOld.position.x = -1
+    meshOld.rotation.x = -Math.PI / 12
+    meshOld.rotation.y = Math.PI / 12
+    scene.add(meshOld)
+
+    // And new unified function:
+    const atlasWidth = atlasTexture.image.width
+    const atlasHeight = atlasTexture.image.height
+    const u = (tileX * tileSize) / atlasWidth
+    const v = (tileY * tileSize) / atlasHeight
+    const sizeX = tileSize / atlasWidth
+    const sizeY = tileSize / atlasHeight
+
+    console.log('Debug texture coords:', {u, v, sizeX, sizeY, atlasWidth, atlasHeight})
+
+    const resultNew = createItemMesh(atlasTexture, {
+      u, v, sizeX, sizeY
+    }, {
+      faceCamera: false,
+      use3D: true,
+      depth: 0.1
+    })
+
+    resultNew.mesh.position.x = 1
+    resultNew.mesh.rotation.x = -Math.PI / 12
+    resultNew.mesh.rotation.y = Math.PI / 12
+    scene.add(resultNew.mesh)
+
+    animate()
+  } catch (err) {
+    console.error('Failed to create item mesh:', err)
+  }
+}
+
+// Handle window resize
+window.addEventListener('resize', () => {
+  camera.aspect = window.innerWidth / window.innerHeight
+  camera.updateProjectionMatrix()
+  renderer.setSize(window.innerWidth, window.innerHeight)
+})
+
+// Start
+setupItemMesh()
diff --git a/experiments/three-labels.html b/experiments/three-labels.html
new file mode 100644
index 00000000..2b25bc23
--- /dev/null
+++ b/experiments/three-labels.html
@@ -0,0 +1,5 @@
+<script type="module" src="three-labels.ts"></script>
+<style>
+  body { margin: 0; }
+  canvas { display: block; }
+</style>
diff --git a/experiments/three-labels.ts b/experiments/three-labels.ts
new file mode 100644
index 00000000..b69dc95b
--- /dev/null
+++ b/experiments/three-labels.ts
@@ -0,0 +1,67 @@
+import * as THREE from 'three'
+import { FirstPersonControls } from 'three/addons/controls/FirstPersonControls.js'
+import { createWaypointSprite, WAYPOINT_CONFIG } from '../renderer/viewer/three/waypointSprite'
+
+// Create scene, camera and renderer
+const scene = new THREE.Scene()
+const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)
+const renderer = new THREE.WebGLRenderer({ antialias: true })
+renderer.setSize(window.innerWidth, window.innerHeight)
+document.body.appendChild(renderer.domElement)
+
+// Add FirstPersonControls
+const controls = new FirstPersonControls(camera, renderer.domElement)
+controls.lookSpeed = 0.1
+controls.movementSpeed = 10
+controls.lookVertical = true
+controls.constrainVertical = true
+controls.verticalMin = 0.1
+controls.verticalMax = Math.PI - 0.1
+
+// Position camera
+camera.position.y = 1.6 // Typical eye height
+camera.lookAt(0, 1.6, -1)
+
+// Create a helper grid and axes
+const grid = new THREE.GridHelper(20, 20)
+scene.add(grid)
+const axes = new THREE.AxesHelper(5)
+scene.add(axes)
+
+// Create waypoint sprite via utility
+const waypoint = createWaypointSprite({
+  position: new THREE.Vector3(0, 0, -5),
+  color: 0xff0000,
+  label: 'Target',
+})
+scene.add(waypoint.group)
+
+// Use built-in offscreen arrow from utils
+waypoint.enableOffscreenArrow(true)
+waypoint.setArrowParent(scene)
+
+// Animation loop
+function animate() {
+  requestAnimationFrame(animate)
+
+  const delta = Math.min(clock.getDelta(), 0.1)
+  controls.update(delta)
+
+  // Unified camera update (size, distance text, arrow, visibility)
+  const sizeVec = renderer.getSize(new THREE.Vector2())
+  waypoint.updateForCamera(camera.position, camera, sizeVec.width, sizeVec.height)
+
+  renderer.render(scene, camera)
+}
+
+// Handle window resize
+window.addEventListener('resize', () => {
+  camera.aspect = window.innerWidth / window.innerHeight
+  camera.updateProjectionMatrix()
+  renderer.setSize(window.innerWidth, window.innerHeight)
+})
+
+// Add clock for controls
+const clock = new THREE.Clock()
+
+animate()
diff --git a/experiments/three.html b/experiments/three.html
new file mode 100644
index 00000000..8765081b
--- /dev/null
+++ b/experiments/three.html
@@ -0,0 +1 @@
+<script type="module" src="three.ts"></script>
diff --git a/experiments/three.ts b/experiments/three.ts
new file mode 100644
index 00000000..21142b5f
--- /dev/null
+++ b/experiments/three.ts
@@ -0,0 +1,60 @@
+import * as THREE from 'three'
+
+// Create scene, camera and renderer
+const scene = new THREE.Scene()
+const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)
+const renderer = new THREE.WebGLRenderer()
+renderer.setSize(window.innerWidth, window.innerHeight)
+document.body.appendChild(renderer.domElement)
+
+// Position camera
+camera.position.z = 5
+
+// Create a canvas with some content
+const canvas = document.createElement('canvas')
+canvas.width = 256
+canvas.height = 256
+const ctx = canvas.getContext('2d')
+
+scene.background = new THREE.Color(0x444444)
+
+// Draw something on the canvas
+ctx.fillStyle = '#444444'
+// ctx.fillRect(0, 0, 256, 256)
+ctx.fillStyle = 'red'
+ctx.font = '48px Arial'
+ctx.textAlign = 'center'
+ctx.textBaseline = 'middle'
+ctx.fillText('Hello!', 128, 128)
+
+// Create bitmap and texture
+async function createTexturedBox() {
+    const canvas2 = new OffscreenCanvas(256, 256)
+    const ctx2 = canvas2.getContext('2d')!
+    ctx2.drawImage(canvas, 0, 0)
+    const texture = new THREE.Texture(canvas2)
+    texture.magFilter = THREE.NearestFilter
+    texture.minFilter = THREE.NearestFilter
+    texture.needsUpdate = true
+    texture.flipY = false
+
+    // Create box with texture
+    const geometry = new THREE.BoxGeometry(2, 2, 2)
+    const material = new THREE.MeshBasicMaterial({
+        map: texture,
+        side: THREE.DoubleSide,
+        premultipliedAlpha: false,
+    })
+    const cube = new THREE.Mesh(geometry, material)
+    scene.add(cube)
+}
+
+// Create the textured box
+createTexturedBox()
+
+// Animation loop
+function animate() {
+    requestAnimationFrame(animate)
+    renderer.render(scene, camera)
+}
+animate()
diff --git a/index.html b/index.html
index 62e109cd..b2fa3dbd 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,22 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta name="darkreader-lock">
     <script>
       window.startLoad = Date.now()
+      // g663 fix: forbid change of string prototype
+      Object.defineProperty(String.prototype, 'format', {
+        writable: false,
+        configurable: false
+      });
+      Object.defineProperty(String.prototype, 'replaceAll', {
+        writable: false,
+        configurable: false
+      });
     </script>
     <!-- // #region initial loader -->
     <script async>
-      const loadingDiv = `
+      const loadingDiv = /* html */ `
       <div class="initial-loader" style="position: fixed;transition:opacity 0.2s;inset: 0;background:black;display: flex;justify-content: center;align-items: center;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;gap: 15px;" ontransitionend="this.remove()">
     <div>
         <img src="./loading-bg.jpg" alt="Prismarine Web Client" style="position:fixed;inset:0;width:100%;height:100%;z-index: -2;object-fit: cover;filter: blur(3px);">
@@ -15,25 +25,68 @@
     <div>
         <div style="font-size: calc(var(--font-size) * 1.8);color: lightgray;" class="title">Loading...</div>
         <div style="font-size: var(--font-size);color: rgb(176, 176, 176);margin-top: 3px;text-align: center" class="subtitle">A true Minecraft client in your browser!</div>
+        <!-- small text pre -->
+        <div style="font-size: calc(var(--font-size) * 0.6);color: rgb(150, 150, 150);margin-top: 3px;text-align: center;white-space: pre-line;" class="advanced-info"></div>
+        <div style="font-size: calc(var(--font-size) * 0.6);color: rgb(255, 100, 100);margin-top: 10px;text-align: center;display: none;" class="ios-warning">Only iOS 15+ is supported due to performance optimizations</div>
     </div>
 </div>
 `
-      const loadingDivElem = document.createElement('div')
-      loadingDivElem.innerHTML = loadingDiv
-      if (!window.pageLoaded) {
-        document.documentElement.appendChild(loadingDivElem)
-      }
-        // load error handling
-        const onError = (message) => {
-          console.log(message)
-          if (document.querySelector('.initial-loader') && document.querySelector('.initial-loader').querySelector('.title').textContent !== 'Error') {
-            document.querySelector('.initial-loader').querySelector('.title').textContent = 'Error'
-            document.querySelector('.initial-loader').querySelector('.subtitle').textContent = message
-            if (window.navigator.maxTouchPoints > 1) window.location.hash = '#dev' // show eruda
+      const insertLoadingDiv = () => {
+          const loadingDivElem = document.createElement('div')
+          loadingDivElem.innerHTML = loadingDiv
+          if (!window.pageLoaded) {
+            document.documentElement.appendChild(loadingDivElem)
           }
+
+          // iOS version detection
+          const getIOSVersion = () => {
+            const match = navigator.userAgent.match(/OS (\d+)_(\d+)_?(\d+)?/);
+            return match ? parseInt(match[1], 10) : null;
+          }
+
+          // load error handling
+          const onError = (errorOrMessage, log = false) => {
+            let message = errorOrMessage instanceof Error ? (errorOrMessage.stack ?? errorOrMessage.message) : errorOrMessage
+            if (log) console.log(message)
+            if (typeof message !== 'string') message = String(message)
+            if (document.querySelector('.initial-loader') && document.querySelector('.initial-loader').querySelector('.title').textContent !== 'Error') {
+              document.querySelector('.initial-loader').querySelector('.title').textContent = 'Error'
+              const [errorMessage, ...errorStack] = message.split('\n')
+              document.querySelector('.initial-loader').querySelector('.subtitle').textContent = errorMessage
+              document.querySelector('.initial-loader').querySelector('.advanced-info').textContent = errorStack.join('\n')
+
+              // Show iOS warning if applicable
+              const iosVersion = getIOSVersion();
+              if (iosVersion !== null && iosVersion < 15) {
+                document.querySelector('.initial-loader').querySelector('.ios-warning').style.display = 'block';
+              }
+
+              if (window.navigator.maxTouchPoints > 1) window.location.hash = '#dev' // show eruda
+              // unregister all sw
+              if (window.navigator.serviceWorker && document.querySelector('.initial-loader').style.opacity !== 0) {
+                console.log('got worker')
+                window.navigator.serviceWorker.getRegistrations().then(registrations => {
+                  registrations.forEach(registration => {
+                    console.log('got registration')
+                    registration.unregister().then(() => {
+                      console.log('worker unregistered')
+                    })
+                  })
+                })
+              }
+              window.lastError = errorOrMessage instanceof Error ? errorOrMessage : new Error(errorOrMessage)
+            }
+          }
+          window.addEventListener('unhandledrejection', (e) => onError(e.reason, true))
+          window.addEventListener('error', (e) => onError(e.error ?? e.message))
         }
-        window.addEventListener('unhandledrejection', (e) => onError(e.reason))
-        window.addEventListener('error', (e) => onError(e.message))
+        insertLoadingDiv()
+        document.addEventListener('DOMContentLoaded', () => {
+          // move loading div to the end of body
+          const loadingDivElem = document.querySelector('.initial-loader');
+          const newContainer = document.body; // replace with your new container
+          if (loadingDivElem) newContainer.appendChild(loadingDivElem);
+        })
     </script>
     <script type="module" async>
       const checkLoadEruda = () => {
@@ -42,6 +95,25 @@
           import('https://cdn.skypack.dev/eruda').then(({ default: eruda }) => {
             eruda.init()
           })
+          Promise.all([import('https://cdn.skypack.dev/stacktrace-gps'), import('https://cdn.skypack.dev/error-stack-parser')]).then(async ([{ default: StackTraceGPS }, { default: ErrorStackParser }]) => {
+            if (!window.lastError) return
+
+            let stackFrames = [];
+            if (window.lastError instanceof Error) {
+              stackFrames = ErrorStackParser.parse(window.lastError);
+            }
+            console.log('stackFrames', stackFrames)
+            const gps = new StackTraceGPS()
+            const mappedFrames = await Promise.all(
+              stackFrames.map(frame => gps.pinpoint(frame))
+            );
+            console.log('mappedFrames', mappedFrames)
+
+            const stackTrace = mappedFrames
+              .map(frame => `at ${frame.functionName} (${frame.fileName}:${frame.lineNumber}:${frame.columnNumber})`)
+              .join('\n');
+            console.log('stackTrace', stackTrace)
+          })
         }
       }
       checkLoadEruda()
@@ -75,22 +147,17 @@
         window.loadedPlugins[pluginName] = await import(script)
       }
     </script> -->
-    <title>Prismarine Web Client</title>
-    <link rel="stylesheet" href="index.css">
-    <link rel="favicon" href="favicon.png">
-    <link rel="icon" type="image/png" href="favicon.png" />
-    <link rel="canonical" href="https://mcraft.fun">
-    <meta name="description" content="Minecraft web client running in your browser">
+    <title>Minecraft Web Client</title>
+    <!-- <link rel="canonical" href="https://mcraft.fun"> -->
+    <meta name="description" content="Minecraft Java Edition Client in Browser — Full Multiplayer Support, Server Connect, Offline Play — Join real Minecraft servers">
     <meta name="keywords" content="Play, Minecraft, Online, Web, Java, Server, Single player, Javascript, PrismarineJS, Voxel, WebGL, Three.js">
-    <meta name="date" content="2023-09-11" scheme="YYYY-MM-DD">
+    <meta name="date" content="2024-07-11" scheme="YYYY-MM-DD">
     <meta name="language" content="English">
     <meta name="theme-color" content="#349474">
     <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover'>
-    <meta property="og:title" content="Prismarine Web Client" />
+    <meta property="og:title" content="Minecraft Web Client" />
     <meta property="og:type" content="website" />
-    <meta property="og:image" content="favicon.png" />
     <meta name="format-detection" content="telephone=no">
-    <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
   </head>
   <body>
     <div id="react-root"></div>
diff --git a/package.json b/package.json
index c0342260..ff673726 100644
--- a/package.json
+++ b/package.json
@@ -3,32 +3,47 @@
   "version": "0.0.0-dev",
   "description": "A minecraft client running in a browser",
   "scripts": {
-    "start": "node scripts/build.js copyFilesDev && node scripts/prepareData.mjs && node esbuild.mjs --watch",
-    "start-watch-script": "nodemon -w esbuild.mjs --watch",
-    "build": "node scripts/build.js copyFiles && node scripts/prepareData.mjs -f && node esbuild.mjs --minify --prod",
-    "check-build": "tsc && pnpm build",
+    "dev-rsbuild": "rsbuild dev",
+    "dev-proxy": "node server.js",
+    "start": "run-p dev-proxy dev-rsbuild watch-mesher",
+    "start2": "run-p dev-rsbuild watch-mesher",
+    "start-metrics": "ENABLE_METRICS=true rsbuild dev",
+    "build": "pnpm build-other-workers && rsbuild build",
+    "build-analyze": "BUNDLE_ANALYZE=true rsbuild build && pnpm build-other-workers",
+    "build-single-file": "SINGLE_FILE_BUILD=true rsbuild build",
+    "prepare-project": "tsx scripts/genShims.ts && tsx scripts/makeOptimizedMcData.mjs && tsx scripts/genLargeDataAliases.ts",
+    "check-build": "pnpm prepare-project && tsc && pnpm build",
     "test:cypress": "cypress run",
+    "test:benchmark": "PERFORMANCE_TEST=true cypress run",
+    "test:cypress:open": "cypress open",
     "test-unit": "vitest",
     "test:e2e": "start-test http-get://localhost:8080 test:cypress",
-    "prod-start": "node server.js",
-    "postinstall": "node scripts/gen-texturepack-files.mjs && tsx scripts/optimizeBlockCollisions.ts",
+    "prod-start": "node server.js --prod",
     "test-mc-server": "tsx cypress/minecraft-server.mjs",
-    "lint": "eslint \"{src,cypress}/**/*.{ts,js,jsx,tsx}\"",
+    "lint": "eslint \"{src,cypress,renderer}/**/*.{ts,js,jsx,tsx}\"",
+    "lint-fix": "pnpm lint --fix",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build && node scripts/build.js moveStorybookFiles",
     "start-experiments": "vite --config experiments/vite.config.ts --host",
     "watch-other-workers": "echo NOT IMPLEMENTED",
-    "watch-mesher": "node prismarine-viewer/buildMesherWorker.mjs -w",
-    "run-playground": "run-p watch-mesher watch-other-workers playground-server watch-playground",
+    "build-other-workers": "echo NOT IMPLEMENTED",
+    "build-mesher": "node renderer/buildMesherWorker.mjs",
+    "watch-mesher": "pnpm build-mesher -w",
+    "run-playground": "run-p watch-mesher watch-other-workers watch-playground",
     "run-all": "run-p start run-playground",
-    "playground-server": "live-server --port=9090 prismarine-viewer/public",
-    "watch-playground": "node prismarine-viewer/esbuild.mjs -w"
+    "build-playground": "rsbuild build --config renderer/rsbuild.config.ts",
+    "watch-playground": "rsbuild dev --config renderer/rsbuild.config.ts",
+    "update-git-deps": "tsx scripts/updateGitDeps.ts",
+    "request-data": "tsx scripts/requestData.ts"
   },
   "keywords": [
     "prismarine",
     "web",
     "client"
   ],
+  "release": {
+    "attachReleaseFiles": "{self-host.zip,minecraft.html}"
+  },
   "publish": {
     "preset": {
       "publishOnlyIfChanged": true,
@@ -39,16 +54,17 @@
   "dependencies": {
     "@dimaka/interface": "0.0.3-alpha.0",
     "@floating-ui/react": "^0.26.1",
-    "@mui/base": "5.0.0-beta.40",
-    "@nxg-org/mineflayer-auto-jump": "^0.7.7",
-    "@nxg-org/mineflayer-tracker": "^1.2.1",
+    "@monaco-editor/react": "^4.7.0",
+    "@nxg-org/mineflayer-auto-jump": "^0.7.18",
+    "@nxg-org/mineflayer-tracker": "1.3.0",
     "@react-oauth/google": "^0.12.1",
+    "@stylistic/eslint-plugin": "^2.6.1",
     "@types/gapi": "^0.0.47",
     "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.7",
     "@types/wicg-file-system-access": "^2023.10.2",
     "@xmcl/text-component": "^2.1.3",
-    "@zardoy/react-util": "^0.2.0",
+    "@zardoy/react-util": "^0.2.4",
     "@zardoy/utils": "^0.0.11",
     "adm-zip": "^0.5.12",
     "browserfs": "github:zardoy/browserfs#build",
@@ -56,27 +72,29 @@
     "classnames": "^2.5.1",
     "compression": "^1.7.4",
     "cors": "^2.8.5",
-    "cypress-plugin-snapshots": "^1.4.4",
     "debug": "^4.3.4",
+    "deepslate": "^0.23.5",
+    "diff-match-patch": "^1.0.5",
     "eruda": "^3.0.1",
     "esbuild": "^0.19.3",
     "esbuild-plugin-polyfill-node": "^0.3.0",
     "express": "^4.18.2",
     "filesize": "^10.0.12",
-    "flying-squid": "npm:@zardoy/flying-squid@^0.0.29",
+    "flying-squid": "npm:@zardoy/flying-squid@^0.0.104",
+    "framer-motion": "^12.9.2",
     "fs-extra": "^11.1.1",
     "google-drive-browserfs": "github:zardoy/browserfs#google-drive",
-    "iconify-icon": "^1.0.8",
     "jszip": "^3.10.1",
     "lodash-es": "^4.17.21",
-    "minecraft-assets": "^1.12.2",
-    "minecraft-data": "3.65.0",
-    "minecraft-protocol": "github:PrismarineJS/node-minecraft-protocol",
+    "mcraft-fun-mineflayer": "^0.1.23",
+    "minecraft-data": "3.98.0",
+    "minecraft-protocol": "github:PrismarineJS/node-minecraft-protocol#master",
     "mineflayer-item-map-downloader": "github:zardoy/mineflayer-item-map-downloader",
     "mojangson": "^2.0.4",
     "net-browserify": "github:zardoy/prismarinejs-net-browserify",
     "node-gzip": "^1.1.2",
     "peerjs": "^1.5.0",
+    "pixelarticons": "^1.8.1",
     "pretty-bytes": "^6.1.1",
     "prismarine-provider-anvil": "github:zardoy/prismarine-provider-anvil#everything",
     "prosemirror-example-setup": "^1.2.2",
@@ -87,7 +105,8 @@
     "qrcode.react": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-transition-group": "^4.4.5",
+    "react-select": "^5.8.0",
+    "react-zoom-pan-pinch": "3.4.4",
     "remark": "^15.0.1",
     "sanitize-filename": "^1.6.3",
     "skinview3d": "^3.0.1",
@@ -104,13 +123,18 @@
     "workbox-build": "^7.0.0"
   },
   "devDependencies": {
+    "@rsbuild/core": "1.3.5",
+    "@rsbuild/plugin-node-polyfill": "1.3.0",
+    "@rsbuild/plugin-react": "1.2.0",
+    "@rsbuild/plugin-type-check": "1.2.1",
+    "@rsbuild/plugin-typed-css-modules": "1.0.2",
     "@storybook/addon-essentials": "^7.4.6",
     "@storybook/addon-links": "^7.4.6",
     "@storybook/blocks": "^7.4.6",
     "@storybook/react": "^7.4.6",
     "@storybook/react-vite": "^7.4.6",
+    "@types/diff-match-patch": "^1.0.36",
     "@types/lodash-es": "^4.17.9",
-    "@types/react-transition-group": "^4.4.7",
     "@types/stats.js": "^0.17.1",
     "@types/three": "0.154.0",
     "@types/ua-parser-js": "^0.7.39",
@@ -120,57 +144,99 @@
     "browserify-zlib": "^0.2.0",
     "buffer": "^6.0.3",
     "constants-browserify": "^1.0.0",
-    "contro-max": "^0.1.8",
+    "contro-max": "^0.1.9",
     "crypto-browserify": "^3.12.0",
-    "cypress": "^10.11.0",
     "cypress-esbuild-preprocessor": "^1.0.2",
     "eslint": "^8.50.0",
     "eslint-config-zardoy": "^0.2.17",
     "events": "^3.3.0",
+    "gzip-size": "^7.0.0",
     "http-browserify": "^1.7.0",
     "http-server": "^14.1.1",
     "https-browserify": "^1.0.0",
+    "mc-assets": "^0.2.62",
     "minecraft-inventory-gui": "github:zardoy/minecraft-inventory-gui#next",
-    "mineflayer": "github:zardoy/mineflayer",
-    "mineflayer-pathfinder": "^2.4.4",
+    "mineflayer": "github:zardoy/mineflayer#gen-the-master",
+    "mineflayer-mouse": "^0.1.21",
     "npm-run-all": "^4.1.5",
     "os-browserify": "^0.3.0",
     "path-browserify": "^1.0.1",
     "path-exists-cli": "^2.0.0",
-    "prismarine-viewer": "link:prismarine-viewer",
     "process": "github:PrismarineJS/node-process",
+    "renderer": "link:renderer",
     "rimraf": "^5.0.1",
     "storybook": "^7.4.6",
     "stream-browserify": "^3.0.0",
     "three": "0.154.0",
     "timers-browserify": "^2.0.12",
-    "typescript": "5.5.0-beta",
+    "typescript": "5.5.4",
     "vitest": "^0.34.6",
     "yaml": "^2.3.2"
   },
   "optionalDependencies": {
+    "cypress": "^10.11.0",
+    "cypress-plugin-snapshots": "^1.4.4",
+    "sharp": "^0.33.5",
     "systeminformation": "^5.21.22"
   },
+  "browserslist": {
+    "production": [
+      "iOS >= 14",
+      "Android >= 13",
+      "Chrome >= 103",
+      "not dead",
+      "not ie <= 11",
+      "not op_mini all",
+      "> 0.5%"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
   "pnpm": {
     "overrides": {
-      "@nxg-org/mineflayer-physics-util": "1.5.8",
+      "mineflayer": "github:zardoy/mineflayer#gen-the-master",
+      "@nxg-org/mineflayer-physics-util": "1.8.10",
+      "buffer": "^6.0.3",
+      "vec3": "0.1.10",
       "three": "0.154.0",
       "diamond-square": "github:zardoy/diamond-square",
       "prismarine-block": "github:zardoy/prismarine-block#next-era",
       "prismarine-world": "github:zardoy/prismarine-world#next-era",
-      "minecraft-data": "3.65.0",
+      "minecraft-data": "3.98.0",
       "prismarine-provider-anvil": "github:zardoy/prismarine-provider-anvil#everything",
-      "minecraft-protocol": "github:PrismarineJS/node-minecraft-protocol",
+      "prismarine-physics": "github:zardoy/prismarine-physics",
+      "minecraft-protocol": "github:PrismarineJS/node-minecraft-protocol#master",
       "react": "^18.2.0",
-      "prismarine-chunk": "github:zardoy/prismarine-chunk"
+      "prismarine-chunk": "github:zardoy/prismarine-chunk#master",
+      "prismarine-item": "latest"
     },
     "updateConfig": {
-      "ignoreDependencies": []
+      "ignoreDependencies": [
+        "browserfs",
+        "google-drive-browserfs"
+      ]
     },
     "patchedDependencies": {
-      "minecraft-protocol@1.47.0": "patches/minecraft-protocol@1.47.0.patch",
-      "three@0.154.0": "patches/three@0.154.0.patch"
-    }
+      "pixelarticons@1.8.1": "patches/pixelarticons@1.8.1.patch",
+      "mineflayer-item-map-downloader@1.2.0": "patches/mineflayer-item-map-downloader@1.2.0.patch",
+      "minecraft-protocol": "patches/minecraft-protocol.patch"
+    },
+    "ignoredBuiltDependencies": [
+      "canvas",
+      "core-js",
+      "gl"
+    ],
+    "onlyBuiltDependencies": [
+      "sharp",
+      "cypress",
+      "esbuild",
+      "fsevents"
+    ],
+    "ignorePatchFailures": false,
+    "allowUnusedPatches": false
   },
-  "packageManager": "pnpm@9.0.4"
+  "packageManager": "pnpm@10.8.0+sha512.0e82714d1b5b43c74610193cb20734897c1d00de89d0e18420aebc5977fa13d780a9cb05734624e81ebd81cc876cd464794850641c48b9544326b5622ca29971"
 }
diff --git a/package.npm.json b/package.npm.json
index 7e13d67b..4853780f 100644
--- a/package.npm.json
+++ b/package.npm.json
@@ -3,7 +3,13 @@
     "description": "A Minecraft-like React UI library",
     "keywords": [
         "minecraft",
-        "minecraft style"
+        "minecraft style",
+        "minecraft ui",
+        "minecraft components",
+        "minecraft react",
+        "minecraft library",
+        "minecraft web",
+        "minecraft browser"
     ],
     "license": "MIT",
     "sideEffects": false,
diff --git a/patches/minecraft-protocol.patch b/patches/minecraft-protocol.patch
new file mode 100644
index 00000000..e29f87d9
--- /dev/null
+++ b/patches/minecraft-protocol.patch
@@ -0,0 +1,138 @@
+diff --git a/src/client/chat.js b/src/client/chat.js
+index 0021870994fc59a82f0ac8aba0a65a8be43ef2f4..a53fceb843105ea2a1d88722b3fc7c3b43cb102a 100644
+--- a/src/client/chat.js
++++ b/src/client/chat.js
+@@ -116,7 +116,7 @@ module.exports = function (client, options) {
+     for (const player of packet.data) {
+       if (player.chatSession) {
+         client._players[player.uuid] = {
+-          publicKey: crypto.createPublicKey({ key: player.chatSession.publicKey.keyBytes, format: 'der', type: 'spki' }),
++          // publicKey: crypto.createPublicKey({ key: player.chatSession.publicKey.keyBytes, format: 'der', type: 'spki' }),
+           publicKeyDER: player.chatSession.publicKey.keyBytes,
+           sessionUuid: player.chatSession.uuid
+         }
+@@ -126,7 +126,7 @@ module.exports = function (client, options) {
+ 
+       if (player.crypto) {
+         client._players[player.uuid] = {
+-          publicKey: crypto.createPublicKey({ key: player.crypto.publicKey, format: 'der', type: 'spki' }),
++          // publicKey: crypto.createPublicKey({ key: player.crypto.publicKey, format: 'der', type: 'spki' }),
+           publicKeyDER: player.crypto.publicKey,
+           signature: player.crypto.signature,
+           displayName: player.displayName || player.name
+@@ -196,7 +196,7 @@ module.exports = function (client, options) {
+     if (mcData.supportFeature('useChatSessions')) {
+       const tsDelta = BigInt(Date.now()) - packet.timestamp
+       const expired = !packet.timestamp || tsDelta > messageExpireTime || tsDelta < 0
+-      const verified = !packet.unsignedChatContent && updateAndValidateSession(packet.senderUuid, packet.plainMessage, packet.signature, packet.index, packet.previousMessages, packet.salt, packet.timestamp) && !expired
++      const verified = false && !packet.unsignedChatContent && updateAndValidateSession(packet.senderUuid, packet.plainMessage, packet.signature, packet.index, packet.previousMessages, packet.salt, packet.timestamp) && !expired
+       if (verified) client._signatureCache.push(packet.signature)
+       client.emit('playerChat', {
+         globalIndex: packet.globalIndex,
+@@ -362,7 +362,7 @@ module.exports = function (client, options) {
+     }
+   }
+ 
+-  client._signedChat = (message, options = {}) => {
++  client._signedChat = async (message, options = {}) => {
+     options.timestamp = options.timestamp || BigInt(Date.now())
+     options.salt = options.salt || 1n
+ 
+@@ -407,7 +407,7 @@ module.exports = function (client, options) {
+         message,
+         timestamp: options.timestamp,
+         salt: options.salt,
+-        signature: (client.profileKeys && client._session) ? client.signMessage(message, options.timestamp, options.salt, undefined, acknowledgements) : undefined,
++        signature: (client.profileKeys && client._session) ? await client.signMessage(message, options.timestamp, options.salt, undefined, acknowledgements) : undefined,
+         offset: client._lastSeenMessages.pending,
+         checksum: computeChatChecksum(client._lastSeenMessages), // 1.21.5+
+         acknowledged
+@@ -422,7 +422,7 @@ module.exports = function (client, options) {
+         message,
+         timestamp: options.timestamp,
+         salt: options.salt,
+-        signature: client.profileKeys ? client.signMessage(message, options.timestamp, options.salt, options.preview) : Buffer.alloc(0),
++        signature: client.profileKeys ? await client.signMessage(message, options.timestamp, options.salt, options.preview) : Buffer.alloc(0),
+         signedPreview: options.didPreview,
+         previousMessages: client._lastSeenMessages.map((e) => ({
+           messageSender: e.sender,
+diff --git a/src/client/encrypt.js b/src/client/encrypt.js
+index 63cc2bd9615100bd2fd63dfe14c094aa6b8cd1c9..36df57d1196af9761d920fa285ac48f85410eaef 100644
+--- a/src/client/encrypt.js
++++ b/src/client/encrypt.js
+@@ -25,7 +25,11 @@ module.exports = function (client, options) {
+         if (packet.serverId !== '-') {
+           debug('This server appears to be an online server and you are providing no password, the authentication will probably fail')
+         }
+-        sendEncryptionKeyResponse()
++        client.end('This server appears to be an online server and you are providing no authentication. Try authenticating first.')
++        // sendEncryptionKeyResponse()
++        // client.once('set_compression', () => {
++        //   clearTimeout(loginTimeout)
++        // })
+       }
+ 
+       function onJoinServerResponse (err) {
+diff --git a/src/client/pluginChannels.js b/src/client/pluginChannels.js
+index 671eb452f31e6b5fcd57d715f1009d010160c65f..7f69f511c8fb97d431ec5125c851b49be8e2ab76 100644
+--- a/src/client/pluginChannels.js
++++ b/src/client/pluginChannels.js
+@@ -57,7 +57,7 @@ module.exports = function (client, options) {
+         try {
+           packet.data = proto.parsePacketBuffer(channel, packet.data).data
+         } catch (error) {
+-          client.emit('error', error)
++          client.emit('error', error, { customPayload: packet })
+           return
+         }
+       }
+diff --git a/src/client.js b/src/client.js
+index e369e77d055ba919e8f9da7b8e8b5dc879c74cf4..54bb9e6644388e9b6bd42b3012951875989cdf0c 100644
+--- a/src/client.js
++++ b/src/client.js
+@@ -111,7 +111,13 @@ class Client extends EventEmitter {
+           this._hasBundlePacket = false
+         }
+       } else {
+-        emitPacket(parsed)
++        try {
++          emitPacket(parsed)
++        } catch (err) {
++          console.log('Client incorrectly handled packet ' + parsed.metadata.name)
++          console.error(err)
++          // todo investigate why it doesn't close the stream even if unhandled there
++        }
+       }
+     })
+   }
+@@ -169,7 +175,10 @@ class Client extends EventEmitter {
+     }
+ 
+     const onFatalError = (err) => {
+-      this.emit('error', err)
++      // todo find out what is trying to write after client disconnect
++      if(err.code !== 'ECONNABORTED') {
++        this.emit('error', err)
++      }
+       endSocket()
+     }
+ 
+@@ -198,6 +207,10 @@ class Client extends EventEmitter {
+     serializer -> framer -> socket -> splitter -> deserializer */
+     if (this.serializer) {
+       this.serializer.end()
++      setTimeout(() => {
++        this.socket?.end()
++        this.socket?.emit('end')
++      }, 2000) // allow the serializer to finish writing
+     } else {
+       if (this.socket) this.socket.end()
+     }
+@@ -243,6 +256,7 @@ class Client extends EventEmitter {
+       debug('writing packet ' + this.state + '.' + name)
+       debug(params)
+     }
++    this.emit('writePacket', name, params)
+     this.serializer.write({ name, params })
+   }
+ 
diff --git a/patches/minecraft-protocol@1.47.0.patch b/patches/minecraft-protocol@1.47.0.patch
deleted file mode 100644
index 02bbdd5d..00000000
--- a/patches/minecraft-protocol@1.47.0.patch
+++ /dev/null
@@ -1,130 +0,0 @@
-diff --git a/src/client/autoVersion.js b/src/client/autoVersion.js
-index c437ecf3a0e4ab5758a48538c714b7e9651bb5da..d9c9895ae8614550aa09ad60a396ac32ffdf1287 100644
---- a/src/client/autoVersion.js
-+++ b/src/client/autoVersion.js
-@@ -9,7 +9,7 @@ module.exports = function (client, options) {
-   client.wait_connect = true // don't let src/client/setProtocol proceed on socket 'connect' until 'connect_allowed'
-   debug('pinging', options.host)
-   // TODO: use 0xfe ping instead for better compatibility/performance? https://github.com/deathcap/node-minecraft-ping
--  ping(options, function (err, response) {
-+  ping(options, async function (err, response) {
-     if (err) { return client.emit('error', err) }
-     debug('ping response', response)
-     // TODO: could also use ping pre-connect to save description, type, max players, etc.
-@@ -40,6 +40,7 @@ module.exports = function (client, options) {
- 
-     // Reinitialize client object with new version TODO: move out of its constructor?
-     client.version = minecraftVersion
-+    await options.versionSelectedHook?.(client)
-     client.state = states.HANDSHAKING
- 
-     // Let other plugins such as Forge/FML (modinfo) respond to the ping response
-diff --git a/src/client/encrypt.js b/src/client/encrypt.js
-index b9d21bab9faccd5dbf1975fc423fc55c73e906c5..99ffd76527b410e3a393181beb260108f4c63536 100644
---- a/src/client/encrypt.js
-+++ b/src/client/encrypt.js
-@@ -25,7 +25,11 @@ module.exports = function (client, options) {
-         if (packet.serverId !== '-') {
-           debug('This server appears to be an online server and you are providing no password, the authentication will probably fail')
-         }
--        sendEncryptionKeyResponse()
-+        client.end('This server appears to be an online server and you are providing no authentication. Try authenticating first.')
-+        // sendEncryptionKeyResponse()
-+        // client.once('set_compression', () => {
-+        //   clearTimeout(loginTimeout)
-+        // })
-       }
- 
-       function onJoinServerResponse (err) {
-diff --git a/src/client.js b/src/client.js
-index c89375e32babbf3559655b1e95f6441b9a30796f..f24cd5dc8fa9a0a4000b184fb3c79590a3ad8b8a 100644
---- a/src/client.js
-+++ b/src/client.js
-@@ -88,10 +88,12 @@ class Client extends EventEmitter {
-       parsed.metadata.name = parsed.data.name
-       parsed.data = parsed.data.params
-       parsed.metadata.state = state
--      debug('read packet ' + state + '.' + parsed.metadata.name)
--      if (debug.enabled) {
--        const s = JSON.stringify(parsed.data, null, 2)
--        debug(s && s.length > 10000 ? parsed.data : s)
-+      if (!globalThis.excludeCommunicationDebugEvents?.includes(parsed.metadata.name)) {
-+        debug('read packet ' + state + '.' + parsed.metadata.name)
-+        if (debug.enabled) {
-+          const s = JSON.stringify(parsed.data, null, 2)
-+          debug(s && s.length > 10000 ? parsed.data : s)
-+        }
-       }
-       if (this._hasBundlePacket && parsed.metadata.name === 'bundle_delimiter') {
-         if (this._mcBundle.length) { // End bundle
-@@ -109,7 +111,13 @@ class Client extends EventEmitter {
-           this._hasBundlePacket = false
-         }
-       } else {
--        emitPacket(parsed)
-+        try {
-+          emitPacket(parsed)
-+        } catch (err) {
-+          console.log('Client incorrectly handled packet ' + parsed.metadata.name)
-+          console.error(err)
-+          // todo investigate why it doesn't close the stream even if unhandled there
-+        }
-       }
-     })
-   }
-@@ -166,7 +174,10 @@ class Client extends EventEmitter {
-     }
- 
-     const onFatalError = (err) => {
--      this.emit('error', err)
-+      // todo find out what is trying to write after client disconnect
-+      if(err.code !== 'ECONNABORTED') {
-+        this.emit('error', err)
-+      }
-       endSocket()
-     }
- 
-@@ -195,6 +206,8 @@ class Client extends EventEmitter {
-     serializer -> framer -> socket -> splitter -> deserializer */
-     if (this.serializer) {
-       this.serializer.end()
-+      this.socket?.end()
-+      this.socket?.emit('end')
-     } else {
-       if (this.socket) this.socket.end()
-     }
-@@ -236,8 +249,11 @@ class Client extends EventEmitter {
- 
-   write (name, params) {
-     if (!this.serializer.writable) { return }
--    debug('writing packet ' + this.state + '.' + name)
--    debug(params)
-+    if (!globalThis.excludeCommunicationDebugEvents?.includes(name)) {
-+      debug(`[${this.state}] from ${this.isServer ? 'server' : 'client'}: ` + name)
-+      debug(params)
-+    }
-+    this.emit('writePacket', name, params)
-     this.serializer.write({ name, params })
-   }
- 
-diff --git a/src/index.d.ts b/src/index.d.ts
-index 0a5821c32d735e11205a280aa5a503c13533dc14..94a49f661d922478b940d853169b6087e6ec3df5 100644
---- a/src/index.d.ts
-+++ b/src/index.d.ts
-@@ -121,6 +121,7 @@ declare module 'minecraft-protocol' {
- 		sessionServer?: string
- 		keepAlive?: boolean
- 		closeTimeout?: number
-+		closeTimeout?: number
- 		noPongTimeout?: number
- 		checkTimeoutInterval?: number
- 		version?: string
-@@ -141,6 +142,8 @@ declare module 'minecraft-protocol' {
- 		disableChatSigning?: boolean
- 		/** Pass custom client implementation if needed. */
- 		Client?: Client
-+		/** Can be used to prepare mc data on autoVersion (client.version has selected version) */
-+		versionSelectedHook?: (client: Client) => Promise<void> | void
- 	}
- 
- 	export class Server extends EventEmitter {
diff --git a/patches/mineflayer-item-map-downloader@1.2.0.patch b/patches/mineflayer-item-map-downloader@1.2.0.patch
new file mode 100644
index 00000000..97813cc1
--- /dev/null
+++ b/patches/mineflayer-item-map-downloader@1.2.0.patch
@@ -0,0 +1,16 @@
+diff --git a/package.json b/package.json
+index 2a7aff75a9f1c7fe4eebb657002e58f4581dad0e..cd3490983353336efeb13f24f0af69c6c1d16444 100644
+--- a/package.json
++++ b/package.json
+@@ -9,10 +9,7 @@
+   "keywords": [],
+   "author": "Ic3Tank",
+   "license": "ISC",
+-  "dependencies": {
+-    "mineflayer": "^4.3.0",
+-    "sharp": "^0.30.6"
+-  },
++  "dependencies": {},
+   "devDependencies": {
+     "mineflayer-item-map-downloader": "file:./"
+   }
diff --git a/patches/pixelarticons@1.8.1.patch b/patches/pixelarticons@1.8.1.patch
new file mode 100644
index 00000000..b65b6f2b
--- /dev/null
+++ b/patches/pixelarticons@1.8.1.patch
@@ -0,0 +1,28 @@
+diff --git a/fonts/pixelart-icons-font.css b/fonts/pixelart-icons-font.css
+index 3b2ebe839370d96bf93ef5ca94a827f07e49378d..4f8d76be2ca6e4ddc43c68d0a6f0f69979165ab4 100644
+--- a/fonts/pixelart-icons-font.css
++++ b/fonts/pixelart-icons-font.css
+@@ -1,16 +1,13 @@
+ @font-face {
+   font-family: "pixelart-icons-font";
+-  src: url('pixelart-icons-font.eot?t=1711815892278'); /* IE9*/
+-  src: url('pixelart-icons-font.eot?t=1711815892278#iefix') format('embedded-opentype'), /* IE6-IE8 */
++  src:
+   url("pixelart-icons-font.woff2?t=1711815892278") format("woff2"),
+   url("pixelart-icons-font.woff?t=1711815892278") format("woff"),
+-  url('pixelart-icons-font.ttf?t=1711815892278') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+-  url('pixelart-icons-font.svg?t=1711815892278#pixelart-icons-font') format('svg'); /* iOS 4.1- */
++  url('pixelart-icons-font.ttf?t=1711815892278') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+ }
+
+ [class^="pixelart-icons-font-"], [class*=" pixelart-icons-font-"] {
+   font-family: 'pixelart-icons-font' !important;
+-  font-size:24px;
+   font-style:normal;
+   -webkit-font-smoothing: antialiased;
+   -moz-osx-font-smoothing: grayscale;
+@@ -503,4 +500,3 @@
+ .pixelart-icons-font-zap:before { content: "\ebe4"; }
+ .pixelart-icons-font-zoom-in:before { content: "\ebe5"; }
+ .pixelart-icons-font-zoom-out:before { content: "\ebe6"; }
+-
diff --git a/patches/three@0.154.0.patch b/patches/three@0.154.0.patch
deleted file mode 100644
index e612415c..00000000
--- a/patches/three@0.154.0.patch
+++ /dev/null
@@ -1,16 +0,0 @@
-diff --git a/examples/jsm/webxr/VRButton.js b/examples/jsm/webxr/VRButton.js
-index 6856a21b17aa45d7922bbf776fd2d7e63c7a9b4e..0925b706f7629bd52f0bb5af469536af8f5fce2c 100644
---- a/examples/jsm/webxr/VRButton.js
-+++ b/examples/jsm/webxr/VRButton.js
-@@ -62,7 +62,10 @@ class VRButton {
- 					// ('local' is always available for immersive sessions and doesn't need to
- 					// be requested separately.)
- 
--					const sessionInit = { optionalFeatures: [ 'local-floor', 'bounded-floor', 'hand-tracking', 'layers' ] };
-+					const sessionInit = {
-+						optionalFeatures: ['local-floor', 'bounded-floor', 'layers'],
-+						domOverlay: { root: document.body },
-+					};
- 					navigator.xr.requestSession( 'immersive-vr', sessionInit ).then( onSessionStarted );
- 
- 				} else {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1f2b4809..5bcd74a0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,24 +5,32 @@ settings:
   excludeLinksFromLockfile: false
 
 overrides:
-  '@nxg-org/mineflayer-physics-util': 1.5.8
+  mineflayer: github:zardoy/mineflayer#gen-the-master
+  '@nxg-org/mineflayer-physics-util': 1.8.10
+  buffer: ^6.0.3
+  vec3: 0.1.10
   three: 0.154.0
   diamond-square: github:zardoy/diamond-square
   prismarine-block: github:zardoy/prismarine-block#next-era
   prismarine-world: github:zardoy/prismarine-world#next-era
-  minecraft-data: 3.65.0
+  minecraft-data: 3.98.0
   prismarine-provider-anvil: github:zardoy/prismarine-provider-anvil#everything
-  minecraft-protocol: github:PrismarineJS/node-minecraft-protocol
+  prismarine-physics: github:zardoy/prismarine-physics
+  minecraft-protocol: github:PrismarineJS/node-minecraft-protocol#master
   react: ^18.2.0
-  prismarine-chunk: github:zardoy/prismarine-chunk
+  prismarine-chunk: github:zardoy/prismarine-chunk#master
+  prismarine-item: latest
 
 patchedDependencies:
-  minecraft-protocol@1.47.0:
-    hash: 2uxevyasyasdavsxuehfavgkjq
-    path: patches/minecraft-protocol@1.47.0.patch
-  three@0.154.0:
-    hash: sj7ocb4p23jym6bkfgueanti2e
-    path: patches/three@0.154.0.patch
+  minecraft-protocol:
+    hash: 4ebdae314c68d01ce7879445c0b8bde5f90373abba8b66ed00d42e7a5f542f8b
+    path: patches/minecraft-protocol.patch
+  mineflayer-item-map-downloader@1.2.0:
+    hash: a731ebbace2d8790c973ab3a5ba33494a6e9658533a9710dd8ba36f86db061ad
+    path: patches/mineflayer-item-map-downloader@1.2.0.patch
+  pixelarticons@1.8.1:
+    hash: 533230072bc402f425c86abd3d0356fe087b14cab2a254d93f419b083f2d8dfa
+    path: patches/pixelarticons@1.8.1.patch
 
 importers:
 
@@ -30,136 +38,145 @@ importers:
     dependencies:
       '@dimaka/interface':
         specifier: 0.0.3-alpha.0
-        version: 0.0.3-alpha.0(@babel/core@7.22.11)(@popperjs/core@2.11.8)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        version: 0.0.3-alpha.0(@babel/core@7.26.9)(@popperjs/core@2.11.8)(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@floating-ui/react':
         specifier: ^0.26.1
-        version: 0.26.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@mui/base':
-        specifier: 5.0.0-beta.40
-        version: 5.0.0-beta.40(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        version: 0.26.28(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@monaco-editor/react':
+        specifier: ^4.7.0
+        version: 4.7.0(monaco-editor@0.52.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@nxg-org/mineflayer-auto-jump':
-        specifier: ^0.7.7
-        version: 0.7.7
+        specifier: ^0.7.18
+        version: 0.7.18
       '@nxg-org/mineflayer-tracker':
-        specifier: ^1.2.1
-        version: 1.2.1
+        specifier: 1.3.0
+        version: 1.3.0(encoding@0.1.13)
       '@react-oauth/google':
         specifier: ^0.12.1
-        version: 0.12.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        version: 0.12.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@stylistic/eslint-plugin':
+        specifier: ^2.6.1
+        version: 2.13.0(eslint@8.57.1)(typescript@5.5.4)
       '@types/gapi':
         specifier: ^0.0.47
         version: 0.0.47
       '@types/react':
         specifier: ^18.2.20
-        version: 18.2.20
+        version: 18.3.18
       '@types/react-dom':
         specifier: ^18.2.7
-        version: 18.2.7
+        version: 18.3.5(@types/react@18.3.18)
       '@types/wicg-file-system-access':
         specifier: ^2023.10.2
-        version: 2023.10.2
+        version: 2023.10.5
       '@xmcl/text-component':
         specifier: ^2.1.3
         version: 2.1.3
       '@zardoy/react-util':
-        specifier: ^0.2.0
-        version: 0.2.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        specifier: ^0.2.4
+        version: 0.2.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@zardoy/utils':
         specifier: ^0.0.11
         version: 0.0.11
       adm-zip:
         specifier: ^0.5.12
-        version: 0.5.12
+        version: 0.5.16
       browserfs:
         specifier: github:zardoy/browserfs#build
         version: https://codeload.github.com/zardoy/browserfs/tar.gz/e60ca69e74888e057a96a468afe1d62347d3f56f
       change-case:
         specifier: ^5.1.2
-        version: 5.1.2
+        version: 5.4.4
       classnames:
         specifier: ^2.5.1
         version: 2.5.1
       compression:
         specifier: ^1.7.4
-        version: 1.7.4
+        version: 1.8.0
       cors:
         specifier: ^2.8.5
         version: 2.8.5
-      cypress-plugin-snapshots:
-        specifier: ^1.4.4
-        version: 1.4.4(cypress@10.11.0)
       debug:
         specifier: ^4.3.4
-        version: 4.3.4(supports-color@8.1.1)
+        version: 4.4.0(supports-color@8.1.1)
+      deepslate:
+        specifier: ^0.23.5
+        version: 0.23.5
+      diff-match-patch:
+        specifier: ^1.0.5
+        version: 1.0.5
       eruda:
         specifier: ^3.0.1
-        version: 3.0.1
+        version: 3.4.1
       esbuild:
         specifier: ^0.19.3
-        version: 0.19.3
+        version: 0.19.12
       esbuild-plugin-polyfill-node:
         specifier: ^0.3.0
-        version: 0.3.0(esbuild@0.19.3)
+        version: 0.3.0(esbuild@0.19.12)
       express:
         specifier: ^4.18.2
-        version: 4.18.2
+        version: 4.21.2
       filesize:
         specifier: ^10.0.12
-        version: 10.0.12
+        version: 10.1.6
       flying-squid:
-        specifier: npm:@zardoy/flying-squid@^0.0.29
-        version: '@zardoy/flying-squid@0.0.29(encoding@0.1.13)'
+        specifier: npm:@zardoy/flying-squid@^0.0.104
+        version: '@zardoy/flying-squid@0.0.104(encoding@0.1.13)'
+      framer-motion:
+        specifier: ^12.9.2
+        version: 12.9.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       fs-extra:
         specifier: ^11.1.1
-        version: 11.1.1
+        version: 11.3.0
       google-drive-browserfs:
         specifier: github:zardoy/browserfs#google-drive
         version: browserfs@https://codeload.github.com/zardoy/browserfs/tar.gz/ab58ae8ef00e3a31db01909e365e6cb5188436e0
-      iconify-icon:
-        specifier: ^1.0.8
-        version: 1.0.8
       jszip:
         specifier: ^3.10.1
         version: 3.10.1
       lodash-es:
         specifier: ^4.17.21
         version: 4.17.21
-      minecraft-assets:
-        specifier: ^1.12.2
-        version: 1.12.2
+      mcraft-fun-mineflayer:
+        specifier: ^0.1.23
+        version: 0.1.23(encoding@0.1.13)(mineflayer@https://codeload.github.com/zardoy/mineflayer/tar.gz/dd3b1ff38506d6f72d90e8444186e4e75fe82659(encoding@0.1.13))
       minecraft-data:
-        specifier: 3.65.0
-        version: 3.65.0
+        specifier: 3.98.0
+        version: 3.98.0
       minecraft-protocol:
-        specifier: github:PrismarineJS/node-minecraft-protocol
-        version: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/ccab9fb39681f3ebe0d264e2a3f833aa3c5a1ac7(patch_hash=2uxevyasyasdavsxuehfavgkjq)(encoding@0.1.13)
+        specifier: github:PrismarineJS/node-minecraft-protocol#master
+        version: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/bf89f7e86526c54d8c43f555d8f6dfa4948fd2d9(patch_hash=4ebdae314c68d01ce7879445c0b8bde5f90373abba8b66ed00d42e7a5f542f8b)(encoding@0.1.13)
       mineflayer-item-map-downloader:
         specifier: github:zardoy/mineflayer-item-map-downloader
-        version: https://codeload.github.com/zardoy/mineflayer-item-map-downloader/tar.gz/642fd4f7023a98a96da4caf8f993f8e19361a1e7(encoding@0.1.13)
+        version: https://codeload.github.com/zardoy/mineflayer-item-map-downloader/tar.gz/a8d210ecdcf78dd082fa149a96e1612cc9747824(patch_hash=a731ebbace2d8790c973ab3a5ba33494a6e9658533a9710dd8ba36f86db061ad)(encoding@0.1.13)
       mojangson:
         specifier: ^2.0.4
         version: 2.0.4
       net-browserify:
         specifier: github:zardoy/prismarinejs-net-browserify
-        version: https://codeload.github.com/zardoy/prismarinejs-net-browserify/tar.gz/99434199f25d3c6bbe15833bb78ec40b07c2df6f
+        version: https://codeload.github.com/zardoy/prismarinejs-net-browserify/tar.gz/e754999ffdea67853bc9b10553b5e9908b40f618
       node-gzip:
         specifier: ^1.1.2
         version: 1.1.2
       peerjs:
         specifier: ^1.5.0
-        version: 1.5.0
+        version: 1.5.4
+      pixelarticons:
+        specifier: ^1.8.1
+        version: 1.8.1(patch_hash=533230072bc402f425c86abd3d0356fe087b14cab2a254d93f419b083f2d8dfa)
       pretty-bytes:
         specifier: ^6.1.1
         version: 6.1.1
       prismarine-provider-anvil:
         specifier: github:zardoy/prismarine-provider-anvil#everything
-        version: https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/0228b5252f48a0d6ad7f36d7189851c427fbe8c4(minecraft-data@3.65.0)
+        version: https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/1d548fac63fe977c8281f0a9a522b37e4d92d0b7(minecraft-data@3.98.0)
       prosemirror-example-setup:
         specifier: ^1.2.2
-        version: 1.2.2
+        version: 1.2.3
       prosemirror-markdown:
         specifier: ^1.12.0
-        version: 1.12.0
+        version: 1.13.1
       prosemirror-menu:
         specifier: ^1.2.4
         version: 1.2.4
@@ -168,19 +185,22 @@ importers:
         version: 1.4.3
       prosemirror-view:
         specifier: ^1.33.1
-        version: 1.33.1
+        version: 1.38.1
       qrcode.react:
         specifier: ^3.1.0
-        version: 3.1.0(react@18.2.0)
+        version: 3.2.0(react@18.3.1)
       react:
         specifier: ^18.2.0
-        version: 18.2.0
+        version: 18.3.1
       react-dom:
         specifier: ^18.2.0
-        version: 18.2.0(react@18.2.0)
-      react-transition-group:
-        specifier: ^4.4.5
-        version: 4.4.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        version: 18.3.1(react@18.3.1)
+      react-select:
+        specifier: ^5.8.0
+        version: 5.10.1(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-zoom-pan-pinch:
+        specifier: 3.4.4
+        version: 3.4.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       remark:
         specifier: ^15.0.1
         version: 15.0.1
@@ -189,13 +209,13 @@ importers:
         version: 1.6.3
       skinview3d:
         specifier: ^3.0.1
-        version: 3.0.1
+        version: 3.1.0
       source-map-js:
         specifier: ^1.0.2
-        version: 1.0.2
+        version: 1.2.1
       stats-gl:
         specifier: ^1.0.5
-        version: 1.0.5
+        version: 1.0.7
       stats.js:
         specifier: ^0.17.0
         version: 0.17.0
@@ -207,51 +227,62 @@ importers:
         version: 3.0.3
       ua-parser-js:
         specifier: ^1.0.37
-        version: 1.0.37
+        version: 1.0.40
       use-typed-event-listener:
         specifier: ^4.0.2
-        version: 4.0.2(react@18.2.0)(typescript@5.5.0-beta)
+        version: 4.0.2(react@18.3.1)(typescript@5.5.4)
       valtio:
         specifier: ^1.11.1
-        version: 1.11.2(@types/react@18.2.20)(react@18.2.0)
+        version: 1.13.2(@types/react@18.3.18)(react@18.3.1)
       vec3:
-        specifier: ^0.1.7
-        version: 0.1.8
+        specifier: 0.1.10
+        version: 0.1.10
       wait-on:
         specifier: ^7.2.0
-        version: 7.2.0(debug@4.3.4)
+        version: 7.2.0(debug@4.4.0)
       workbox-build:
         specifier: ^7.0.0
-        version: 7.0.0(@types/babel__core@7.20.2)
-    optionalDependencies:
-      systeminformation:
-        specifier: ^5.21.22
-        version: 5.22.7
+        version: 7.3.0(@types/babel__core@7.20.5)
     devDependencies:
+      '@rsbuild/core':
+        specifier: 1.3.5
+        version: 1.3.5
+      '@rsbuild/plugin-node-polyfill':
+        specifier: 1.3.0
+        version: 1.3.0(@rsbuild/core@1.3.5)
+      '@rsbuild/plugin-react':
+        specifier: 1.2.0
+        version: 1.2.0(@rsbuild/core@1.3.5)
+      '@rsbuild/plugin-type-check':
+        specifier: 1.2.1
+        version: 1.2.1(@rsbuild/core@1.3.5)(@rspack/core@1.3.3(@swc/helpers@0.5.15))(typescript@5.5.4)
+      '@rsbuild/plugin-typed-css-modules':
+        specifier: 1.0.2
+        version: 1.0.2(@rsbuild/core@1.3.5)
       '@storybook/addon-essentials':
         specifier: ^7.4.6
-        version: 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        version: 7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@storybook/addon-links':
         specifier: ^7.4.6
-        version: 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        version: 7.6.20(react@18.3.1)
       '@storybook/blocks':
         specifier: ^7.4.6
-        version: 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        version: 7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@storybook/react':
         specifier: ^7.4.6
-        version: 7.4.6(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.5.0-beta)
+        version: 7.6.20(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.5.4)
       '@storybook/react-vite':
         specifier: ^7.4.6
-        version: 7.4.6(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@2.79.1)(typescript@5.5.0-beta)(vite@4.5.3(@types/node@20.8.0)(terser@5.19.2))
+        version: 7.6.20(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@2.79.2)(typescript@5.5.4)(vite@6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0))
+      '@types/diff-match-patch':
+        specifier: ^1.0.36
+        version: 1.0.36
       '@types/lodash-es':
         specifier: ^4.17.9
-        version: 4.17.9
-      '@types/react-transition-group':
-        specifier: ^4.4.7
-        version: 4.4.7
+        version: 4.17.12
       '@types/stats.js':
         specifier: ^0.17.1
-        version: 0.17.1
+        version: 0.17.3
       '@types/three':
         specifier: 0.154.0
         version: 0.154.0
@@ -263,10 +294,10 @@ importers:
         version: 5.3.4
       '@xmcl/installer':
         specifier: ^5.1.0
-        version: 5.1.0
+        version: 5.4.0
       assert:
         specifier: ^2.0.0
-        version: 2.0.0
+        version: 2.1.0
       browserify-zlib:
         specifier: ^0.2.0
         version: 0.2.0
@@ -277,44 +308,47 @@ importers:
         specifier: ^1.0.0
         version: 1.0.0
       contro-max:
-        specifier: ^0.1.8
-        version: 0.1.8(typescript@5.5.0-beta)
+        specifier: ^0.1.9
+        version: 0.1.9(typescript@5.5.4)
       crypto-browserify:
         specifier: ^3.12.0
-        version: 3.12.0
-      cypress:
-        specifier: ^10.11.0
-        version: 10.11.0
+        version: 3.12.1
       cypress-esbuild-preprocessor:
         specifier: ^1.0.2
         version: 1.0.2
       eslint:
         specifier: ^8.50.0
-        version: 8.50.0
+        version: 8.57.1
       eslint-config-zardoy:
         specifier: ^0.2.17
-        version: 0.2.17(eslint-plugin-react-hooks@4.6.0(eslint@8.50.0))(eslint-plugin-react@7.34.1(eslint@8.50.0))(eslint@8.50.0)(typescript@5.5.0-beta)
+        version: 0.2.17(eslint-plugin-react-hooks@5.2.0(eslint@8.57.1))(eslint-plugin-react@7.37.4(eslint@8.57.1))(eslint@8.57.1)(typescript@5.5.4)
       events:
         specifier: ^3.3.0
         version: 3.3.0
+      gzip-size:
+        specifier: ^7.0.0
+        version: 7.0.0
       http-browserify:
         specifier: ^1.7.0
         version: 1.7.0
       http-server:
         specifier: ^14.1.1
-        version: 14.1.1(debug@4.3.4)
+        version: 14.1.1(debug@4.4.0)
       https-browserify:
         specifier: ^1.0.0
         version: 1.0.0
+      mc-assets:
+        specifier: ^0.2.62
+        version: 0.2.62
       minecraft-inventory-gui:
         specifier: github:zardoy/minecraft-inventory-gui#next
-        version: https://codeload.github.com/zardoy/minecraft-inventory-gui/tar.gz/c50afc54e39817f7e4d313ce0f6fdaad71e7e4f4(@types/react@18.2.20)(react@18.2.0)
+        version: https://codeload.github.com/zardoy/minecraft-inventory-gui/tar.gz/89c33d396f3fde4804c71f4be3c203ade1833b41(@types/react@18.3.18)(react@18.3.1)
       mineflayer:
-        specifier: github:zardoy/mineflayer
-        version: https://codeload.github.com/zardoy/mineflayer/tar.gz/a4b1b4ba7f8c972cee9c0a16eb1191ff4d21fe23(encoding@0.1.13)
-      mineflayer-pathfinder:
-        specifier: ^2.4.4
-        version: 2.4.4
+        specifier: github:zardoy/mineflayer#gen-the-master
+        version: https://codeload.github.com/zardoy/mineflayer/tar.gz/dd3b1ff38506d6f72d90e8444186e4e75fe82659(encoding@0.1.13)
+      mineflayer-mouse:
+        specifier: ^0.1.21
+        version: 0.1.21
       npm-run-all:
         specifier: ^4.1.5
         version: 4.1.5
@@ -327,121 +361,131 @@ importers:
       path-exists-cli:
         specifier: ^2.0.0
         version: 2.0.0
-      prismarine-viewer:
-        specifier: link:prismarine-viewer
-        version: link:prismarine-viewer
       process:
         specifier: github:PrismarineJS/node-process
         version: https://codeload.github.com/PrismarineJS/node-process/tar.gz/380d0b4f4c86f1b65b216c311bf00431f314e88e
+      renderer:
+        specifier: link:renderer
+        version: link:renderer
       rimraf:
         specifier: ^5.0.1
-        version: 5.0.1
+        version: 5.0.10
       storybook:
         specifier: ^7.4.6
-        version: 7.4.6(encoding@0.1.13)
+        version: 7.6.20(encoding@0.1.13)
       stream-browserify:
         specifier: ^3.0.0
         version: 3.0.0
       three:
         specifier: 0.154.0
-        version: 0.154.0(patch_hash=sj7ocb4p23jym6bkfgueanti2e)
+        version: 0.154.0
       timers-browserify:
         specifier: ^2.0.12
         version: 2.0.12
       typescript:
-        specifier: 5.5.0-beta
-        version: 5.5.0-beta
+        specifier: 5.5.4
+        version: 5.5.4
       vitest:
         specifier: ^0.34.6
-        version: 0.34.6(terser@5.19.2)
+        version: 0.34.6(terser@5.39.0)
       yaml:
         specifier: ^2.3.2
-        version: 2.3.2
+        version: 2.7.0
+    optionalDependencies:
+      cypress:
+        specifier: ^10.11.0
+        version: 10.11.0
+      cypress-plugin-snapshots:
+        specifier: ^1.4.4
+        version: 1.4.4(cypress@10.11.0)(debug@4.4.0)
+      sharp:
+        specifier: ^0.33.5
+        version: 0.33.5
+      systeminformation:
+        specifier: ^5.21.22
+        version: 5.25.11
 
-  prismarine-viewer:
+  renderer:
     dependencies:
       '@tweenjs/tween.js':
         specifier: ^20.0.3
         version: 20.0.3
       assert:
         specifier: ^2.0.0
-        version: 2.0.0
+        version: 2.1.0
       buffer:
         specifier: ^6.0.3
         version: 6.0.3
-      canvas:
-        specifier: ^2.11.2
-        version: 2.11.2(encoding@0.1.13)
       filesize:
         specifier: ^10.0.12
-        version: 10.0.12
+        version: 10.1.6
       fs-extra:
         specifier: ^11.0.0
-        version: 11.1.1
+        version: 11.3.0
       lil-gui:
         specifier: ^0.18.2
         version: 0.18.2
-      looks-same:
-        specifier: ^8.2.3
-        version: 8.2.3
       minecraft-wrap:
         specifier: ^1.3.0
-        version: 1.5.1(encoding@0.1.13)
+        version: 1.6.0(encoding@0.1.13)
       minecrafthawkeye:
         specifier: ^1.3.6
-        version: 1.3.6
+        version: 1.3.9
       prismarine-block:
         specifier: github:zardoy/prismarine-block#next-era
-        version: https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8
+        version: https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9
       prismarine-chunk:
-        specifier: github:zardoy/prismarine-chunk
-        version: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/9662306deea57d8d0ba0a2a3f3f7adb95f0131e3(minecraft-data@3.65.0)
+        specifier: github:zardoy/prismarine-chunk#master
+        version: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/c5feac83b61d95feb4d4f22c063dacfb8c192a9f(minecraft-data@3.98.0)
       prismarine-schematic:
         specifier: ^1.2.0
         version: 1.2.3
-      prismarine-viewer:
-        specifier: link:./
-        version: 'link:'
       process:
         specifier: ^0.11.10
         version: 0.11.10
+      renderer:
+        specifier: link:./
+        version: 'link:'
       socket.io:
         specifier: ^4.0.0
-        version: 4.7.2
+        version: 4.8.1
       socket.io-client:
         specifier: ^4.0.0
-        version: 4.7.2
+        version: 4.8.1
       three-stdlib:
         specifier: ^2.26.11
-        version: 2.28.5(three@0.154.0(patch_hash=sj7ocb4p23jym6bkfgueanti2e))
+        version: 2.35.14(three@0.154.0)
       three.meshline:
         specifier: ^1.3.0
         version: 1.4.0
       tsx:
         specifier: ^4.7.0
-        version: 4.7.0
+        version: 4.19.3
       vec3:
-        specifier: ^0.1.7
-        version: 0.1.8
+        specifier: 0.1.10
+        version: 0.1.10
+    devDependencies:
+      live-server:
+        specifier: ^1.2.2
+        version: 1.2.2
     optionalDependencies:
+      canvas:
+        specifier: ^2.11.2
+        version: 2.11.2(encoding@0.1.13)
       node-canvas-webgl:
         specifier: ^0.3.0
         version: 0.3.0(encoding@0.1.13)
 
-  prismarine-viewer/viewer/sign-renderer:
+  renderer/viewer/sign-renderer:
     dependencies:
       vite:
         specifier: ^4.4.9
-        version: 4.4.10(@types/node@20.12.8)(terser@5.19.2)
+        version: 4.5.9(@types/node@22.13.9)(terser@5.39.0)
 
 packages:
 
-  '@aashutoshrathi/word-wrap@1.2.6':
-    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
-    engines: {node: '>=0.10.0'}
-
-  '@ampproject/remapping@2.2.1':
-    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
   '@apideck/better-ajv-errors@0.3.6':
@@ -454,210 +498,147 @@ packages:
     resolution: {integrity: sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==}
     hasBin: true
 
-  '@azure/msal-common@14.9.0':
-    resolution: {integrity: sha512-yzBPRlWPnTBeixxLNI3BBIgF5/bHpbhoRVuuDBnYjCyWRavaPUsKAHUDYLqpGkBLDciA6TCc6GOxN4/S3WiSxg==}
+  '@azure/msal-common@14.16.0':
+    resolution: {integrity: sha512-1KOZj9IpcDSwpNiQNjt0jDYZpQvNZay7QAEi/5DLubay40iGYtLzya/jbjRPLyOTZhEKyL1MzPuw2HqBCjceYA==}
     engines: {node: '>=0.8.0'}
 
-  '@azure/msal-node@2.7.0':
-    resolution: {integrity: sha512-wXD8LkUvHICeSWZydqg6o8Yvv+grlBEcmLGu+QEI4FcwFendbTEZrlSygnAXXSOCVaGAirWLchca35qrgpO6Jw==}
+  '@azure/msal-node@2.16.2':
+    resolution: {integrity: sha512-An7l1hEr0w1HMMh1LU+rtDtqL7/jw74ORlc9Wnh06v7TU/xpG39/Zdr1ZJu3QpjUfKJ+E0/OXMW8DRSWTlh7qQ==}
     engines: {node: '>=16'}
 
-  '@babel/code-frame@7.22.13':
-    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
+  '@babel/code-frame@7.26.2':
+    resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.22.9':
-    resolution: {integrity: sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==}
+  '@babel/compat-data@7.26.8':
+    resolution: {integrity: sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.22.11':
-    resolution: {integrity: sha512-lh7RJrtPdhibbxndr6/xx0w8+CVlY5FJZiaSz908Fpy+G0xkBFTvwLcKJFF4PJxVfGhVWNebikpWGnOoC71juQ==}
+  '@babel/core@7.26.9':
+    resolution: {integrity: sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.22.10':
-    resolution: {integrity: sha512-79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==}
+  '@babel/generator@7.26.9':
+    resolution: {integrity: sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-annotate-as-pure@7.22.5':
-    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
+  '@babel/helper-annotate-as-pure@7.25.9':
+    resolution: {integrity: sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-builder-binary-assignment-operator-visitor@7.22.10':
-    resolution: {integrity: sha512-Av0qubwDQxC56DoUReVDeLfMEjYYSN1nZrTUrWkXd7hpU73ymRANkbuDm3yni9npkn+RXy9nNbEJZEzXr7xrfQ==}
+  '@babel/helper-compilation-targets@7.26.5':
+    resolution: {integrity: sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.22.10':
-    resolution: {integrity: sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-create-class-features-plugin@7.22.11':
-    resolution: {integrity: sha512-y1grdYL4WzmUDBRGK0pDbIoFd7UZKoDurDzWEoNMYoj1EL+foGRQNyPWDcC+YyegN5y1DUsFFmzjGijB3nSVAQ==}
+  '@babel/helper-create-class-features-plugin@7.26.9':
+    resolution: {integrity: sha512-ubbUqCofvxPRurw5L8WTsCLSkQiVpov4Qx0WMA+jUN+nXBK8ADPlJO1grkFw5CWKC5+sZSOfuGMdX1aI1iT9Sg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-create-class-features-plugin@7.22.15':
-    resolution: {integrity: sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==}
+  '@babel/helper-create-regexp-features-plugin@7.26.3':
+    resolution: {integrity: sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-create-regexp-features-plugin@7.22.9':
-    resolution: {integrity: sha512-+svjVa/tFwsNSG4NEy1h85+HQ5imbT92Q5/bgtS7P0GTQlP8WuFdqsiABmQouhiFGyV66oGxZFpeYHza1rNsKw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-define-polyfill-provider@0.4.2':
-    resolution: {integrity: sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==}
+  '@babel/helper-define-polyfill-provider@0.6.3':
+    resolution: {integrity: sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  '@babel/helper-environment-visitor@7.22.20':
-    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
+  '@babel/helper-member-expression-to-functions@7.25.9':
+    resolution: {integrity: sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-environment-visitor@7.22.5':
-    resolution: {integrity: sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==}
+  '@babel/helper-module-imports@7.25.9':
+    resolution: {integrity: sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-function-name@7.22.5':
-    resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-hoist-variables@7.22.5':
-    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-member-expression-to-functions@7.22.5':
-    resolution: {integrity: sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-member-expression-to-functions@7.23.0':
-    resolution: {integrity: sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.22.15':
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.22.5':
-    resolution: {integrity: sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-transforms@7.22.9':
-    resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==}
+  '@babel/helper-module-transforms@7.26.0':
+    resolution: {integrity: sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-module-transforms@7.23.0':
-    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
+  '@babel/helper-optimise-call-expression@7.25.9':
+    resolution: {integrity: sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.26.5':
+    resolution: {integrity: sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-remap-async-to-generator@7.25.9':
+    resolution: {integrity: sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-optimise-call-expression@7.22.5':
-    resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-plugin-utils@7.22.5':
-    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-remap-async-to-generator@7.22.9':
-    resolution: {integrity: sha512-8WWC4oR4Px+tr+Fp0X3RHDVfINGpF3ad1HIbrc8A77epiR6eMMc6jsgozkzT2uDiOOdoS9cLIQ+XD2XvI2WSmQ==}
+  '@babel/helper-replace-supers@7.26.5':
+    resolution: {integrity: sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-replace-supers@7.22.9':
-    resolution: {integrity: sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-simple-access@7.22.5':
-    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
+  '@babel/helper-skip-transparent-expression-wrappers@7.25.9':
+    resolution: {integrity: sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-skip-transparent-expression-wrappers@7.22.5':
-    resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
+  '@babel/helper-string-parser@7.25.9':
+    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-split-export-declaration@7.22.6':
-    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
+  '@babel/helper-validator-identifier@7.25.9':
+    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.22.5':
-    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
+  '@babel/helper-validator-option@7.25.9':
+    resolution: {integrity: sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.22.20':
-    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
+  '@babel/helper-wrap-function@7.25.9':
+    resolution: {integrity: sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.22.5':
-    resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==}
+  '@babel/helpers@7.26.9':
+    resolution: {integrity: sha512-Mz/4+y8udxBKdmzt/UjPACs4G3j5SshJJEFFKxlCGPydG4JAHXxjWjAwjd09tf6oINvl1VfMJo+nB7H2YKQ0dA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.22.15':
-    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-option@7.22.5':
-    resolution: {integrity: sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-wrap-function@7.22.10':
-    resolution: {integrity: sha512-OnMhjWjuGYtdoO3FmsEFWvBStBAe2QOgwOLsLNDjN+aaiMD8InJk1/O3HSD8lkqTjCgg5YI34Tz15KNNA3p+nQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helpers@7.22.11':
-    resolution: {integrity: sha512-vyOXC8PBWaGc5h7GMsNx68OH33cypkEDJCHvYVVgVbbxJDROYVtexSk0gK5iCF1xNjRIN2s8ai7hwkWDq5szWg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/highlight@7.22.13':
-    resolution: {integrity: sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/parser@7.22.13':
-    resolution: {integrity: sha512-3l6+4YOvc9wx7VlCSw4yQfcBo01ECA8TicQfbnCPuCEpRQrf+gTUyGdxNw+pyTUyywp6JRD1w0YQs9TpBXYlkw==}
+  '@babel/parser@7.26.9':
+    resolution: {integrity: sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.5':
-    resolution: {integrity: sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ==}
+  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.9':
+    resolution: {integrity: sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.22.5':
-    resolution: {integrity: sha512-31Bb65aZaUwqCbWMnZPduIZxCBngHFlzyN6Dq6KAJjtx+lx6ohKHubc61OomYi7XwVD4Ol0XCVz4h+pYFR048g==}
+  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.25.9':
+    resolution: {integrity: sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.25.9':
+    resolution: {integrity: sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.25.9':
+    resolution: {integrity: sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.13.0
 
-  '@babel/plugin-proposal-class-properties@7.18.6':
-    resolution: {integrity: sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==}
+  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.25.9':
+    resolution: {integrity: sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==}
     engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-proposal-nullish-coalescing-operator@7.18.6':
-    resolution: {integrity: sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-proposal-optional-chaining@7.21.0':
-    resolution: {integrity: sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==}
-    engines: {node: '>=6.9.0'}
-    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
+      '@babel/core': ^7.0.0
 
   '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2':
     resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==}
@@ -665,110 +646,32 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-async-generators@7.8.4':
-    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-class-properties@7.12.13':
-    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-class-static-block@7.14.5':
-    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
+  '@babel/plugin-syntax-flow@7.26.0':
+    resolution: {integrity: sha512-B+O2DnPc0iG+YXFqOxv2WNuNU97ToWjOomUQ78DouOENWUaM5sVrmet9mcomUGQFwpJd//gvUagXBSdzO1fRKg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-dynamic-import@7.8.3':
-    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-export-namespace-from@7.8.3':
-    resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-flow@7.22.5':
-    resolution: {integrity: sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ==}
+  '@babel/plugin-syntax-import-assertions@7.26.0':
+    resolution: {integrity: sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-import-assertions@7.22.5':
-    resolution: {integrity: sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==}
+  '@babel/plugin-syntax-import-attributes@7.26.0':
+    resolution: {integrity: sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-import-attributes@7.22.5':
-    resolution: {integrity: sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==}
+  '@babel/plugin-syntax-jsx@7.25.9':
+    resolution: {integrity: sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-import-meta@7.10.4':
-    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-json-strings@7.8.3':
-    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-jsx@7.22.5':
-    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4':
-    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3':
-    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-numeric-separator@7.10.4':
-    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-object-rest-spread@7.8.3':
-    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3':
-    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-optional-chaining@7.8.3':
-    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-private-property-in-object@7.14.5':
-    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-top-level-await@7.14.5':
-    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-typescript@7.22.5':
-    resolution: {integrity: sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==}
+  '@babel/plugin-syntax-typescript@7.25.9':
+    resolution: {integrity: sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -779,332 +682,338 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/plugin-transform-arrow-functions@7.22.5':
-    resolution: {integrity: sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==}
+  '@babel/plugin-transform-arrow-functions@7.25.9':
+    resolution: {integrity: sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-async-generator-functions@7.22.11':
-    resolution: {integrity: sha512-0pAlmeRJn6wU84zzZsEOx1JV1Jf8fqO9ok7wofIJwUnplYo247dcd24P+cMJht7ts9xkzdtB0EPHmOb7F+KzXw==}
+  '@babel/plugin-transform-async-generator-functions@7.26.8':
+    resolution: {integrity: sha512-He9Ej2X7tNf2zdKMAGOsmg2MrFc+hfoAhd3po4cWfo/NWjzEAKa0oQruj1ROVUdl0e6fb6/kE/G3SSxE0lRJOg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-async-to-generator@7.22.5':
-    resolution: {integrity: sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==}
+  '@babel/plugin-transform-async-to-generator@7.25.9':
+    resolution: {integrity: sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-block-scoped-functions@7.22.5':
-    resolution: {integrity: sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==}
+  '@babel/plugin-transform-block-scoped-functions@7.26.5':
+    resolution: {integrity: sha512-chuTSY+hq09+/f5lMj8ZSYgCFpppV2CbYrhNFJ1BFoXpiWPnnAb7R0MqrafCpN8E1+YRrtM1MXZHJdIx8B6rMQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-block-scoping@7.22.10':
-    resolution: {integrity: sha512-1+kVpGAOOI1Albt6Vse7c8pHzcZQdQKW+wJH+g8mCaszOdDVwRXa/slHPqIw+oJAJANTKDMuM2cBdV0Dg618Vg==}
+  '@babel/plugin-transform-block-scoping@7.25.9':
+    resolution: {integrity: sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-class-properties@7.22.5':
-    resolution: {integrity: sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==}
+  '@babel/plugin-transform-class-properties@7.25.9':
+    resolution: {integrity: sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-class-static-block@7.22.11':
-    resolution: {integrity: sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==}
+  '@babel/plugin-transform-class-static-block@7.26.0':
+    resolution: {integrity: sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.12.0
 
-  '@babel/plugin-transform-classes@7.22.6':
-    resolution: {integrity: sha512-58EgM6nuPNG6Py4Z3zSuu0xWu2VfodiMi72Jt5Kj2FECmaYk1RrTXA45z6KBFsu9tRgwQDwIiY4FXTt+YsSFAQ==}
+  '@babel/plugin-transform-classes@7.25.9':
+    resolution: {integrity: sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-computed-properties@7.22.5':
-    resolution: {integrity: sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==}
+  '@babel/plugin-transform-computed-properties@7.25.9':
+    resolution: {integrity: sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-destructuring@7.22.10':
-    resolution: {integrity: sha512-dPJrL0VOyxqLM9sritNbMSGx/teueHF/htMKrPT7DNxccXxRDPYqlgPFFdr8u+F+qUZOkZoXue/6rL5O5GduEw==}
+  '@babel/plugin-transform-destructuring@7.25.9':
+    resolution: {integrity: sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-dotall-regex@7.22.5':
-    resolution: {integrity: sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==}
+  '@babel/plugin-transform-dotall-regex@7.25.9':
+    resolution: {integrity: sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-duplicate-keys@7.22.5':
-    resolution: {integrity: sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==}
+  '@babel/plugin-transform-duplicate-keys@7.25.9':
+    resolution: {integrity: sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-dynamic-import@7.22.11':
-    resolution: {integrity: sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-exponentiation-operator@7.22.5':
-    resolution: {integrity: sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-export-namespace-from@7.22.11':
-    resolution: {integrity: sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-flow-strip-types@7.22.5':
-    resolution: {integrity: sha512-tujNbZdxdG0/54g/oua8ISToaXTFBf8EnSb5PgQSciIXWOWKX3S4+JR7ZE9ol8FZwf9kxitzkGQ+QWeov/mCiA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-for-of@7.22.5':
-    resolution: {integrity: sha512-3kxQjX1dU9uudwSshyLeEipvrLjBCVthCgeTp6CzE/9JYrlAIaeekVxRpCWsDDfYTfRZRoCeZatCQvwo+wvK8A==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-function-name@7.22.5':
-    resolution: {integrity: sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-json-strings@7.22.11':
-    resolution: {integrity: sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-literals@7.22.5':
-    resolution: {integrity: sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-logical-assignment-operators@7.22.11':
-    resolution: {integrity: sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-member-expression-literals@7.22.5':
-    resolution: {integrity: sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-modules-amd@7.22.5':
-    resolution: {integrity: sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-modules-commonjs@7.22.11':
-    resolution: {integrity: sha512-o2+bg7GDS60cJMgz9jWqRUsWkMzLCxp+jFDeDUT5sjRlAxcJWZ2ylNdI7QQ2+CH5hWu7OnN+Cv3htt7AkSf96g==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-modules-commonjs@7.23.0':
-    resolution: {integrity: sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-modules-systemjs@7.22.11':
-    resolution: {integrity: sha512-rIqHmHoMEOhI3VkVf5jQ15l539KrwhzqcBO6wdCNWPWc/JWt9ILNYNUssbRpeq0qWns8svuw8LnMNCvWBIJ8wA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-modules-umd@7.22.5':
-    resolution: {integrity: sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-named-capturing-groups-regex@7.22.5':
-    resolution: {integrity: sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==}
+  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.25.9':
+    resolution: {integrity: sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/plugin-transform-new-target@7.22.5':
-    resolution: {integrity: sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==}
+  '@babel/plugin-transform-dynamic-import@7.25.9':
+    resolution: {integrity: sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-nullish-coalescing-operator@7.22.11':
-    resolution: {integrity: sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==}
+  '@babel/plugin-transform-exponentiation-operator@7.26.3':
+    resolution: {integrity: sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-numeric-separator@7.22.11':
-    resolution: {integrity: sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==}
+  '@babel/plugin-transform-export-namespace-from@7.25.9':
+    resolution: {integrity: sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-object-rest-spread@7.22.11':
-    resolution: {integrity: sha512-nX8cPFa6+UmbepISvlf5jhQyaC7ASs/7UxHmMkuJ/k5xSHvDPPaibMo+v3TXwU/Pjqhep/nFNpd3zn4YR59pnw==}
+  '@babel/plugin-transform-flow-strip-types@7.26.5':
+    resolution: {integrity: sha512-eGK26RsbIkYUns3Y8qKl362juDDYK+wEdPGHGrhzUl6CewZFo55VZ7hg+CyMFU4dd5QQakBN86nBMpRsFpRvbQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-object-super@7.22.5':
-    resolution: {integrity: sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==}
+  '@babel/plugin-transform-for-of@7.26.9':
+    resolution: {integrity: sha512-Hry8AusVm8LW5BVFgiyUReuoGzPUpdHQQqJY5bZnbbf+ngOHWuCuYFKw/BqaaWlvEUrF91HMhDtEaI1hZzNbLg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-optional-catch-binding@7.22.11':
-    resolution: {integrity: sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==}
+  '@babel/plugin-transform-function-name@7.25.9':
+    resolution: {integrity: sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-optional-chaining@7.22.12':
-    resolution: {integrity: sha512-7XXCVqZtyFWqjDsYDY4T45w4mlx1rf7aOgkc/Ww76xkgBiOlmjPkx36PBLHa1k1rwWvVgYMPsbuVnIamx2ZQJw==}
+  '@babel/plugin-transform-json-strings@7.25.9':
+    resolution: {integrity: sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-parameters@7.22.5':
-    resolution: {integrity: sha512-AVkFUBurORBREOmHRKo06FjHYgjrabpdqRSwq6+C7R5iTCZOsM4QbcB27St0a4U6fffyAOqh3s/qEfybAhfivg==}
+  '@babel/plugin-transform-literals@7.25.9':
+    resolution: {integrity: sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-private-methods@7.22.5':
-    resolution: {integrity: sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==}
+  '@babel/plugin-transform-logical-assignment-operators@7.25.9':
+    resolution: {integrity: sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-private-property-in-object@7.22.11':
-    resolution: {integrity: sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==}
+  '@babel/plugin-transform-member-expression-literals@7.25.9':
+    resolution: {integrity: sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-property-literals@7.22.5':
-    resolution: {integrity: sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==}
+  '@babel/plugin-transform-modules-amd@7.25.9':
+    resolution: {integrity: sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-self@7.22.5':
-    resolution: {integrity: sha512-nTh2ogNUtxbiSbxaT4Ds6aXnXEipHweN9YRgOX/oNXdf0cCrGn/+2LozFa3lnPV5D90MkjhgckCPBrsoSc1a7g==}
+  '@babel/plugin-transform-modules-commonjs@7.26.3':
+    resolution: {integrity: sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-source@7.22.5':
-    resolution: {integrity: sha512-yIiRO6yobeEIaI0RTbIr8iAK9FcBHLtZq0S89ZPjDLQXBA4xvghaKqI0etp/tF3htTM0sazJKKLz9oEiGRtu7w==}
+  '@babel/plugin-transform-modules-systemjs@7.25.9':
+    resolution: {integrity: sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-regenerator@7.22.10':
-    resolution: {integrity: sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==}
+  '@babel/plugin-transform-modules-umd@7.25.9':
+    resolution: {integrity: sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-reserved-words@7.22.5':
-    resolution: {integrity: sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-shorthand-properties@7.22.5':
-    resolution: {integrity: sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-spread@7.22.5':
-    resolution: {integrity: sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-sticky-regex@7.22.5':
-    resolution: {integrity: sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-template-literals@7.22.5':
-    resolution: {integrity: sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-typeof-symbol@7.22.5':
-    resolution: {integrity: sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-typescript@7.22.15':
-    resolution: {integrity: sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-unicode-escapes@7.22.10':
-    resolution: {integrity: sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-unicode-property-regex@7.22.5':
-    resolution: {integrity: sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-unicode-regex@7.22.5':
-    resolution: {integrity: sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-transform-unicode-sets-regex@7.22.5':
-    resolution: {integrity: sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==}
+  '@babel/plugin-transform-named-capturing-groups-regex@7.25.9':
+    resolution: {integrity: sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/preset-env@7.22.10':
-    resolution: {integrity: sha512-riHpLb1drNkpLlocmSyEg4oYJIQFeXAK/d7rI6mbD0XsvoTOOweXDmQPG/ErxsEhWk3rl3Q/3F6RFQlVFS8m0A==}
+  '@babel/plugin-transform-new-target@7.25.9':
+    resolution: {integrity: sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/preset-flow@7.22.15':
-    resolution: {integrity: sha512-dB5aIMqpkgbTfN5vDdTRPzjqtWiZcRESNR88QYnoPR+bmdYoluOzMX9tQerTv0XzSgZYctPfO1oc0N5zdog1ew==}
+  '@babel/plugin-transform-nullish-coalescing-operator@7.26.6':
+    resolution: {integrity: sha512-CKW8Vu+uUZneQCPtXmSBUC6NCAUdya26hWCElAWh5mVSlSRsmiCPUUDKb3Z0szng1hiAJa098Hkhg9o4SE35Qw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-numeric-separator@7.25.9':
+    resolution: {integrity: sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-object-rest-spread@7.25.9':
+    resolution: {integrity: sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-object-super@7.25.9':
+    resolution: {integrity: sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-optional-catch-binding@7.25.9':
+    resolution: {integrity: sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-optional-chaining@7.25.9':
+    resolution: {integrity: sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-parameters@7.25.9':
+    resolution: {integrity: sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-private-methods@7.25.9':
+    resolution: {integrity: sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-private-property-in-object@7.25.9':
+    resolution: {integrity: sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-property-literals@7.25.9':
+    resolution: {integrity: sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-self@7.25.9':
+    resolution: {integrity: sha512-y8quW6p0WHkEhmErnfe58r7x0A70uKphQm8Sp8cV7tjNQwK56sNVK0M73LK3WuYmsuyrftut4xAkjjgU0twaMg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.25.9':
+    resolution: {integrity: sha512-+iqjT8xmXhhYv4/uiYd8FNQsraMFZIfxVSqxxVSZP0WbbSAWvBXAul0m/zu+7Vv4O/3WtApy9pmaTMiumEZgfg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-regenerator@7.25.9':
+    resolution: {integrity: sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-regexp-modifiers@7.26.0':
+    resolution: {integrity: sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/plugin-transform-reserved-words@7.25.9':
+    resolution: {integrity: sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-shorthand-properties@7.25.9':
+    resolution: {integrity: sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-spread@7.25.9':
+    resolution: {integrity: sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-sticky-regex@7.25.9':
+    resolution: {integrity: sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-template-literals@7.26.8':
+    resolution: {integrity: sha512-OmGDL5/J0CJPJZTHZbi2XpO0tyT2Ia7fzpW5GURwdtp2X3fMmN8au/ej6peC/T33/+CRiIpA8Krse8hFGVmT5Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typeof-symbol@7.26.7':
+    resolution: {integrity: sha512-jfoTXXZTgGg36BmhqT3cAYK5qkmqvJpvNrPhaK/52Vgjhw4Rq29s9UqpWWV0D6yuRmgiFH/BUVlkl96zJWqnaw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typescript@7.26.8':
+    resolution: {integrity: sha512-bME5J9AC8ChwA7aEPJ6zym3w7aObZULHhbNLU0bKUhKsAkylkzUdq+0kdymh9rzi8nlNFl2bmldFBCKNJBUpuw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-escapes@7.25.9':
+    resolution: {integrity: sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-property-regex@7.25.9':
+    resolution: {integrity: sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-regex@7.25.9':
+    resolution: {integrity: sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-unicode-sets-regex@7.25.9':
+    resolution: {integrity: sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/preset-env@7.26.9':
+    resolution: {integrity: sha512-vX3qPGE8sEKEAZCWk05k3cpTAE3/nOYca++JA+Rd0z2NCNzabmYvEiSShKzm10zdquOIAVXsy2Ei/DTW34KlKQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/preset-flow@7.25.9':
+    resolution: {integrity: sha512-EASHsAhE+SSlEzJ4bzfusnXSHiU+JfAYzj+jbw2vgQKgq5HrUr8qs+vgtiEL5dOH6sEweI+PNt2D7AqrDSHyqQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1114,81 +1023,37 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0 || ^8.0.0-0 <8.0.0
 
-  '@babel/preset-typescript@7.23.0':
-    resolution: {integrity: sha512-6P6VVa/NM/VlAYj5s2Aq/gdVg8FSENCg3wlZ6Qau9AcPaoF5LbN1nyGlR9DTRIw9PpxI94e+ReydsJHcjwAweg==}
+  '@babel/preset-typescript@7.26.0':
+    resolution: {integrity: sha512-NMk1IGZ5I/oHhoXEElcm+xUnL/szL6xflkFZmoEU9xj1qSJXpiS7rsspYo92B4DRCDvZn2erT5LdsCeXAKNCkg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/register@7.22.15':
-    resolution: {integrity: sha512-V3Q3EqoQdn65RCgTLwauZaTfd1ShhwPmbBv+1dkZV/HpCGMKVyn6oFcRlI7RaKqiDQjX2Qd3AuoEguBgdjIKlg==}
+  '@babel/register@7.25.9':
+    resolution: {integrity: sha512-8D43jXtGsYmEeDvm4MWHYUpWf8iiXgWYx3fW7E7Wb7Oe6FWqJPl5K6TuFW0dOwNZzEE5rjlaSJYH9JjrUKJszA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/regjsgen@0.8.0':
-    resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
-
-  '@babel/runtime@7.22.11':
-    resolution: {integrity: sha512-ee7jVNlWN09+KftVOu9n7S8gQzD/Z6hN/I8VBRXW4P1+Xe7kJGXMwu8vds4aGIMHZnNbdpSWCfZZtinytpcAvA==}
+  '@babel/runtime@7.26.9':
+    resolution: {integrity: sha512-aA63XwOkcl4xxQa3HjPMqOP6LiK0ZDv3mUPYEFXkpHbaFjtGggE1A61FjFzJnB+p7/oy2gA8E+rcBNl/zC1tMg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/runtime@7.24.5':
-    resolution: {integrity: sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==}
+  '@babel/template@7.26.9':
+    resolution: {integrity: sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.22.5':
-    resolution: {integrity: sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==}
+  '@babel/traverse@7.26.9':
+    resolution: {integrity: sha512-ZYW7L+pL8ahU5fXmNbPF+iZFHCv5scFak7MZ9bwaRPLUhHh7QQEMjZUg0HevihoqCM5iSYHN61EyCoZvqC+bxg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.22.11':
-    resolution: {integrity: sha512-mzAenteTfomcB7mfPtyi+4oe5BZ6MXxWcn4CX+h4IRJ+OOGXBrWU6jDQavkQI9Vuc5P+donFabBfFCcmWka9lQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/types@7.22.11':
-    resolution: {integrity: sha512-siazHiGuZRz9aB9NpHy9GOs9xiQPKnMzgdr493iI1M67vRXpnEq8ZOOKzezC5q7zwuQ6sDhdSp4SD9ixKSqKZg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/types@7.23.0':
-    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
+  '@babel/types@7.26.9':
+    resolution: {integrity: sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==}
     engines: {node: '>=6.9.0'}
 
   '@base2/pretty-print-object@1.0.1':
     resolution: {integrity: sha512-4iri8i1AqYHJE2DstZYkyEprg6Pq6sKx3xn5FpySk9sNhH7qN2LLlHJCfDTZRILNwQNPD7mATWM0TBui7uC1pA==}
 
-  '@bcoe/v8-coverage@0.2.3':
-    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
-
-  '@cbor-extract/cbor-extract-darwin-arm64@2.2.0':
-    resolution: {integrity: sha512-P7swiOAdF7aSi0H+tHtHtr6zrpF3aAq/W9FXx5HektRvLTM2O89xCyXF3pk7pLc7QpaY7AoaE8UowVf9QBdh3w==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@cbor-extract/cbor-extract-darwin-x64@2.2.0':
-    resolution: {integrity: sha512-1liF6fgowph0JxBbYnAS7ZlqNYLf000Qnj4KjqPNW4GViKrEql2MgZnAsExhY9LSy8dnvA4C0qHEBgPrll0z0w==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@cbor-extract/cbor-extract-linux-arm64@2.2.0':
-    resolution: {integrity: sha512-rQvhNmDuhjTVXSPFLolmQ47/ydGOFXtbR7+wgkSY0bdOxCFept1hvg59uiLPT2fVDuJFuEy16EImo5tE2x3RsQ==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@cbor-extract/cbor-extract-linux-arm@2.2.0':
-    resolution: {integrity: sha512-QeBcBXk964zOytiedMPQNZr7sg0TNavZeuUCD6ON4vEOU/25+pLhNN6EDIKJ9VLTKaZ7K7EaAriyYQ1NQ05s/Q==}
-    cpu: [arm]
-    os: [linux]
-
-  '@cbor-extract/cbor-extract-linux-x64@2.2.0':
-    resolution: {integrity: sha512-cWLAWtT3kNLHSvP4RKDzSTX9o0wvQEEAj4SKvhWuOVZxiDAeQazr9A+PSiRILK1VYMLeDml89ohxCnUNQNQNCw==}
-    cpu: [x64]
-    os: [linux]
-
-  '@cbor-extract/cbor-extract-win32-x64@2.2.0':
-    resolution: {integrity: sha512-l2M+Z8DO2vbvADOBNLbbh9y5ST1RY5sqkWOg/58GkUPBYou/cuNZ68SGQ644f1CvZ8kcOxyZtw06+dxWHIoN/w==}
-    cpu: [x64]
-    os: [win32]
-
   '@colors/colors@1.5.0':
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
     engines: {node: '>=0.1.90'}
@@ -1209,11 +1074,14 @@ packages:
     resolution: {integrity: sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==}
     engines: {node: '>=10.0.0'}
 
-  '@emotion/babel-plugin@11.11.0':
-    resolution: {integrity: sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==}
+  '@emnapi/runtime@1.3.1':
+    resolution: {integrity: sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==}
 
-  '@emotion/cache@11.11.0':
-    resolution: {integrity: sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==}
+  '@emotion/babel-plugin@11.13.5':
+    resolution: {integrity: sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==}
+
+  '@emotion/cache@11.14.0':
+    resolution: {integrity: sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==}
 
   '@emotion/css@11.5.0':
     resolution: {integrity: sha512-mqjz/3aqR9rp40M+pvwdKYWxlQK4Nj3cnNjo3Tx6SM14dSsEn7q/4W2/I7PlgG+mb27iITHugXuBIHH/QwUBVQ==}
@@ -1223,53 +1091,68 @@ packages:
       '@babel/core':
         optional: true
 
-  '@emotion/hash@0.9.1':
-    resolution: {integrity: sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==}
+  '@emotion/hash@0.9.2':
+    resolution: {integrity: sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==}
 
-  '@emotion/memoize@0.8.1':
-    resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
+  '@emotion/memoize@0.9.0':
+    resolution: {integrity: sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==}
 
-  '@emotion/serialize@1.1.2':
-    resolution: {integrity: sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==}
+  '@emotion/react@11.14.0':
+    resolution: {integrity: sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
 
-  '@emotion/sheet@1.2.2':
-    resolution: {integrity: sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==}
+  '@emotion/serialize@1.3.3':
+    resolution: {integrity: sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==}
 
-  '@emotion/unitless@0.8.1':
-    resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
+  '@emotion/sheet@1.4.0':
+    resolution: {integrity: sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==}
 
-  '@emotion/use-insertion-effect-with-fallbacks@1.0.1':
-    resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==}
+  '@emotion/unitless@0.10.0':
+    resolution: {integrity: sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==}
+
+  '@emotion/use-insertion-effect-with-fallbacks@1.2.0':
+    resolution: {integrity: sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==}
     peerDependencies:
       react: ^18.2.0
 
-  '@emotion/utils@1.2.1':
-    resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==}
+  '@emotion/utils@1.4.2':
+    resolution: {integrity: sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==}
 
-  '@emotion/weak-memoize@0.3.1':
-    resolution: {integrity: sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==}
+  '@emotion/weak-memoize@0.4.0':
+    resolution: {integrity: sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==}
 
-  '@esbuild/aix-ppc64@0.19.11':
-    resolution: {integrity: sha512-FnzU0LyE3ySQk7UntJO4+qIiQgI7KoODnZg5xzXIrFJlKd2P2gwHsHY4927xj9y5PJmJSzULiUCWmv7iWnNa7g==}
+  '@esbuild/aix-ppc64@0.19.12':
+    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.25.0':
+    resolution: {integrity: sha512-O7vun9Sf8DFjH2UtqK8Ku3LkquL9SZL8OLY1T5NZkA34+wG3OQF7cl4Ql8vdNzM6fzBbYfLaiRLIOZ+2FOCgBQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.18.20':
     resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm64@0.19.11':
-    resolution: {integrity: sha512-aiu7K/5JnLj//KOnOfEZ0D90obUkRzDMyqd/wNAUQ34m4YUPVhRZpnqKV9uqDGxT7cToSDnIHsGooyIczu9T+Q==}
+  '@esbuild/android-arm64@0.19.12':
+    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm64@0.19.3':
-    resolution: {integrity: sha512-w+Akc0vv5leog550kjJV9Ru+MXMR2VuMrui3C61mnysim0gkFCPOUTAfzTP0qX+HpN9Syu3YA3p1hf3EPqObRw==}
-    engines: {node: '>=12'}
+  '@esbuild/android-arm64@0.25.0':
+    resolution: {integrity: sha512-grvv8WncGjDSyUBjN9yHXNt+cq0snxXbDxy5pJtzMKGmmpPxeAmAhWxXI+01lU5rwZomDgD3kJwulEnhTRUd6g==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
@@ -1279,15 +1162,15 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-arm@0.19.11':
-    resolution: {integrity: sha512-5OVapq0ClabvKvQ58Bws8+wkLCV+Rxg7tUVbo9xu034Nm536QTII4YzhaFriQ7rMrorfnFKUsArD2lqKbFY4vw==}
+  '@esbuild/android-arm@0.19.12':
+    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-arm@0.19.3':
-    resolution: {integrity: sha512-Lemgw4io4VZl9GHJmjiBGzQ7ONXRfRPHcUEerndjwiSkbxzrpq0Uggku5MxxrXdwJ+pTj1qyw4jwTu7hkPsgIA==}
-    engines: {node: '>=12'}
+  '@esbuild/android-arm@0.25.0':
+    resolution: {integrity: sha512-PTyWCYYiU0+1eJKmw21lWtC+d08JDZPQ5g+kFyxP0V+es6VPPSUhM6zk8iImp2jbV6GwjX4pap0JFbUQN65X1g==}
+    engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
@@ -1297,15 +1180,15 @@ packages:
     cpu: [x64]
     os: [android]
 
-  '@esbuild/android-x64@0.19.11':
-    resolution: {integrity: sha512-eccxjlfGw43WYoY9QgB82SgGgDbibcqyDTlk3l3C0jOVHKxrjdc9CTwDUQd0vkvYg5um0OH+GpxYvp39r+IPOg==}
+  '@esbuild/android-x64@0.19.12':
+    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
 
-  '@esbuild/android-x64@0.19.3':
-    resolution: {integrity: sha512-FKQJKkK5MXcBHoNZMDNUAg1+WcZlV/cuXrWCoGF/TvdRiYS4znA0m5Il5idUwfxrE20bG/vU1Cr5e1AD6IEIjQ==}
-    engines: {node: '>=12'}
+  '@esbuild/android-x64@0.25.0':
+    resolution: {integrity: sha512-m/ix7SfKG5buCnxasr52+LI78SQ+wgdENi9CqyCXwjVR2X4Jkz+BpC3le3AoBPYTC9NHklwngVXvbJ9/Akhrfg==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
@@ -1315,15 +1198,15 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-arm64@0.19.11':
-    resolution: {integrity: sha512-ETp87DRWuSt9KdDVkqSoKoLFHYTrkyz2+65fj9nfXsaV3bMhTCjtQfw3y+um88vGRKRiF7erPrh/ZuIdLUIVxQ==}
+  '@esbuild/darwin-arm64@0.19.12':
+    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-arm64@0.19.3':
-    resolution: {integrity: sha512-kw7e3FXU+VsJSSSl2nMKvACYlwtvZB8RUIeVShIEY6PVnuZ3c9+L9lWB2nWeeKWNNYDdtL19foCQ0ZyUL7nqGw==}
-    engines: {node: '>=12'}
+  '@esbuild/darwin-arm64@0.25.0':
+    resolution: {integrity: sha512-mVwdUb5SRkPayVadIOI78K7aAnPamoeFR2bT5nszFUZ9P8UpK4ratOdYbZZXYSqPKMHfS1wdHCJk1P1EZpRdvw==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
@@ -1333,15 +1216,15 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.19.11':
-    resolution: {integrity: sha512-fkFUiS6IUK9WYUO/+22omwetaSNl5/A8giXvQlcinLIjVkxwTLSktbF5f/kJMftM2MJp9+fXqZ5ezS7+SALp4g==}
+  '@esbuild/darwin-x64@0.19.12':
+    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.19.3':
-    resolution: {integrity: sha512-tPfZiwF9rO0jW6Jh9ipi58N5ZLoSjdxXeSrAYypy4psA2Yl1dAMhM71KxVfmjZhJmxRjSnb29YlRXXhh3GqzYw==}
-    engines: {node: '>=12'}
+  '@esbuild/darwin-x64@0.25.0':
+    resolution: {integrity: sha512-DgDaYsPWFTS4S3nWpFcMn/33ZZwAAeAFKNHNa1QN0rI4pUjgqf0f7ONmXf6d22tqTY+H9FNdgeaAa+YIFUn2Rg==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
@@ -1351,15 +1234,15 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-arm64@0.19.11':
-    resolution: {integrity: sha512-lhoSp5K6bxKRNdXUtHoNc5HhbXVCS8V0iZmDvyWvYq9S5WSfTIHU2UGjcGt7UeS6iEYp9eeymIl5mJBn0yiuxA==}
+  '@esbuild/freebsd-arm64@0.19.12':
+    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-arm64@0.19.3':
-    resolution: {integrity: sha512-ERDyjOgYeKe0Vrlr1iLrqTByB026YLPzTytDTz1DRCYM+JI92Dw2dbpRHYmdqn6VBnQ9Bor6J8ZlNwdZdxjlSg==}
-    engines: {node: '>=12'}
+  '@esbuild/freebsd-arm64@0.25.0':
+    resolution: {integrity: sha512-VN4ocxy6dxefN1MepBx/iD1dH5K8qNtNe227I0mnTRjry8tj5MRk4zprLEdG8WPyAPb93/e4pSgi1SoHdgOa4w==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
@@ -1369,15 +1252,15 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.19.11':
-    resolution: {integrity: sha512-JkUqn44AffGXitVI6/AbQdoYAq0TEullFdqcMY/PCUZ36xJ9ZJRtQabzMA+Vi7r78+25ZIBosLTOKnUXBSi1Kw==}
+  '@esbuild/freebsd-x64@0.19.12':
+    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.19.3':
-    resolution: {integrity: sha512-nXesBZ2Ad1qL+Rm3crN7NmEVJ5uvfLFPLJev3x1j3feCQXfAhoYrojC681RhpdOph8NsvKBBwpYZHR7W0ifTTA==}
-    engines: {node: '>=12'}
+  '@esbuild/freebsd-x64@0.25.0':
+    resolution: {integrity: sha512-mrSgt7lCh07FY+hDD1TxiTyIHyttn6vnjesnPoVDNmDfOmggTLXRv8Id5fNZey1gl/V2dyVK1VXXqVsQIiAk+A==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
@@ -1387,15 +1270,15 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm64@0.19.11':
-    resolution: {integrity: sha512-LneLg3ypEeveBSMuoa0kwMpCGmpu8XQUh+mL8XXwoYZ6Be2qBnVtcDI5azSvh7vioMDhoJFZzp9GWp9IWpYoUg==}
+  '@esbuild/linux-arm64@0.19.12':
+    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm64@0.19.3':
-    resolution: {integrity: sha512-qXvYKmXj8GcJgWq3aGvxL/JG1ZM3UR272SdPU4QSTzD0eymrM7leiZH77pvY3UetCy0k1xuXZ+VPvoJNdtrsWQ==}
-    engines: {node: '>=12'}
+  '@esbuild/linux-arm64@0.25.0':
+    resolution: {integrity: sha512-9QAQjTWNDM/Vk2bgBl17yWuZxZNQIF0OUUuPZRKoDtqF2k4EtYbpyiG5/Dk7nqeK6kIJWPYldkOcBqjXjrUlmg==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
@@ -1405,15 +1288,15 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-arm@0.19.11':
-    resolution: {integrity: sha512-3CRkr9+vCV2XJbjwgzjPtO8T0SZUmRZla+UL1jw+XqHZPkPgZiyWvbDvl9rqAN8Zl7qJF0O/9ycMtjU67HN9/Q==}
+  '@esbuild/linux-arm@0.19.12':
+    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-arm@0.19.3':
-    resolution: {integrity: sha512-zr48Cg/8zkzZCzDHNxXO/89bf9e+r4HtzNUPoz4GmgAkF1gFAFmfgOdCbR8zMbzFDGb1FqBBhdXUpcTQRYS1cQ==}
-    engines: {node: '>=12'}
+  '@esbuild/linux-arm@0.25.0':
+    resolution: {integrity: sha512-vkB3IYj2IDo3g9xX7HqhPYxVkNQe8qTK55fraQyTzTX/fxaDtXiEnavv9geOsonh2Fd2RMB+i5cbhu2zMNWJwg==}
+    engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
@@ -1423,15 +1306,15 @@ packages:
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.19.11':
-    resolution: {integrity: sha512-caHy++CsD8Bgq2V5CodbJjFPEiDPq8JJmBdeyZ8GWVQMjRD0sU548nNdwPNvKjVpamYYVL40AORekgfIubwHoA==}
+  '@esbuild/linux-ia32@0.19.12':
+    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.19.3':
-    resolution: {integrity: sha512-7XlCKCA0nWcbvYpusARWkFjRQNWNGlt45S+Q18UeS///K6Aw8bB2FKYe9mhVWy/XLShvCweOLZPrnMswIaDXQA==}
-    engines: {node: '>=12'}
+  '@esbuild/linux-ia32@0.25.0':
+    resolution: {integrity: sha512-43ET5bHbphBegyeqLb7I1eYn2P/JYGNmzzdidq/w0T8E2SsYL1U6un2NFROFRg1JZLTzdCoRomg8Rvf9M6W6Gg==}
+    engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
@@ -1441,15 +1324,15 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.19.11':
-    resolution: {integrity: sha512-ppZSSLVpPrwHccvC6nQVZaSHlFsvCQyjnvirnVjbKSHuE5N24Yl8F3UwYUUR1UEPaFObGD2tSvVKbvR+uT1Nrg==}
+  '@esbuild/linux-loong64@0.19.12':
+    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.19.3':
-    resolution: {integrity: sha512-qGTgjweER5xqweiWtUIDl9OKz338EQqCwbS9c2Bh5jgEH19xQ1yhgGPNesugmDFq+UUSDtWgZ264st26b3de8A==}
-    engines: {node: '>=12'}
+  '@esbuild/linux-loong64@0.25.0':
+    resolution: {integrity: sha512-fC95c/xyNFueMhClxJmeRIj2yrSMdDfmqJnyOY4ZqsALkDrrKJfIg5NTMSzVBr5YW1jf+l7/cndBfP3MSDpoHw==}
+    engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
@@ -1459,15 +1342,15 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.19.11':
-    resolution: {integrity: sha512-B5x9j0OgjG+v1dF2DkH34lr+7Gmv0kzX6/V0afF41FkPMMqaQ77pH7CrhWeR22aEeHKaeZVtZ6yFwlxOKPVFyg==}
+  '@esbuild/linux-mips64el@0.19.12':
+    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.19.3':
-    resolution: {integrity: sha512-gy1bFskwEyxVMFRNYSvBauDIWNggD6pyxUksc0MV9UOBD138dKTzr8XnM2R4mBsHwVzeuIH8X5JhmNs2Pzrx+A==}
-    engines: {node: '>=12'}
+  '@esbuild/linux-mips64el@0.25.0':
+    resolution: {integrity: sha512-nkAMFju7KDW73T1DdH7glcyIptm95a7Le8irTQNO/qtkoyypZAnjchQgooFUDQhNAy4iu08N79W4T4pMBwhPwQ==}
+    engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
@@ -1477,15 +1360,15 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.19.11':
-    resolution: {integrity: sha512-MHrZYLeCG8vXblMetWyttkdVRjQlQUb/oMgBNurVEnhj4YWOr4G5lmBfZjHYQHHN0g6yDmCAQRR8MUHldvvRDA==}
+  '@esbuild/linux-ppc64@0.19.12':
+    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.19.3':
-    resolution: {integrity: sha512-UrYLFu62x1MmmIe85rpR3qou92wB9lEXluwMB/STDzPF9k8mi/9UvNsG07Tt9AqwPQXluMQ6bZbTzYt01+Ue5g==}
-    engines: {node: '>=12'}
+  '@esbuild/linux-ppc64@0.25.0':
+    resolution: {integrity: sha512-NhyOejdhRGS8Iwv+KKR2zTq2PpysF9XqY+Zk77vQHqNbo/PwZCzB5/h7VGuREZm1fixhs4Q/qWRSi5zmAiO4Fw==}
+    engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
@@ -1495,15 +1378,15 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.19.11':
-    resolution: {integrity: sha512-f3DY++t94uVg141dozDu4CCUkYW+09rWtaWfnb3bqe4w5NqmZd6nPVBm+qbz7WaHZCoqXqHz5p6CM6qv3qnSSQ==}
+  '@esbuild/linux-riscv64@0.19.12':
+    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.19.3':
-    resolution: {integrity: sha512-9E73TfyMCbE+1AwFOg3glnzZ5fBAFK4aawssvuMgCRqCYzE0ylVxxzjEfut8xjmKkR320BEoMui4o/t9KA96gA==}
-    engines: {node: '>=12'}
+  '@esbuild/linux-riscv64@0.25.0':
+    resolution: {integrity: sha512-5S/rbP5OY+GHLC5qXp1y/Mx//e92L1YDqkiBbO9TQOvuFXM+iDqUNG5XopAnXoRH3FjIUDkeGcY1cgNvnXp/kA==}
+    engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
@@ -1513,15 +1396,15 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.19.11':
-    resolution: {integrity: sha512-A5xdUoyWJHMMlcSMcPGVLzYzpcY8QP1RtYzX5/bS4dvjBGVxdhuiYyFwp7z74ocV7WDc0n1harxmpq2ePOjI0Q==}
+  '@esbuild/linux-s390x@0.19.12':
+    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.19.3':
-    resolution: {integrity: sha512-LlmsbuBdm1/D66TJ3HW6URY8wO6IlYHf+ChOUz8SUAjVTuaisfuwCOAgcxo3Zsu3BZGxmI7yt//yGOxV+lHcEA==}
-    engines: {node: '>=12'}
+  '@esbuild/linux-s390x@0.25.0':
+    resolution: {integrity: sha512-XM2BFsEBz0Fw37V0zU4CXfcfuACMrppsMFKdYY2WuTS3yi8O1nFOhil/xhKTmE1nPmVyvQJjJivgDT+xh8pXJA==}
+    engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
@@ -1531,51 +1414,63 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/linux-x64@0.19.11':
-    resolution: {integrity: sha512-grbyMlVCvJSfxFQUndw5mCtWs5LO1gUlwP4CDi4iJBbVpZcqLVT29FxgGuBJGSzyOxotFG4LoO5X+M1350zmPA==}
+  '@esbuild/linux-x64@0.19.12':
+    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/linux-x64@0.19.3':
-    resolution: {integrity: sha512-ogV0+GwEmvwg/8ZbsyfkYGaLACBQWDvO0Kkh8LKBGKj9Ru8VM39zssrnu9Sxn1wbapA2qNS6BiLdwJZGouyCwQ==}
-    engines: {node: '>=12'}
+  '@esbuild/linux-x64@0.25.0':
+    resolution: {integrity: sha512-9yl91rHw/cpwMCNytUDxwj2XjFpxML0y9HAOH9pNVQDpQrBxHy01Dx+vaMu0N1CKa/RzBD2hB4u//nfc+Sd3Cw==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/netbsd-arm64@0.25.0':
+    resolution: {integrity: sha512-RuG4PSMPFfrkH6UwCAqBzauBWTygTvb1nxWasEJooGSJ/NwRw7b2HOwyRTQIU97Hq37l3npXoZGYMy3b3xYvPw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
   '@esbuild/netbsd-x64@0.18.20':
     resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.19.11':
-    resolution: {integrity: sha512-13jvrQZJc3P230OhU8xgwUnDeuC/9egsjTkXN49b3GcS5BKvJqZn86aGM8W9pd14Kd+u7HuFBMVtrNGhh6fHEQ==}
+  '@esbuild/netbsd-x64@0.19.12':
+    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.19.3':
-    resolution: {integrity: sha512-o1jLNe4uzQv2DKXMlmEzf66Wd8MoIhLNO2nlQBHLtWyh2MitDG7sMpfCO3NTcoTMuqHjfufgUQDFRI5C+xsXQw==}
-    engines: {node: '>=12'}
+  '@esbuild/netbsd-x64@0.25.0':
+    resolution: {integrity: sha512-jl+qisSB5jk01N5f7sPCsBENCOlPiS/xptD5yxOx2oqQfyourJwIKLRA2yqWdifj3owQZCL2sn6o08dBzZGQzA==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/openbsd-arm64@0.25.0':
+    resolution: {integrity: sha512-21sUNbq2r84YE+SJDfaQRvdgznTD8Xc0oc3p3iW/a1EVWeNj/SdUCbm5U0itZPQYRuRTW20fPMWMpcrciH2EJw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
   '@esbuild/openbsd-x64@0.18.20':
     resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.19.11':
-    resolution: {integrity: sha512-ysyOGZuTp6SNKPE11INDUeFVVQFrhcNDVUgSQVDzqsqX38DjhPEPATpid04LCoUr2WXhQTEZ8ct/EgJCUDpyNw==}
+  '@esbuild/openbsd-x64@0.19.12':
+    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.19.3':
-    resolution: {integrity: sha512-AZJCnr5CZgZOdhouLcfRdnk9Zv6HbaBxjcyhq0StNcvAdVZJSKIdOiPB9az2zc06ywl0ePYJz60CjdKsQacp5Q==}
-    engines: {node: '>=12'}
+  '@esbuild/openbsd-x64@0.25.0':
+    resolution: {integrity: sha512-2gwwriSMPcCFRlPlKx3zLQhfN/2WjJ2NSlg5TKLQOJdV0mSxIcYNTMhk3H3ulL/cak+Xj0lY1Ym9ysDV1igceg==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
@@ -1585,15 +1480,15 @@ packages:
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/sunos-x64@0.19.11':
-    resolution: {integrity: sha512-Hf+Sad9nVwvtxy4DXCZQqLpgmRTQqyFyhT3bZ4F2XlJCjxGmRFF0Shwn9rzhOYRB61w9VMXUkxlBy56dk9JJiQ==}
+  '@esbuild/sunos-x64@0.19.12':
+    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/sunos-x64@0.19.3':
-    resolution: {integrity: sha512-Acsujgeqg9InR4glTRvLKGZ+1HMtDm94ehTIHKhJjFpgVzZG9/pIcWW/HA/DoMfEyXmANLDuDZ2sNrWcjq1lxw==}
-    engines: {node: '>=12'}
+  '@esbuild/sunos-x64@0.25.0':
+    resolution: {integrity: sha512-bxI7ThgLzPrPz484/S9jLlvUAHYMzy6I0XiU1ZMeAEOBcS0VePBFxh1JjTQt3Xiat5b6Oh4x7UC7IwKQKIJRIg==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
@@ -1603,15 +1498,15 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-arm64@0.19.11':
-    resolution: {integrity: sha512-0P58Sbi0LctOMOQbpEOvOL44Ne0sqbS0XWHMvvrg6NE5jQ1xguCSSw9jQeUk2lfrXYsKDdOe6K+oZiwKPilYPQ==}
+  '@esbuild/win32-arm64@0.19.12':
+    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-arm64@0.19.3':
-    resolution: {integrity: sha512-FSrAfjVVy7TifFgYgliiJOyYynhQmqgPj15pzLyJk8BUsnlWNwP/IAy6GAiB1LqtoivowRgidZsfpoYLZH586A==}
-    engines: {node: '>=12'}
+  '@esbuild/win32-arm64@0.25.0':
+    resolution: {integrity: sha512-ZUAc2YK6JW89xTbXvftxdnYy3m4iHIkDtK3CLce8wg8M2L+YZhIvO1DKpxrd0Yr59AeNNkTiic9YLf6FTtXWMw==}
+    engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
@@ -1621,15 +1516,15 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.19.11':
-    resolution: {integrity: sha512-6YOrWS+sDJDmshdBIQU+Uoyh7pQKrdykdefC1avn76ss5c+RN6gut3LZA4E2cH5xUEp5/cA0+YxRaVtRAb0xBg==}
+  '@esbuild/win32-ia32@0.19.12':
+    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.19.3':
-    resolution: {integrity: sha512-xTScXYi12xLOWZ/sc5RBmMN99BcXp/eEf7scUC0oeiRoiT5Vvo9AycuqCp+xdpDyAU+LkrCqEpUS9fCSZF8J3Q==}
-    engines: {node: '>=12'}
+  '@esbuild/win32-ia32@0.25.0':
+    resolution: {integrity: sha512-eSNxISBu8XweVEWG31/JzjkIGbGIJN/TrRoiSVZwZ6pkC6VX4Im/WV2cz559/TXLcYbcrDN8JtKgd9DJVIo8GA==}
+    engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
@@ -1639,69 +1534,63 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@esbuild/win32-x64@0.19.11':
-    resolution: {integrity: sha512-vfkhltrjCAb603XaFhqhAF4LGDi2M4OrCRrFusyQ+iTLQ/o60QQXxc9cZC/FFpihBI9N1Grn6SMKVJ4KP7Fuiw==}
+  '@esbuild/win32-x64@0.19.12':
+    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
 
-  '@esbuild/win32-x64@0.19.3':
-    resolution: {integrity: sha512-FbUN+0ZRXsypPyWE2IwIkVjDkDnJoMJARWOcFZn4KPPli+QnKqF0z1anvfaYe3ev5HFCpRDLLBDHyOALLppWHw==}
-    engines: {node: '>=12'}
+  '@esbuild/win32-x64@0.25.0':
+    resolution: {integrity: sha512-ZENoHJBxA20C2zFzh6AI4fT6RraMzjYw4xKWemRTRmRVtN9c5DcH9r/f2ihEkMjOW5eGgrwCslG/+Y/3bL+DHQ==}
+    engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
 
-  '@eslint-community/eslint-utils@4.4.0':
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+  '@eslint-community/eslint-utils@4.4.1':
+    resolution: {integrity: sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.8.0':
-    resolution: {integrity: sha512-JylOEEzDiOryeUnFbQz+oViCXS0KsvR1mvHkoMiu5+UiBvy+RYX7tzlIIIEstF/gVa2tj9AQXk3dgnxv6KxhFg==}
+  '@eslint-community/regexpp@4.12.1':
+    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/eslintrc@2.1.2':
-    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
+  '@eslint/eslintrc@2.1.4':
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@eslint/js@8.50.0':
-    resolution: {integrity: sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==}
+  '@eslint/js@8.57.1':
+    resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
   '@fal-works/esbuild-plugin-global-externals@2.1.2':
     resolution: {integrity: sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==}
 
-  '@fastify/busboy@2.0.0':
-    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
+  '@fastify/busboy@2.1.1':
+    resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
     engines: {node: '>=14'}
 
-  '@floating-ui/core@1.5.0':
-    resolution: {integrity: sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==}
+  '@floating-ui/core@1.6.9':
+    resolution: {integrity: sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==}
 
-  '@floating-ui/dom@1.5.3':
-    resolution: {integrity: sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==}
+  '@floating-ui/dom@1.6.13':
+    resolution: {integrity: sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==}
 
-  '@floating-ui/react-dom@2.0.2':
-    resolution: {integrity: sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==}
+  '@floating-ui/react-dom@2.1.2':
+    resolution: {integrity: sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==}
     peerDependencies:
       react: ^18.2.0
       react-dom: '>=16.8.0'
 
-  '@floating-ui/react-dom@2.0.9':
-    resolution: {integrity: sha512-q0umO0+LQK4+p6aGyvzASqKbKOJcAHJ7ycE9CuUvfx3s9zTHWmGJTPOIlM/hmSBfUfg/XfY5YhLBLR/LHwShQQ==}
+  '@floating-ui/react@0.26.28':
+    resolution: {integrity: sha512-yORQuuAtVpiRjpMhdc0wJj06b9JFjrYF4qp96j++v2NBpbi6SEGF7donUJ3TMieerQ6qVkAv1tgr7L4r5roTqw==}
     peerDependencies:
       react: ^18.2.0
       react-dom: '>=16.8.0'
 
-  '@floating-ui/react@0.26.1':
-    resolution: {integrity: sha512-5gyJIJ2tZOPMgmZ/vEcVhdmQiy75b7LPO71sYIiDsxGcZ4hxLuygQWCuT0YXHqppt//Eese+L6t5KnX/gZ3tVA==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: '>=16.8.0'
-
-  '@floating-ui/utils@0.1.6':
-    resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==}
+  '@floating-ui/utils@0.2.9':
+    resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
 
   '@gar/promisify@1.1.3':
     resolution: {integrity: sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==}
@@ -1712,19 +1601,123 @@ packages:
   '@hapi/topo@5.1.0':
     resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
 
-  '@humanwhocodes/config-array@0.11.11':
-    resolution: {integrity: sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==}
+  '@humanwhocodes/config-array@0.13.0':
+    resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
     engines: {node: '>=10.10.0'}
+    deprecated: Use @eslint/config-array instead
 
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
 
-  '@humanwhocodes/object-schema@1.2.1':
-    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
+  '@humanwhocodes/object-schema@2.0.3':
+    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+    deprecated: Use @eslint/object-schema instead
 
-  '@iconify/types@2.0.0':
-    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+  '@img/sharp-darwin-arm64@0.33.5':
+    resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.33.5':
+    resolution: {integrity: sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    resolution: {integrity: sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    resolution: {integrity: sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    resolution: {integrity: sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    resolution: {integrity: sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    resolution: {integrity: sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    resolution: {integrity: sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    resolution: {integrity: sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    resolution: {integrity: sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linux-arm64@0.33.5':
+    resolution: {integrity: sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linux-arm@0.33.5':
+    resolution: {integrity: sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.33.5':
+    resolution: {integrity: sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-linux-x64@0.33.5':
+    resolution: {integrity: sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    resolution: {integrity: sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    resolution: {integrity: sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-wasm32@0.33.5':
+    resolution: {integrity: sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-ia32@0.33.5':
+    resolution: {integrity: sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.33.5':
+    resolution: {integrity: sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
 
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
@@ -1915,42 +1908,63 @@ packages:
   '@jimp/utils@0.10.3':
     resolution: {integrity: sha512-VcSlQhkil4ReYmg1KkN+WqHyYfZ2XfZxDsKAHSfST1GEz/RQHxKZbX+KhFKtKflnL0F4e6DlNQj3vznMNXCR2w==}
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.2.1':
-    resolution: {integrity: sha512-ou4ZJSXMMWHqGS4g8uNRbC5TiTWxAgQZiVucoUrOCWuPrTbkpJbmVyIi9jU72SBry7gQtuMEDp4YR8EEXAg7VQ==}
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.3.0':
+    resolution: {integrity: sha512-2D6y7fNvFmsLmRt6UCOFJPvFoPMJGT0Uh1Wg0RaigUp7kdQPs6yYn8Dmx6GZkOH/NW0yMTwRz/p0SRMMRo50vA==}
     peerDependencies:
       typescript: '>= 4.3.x'
-      vite: ^3.0.0 || ^4.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@jridgewell/gen-mapping@0.3.3':
-    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+  '@jridgewell/gen-mapping@0.3.8':
+    resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/resolve-uri@3.1.1':
-    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/set-array@1.1.2':
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+  '@jridgewell/set-array@1.2.1':
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/source-map@0.3.5':
-    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
+  '@jridgewell/source-map@0.3.6':
+    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
 
-  '@jridgewell/sourcemap-codec@1.4.15':
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
-  '@jridgewell/trace-mapping@0.3.19':
-    resolution: {integrity: sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==}
+  '@jridgewell/trace-mapping@0.3.25':
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
-  '@jspm/core@2.0.1':
-    resolution: {integrity: sha512-Lg3PnLp0QXpxwLIAuuJboLeRaIhrgJjeuh797QADg3xz8wGLugQOS5DpsE8A6i6Adgzf+bacllkKZG3J0tGfDw==}
+  '@jsonjoy.com/base64@1.1.2':
+    resolution: {integrity: sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/json-pack@1.2.0':
+    resolution: {integrity: sha512-io1zEbbYcElht3tdlqEOFxZ0dMTYrHz9iMf0gqn1pPjZFTCgM5R4R5IMA20Chb2UPYYsxjzs8CgZ7Nb5n2K2rA==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jsonjoy.com/util@1.5.0':
+    resolution: {integrity: sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
+  '@jspm/core@2.1.0':
+    resolution: {integrity: sha512-3sRl+pkyFY/kLmHl0cgHiFp2xEqErA8N3ECjMs7serSUBmoJ70lBa0PG5t0IM6WJgdZNyyI0R8YFfi5wM8+mzg==}
 
   '@juggle/resize-observer@3.3.1':
     resolution: {integrity: sha512-zMM9Ds+SawiUkakS7y94Ymqx+S0ORzpG3frZirN3l+UlXUmSUR7hF4wxCVqW+ei94JzV5kt0uXBcoOEAuiydrw==}
 
+  '@juggle/resize-observer@3.4.0':
+    resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
+
   '@mapbox/node-pre-gyp@1.0.11':
     resolution: {integrity: sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==}
     hasBin: true
@@ -1960,39 +1974,38 @@ packages:
     peerDependencies:
       react: ^18.2.0
 
+  '@module-federation/error-codes@0.11.2':
+    resolution: {integrity: sha512-ik1Qnn0I+WyEdprTck9WGlH41vGsVdUg8cfO+ZM02qOb2cZm5Vu3SlxGAobj6g7uAj0g8yINnd7h7Dci40BxQA==}
+
+  '@module-federation/runtime-core@0.11.2':
+    resolution: {integrity: sha512-dia5kKybi6MFU0s5PgglJwN27k7n9Sf69Cy5xZ4BWaP0qlaXTsxHKO0PECHNt2Pt8jDdyU29sQ4DwAQfxpnXJQ==}
+
+  '@module-federation/runtime-tools@0.11.2':
+    resolution: {integrity: sha512-4MJTGAxVq6vxQRkTtTlH7Mm9AVqgn0X9kdu+7RsL7T/qU+jeYsbrntN2CWG3GVVA8r5JddXyTI1iJ0VXQZLV1w==}
+
+  '@module-federation/runtime@0.11.2':
+    resolution: {integrity: sha512-Ya9u/L6z2LvhgpqxuKCB7LcigIIRf1BbaxAZIH7mzbq/A7rZtTP7v+73E433jvgiAlbAfPSZkeoYGele6hfRwA==}
+
+  '@module-federation/sdk@0.11.2':
+    resolution: {integrity: sha512-SBFe5xOamluT900J4AGBx+2/kCH/JbfqXoUwPSAC6PRzb8Y7LB0posnOGzmqYsLZXT37vp3d6AmJDsVoajDqxw==}
+
+  '@module-federation/webpack-bundler-runtime@0.11.2':
+    resolution: {integrity: sha512-WdwIE6QF+MKs/PdVu0cKPETF743JB9PZ62/qf7Uo3gU4fjsUMc37RnbJZ/qB60EaHHfjwp1v6NnhZw1r4eVsnw==}
+
+  '@monaco-editor/loader@1.5.0':
+    resolution: {integrity: sha512-hKoGSM+7aAc7eRTRjpqAZucPmoNOC4UUbknb/VNoTkEIkCPhqV8LfbsgM1webRM7S/z21eHEx9Fkwx8Z/C/+Xw==}
+
+  '@monaco-editor/react@4.7.0':
+    resolution: {integrity: sha512-cyzXQCtO47ydzxpQtCGSQGOC8Gk3ZUeBXFAxD+CWXYFo5OqZyZUonFl0DwUlTyAfRHntBfw2p3w4s9R6oe1eCA==}
+    peerDependencies:
+      monaco-editor: '>= 0.25.0 < 1'
+      react: ^18.2.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   '@msgpack/msgpack@2.8.0':
     resolution: {integrity: sha512-h9u4u/jiIRKbq25PM+zymTyW6bhTzELvOoUd+AvYriWOAKpLGnIamaET3pnHYoI5iYphAHBI4ayx0MehR+VVPQ==}
     engines: {node: '>= 10'}
 
-  '@mui/base@5.0.0-beta.40':
-    resolution: {integrity: sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      '@types/react': ^17.0.0 || ^18.0.0
-      react: ^18.2.0
-      react-dom: ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@mui/types@7.2.14':
-    resolution: {integrity: sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==}
-    peerDependencies:
-      '@types/react': ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@mui/utils@5.15.14':
-    resolution: {integrity: sha512-0lF/7Hh/ezDv5X7Pry6enMsbYyGKjADzvHyo3Qrc/SSlTsQ1VkbDMbH0m2t3OR5iIVLwMoxwM7yGd+6FCMtTFA==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      '@types/react': ^17.0.0 || ^18.0.0
-      react: ^18.2.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   '@ndelangen/get-tarball@3.0.9':
     resolution: {integrity: sha512-9JKTEik4vq+yGosHYhZ1tiH/3WpUS0Nh0kej4Agndhox8pAdWhEx5knFVRcb/ya9knCRCs1rPxNrSXTDdfVqpA==}
 
@@ -2017,20 +2030,20 @@ packages:
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
     deprecated: This functionality has been moved to @npmcli/fs
 
-  '@nxg-org/mineflayer-auto-jump@0.7.7':
-    resolution: {integrity: sha512-50FYsz5rxBuLzOh7wqmg9iN9zdVGD+QjuaPcw/mD7q8Bq6Bq+o1/DfXfpoNGIHaDag80q6FJSpc73MI3Scid8g==}
+  '@nxg-org/mineflayer-auto-jump@0.7.18':
+    resolution: {integrity: sha512-O/nRCyWrRwFpcCXXSJhmt844c4a8KhkK4OJPAOKSc63tExIIQU/sipHgjgpy0B+gVDjSmLMPYXe71CN0W327Wg==}
 
-  '@nxg-org/mineflayer-physics-util@1.5.8':
-    resolution: {integrity: sha512-KmCkAqpUo8BbuRdIBs6+V2hWHehz++PRz3lRwIsb47CuG0u4sgLYh37RY3ifAznC6uWvmPK+q3B4ZXwJzPy1MQ==}
+  '@nxg-org/mineflayer-physics-util@1.8.10':
+    resolution: {integrity: sha512-JGIJEPauVmqoBFQ0I8ZtbaYo3mKn2N00srnDrWkCEt1qozyZWie4sYR0khjjwYubFCljMoWtoEA0+DLsHZLNFg==}
 
-  '@nxg-org/mineflayer-tracker@1.2.1':
-    resolution: {integrity: sha512-SI1ffF8zvg3/ZNE021Ja2W0FZPN+WbQDZf8yFqOcXtPRXAtM9W6HvoACdzXep8BZid7WYgYLIgjKpB+9RqvCNQ==}
+  '@nxg-org/mineflayer-tracker@1.3.0':
+    resolution: {integrity: sha512-HINrv51l2aZ/lDrcL77gSWDvf3Z3trd6kdiifXitCMDNdBT0FpWnXq9bi5Fr7yPpFGQ3fqGUIq5DQYYY84E9IA==}
 
-  '@nxg-org/mineflayer-trajectories@1.1.1':
-    resolution: {integrity: sha512-X103KXlX8+L3uMeK4jQxMUdTizv01sQRSfBizAF/iOAdfQZehRLXr3CYKeJzfwPYGLN0X0JCl++cMEcZVn4vbg==}
+  '@nxg-org/mineflayer-trajectories@1.2.0':
+    resolution: {integrity: sha512-yTDHn96fyWLKwdHdOGIrnt8nss4SJmxXwJn101o7aNI4sgdnUmwaX4FoNbmrEa9eZn6IwxaXIxDf+fJmKj9RIw==}
 
-  '@nxg-org/mineflayer-util-plugin@1.8.3':
-    resolution: {integrity: sha512-YlIbzCDs9822xuvmYlD0vXZz0iye9buqp9NK4nNn15gYybdqBtC/YxK6BLqXtwNohZCKoZdKgei7Xd5Bt2/rUg==}
+  '@nxg-org/mineflayer-util-plugin@1.8.4':
+    resolution: {integrity: sha512-hPaCZxU0Aq+gUSi/l6x7n32hUG6bnDugAMoQXD2dFE/gyNkmRSpmgH5+Y6G41w3H8P3Nl++upGCOlaxvZ7RuoA==}
 
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
@@ -2045,6 +2058,9 @@ packages:
   '@radix-ui/primitive@1.0.1':
     resolution: {integrity: sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==}
 
+  '@radix-ui/primitive@1.1.1':
+    resolution: {integrity: sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==}
+
   '@radix-ui/react-arrow@1.0.3':
     resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==}
     peerDependencies:
@@ -2071,6 +2087,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-collection@1.1.2':
+    resolution: {integrity: sha512-9z54IEKRxIa9VityapoEYMuByaG42iSy1ZXlY2KcuLSEtq8x4987/N6m15ppoMffgZX72gER2uHe1D9Y6Unlcw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^18.2.0
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-compose-refs@1.0.1':
     resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==}
     peerDependencies:
@@ -2080,6 +2109,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-compose-refs@1.1.1':
+    resolution: {integrity: sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-context@1.0.1':
     resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
     peerDependencies:
@@ -2089,6 +2127,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-context@1.1.1':
+    resolution: {integrity: sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-direction@1.0.1':
     resolution: {integrity: sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==}
     peerDependencies:
@@ -2098,6 +2145,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-direction@1.1.0':
+    resolution: {integrity: sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-dismissable-layer@1.0.4':
     resolution: {integrity: sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==}
     peerDependencies:
@@ -2142,6 +2198,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-id@1.1.0':
+    resolution: {integrity: sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-popper@1.1.2':
     resolution: {integrity: sha512-1CnGGfFi/bbqtJZZ0P/NQY20xdG3E0LALJaLUEoKwPLwl6PPPfbeiCqMVQnhoFRAxjJj4RpBRJzDmUgsex2tSg==}
     peerDependencies:
@@ -2181,13 +2246,26 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-roving-focus@1.0.4':
-    resolution: {integrity: sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==}
+  '@radix-ui/react-primitive@2.0.2':
+    resolution: {integrity: sha512-Ec/0d38EIuvDF+GZjcMU/Ze6MxntVJYO/fRlCPhCaVUyPY9WTalHJw54tp9sXeJo3tlShWpy41vQRgLRGOuz+w==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
       react: ^18.2.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-roving-focus@1.1.2':
+    resolution: {integrity: sha512-zgMQWkNO169GtGqRvYrzb0Zf8NhMHS2DuEB/TiEmVnpr5OqPU3i8lfbxaAmC2J/KYuIQxyoQQ6DxepyXp61/xw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^18.2.0
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2207,13 +2285,13 @@ packages:
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-separator@1.0.3':
-    resolution: {integrity: sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==}
+  '@radix-ui/react-separator@1.1.2':
+    resolution: {integrity: sha512-oZfHcaAp2Y6KFBX6I5P1u7CQoy4lheCGiYj+pGFrHy8E/VNRb5E39TkTr3JrV520csPBTZjkuKFdEsjS5EUNKQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
       react: ^18.2.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2229,39 +2307,48 @@ packages:
       '@types/react':
         optional: true
 
-  '@radix-ui/react-toggle-group@1.0.4':
-    resolution: {integrity: sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==}
+  '@radix-ui/react-slot@1.1.2':
+    resolution: {integrity: sha512-YAKxaiGsSQJ38VzKH86/BPRC4rh+b1Jpa+JneA5LRE7skmLPNAyeG8kPJj/oo4STLvlrs8vkf/iYyc3A5stYCQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-toggle-group@1.1.2':
+    resolution: {integrity: sha512-JBm6s6aVG/nwuY5eadhU2zDi/IwYS0sDM5ZWb4nymv/hn3hZdkw+gENn0LP4iY1yCd7+bgJaCwueMYJIU3vk4A==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
       react: ^18.2.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-toggle@1.0.3':
-    resolution: {integrity: sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==}
+  '@radix-ui/react-toggle@1.1.2':
+    resolution: {integrity: sha512-lntKchNWx3aCHuWKiDY+8WudiegQvBpDRAYL8dKLRvKEH8VOpl0XX6SSU/bUBqIRJbcTy4+MW06Wv8vgp10rzQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
       react: ^18.2.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
       '@types/react-dom':
         optional: true
 
-  '@radix-ui/react-toolbar@1.0.4':
-    resolution: {integrity: sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==}
+  '@radix-ui/react-toolbar@1.1.2':
+    resolution: {integrity: sha512-wT20eQ7ScFk+kBMDmHp+lMk18cgxhu35b2Bn5deUcPxiVwfn5vuZgi7NGcHu8ocdkinahmp4FaSZysKDyRVPWQ==}
     peerDependencies:
       '@types/react': '*'
       '@types/react-dom': '*'
       react: ^18.2.0
-      react-dom: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2277,6 +2364,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-use-callback-ref@1.1.0':
+    resolution: {integrity: sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-use-controllable-state@1.0.1':
     resolution: {integrity: sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==}
     peerDependencies:
@@ -2286,6 +2382,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-use-controllable-state@1.1.0':
+    resolution: {integrity: sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-use-escape-keydown@1.0.3':
     resolution: {integrity: sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==}
     peerDependencies:
@@ -2304,6 +2409,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-use-layout-effect@1.1.0':
+    resolution: {integrity: sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-use-previous@1.0.1':
     resolution: {integrity: sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==}
     peerDependencies:
@@ -2364,25 +2478,37 @@ packages:
       '@types/babel__core':
         optional: true
 
-  '@rollup/plugin-node-resolve@11.2.1':
-    resolution: {integrity: sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==}
-    engines: {node: '>= 10.0.0'}
+  '@rollup/plugin-node-resolve@15.3.1':
+    resolution: {integrity: sha512-tgg6b91pAybXHJQMAAwW9VuWBO6Thi+q7BCNARLwSqlmsHz0XYURtGvh/AuwSADXSI4h/2uHbs7s4FzlZDGSGA==}
+    engines: {node: '>=14.0.0'}
     peerDependencies:
-      rollup: ^1.20.0||^2.0.0
+      rollup: ^2.78.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
 
   '@rollup/plugin-replace@2.4.2':
     resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==}
     peerDependencies:
       rollup: ^1.20.0 || ^2.0.0
 
+  '@rollup/plugin-terser@0.4.4':
+    resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
   '@rollup/pluginutils@3.1.0':
     resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
     engines: {node: '>= 8.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0
 
-  '@rollup/pluginutils@5.0.5':
-    resolution: {integrity: sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==}
+  '@rollup/pluginutils@5.1.4':
+    resolution: {integrity: sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
@@ -2390,8 +2516,210 @@ packages:
       rollup:
         optional: true
 
-  '@rushstack/eslint-patch@1.4.0':
-    resolution: {integrity: sha512-cEjvTPU32OM9lUFegJagO0mRnIn+rbqrG89vV8/xLnLFX0DoR0r1oy5IlTga71Q7uT3Qus7qm7wgeiMT/+Irlg==}
+  '@rollup/rollup-android-arm-eabi@4.34.9':
+    resolution: {integrity: sha512-qZdlImWXur0CFakn2BJ2znJOdqYZKiedEPEVNTBrpfPjc/YuTGcaYZcdmNFTkUj3DU0ZM/AElcM8Ybww3xVLzA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.34.9':
+    resolution: {integrity: sha512-4KW7P53h6HtJf5Y608T1ISKvNIYLWRKMvfnG0c44M6In4DQVU58HZFEVhWINDZKp7FZps98G3gxwC1sb0wXUUg==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.34.9':
+    resolution: {integrity: sha512-0CY3/K54slrzLDjOA7TOjN1NuLKERBgk9nY5V34mhmuu673YNb+7ghaDUs6N0ujXR7fz5XaS5Aa6d2TNxZd0OQ==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.34.9':
+    resolution: {integrity: sha512-eOojSEAi/acnsJVYRxnMkPFqcxSMFfrw7r2iD9Q32SGkb/Q9FpUY1UlAu1DH9T7j++gZ0lHjnm4OyH2vCI7l7Q==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.34.9':
+    resolution: {integrity: sha512-2lzjQPJbN5UnHm7bHIUKFMulGTQwdvOkouJDpPysJS+QFBGDJqcfh+CxxtG23Ik/9tEvnebQiylYoazFMAgrYw==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.34.9':
+    resolution: {integrity: sha512-SLl0hi2Ah2H7xQYd6Qaiu01kFPzQ+hqvdYSoOtHYg/zCIFs6t8sV95kaoqjzjFwuYQLtOI0RZre/Ke0nPaQV+g==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.34.9':
+    resolution: {integrity: sha512-88I+D3TeKItrw+Y/2ud4Tw0+3CxQ2kLgu3QvrogZ0OfkmX/DEppehus7L3TS2Q4lpB+hYyxhkQiYPJ6Mf5/dPg==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.34.9':
+    resolution: {integrity: sha512-3qyfWljSFHi9zH0KgtEPG4cBXHDFhwD8kwg6xLfHQ0IWuH9crp005GfoUUh/6w9/FWGBwEHg3lxK1iHRN1MFlA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.34.9':
+    resolution: {integrity: sha512-6TZjPHjKZUQKmVKMUowF3ewHxctrRR09eYyvT5eFv8w/fXarEra83A2mHTVJLA5xU91aCNOUnM+DWFMSbQ0Nxw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.34.9':
+    resolution: {integrity: sha512-LD2fytxZJZ6xzOKnMbIpgzFOuIKlxVOpiMAXawsAZ2mHBPEYOnLRK5TTEsID6z4eM23DuO88X0Tq1mErHMVq0A==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.34.9':
+    resolution: {integrity: sha512-dRAgTfDsn0TE0HI6cmo13hemKpVHOEyeciGtvlBTkpx/F65kTvShtY/EVyZEIfxFkV5JJTuQ9tP5HGBS0hfxIg==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.34.9':
+    resolution: {integrity: sha512-PHcNOAEhkoMSQtMf+rJofwisZqaU8iQ8EaSps58f5HYll9EAY5BSErCZ8qBDMVbq88h4UxaNPlbrKqfWP8RfJA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.34.9':
+    resolution: {integrity: sha512-Z2i0Uy5G96KBYKjeQFKbbsB54xFOL5/y1P5wNBsbXB8yE+At3oh0DVMjQVzCJRJSfReiB2tX8T6HUFZ2k8iaKg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.34.9':
+    resolution: {integrity: sha512-U+5SwTMoeYXoDzJX5dhDTxRltSrIax8KWwfaaYcynuJw8mT33W7oOgz0a+AaXtGuvhzTr2tVKh5UO8GVANTxyQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.34.9':
+    resolution: {integrity: sha512-FwBHNSOjUTQLP4MG7y6rR6qbGw4MFeQnIBrMe161QGaQoBQLqSUEKlHIiVgF3g/mb3lxlxzJOpIBhaP+C+KP2A==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.34.9':
+    resolution: {integrity: sha512-cYRpV4650z2I3/s6+5/LONkjIz8MBeqrk+vPXV10ORBnshpn8S32bPqQ2Utv39jCiDcO2eJTuSlPXpnvmaIgRA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-win32-arm64-msvc@4.34.9':
+    resolution: {integrity: sha512-z4mQK9dAN6byRA/vsSgQiPeuO63wdiDxZ9yg9iyX2QTzKuQM7T4xlBoeUP/J8uiFkqxkcWndWi+W7bXdPbt27Q==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.34.9':
+    resolution: {integrity: sha512-KB48mPtaoHy1AwDNkAJfHXvHp24H0ryZog28spEs0V48l3H1fr4i37tiyHsgKZJnCmvxsbATdZGBpbmxTE3a9w==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.34.9':
+    resolution: {integrity: sha512-AyleYRPU7+rgkMWbEh71fQlrzRfeP6SyMnRf9XX4fCdDPAJumdSBqYEcWPMzVQ4ScAl7E4oFfK0GUVn77xSwbw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rsbuild/core@1.3.5':
+    resolution: {integrity: sha512-Fn6nJ4YvLO2UtFcoSPxgJoiUdS0Iix7X1BsyZ+DCj3SGpVCxp3Td9x58F5uhcRraMZFPB91wvcS/OabYwT3N2w==}
+    engines: {node: '>=16.7.0'}
+    hasBin: true
+
+  '@rsbuild/plugin-node-polyfill@1.3.0':
+    resolution: {integrity: sha512-KvckyUg9wq3F1Iv/y4+mlcnO/E7vDklvMY7kF6CxnUYImroQVw/EDS0zDezkPvcm7aKTH5b0Jaa0iIcTNFzhVw==}
+    peerDependencies:
+      '@rsbuild/core': 1.x
+    peerDependenciesMeta:
+      '@rsbuild/core':
+        optional: true
+
+  '@rsbuild/plugin-react@1.2.0':
+    resolution: {integrity: sha512-TXd0cvcLPF7OrO215vlGSyRXD6Fc3KQWhFuXFKOtRYp+C1Vc9oeW0GopUIStv2pI2/xtv2XX8GOAdJsnsc6lkA==}
+    peerDependencies:
+      '@rsbuild/core': 1.x
+
+  '@rsbuild/plugin-type-check@1.2.1':
+    resolution: {integrity: sha512-PtbjeMqDQy8IiPDTuaj8ZmvR42b0AsRq6RUF6wxa8dDsOzD0Dl1GcvemVGCto+/Dh8frLUmnlWF+T8riBw5rtA==}
+    peerDependencies:
+      '@rsbuild/core': 1.x
+    peerDependenciesMeta:
+      '@rsbuild/core':
+        optional: true
+
+  '@rsbuild/plugin-typed-css-modules@1.0.2':
+    resolution: {integrity: sha512-QX376pBXWeBrZBvYLP2HGGrHiWA5O0SDHwRoBNto5BqYDXhi6y+Eol2Hb/cY+h2ARKZVanMfUiJRABULOJ/FCQ==}
+    peerDependencies:
+      '@rsbuild/core': 1.x || ^1.0.1-beta.0
+    peerDependenciesMeta:
+      '@rsbuild/core':
+        optional: true
+
+  '@rspack/binding-darwin-arm64@1.3.3':
+    resolution: {integrity: sha512-vbzEdpRCZl5+HXWsVjzSDqB9ZVIlqldV+udHp4YDD8qiwdQznVaBZke0eMzZ7kaInqRPsZ+UHQuVk6JaH/JkMQ==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rspack/binding-darwin-x64@1.3.3':
+    resolution: {integrity: sha512-OXtY2s4nlYtUXkeJt8TQKKNIcN7PI8yDq0nqI75OfJoS4u1ZmRXJ8IMeSALLo8I+xD2RAF79tf7yhM/Y/AaiKQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rspack/binding-linux-arm64-gnu@1.3.3':
+    resolution: {integrity: sha512-Lluq3RLYzyCMdXr/HyALKEPGsr+196x8Ccuy5AmIRosOdWuwtSiomSRH1Ka8REUFNHfYy5y9SzfmIZo/E0QEmg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rspack/binding-linux-arm64-musl@1.3.3':
+    resolution: {integrity: sha512-PIsicXWjOqzmoOutUqxpMNkCoKo+8/wxDyKxHFeu+5WIAxVFphe2d3H5qvEjc2MasWSdRmAVn9XiuIj2LIXFzA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rspack/binding-linux-x64-gnu@1.3.3':
+    resolution: {integrity: sha512-BtksK73ZFdny2T/wU1x0kxBF4ruYUUArZDyeGfpO+vd/1nNYqzzdhGvOksKmtdvsO38ETr2gZ9+XZyr1vpy9uQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rspack/binding-linux-x64-musl@1.3.3':
+    resolution: {integrity: sha512-jx86CxkTmyBz/eHDqZp1mCqBwY+UTEtaPlPoWFyGkJUR5ey6nQnxS+fhG34Rqz63chW+q/afwpGNGyALYdgc8g==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rspack/binding-win32-arm64-msvc@1.3.3':
+    resolution: {integrity: sha512-uXAdDzajFToVrH3fCNVDP/uKQ9i5FQjJc2aYxsnhS9Su/CZB+UQsOecbq6MnIN2s0B9GBKBG8QdQEtS3RtC6Hg==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rspack/binding-win32-ia32-msvc@1.3.3':
+    resolution: {integrity: sha512-VBE6XsJ3IiAlozAywAIxAZ1Aqc2QVnEwBo0gP9998KkwL7wxB6Bg/OJnPbH3Q0ZaNWAQViC99rPC+5hSIdeSxw==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rspack/binding-win32-x64-msvc@1.3.3':
+    resolution: {integrity: sha512-rOsNz4/DFgSENjEh0t9kFn89feuXK14/9wbmmFlT8VMpYOCcj4tKcAHjWg+Nzzj4FL+NSOC/81SrUF9J+C2R7w==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rspack/binding@1.3.3':
+    resolution: {integrity: sha512-zdwJ801tyC8k+Gu5RjNoc7bEtX0MgJzzVv9qpaMwcAUfUfwZgCzXPTqcGMDoNI+Z47Fw59/2fKCmgZhZn60AgA==}
+
+  '@rspack/core@1.3.3':
+    resolution: {integrity: sha512-+mXVlFcYr0tWezZfJ/gR0fj8njRc7pzEMtTFa2NO5cfsNAKPF/SXm4rb55kfa63r0b3U3N7f2nKrJG9wyG7zMQ==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      '@rspack/tracing': ^1.x
+      '@swc/helpers': '>=0.5.1'
+    peerDependenciesMeta:
+      '@rspack/tracing':
+        optional: true
+      '@swc/helpers':
+        optional: true
+
+  '@rspack/lite-tapable@1.0.1':
+    resolution: {integrity: sha512-VynGOEsVw2s8TAlLf/uESfrgfrq2+rcXB1muPJYBWbsm1Oa6r5qVQhjA5ggM6z/coYPrsVMgovl3Ff7Q7OCp1w==}
+    engines: {node: '>=16.0.0'}
+
+  '@rspack/plugin-react-refresh@1.2.0':
+    resolution: {integrity: sha512-DTsbtggCfsiXE5QQtYMS8rKfEF8GIjwPDbgIT6Kg8BlAjpJY4jT5IisyhfIi7YOT3d5RIvu60iFB6Kr9sSMsnA==}
+    peerDependencies:
+      react-refresh: '>=0.10.0 <1.0.0'
+      webpack-hot-middleware: 2.x
+    peerDependenciesMeta:
+      webpack-hot-middleware:
+        optional: true
+
+  '@rushstack/eslint-patch@1.10.5':
+    resolution: {integrity: sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A==}
 
   '@sideway/address@4.1.5':
     resolution: {integrity: sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==}
@@ -2405,127 +2733,68 @@ packages:
   '@sinclair/typebox@0.27.8':
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
 
-  '@socket.io/component-emitter@3.1.0':
-    resolution: {integrity: sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==}
+  '@socket.io/component-emitter@3.1.2':
+    resolution: {integrity: sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==}
 
-  '@storybook/addon-actions@7.4.6':
-    resolution: {integrity: sha512-SsqZr3js5NinKPnC8AeNI7Ij+Q6fIl9tRdRmSulEgjksjOg7E5S1/Wsn5Bb2CCgj7MaX6VxGyC7s3XskQtDiIQ==}
+  '@storybook/addon-actions@7.6.20':
+    resolution: {integrity: sha512-c/GkEQ2U9BC/Ew/IMdh+zvsh4N6y6n7Zsn2GIhJgcu9YEAa5aF2a9/pNgEGBMOABH959XE8DAOMERw/5qiLR8g==}
+
+  '@storybook/addon-backgrounds@7.6.20':
+    resolution: {integrity: sha512-a7ukoaXT42vpKsMxkseIeO3GqL0Zst2IxpCTq5dSlXiADrcemSF/8/oNpNW9C4L6F1Zdt+WDtECXslEm017FvQ==}
+
+  '@storybook/addon-controls@7.6.20':
+    resolution: {integrity: sha512-06ZT5Ce1sZW52B0s6XuokwjkKO9GqHlTUHvuflvd8wifxKlCmRvNUxjBvwh+ccGJ49ZS73LbMSLFgtmBEkCxbg==}
+
+  '@storybook/addon-docs@7.6.20':
+    resolution: {integrity: sha512-XNfYRhbxH5JP7B9Lh4W06PtMefNXkfpV39Gaoih5HuqngV3eoSL4RikZYOMkvxRGQ738xc6axySU3+JKcP1OZg==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+
+  '@storybook/addon-essentials@7.6.20':
+    resolution: {integrity: sha512-hCupSOiJDeOxJKZSgH0x5Mb2Xqii6mps21g5hpxac1XjhQtmGflShxi/xOHhK3sNqrbgTSbScfpUP3hUlZO/2Q==}
+    peerDependencies:
+      react: ^18.2.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+
+  '@storybook/addon-highlight@7.6.20':
+    resolution: {integrity: sha512-7/x7xFdFyqCki5Dm3uBePldUs9l98/WxJ7rTHQuYqlX7kASwyN5iXPzuhmMRUhlMm/6G6xXtLabIpzwf1sFurA==}
+
+  '@storybook/addon-links@7.6.20':
+    resolution: {integrity: sha512-iomSnBD90CA4MinesYiJkFX2kb3P1Psd/a1Y0ghlFEsHD4uMId9iT6sx2s16DYMja0SlPkrbWYnGukqaCjZpRw==}
+    peerDependencies:
+      react: ^18.2.0
     peerDependenciesMeta:
       react:
         optional: true
-      react-dom:
-        optional: true
 
-  '@storybook/addon-backgrounds@7.4.6':
-    resolution: {integrity: sha512-+LHTZB/ZYMAzkyD5ZxSriBsqmsrvIaW/Nnd/BeuXGbkrVKKqM0qAKiFZAfjc2WchA1piVNy0/1Rsf+kuYCEiJw==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
+  '@storybook/addon-measure@7.6.20':
+    resolution: {integrity: sha512-i2Iq08bGfI7gZbG6Lb8uF/L287tnaGUR+2KFEmdBjH6+kgjWLiwfpanoPQpy4drm23ar0gUjX+L3Ri03VI5/Xg==}
 
-  '@storybook/addon-controls@7.4.6':
-    resolution: {integrity: sha512-4lq3sycEUIsK8SUWDYc60QgF4vV9FZZ3lDr6M7j2W9bOnvGw49d2fbdlnq+bX1ZprZZ9VgglQpBAorQB3BXZRw==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
+  '@storybook/addon-outline@7.6.20':
+    resolution: {integrity: sha512-TdsIQZf/TcDsGoZ1XpO+9nBc4OKqcMIzY4SrI8Wj9dzyFLQ37s08gnZr9POci8AEv62NTUOVavsxcafllkzqDQ==}
 
-  '@storybook/addon-docs@7.4.6':
-    resolution: {integrity: sha512-dLaub+XWFq4hChw+xfuF9yYg0Txp77FUawKoAigccfjWXx+OOhRV3XTuAcknpXkYq94GWynHgUFXosXT9kbDNA==}
+  '@storybook/addon-toolbars@7.6.20':
+    resolution: {integrity: sha512-5Btg4i8ffWTDHsU72cqxC8nIv9N3E3ObJAc6k0llrmPBG/ybh3jxmRfs8fNm44LlEXaZ5qrK/petsXX3UbpIFg==}
+
+  '@storybook/addon-viewport@7.6.20':
+    resolution: {integrity: sha512-i8mIw8BjLWAVHEQsOTE6UPuEGQvJDpsu1XZnOCkpfTfPMz73m+3td/PmLG7mMT2wPnLu9IZncKLCKTAZRbt/YQ==}
+
+  '@storybook/blocks@7.6.20':
+    resolution: {integrity: sha512-xADKGEOJWkG0UD5jbY4mBXRlmj2C+CIupDL0/hpzvLvwobxBMFPKZIkcZIMvGvVnI/Ui+tJxQxLSuJ5QsPthUw==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 
-  '@storybook/addon-essentials@7.4.6':
-    resolution: {integrity: sha512-dWodufrt71TK7ELkeIvVae/x4PzECUlbOm57Iqqt4yQCyR291CgvI4PjeB8un2HbpcXCGZ+N/Oj3YkytvzBi4A==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  '@storybook/builder-manager@7.6.20':
+    resolution: {integrity: sha512-e2GzpjLaw6CM/XSmc4qJRzBF8GOoOyotyu3JrSPTYOt4RD8kjUsK4QlismQM1DQRu8i39aIexxmRbiJyD74xzQ==}
 
-  '@storybook/addon-highlight@7.4.6':
-    resolution: {integrity: sha512-zCufxxD2KS5VwczxfkcBxe1oR/juTTn2H1Qm8kYvWCJQx3UxzX0+G9cwafbpV7eivqaufLweEwROkH+0KjAtkQ==}
-
-  '@storybook/addon-links@7.4.6':
-    resolution: {integrity: sha512-BPygElZKX+CPI9Se6GJNk1dYc5oxuhA+vHigO1tBqhiM6VkHyFP3cvezJNQvpNYhkUnu3cxnZXb3UJnlRbPY3g==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  '@storybook/addon-measure@7.4.6':
-    resolution: {integrity: sha512-nCymMLaHnxv8TE3yEM1A9Tulb1NuRXRNmtsdHTkjv7P1aWCxZo8A/GZaottKe/GLT8jSRjZ+dnpYWrbAhw6wTQ==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  '@storybook/addon-outline@7.4.6':
-    resolution: {integrity: sha512-errNUblRVDLpuEaHQPr/nsrnsUkD2ARmXawkRvizgDWLIDMDJYjTON3MUCaVx3x+hlZ3I6X//G5TVcma8tCc8A==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  '@storybook/addon-toolbars@7.4.6':
-    resolution: {integrity: sha512-L9m2FBcKeteGq7qIYsMJr0LEfiH7Wdrv5IDcldZTn68eZUJTh1p4GdJZcOmzX1P5IFRr76hpu03iWsNlWQjpbQ==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  '@storybook/addon-viewport@7.4.6':
-    resolution: {integrity: sha512-INDtk54j7bi7NgxMfd2ATmbA0J7nAd6X8itMkLIyPuPJtx8bYHPDORyemDOd0AojgmAdTOAyUtDYdI/PFeo4Cw==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  '@storybook/blocks@7.4.6':
-    resolution: {integrity: sha512-HxBSAeOiTZW2jbHQlo1upRWFgoMsaAyKijUFf5MwwMNIesXCuuTGZDJ3xTABwAVLK2qC9Ektfbo0CZCiPVuDRQ==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-
-  '@storybook/builder-manager@7.4.6':
-    resolution: {integrity: sha512-zylZCD2rmyLOOFBFmUgtJg6UNUKmRNgXiig1XApzS2TkIbTZP827DsVEUl0ey/lskCe0uArkrEBR6ICba8p/Rw==}
-
-  '@storybook/builder-vite@7.4.6':
-    resolution: {integrity: sha512-xV9STYK+TkqWWTf2ydm6jx+7P70fjD2UPd1XTUw08uKszIjhuuxk+bG/OF5R1E25mPunAKXm6kBFh351AKejBg==}
+  '@storybook/builder-vite@7.6.20':
+    resolution: {integrity: sha512-q3vf8heE7EaVYTWlm768ewaJ9lh6v/KfoPPeHxXxzSstg4ByP9kg4E1mrfAo/l6broE9E9zo3/Q4gsM/G/rw8Q==}
     peerDependencies:
       '@preact/preset-vite': '*'
       typescript: '>= 4.3.x'
-      vite: ^3.0.0 || ^4.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
       vite-plugin-glimmerx: '*'
     peerDependenciesMeta:
       '@preact/preset-vite':
@@ -2535,95 +2804,92 @@ packages:
       vite-plugin-glimmerx:
         optional: true
 
-  '@storybook/channels@7.4.6':
-    resolution: {integrity: sha512-yPv/sfo2c18fM3fvG0i1xse63vG8l33Al/OU0k/dtovltPu001/HVa1QgBgsb/QrEfZtvGjGhmtdVeYb39fv3A==}
+  '@storybook/channels@7.6.20':
+    resolution: {integrity: sha512-4hkgPSH6bJclB2OvLnkZOGZW1WptJs09mhQ6j6qLjgBZzL/ZdD6priWSd7iXrmPiN5TzUobkG4P4Dp7FjkiO7A==}
 
-  '@storybook/cli@7.4.6':
-    resolution: {integrity: sha512-rRwaH8pOL+FHz/pJMEkNpMH2xvZvWsrl7obBYw26NQiHmiVSAkfHJicndSN1mwc+p5w+9iXthrgzbLtSAOSvkA==}
+  '@storybook/cli@7.6.20':
+    resolution: {integrity: sha512-ZlP+BJyqg7HlnXf7ypjG2CKMI/KVOn03jFIiClItE/jQfgR6kRFgtjRU7uajh427HHfjv9DRiur8nBzuO7vapA==}
     hasBin: true
 
-  '@storybook/client-logger@7.4.6':
-    resolution: {integrity: sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==}
+  '@storybook/client-logger@7.6.20':
+    resolution: {integrity: sha512-NwG0VIJQCmKrSaN5GBDFyQgTAHLNishUPLW1NrzqTDNAhfZUoef64rPQlinbopa0H4OXmlB+QxbQIb3ubeXmSQ==}
 
-  '@storybook/codemod@7.4.6':
-    resolution: {integrity: sha512-lxmwEpwksCaAq96APN2YlooSDfKjJ1vKzN5Ni2EqQzf2TEXl7XQjLacHd7OOaII1kfsy+D5gNG4N5wBo7Ub30g==}
+  '@storybook/codemod@7.6.20':
+    resolution: {integrity: sha512-8vmSsksO4XukNw0TmqylPmk7PxnfNfE21YsxFa7mnEBmEKQcZCQsNil4ZgWfG0IzdhTfhglAN4r++Ew0WE+PYA==}
 
-  '@storybook/components@7.4.6':
-    resolution: {integrity: sha512-nIRBhewAgrJJVafyCzuaLx1l+YOfvvD5dOZ0JxZsxJsefOdw1jFpUqUZ5fIpQ2moyvrR0mAUFw378rBfMdHz5Q==}
+  '@storybook/components@7.6.20':
+    resolution: {integrity: sha512-0d8u4m558R+W5V+rseF/+e9JnMciADLXTpsILrG+TBhwECk0MctIWW18bkqkujdCm8kDZr5U2iM/5kS1Noy7Ug==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 
-  '@storybook/core-client@7.4.6':
-    resolution: {integrity: sha512-tfgxAHeCvMcs6DsVgtb4hQSDaCHeAPJOsoyhb47eDQfk4OmxzriM0qWucJV5DePSMi+KutX/rN2u0JxfOuN68g==}
+  '@storybook/core-client@7.6.20':
+    resolution: {integrity: sha512-upQuQQinLmlOPKcT8yqXNtwIucZ4E4qegYZXH5HXRWoLAL6GQtW7sUVSIuFogdki8OXRncr/dz8OA+5yQyYS4w==}
 
-  '@storybook/core-common@7.4.6':
-    resolution: {integrity: sha512-05MJFmOM86qvTLtgDskokIFz9txe0Lbhq4L3by1FtF0GwgH+p+W6I94KI7c6ANER+kVZkXQZhiRzwBFnVTW+Cg==}
+  '@storybook/core-common@7.6.20':
+    resolution: {integrity: sha512-8H1zPWPjcmeD4HbDm4FDD0WLsfAKGVr566IZ4hG+h3iWVW57II9JW9MLBtiR2LPSd8u7o0kw64lwRGmtCO1qAw==}
 
-  '@storybook/core-events@7.4.6':
-    resolution: {integrity: sha512-r5vrE+32lwrJh1NGFr1a0mWjvxo7q8FXYShylcwRWpacmL5NTtLkrXOoJSeGvJ4yKNYkvxQFtOPId4lzDxa32w==}
+  '@storybook/core-events@7.6.20':
+    resolution: {integrity: sha512-tlVDuVbDiNkvPDFAu+0ou3xBBYbx9zUURQz4G9fAq0ScgBOs/bpzcRrFb4mLpemUViBAd47tfZKdH4MAX45KVQ==}
 
-  '@storybook/core-server@7.4.6':
-    resolution: {integrity: sha512-jqmRTGCJ1W0WReImivkisPVaLFT5sjtLnFoAk0feHp6QS5j7EYOPN7CYzliyQmARWTLUEXOVaFf3VD6nJZQhJQ==}
+  '@storybook/core-server@7.6.20':
+    resolution: {integrity: sha512-qC5BdbqqwMLTdCwMKZ1Hbc3+3AaxHYWLiJaXL9e8s8nJw89xV8c8l30QpbJOGvcDmsgY6UTtXYaJ96OsTr7MrA==}
 
-  '@storybook/csf-plugin@7.4.6':
-    resolution: {integrity: sha512-yi7Qa4NSqKOyiJTWCxlB0ih2ijXq6oY5qZKW6MuMMBP14xJNRGLbH5KabpfXgN2T7YECcOWG1uWaGj2veJb1KA==}
+  '@storybook/csf-plugin@7.6.20':
+    resolution: {integrity: sha512-dzBzq0dN+8WLDp6NxYS4G7BCe8+vDeDRBRjHmM0xb0uJ6xgQViL8SDplYVSGnk3bXE/1WmtvyRzQyTffBnaj9Q==}
 
-  '@storybook/csf-tools@7.4.6':
-    resolution: {integrity: sha512-ocKpcIUtTBy6hlLY34RUFQyX403cWpB2gGfqvkHbpGe2BQj7EyV0zpWnjsfVxvw+M9OWlCdxHWDOPUgXM33ELw==}
+  '@storybook/csf-tools@7.6.20':
+    resolution: {integrity: sha512-rwcwzCsAYh/m/WYcxBiEtLpIW5OH1ingxNdF/rK9mtGWhJxXRDV8acPkFrF8rtFWIVKoOCXu5USJYmc3f2gdYQ==}
 
-  '@storybook/csf@0.1.1':
-    resolution: {integrity: sha512-4hE3AlNVxR60Wc5KSC68ASYzUobjPqtSKyhV6G+ge0FIXU55N5nTY7dXGRZHQGDBPq+XqchMkIdlkHPRs8nTHg==}
+  '@storybook/csf@0.1.13':
+    resolution: {integrity: sha512-7xOOwCLGB3ebM87eemep89MYRFTko+D8qE7EdAAq74lgdqRR5cOUtYWJLjO2dLtP94nqoOdHJo6MdLLKzg412Q==}
 
   '@storybook/docs-mdx@0.1.0':
     resolution: {integrity: sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg==}
 
-  '@storybook/docs-tools@7.4.6':
-    resolution: {integrity: sha512-nZj1L/8WwKWWJ41FW4MaKGajZUtrhnr9UwflRCkQJaWhAKmDfOb5M5TqI93uCOULpFPOm5wpoMBz2IHInQ2Lrg==}
+  '@storybook/docs-tools@7.6.20':
+    resolution: {integrity: sha512-Bw2CcCKQ5xGLQgtexQsI1EGT6y5epoFzOINi0FSTGJ9Wm738nRp5LH3dLk1GZLlywIXcYwOEThb2pM+pZeRQxQ==}
 
   '@storybook/global@5.0.0':
     resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
 
-  '@storybook/manager-api@7.4.6':
-    resolution: {integrity: sha512-inrm3DIbCp8wjXSN/wK6e6i2ysQ/IEmtC7IN0OJ7vdrp+USCooPT448SQTUmVctUGCFmOU3fxXByq8g77oIi7w==}
-    peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  '@storybook/manager-api@7.6.20':
+    resolution: {integrity: sha512-gOB3m8hO3gBs9cBoN57T7jU0wNKDh+hi06gLcyd2awARQlAlywnLnr3s1WH5knih6Aq+OpvGBRVKkGLOkaouCQ==}
 
-  '@storybook/manager@7.4.6':
-    resolution: {integrity: sha512-kA1hUDxpn1i2SO9OinvLvVXDeL4xgJkModp+pbE8IXv4NJWReNq1ecMeQCzPLS3Sil2gnrullQ9uYXsnZ9bxxA==}
+  '@storybook/manager@7.6.20':
+    resolution: {integrity: sha512-0Cf6WN0t7yEG2DR29tN5j+i7H/TH5EfPppg9h9/KiQSoFHk+6KLoy2p5do94acFU+Ro4+zzxvdCGbcYGKuArpg==}
 
   '@storybook/mdx2-csf@1.1.0':
     resolution: {integrity: sha512-TXJJd5RAKakWx4BtpwvSNdgTDkKM6RkXU8GK34S/LhidQ5Pjz3wcnqb0TxEkfhK/ztbP8nKHqXFwLfa2CYkvQw==}
 
-  '@storybook/node-logger@7.4.6':
-    resolution: {integrity: sha512-djZb310Q27GviDug1XBv0jOEDLCiwr4hhDE0aifCEKZpfNCi/EaP31nbWimFzZwxu4hE/YAPWExzScruR1zw9Q==}
+  '@storybook/node-logger@7.6.20':
+    resolution: {integrity: sha512-l2i4qF1bscJkOplNffcRTsgQWYR7J51ewmizj5YrTM8BK6rslWT1RntgVJWB1RgPqvx6VsCz1gyP3yW1oKxvYw==}
 
-  '@storybook/postinstall@7.4.6':
-    resolution: {integrity: sha512-TqI5BucPAGRWrkh55BYiG2/gHLFtC0In4cuu0GsUzB/1jc4i51npLRorCwhmT7r7YliGl5F7JaP0Bni/qHN3Lg==}
+  '@storybook/postinstall@7.6.20':
+    resolution: {integrity: sha512-AN4WPeNma2xC2/K/wP3I/GMbBUyeSGD3+86ZFFJFO1QmE/Zea6E+1aVlTd1iKHQUcNkZ9bZTrqkhPGVYx10pIw==}
 
-  '@storybook/preview-api@7.4.6':
-    resolution: {integrity: sha512-byUS/Opt3ytWD4cWz3sNEKw5Yks8MkQgRN+GDSyIomaEAQkLAM0rchPC0MYjwCeUSecV7IIQweNX5RbV4a34BA==}
+  '@storybook/preview-api@7.6.20':
+    resolution: {integrity: sha512-3ic2m9LDZEPwZk02wIhNc3n3rNvbi7VDKn52hDXfAxnL5EYm7yDICAkaWcVaTfblru2zn0EDJt7ROpthscTW5w==}
 
-  '@storybook/preview@7.4.6':
-    resolution: {integrity: sha512-2RPXusJ4CTDrIipIKKvbotD7fP0+8VzoFjImunflIrzN9rni+2rq5eMjqlXAaB+77w064zIR4uDUzI9fxsMDeQ==}
+  '@storybook/preview@7.6.20':
+    resolution: {integrity: sha512-cxYlZ5uKbCYMHoFpgleZqqGWEnqHrk5m5fT8bYSsDsdQ+X5wPcwI/V+v8dxYAdQcMphZVIlTjo6Dno9WG8qmVA==}
 
-  '@storybook/react-dom-shim@7.4.6':
-    resolution: {integrity: sha512-DSq8l9FDocUF1ooVI+TF83pddj1LynE/Hv0/y8XZhc3IgJ/HkuOQuUmfz29ezgfAi9gFYUR8raTIBi3/xdoRmw==}
+  '@storybook/react-dom-shim@7.6.20':
+    resolution: {integrity: sha512-SRvPDr9VWcS24ByQOVmbfZ655y5LvjXRlsF1I6Pr9YZybLfYbu3L5IicfEHT4A8lMdghzgbPFVQaJez46DTrkg==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 
-  '@storybook/react-vite@7.4.6':
-    resolution: {integrity: sha512-jkjnrf3FxzR5wcmebXRPflrsM4WIDjWyW/NVFJwxi5PeIOk7fE7/QAPrm4NFRUu2Q7DeuH3oLKsw8bigvUI9RA==}
+  '@storybook/react-vite@7.6.20':
+    resolution: {integrity: sha512-uKuBFyGPZxpfR8vpDU/2OE9v7iTaxwL7ldd7k1swYd1rTSAPacTnEHSMl1R5AjUhkdI7gRmGN9q7qiVfK2XJCA==}
     engines: {node: '>=16'}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-      vite: ^3.0.0 || ^4.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
 
-  '@storybook/react@7.4.6':
-    resolution: {integrity: sha512-w0dVo64baFFPTGpUOWFqkKsu6pQincoymegSNgqaBd5DxEyMDRiRoTWSJHMKE9BwgE8SyWhRkP1ak1mkccSOhQ==}
+  '@storybook/react@7.6.20':
+    resolution: {integrity: sha512-i5tKNgUbTNwlqBWGwPveDhh9ktlS0wGtd97A1ZgKZc3vckLizunlAFc7PRC1O/CMq5PTyxbuUb4RvRD2jWKwDA==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       react: ^18.2.0
@@ -2633,27 +2899,33 @@ packages:
       typescript:
         optional: true
 
-  '@storybook/router@7.4.6':
-    resolution: {integrity: sha512-Vl1esrHkcHxDKqc+HY7+6JQpBPW3zYvGk0cQ2rxVMhWdLZTAz1hss9DqzN9tFnPyfn0a1Q77EpMySkUrvWKKNQ==}
+  '@storybook/router@7.6.20':
+    resolution: {integrity: sha512-mCzsWe6GrH47Xb1++foL98Zdek7uM5GhaSlrI7blWVohGa0qIUYbfJngqR4ZsrXmJeeEvqowobh+jlxg3IJh+w==}
+
+  '@storybook/telemetry@7.6.20':
+    resolution: {integrity: sha512-dmAOCWmOscYN6aMbhCMmszQjoycg7tUPRVy2kTaWg6qX10wtMrvEtBV29W4eMvqdsoRj5kcvoNbzRdYcWBUOHQ==}
+
+  '@storybook/theming@7.6.20':
+    resolution: {integrity: sha512-iT1pXHkSkd35JsCte6Qbanmprx5flkqtSHC6Gi6Umqoxlg9IjiLPmpHbaIXzoC06DSW93hPj5Zbi1lPlTvRC7Q==}
     peerDependencies:
       react: ^18.2.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 
-  '@storybook/telemetry@7.4.6':
-    resolution: {integrity: sha512-c8p/C1NIH8EMBviZkBCx8MMDk6rrITJ+b29DEp5MaWSRlklIVyhGiC4RPIRv6sxJwlD41PnqWVFtfu2j2eXLdQ==}
+  '@storybook/types@7.6.20':
+    resolution: {integrity: sha512-GncdY3x0LpbhmUAAJwXYtJDUQEwfF175gsjH0/fxPkxPoV7Sef9TM41jQLJW/5+6TnZoCZP/+aJZTJtq3ni23Q==}
 
-  '@storybook/theming@7.4.6':
-    resolution: {integrity: sha512-HW77iJ9ptCMqhoBOYFjRQw7VBap+38fkJGHP5KylEJCyYCgIAm2dEcQmtWpMVYFssSGcb6djfbtAMhYU4TL4Iw==}
+  '@stylistic/eslint-plugin@2.13.0':
+    resolution: {integrity: sha512-RnO1SaiCFHn666wNz2QfZEFxvmiNRqhzaMXHXxXXKt+MEP7aajlPxUSMIQpKAaJfverpovEYqjBOXDq6dDcaOQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      react: ^18.2.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-
-  '@storybook/types@7.4.6':
-    resolution: {integrity: sha512-6QLXtMVsFZFpzPkdGWsu/iuc8na9dnS67AMOBKm5qCLPwtUJOYkwhMdFRSSeJthLRpzV7JLAL8Kwvl7MFP3QSw==}
+      eslint: '>=8.40.0'
 
   '@surma/rollup-plugin-off-main-thread@2.2.3':
     resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
 
+  '@swc/helpers@0.5.15':
+    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
+
   '@tootallnate/once@2.0.0':
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
     engines: {node: '>= 10'}
@@ -2664,56 +2936,61 @@ packages:
   '@tweenjs/tween.js@20.0.3':
     resolution: {integrity: sha512-SYUe1UgY5HM05EB4+0B4arq2IPjvyzKXoklXKxSYrc2IFxGm1cBrqg5XbiB5uwbs0xY5j+rj986NAJMM0KZaUw==}
 
-  '@types/babel__core@7.20.2':
-    resolution: {integrity: sha512-pNpr1T1xLUc2l3xJKuPtsEky3ybxN3m4fJkknfIpTCTfIZCDW57oAg+EfCgIIp2rvCe0Wn++/FfodDS4YXxBwA==}
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
 
-  '@types/babel__generator@7.6.5':
-    resolution: {integrity: sha512-h9yIuWbJKdOPLJTbmSpPzkF67e659PbQDba7ifWm5BJ8xTv+sDmS7rFmywkWOvXedGTivCdeGSIIX8WLcRTz8w==}
+  '@types/babel__generator@7.6.8':
+    resolution: {integrity: sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==}
 
-  '@types/babel__template@7.4.2':
-    resolution: {integrity: sha512-/AVzPICMhMOMYoSx9MoKpGDKdBRsIXMNByh1PXSZoa+v6ZoLa8xxtsT/uLQ/NJm0XVAWl/BvId4MlDeXJaeIZQ==}
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
 
-  '@types/babel__traverse@7.20.2':
-    resolution: {integrity: sha512-ojlGK1Hsfce93J0+kn3H5R73elidKUaZonirN33GSmgTUMpzI/MIFfSpF3haANe3G1bEBS9/9/QEqwTzwqFsKw==}
+  '@types/babel__traverse@7.20.6':
+    resolution: {integrity: sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==}
 
-  '@types/body-parser@1.19.3':
-    resolution: {integrity: sha512-oyl4jvAfTGX9Bt6Or4H9ni1Z447/tQuxnZsytsCaExKlmJiU8sFgnIBRzJUpKwB5eWn9HuBYlUlVA74q/yN0eQ==}
+  '@types/body-parser@1.19.5':
+    resolution: {integrity: sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==}
 
-  '@types/chai-subset@1.3.3':
-    resolution: {integrity: sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==}
+  '@types/chai-subset@1.3.6':
+    resolution: {integrity: sha512-m8lERkkQj+uek18hXOZuec3W/fCRTrU4hrnXjH3qhHy96ytuPaPiWGgu7sJb7tZxZonO75vYAjCvpe/e4VUwRw==}
+    peerDependencies:
+      '@types/chai': <5.2.0
 
-  '@types/chai@4.3.6':
-    resolution: {integrity: sha512-VOVRLM1mBxIRxydiViqPcKn6MIxZytrbMpd6RJLIWKxUNr3zux8no0Oc7kJx0WAPIitgZ0gkrDS+btlqQpubpw==}
+  '@types/chai@4.3.20':
+    resolution: {integrity: sha512-/pC9HAB5I/xMlc5FP77qjCnI16ChlJfW0tGa0IUcFn38VJrTV6DeZ60NU5KZBtaOZqjdpwTWohz5HU1RrhiYxQ==}
 
-  '@types/connect@3.4.36':
-    resolution: {integrity: sha512-P63Zd/JUGq+PdrM1lv0Wv5SBYeA2+CORvbrXbngriYY0jzLUWfQMQQxOhjONEz/wlHOAxOdY7CY65rgQdTjq2w==}
+  '@types/connect@3.4.38':
+    resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
 
-  '@types/cookie@0.4.1':
-    resolution: {integrity: sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==}
+  '@types/cors@2.8.17':
+    resolution: {integrity: sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==}
 
-  '@types/cors@2.8.15':
-    resolution: {integrity: sha512-n91JxbNLD8eQIuXDIChAN1tCKNWCEgpceU9b7ZMbFA+P+Q4yIeh80jizFLEvolRPc1ES0VdwFlGv+kJTSirogw==}
-
-  '@types/cross-spawn@6.0.3':
-    resolution: {integrity: sha512-BDAkU7WHHRHnvBf5z89lcvACsvkz/n7Tv+HyD/uW76O29HoH1Tk/W6iQrepaZVbisvlEek4ygwT8IW7ow9XLAA==}
+  '@types/cross-spawn@6.0.6':
+    resolution: {integrity: sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==}
 
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
-  '@types/detect-port@1.3.3':
-    resolution: {integrity: sha512-bV/jQlAJ/nPY3XqSatkGpu+nGzou+uSwrH1cROhn+jBFg47yaNH+blW4C7p9KhopC7QxCv/6M86s37k8dMk0Yg==}
+  '@types/detect-port@1.3.5':
+    resolution: {integrity: sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==}
+
+  '@types/diff-match-patch@1.0.36':
+    resolution: {integrity: sha512-xFdR6tkm0MWvBfO8xXCSsinYxHcqkQUlcHeSpMC2ukzOb6lwQAfDmW+Qt0AvlGd8HpsS28qKsB+oPeJn9I39jg==}
 
   '@types/doctrine@0.0.3':
     resolution: {integrity: sha512-w5jZ0ee+HaPOaX25X2/2oGR/7rgAQSYII7X7pp0m9KgBfMP7uKfMfTvcpl5Dj+eDBbpxKGiqE+flqDr6XTd2RA==}
 
-  '@types/draco3d@1.4.7':
-    resolution: {integrity: sha512-sjx6hQ8UArRZf+2ZhpPkjJW8iCkyxar69/IElc9NHuGE40n0U9SuvxX59CHvF4xUH7qfJDQ2lIbANZ0HHJg+BQ==}
+  '@types/doctrine@0.0.9':
+    resolution: {integrity: sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==}
 
-  '@types/ejs@3.1.3':
-    resolution: {integrity: sha512-mv5T/JI/bu+pbfz1o+TLl1NF0NIBbjS0Vl6Ppz1YY9DkXfzZT0lelXpfS5i3ZS3U/p90it7uERQpBvLYoK8e4A==}
+  '@types/draco3d@1.4.10':
+    resolution: {integrity: sha512-AX22jp8Y7wwaBgAixaSvkoG4M/+PlAcm3Qs4OW8yT9DM4xUpWKeFhLueTAyZF39pviAdcDdeJoACapiAceqNcw==}
 
-  '@types/emscripten@1.39.8':
-    resolution: {integrity: sha512-Rk0HKcMXFUuqT32k1kXHZWgxiMvsyYsmlnjp0rLKa0MMoqXLE3T9dogDBTRfuc3SAsXu97KD3k4SKR1lHqd57w==}
+  '@types/ejs@3.1.5':
+    resolution: {integrity: sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==}
+
+  '@types/emscripten@1.40.0':
+    resolution: {integrity: sha512-MD2JJ25S4tnjnhjWyalMS6K6p0h+zQV6+Ylm+aGbiS8tSn/aHLSGNzBgduj6FB4zH0ax2GRMGYi/8G1uOxhXWA==}
 
   '@types/escodegen@0.0.6':
     resolution: {integrity: sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==}
@@ -2724,14 +3001,14 @@ packages:
   '@types/estree@0.0.51':
     resolution: {integrity: sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==}
 
-  '@types/estree@1.0.2':
-    resolution: {integrity: sha512-VeiPZ9MMwXjO32/Xu7+OwflfmeoRwkE/qzndw42gGtgJwZopBnzy2gD//NN1+go1mADzkDcqf/KnFRSjTJ8xJA==}
+  '@types/estree@1.0.6':
+    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
-  '@types/express-serve-static-core@4.17.37':
-    resolution: {integrity: sha512-ZohaCYTgGFcOP7u6aJOhY9uIZQgZ2vxC2yWoArY+FeDXlqeH66ZVBjgvg+RLVAS/DWNq4Ap9ZXu1+SUQiiWYMg==}
+  '@types/express-serve-static-core@4.19.6':
+    resolution: {integrity: sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==}
 
-  '@types/express@4.17.18':
-    resolution: {integrity: sha512-Sxv8BSLLgsBYmcnGdGjjEjqET2U+AKAdCRODmMiq02FgjwuV75Ut85DRpvFjyw/Mk0vgUOliGRU0UUmuuZHByQ==}
+  '@types/express@4.17.21':
+    resolution: {integrity: sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==}
 
   '@types/find-cache-dir@3.2.1':
     resolution: {integrity: sha512-frsJrz2t/CeGifcu/6uRo4b+SzAwT4NYCVPu1GN8IB9XTzrpPkGuV0tmh9mN+/L0PklAlsC3u5Fxt0ju00LXIw==}
@@ -2742,146 +3019,150 @@ packages:
   '@types/glob@7.2.0':
     resolution: {integrity: sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==}
 
-  '@types/graceful-fs@4.1.7':
-    resolution: {integrity: sha512-MhzcwU8aUygZroVwL2jeYk6JisJrPl/oov/gsgGCue9mkgl9wjGbzReYQClxiUgFDnib9FuHqTndccKeZKxTRw==}
+  '@types/graceful-fs@4.1.9':
+    resolution: {integrity: sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==}
 
-  '@types/http-cache-semantics@4.0.2':
-    resolution: {integrity: sha512-FD+nQWA2zJjh4L9+pFXqWOi0Hs1ryBCfI+985NjluQ1p8EYtoLvjLOKidXBtZ4/IcxDX4o8/E8qDS3540tNliw==}
+  '@types/http-cache-semantics@4.0.4':
+    resolution: {integrity: sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==}
 
-  '@types/http-errors@2.0.2':
-    resolution: {integrity: sha512-lPG6KlZs88gef6aD85z3HNkztpj7w2R7HmR3gygjfXCQmsLloWNARFkMuzKiiY8FGdh1XDpgBdrSf4aKDiA7Kg==}
+  '@types/http-errors@2.0.4':
+    resolution: {integrity: sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==}
 
-  '@types/istanbul-lib-coverage@2.0.4':
-    resolution: {integrity: sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==}
+  '@types/istanbul-lib-coverage@2.0.6':
+    resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==}
 
-  '@types/istanbul-lib-report@3.0.1':
-    resolution: {integrity: sha512-gPQuzaPR5h/djlAv2apEG1HVOyj1IUs7GpfMZixU0/0KXT3pm64ylHuMUI1/Akh+sq/iikxg6Z2j+fcMDXaaTQ==}
+  '@types/istanbul-lib-report@3.0.3':
+    resolution: {integrity: sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==}
 
-  '@types/istanbul-reports@3.0.2':
-    resolution: {integrity: sha512-kv43F9eb3Lhj+lr/Hn6OcLCs/sSM8bt+fIaP11rCYngfV6NVjzWXJ17owQtDQTL9tQ8WSLUrGsSJ6rJz0F1w1A==}
+  '@types/istanbul-reports@3.0.4':
+    resolution: {integrity: sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==}
 
   '@types/js-cookie@2.2.7':
     resolution: {integrity: sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==}
 
-  '@types/json-schema@7.0.12':
-    resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
-  '@types/lodash-es@4.17.9':
-    resolution: {integrity: sha512-ZTcmhiI3NNU7dEvWLZJkzG6ao49zOIjEgIE0RgV7wbPxU0f2xT3VSAHw2gmst8swH6V0YkLRGp4qPlX/6I90MQ==}
+  '@types/linkify-it@5.0.0':
+    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
 
-  '@types/lodash@4.14.199':
-    resolution: {integrity: sha512-Vrjz5N5Ia4SEzWWgIVwnHNEnb1UE1XMkvY5DGXrAeOGE9imk0hgTHh5GyDjLDJi9OTCn9oo9dXH1uToK1VRfrg==}
+  '@types/lodash-es@4.17.12':
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
 
-  '@types/mdast@4.0.3':
-    resolution: {integrity: sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==}
+  '@types/lodash@4.17.16':
+    resolution: {integrity: sha512-HX7Em5NYQAXKW+1T+FiuG27NGwzJfCX3s1GjOa7ujxZa52kjJLOr4FUxT+giF6Tgxv1e+/czV/iTtBw27WTU9g==}
 
-  '@types/mdx@2.0.8':
-    resolution: {integrity: sha512-r7/zWe+f9x+zjXqGxf821qz++ld8tp6Z4jUS6qmPZUXH6tfh4riXOhAqb12tWGWAevCFtMt1goLWkQMqIJKpsA==}
+  '@types/markdown-it@14.1.2':
+    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
 
-  '@types/mime-types@2.1.2':
-    resolution: {integrity: sha512-q9QGHMGCiBJCHEvd4ZLdasdqXv570agPsUW0CeIm/B8DzhxsYMerD0l3IlI+EQ1A2RWHY2mmM9x1YIuuWxisCg==}
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
 
-  '@types/mime@1.3.3':
-    resolution: {integrity: sha512-Ys+/St+2VF4+xuY6+kDIXGxbNRO0mesVg0bbxEfB97Od1Vjpjx9KD1qxs64Gcb3CWPirk9Xe+PT4YiiHQ9T+eg==}
+  '@types/mdurl@2.0.0':
+    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
 
-  '@types/mime@3.0.2':
-    resolution: {integrity: sha512-Wj+fqpTLtTbG7c0tH47dkahefpLKEbB+xAZuLq7b4/IDHPl/n6VoXcyUQ2bypFlbSwvCr0y+bD4euTTqTJsPxQ==}
+  '@types/mdx@2.0.13':
+    resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
+
+  '@types/mime-types@2.1.4':
+    resolution: {integrity: sha512-lfU4b34HOri+kAY5UheuFMWPDOI+OPceBSHZKp69gEyTL/mmJ4cnU6Y/rlme3UL3GyOn6Y42hyIEw0/q8sWx5w==}
+
+  '@types/mime@1.3.5':
+    resolution: {integrity: sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==}
 
   '@types/minimatch@5.1.2':
     resolution: {integrity: sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==}
 
-  '@types/minimist@1.2.3':
-    resolution: {integrity: sha512-ZYFzrvyWUNhaPomn80dsMNgMeXxNWZBdkuG/hWlUvXvbdUH8ZERNBGXnU87McuGcWDsyzX2aChCv/SVN348k3A==}
+  '@types/minimist@1.2.5':
+    resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
 
-  '@types/ms@0.7.34':
-    resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
 
-  '@types/node-fetch@2.6.6':
-    resolution: {integrity: sha512-95X8guJYhfqiuVVhRFxVQcf4hW/2bCuoPwDasMf/531STFoNoWTT7YDnWdXHEZKqAGUigmpG31r2FE70LwnzJw==}
+  '@types/node-fetch@2.6.12':
+    resolution: {integrity: sha512-8nneRWKCg3rMtF69nLQJnOYUcbafYeFSjqkw3jCRLsqkWFlHaoQrr5mXmofFGOx3DKn7UfmBMyov8ySvLRVldA==}
 
-  '@types/node@14.18.56':
-    resolution: {integrity: sha512-+k+57NVS9opgrEn5l9c0gvD1r6C+PtyhVE4BTnMMRwiEA8ZO8uFcs6Yy2sXIy0eC95ZurBtRSvhZiHXBysbl6w==}
+  '@types/node-rsa@1.1.4':
+    resolution: {integrity: sha512-dB0ECel6JpMnq5ULvpUTunx3yNm8e/dIkv8Zu9p2c8me70xIRUUG3q+qXRwcSf9rN3oqamv4116iHy90dJGRpA==}
 
-  '@types/node@16.18.58':
-    resolution: {integrity: sha512-YGncyA25/MaVtQkjWW9r0EFBukZ+JulsLcVZBlGUfIb96OBMjkoRWwQo5IEWJ8Fj06Go3GHw+bjYDitv6BaGsA==}
+  '@types/node@14.18.63':
+    resolution: {integrity: sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ==}
 
-  '@types/node@20.12.8':
-    resolution: {integrity: sha512-NU0rJLJnshZWdE/097cdCBbyW1h4hEg0xpovcoAQYHl8dnEyp/NAOiE45pvc+Bd1Dt+2r94v2eGFpQJ4R7g+2w==}
+  '@types/node@18.19.79':
+    resolution: {integrity: sha512-90K8Oayimbctc5zTPHPfZloc/lGVs7f3phUAAMcTgEPtg8kKquGZDERC8K4vkBYkQQh48msiYUslYtxTWvqcAg==}
 
-  '@types/node@20.8.0':
-    resolution: {integrity: sha512-LzcWltT83s1bthcvjBmiBvGJiiUe84NWRHkw+ZV6Fr41z2FbIzvc815dk2nQ3RAKMuN2fkenM/z3Xv2QzEpYxQ==}
+  '@types/node@22.13.9':
+    resolution: {integrity: sha512-acBjXdRJ3A6Pb3tqnw9HZmyR3Fiol3aGxRCK1x3d+6CDAMjl7I649wpSd+yNURCjbOUGu9tqtLKnTGxmK6CyGw==}
 
-  '@types/node@20.8.10':
-    resolution: {integrity: sha512-TlgT8JntpcbmKUFzjhsyhGfP2fsiz1Mv56im6enJ905xG1DAYesxJaeSbGqQmAw8OWPdhyJGhGSQGKRNJ45u9w==}
+  '@types/normalize-package-data@2.4.4':
+    resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
 
-  '@types/normalize-package-data@2.4.2':
-    resolution: {integrity: sha512-lqa4UEhhv/2sjjIQgjX8B+RBjj47eo0mzGasklVJ78UKGQY1r0VpB9XHDaZZO9qzEFDdy4MrXLuEaSmPrPSe/A==}
+  '@types/offscreencanvas@2019.7.3':
+    resolution: {integrity: sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A==}
 
-  '@types/offscreencanvas@2019.7.2':
-    resolution: {integrity: sha512-ujCjOxeA07IbEBQYAkoOI+XFw5sT3nhWJ/xZfPR6reJppDG7iPQPZacQiLTtWH1b3a2NYXWlxvYqa40y/LAixQ==}
+  '@types/parse-json@4.0.2':
+    resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
 
-  '@types/parse-json@4.0.0':
-    resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
+  '@types/pretty-hrtime@1.0.3':
+    resolution: {integrity: sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==}
 
-  '@types/pretty-hrtime@1.0.1':
-    resolution: {integrity: sha512-VjID5MJb1eGKthz2qUerWT8+R4b9N+CHvGCzg9fn4kWZgaF9AhdYikQio3R7wV8YY1NsQKPaCwKz1Yff+aHNUQ==}
+  '@types/prop-types@15.7.14':
+    resolution: {integrity: sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==}
 
-  '@types/prop-types@15.7.12':
-    resolution: {integrity: sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==}
+  '@types/qs@6.9.18':
+    resolution: {integrity: sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA==}
 
-  '@types/prop-types@15.7.5':
-    resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==}
+  '@types/range-parser@1.2.7':
+    resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
 
-  '@types/qs@6.9.8':
-    resolution: {integrity: sha512-u95svzDlTysU5xecFNTgfFG5RUWu1A9P0VzgpcIiGZA9iraHOdSzcxMxQ55DyeRaGCSxQi7LxXDI4rzq/MYfdg==}
+  '@types/rbush@3.0.4':
+    resolution: {integrity: sha512-knSt9cCW8jj1ZSFcFeBZaX++OucmfPxxHiRwTahZfJlnQsek7O0bazTJHWD2RVj9LEoejUYF2de3/stf+QXcXw==}
 
-  '@types/range-parser@1.2.5':
-    resolution: {integrity: sha512-xrO9OoVPqFuYyR/loIHjnbvvyRZREYKLjxV4+dY6v3FQR3stQ9ZxIGkaclF7YhI9hfjpuTbu14hZEy94qKLtOA==}
+  '@types/react-dom@18.3.5':
+    resolution: {integrity: sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==}
+    peerDependencies:
+      '@types/react': ^18.0.0
 
-  '@types/rbush@3.0.1':
-    resolution: {integrity: sha512-0LecKcQjuJ/PclmThftzePIKXaKt7OMjoZZ3Xf17Ebd28ZU6OFUu1mObbvV74YXS1W3APdZO5GRHyD/ezGK4Vg==}
+  '@types/react-transition-group@4.4.12':
+    resolution: {integrity: sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==}
+    peerDependencies:
+      '@types/react': '*'
 
-  '@types/react-dom@18.2.7':
-    resolution: {integrity: sha512-GRaAEriuT4zp9N4p1i8BDBYmEyfo+xQ3yHjJU4eiK5NDa1RmUZG+unZABUTK4/Ox/M+GaHwb6Ow8rUITrtjszA==}
+  '@types/react@18.3.18':
+    resolution: {integrity: sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==}
 
-  '@types/react-transition-group@4.4.7':
-    resolution: {integrity: sha512-ICCyBl5mvyqYp8Qeq9B5G/fyBSRC0zx3XM3sCC6KkcMsNeAHqXBKkmat4GqdJET5jtYUpZXrxI5flve5qhi2Eg==}
+  '@types/readable-stream@4.0.18':
+    resolution: {integrity: sha512-21jK/1j+Wg+7jVw1xnSwy/2Q1VgVjWuFssbYGTREPUBeZ+rqVFl2udq0IkxzPC0ZhOzVceUbyIACFZKLqKEBlA==}
 
-  '@types/react@18.2.20':
-    resolution: {integrity: sha512-WKNtmsLWJM/3D5mG4U84cysVY31ivmyw85dE84fOCk5Hx78wezB/XEjVPWl2JTZ5FkEeaTJf+VgUAUn3PE7Isw==}
+  '@types/resolve@1.20.2':
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
-  '@types/readable-stream@4.0.12':
-    resolution: {integrity: sha512-SCaw+bs9o/HCX1eTa3glTcQgW1oPxof49mqP2Qikik3xzTimNv2M4p43BQHhBuf7CwOJdQW0s1SrWU3MZxz6lw==}
-
-  '@types/resolve@1.17.1':
-    resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
+  '@types/resolve@1.20.6':
+    resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
 
   '@types/sat@0.0.31':
     resolution: {integrity: sha512-P4SVw79XheP1p92useDVpLYYOUQ6lpw2L7IdQz4dD23DZ8DiC1STgPOh72hjR5IZJBPQbzlICAbmjCKbwyYuxg==}
 
-  '@types/scheduler@0.16.3':
-    resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==}
+  '@types/semver@7.5.8':
+    resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==}
 
-  '@types/semver@7.5.3':
-    resolution: {integrity: sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==}
+  '@types/send@0.17.4':
+    resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==}
 
-  '@types/send@0.17.2':
-    resolution: {integrity: sha512-aAG6yRf6r0wQ29bkS+x97BIs64ZLxeE/ARwyS6wrldMm3C1MdKwCcnnEwMC1slI8wuxJOpiUH9MioC0A0i+GJw==}
-
-  '@types/serve-static@1.15.3':
-    resolution: {integrity: sha512-yVRvFsEMrv7s0lGhzrggJjNOSmZCdgCjw9xWrPr/kNNLp6FaDfMC1KaYl3TSJ0c58bECwNBMoQrZJ8hA8E1eFg==}
+  '@types/serve-static@1.15.7':
+    resolution: {integrity: sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==}
 
   '@types/sinonjs__fake-timers@8.1.1':
     resolution: {integrity: sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==}
 
-  '@types/sizzle@2.3.3':
-    resolution: {integrity: sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==}
+  '@types/sizzle@2.3.9':
+    resolution: {integrity: sha512-xzLEyKB50yqCUPUJkIsrVvoWNfFUbIZI+RspLWt8u+tIW/BetMBZtgV2LY/2o+tYH8dRvQ+eoPf3NdhQCcLE2w==}
 
-  '@types/stats.js@0.17.1':
-    resolution: {integrity: sha512-OgfYE1x2w1jRUXzzKABX+kOdwz2y9PE0uSwnZabkWfJTWOzm7Pvfm4JI2xqRE0q2nwUe2jZLWcrcnhd9lQU63w==}
+  '@types/stats.js@0.17.3':
+    resolution: {integrity: sha512-pXNfAD3KHOdif9EQXZ9deK82HVNaXP5ZIF5RP2QG6OQFNTaY2YIetfrE9t528vEreGQvEPRDDc8muaoYeK0SxQ==}
 
   '@types/three@0.154.0':
     resolution: {integrity: sha512-IioqpGhch6FdLDh4zazRn3rXHj6Vn2nVOziJdXVbJFi9CaI65LtP9qqUtpzbsHK2Ezlox8NtsLNHSw3AQzucjA==}
@@ -2889,35 +3170,35 @@ packages:
   '@types/three@0.156.0':
     resolution: {integrity: sha512-733bXDSRdlrxqOmQuOmfC1UBRuJ2pREPk8sWnx9MtIJEVDQMx8U0NQO5MVVaOrjzDPyLI+cFPim2X/ss9v0+LQ==}
 
-  '@types/trusted-types@2.0.3':
-    resolution: {integrity: sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==}
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
   '@types/ua-parser-js@0.7.39':
     resolution: {integrity: sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==}
 
-  '@types/unist@2.0.8':
-    resolution: {integrity: sha512-d0XxK3YTObnWVp6rZuev3c49+j4Lo8g4L1ZRm9z5L0xpoZycUPshHgczK5gsUMaZOstjVYYi09p5gYvUtfChYw==}
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
 
-  '@types/unist@3.0.2':
-    resolution: {integrity: sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==}
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/uuid@9.0.8':
+    resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
 
   '@types/wait-on@5.3.4':
     resolution: {integrity: sha512-EBsPjFMrFlMbbUFf9D1Fp+PAB2TwmUn7a3YtHyD9RLuTIk1jDd8SxXVAoez2Ciy+8Jsceo2MYEYZzJ/DvorOKw==}
 
-  '@types/webxr@0.5.7':
-    resolution: {integrity: sha512-Rcgs5c2eNFnHp53YOjgtKfl/zWX1Y+uFGUwlSXrWcZWu3yhANRezmph4MninmqybUYT6g9ZE0aQ9QIdPkLR3Kg==}
+  '@types/webxr@0.5.21':
+    resolution: {integrity: sha512-geZIAtLzjGmgY2JUi6VxXdCrTb99A7yP49lxLr2Nm/uIK0PkkxcEi4OGhoGDO4pxCf3JwGz2GiJL2Ej4K2bKaA==}
 
-  '@types/wicg-file-system-access@2023.10.2':
-    resolution: {integrity: sha512-nSiK8qt0O7sQmDcW3HYfvya7GDoD6ipgdcUFzk3QN+UBIqXeNg38Nh6VnKv7EIPfkVETRiquyMskCbpxUzgX1Q==}
+  '@types/wicg-file-system-access@2023.10.5':
+    resolution: {integrity: sha512-e9kZO9kCdLqT2h9Tw38oGv9UNzBBWaR1MzuAavxPcsV/7FJ3tWbU6RI3uB+yKIDPGLkGVbplS52ub0AcRLvrhA==}
 
-  '@types/yargs-parser@21.0.1':
-    resolution: {integrity: sha512-axdPBuLuEJt0c4yI5OZssC19K2Mq1uKdrfZBzuxLvaztgqUtFYZUNw7lETExPYJR9jdEoIg4mb7RQKRQzOkeGQ==}
+  '@types/yargs-parser@21.0.3':
+    resolution: {integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==}
 
-  '@types/yargs@17.0.28':
-    resolution: {integrity: sha512-N3e3fkS86hNhtk6BEnc0rj3zcehaxx8QWhCROJkqpl5Zaoi7nAic3jH8q94jVD3zu5LGk+PUB6KAiDmimYOEQw==}
-
-  '@types/yauzl@2.10.1':
-    resolution: {integrity: sha512-CHzgNU3qYBnp/O4S3yv2tXPlvMTq0YWSTVg2/JYLqWZGHwwgJGAwd00poay/11asPq8wLFwHzubyInqHIFmmiw==}
+  '@types/yargs@17.0.33':
+    resolution: {integrity: sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==}
 
   '@types/yauzl@2.10.3':
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
@@ -2933,8 +3214,8 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@6.7.3':
-    resolution: {integrity: sha512-TlutE+iep2o7R8Lf+yoer3zU6/0EAUc8QIBB3GYBc1KGz4c4TRm83xwXUZVPlZ6YCLss4r77jbu6j3sendJoiQ==}
+  '@typescript-eslint/parser@6.21.0':
+    resolution: {integrity: sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2947,10 +3228,14 @@ packages:
     resolution: {integrity: sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@typescript-eslint/scope-manager@6.7.3':
-    resolution: {integrity: sha512-wOlo0QnEou9cHO2TdkJmzF7DFGvAKEnB82PuPNHpT8ZKKaZu6Bm63ugOTn9fXNJtvuDPanBc78lGUGGytJoVzQ==}
+  '@typescript-eslint/scope-manager@6.21.0':
+    resolution: {integrity: sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
+  '@typescript-eslint/scope-manager@8.26.0':
+    resolution: {integrity: sha512-E0ntLvsfPqnPwng8b8y4OGuzh/iIOm2z8U3S9zic2TeMLW61u5IH2Q1wu0oSTkfrSzwbDJIB/Lm8O3//8BWMPA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/type-utils@6.1.0':
     resolution: {integrity: sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -2965,10 +3250,14 @@ packages:
     resolution: {integrity: sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@typescript-eslint/types@6.7.3':
-    resolution: {integrity: sha512-4g+de6roB2NFcfkZb439tigpAMnvEIg3rIjWQ+EM7IBaYt/CdJt6em9BJ4h4UpdgaBWdmx2iWsafHTrqmgIPNw==}
+  '@typescript-eslint/types@6.21.0':
+    resolution: {integrity: sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
+  '@typescript-eslint/types@8.26.0':
+    resolution: {integrity: sha512-89B1eP3tnpr9A8L6PZlSjBvnJhWXtYfZhECqlBl1D9Lme9mHO6iWlsprBtVenQvY1HMhax1mWOjhtL3fh/u+pA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/typescript-estree@6.1.0':
     resolution: {integrity: sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -2978,8 +3267,8 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/typescript-estree@6.7.3':
-    resolution: {integrity: sha512-YLQ3tJoS4VxLFYHTw21oe1/vIZPRqAO91z6Uv0Ss2BKm/Ag7/RVQBcXTGcXhgJMdA4U+HrKuY5gWlJlvoaKZ5g==}
+  '@typescript-eslint/typescript-estree@6.21.0':
+    resolution: {integrity: sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -2987,20 +3276,40 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/typescript-estree@8.26.0':
+    resolution: {integrity: sha512-tiJ1Hvy/V/oMVRTbEOIeemA2XoylimlDQ03CgPPNaHYZbpsc78Hmngnt+WXZfJX1pjQ711V7g0H7cSJThGYfPQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <5.9.0'
+
   '@typescript-eslint/utils@6.1.0':
     resolution: {integrity: sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
 
+  '@typescript-eslint/utils@8.26.0':
+    resolution: {integrity: sha512-2L2tU3FVwhvU14LndnQCA2frYC8JnPDVKyQtWFPf8IYFMt/ykEN1bPolNhNbCVgOmdzTlWdusCTKA/9nKrf8Ig==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <5.9.0'
+
   '@typescript-eslint/visitor-keys@6.1.0':
     resolution: {integrity: sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
-  '@typescript-eslint/visitor-keys@6.7.3':
-    resolution: {integrity: sha512-HEVXkU9IB+nk9o63CeICMHxFWbHWr3E1mpilIQBe9+7L/lH97rleFLVtYsfnWB+JVMaiFnEaxvknvmIzX+CqVg==}
+  '@typescript-eslint/visitor-keys@6.21.0':
+    resolution: {integrity: sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==}
     engines: {node: ^16.0.0 || >=18.0.0}
 
+  '@typescript-eslint/visitor-keys@8.26.0':
+    resolution: {integrity: sha512-2z8JQJWAzPdDd51dRQ/oqIJxe99/hoLIqmf8RMCAJQtYDc535W/Jt2+RTP4bP0aKeBG1F65yjIZuczOXCmbWwg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
+
   '@vitejs/plugin-react@3.1.0':
     resolution: {integrity: sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -3032,24 +3341,24 @@ packages:
     resolution: {integrity: sha512-7vCVgm1E1IZ2cujiitFk9550Vgu2XAOn1ff90di638fMmTK0XkFMXKsSR/nGZmYKt+XiTMI/0B3TvreqbVjOug==}
     engines: {node: '>=16'}
 
-  '@xmcl/core@2.12.0':
-    resolution: {integrity: sha512-rcxy29i2fjGFpe6sEvaJxYHFGlfYMcJwElbk6TIUCrKNOiMhyLZeBtCJSk38hvaYF0kiROA3c4EJeWNGHf2zVw==}
+  '@xmcl/core@2.13.0':
+    resolution: {integrity: sha512-1BslEWUr234zZZTq9Q3QDm8APReYx7phy6PY5fodiztwblYbgipsd89vfx+Qvjc1xWpGtjei0AvxubUDeMFTgA==}
     engines: {node: '>=16.0'}
 
-  '@xmcl/file-transfer@1.0.3':
-    resolution: {integrity: sha512-p5JsUQpNShqW4VpqaKXcQzYSO9o/9UGjXZfb5aNt/24Ty+j9qepQyPo4P1CFwfzgFuf9GGhH5cPUi6nShlKS+g==}
+  '@xmcl/file-transfer@1.0.6':
+    resolution: {integrity: sha512-WVnCTyHTqUUIMsqgGnkmQqov9/qxKWWBj+wjn6pMotpCJHu3gKkLqVoD76IQeTgUBIoh5sGgGbYMZmpRlqCGzw==}
     engines: {node: '>=16.0'}
 
   '@xmcl/forge-site-parser@2.0.9':
     resolution: {integrity: sha512-OHKG2KYE+F6TSeOQmymuGoqEifxbJb3w3X/hmxMNeqtewiYukJldPmKO559ZFnZnOuMQEnr+X0dMbTQwWs5dFg==}
     engines: {node: '>=16'}
 
-  '@xmcl/installer@5.1.0':
-    resolution: {integrity: sha512-KpoxpfYdUWH4U4Yat7RifS1JZajArOdfgsJ/LdU90y6Fc3hKhHSJsiRudk1VxASTyMXKCM0lWVxH5JzywRHBDw==}
+  '@xmcl/installer@5.4.0':
+    resolution: {integrity: sha512-Y4UK6WWogDdgvcAUQnUPoJidlkuVQP5dSV5QueJhKeEJAA3lmGklwV8Dp8z0/92ITQ45OBsB7g08qV3eec4G6w==}
     engines: {node: '>=16.0'}
 
-  '@xmcl/task@4.0.6':
-    resolution: {integrity: sha512-h0AR7DQm6xxBgROPnRi0EY8DlaDQwuGzPA5lFRMD4EsnpHJ/3fPdzwbMLb81ZxKJlLSCn3hVR2yI0mSKIm5Heg==}
+  '@xmcl/task@4.1.0':
+    resolution: {integrity: sha512-5Gqo/gltcenXTvRUz3H1Q2tNw9wWbOjeOVd9TeRNtBAOaKmdTD7iMhOIbdei71BSZ9FkVEhcUjO+PL+y+WNHoQ==}
 
   '@xmcl/text-component@2.1.3':
     resolution: {integrity: sha512-LdUZgC5+8F23J2ZkZi7aZb87QBNfxwJqhUyts8YBQYwxQPwei20TOBm2hr69euoAeDo7NDfbLXssD4mUvsAS0Q==}
@@ -3078,17 +3387,29 @@ packages:
     resolution: {integrity: sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==}
     engines: {node: '>=12 <14 || 14.2 - 14.9 || >14.10.0'}
 
-  '@zardoy/flying-squid@0.0.29':
-    resolution: {integrity: sha512-E5Nk1gMeH+fAHM5aJY8kIxjBS/zuPtPD6QPeZg+laPV5H58Jx3Et17clF1zC9MT2wyFQ5wi5uTnfdGBTpSEqHw==}
+  '@zardoy/flying-squid@0.0.104':
+    resolution: {integrity: sha512-jGhQ7fn7o8UN+mUwZbt9674D37YLuBi+Au4TwKcopCA6huIQdHTFNl2e+0ZSTI5mnhN+NpyVoR3vmtH6L58vHQ==}
     engines: {node: '>=8'}
     hasBin: true
 
-  '@zardoy/react-util@0.2.0':
-    resolution: {integrity: sha512-glABtx54mh4XSaK6BNALWE3mlshPjcPwPsRj/GnOXEA7WJY/6n43iJoukbaYF3758mGZRU5Fq6gklyFjBg0yHQ==}
+  '@zardoy/flying-squid@0.0.49':
+    resolution: {integrity: sha512-Kt4wr5/R+44tcLU9gjuNG2an9weWeKEpIoKXfsgJN2GGQqdnbd5nBpxfGDdgZ9aMdFugsVW8BsyPZNhj9vbMXA==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  '@zardoy/maxrects-packer@2.7.4':
+    resolution: {integrity: sha512-ZIDcSdtSg6EhKFxGYWCcTnA/0YVbpixBL+psUS6ncw4IvdDF5hWauMU3XeCfYwrT/88QFgAq/Pafxt+P9OJyoQ==}
+
+  '@zardoy/react-util@0.2.7':
+    resolution: {integrity: sha512-LJOml3y8wa5OxvNgDKMceP7kaFHkw2nX9y/RQGMv2sijTEnc4gCd3yNtc4fibu1PFWZlupb6UvsNe45o7UwElg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     peerDependencies:
+      '@nextui-org/react': ^2.4.6
       react: ^18.2.0
-      react-dom: ^18.0.0
+      react-dom: '>=18.0.0'
+    peerDependenciesMeta:
+      '@nextui-org/react':
+        optional: true
 
   '@zardoy/utils@0.0.11':
     resolution: {integrity: sha512-d6xBnSFCOa98HcL52xSBflJKjKpxfRhtr1eVexy89YujeCHSQhUMmSz9h07xyrulfW60k9tSeYH5reuqoh4l4w==}
@@ -3117,8 +3438,8 @@ packages:
     resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
     engines: {node: '>=0.4.0'}
 
-  acorn-walk@8.2.0:
-    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
+  acorn-walk@8.3.4:
+    resolution: {integrity: sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==}
     engines: {node: '>=0.4.0'}
 
   acorn@7.4.1:
@@ -3126,8 +3447,8 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  acorn@8.10.0:
-    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+  acorn@8.14.1:
+    resolution: {integrity: sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -3135,9 +3456,9 @@ packages:
     resolution: {integrity: sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==}
     engines: {node: '>= 10.0.0'}
 
-  adm-zip@0.5.12:
-    resolution: {integrity: sha512-6TVU49mK6KZb4qG6xWaaM4C7sA/sgUMLy/JYMOzkcp3BvVLpW0fXDFQiIzAuxFCt/2+xD7fNIiPFAoLZPhVNLQ==}
-    engines: {node: '>=6.0'}
+  adm-zip@0.5.16:
+    resolution: {integrity: sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==}
+    engines: {node: '>=12.0'}
 
   aes-js@3.1.2:
     resolution: {integrity: sha512-e5pEa2kBnBOgR4Y/p20pskXI74UEz7de8ZGVo58asOtvSVG5YAbJeELPZxOmt+Bnz3rX753YKhfIn4X4l1PPRQ==}
@@ -3153,12 +3474,8 @@ packages:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
 
-  agent-base@7.1.0:
-    resolution: {integrity: sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==}
-    engines: {node: '>= 14'}
-
-  agentkeepalive@4.5.0:
-    resolution: {integrity: sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==}
+  agentkeepalive@4.6.0:
+    resolution: {integrity: sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==}
     engines: {node: '>= 8.0.0'}
 
   aggregate-error@3.1.0:
@@ -3168,8 +3485,8 @@ packages:
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
-  ajv@8.12.0:
-    resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
+  ajv@8.17.1:
+    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
   animejs@3.2.1:
     resolution: {integrity: sha512-sWno3ugFryK5nhiDm/2BKeFCpZv7vzerWUcUPyAZLDhMek3+S/p418ldZJbJXo5ZUOpfm2kP2XRO4NJcULMy9A==}
@@ -3186,8 +3503,8 @@ packages:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
 
-  ansi-regex@6.0.1:
-    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+  ansi-regex@6.1.0:
+    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
     engines: {node: '>=12'}
 
   ansi-styles@3.2.1:
@@ -3212,10 +3529,21 @@ packages:
   any-promise@1.3.0:
     resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
 
+  anymatch@2.0.0:
+    resolution: {integrity: sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==}
+
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
 
+  apache-crypt@1.2.6:
+    resolution: {integrity: sha512-072WetlM4blL8PREJVeY+WHiUh1R5VNt2HfceGS8aKqttPHcmqE5pkKuXPz/ULmJOFkc8Hw3kfKl6vy7Qka6DA==}
+    engines: {node: '>=8'}
+
+  apache-md5@1.1.8:
+    resolution: {integrity: sha512-FCAJojipPn0bXjuEpjOOOMN8FZDkxfWWp4JGN9mifU2IhxvKyXZYqpzPHdnTSUpmPDy+tsslB6Z1g+Vg6nVbYA==}
+    engines: {node: '>=8'}
+
   app-root-dir@1.0.2:
     resolution: {integrity: sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==}
 
@@ -3228,10 +3556,12 @@ packages:
   are-we-there-yet@2.0.0:
     resolution: {integrity: sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==}
     engines: {node: '>=10'}
+    deprecated: This package is no longer supported.
 
   are-we-there-yet@3.0.1:
     resolution: {integrity: sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    deprecated: This package is no longer supported.
 
   argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
@@ -3239,56 +3569,63 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  aria-hidden@1.2.3:
-    resolution: {integrity: sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==}
+  aria-hidden@1.2.4:
+    resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
     engines: {node: '>=10'}
 
-  array-buffer-byte-length@1.0.0:
-    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+  arr-diff@4.0.0:
+    resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
+    engines: {node: '>=0.10.0'}
 
-  array-buffer-byte-length@1.0.1:
-    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+  arr-flatten@1.1.0:
+    resolution: {integrity: sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==}
+    engines: {node: '>=0.10.0'}
+
+  arr-union@3.1.0:
+    resolution: {integrity: sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==}
+    engines: {node: '>=0.10.0'}
+
+  array-buffer-byte-length@1.0.2:
+    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
 
   array-flatten@1.1.1:
     resolution: {integrity: sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==}
 
-  array-includes@3.1.7:
-    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
-    engines: {node: '>= 0.4'}
-
   array-includes@3.1.8:
     resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
     engines: {node: '>= 0.4'}
 
+  array-includes@3.1.9:
+    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
+    engines: {node: '>= 0.4'}
+
   array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
+  array-unique@0.3.2:
+    resolution: {integrity: sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==}
+    engines: {node: '>=0.10.0'}
+
   array.prototype.findlast@1.2.5:
     resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
     engines: {node: '>= 0.4'}
 
-  array.prototype.flat@1.3.2:
-    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
+  array.prototype.flat@1.3.3:
+    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
     engines: {node: '>= 0.4'}
 
-  array.prototype.flatmap@1.3.2:
-    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+  array.prototype.flatmap@1.3.3:
+    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
     engines: {node: '>= 0.4'}
 
-  array.prototype.toreversed@1.1.2:
-    resolution: {integrity: sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==}
-
-  array.prototype.tosorted@1.1.3:
-    resolution: {integrity: sha512-/DdH4TiTmOKzyQbp/eadcCVexiCb36xJg7HshYOYJnNZFDj33GEv0P7GxsynpShhq4OLYJzbGcBDkLsDt7MnNg==}
-
-  arraybuffer.prototype.slice@1.0.2:
-    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
+  array.prototype.tosorted@1.1.4:
+    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
     engines: {node: '>= 0.4'}
 
-  arraybuffer.prototype.slice@1.0.3:
-    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
+  arraybuffer.prototype.slice@1.0.4:
+    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
 
   arraybuffer.slice@0.0.7:
@@ -3298,8 +3635,8 @@ packages:
     resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
     engines: {node: '>=0.10.0'}
 
-  asn1.js@5.4.1:
-    resolution: {integrity: sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==}
+  asn1.js@4.10.1:
+    resolution: {integrity: sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==}
 
   asn1@0.2.3:
     resolution: {integrity: sha512-6i37w/+EhlWlGUJff3T/Q8u1RGmP5wgbiwYnOnbOqvtrPxT63/sYFyP9RcpxtxGymtfA075IvmOnL7ycNOWl3w==}
@@ -3311,19 +3648,15 @@ packages:
     resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
     engines: {node: '>=0.8'}
 
-  assert@2.0.0:
-    resolution: {integrity: sha512-se5Cd+js9dXJnu6Ag2JFc00t+HmHOen+8Q+L7O9zI0PqQXr20uk2J0XQqMxZEeo5U50o8Nvmmx7dZrl+Ufr35A==}
+  assert@2.1.0:
+    resolution: {integrity: sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==}
 
   assertion-error@1.1.0:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
 
-  ast-types@0.14.2:
-    resolution: {integrity: sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==}
-    engines: {node: '>=4'}
-
-  ast-types@0.15.2:
-    resolution: {integrity: sha512-c27loCv9QkZinsa5ProX751khO9DJl/AcB5c2KNtA6NRvHKS0PgLfcftz72KVq504vB0Gku5s2kUZzDBvQWvHg==}
-    engines: {node: '>=4'}
+  assign-symbols@1.0.0:
+    resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
+    engines: {node: '>=0.10.0'}
 
   ast-types@0.16.1:
     resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
@@ -3333,14 +3666,21 @@ packages:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
     engines: {node: '>=8'}
 
+  async-each@1.0.6:
+    resolution: {integrity: sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==}
+
+  async-function@1.0.0:
+    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
+    engines: {node: '>= 0.4'}
+
   async-limiter@1.0.1:
     resolution: {integrity: sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==}
 
   async@2.6.4:
     resolution: {integrity: sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==}
 
-  async@3.2.5:
-    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
+  async@3.2.6:
+    resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
 
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
@@ -3349,9 +3689,10 @@ packages:
     resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
     engines: {node: '>= 4.0.0'}
 
-  available-typed-arrays@1.0.5:
-    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
-    engines: {node: '>= 0.4'}
+  atob@2.1.2:
+    resolution: {integrity: sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==}
+    engines: {node: '>= 4.5.0'}
+    hasBin: true
 
   available-typed-arrays@1.0.7:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
@@ -3360,14 +3701,14 @@ packages:
   aws-sign2@0.7.0:
     resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
 
-  aws4@1.12.0:
-    resolution: {integrity: sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==}
+  aws4@1.13.2:
+    resolution: {integrity: sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==}
 
   axios@0.21.4:
     resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==}
 
-  axios@1.7.2:
-    resolution: {integrity: sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==}
+  axios@1.8.2:
+    resolution: {integrity: sha512-ls4GYBm5aig9vWx8AWDSGLpnpDQRtWAfrjU+EuytuODrFBkqesN2RkOQCBzrA1RQNHw1SmRMSDDDSwzNAYQ6Rg==}
 
   babel-core@7.0.0-bridge.0:
     resolution: {integrity: sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==}
@@ -3382,18 +3723,18 @@ packages:
     resolution: {integrity: sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==}
     engines: {node: '>=10', npm: '>=6'}
 
-  babel-plugin-polyfill-corejs2@0.4.5:
-    resolution: {integrity: sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==}
+  babel-plugin-polyfill-corejs2@0.4.12:
+    resolution: {integrity: sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  babel-plugin-polyfill-corejs3@0.8.3:
-    resolution: {integrity: sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==}
+  babel-plugin-polyfill-corejs3@0.11.1:
+    resolution: {integrity: sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  babel-plugin-polyfill-regenerator@0.5.2:
-    resolution: {integrity: sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==}
+  babel-plugin-polyfill-regenerator@0.6.3:
+    resolution: {integrity: sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
@@ -3417,23 +3758,37 @@ packages:
     resolution: {integrity: sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==}
     engines: {node: ^4.5.0 || >= 5.9}
 
+  base@0.11.2:
+    resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
+    engines: {node: '>=0.10.0'}
+
   basic-auth@2.0.1:
     resolution: {integrity: sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==}
     engines: {node: '>= 0.8'}
 
+  batch@0.6.1:
+    resolution: {integrity: sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==}
+
   bcrypt-pbkdf@1.0.2:
     resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
 
+  bcryptjs@2.4.3:
+    resolution: {integrity: sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ==}
+
   better-opn@3.0.2:
     resolution: {integrity: sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==}
     engines: {node: '>=12.0.0'}
 
-  big-integer@1.6.51:
-    resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==}
+  big-integer@1.6.52:
+    resolution: {integrity: sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==}
     engines: {node: '>=0.6'}
 
-  binary-extensions@2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+  binary-extensions@1.13.1:
+    resolution: {integrity: sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==}
+    engines: {node: '>=0.10.0'}
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
 
   bindings@1.5.0:
@@ -3457,18 +3812,14 @@ packages:
   bmp-js@0.1.0:
     resolution: {integrity: sha512-vHdS19CnY3hwiNdkaqk93DvjVLfbEcI8mys4UjuWrlX1haDmroo8o4xCzh4wD6DGV6HxRCyauwhHRqMTfERtjw==}
 
-  bn.js@4.12.0:
-    resolution: {integrity: sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==}
+  bn.js@4.12.1:
+    resolution: {integrity: sha512-k8TVBiPkPJT9uHLdOKfFpqcfprwBFOAAXXozRubr7R7PfIuKvQlzcI4M0pALeqXN09vdaMbUdUj+pass+uULAg==}
 
   bn.js@5.2.1:
     resolution: {integrity: sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==}
 
-  body-parser@1.20.1:
-    resolution: {integrity: sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==}
-    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
-
-  body-parser@1.20.2:
-    resolution: {integrity: sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==}
+  body-parser@1.20.3:
+    resolution: {integrity: sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
 
   boolbase@1.0.0:
@@ -3484,8 +3835,12 @@ packages:
   brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
 
-  braces@3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+  braces@2.3.2:
+    resolution: {integrity: sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==}
+    engines: {node: '>=0.10.0'}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
   brorand@1.1.0:
@@ -3512,11 +3867,13 @@ packages:
   browserify-des@1.0.2:
     resolution: {integrity: sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==}
 
-  browserify-rsa@4.1.0:
-    resolution: {integrity: sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==}
+  browserify-rsa@4.1.1:
+    resolution: {integrity: sha512-YBjSAiTqM04ZVei6sXighu679a3SqWORA3qZTEqZImnlkDIFtKc6pNutpjyZ8RJTjQtuYfeetkxM11GwoYXMIQ==}
+    engines: {node: '>= 0.10'}
 
-  browserify-sign@4.2.1:
-    resolution: {integrity: sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==}
+  browserify-sign@4.2.3:
+    resolution: {integrity: sha512-JWCZW6SKhfhjJxO8Tyiiy+XYB7cqd2S5/+WeYHsKdNKFlCBhKbblba1A/HN/90YwtxKc8tCErjffZl++UNmGiw==}
+    engines: {node: '>= 0.12'}
 
   browserify-zlib@0.1.4:
     resolution: {integrity: sha512-19OEpq7vWgsH6WkvkBJQDFvJS1uPcbFOQ4v9CU839dO+ZZXUZO6XpE6hNCqvlIIj+4fZvRiJ6DsAQ382GwiyTQ==}
@@ -3524,8 +3881,8 @@ packages:
   browserify-zlib@0.2.0:
     resolution: {integrity: sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==}
 
-  browserslist@4.21.10:
-    resolution: {integrity: sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==}
+  browserslist@4.24.4:
+    resolution: {integrity: sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -3552,9 +3909,6 @@ packages:
   buffer-xor@1.0.3:
     resolution: {integrity: sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==}
 
-  buffer@5.7.1:
-    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
-
   buffer@6.0.3:
     resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
 
@@ -3562,19 +3916,13 @@ packages:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
 
-  bytes@3.0.0:
-    resolution: {integrity: sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==}
-    engines: {node: '>= 0.8'}
+  builtin-status-codes@3.0.0:
+    resolution: {integrity: sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==}
 
   bytes@3.1.2:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
 
-  c8@7.14.0:
-    resolution: {integrity: sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==}
-    engines: {node: '>=10.12.0'}
-    hasBin: true
-
   cac@6.7.14:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
@@ -3583,15 +3931,24 @@ packages:
     resolution: {integrity: sha512-/+Emcj9DAXxX4cwlLmRI9c166RuL3w30zp4R7Joiv2cQTtTtA+jeuCAjH3ZlGnYS3tKENSrKhAzVVP9GVyzeYQ==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
 
+  cache-base@1.0.1:
+    resolution: {integrity: sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==}
+    engines: {node: '>=0.10.0'}
+
   cachedir@2.4.0:
     resolution: {integrity: sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==}
     engines: {node: '>=6'}
 
-  call-bind@1.0.2:
-    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
 
-  call-bind@1.0.7:
-    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+  call-bind@1.0.8:
+    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
     engines: {node: '>= 0.4'}
 
   callsites@3.1.0:
@@ -3613,8 +3970,8 @@ packages:
     resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
     engines: {node: '>=10'}
 
-  caniuse-lite@1.0.30001524:
-    resolution: {integrity: sha512-Jj917pJtYg9HSJBF95HVX3Cdr89JUyLT4IZ8SvM5aDRni95swKgYi3TgYLH5hnGfPE/U1dg6IfZ50UsIlLkwSA==}
+  caniuse-lite@1.0.30001713:
+    resolution: {integrity: sha512-wCIWIg+A4Xr7NfhTuHdX+/FKh3+Op3LBbSp2N5Pfx6T/LhdQy3GTyoTg48BReaW/MyMNZAkTadsBtai3ldWK0Q==}
 
   canvas@2.11.2:
     resolution: {integrity: sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==}
@@ -3626,15 +3983,11 @@ packages:
   caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
 
-  cbor-extract@2.2.0:
-    resolution: {integrity: sha512-Ig1zM66BjLfTXpNgKpvBePq271BPOvu8MR0Jl080yG7Jsl+wAZunfrwiwA+9ruzm/WEdIV5QF/bjDZTqyAIVHA==}
-    hasBin: true
+  centra@2.7.0:
+    resolution: {integrity: sha512-PbFMgMSrmgx6uxCdm57RUos9Tc3fclMvhLSATYN39XsDV29B89zZ3KA89jmY0vwSGazyU+uerqwa6t+KaodPcg==}
 
-  cbor-x@1.5.4:
-    resolution: {integrity: sha512-PVKILDn+Rf6MRhhcyzGXi5eizn1i0i3F8Fe6UMMxXBnWkalq9+C5+VTmlIjAYM4iF2IYF2N+zToqAfYOp+3rfw==}
-
-  chai@4.3.10:
-    resolution: {integrity: sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==}
+  chai@4.5.0:
+    resolution: {integrity: sha512-RITGBfijLkBddZvnn8jdqoTypxvqbOLYQkGGxXzeFjVHvudaPw0HNFD9x928/eUwYWd2dPCugVqspGALTZZQKw==}
     engines: {node: '>=4'}
 
   chalk@2.4.2:
@@ -3645,15 +3998,22 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
+  chalk@5.4.1:
+    resolution: {integrity: sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
   change-case@4.1.2:
     resolution: {integrity: sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==}
 
-  change-case@5.1.2:
-    resolution: {integrity: sha512-CAtbGEDulyjzs05RXy3uKcwqeztz/dMEuAc1Xu9NQBsbrhuGMneL0u9Dj5SoutLKBFYun8txxYIwhjtLNfUmCA==}
+  change-case@5.4.4:
+    resolution: {integrity: sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==}
 
   character-entities@2.0.2:
     resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
 
+  charenc@0.0.2:
+    resolution: {integrity: sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==}
+
   check-error@1.0.3:
     resolution: {integrity: sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==}
 
@@ -3661,8 +4021,11 @@ packages:
     resolution: {integrity: sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==}
     engines: {node: '>= 0.8.0'}
 
-  chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+  chokidar@2.1.8:
+    resolution: {integrity: sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
   chownr@1.1.4:
@@ -3672,12 +4035,20 @@ packages:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
 
-  ci-info@3.8.0:
-    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==}
+  ci-info@3.9.0:
+    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
 
-  cipher-base@1.0.4:
-    resolution: {integrity: sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==}
+  cipher-base@1.0.6:
+    resolution: {integrity: sha512-3Ek9H3X6pj5TgenXYtNWdaBon1tgYCaebd+XPg0keyjEbEfkD4KkmAxkQ/i1vYvxdcT5nscLBfq9VJRmCBcFSw==}
+    engines: {node: '>= 0.10'}
+
+  citty@0.1.6:
+    resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
+
+  class-utils@0.3.6:
+    resolution: {integrity: sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==}
+    engines: {node: '>=0.10.0'}
 
   classnames@2.5.1:
     resolution: {integrity: sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==}
@@ -3694,21 +4065,18 @@ packages:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
     engines: {node: '>=8'}
 
-  cli-spinners@2.9.1:
-    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
+  cli-spinners@2.9.2:
+    resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
     engines: {node: '>=6'}
 
-  cli-table3@0.6.3:
-    resolution: {integrity: sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==}
+  cli-table3@0.6.5:
+    resolution: {integrity: sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==}
     engines: {node: 10.* || >= 12.*}
 
   cli-truncate@2.1.0:
     resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
     engines: {node: '>=8'}
 
-  cliui@7.0.4:
-    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
-
   cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -3725,12 +4093,9 @@ packages:
     resolution: {integrity: sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==}
     engines: {node: '>=6'}
 
-  clsx@2.1.1:
-    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
-    engines: {node: '>=6'}
-
-  color-convert@0.5.3:
-    resolution: {integrity: sha512-RwBeO/B/vZR3dfKL1ye/vx8MHZ40ugzpyfeVG5GsiuGnrlMWe2o8wxBbLCpw9CsxV+wHuzYlCiWnybrIA0ling==}
+  collection-visit@1.0.0:
+    resolution: {integrity: sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==}
+    engines: {node: '>=0.10.0'}
 
   color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
@@ -3739,9 +4104,6 @@ packages:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
 
-  color-diff@1.4.0:
-    resolution: {integrity: sha512-4oDB/o78lNdppbaqrg0HjOp7pHmUc+dfCxWKWFnQg6AB/1dkjtBDop3RZht5386cq9xBUDRvDvSCA7WUlM9Jqw==}
-
   color-name@1.1.3:
     resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
 
@@ -3794,8 +4156,8 @@ packages:
   component-emitter@1.2.1:
     resolution: {integrity: sha512-jPatnhd33viNplKjqXKRkGU345p263OIWzDL2wH3LGIGp5Kojo+uXizHmOADRvhGFFTnJqX3jBAKP6vvmSDKcA==}
 
-  component-emitter@1.3.0:
-    resolution: {integrity: sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==}
+  component-emitter@1.3.1:
+    resolution: {integrity: sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==}
 
   component-inherit@0.0.3:
     resolution: {integrity: sha512-w+LhYREhatpVqTESyGFg3NlP6Iu0kEKUHETY9GoZP/pQyW4mHFZuFWRUCIqVPZ36ueVLtoOEZaAqbCF2RDndaA==}
@@ -3804,8 +4166,8 @@ packages:
     resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==}
     engines: {node: '>= 0.6'}
 
-  compression@1.7.4:
-    resolution: {integrity: sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==}
+  compression@1.8.0:
+    resolution: {integrity: sha512-k6WLKfunuqCYD3t6AsuPGvQWaKwuLLh2/xHNcX4qE+vIfDNXpSqnrhwA7O53R7WVQUnt8dVAIW+YHr7xTgOgGA==}
     engines: {node: '>= 0.8.0'}
 
   concat-map@0.0.1:
@@ -3815,9 +4177,23 @@ packages:
     resolution: {integrity: sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==}
     engines: {'0': node >= 0.8}
 
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
   confusing-browser-globals@1.0.11:
     resolution: {integrity: sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==}
 
+  connect@3.7.0:
+    resolution: {integrity: sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==}
+    engines: {node: '>= 0.10.0'}
+
+  consola@3.4.0:
+    resolution: {integrity: sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
+  console-browserify@1.2.0:
+    resolution: {integrity: sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==}
+
   console-control-strings@1.1.0:
     resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
 
@@ -3835,8 +4211,8 @@ packages:
     resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
     engines: {node: '>= 0.6'}
 
-  contro-max@0.1.8:
-    resolution: {integrity: sha512-5SoeudO8Zzfj/gbFTDrMRFJny02+MY1lBtb2NyCNiBLtHAfvhWZxZs/Z3yJvKL2rY/qKUZs9gTQOIDygBcBrdw==}
+  contro-max@0.1.9:
+    resolution: {integrity: sha512-zH9FB60EzhHKublD92d11QuarYRTdYci5rvDgwDr5XXwUqae5mr6IgzXGcr78T2odnO/Aeqmrf32RDwJIl5GfQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
   convert-source-map@1.9.0:
@@ -3852,18 +4228,26 @@ packages:
     resolution: {integrity: sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==}
     engines: {node: '>= 0.6'}
 
-  cookie@0.5.0:
-    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
+  cookie@0.7.1:
+    resolution: {integrity: sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==}
     engines: {node: '>= 0.6'}
 
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
+  copy-descriptor@0.1.1:
+    resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
+    engines: {node: '>=0.10.0'}
+
   copy-to-clipboard@3.3.3:
     resolution: {integrity: sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==}
 
-  core-js-compat@3.32.1:
-    resolution: {integrity: sha512-GSvKDv4wE0bPnQtjklV101juQ85g6H3rm5PDP20mqlS5j0kXF3pP97YvAu5hl+uFHqMictp3b2VxOHljWMAtuA==}
+  core-js-compat@3.41.0:
+    resolution: {integrity: sha512-RFsU9LySVue9RTwdDVX/T0e2Y6jRYWXERKElIjpuEOEnxaXffI0X7RUwVzfYLfzuLXSNJDYoRYUAmRUcyln20A==}
 
-  core-js@3.32.1:
-    resolution: {integrity: sha512-lqufgNn9NLnESg5mQeYsxQP5w7wrViSj0jr/kv6ECQiByzQkrn1MKvV0L3acttpDqfQrHLwr2KCMgX5b8X+lyQ==}
+  core-js@3.41.0:
+    resolution: {integrity: sha512-SJ4/EHwS36QMJd6h/Rg+GyR4A5xE0FSI3eZ+iBVpfqf1x0eTSg1smWLHrA+2jQThZSh97fmSgFSU8B61nxosxA==}
 
   core-util-is@1.0.2:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
@@ -3895,16 +4279,20 @@ packages:
   crelt@1.0.6:
     resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
 
-  cross-spawn@6.0.5:
-    resolution: {integrity: sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==}
+  cross-spawn@6.0.6:
+    resolution: {integrity: sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==}
     engines: {node: '>=4.8'}
 
-  cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
-  crypto-browserify@3.12.0:
-    resolution: {integrity: sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==}
+  crypt@0.0.2:
+    resolution: {integrity: sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==}
+
+  crypto-browserify@3.12.1:
+    resolution: {integrity: sha512-r4ESw/IlusD17lgQi1O20Fa3qNnsckR126TdUuBgAu7GBYSIPvdNyONd3Zrxh0xCwA4+6w/TDArBPsMvhur+KQ==}
+    engines: {node: '>= 0.10'}
 
   crypto-random-string@2.0.0:
     resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
@@ -3924,8 +4312,8 @@ packages:
     resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
     engines: {node: '>= 6'}
 
-  csstype@3.1.2:
-    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
   cypress-esbuild-preprocessor@1.0.2:
     resolution: {integrity: sha512-JsFnm6fBQt/OEzstknJ1KLMTuUERUaG0ZB9fk0KdNUlZqxaVEoQ9/pFvKmqRfzUe2y00cWD++ptccQA4tNAAlQ==}
@@ -3945,20 +4333,20 @@ packages:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
     engines: {node: '>=0.10'}
 
-  data-view-buffer@1.0.1:
-    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
+  data-view-buffer@1.0.2:
+    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
 
-  data-view-byte-length@1.0.1:
-    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
+  data-view-byte-length@1.0.2:
+    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
     engines: {node: '>= 0.4'}
 
-  data-view-byte-offset@1.0.0:
-    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
+  data-view-byte-offset@1.0.1:
+    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
     engines: {node: '>= 0.4'}
 
-  dayjs@1.11.9:
-    resolution: {integrity: sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==}
+  dayjs@1.11.13:
+    resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
 
   debounce@1.2.1:
     resolution: {integrity: sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==}
@@ -3996,8 +4384,26 @@ packages:
       supports-color:
         optional: true
 
-  debug@4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+  debug@4.3.7:
+    resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.4.0:
+    resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.4.1:
+    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -4017,8 +4423,12 @@ packages:
     resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==}
     engines: {node: '>=10'}
 
-  decode-named-character-reference@1.0.2:
-    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
+  decode-named-character-reference@1.1.0:
+    resolution: {integrity: sha512-Wy+JTSbFThEOXQIR2L6mxJvEs+veIzpmqD7ynWxMXGpnk3smkHQOp6forLdHsKpAMW9iJpaBBIxz285t1n1C3w==}
+
+  decode-uri-component@0.2.2:
+    resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
+    engines: {node: '>=0.10'}
 
   decompress-response@4.2.1:
     resolution: {integrity: sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==}
@@ -4028,8 +4438,8 @@ packages:
     resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
     engines: {node: '>=10'}
 
-  deep-eql@4.1.3:
-    resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
+  deep-eql@4.1.4:
+    resolution: {integrity: sha512-SUwdGfqdKOwxCPeVYjwSyRpJ7Z+fhpwIAtmCUdZIWZ/YP5R9WAsyuSgpLVDi9bjWoN2LXHNss/dk3urXtdQxGg==}
     engines: {node: '>=6'}
 
   deep-extend@0.6.0:
@@ -4043,6 +4453,9 @@ packages:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
 
+  deepslate@0.23.5:
+    resolution: {integrity: sha512-FjBBbuPUI1Y/dXtUc4WiCJSA7s7yRAXepD7qWRF6wX5m/q7AVRauMEShu8lphRvqCtJyxcYFZmISwX5OOH/tWw==}
+
   default-browser-id@3.0.0:
     resolution: {integrity: sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==}
     engines: {node: '>=12'}
@@ -4050,10 +4463,6 @@ packages:
   defaults@1.0.4:
     resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
 
-  define-data-property@1.1.0:
-    resolution: {integrity: sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g==}
-    engines: {node: '>= 0.4'}
-
   define-data-property@1.1.4:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
@@ -4066,8 +4475,20 @@ packages:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
-  defu@6.1.2:
-    resolution: {integrity: sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==}
+  define-property@0.2.5:
+    resolution: {integrity: sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==}
+    engines: {node: '>=0.10.0'}
+
+  define-property@1.0.0:
+    resolution: {integrity: sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==}
+    engines: {node: '>=0.10.0'}
+
+  define-property@2.0.2:
+    resolution: {integrity: sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==}
+    engines: {node: '>=0.10.0'}
+
+  defu@6.1.4:
+    resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
 
   del@6.1.1:
     resolution: {integrity: sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==}
@@ -4080,18 +4501,23 @@ packages:
   delegates@1.0.0:
     resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
 
+  depd@1.1.2:
+    resolution: {integrity: sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==}
+    engines: {node: '>= 0.6'}
+
   depd@2.0.0:
     resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
     engines: {node: '>= 0.8'}
 
-  dequal@1.0.0:
-    resolution: {integrity: sha512-/Nd1EQbQbI9UbSHrMiKZjFLrXSnU328iQdZKPQf78XQI6C+gutkFUeoHpG5J08Ioa6HeRbRNFpSIclh1xyG0mw==}
-    engines: {node: '>=6'}
-
   dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
 
+  derive-valtio@0.1.0:
+    resolution: {integrity: sha512-OCg2UsLbXK7GmmpzMXhYkdO64vhJ1ROUUGaTFyHjVwEdMEcTTRj7W1TxLbSBxdY8QLBPCcp66MTyaSy0RpO17A==}
+    peerDependencies:
+      valtio: '*'
+
   des.js@1.1.0:
     resolution: {integrity: sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==}
 
@@ -4106,8 +4532,8 @@ packages:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
 
-  detect-libc@2.0.2:
-    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
+  detect-libc@2.0.3:
+    resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
 
   detect-node-es@1.1.0:
@@ -4117,17 +4543,21 @@ packages:
     resolution: {integrity: sha512-j/lJHyoLlWi6G1LDdLgvUtz60Zo5GEj+sVYtTVXnYLDPuzgC3llMxonXym9zIwhhUII8vjdw0LXxavpLqTbl1A==}
     engines: {node: '>=12'}
 
-  detect-port@1.5.1:
-    resolution: {integrity: sha512-aBzdj76lueB6uUst5iAs7+0H/oOjqI5D16XUWxlWMIMROhcM0rfsNVk93zTngq1dDNpoXRr++Sus7ETAExppAQ==}
+  detect-port@1.6.1:
+    resolution: {integrity: sha512-CmnVc+Hek2egPx1PeTFVta2W78xy2K/9Rkf6cC4T59S50tVnzKj+tnx5mmx5lwvCkujZ4uRrpRSuV+IVs3f90Q==}
+    engines: {node: '>= 4.0.0'}
     hasBin: true
 
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
-  diamond-square@https://codeload.github.com/zardoy/diamond-square/tar.gz/4bbe28dcad35403abaa925055e91f601a61b9015:
-    resolution: {tarball: https://codeload.github.com/zardoy/diamond-square/tar.gz/4bbe28dcad35403abaa925055e91f601a61b9015}
+  diamond-square@https://codeload.github.com/zardoy/diamond-square/tar.gz/cfaad2d1d5909fdfa63c8cc7bc05fb5e87782d71:
+    resolution: {tarball: https://codeload.github.com/zardoy/diamond-square/tar.gz/cfaad2d1d5909fdfa63c8cc7bc05fb5e87782d71}
     version: 1.3.0
 
+  diff-match-patch@1.0.5:
+    resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
+
   diff-sequences@29.6.3:
     resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -4171,6 +4601,10 @@ packages:
   dom-walk@0.1.2:
     resolution: {integrity: sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==}
 
+  domain-browser@5.7.0:
+    resolution: {integrity: sha512-edTFu0M/7wO1pXY6GDxVNVW086uqwWYIHP98txhcPyV995X21JIH2DtYp33sQJOupYoXKe9RwTw2Ya2vWaquTQ==}
+    engines: {node: '>=4'}
+
   domelementtype@2.3.0:
     resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
 
@@ -4178,8 +4612,8 @@ packages:
     resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
     engines: {node: '>= 4'}
 
-  domutils@3.1.0:
-    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
 
   dot-case@3.0.4:
     resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
@@ -4188,12 +4622,19 @@ packages:
     resolution: {integrity: sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==}
     engines: {node: '>=12'}
 
-  dotenv@16.3.1:
-    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==}
+  dotenv@16.4.7:
+    resolution: {integrity: sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==}
     engines: {node: '>=12'}
 
-  draco3d@1.5.6:
-    resolution: {integrity: sha512-+3NaRjWktb5r61ZFoDejlykPEFKT5N/LkbXsaddlw6xNSXBanUYpFc2AXXpbJDilPHazcSreU/DpQIaxfX0NfQ==}
+  draco3d@1.5.7:
+    resolution: {integrity: sha512-m6WCKt/erDXcw+70IJXnG7M3awwQPAsZvJGX5zY7beBqpELw6RDGkYVU0W43AFxye4pDZ5i2Lbyc/NNGqwjUVQ==}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  duplexer@0.1.2:
+    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
 
   duplexify@3.7.1:
     resolution: {integrity: sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==}
@@ -4210,16 +4651,16 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  ejs@3.1.9:
-    resolution: {integrity: sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==}
+  ejs@3.1.10:
+    resolution: {integrity: sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==}
     engines: {node: '>=0.10.0'}
     hasBin: true
 
-  electron-to-chromium@1.4.504:
-    resolution: {integrity: sha512-cSMwIAd8yUh54VwitVRVvHK66QqHWE39C3DRj8SWiXitEpVSY3wNPD9y1pxQtLIi4w3UdzF9klLsmuPshz09DQ==}
+  electron-to-chromium@1.5.113:
+    resolution: {integrity: sha512-wjT2O4hX+wdWPJ76gWSkMhcHAV2PTMX+QetUCPYEdCIe+cxmgzzSSiGRCKW8nuh4mwKZlpv0xvoW7OF2X+wmHg==}
 
-  elliptic@6.5.4:
-    resolution: {integrity: sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==}
+  elliptic@6.6.1:
+    resolution: {integrity: sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==}
 
   emit-then@2.0.0:
     resolution: {integrity: sha512-y5JHnrygHnCndtqVHHDhCr0ZzzWHK5RBTczWRlGSIR5UnGHBXuxpoaE0UB5E82qym8ma2dI799wDSSJN2e4VSg==}
@@ -4235,6 +4676,10 @@ packages:
     resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
     engines: {node: '>= 0.8'}
 
+  encodeurl@2.0.0:
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
+
   encoding@0.1.13:
     resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
 
@@ -4244,25 +4689,25 @@ packages:
   endian-toggle@0.0.0:
     resolution: {integrity: sha512-ShfqhXeHRE4TmggSlHXG8CMGIcsOsqDw/GcoPcosToE59Rm9e4aXaMhEQf2kPBsBRrKem1bbOAv5gOKnkliMFQ==}
 
-  engine.io-client@3.5.3:
-    resolution: {integrity: sha512-qsgyc/CEhJ6cgMUwxRRtOndGVhIu5hpL5tR4umSpmX/MvkFoIxUTM7oFMDQumHNzlNLwSVy6qhstFPoWTf7dOw==}
+  engine.io-client@3.5.4:
+    resolution: {integrity: sha512-ydc8uuMMDxC5KCKNJN3zZKYJk2sgyTuTZQ7Aj1DJSsLKAcizA/PzWivw8fZMIjJVBo2CJOYzntv4FSjY/Lr//g==}
 
-  engine.io-client@6.5.2:
-    resolution: {integrity: sha512-CQZqbrpEYnrpGqC07a9dJDz4gePZUgTPMU3NKJPSeQOyw27Tst4Pl3FemKoFGAlHzgZmKjoRmiJvbWfhCXUlIg==}
+  engine.io-client@6.6.3:
+    resolution: {integrity: sha512-T0iLjnyNWahNyv/lcjS2y4oE358tVS/SYQNxYXGAJ9/GLgH4VCvOQ/mhTjqU88mLZCQgiG8RIegFHYCdVC+j5w==}
 
   engine.io-parser@2.2.1:
     resolution: {integrity: sha512-x+dN/fBH8Ro8TFwJ+rkB2AmuVw9Yu2mockR/p3W8f8YtExwFgDvBDi0GWyb4ZLkpahtDGZgtr3zLovanJghPqg==}
 
-  engine.io-parser@5.2.1:
-    resolution: {integrity: sha512-9JktcM3u18nU9N2Lz3bWeBgxVgOKpw7yhRaoxQA3FUDZzzw+9WlA6p4G4u0RixNkg14fH7EfEc/RhpurtiROTQ==}
+  engine.io-parser@5.2.3:
+    resolution: {integrity: sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==}
     engines: {node: '>=10.0.0'}
 
-  engine.io@3.6.1:
-    resolution: {integrity: sha512-dfs8EVg/i7QjFsXxn7cCRQ+Wai1G1TlEvHhdYEi80fxn5R1vZ2K661O6v/rezj1FP234SZ14r9CmJke99iYDGg==}
+  engine.io@3.6.2:
+    resolution: {integrity: sha512-C4JjGQZLY3kWlIDx0BQNKizbrfpb7NahxDztGdN5jrPK2ghmXiNDN+E/t0JzDeNRZxPVaszxEng42Pmj27X/0w==}
     engines: {node: '>=8.0.0'}
 
-  engine.io@6.5.3:
-    resolution: {integrity: sha512-IML/R4eG/pUS5w7OfcDE0jKrljWS9nwnEfsxWCIJF5eO6AHo6+Hlv+lQbdlAYsiJPHzUthLm1RUjnBzWOs45cw==}
+  engine.io@6.6.4:
+    resolution: {integrity: sha512-ZCkIjSYNDyGn0R6ewHDtXgns/Zre/NT6Agvq1/WobF7JXgFff4SeDroKiCO3fNJreU9YG429Sc81o4w5ok/W5g==}
     engines: {node: '>=10.2.0'}
 
   enquirer@2.4.1:
@@ -4277,8 +4722,8 @@ packages:
     resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
     engines: {node: '>=6'}
 
-  envinfo@7.10.0:
-    resolution: {integrity: sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==}
+  envinfo@7.14.0:
+    resolution: {integrity: sha512-CO40UI41xDQzhLB1hWyqUKgFhs250pNcGbyGKe1l/e4FSaI/+YE4IMG76GDt0In67WLPACIITC+sOi08x4wIvg==}
     engines: {node: '>=4'}
     hasBin: true
 
@@ -4291,57 +4736,48 @@ packages:
   error-stack-parser@2.1.4:
     resolution: {integrity: sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==}
 
-  eruda@3.0.1:
-    resolution: {integrity: sha512-6q1Xdwga4JTr1mKSW4mzuWSSbmXgqpm/8Wa1QGFGfCWRjC0bCQjbS4u06M1te1moucIS3hBLlbSTPWYH2W0qbQ==}
+  eruda@3.4.1:
+    resolution: {integrity: sha512-RmaO5yD97URY/9Q0lye3cmmNPoXNKreeePIw7c/zllbscR92CjGFZFuQ70+0fLIvLcKW3Xha8DS8NFhmeNbEBQ==}
 
-  es-abstract@1.22.2:
-    resolution: {integrity: sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==}
+  es-abstract@1.23.9:
+    resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
     engines: {node: '>= 0.4'}
 
-  es-abstract@1.23.3:
-    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
+  es-abstract@1.24.0:
+    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
     engines: {node: '>= 0.4'}
 
-  es-define-property@1.0.0:
-    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
 
   es-errors@1.3.0:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
-  es-iterator-helpers@1.0.19:
-    resolution: {integrity: sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==}
+  es-iterator-helpers@1.2.1:
+    resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
     engines: {node: '>= 0.4'}
 
   es-module-lexer@0.9.3:
     resolution: {integrity: sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==}
 
-  es-object-atoms@1.0.0:
-    resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
 
-  es-set-tostringtag@2.0.1:
-    resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==}
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
     engines: {node: '>= 0.4'}
 
-  es-set-tostringtag@2.0.3:
-    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
+  es-shim-unscopables@1.1.0:
+    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
     engines: {node: '>= 0.4'}
 
-  es-shim-unscopables@1.0.0:
-    resolution: {integrity: sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==}
-
-  es-shim-unscopables@1.0.2:
-    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
-
-  es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+  es-to-primitive@1.3.0:
+    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
-  es6-object-assign@1.1.0:
-    resolution: {integrity: sha512-MEl9uirslVwqQU369iHNWZXsI8yaZYGg/D65aOgZkeyFJwHYSxilf7rQzXKI7DdDuBPrBXbfk3sl9hJhmd5AUw==}
-
   es6-promise@4.2.8:
     resolution: {integrity: sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==}
 
@@ -4356,8 +4792,8 @@ packages:
     peerDependencies:
       esbuild: '*'
 
-  esbuild-register@3.5.0:
-    resolution: {integrity: sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==}
+  esbuild-register@3.6.0:
+    resolution: {integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==}
     peerDependencies:
       esbuild: '>=0.12 <1'
 
@@ -4366,18 +4802,18 @@ packages:
     engines: {node: '>=12'}
     hasBin: true
 
-  esbuild@0.19.11:
-    resolution: {integrity: sha512-HJ96Hev2hX/6i5cDVwcqiJBBtuo9+FeIJOtZ9W1kA5M6AMJRHUZlpYZ1/SbEwtO0ioNAW8rUooVpC/WehY2SfA==}
+  esbuild@0.19.12:
+    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
     engines: {node: '>=12'}
     hasBin: true
 
-  esbuild@0.19.3:
-    resolution: {integrity: sha512-UlJ1qUUA2jL2nNib1JTSkifQTcYTroFqRjwCFW4QYEKEsixXD5Tik9xML7zh2gTxkYTBKGHNH9y7txMwVyPbjw==}
-    engines: {node: '>=12'}
+  esbuild@0.25.0:
+    resolution: {integrity: sha512-BXq5mqc8ltbaN34cDqWuYKyNhX8D/Z0J1xdtdQ8UcIIIyJyz+ZMKUt58tF3SrZ85jcfN/PZYhjR5uDQAYNVbuw==}
+    engines: {node: '>=18'}
     hasBin: true
 
-  escalade@3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
 
   escape-html@1.0.3:
@@ -4442,8 +4878,8 @@ packages:
   eslint-import-resolver-node@0.3.9:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
 
-  eslint-module-utils@2.8.0:
-    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+  eslint-module-utils@2.12.0:
+    resolution: {integrity: sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -4491,17 +4927,17 @@ packages:
     peerDependencies:
       eslint: '>=5.16.0'
 
-  eslint-plugin-react-hooks@4.6.0:
-    resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
+  eslint-plugin-react-hooks@5.2.0:
+    resolution: {integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==}
     engines: {node: '>=10'}
     peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
-  eslint-plugin-react@7.34.1:
-    resolution: {integrity: sha512-N97CxlouPT1AHt8Jn0mhhN2RrADlUAsk1/atcT2KyA/l9Q/E6ll7OIGwNumFmWfZ9skV3XXccYS19h80rHtgkw==}
+  eslint-plugin-react@7.37.4:
+    resolution: {integrity: sha512-BGP0jRmfYyvOyvMoRX/uoUeW+GqNj9y16bPQzqAHf3AYII/tDs+jMN0dBVkl88/OZwNGwrVFxE7riHsXVfy/LQ==}
     engines: {node: '>=4'}
     peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
 
   eslint-plugin-sonarjs@0.19.0:
     resolution: {integrity: sha512-6+s5oNk5TFtVlbRxqZN7FIGmjdPCYQKaTzFPmqieCmsU1kBYDzndTeQav0xtQNwZJWu5awWfTGe8Srq9xFOGnw==}
@@ -4531,11 +4967,20 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  eslint@8.50.0:
-    resolution: {integrity: sha512-FOnOGSuFuFLv/Sa+FDVRZl4GGVAAFFi8LecRsI5a1tMO5HIE8nCm4ivAlzt4dT3ol/PaaGC0rJEEXQmHJBGoOg==}
+  eslint-visitor-keys@4.2.0:
+    resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@8.57.1:
+    resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
+  espree@10.3.0:
+    resolution: {integrity: sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -4545,8 +4990,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+  esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
     engines: {node: '>=0.10'}
 
   esrecurse@4.3.0:
@@ -4557,10 +5002,6 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
-  estree-to-babel@3.2.1:
-    resolution: {integrity: sha512-YNF+mZ/Wu2FU/gvmzuWtYc8rloubL7wfXCTgouFrnjGVXPA/EeYYA7pupXWrb3Iv1cTBeSSxxJIbK23l4MRNqg==}
-    engines: {node: '>=8.3.0'}
-
   estree-walker@1.0.1:
     resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
 
@@ -4575,6 +5016,9 @@ packages:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
 
+  event-stream@3.3.4:
+    resolution: {integrity: sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==}
+
   event-target-shim@5.0.1:
     resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
     engines: {node: '>=6'}
@@ -4611,12 +5055,16 @@ packages:
     resolution: {integrity: sha512-eNTPlAD67BmP31LDINZ3U7HSF8l57TxOY2PmBJ1shpCvpnxBF93mWCE8YHBnXs8qiUZJc9WDcWIeC3a2HIAMfw==}
     engines: {node: '>=6'}
 
+  expand-brackets@2.1.4:
+    resolution: {integrity: sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==}
+    engines: {node: '>=0.10.0'}
+
   expand-template@2.0.3:
     resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
     engines: {node: '>=6'}
 
-  exponential-backoff@3.1.1:
-    resolution: {integrity: sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==}
+  exponential-backoff@3.1.2:
+    resolution: {integrity: sha512-8QxYTVXUkuy7fIIoitQkPwGonB8F3Zj8eEO8Sqg9Zv/bkI7RJAzowee4gr81Hak/dUTpA2Z7VfQgoijjPNlUZA==}
 
   express-ws@4.0.0:
     resolution: {integrity: sha512-KEyUw8AwRET2iFjFsI1EJQrJ/fHeGiJtgpYgEWG3yDv4l/To/m3a2GaYfeGyB3lsWdvbesjF5XCMx+SVBgAAYw==}
@@ -4624,13 +5072,25 @@ packages:
     peerDependencies:
       express: ^4.0.0 || ^5.0.0-alpha.1
 
-  express@4.18.2:
-    resolution: {integrity: sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==}
+  express@4.21.2:
+    resolution: {integrity: sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==}
     engines: {node: '>= 0.10.0'}
 
+  extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+
+  extend-shallow@3.0.2:
+    resolution: {integrity: sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==}
+    engines: {node: '>=0.10.0'}
+
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
+  extglob@2.0.4:
+    resolution: {integrity: sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==}
+    engines: {node: '>=0.10.0'}
+
   extract-zip@1.7.0:
     resolution: {integrity: sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==}
     hasBin: true
@@ -4647,8 +5107,8 @@ packages:
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
-  fast-glob@3.3.1:
-    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
 
   fast-json-stable-stringify@2.1.0:
@@ -4657,17 +5117,21 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
-  fast-loops@1.1.3:
-    resolution: {integrity: sha512-8EZzEP0eKkEEVX+drtd9mtuQ+/QrlfW/5MlwcwK5Nds6EkZ/tRzEexkzUY2mIssnAyVLT+TKHuRXmFNNXYUd6g==}
-
   fast-shallow-equal@1.0.0:
     resolution: {integrity: sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw==}
 
+  fast-uri@3.0.6:
+    resolution: {integrity: sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==}
+
   fastest-stable-stringify@2.0.2:
     resolution: {integrity: sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q==}
 
-  fastq@1.15.0:
-    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+  fastq@1.19.1:
+    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
+
+  faye-websocket@0.11.4:
+    resolution: {integrity: sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==}
+    engines: {node: '>=0.8.0'}
 
   fb-watchman@2.0.2:
     resolution: {integrity: sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==}
@@ -4702,16 +5166,24 @@ packages:
   filelist@1.0.4:
     resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==}
 
-  filesize@10.0.12:
-    resolution: {integrity: sha512-6RS9gDchbn+qWmtV2uSjo5vmKizgfCQeb5jKmqx8HyzA3MoLqqyQxN+QcjkGBJt7FjJ9qFce67Auyya5rRRbpw==}
+  filesize@10.1.6:
+    resolution: {integrity: sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w==}
     engines: {node: '>= 10.4.0'}
 
-  fill-range@7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+  fill-range@4.0.0:
+    resolution: {integrity: sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==}
+    engines: {node: '>=0.10.0'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
-  finalhandler@1.2.0:
-    resolution: {integrity: sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==}
+  finalhandler@1.1.2:
+    resolution: {integrity: sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==}
+    engines: {node: '>= 0.8'}
+
+  finalhandler@1.3.1:
+    resolution: {integrity: sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==}
     engines: {node: '>= 0.8'}
 
   find-cache-dir@2.1.0:
@@ -4737,22 +5209,22 @@ packages:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
-  flat-cache@3.1.0:
-    resolution: {integrity: sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==}
-    engines: {node: '>=12.0.0'}
+  flat-cache@3.2.0:
+    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
+    engines: {node: ^10.12.0 || >=12.0.0}
 
   flatmap@0.0.3:
     resolution: {integrity: sha512-OuR+o7kHVe+x9RtIujPay7Uw3bvDZBZFSBXClEphZuSDLmZTqMdclasf4vFSsogC8baDz0eaC2NdO/2dlXHBKQ==}
 
-  flatted@3.2.7:
-    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
+  flatted@3.3.3:
+    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
 
-  flow-parser@0.218.0:
-    resolution: {integrity: sha512-mk4e7UK4P/W3tjrJyto6oxPuCjwvRMyzBh72hTl8T0dOcTzkP0M2JJHpncgyhKphMFi9pnjwHfc8e0oe4Uk3LA==}
+  flow-parser@0.263.0:
+    resolution: {integrity: sha512-F0Tr7SUvZ4BQYglFOkr8rCTO5FPjCwMhm/6i57h40F80Oz/hzzkqte4lGO0vGJ7THQonuXcTyYqCdKkAwt5d2w==}
     engines: {node: '>=0.4.0'}
 
-  follow-redirects@1.15.3:
-    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
+  follow-redirects@1.15.9:
+    resolution: {integrity: sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==}
     engines: {node: '>=4.0'}
     peerDependencies:
       debug: '*'
@@ -4760,24 +5232,16 @@ packages:
       debug:
         optional: true
 
-  follow-redirects@1.15.6:
-    resolution: {integrity: sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      debug: '*'
-    peerDependenciesMeta:
-      debug:
-        optional: true
+  for-each@0.3.5:
+    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
+    engines: {node: '>= 0.4'}
 
-  for-each@0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+  for-in@1.0.2:
+    resolution: {integrity: sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==}
+    engines: {node: '>=0.10.0'}
 
-  foreground-child@2.0.0:
-    resolution: {integrity: sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==}
-    engines: {node: '>=8.0.0'}
-
-  foreground-child@3.1.1:
-    resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
     engines: {node: '>=14'}
 
   forever-agent@0.6.1:
@@ -4787,18 +5251,43 @@ packages:
     resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
     engines: {node: '>= 0.12'}
 
-  form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+  form-data@4.0.2:
+    resolution: {integrity: sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==}
     engines: {node: '>= 6'}
 
   forwarded@0.2.0:
     resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
     engines: {node: '>= 0.6'}
 
+  fragment-cache@0.2.1:
+    resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
+    engines: {node: '>=0.10.0'}
+
+  framer-motion@12.9.2:
+    resolution: {integrity: sha512-R0O3Jdqbfwywpm45obP+8sTgafmdEcUoShQTAV+rB5pi+Y1Px/FYL5qLLRe5tPtBdN1J4jos7M+xN2VV2oEAbQ==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.2.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   fresh@0.5.2:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
 
+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
+  from@0.1.7:
+    resolution: {integrity: sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==}
+
   fs-constants@1.0.0:
     resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
 
@@ -4806,14 +5295,14 @@ packages:
     resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==}
     engines: {node: '>=14.14'}
 
+  fs-extra@11.3.0:
+    resolution: {integrity: sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==}
+    engines: {node: '>=14.14'}
+
   fs-extra@7.0.1:
     resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
     engines: {node: '>=6 <7 || >=8'}
 
-  fs-extra@8.1.0:
-    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
-    engines: {node: '>=6 <7 || >=8'}
-
   fs-extra@9.1.0:
     resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
     engines: {node: '>=10'}
@@ -4825,19 +5314,22 @@ packages:
   fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
+  fsevents@1.2.13:
+    resolution: {integrity: sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==}
+    engines: {node: '>= 4.0'}
+    os: [darwin]
+    deprecated: Upgrade to fsevents v2 to mitigate potential security issues
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
-  function-bind@1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
-  function.prototype.name@1.1.6:
-    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+  function.prototype.name@1.1.8:
+    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
     engines: {node: '>= 0.4'}
 
   functions-have-names@1.2.3:
@@ -4846,10 +5338,12 @@ packages:
   gauge@3.0.2:
     resolution: {integrity: sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==}
     engines: {node: '>=10'}
+    deprecated: This package is no longer supported.
 
   gauge@4.0.4:
     resolution: {integrity: sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    deprecated: This package is no longer supported.
 
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
@@ -4862,19 +5356,16 @@ packages:
   get-func-name@2.0.2:
     resolution: {integrity: sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==}
 
-  get-intrinsic@1.2.1:
-    resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==}
-
-  get-intrinsic@1.2.4:
-    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
   get-nonce@1.0.1:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
 
-  get-npm-tarball-url@2.0.3:
-    resolution: {integrity: sha512-R/PW6RqyaBQNWYaSyfrh54/qtcnOp22FHCCiRhSSZj0FP3KQWCsxxt0DzIdVTbwTqe9CtQfvl/FPD4UIPt4pqw==}
+  get-npm-tarball-url@2.1.0:
+    resolution: {integrity: sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA==}
     engines: {node: '>=12.17'}
 
   get-own-enumerable-property-symbols@3.0.2:
@@ -4888,6 +5379,10 @@ packages:
     resolution: {integrity: sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==}
     engines: {node: '>=8'}
 
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
   get-stream@5.2.0:
     resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
     engines: {node: '>=8'}
@@ -4896,16 +5391,16 @@ packages:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
 
-  get-symbol-description@1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
+  get-symbol-description@1.1.0:
+    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
 
-  get-symbol-description@1.0.2:
-    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
-    engines: {node: '>= 0.4'}
+  get-tsconfig@4.10.0:
+    resolution: {integrity: sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==}
 
-  get-tsconfig@4.7.2:
-    resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==}
+  get-value@2.0.6:
+    resolution: {integrity: sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==}
+    engines: {node: '>=0.10.0'}
 
   getos@3.2.1:
     resolution: {integrity: sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==}
@@ -4913,8 +5408,8 @@ packages:
   getpass@0.1.7:
     resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
 
-  giget@1.1.3:
-    resolution: {integrity: sha512-zHuCeqtfgqgDwvXlR84UNgnJDuUHQcNI5OqWqFxxuk2BshuKbYhJWdxBsEo4PvKqoGh23lUAIvBNpChMLv7/9Q==}
+  giget@1.2.5:
+    resolution: {integrity: sha512-r1ekGw/Bgpi3HLV3h1MRBIlSAdHoIMklpaQ3OQLFcRw9PwAj2rqigvIbg+dBUI51OxVI2jsEtDywDBjSiuf7Ug==}
     hasBin: true
 
   github-from-package@0.0.0:
@@ -4923,10 +5418,16 @@ packages:
   github-slugger@1.5.0:
     resolution: {integrity: sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==}
 
+  gl-matrix@3.4.3:
+    resolution: {integrity: sha512-wcCp8vu8FT22BnvKVPjXa/ICBWRq/zjFfdofZy1WSpQZpphblv12/bOQLBC1rMM7SGOFS9ltVmKOHil5+Ml7gA==}
+
   gl@6.0.2:
     resolution: {integrity: sha512-yBbfpChOtFvg5D+KtMaBFvj6yt3vUnheNAH+UrQH2TfDB8kr0tERdL0Tjhe0W7xJ6jR6ftQBluTZR9jXUnKe8g==}
     engines: {node: '>=14.0.0'}
 
+  glob-parent@3.1.0:
+    resolution: {integrity: sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -4944,17 +5445,18 @@ packages:
   glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
-  glob@10.3.3:
-    resolution: {integrity: sha512-92vPiMb/iqpmEgsOoIDvTjc50wf9CCCvMzsi6W0JLPeUKE8TWP1a73PgqSrqy7iAZxaSD1YdzU7QZR5LF51MJw==}
-    engines: {node: '>=16 || 14 >=14.17'}
+  glob@10.4.5:
+    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
     hasBin: true
 
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
 
   glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
     engines: {node: '>=12'}
+    deprecated: Glob versions prior to v9 are no longer supported
 
   global-dirs@3.0.1:
     resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
@@ -4967,14 +5469,10 @@ packages:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
 
-  globals@13.21.0:
-    resolution: {integrity: sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==}
+  globals@13.24.0:
+    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
     engines: {node: '>=8'}
 
-  globalthis@1.0.3:
-    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
-    engines: {node: '>= 0.4'}
-
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
@@ -4986,8 +5484,9 @@ packages:
   glsl-tokenizer@2.1.5:
     resolution: {integrity: sha512-XSZEJ/i4dmz3Pmbnpsy3cKh7cotvFlBiZnDOwnj/05EwNp2XrhQ4XKJxT7/pDt4kp4YcpRSKz8eTV7S+mwV6MA==}
 
-  gopd@1.0.1:
-    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
 
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
@@ -4999,6 +5498,10 @@ packages:
     resolution: {integrity: sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==}
     hasBin: true
 
+  gzip-size@7.0.0:
+    resolution: {integrity: sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   handlebars@4.7.8:
     resolution: {integrity: sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==}
     engines: {node: '>=0.4.7'}
@@ -5008,8 +5511,9 @@ packages:
     resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
     engines: {node: '>=6'}
 
-  has-bigints@1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+  has-bigints@1.1.0:
+    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
+    engines: {node: '>= 0.4'}
 
   has-binary2@1.0.3:
     resolution: {integrity: sha512-G1LWKhDSvhGeAQ8mPVQlqNcOB2sJdwATtZKl2pDKKHfpf/rYj24lkinxf69blJbnsvtqqNU+L3SL50vzZhXOnw==}
@@ -5025,26 +5529,15 @@ packages:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
-  has-property-descriptors@1.0.0:
-    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
-
   has-property-descriptors@1.0.2:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
 
-  has-proto@1.0.1:
-    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
+  has-proto@1.2.0:
+    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
     engines: {node: '>= 0.4'}
 
-  has-proto@1.0.3:
-    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
-    engines: {node: '>= 0.4'}
-
-  has-symbols@1.0.3:
-    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
-    engines: {node: '>= 0.4'}
-
-  has-tostringtag@1.0.0:
-    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
 
   has-tostringtag@1.0.2:
@@ -5054,21 +5547,33 @@ packages:
   has-unicode@2.0.1:
     resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}
 
-  has@1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
+  has-value@0.3.1:
+    resolution: {integrity: sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==}
+    engines: {node: '>=0.10.0'}
+
+  has-value@1.0.0:
+    resolution: {integrity: sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==}
+    engines: {node: '>=0.10.0'}
+
+  has-values@0.1.4:
+    resolution: {integrity: sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==}
+    engines: {node: '>=0.10.0'}
+
+  has-values@1.0.0:
+    resolution: {integrity: sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==}
+    engines: {node: '>=0.10.0'}
+
+  has@1.0.4:
+    resolution: {integrity: sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==}
     engines: {node: '>= 0.4.0'}
 
-  hash-base@3.1.0:
-    resolution: {integrity: sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==}
-    engines: {node: '>=4'}
+  hash-base@3.0.5:
+    resolution: {integrity: sha512-vXm0l45VbcHEVlTCzs8M+s0VeYsB2lnlAaThoLKGXr3bE/VWDOelNUnycUPEhKEaXARL2TEFjBOyUiM6+55KBg==}
+    engines: {node: '>= 0.10'}
 
   hash.js@1.1.7:
     resolution: {integrity: sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==}
 
-  hasown@2.0.1:
-    resolution: {integrity: sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==}
-    engines: {node: '>= 0.4'}
-
   hasown@2.0.2:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
@@ -5087,6 +5592,9 @@ packages:
     resolution: {integrity: sha512-RqGs4wavGYJWE07t35JQccByczmNUXQT0E12ZYV1VKYu5UiAU9lsos/yBAcf840+zrUQQxgVduCR5/B8nNtibg==}
     hasBin: true
 
+  hoist-non-react-statics@3.3.2:
+    resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
+
   hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
 
@@ -5098,23 +5606,34 @@ packages:
     resolution: {integrity: sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==}
     engines: {node: '>=12'}
 
-  html-escaper@2.0.2:
-    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
+  html-entities@2.6.0:
+    resolution: {integrity: sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==}
 
   html-tags@3.3.1:
     resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
     engines: {node: '>=8'}
 
+  http-auth@3.1.3:
+    resolution: {integrity: sha512-Jbx0+ejo2IOx+cRUYAGS1z6RGc6JfYUNkysZM4u4Sfk1uLlGv814F7/PIjQQAuThLdAWxb74JMGd5J8zex1VQg==}
+    engines: {node: '>=4.6.1'}
+
   http-browserify@1.7.0:
     resolution: {integrity: sha512-Irf/LJXmE3cBzU1eaR4+NEX6bmVLqt1wkmDiA7kBwH7zmb0D8kBAXsDmQ88hhj/qv9iEZKlyGx/hrMcFi8sOHw==}
 
   http-cache-semantics@4.1.1:
     resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
 
+  http-errors@1.6.3:
+    resolution: {integrity: sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==}
+    engines: {node: '>= 0.6'}
+
   http-errors@2.0.0:
     resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
     engines: {node: '>= 0.8'}
 
+  http-parser-js@0.5.9:
+    resolution: {integrity: sha512-n1XsPy3rXVxlqxVioEWdC+0+M+SQw0DpJynwtOPo1X+ZlvdzTLtDBIJJlDQTnwZIFJrZSzSGmIOUdP8tu+SgLw==}
+
   http-proxy-agent@5.0.0:
     resolution: {integrity: sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==}
     engines: {node: '>= 6'}
@@ -5143,10 +5662,6 @@ packages:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
     engines: {node: '>= 6'}
 
-  https-proxy-agent@7.0.2:
-    resolution: {integrity: sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==}
-    engines: {node: '>= 14'}
-
   human-signals@1.1.1:
     resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
     engines: {node: '>=8.12.0'}
@@ -5158,11 +5673,12 @@ packages:
   humanize-ms@1.2.1:
     resolution: {integrity: sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==}
 
-  hyphenate-style-name@1.0.4:
-    resolution: {integrity: sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==}
+  hyperdyperid@1.2.0:
+    resolution: {integrity: sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==}
+    engines: {node: '>=10.18'}
 
-  iconify-icon@1.0.8:
-    resolution: {integrity: sha512-jvbUKHXf8EnGGArmhlP2IG8VqQLFFyTvTqb9LVL2TKTh7/eCCD1o2HHE9thpbJJb6B8hzhcFb6rOKhvo7reNKA==}
+  hyphenate-style-name@1.1.0:
+    resolution: {integrity: sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==}
 
   iconv-lite@0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
@@ -5178,8 +5694,8 @@ packages:
   ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
-  ignore@5.2.4:
-    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
 
   image-size@0.7.5:
@@ -5190,12 +5706,12 @@ packages:
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
-  import-fresh@3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
 
-  import-meta-resolve@3.0.0:
-    resolution: {integrity: sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==}
+  import-meta-resolve@3.1.1:
+    resolution: {integrity: sha512-qeywsE/KC3w9Fd2ORrRDUw6nS/nLwZpXgfrOc2IILvZYnCaEMd+D56Vfg9k4G29gIeVi3XKql1RQatME8iYsiw==}
 
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
@@ -5217,6 +5733,10 @@ packages:
 
   inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+
+  inherits@2.0.3:
+    resolution: {integrity: sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==}
 
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
@@ -5228,22 +5748,16 @@ packages:
     resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
     engines: {node: '>=10'}
 
-  inline-style-prefixer@6.0.4:
-    resolution: {integrity: sha512-FwXmZC2zbeeS7NzGjJ6pAiqRhXR0ugUShSNb6GApMl6da0/XGc4MOJsoWAywia52EEWbXNSy0pzkwz/+Y+swSg==}
+  inline-style-prefixer@7.0.1:
+    resolution: {integrity: sha512-lhYo5qNTQp3EvSSp3sRvXMbVQTLrvGV6DycRMJ5dm2BLMiJ30wpXKdDdgX+GmJZ5uQMucwRKHamXSst3Sj/Giw==}
 
-  internal-slot@1.0.5:
-    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==}
+  internal-slot@1.1.0:
+    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
-  internal-slot@1.0.7:
-    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
-    engines: {node: '>= 0.4'}
-
-  invariant@2.2.4:
-    resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
-
-  ip@2.0.0:
-    resolution: {integrity: sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==}
+  ip-address@9.0.5:
+    resolution: {integrity: sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==}
+    engines: {node: '>= 12'}
 
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
@@ -5253,15 +5767,16 @@ packages:
     resolution: {integrity: sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==}
     engines: {node: '>=8'}
 
-  is-arguments@1.1.1:
-    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
+  is-accessor-descriptor@1.0.1:
+    resolution: {integrity: sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==}
+    engines: {node: '>= 0.10'}
+
+  is-arguments@1.2.0:
+    resolution: {integrity: sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==}
     engines: {node: '>= 0.4'}
 
-  is-array-buffer@3.0.2:
-    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
-
-  is-array-buffer@3.0.4:
-    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+  is-array-buffer@3.0.5:
+    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
 
   is-arrayish@0.2.1:
@@ -5270,21 +5785,29 @@ packages:
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
-  is-async-function@2.0.0:
-    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
+  is-async-function@2.1.1:
+    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
     engines: {node: '>= 0.4'}
 
-  is-bigint@1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+  is-bigint@1.1.0:
+    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
+    engines: {node: '>= 0.4'}
+
+  is-binary-path@1.0.1:
+    resolution: {integrity: sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==}
+    engines: {node: '>=0.10.0'}
 
   is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
 
-  is-boolean-object@1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+  is-boolean-object@1.2.2:
+    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
     engines: {node: '>= 0.4'}
 
+  is-buffer@1.1.6:
+    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
+
   is-builtin-module@3.2.1:
     resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
     engines: {node: '>=6'}
@@ -5297,34 +5820,53 @@ packages:
     resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
     hasBin: true
 
-  is-core-module@2.13.0:
-    resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==}
-
-  is-core-module@2.13.1:
-    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
-
-  is-data-view@1.0.1:
-    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
+  is-core-module@2.16.1:
+    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
     engines: {node: '>= 0.4'}
 
-  is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+  is-data-descriptor@1.0.1:
+    resolution: {integrity: sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==}
+    engines: {node: '>= 0.4'}
+
+  is-data-view@1.0.2:
+    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
+    engines: {node: '>= 0.4'}
+
+  is-date-object@1.1.0:
+    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
     engines: {node: '>= 0.4'}
 
   is-deflate@1.0.0:
     resolution: {integrity: sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ==}
 
+  is-descriptor@0.1.7:
+    resolution: {integrity: sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==}
+    engines: {node: '>= 0.4'}
+
+  is-descriptor@1.0.3:
+    resolution: {integrity: sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==}
+    engines: {node: '>= 0.4'}
+
   is-docker@2.2.1:
     resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
     engines: {node: '>=8'}
     hasBin: true
 
+  is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+
+  is-extendable@1.0.1:
+    resolution: {integrity: sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==}
+    engines: {node: '>=0.10.0'}
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
-  is-finalizationregistry@1.0.2:
-    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
+  is-finalizationregistry@1.1.1:
+    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
+    engines: {node: '>= 0.4'}
 
   is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
@@ -5333,10 +5875,14 @@ packages:
   is-function@1.0.2:
     resolution: {integrity: sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ==}
 
-  is-generator-function@1.0.10:
-    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
+  is-generator-function@1.1.0:
+    resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
     engines: {node: '>= 0.4'}
 
+  is-glob@3.1.0:
+    resolution: {integrity: sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==}
+    engines: {node: '>=0.10.0'}
+
   is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -5367,18 +5913,18 @@ packages:
     resolution: {integrity: sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==}
     engines: {node: '>= 0.4'}
 
-  is-negative-zero@2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
-    engines: {node: '>= 0.4'}
-
   is-negative-zero@2.0.3:
     resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
     engines: {node: '>= 0.4'}
 
-  is-number-object@1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+  is-number-object@1.1.1:
+    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
     engines: {node: '>= 0.4'}
 
+  is-number@3.0.0:
+    resolution: {integrity: sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==}
+    engines: {node: '>=0.10.0'}
+
   is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -5411,8 +5957,8 @@ packages:
     resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
     engines: {node: '>=0.10.0'}
 
-  is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
 
   is-regexp@1.0.0:
@@ -5423,31 +5969,24 @@ packages:
     resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
     engines: {node: '>= 0.4'}
 
-  is-shared-array-buffer@1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
-
-  is-shared-array-buffer@1.0.3:
-    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+  is-shared-array-buffer@1.0.4:
+    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
     engines: {node: '>= 0.4'}
 
   is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
 
-  is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+  is-string@1.1.1:
+    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
     engines: {node: '>= 0.4'}
 
-  is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+  is-symbol@1.1.1:
+    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
     engines: {node: '>= 0.4'}
 
-  is-typed-array@1.1.12:
-    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
-    engines: {node: '>= 0.4'}
-
-  is-typed-array@1.1.13:
-    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
+  is-typed-array@1.1.15:
+    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
     engines: {node: '>= 0.4'}
 
   is-typedarray@1.0.0:
@@ -5461,13 +6000,22 @@ packages:
     resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
     engines: {node: '>= 0.4'}
 
-  is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
-
-  is-weakset@2.0.3:
-    resolution: {integrity: sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==}
+  is-weakref@1.1.1:
+    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
     engines: {node: '>= 0.4'}
 
+  is-weakset@2.0.4:
+    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
+    engines: {node: '>= 0.4'}
+
+  is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+
+  is-wsl@1.1.0:
+    resolution: {integrity: sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==}
+    engines: {node: '>=4'}
+
   is-wsl@2.2.0:
     resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
     engines: {node: '>=8'}
@@ -5487,6 +6035,10 @@ packages:
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  isobject@2.1.0:
+    resolution: {integrity: sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==}
+    engines: {node: '>=0.10.0'}
+
   isobject@3.0.1:
     resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
     engines: {node: '>=0.10.0'}
@@ -5494,31 +6046,23 @@ packages:
   isstream@0.1.2:
     resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
 
-  istanbul-lib-coverage@3.2.0:
-    resolution: {integrity: sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==}
+  istanbul-lib-coverage@3.2.2:
+    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
     engines: {node: '>=8'}
 
   istanbul-lib-instrument@5.2.1:
     resolution: {integrity: sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==}
     engines: {node: '>=8'}
 
-  istanbul-lib-report@3.0.1:
-    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
-    engines: {node: '>=10'}
+  iterator.prototype@1.1.5:
+    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
+    engines: {node: '>= 0.4'}
 
-  istanbul-reports@3.1.6:
-    resolution: {integrity: sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==}
-    engines: {node: '>=8'}
+  jackspeak@3.4.3:
+    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
-  iterator.prototype@1.1.2:
-    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
-
-  jackspeak@2.3.0:
-    resolution: {integrity: sha512-uKmsITSsF4rUWQHzqaRUuyAir3fZfW3f202Ee34lz/gZCi970CPZwyQXLGNgWJvvZbvFyzeyGq0+4fcG/mBKZg==}
-    engines: {node: '>=14'}
-
-  jake@10.8.7:
-    resolution: {integrity: sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==}
+  jake@10.9.2:
+    resolution: {integrity: sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -5534,10 +6078,6 @@ packages:
     resolution: {integrity: sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jest-worker@26.6.2:
-    resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==}
-    engines: {node: '>= 10.13.0'}
-
   jest-worker@29.7.0:
     resolution: {integrity: sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -5545,11 +6085,12 @@ packages:
   jimp@0.10.3:
     resolution: {integrity: sha512-meVWmDMtyUG5uYjFkmzu0zBgnCvvxwWNi27c4cg55vWNVC9ES4Lcwb+ogx+uBBQE3Q+dLKjXaLl0JVW+nUNwbQ==}
 
-  joi@17.13.1:
-    resolution: {integrity: sha512-vaBlIKCyo4FCUtCm7Eu4QZd/q02bWcxfUO6YSXAZOWF6gzcLBeba8kwotUdYJjDLW8Cz8RywsSOqiNJZW0mNvg==}
+  jiti@2.4.2:
+    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
+    hasBin: true
 
-  jose@4.15.5:
-    resolution: {integrity: sha512-jc7BFxgKPKi94uOvEmzlSWFFe2+vASyXaKUpdQKatWAESU2MWjDfFf0fdfc83CDKcA5QecabZeNLyfhe3yKNkg==}
+  joi@17.13.3:
+    resolution: {integrity: sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==}
 
   jpeg-js@0.3.7:
     resolution: {integrity: sha512-9IXdWudL61npZjvLuVe/ktHiA41iE8qFyLB+4VDTblEsWBzeg8WQTlktdUK4CdncUqtUgUg0bbOmTE2bKBKaBQ==}
@@ -5560,10 +6101,6 @@ packages:
   js-cookie@2.2.1:
     resolution: {integrity: sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==}
 
-  js-graph-algorithms@1.0.18:
-    resolution: {integrity: sha512-Gu1wtWzXBzGeye/j9BuyplGHscwqKRZodp/0M1vyBc19RJpblSwKGu099KwwaTx9cRIV+Qupk8xUMfEiGfFqSA==}
-    hasBin: true
-
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -5578,26 +6115,32 @@ packages:
   jsbn@0.1.1:
     resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
 
-  jscodeshift@0.14.0:
-    resolution: {integrity: sha512-7eCC1knD7bLUPuSCwXsMZUH51O8jIcoVyKtI6P0XM0IVzlGjckPy3FIwQlorzbN0Sg79oK+RlohN32Mqf/lrYA==}
+  jsbn@1.1.0:
+    resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
+
+  jscodeshift@0.15.2:
+    resolution: {integrity: sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==}
     hasBin: true
     peerDependencies:
       '@babel/preset-env': ^7.1.6
+    peerDependenciesMeta:
+      '@babel/preset-env':
+        optional: true
 
   jsesc@0.5.0:
     resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
     hasBin: true
 
-  jsesc@2.5.2:
-    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
-    engines: {node: '>=4'}
-    hasBin: true
-
   jsesc@3.0.2:
     resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
     engines: {node: '>=6'}
     hasBin: true
 
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
@@ -5631,9 +6174,6 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
-  jsonc-parser@3.2.0:
-    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
-
   jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
 
@@ -5665,8 +6205,16 @@ packages:
   jws@3.2.2:
     resolution: {integrity: sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==}
 
-  keyv@4.5.3:
-    resolution: {integrity: sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==}
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  kind-of@3.2.2:
+    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
+    engines: {node: '>=0.10.0'}
+
+  kind-of@4.0.0:
+    resolution: {integrity: sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==}
+    engines: {node: '>=0.10.0'}
 
   kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
@@ -5716,8 +6264,13 @@ packages:
       enquirer:
         optional: true
 
-  load-bmfont@1.4.1:
-    resolution: {integrity: sha512-8UyQoYmdRDy81Brz6aLAUhfZLwr5zV0L3taTQ4hju7m6biuwiWiJXjPhBJxbUQJA8PrkvJ/7Enqmwk2sM14soA==}
+  live-server@1.2.2:
+    resolution: {integrity: sha512-t28HXLjITRGoMSrCOv4eZ88viHaBVIjKjdI5PO92Vxlu+twbk6aE0t7dVIaz6ZWkjPilYFV6OSdMYl9ybN2B4w==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
+  load-bmfont@1.4.2:
+    resolution: {integrity: sha512-qElWkmjW9Oq1F9EI5Gt7aD9zcdHb9spJCW1L/dmPf7KzCCEJxq8nhHz5eCgI9aMf7vrG/wyaCqdsI+Iy9ZTlog==}
 
   load-json-file@4.0.0:
     resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
@@ -5750,6 +6303,7 @@ packages:
 
   lodash.get@4.4.2:
     resolution: {integrity: sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==}
+    deprecated: This package is deprecated. Use the optional chaining (?.) operator instead.
 
   lodash.includes@4.3.0:
     resolution: {integrity: sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==}
@@ -5792,29 +6346,24 @@ packages:
     resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
     engines: {node: '>=10'}
 
-  long@5.2.3:
-    resolution: {integrity: sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q==}
+  long@5.3.1:
+    resolution: {integrity: sha512-ka87Jz3gcx/I7Hal94xaN2tZEOPoUOEVftkQqZx2EeQRN7LGdfLlI3FvZ+7WDplm+vK2Urx9ULrvSowtdCieng==}
 
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
 
-  looks-same@8.2.3:
-    resolution: {integrity: sha512-0LK5r4+9t2D56XPVNH3hhG4o0yBYUdeu9FEd8z0ZCs/2fR9zJQj+6ob6ued8iHk3yddrSAdUA+9YGVK2FBMGUw==}
-    engines: {node: '>= 12.0.0'}
-
   loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
-  loupe@2.3.6:
-    resolution: {integrity: sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==}
+  loupe@2.3.7:
+    resolution: {integrity: sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==}
 
   lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
 
-  lru-cache@10.0.1:
-    resolution: {integrity: sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==}
-    engines: {node: 14 || >=16.14}
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
@@ -5837,9 +6386,8 @@ packages:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
 
-  magic-string@0.30.4:
-    resolution: {integrity: sha512-Q/TKtsC5BPm0kGqgBIF9oXAs/xEf2vRKiIB4wCRQTJOQIByZ1d+NnUOotvJOvNpi5RNIgVOMC3pOuaP1ZTDlVg==}
-    engines: {node: '>=12'}
+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
 
   make-dir@2.1.0:
     resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
@@ -5849,10 +6397,6 @@ packages:
     resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
     engines: {node: '>=8'}
 
-  make-dir@4.0.0:
-    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
-    engines: {node: '>=10'}
-
   make-fetch-happen@10.2.1:
     resolution: {integrity: sha512-NgOPbRiaQM10DYXvN3/hhGVI2M5MtITFryzBGxHM5p4wnFxsVCbxkrBrDsk+EZ5OB4jEOT7AjDxtdF+KVEFT7w==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
@@ -5860,6 +6404,10 @@ packages:
   makeerror@1.0.12:
     resolution: {integrity: sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==}
 
+  map-cache@0.2.2:
+    resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==}
+    engines: {node: '>=0.10.0'}
+
   map-obj@1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
     engines: {node: '>=0.10.0'}
@@ -5871,16 +6419,48 @@ packages:
   map-or-similar@1.5.0:
     resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==}
 
-  markdown-it@14.0.0:
-    resolution: {integrity: sha512-seFjF0FIcPt4P9U39Bq1JYblX0KZCjDLFFQPHpL5AzHpqPEKtosxmdq/LTVZnjfH7tjt9BxStm+wXcDBNuYmzw==}
+  map-stream@0.1.0:
+    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
+
+  map-visit@1.0.0:
+    resolution: {integrity: sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==}
+    engines: {node: '>=0.10.0'}
+
+  markdown-it@14.1.0:
+    resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==}
     hasBin: true
 
-  markdown-to-jsx@7.3.2:
-    resolution: {integrity: sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==}
+  markdown-to-jsx@7.7.4:
+    resolution: {integrity: sha512-1bSfXyBKi+EYS3YY+e0Csuxf8oZ3decdfhOav/Z7Wrk89tjudyL5FOmwZQUoy0/qVXGUl+6Q3s2SWtpDEWITfQ==}
     engines: {node: '>= 10'}
     peerDependencies:
       react: ^18.2.0
 
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  mc-assets@0.2.62:
+    resolution: {integrity: sha512-RYZeD1+joNlPuUpi+tIWkbP0ieVJr+R6IFkI6/8juhSxx9zE4osoSmteybrfspGm8A6u+YbbY1epqRKEMwVR6Q==}
+    engines: {node: '>=18.0.0'}
+
+  mc-bridge@0.1.3:
+    resolution: {integrity: sha512-H9jPt2xEU77itC27dSz3qazHYqN9qVsv4HgMPozg7RqQ1uwgXmEa+ojKIlDtXf/TLJsG6Kv4EbzGa8a1Wh72uA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      minecraft-data: 3.98.0
+
+  mcraft-fun-mineflayer@0.1.23:
+    resolution: {integrity: sha512-qmI1rQQ0Ro5zJdi99rClWLF+mS9JZffgNX2vyWWesS3Hsk3Xblp/8swYTJKHSaFpNgzkVfXV92fEIrBqeH6iKA==}
+    version: 0.1.23
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      '@roamhq/wrtc': '*'
+      mineflayer: '>=4.x'
+    peerDependenciesMeta:
+      '@roamhq/wrtc':
+        optional: true
+
   md5-file@4.0.0:
     resolution: {integrity: sha512-UC0qFwyAjn4YdPpKaDNw6gNxRf7Mcx7jC1UGCY4boCzgvU2Aoc1mOGzTtrjjLKhM5ivsnhoKpQVxKPp+1j1qwg==}
     engines: {node: '>=6.0'}
@@ -5889,17 +6469,20 @@ packages:
   md5.js@1.3.5:
     resolution: {integrity: sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==}
 
+  md5@2.3.0:
+    resolution: {integrity: sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==}
+
   mdast-util-definitions@4.0.0:
     resolution: {integrity: sha512-k8AJ6aNnUkB7IE+5azR9h81O5EQ/cTDXtWdMq9Kk5KcEW/8ritU5CeLg/9HhOC++nALHBlaogJ5jz0Ybk3kPMQ==}
 
-  mdast-util-from-markdown@2.0.0:
-    resolution: {integrity: sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA==}
+  mdast-util-from-markdown@2.0.2:
+    resolution: {integrity: sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==}
 
   mdast-util-phrasing@4.1.0:
     resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
 
-  mdast-util-to-markdown@2.1.0:
-    resolution: {integrity: sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ==}
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
 
   mdast-util-to-string@1.1.0:
     resolution: {integrity: sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A==}
@@ -5917,6 +6500,13 @@ packages:
     resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
     engines: {node: '>= 0.6'}
 
+  memfs@4.17.0:
+    resolution: {integrity: sha512-4eirfZ7thblFmqFjywlTmuWVSvccHAJbn1r8qQLzmTO11qcqpohOjmY2mFce6x7x7WtskzRqApPD0hv+Oa74jg==}
+    engines: {node: '>= 4.0.0'}
+
+  memoize-one@6.0.0:
+    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
+
   memoizerific@1.11.3:
     resolution: {integrity: sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==}
 
@@ -5928,8 +6518,8 @@ packages:
     resolution: {integrity: sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  merge-descriptors@1.0.1:
-    resolution: {integrity: sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==}
+  merge-descriptors@1.0.3:
+    resolution: {integrity: sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==}
 
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
@@ -5948,71 +6538,75 @@ packages:
     resolution: {integrity: sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==}
     engines: {node: '>= 0.6'}
 
-  micromark-core-commonmark@2.0.0:
-    resolution: {integrity: sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA==}
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
 
-  micromark-factory-destination@2.0.0:
-    resolution: {integrity: sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA==}
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
 
-  micromark-factory-label@2.0.0:
-    resolution: {integrity: sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw==}
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
 
-  micromark-factory-space@2.0.0:
-    resolution: {integrity: sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==}
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
 
-  micromark-factory-title@2.0.0:
-    resolution: {integrity: sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A==}
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
 
-  micromark-factory-whitespace@2.0.0:
-    resolution: {integrity: sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA==}
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
 
-  micromark-util-character@2.1.0:
-    resolution: {integrity: sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ==}
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
 
-  micromark-util-chunked@2.0.0:
-    resolution: {integrity: sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg==}
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
 
-  micromark-util-classify-character@2.0.0:
-    resolution: {integrity: sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw==}
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
 
-  micromark-util-combine-extensions@2.0.0:
-    resolution: {integrity: sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ==}
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
 
-  micromark-util-decode-numeric-character-reference@2.0.1:
-    resolution: {integrity: sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ==}
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
 
-  micromark-util-decode-string@2.0.0:
-    resolution: {integrity: sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA==}
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
 
-  micromark-util-encode@2.0.0:
-    resolution: {integrity: sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==}
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
 
-  micromark-util-html-tag-name@2.0.0:
-    resolution: {integrity: sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw==}
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
 
-  micromark-util-normalize-identifier@2.0.0:
-    resolution: {integrity: sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w==}
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
 
-  micromark-util-resolve-all@2.0.0:
-    resolution: {integrity: sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA==}
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
 
-  micromark-util-sanitize-uri@2.0.0:
-    resolution: {integrity: sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==}
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
 
-  micromark-util-subtokenize@2.0.0:
-    resolution: {integrity: sha512-vc93L1t+gpR3p8jxeVdaYlbV2jTYteDje19rNSS/H5dlhxUYll5Fy6vJ2cDwP8RnsXi818yGty1ayP55y3W6fg==}
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
 
-  micromark-util-symbol@2.0.0:
-    resolution: {integrity: sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==}
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
 
-  micromark-util-types@2.0.0:
-    resolution: {integrity: sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==}
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
 
-  micromark@4.0.0:
-    resolution: {integrity: sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==}
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
 
-  micromatch@4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+  micromatch@3.1.10:
+    resolution: {integrity: sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==}
+    engines: {node: '>=0.10.0'}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
 
   miller-rabin@4.0.1:
@@ -6023,10 +6617,18 @@ packages:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
 
+  mime-db@1.54.0:
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
+
   mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
+  mime-types@3.0.1:
+    resolution: {integrity: sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==}
+    engines: {node: '>= 0.6'}
+
   mime@1.6.0:
     resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
     engines: {node: '>=4'}
@@ -6056,51 +6658,40 @@ packages:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
 
-  minecraft-assets@1.12.2:
-    resolution: {integrity: sha512-/eMxh3LNjCXOnU6KnQMjBM8dRnoJNpWIg7mD2m2RthraYiQK2FNzPWIKxWm2j3Ufcf5nzFXupgABledE86r4fQ==}
-
-  minecraft-data@3.65.0:
-    resolution: {integrity: sha512-9K8dOrdrcpUklTdqKBtRcKur0gLZnguTvhM/1Xv52qzh8Unkto4290RJc4ueRIYo1VqN4zzQrRxO8lnqtkERDQ==}
+  minecraft-data@3.98.0:
+    resolution: {integrity: sha512-JAPqJ/TZoxMUlAPPdWUh1v5wdqvYGFSZ4rW9bUtmaKBkGpomDSjw4V02ocBqbxKJvcTtmc5nM/LfN9/0DDqHrQ==}
 
   minecraft-folder-path@1.2.0:
     resolution: {integrity: sha512-qaUSbKWoOsH9brn0JQuBhxNAzTDMwrOXorwuRxdJKKKDYvZhtml+6GVCUrY5HRiEsieBEjCUnhVpDuQiKsiFaw==}
 
-  minecraft-inventory-gui@https://codeload.github.com/zardoy/minecraft-inventory-gui/tar.gz/c50afc54e39817f7e4d313ce0f6fdaad71e7e4f4:
-    resolution: {tarball: https://codeload.github.com/zardoy/minecraft-inventory-gui/tar.gz/c50afc54e39817f7e4d313ce0f6fdaad71e7e4f4}
+  minecraft-inventory-gui@https://codeload.github.com/zardoy/minecraft-inventory-gui/tar.gz/89c33d396f3fde4804c71f4be3c203ade1833b41:
+    resolution: {tarball: https://codeload.github.com/zardoy/minecraft-inventory-gui/tar.gz/89c33d396f3fde4804c71f4be3c203ade1833b41}
     version: 1.0.1
 
-  minecraft-protocol@https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/495eed56ab230b2615596590064671356d86a2dc:
-    resolution: {tarball: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/495eed56ab230b2615596590064671356d86a2dc}
-    version: 1.47.0
-    engines: {node: '>=14'}
+  minecraft-protocol@https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/bf89f7e86526c54d8c43f555d8f6dfa4948fd2d9:
+    resolution: {tarball: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/bf89f7e86526c54d8c43f555d8f6dfa4948fd2d9}
+    version: 1.62.0
+    engines: {node: '>=22'}
 
-  minecraft-protocol@https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/ccab9fb39681f3ebe0d264e2a3f833aa3c5a1ac7:
-    resolution: {tarball: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/ccab9fb39681f3ebe0d264e2a3f833aa3c5a1ac7}
-    version: 1.47.0
-    engines: {node: '>=14'}
-
-  minecraft-wrap@1.5.1:
-    resolution: {integrity: sha512-7DZ2WhrcRD3fUMau84l9Va0KWzV92SHNdB7mnNdNhgXID2aW6pjWuYPZi8MepEBemA4XKKdnDx7HmhTbkoiR8A==}
+  minecraft-wrap@1.6.0:
+    resolution: {integrity: sha512-A1GjIR72x9H9cEaxAQsXZe5uhw7CPgq1pGwYkdbPe6mQraePinmj/jRIuntXYWEKrYamwQFT3igIafA+PEG11w==}
     hasBin: true
 
-  minecrafthawkeye@1.3.6:
-    resolution: {integrity: sha512-SlRlorxQs6nNzMiiIQ5z47wzbAI27UaCdbRB82CE8jqj4C8m3Gqk5TlgN+PSThxx8EDPXySzd8Vk+/wNigAd5A==}
+  minecrafthawkeye@1.3.9:
+    resolution: {integrity: sha512-YIDHTvljQjsJH4cEcbF02/ehNRUrbzEiL/quQmdEU8ruv69R4bwHqmBB8O9FyhpQgNppmNTs3pK8h4J0/MYGpQ==}
 
-  mineflayer-item-map-downloader@https://codeload.github.com/zardoy/mineflayer-item-map-downloader/tar.gz/642fd4f7023a98a96da4caf8f993f8e19361a1e7:
-    resolution: {tarball: https://codeload.github.com/zardoy/mineflayer-item-map-downloader/tar.gz/642fd4f7023a98a96da4caf8f993f8e19361a1e7}
+  mineflayer-item-map-downloader@https://codeload.github.com/zardoy/mineflayer-item-map-downloader/tar.gz/a8d210ecdcf78dd082fa149a96e1612cc9747824:
+    resolution: {tarball: https://codeload.github.com/zardoy/mineflayer-item-map-downloader/tar.gz/a8d210ecdcf78dd082fa149a96e1612cc9747824}
     version: 1.2.0
 
-  mineflayer-pathfinder@2.4.4:
-    resolution: {integrity: sha512-HAXakZrJRb1UC+5dv8EaDrqjW3ZnBnBk3nkb6x/YWyhHCUKn/E7VU0FO+UN9whuqPlkSaVumEdXJdydE6lSYxQ==}
+  mineflayer-mouse@0.1.21:
+    resolution: {integrity: sha512-1XTVuw3twIrEcqQ1QRSB8NcStIUEZ+tbxiAG6rOrN/9M4thhtlS5PTJzFdmdrcYgWEBLvuOdJszaKE5zFfiXhg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  mineflayer@4.20.1:
-    resolution: {integrity: sha512-QMMNPx4IyZE7ydAzjvGLQLCnQNUOfkk1qVZKxTTS9q3qPTAewz4GhsVUBtbQ8LSbHthe5RcQ1Sgxs4wlIma/Qw==}
-    engines: {node: '>=18'}
-
-  mineflayer@https://codeload.github.com/zardoy/mineflayer/tar.gz/a4b1b4ba7f8c972cee9c0a16eb1191ff4d21fe23:
-    resolution: {tarball: https://codeload.github.com/zardoy/mineflayer/tar.gz/a4b1b4ba7f8c972cee9c0a16eb1191ff4d21fe23}
-    version: 4.20.1
-    engines: {node: '>=18'}
+  mineflayer@https://codeload.github.com/zardoy/mineflayer/tar.gz/dd3b1ff38506d6f72d90e8444186e4e75fe82659:
+    resolution: {tarball: https://codeload.github.com/zardoy/mineflayer/tar.gz/dd3b1ff38506d6f72d90e8444186e4e75fe82659}
+    version: 8.0.0
+    engines: {node: '>=22'}
 
   minimalistic-assert@1.0.1:
     resolution: {integrity: sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==}
@@ -6119,6 +6710,10 @@ packages:
     resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
   minimist-options@4.1.0:
     resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
     engines: {node: '>= 6'}
@@ -6154,14 +6749,18 @@ packages:
     resolution: {integrity: sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==}
     engines: {node: '>=8'}
 
-  minipass@7.0.3:
-    resolution: {integrity: sha512-LhbbwCfz3vsb12j/WkWQPZfKTsgqIe1Nf/ti1pKjYESGLHIVjWU96G9/ljLH4F9mWNVhlQOm0VySdAWzf05dpg==}
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
   minizlib@2.1.2:
     resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
     engines: {node: '>= 8'}
 
+  mixin-deep@1.3.2:
+    resolution: {integrity: sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==}
+    engines: {node: '>=0.10.0'}
+
   mkdirp-classic@0.5.3:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
 
@@ -6183,52 +6782,57 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  mlly@1.4.2:
-    resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
+  mlly@1.7.4:
+    resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
 
   mojangson@2.0.4:
     resolution: {integrity: sha512-HYmhgDjr1gzF7trGgvcC/huIg2L8FsVbi/KacRe6r1AswbboGVZDS47SOZlomPuMWvZLas8m9vuHHucdZMwTmQ==}
 
+  monaco-editor@0.52.2:
+    resolution: {integrity: sha512-GEQWEZmfkOGLdd3XK8ryrfWz3AIP8YymVXiPHEdewrUq7mh0qrKrfHLNCXcbB6sTnMLnOZ3ztSiKcciFUkIJwQ==}
+
   moo@0.5.2:
     resolution: {integrity: sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==}
 
-  mri@1.2.0:
-    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
-    engines: {node: '>=4'}
+  morgan@1.10.0:
+    resolution: {integrity: sha512-AbegBVI4sh6El+1gNwvD5YIck7nSA36weD7xvIxG4in80j/UoK8AEGaWnnz8v1GxonMCltmlNs5ZKbGvl9b1XQ==}
+    engines: {node: '>= 0.8.0'}
+
+  motion-dom@12.9.1:
+    resolution: {integrity: sha512-xqXEwRLDYDTzOgXobSoWtytRtGlf7zdkRfFbrrdP7eojaGQZ5Go4OOKtgnx7uF8sAkfr1ZjMvbCJSCIT2h6fkQ==}
+
+  motion-utils@12.8.3:
+    resolution: {integrity: sha512-GYVauZEbca8/zOhEiYOY9/uJeedYQld6co/GJFKOy//0c/4lDqk0zB549sBYqqV2iMuX+uHrY1E5zd8A2L+1Lw==}
 
   ms@2.0.0:
     resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
 
-  ms@2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
-  nan@2.18.0:
-    resolution: {integrity: sha512-W7tfG7vMOGtD30sHoZSSc/JVYiyDPEyQVso/Zz+/uQd0B0L46gtC+pHha5FFMRpil6fm/AoEcRWyOVi4+E/f8w==}
+  nan@2.22.2:
+    resolution: {integrity: sha512-DANghxFkS1plDdRsX0X9pm0Z6SJNN6gBdtXfanwoZ8hooC5gosGFSBGRYHUVPz1asKA/kMRqDRdHrluZ61SpBQ==}
 
-  nano-css@5.3.5:
-    resolution: {integrity: sha512-vSB9X12bbNu4ALBu7nigJgRViZ6ja3OU7CeuiV1zMIbXOdmkLahgtPmh3GBOlDxbKY0CitqlPdOReGlBLSp+yg==}
+  nano-css@5.6.2:
+    resolution: {integrity: sha512-+6bHaC8dSDGALM1HJjOHVXpuastdu2xFoZlC77Jh4cg+33Zcgm+Gxd+1xsnpZK14eyHObSp82+ll5y3SX75liw==}
     peerDependencies:
       react: ^18.2.0
       react-dom: '*'
 
-  nanoid@3.3.6:
-    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+  nanoid@3.3.9:
+    resolution: {integrity: sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  nanoid@3.3.7:
-    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
+  nanomatch@1.2.13:
+    resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
+    engines: {node: '>=0.10.0'}
 
-  napi-build-utils@1.0.2:
-    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
+  napi-build-utils@2.0.0:
+    resolution: {integrity: sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==}
 
   natural-compare-lite@1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
@@ -6244,14 +6848,15 @@ packages:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
 
+  negotiator@0.6.4:
+    resolution: {integrity: sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==}
+    engines: {node: '>= 0.6'}
+
   neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
 
-  nested-error-stacks@2.1.1:
-    resolution: {integrity: sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==}
-
-  net-browserify@https://codeload.github.com/zardoy/prismarinejs-net-browserify/tar.gz/99434199f25d3c6bbe15833bb78ec40b07c2df6f:
-    resolution: {tarball: https://codeload.github.com/zardoy/prismarinejs-net-browserify/tar.gz/99434199f25d3c6bbe15833bb78ec40b07c2df6f}
+  net-browserify@https://codeload.github.com/zardoy/prismarinejs-net-browserify/tar.gz/e754999ffdea67853bc9b10553b5e9908b40f618:
+    resolution: {tarball: https://codeload.github.com/zardoy/prismarinejs-net-browserify/tar.gz/e754999ffdea67853bc9b10553b5e9908b40f618}
     version: 0.2.4
 
   nice-try@1.0.5:
@@ -6260,8 +6865,8 @@ packages:
   no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
 
-  node-abi@3.47.0:
-    resolution: {integrity: sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==}
+  node-abi@3.74.0:
+    resolution: {integrity: sha512-c5XK0MjkGBrQPGYG24GBADZud0NCbznxNx0ZkS+ebUTrmV1qTDxPxSL8zEAPURXSbLRWVexxmP4986BziahL5w==}
     engines: {node: '>=10'}
 
   node-addon-api@5.1.0:
@@ -6274,8 +6879,8 @@ packages:
     resolution: {integrity: sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==}
     engines: {node: '>= 0.10.5'}
 
-  node-fetch-native@1.4.0:
-    resolution: {integrity: sha512-F5kfEj95kX8tkDhUCYdV8dg3/8Olx/94zB8+ZNthFs6Bz31UpUi8Xh40TN3thLwXgrwXry1pEg9lJ++tLWTcqA==}
+  node-fetch-native@1.6.6:
+    resolution: {integrity: sha512-8Mc2HhqPdlIfedsuZoc3yioPuzp6b+L5jRCRY1QzuWZh2EGJVQrGppC6V6cF0bLdbW0+O2YpqCA25aF/1lvipQ==}
 
   node-fetch@2.7.0:
     resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
@@ -6286,10 +6891,6 @@ packages:
       encoding:
         optional: true
 
-  node-gyp-build-optional-packages@5.1.1:
-    resolution: {integrity: sha512-+P72GAjVAbTxjjwUmwjVrqrdZROD4nf8KgpBoDxqXXTiYZZt/ud60dE5yvCSr9lRO8e8yv6kgJIC0K0PfZFVQw==}
-    hasBin: true
-
   node-gyp@9.4.1:
     resolution: {integrity: sha512-OQkWKbjQKbGkMf/xqI1jjy3oCTgMKJac58G2+bjZb3fza6gW2YrCSdMQYaoTb70crvE//Gngr4f0AgVHmqHvBQ==}
     engines: {node: ^12.13 || ^14.13 || >=16}
@@ -6298,14 +6899,14 @@ packages:
   node-gzip@1.1.2:
     resolution: {integrity: sha512-ZB6zWpfZHGtxZnPMrJSKHVPrRjURoUzaDbLFj3VO70mpLTW5np96vXyHwft4Id0o+PYIzgDkBUjIzaNHhQ8srw==}
 
-  node-html-parser@6.1.10:
-    resolution: {integrity: sha512-6/uWdWxjQWQ7tMcFK2wWlrflsQUzh1HsEzlIf2j5+TtzfhT2yUvg3DwZYAmjEHeR3uX74ko7exjHW69J0tOzIg==}
+  node-html-parser@6.1.13:
+    resolution: {integrity: sha512-qIsTMOY4C/dAa5Q5vsobRpOOvPfC4pB61UVW2uSwZNUp0QU/jCekTal1vMmbO0DgdHeLUJpv/ARmDqErVxA3Sg==}
 
   node-int64@0.4.0:
     resolution: {integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==}
 
-  node-releases@2.0.13:
-    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
+  node-releases@2.0.19:
+    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
 
   node-rsa@0.4.2:
     resolution: {integrity: sha512-Bvso6Zi9LY4otIZefYrscsUpo2mUpiAVIEmSZV2q41sP8tHZoert3Yu6zv4f/RXJqMNZQKCtnhDugIuCma23YA==}
@@ -6334,6 +6935,10 @@ packages:
     resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
     engines: {node: '>=10'}
 
+  normalize-path@2.1.1:
+    resolution: {integrity: sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==}
+    engines: {node: '>=0.10.0'}
+
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -6349,63 +6954,72 @@ packages:
 
   npmlog@5.0.1:
     resolution: {integrity: sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==}
+    deprecated: This package is no longer supported.
 
   npmlog@6.0.2:
     resolution: {integrity: sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    deprecated: This package is no longer supported.
 
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
+  nypm@0.5.4:
+    resolution: {integrity: sha512-X0SNNrZiGU8/e/zAB7sCTtdxWTMSIO73q+xuKgglm2Yvzwlo8UoC5FNySQFCvl84uPaeADkqHUZUkWy4aH4xOA==}
+    engines: {node: ^14.16.0 || >=16.10.0}
+    hasBin: true
+
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
 
-  object-inspect@1.12.3:
-    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
+  object-copy@0.1.0:
+    resolution: {integrity: sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==}
+    engines: {node: '>=0.10.0'}
 
-  object-inspect@1.13.1:
-    resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
 
-  object-is@1.1.5:
-    resolution: {integrity: sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==}
+  object-is@1.1.6:
+    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
     engines: {node: '>= 0.4'}
 
   object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
 
-  object.assign@4.1.4:
-    resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
+  object-visit@1.0.1:
+    resolution: {integrity: sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==}
+    engines: {node: '>=0.10.0'}
+
+  object.assign@4.1.7:
+    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
 
-  object.assign@4.1.5:
-    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
-    engines: {node: '>= 0.4'}
-
-  object.entries@1.1.8:
-    resolution: {integrity: sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==}
+  object.entries@1.1.9:
+    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
     engines: {node: '>= 0.4'}
 
   object.fromentries@2.0.8:
     resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
     engines: {node: '>= 0.4'}
 
-  object.hasown@1.1.4:
-    resolution: {integrity: sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==}
-    engines: {node: '>= 0.4'}
+  object.pick@1.3.0:
+    resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
+    engines: {node: '>=0.10.0'}
 
-  object.values@1.1.7:
-    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
-    engines: {node: '>= 0.4'}
-
-  object.values@1.2.0:
-    resolution: {integrity: sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==}
+  object.values@1.2.1:
+    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
   omggif@1.0.10:
     resolution: {integrity: sha512-LMJTtvgc/nugXj0Vcrrs68Mn2D1r0zf630VNtqtpI1FEO7e+O9FP4gqs9AcnBaSEeoHIPm28u6qgPR0oyEpGSw==}
 
+  on-finished@2.3.0:
+    resolution: {integrity: sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==}
+    engines: {node: '>= 0.8'}
+
   on-finished@2.4.1:
     resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
     engines: {node: '>= 0.8'}
@@ -6429,8 +7043,13 @@ packages:
     resolution: {integrity: sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==}
     hasBin: true
 
-  optionator@0.9.3:
-    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
+  opn@6.0.0:
+    resolution: {integrity: sha512-I9PKfIZC+e4RXZ/qr1RhgyCnGgYX0UEIlXgWnCOVACIvFgaC9rz6Won7xbdhoHrd8IIhV7YEpHjreNUNkqCGkQ==}
+    engines: {node: '>=8'}
+    deprecated: The package has been renamed to `open`
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
 
   ora@5.4.1:
@@ -6446,6 +7065,10 @@ packages:
   ospath@1.2.2:
     resolution: {integrity: sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==}
 
+  own-keys@1.0.1:
+    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
+    engines: {node: '>= 0.4'}
+
   p-limit@2.3.0:
     resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
     engines: {node: '>=6'}
@@ -6478,12 +7101,18 @@ packages:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
 
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
   pako@0.2.9:
     resolution: {integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==}
 
   pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
 
+  pako@2.1.0:
+    resolution: {integrity: sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==}
+
   param-case@3.0.4:
     resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
 
@@ -6491,8 +7120,9 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
-  parse-asn1@5.1.6:
-    resolution: {integrity: sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==}
+  parse-asn1@5.1.7:
+    resolution: {integrity: sha512-CTM5kuWR3sx9IFamcl5ErfPl6ea/N8IYwiJ+vpeB2g+1iknv7zBl5uPwbMbRVznRVbrNY6lGuDoE5b30grmbqg==}
+    engines: {node: '>= 0.10'}
 
   parse-bmfont-ascii@1.0.6:
     resolution: {integrity: sha512-U4RrVsUFCleIOBsIGYOMKjn9PavsGOXxbvYGtMOEfnId0SVNsgehXh1DxUdVPLoxd5mvcEtvmKs2Mmf0Mpa1ZA==}
@@ -6500,11 +7130,8 @@ packages:
   parse-bmfont-binary@1.0.6:
     resolution: {integrity: sha512-GxmsRea0wdGdYthjuUeWTMWPqm2+FAd4GI8vCvhgJsFnoGhTrLhXDDupwTo7rXVAgaLIGoVHDZS9p/5XbSqeWA==}
 
-  parse-bmfont-xml@1.1.4:
-    resolution: {integrity: sha512-bjnliEOmGv3y1aMEfREMBJ9tfL3WR0i0CKPj61DnSLaoxWR3nLrsQrEbCId/8rF4NyRF0cCqisSVXyQYWM+mCQ==}
-
-  parse-color@1.0.0:
-    resolution: {integrity: sha512-fuDHYgFHJGbpGMgw9skY/bj3HL/Jrn4l/5rSspy00DoT4RyLnDcRvPxdZ+r6OFwIsgAuhDh4I09tAId4mI12bw==}
+  parse-bmfont-xml@1.1.6:
+    resolution: {integrity: sha512-0cEliVMZEhrFDwMh4SxIyVJpqYoOWDJ9P895tFuS+XuNzI5UBmBk5U5O4KuJdTnZpSBI4LFA2+ZiJaiwfSwlMA==}
 
   parse-headers@2.0.5:
     resolution: {integrity: sha512-ft3iAoLOB/MlwbNXgzy43SWGP6sQki2jQvAyBg/zDFAgr9bfNWZIUj42Kw2eJIl8kEi4PbgE6U1Zau/HwI75HA==}
@@ -6530,12 +7157,19 @@ packages:
   pascal-case@3.1.2:
     resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
 
+  pascalcase@0.1.1:
+    resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
+    engines: {node: '>=0.10.0'}
+
   path-browserify@1.0.1:
     resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
 
   path-case@3.0.4:
     resolution: {integrity: sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==}
 
+  path-dirname@1.0.2:
+    resolution: {integrity: sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==}
+
   path-exists-cli@2.0.0:
     resolution: {integrity: sha512-qGr0A87KYCznmvabblxyxnzA/MtPZ28wH+4SCMP4tjTFAbzqwvs5xpUZExAYzq5OgHe5vIswzdH5iosCb8YF/Q==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -6568,12 +7202,12 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
-  path-scurry@1.10.1:
-    resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==}
-    engines: {node: '>=16 || 14 >=14.17'}
+  path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
 
-  path-to-regexp@0.1.7:
-    resolution: {integrity: sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==}
+  path-to-regexp@0.1.12:
+    resolution: {integrity: sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==}
 
   path-type@3.0.0:
     resolution: {integrity: sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==}
@@ -6583,12 +7217,18 @@ packages:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
 
-  pathe@1.1.1:
-    resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==}
+  pathe@1.1.2:
+    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
   pathval@1.1.1:
     resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
 
+  pause-stream@0.0.11:
+    resolution: {integrity: sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==}
+
   pbkdf2@3.1.2:
     resolution: {integrity: sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==}
     engines: {node: '>=0.12'}
@@ -6596,12 +7236,12 @@ packages:
   peek-stream@1.1.3:
     resolution: {integrity: sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==}
 
-  peerjs-js-binarypack@2.0.0:
-    resolution: {integrity: sha512-wu+L0Qeg4IH2DXm3B6xKP5ODeCIovwEEO/Fu3MVqApPQeVLzSdZpFzQzPobh+sdhUWMQGEO7YxHeiwpPngLjqQ==}
+  peerjs-js-binarypack@2.1.0:
+    resolution: {integrity: sha512-YIwCC+pTzp3Bi8jPI9UFKO0t0SLo6xALnHkiNt/iUFmUUZG0fEEmEyFKvjsDKweiFitzHRyhuh6NvyJZ4nNxMg==}
     engines: {node: '>= 14.0.0'}
 
-  peerjs@1.5.0:
-    resolution: {integrity: sha512-NLZ73jRNE4aLq2pmVTiSkWmwf6cvt9cH72qJHnzaLH+I2CtoWVvY42U9/O0/tYE6UYwRYJ1ktKRs2DdZ1Jrgcg==}
+  peerjs@1.5.4:
+    resolution: {integrity: sha512-yFsoLMnurJKlQbx6kVSBpOp+AlNldY1JQS2BrSsHLKCZnq6t7saHleuHM5svuLNbQkUJXHLF3sKOJB1K0xulOw==}
     engines: {node: '>= 14'}
 
   pend@1.2.0:
@@ -6612,14 +7252,23 @@ packages:
 
   phin@2.9.3:
     resolution: {integrity: sha512-CzFr90qM24ju5f88quFC/6qohjC144rehe5n6DH900lgXmUe86+xCKc10ev56gRKC4/BkHUoG4uSiQgBiIXwDA==}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
 
-  picocolors@1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+  phin@3.7.1:
+    resolution: {integrity: sha512-GEazpTWwTZaEQ9RhL7Nyz0WwqilbqgLahDM3D0hxWwmVDI52nXEybHqiN6/elwpkJBhcuj+WbBu+QfT0uhPGfQ==}
+    engines: {node: '>= 8'}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
   picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
+  picomatch@4.0.2:
+    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
+    engines: {node: '>=12'}
+
   pidtree@0.3.1:
     resolution: {integrity: sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==}
     engines: {node: '>=0.10'}
@@ -6641,6 +7290,9 @@ packages:
     resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
     engines: {node: '>= 6'}
 
+  pixelarticons@1.8.1:
+    resolution: {integrity: sha512-4taoDCleft9RtzVHLA73VDnRBwJNqlwbW8ShO6S0G9b+bM5ArGe1MVFW9xpromuPvQgVUYCSjRxNAQuNtADqyA==}
+
   pixelmatch@4.0.2:
     resolution: {integrity: sha512-J8B6xqiO37sU/gkcMglv6h5Jbd9xNER7aHzpfRdNmV4IbQBzBpe4l9XmbG+xPF/znacgu2jfEw+wHffaq/YkXA==}
     hasBin: true
@@ -6657,8 +7309,8 @@ packages:
     resolution: {integrity: sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==}
     engines: {node: '>=10'}
 
-  pkg-types@1.0.3:
-    resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
   pluralize@8.0.0:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
@@ -6668,34 +7320,34 @@ packages:
     resolution: {integrity: sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==}
     engines: {node: '>=4.0.0'}
 
-  polished@4.2.2:
-    resolution: {integrity: sha512-Sz2Lkdxz6F2Pgnpi9U5Ng/WdWAUZxmHrNPoVlm3aAemxoy2Qy7LGjQg4uf8qKelDAUW94F4np3iH2YPf2qefcQ==}
+  polished@4.3.1:
+    resolution: {integrity: sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==}
     engines: {node: '>=10'}
 
   poly-decomp@0.3.0:
     resolution: {integrity: sha512-hWeBxGzPYiybmI4548Fca7Up/0k1qS5+79cVHI9+H33dKya5YNb9hxl0ZnDaDgvrZSuYFBhkCK/HOnqN7gefkQ==}
 
-  portfinder@1.0.32:
-    resolution: {integrity: sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==}
+  portfinder@1.0.33:
+    resolution: {integrity: sha512-+2jndHT63cL5MdQOwDm9OT2dIe11zVpjV+0GGRXdtO1wpPxv260NfVqoEXtYAi/shanmm3W4+yLduIe55ektTw==}
     engines: {node: '>= 0.12.0'}
 
-  possible-typed-array-names@1.0.0:
-    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+  posix-character-classes@0.1.1:
+    resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
+    engines: {node: '>=0.10.0'}
+
+  possible-typed-array-names@1.1.0:
+    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
 
-  postcss@8.4.31:
-    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  postcss@8.4.38:
-    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+  postcss@8.5.3:
+    resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
   potpack@1.0.2:
     resolution: {integrity: sha512-choctRBIV9EMT9WGAZHn3V7t0Z2pMQyl0EZE6pFc/6ml3ssw7Dlf/oAOvFwjm1HVsqfQN8GfeFyJ+d8tRzqueQ==}
 
-  prebuild-install@7.1.1:
-    resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
+  prebuild-install@7.1.3:
+    resolution: {integrity: sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -6729,44 +7381,42 @@ packages:
     resolution: {integrity: sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==}
     engines: {node: '>= 0.8'}
 
-  prismarine-auth@2.4.2:
-    resolution: {integrity: sha512-Cq4woGobnFYYfMBDh1WITW+Vs98toN91qAFBvBitwV7IwJaiSAh2Nl+WPUEGeg5eLBoSPpSyCVT8P2oi7Cav8g==}
+  prismarine-auth@2.7.0:
+    resolution: {integrity: sha512-L8wTF6sdtnN6hViPNy+Nx39a8iQBwR5iO92AWCiym5cSXp/92pmnuwnTdcmNDWyqq6zY4hbibVGYhgLA1Ox8sQ==}
 
   prismarine-biome@1.3.0:
     resolution: {integrity: sha512-GY6nZxq93mTErT7jD7jt8YS1aPrOakbJHh39seYsJFXvueIOdHAmW16kYQVrTVMW5MlWLQVxV/EquRwOgr4MnQ==}
     peerDependencies:
-      minecraft-data: 3.65.0
+      minecraft-data: 3.98.0
       prismarine-registry: ^1.1.0
 
-  prismarine-block@https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8:
-    resolution: {tarball: https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8}
-    version: 1.17.1
+  prismarine-block@https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9:
+    resolution: {tarball: https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9}
+    version: 1.21.0
 
-  prismarine-chat@1.10.1:
-    resolution: {integrity: sha512-XukYcuueuhDxzEXG7r8BZyt6jOObrPPB4JESCgb+/XenB9nExoSHF8eTQWWj8faKPLqm1dRQaYwFJlNBlJZJUw==}
+  prismarine-chat@1.11.0:
+    resolution: {integrity: sha512-VJT/MWYB3qoiznUhrgvSQh76YFpzpCZpY85kJKxHLbd3UVoM0wsfs43Eg8dOltiZG92wc5/DTMLlT07TEeoa9w==}
 
-  prismarine-chunk@https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/9662306deea57d8d0ba0a2a3f3f7adb95f0131e3:
-    resolution: {tarball: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/9662306deea57d8d0ba0a2a3f3f7adb95f0131e3}
-    version: 1.35.0
+  prismarine-chunk@https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/c5feac83b61d95feb4d4f22c063dacfb8c192a9f:
+    resolution: {tarball: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/c5feac83b61d95feb4d4f22c063dacfb8c192a9f}
+    version: 1.38.1
     engines: {node: '>=14'}
 
-  prismarine-entity@2.3.1:
-    resolution: {integrity: sha512-HOv8l7IetHNf4hwZ7V/W4vM3GNl+e6VCtKDkH9h02TRq7jWngsggKtJV+VanCce/sNwtJUhJDjORGs728ep4MA==}
+  prismarine-entity@2.5.0:
+    resolution: {integrity: sha512-nRPCawUwf9r3iKqi4I7mZRlir1Ix+DffWYdWq6p/KNnmiXve+xHE5zv8XCdhZlUmOshugHv5ONl9o6ORAkCNIA==}
 
-  prismarine-item@1.14.0:
-    resolution: {integrity: sha512-udQHYGJ05klFe8Kkc0TOmwoXj5Xl1ZPgHVoMbGUAFB9exN4TFxEa1A39vkSYhxP5Et9PNufQQvFBFVom0nXikA==}
+  prismarine-item@1.17.0:
+    resolution: {integrity: sha512-wN1OjP+f+Uvtjo3KzeCkVSy96CqZ8yG7cvuvlGwcYupQ6ct7LtNkubHp0AHuLMJ0vbbfAC0oZ2bWOgI1DYp8WA==}
 
-  prismarine-nbt@2.2.1:
-    resolution: {integrity: sha512-Mb50c58CPnuZ+qvM31DBa08tf9UumlTq1LkvpMoUpKfCuN05GZHTqCUwER3lxTSHLL0GZKghIPbYR/JQkINijQ==}
+  prismarine-nbt@2.7.0:
+    resolution: {integrity: sha512-Du9OLQAcCj3y29YtewOJbbV4ARaSUEJiTguw0PPQbPBy83f+eCyDRkyBpnXTi/KPyEpgYCzsjGzElevLpFoYGQ==}
 
-  prismarine-nbt@2.5.0:
-    resolution: {integrity: sha512-F0/8UAa9SDDnAGrBYqZc4nG8h2zj5cE2eAJU5xlDR/IsQQ3moVxkOjE3h3nMv6SbvZrvAcgX7waA/nd9LLHYdA==}
+  prismarine-physics@https://codeload.github.com/zardoy/prismarine-physics/tar.gz/353e25b800149393f40539ec381218be44cbb03b:
+    resolution: {tarball: https://codeload.github.com/zardoy/prismarine-physics/tar.gz/353e25b800149393f40539ec381218be44cbb03b}
+    version: 1.9.0
 
-  prismarine-physics@1.8.0:
-    resolution: {integrity: sha512-gbM+S+bmVtOKVv+Z0WGaHMeEeBHISIDsRDRlv8sr0dex3ZJRhuq8djA02CBreguXtI18ZKh6q3TSj2qDr45NHA==}
-
-  prismarine-provider-anvil@https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/0228b5252f48a0d6ad7f36d7189851c427fbe8c4:
-    resolution: {tarball: https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/0228b5252f48a0d6ad7f36d7189851c427fbe8c4}
+  prismarine-provider-anvil@https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/1d548fac63fe977c8281f0a9a522b37e4d92d0b7:
+    resolution: {tarball: https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/1d548fac63fe977c8281f0a9a522b37e4d92d0b7}
     version: 2.8.0
 
   prismarine-realms@1.3.2:
@@ -6777,8 +7427,8 @@ packages:
     peerDependencies:
       prismarine-registry: ^1.4.0
 
-  prismarine-registry@1.7.0:
-    resolution: {integrity: sha512-yyva0FpWI078nNeMhx8ekVza5uUTYhEv+C+ADu3wUQXiG8qhXkvrf0uzsnhTgZL8BLdsi2axgCEiKw9qSKIuxQ==}
+  prismarine-registry@1.11.0:
+    resolution: {integrity: sha512-uTvWE+bILxYv4i5MrrlxPQ0KYWINv1DJ3P2570GLC8uCdByDiDLBFfVyk4BrqOZBlDBft9CnaJMeOsC1Ly1iXw==}
 
   prismarine-schematic@1.2.3:
     resolution: {integrity: sha512-Mwpn43vEHhm3aw3cPhJjWqztkW+nX+QLajDHlTask8lEOTGl1WmpvFja4iwiws4GIvaC8x0Foptf4uvDsnjrAg==}
@@ -6786,8 +7436,8 @@ packages:
   prismarine-windows@2.9.0:
     resolution: {integrity: sha512-fm4kOLjGFPov7TEJRmXHoiPabxIQrG36r2mDjlNxfkcLfMHFb3/1ML6mp4iRQa7wL0GK4DIAyiBqCWoeWDxARg==}
 
-  prismarine-world@https://codeload.github.com/zardoy/prismarine-world/tar.gz/187a87f6d71cba12881a7bbaa510ed9085bf6da7:
-    resolution: {tarball: https://codeload.github.com/zardoy/prismarine-world/tar.gz/187a87f6d71cba12881a7bbaa510ed9085bf6da7}
+  prismarine-world@https://codeload.github.com/zardoy/prismarine-world/tar.gz/ab2146c9933eef3247c3f64446de4ccc2c484c7c:
+    resolution: {tarball: https://codeload.github.com/zardoy/prismarine-world/tar.gz/ab2146c9933eef3247c3f64446de4ccc2c484c7c}
     version: 3.6.3
     engines: {node: '>=8.0.0'}
 
@@ -6830,20 +7480,20 @@ packages:
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
-  prosemirror-commands@1.5.2:
-    resolution: {integrity: sha512-hgLcPaakxH8tu6YvVAaILV2tXYsW3rAdDR8WNkeKGcgeMVQg3/TMhPdVoh7iAmfgVjZGtcOSjKiQaoeKjzd2mQ==}
+  prosemirror-commands@1.7.0:
+    resolution: {integrity: sha512-6toodS4R/Aah5pdsrIwnTYPEjW70SlO5a66oo5Kk+CIrgJz3ukOoS+FYDGqvQlAX5PxoGWDX1oD++tn5X3pyRA==}
 
   prosemirror-dropcursor@1.8.1:
     resolution: {integrity: sha512-M30WJdJZLyXHi3N8vxN6Zh5O8ZBbQCz0gURTfPmTIBNQ5pxrdU7A58QkNqfa98YEjSAL1HUyyU34f6Pm5xBSGw==}
 
-  prosemirror-example-setup@1.2.2:
-    resolution: {integrity: sha512-pHJc656IgYm249RNp0eQaWNmnyWGk6OrzysWfYI4+NwE14HQ7YNYOlRBLErUS6uCAHIYJLNXf0/XCmf1OCtNbQ==}
+  prosemirror-example-setup@1.2.3:
+    resolution: {integrity: sha512-+hXZi8+xbFvYM465zZH3rdZ9w7EguVKmUYwYLZjIJIjPK+I0nPTwn8j0ByW2avchVczRwZmOJGNvehblyIerSQ==}
 
   prosemirror-gapcursor@1.3.2:
     resolution: {integrity: sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==}
 
-  prosemirror-history@1.3.2:
-    resolution: {integrity: sha512-/zm0XoU/N/+u7i5zepjmZAEnpvjDtzoPWW6VmKptcAnPadN/SStsBjMImdCEbb3seiNTpveziPTIrXQbHLtU1g==}
+  prosemirror-history@1.4.1:
+    resolution: {integrity: sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==}
 
   prosemirror-inputrules@1.4.0:
     resolution: {integrity: sha512-6ygpPRuTJ2lcOXs9JkefieMst63wVJBgHZGl5QOytN7oSZs3Co/BYbc3Yx9zm9H37Bxw8kVzCnDsihsVsL4yEg==}
@@ -6851,33 +7501,33 @@ packages:
   prosemirror-keymap@1.2.2:
     resolution: {integrity: sha512-EAlXoksqC6Vbocqc0GtzCruZEzYgrn+iiGnNjsJsH4mrnIGex4qbLdWWNza3AW5W36ZRrlBID0eM6bdKH4OStQ==}
 
-  prosemirror-markdown@1.12.0:
-    resolution: {integrity: sha512-6F5HS8Z0HDYiS2VQDZzfZP6A0s/I0gbkJy8NCzzDMtcsz3qrfqyroMMeoSjAmOhDITyon11NbXSzztfKi+frSQ==}
+  prosemirror-markdown@1.13.1:
+    resolution: {integrity: sha512-Sl+oMfMtAjWtlcZoj/5L/Q39MpEnVZ840Xo330WJWUvgyhNmLBLN7MsHn07s53nG/KImevWHSE6fEj4q/GihHw==}
 
   prosemirror-menu@1.2.4:
     resolution: {integrity: sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==}
 
-  prosemirror-model@1.19.4:
-    resolution: {integrity: sha512-RPmVXxUfOhyFdayHawjuZCxiROsm9L4FCUA6pWI+l7n2yCBsWy9VpdE1hpDHUS8Vad661YLY9AzqfjLhAKQ4iQ==}
+  prosemirror-model@1.24.1:
+    resolution: {integrity: sha512-YM053N+vTThzlWJ/AtPtF1j0ebO36nvbmDy4U7qA2XQB8JVaQp1FmB9Jhrps8s+z+uxhhVTny4m20ptUvhk0Mg==}
 
-  prosemirror-schema-list@1.3.0:
-    resolution: {integrity: sha512-Hz/7gM4skaaYfRPNgr421CU4GSwotmEwBVvJh5ltGiffUJwm7C8GfN/Bc6DR1EKEp5pDKhODmdXXyi9uIsZl5A==}
+  prosemirror-schema-list@1.5.1:
+    resolution: {integrity: sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==}
 
   prosemirror-state@1.4.3:
     resolution: {integrity: sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==}
 
-  prosemirror-transform@1.8.0:
-    resolution: {integrity: sha512-BaSBsIMv52F1BVVMvOmp1yzD3u65uC3HTzCBQV1WDPqJRQ2LuHKcyfn0jwqodo8sR9vVzMzZyI+Dal5W9E6a9A==}
+  prosemirror-transform@1.10.3:
+    resolution: {integrity: sha512-Nhh/+1kZGRINbEHmVu39oynhcap4hWTs/BlU7NnxWj3+l0qi8I1mu67v6mMdEe/ltD8hHvU4FV6PHiCw2VSpMw==}
 
-  prosemirror-view@1.33.1:
-    resolution: {integrity: sha512-62qkYgSJIkwIMMCpuGuPzc52DiK1Iod6TWoIMxP4ja6BTD4yO8kCUL64PZ/WhH/dJ9fW0CDO39FhH1EMyhUFEg==}
+  prosemirror-view@1.38.1:
+    resolution: {integrity: sha512-4FH/uM1A4PNyrxXbD+RAbAsf0d/mM0D/wAKSVVWK7o0A9Q/oOXJBrw786mBf2Vnrs/Edly6dH6Z2gsb7zWwaUw==}
 
-  protodef-validator@1.3.1:
-    resolution: {integrity: sha512-lZ5FWKZYR9xOjpMw1+EfZRfCjzNRQWPq+Dk+jki47Sikl2EeWEPnTfnJERwnU/EwFq6us+0zqHHzSsmLeYX+Lg==}
+  protodef-validator@1.4.0:
+    resolution: {integrity: sha512-2y2coBolqCEuk5Kc3QwO7ThR+/7TZiOit4FrpAgl+vFMvq8w76nDhh09z08e2NQOdrgPLsN2yzXsvRvtADgUZQ==}
     hasBin: true
 
-  protodef@1.15.0:
-    resolution: {integrity: sha512-bZ2Omw8dT+DACjJHLrBWZlqN4MlT9g9oSpJDdkUAJOStUzgJp+Zn42FJfPUdwutUxjaxA0PftN0PDlNa2XbneA==}
+  protodef@1.18.0:
+    resolution: {integrity: sha512-jO64lkzkh0dYc0AVWCU/GzCKwqhFFIz1kfEz0NBf0RUuRNcmvgKbopabJdfZ6W8NvALdySUXgEhvKDZPhdBwrg==}
     engines: {node: '>=14'}
 
   proxy-addr@2.0.7:
@@ -6887,14 +7537,21 @@ packages:
   proxy-compare@2.5.1:
     resolution: {integrity: sha512-oyfc0Tx87Cpwva5ZXezSp5V9vht1c7dZBhvuV/y3ctkgMVUmiAGDVeeB0dKhGSyT0v1ZTEQYpe/RXlBVBNuCLA==}
 
+  proxy-compare@2.6.0:
+    resolution: {integrity: sha512-8xuCeM3l8yqdmbPoYeLbrAXCBWu19XEYc5/F28f5qOaoAIMyfmBUkl5axiK+x9olUvRlcekvnm98AP9RDngOIw==}
+
   proxy-from-env@1.0.0:
     resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
 
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
-  psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
+  proxy-middleware@0.15.0:
+    resolution: {integrity: sha512-EGCG8SeoIRVMhsqHQUdDigB2i7qU7fCsWASwn54+nPutYO8n4q6EiwMzyfWlC+dzRFExP+kvcnDFdBDHoZBU7Q==}
+    engines: {node: '>=0.8.0'}
+
+  psl@1.15.0:
+    resolution: {integrity: sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==}
 
   public-encrypt@4.0.3:
     resolution: {integrity: sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==}
@@ -6902,8 +7559,8 @@ packages:
   pump@2.0.1:
     resolution: {integrity: sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==}
 
-  pump@3.0.0:
-    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
+  pump@3.0.2:
+    resolution: {integrity: sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==}
 
   pumpify@1.5.1:
     resolution: {integrity: sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==}
@@ -6912,9 +7569,8 @@ packages:
     resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
     engines: {node: '>=6'}
 
-  punycode@2.3.0:
-    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
-    engines: {node: '>=6'}
+  punycode@1.4.1:
+    resolution: {integrity: sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==}
 
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
@@ -6924,8 +7580,8 @@ packages:
     resolution: {integrity: sha512-n13AWriBMPYxnpbb6bnaY5YoY6rGj8vPLrz6CZF3o0qJNEwlcfJVxBzYZ0NJsQ21UbdJoijPCDrM++SUVEz7+w==}
     engines: {node: '>=8.16.0'}
 
-  qrcode.react@3.1.0:
-    resolution: {integrity: sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==}
+  qrcode.react@3.2.0:
+    resolution: {integrity: sha512-YietHHltOHA4+l5na1srdaMx4sVSOjV9tamHs+mwiLWAMr6QVACRUw1Neax5CptFILcNoITctJY0Ipyn5enQ8g==}
     peerDependencies:
       react: ^18.2.0
 
@@ -6933,14 +7589,18 @@ packages:
     resolution: {integrity: sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==}
     engines: {node: '>=0.6'}
 
-  qs@6.11.0:
-    resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==}
+  qs@6.13.0:
+    resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
     engines: {node: '>=0.6'}
 
-  qs@6.11.2:
-    resolution: {integrity: sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==}
+  qs@6.14.0:
+    resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
     engines: {node: '>=0.6'}
 
+  querystring-es3@0.2.1:
+    resolution: {integrity: sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==}
+    engines: {node: '>=0.4.x'}
+
   querystringify@2.2.0:
     resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
 
@@ -6960,8 +7620,8 @@ packages:
   rambda@6.9.0:
     resolution: {integrity: sha512-yosVdGg1hNGkXPzqGiOYNEpXKjEOxzUCg2rB0l+NKdyCaSf4z+i5ojbN0IqDSezMMf71YEglI+ZUTgTffn5afw==}
 
-  rambda@9.2.0:
-    resolution: {integrity: sha512-RjM8TBNPR+iSvWLqbBpFveDfEf2RPRKHuwBHjQdXsYFDwn3MIvgmJiqVVC1CIQKnOwzeDQd44zqDFgSKQ7RT1Q==}
+  rambda@9.4.2:
+    resolution: {integrity: sha512-++euMfxnl7OgaEKwXh9QqThOjMeta2HH001N1v4mYQzBjJBnmXBh2BCK6dZAbICFVXOFUVD3xFG0R3ZPU0mxXw==}
 
   ramda@0.29.0:
     resolution: {integrity: sha512-BBea6L67bYLtdbOqfp8f58fPMqEwx0doL+pAi8TZyp2YWz8R9G8z9x75CZI8W+ftqhFHCpEX2cRnUUXK130iKA==}
@@ -6987,10 +7647,7 @@ packages:
   range@0.0.3:
     resolution: {integrity: sha512-OxK2nY2bmeEB4NxoBraQIBOOeOIxoBvm6yt8MA1kLappgkG3SyLf173iOtT5woWycrtESDD2g0Nl2yt8YPoUnw==}
     engines: {node: '>=0.8'}
-
-  raw-body@2.5.1:
-    resolution: {integrity: sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==}
-    engines: {node: '>= 0.8'}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
 
   raw-body@2.5.2:
     resolution: {integrity: sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==}
@@ -7014,13 +7671,12 @@ packages:
     peerDependencies:
       typescript: '>= 4.3.x'
 
-  react-docgen@6.0.0-alpha.3:
-    resolution: {integrity: sha512-DDLvB5EV9As1/zoUsct6Iz2Cupw9FObEGD3DMcIs3EDFIoSKyz8FZtoWj3Wj+oodrU4/NfidN0BL5yrapIcTSA==}
-    engines: {node: '>=12.0.0'}
-    hasBin: true
+  react-docgen@7.1.1:
+    resolution: {integrity: sha512-hlSJDQ2synMPKFZOsKo9Hi8WWZTC7POR8EmWvTSjow+VDgKzkmjQvFm2fk0tmRw+f0vTOIYKlarR0iL4996pdg==}
+    engines: {node: '>=16.14.0'}
 
-  react-dom@18.2.0:
-    resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
+  react-dom@18.3.1:
+    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
     peerDependencies:
       react: ^18.2.0
 
@@ -7033,8 +7689,9 @@ packages:
   react-fast-compare@3.2.2:
     resolution: {integrity: sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==}
 
-  react-inspector@6.0.2:
-    resolution: {integrity: sha512-x+b7LxhmHXjHoU/VrFAzw5iutsILRoYyDq97EDYdFpPLcvqtEzk4ZSZSQjnFPbr5T57tLXnHcqFYoN1pI6u8uQ==}
+  react-hook-form@7.54.2:
+    resolution: {integrity: sha512-eHpAUgUjWbZocoQYUHposymRb4ZP6d0uwUnooL2uOybA9/3tPUvoAKqEWK1WaSiTxxOfTpffNZP7QwlnM3/gEg==}
+    engines: {node: '>=18.0.0'}
     peerDependencies:
       react: ^18.2.0
 
@@ -7044,8 +7701,8 @@ packages:
   react-is@18.1.0:
     resolution: {integrity: sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==}
 
-  react-is@18.2.0:
-    resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
+  react-is@18.3.1:
+    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
 
   react-popper@2.3.0:
     resolution: {integrity: sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==}
@@ -7060,15 +7717,19 @@ packages:
       react: ^18.2.0
       react-dom: ^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0
 
-  react-refresh@0.14.0:
-    resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
+  react-refresh@0.14.2:
+    resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==}
     engines: {node: '>=0.10.0'}
 
-  react-remove-scroll-bar@2.3.4:
-    resolution: {integrity: sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==}
+  react-refresh@0.17.0:
+    resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
+    engines: {node: '>=0.10.0'}
+
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@types/react': '*'
       react: ^18.2.0
     peerDependenciesMeta:
       '@types/react':
@@ -7084,11 +7745,17 @@ packages:
       '@types/react':
         optional: true
 
-  react-style-singleton@2.2.1:
-    resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
+  react-select@5.10.1:
+    resolution: {integrity: sha512-roPEZUL4aRZDx6DcsD+ZNreVl+fM8VsKn0Wtex1v4IazH60ILp5xhdlp464IsEAlJdXeD+BhDAFsBVMfvLQueA==}
+    peerDependencies:
+      react: ^18.2.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@types/react': '*'
       react: ^18.2.0
     peerDependenciesMeta:
       '@types/react':
@@ -7118,8 +7785,15 @@ packages:
       react: ^18.2.0
       react-dom: ^16.8.0  || ^17.0.0
 
-  react@18.2.0:
-    resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
+  react-zoom-pan-pinch@3.4.4:
+    resolution: {integrity: sha512-lGTu7D9lQpYEQ6sH+NSlLA7gicgKRW8j+D/4HO1AbSV2POvKRFzdWQ8eI0r3xmOsl4dYQcY+teV6MhULeg1xBw==}
+    engines: {node: '>=8', npm: '>=5'}
+    peerDependencies:
+      react: ^18.2.0
+      react-dom: '*'
+
+  react@18.3.1:
+    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
     engines: {node: '>=0.10.0'}
 
   read-pkg-up@7.0.1:
@@ -7152,10 +7826,14 @@ packages:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
 
-  readable-stream@4.5.2:
-    resolution: {integrity: sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==}
+  readable-stream@4.7.0:
+    resolution: {integrity: sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  readdirp@2.2.1:
+    resolution: {integrity: sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==}
+    engines: {node: '>=0.10'}
+
   readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
@@ -7163,24 +7841,23 @@ packages:
   readline@1.3.0:
     resolution: {integrity: sha512-k2d6ACCkiNYz222Fs/iNze30rRJ1iIicW7JuX/7/cozvih6YCkFZH+J6mAFDVgv0dRBaAyr4jDqC95R2y4IADg==}
 
-  recast@0.21.5:
-    resolution: {integrity: sha512-hjMmLaUXAm1hIuTqOdeYObMslq/q+Xff6QE3Y2P+uoHAg2nmVlLBps2hzh1UJDdMtDTMXOFewK6ky51JQIeECg==}
-    engines: {node: '>= 4'}
-
-  recast@0.23.4:
-    resolution: {integrity: sha512-qtEDqIZGVcSZCHniWwZWbRy79Dc6Wp3kT/UmDA2RJKBPg7+7k51aQBZirHmUGn5uvHf2rg8DkjizrN26k61ATw==}
+  recast@0.23.11:
+    resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
 
   redent@4.0.0:
     resolution: {integrity: sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==}
     engines: {node: '>=12'}
 
-  reflect.getprototypeof@1.0.6:
-    resolution: {integrity: sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==}
+  reduce-configs@1.1.0:
+    resolution: {integrity: sha512-DQxy6liNadHfrLahZR7lMdc227NYVaQZhY5FMsxLEjX8X0SCuH+ESHSLCoz2yDZFq1/CLMDOAHdsEHwOEXKtvg==}
+
+  reflect.getprototypeof@1.0.10:
+    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
 
-  regenerate-unicode-properties@10.1.0:
-    resolution: {integrity: sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==}
+  regenerate-unicode-properties@10.2.0:
+    resolution: {integrity: sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==}
     engines: {node: '>=4'}
 
   regenerate@1.4.2:
@@ -7189,38 +7866,41 @@ packages:
   regenerator-runtime@0.13.11:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
 
-  regenerator-runtime@0.14.0:
-    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
+  regenerator-runtime@0.14.1:
+    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
 
   regenerator-transform@0.15.2:
     resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
 
+  regex-not@1.0.2:
+    resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
+    engines: {node: '>=0.10.0'}
+
   regexp-tree@0.1.27:
     resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
     hasBin: true
 
-  regexp.prototype.flags@1.5.1:
-    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
-    engines: {node: '>= 0.4'}
-
-  regexp.prototype.flags@1.5.2:
-    resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
+  regexp.prototype.flags@1.5.4:
+    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
     engines: {node: '>= 0.4'}
 
   regexpp@3.2.0:
     resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
     engines: {node: '>=8'}
 
-  regexpu-core@5.3.2:
-    resolution: {integrity: sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==}
+  regexpu-core@6.2.0:
+    resolution: {integrity: sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==}
     engines: {node: '>=4'}
 
+  regjsgen@0.8.0:
+    resolution: {integrity: sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==}
+
   regjsparser@0.10.0:
     resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
     hasBin: true
 
-  regjsparser@0.9.1:
-    resolution: {integrity: sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==}
+  regjsparser@0.12.0:
+    resolution: {integrity: sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==}
     hasBin: true
 
   remark-external-links@8.0.0:
@@ -7238,6 +7918,17 @@ packages:
   remark@15.0.1:
     resolution: {integrity: sha512-Eht5w30ruCXgFmxVUSlNWQ9iiimq07URKeFS3hNc8cUWy1llX4KDWfyEDZRycMc+znsN9Ux5/tJ/BFdgdOwA3A==}
 
+  remove-trailing-separator@1.1.0:
+    resolution: {integrity: sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==}
+
+  repeat-element@1.1.4:
+    resolution: {integrity: sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==}
+    engines: {node: '>=0.10.0'}
+
+  repeat-string@1.6.1:
+    resolution: {integrity: sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==}
+    engines: {node: '>=0.10'}
+
   request-progress@3.0.0:
     resolution: {integrity: sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==}
 
@@ -7266,8 +7957,13 @@ packages:
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
-  resolve@1.22.4:
-    resolution: {integrity: sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==}
+  resolve-url@0.2.1:
+    resolution: {integrity: sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==}
+    deprecated: https://github.com/lydell/resolve-url#deprecated
+
+  resolve@1.22.10:
+    resolution: {integrity: sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==}
+    engines: {node: '>= 0.4'}
     hasBin: true
 
   resolve@2.0.0-next.5:
@@ -7286,49 +7982,50 @@ packages:
     resolution: {integrity: sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==}
     engines: {node: '>= 4'}
 
-  reusify@1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  rfdc@1.3.0:
-    resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
   rimraf@2.6.3:
     resolution: {integrity: sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
   rimraf@2.7.1:
     resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
   rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
-  rimraf@5.0.1:
-    resolution: {integrity: sha512-OfFZdwtd3lZ+XZzYP/6gTACubwFcHdLRqS9UX3UwpU2dnGQYkPFISRwvM3w9IiB2w7bW5qGo/uAwE4SmXXSKvg==}
-    engines: {node: '>=14'}
+  rimraf@5.0.10:
+    resolution: {integrity: sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==}
     hasBin: true
 
   ripemd160@2.0.2:
     resolution: {integrity: sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==}
 
-  rollup-plugin-terser@7.0.2:
-    resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
-    deprecated: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
-    peerDependencies:
-      rollup: ^2.0.0
-
-  rollup@2.79.1:
-    resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==}
+  rollup@2.79.2:
+    resolution: {integrity: sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==}
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  rollup@3.29.4:
-    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
+  rollup@3.29.5:
+    resolution: {integrity: sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
 
+  rollup@4.34.9:
+    resolution: {integrity: sha512-nF5XYqWWp9hx/LrpC8sZvvvmq0TeTjQgaZHYmAgwysT9nh8sWnZhBnM8ZyVbbJFIQBLwHDNoMqsBZBbUo4U8sQ==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
   rope-sequence@1.3.4:
     resolution: {integrity: sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==}
 
@@ -7338,15 +8035,11 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
-  rxjs@7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+  rxjs@7.8.2:
+    resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
 
-  safe-array-concat@1.0.1:
-    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
-    engines: {node: '>=0.4'}
-
-  safe-array-concat@1.1.2:
-    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
+  safe-array-concat@1.1.3:
+    resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
     engines: {node: '>=0.4'}
 
   safe-buffer@5.1.2:
@@ -7355,13 +8048,17 @@ packages:
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
-  safe-regex-test@1.0.0:
-    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
-
-  safe-regex-test@1.0.3:
-    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
+  safe-push-apply@1.0.0:
+    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
     engines: {node: '>= 0.4'}
 
+  safe-regex-test@1.1.0:
+    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
+    engines: {node: '>= 0.4'}
+
+  safe-regex@1.1.0:
+    resolution: {integrity: sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==}
+
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
@@ -7371,11 +8068,11 @@ packages:
   sat@0.9.0:
     resolution: {integrity: sha512-mxdv5RZJO4tdMnUURGU3gAMcnDUEwcNJwE+lPO0/V+rBeDvFLH3wEZEOR0fH7cTN0zQaNxBEbHnyQL9DzupwQQ==}
 
-  sax@1.3.0:
-    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
+  sax@1.4.1:
+    resolution: {integrity: sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==}
 
-  scheduler@0.23.0:
-    resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
+  scheduler@0.23.2:
+    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
 
   screenfull@5.2.0:
     resolution: {integrity: sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==}
@@ -7395,39 +8092,38 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  semver@7.5.4:
-    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+  semver@7.7.1:
+    resolution: {integrity: sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==}
     engines: {node: '>=10'}
     hasBin: true
 
-  semver@7.6.0:
-    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  send@0.18.0:
-    resolution: {integrity: sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==}
+  send@0.19.0:
+    resolution: {integrity: sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==}
     engines: {node: '>= 0.8.0'}
 
+  send@1.2.0:
+    resolution: {integrity: sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==}
+    engines: {node: '>= 18'}
+
   sentence-case@3.0.4:
     resolution: {integrity: sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==}
 
-  serialize-javascript@4.0.0:
-    resolution: {integrity: sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==}
+  serialize-javascript@6.0.2:
+    resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
 
-  serve-static@1.15.0:
-    resolution: {integrity: sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==}
+  serve-index@1.9.1:
+    resolution: {integrity: sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==}
+    engines: {node: '>= 0.8.0'}
+
+  serve-static@1.16.2:
+    resolution: {integrity: sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==}
     engines: {node: '>= 0.8.0'}
 
   set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
 
-  set-function-length@1.2.1:
-    resolution: {integrity: sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==}
-    engines: {node: '>= 0.4'}
-
-  set-function-name@2.0.1:
-    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
+  set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
 
   set-function-name@2.0.2:
@@ -7438,9 +8134,20 @@ packages:
     resolution: {integrity: sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==}
     engines: {node: '>=6.9'}
 
+  set-proto@1.0.0:
+    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
+    engines: {node: '>= 0.4'}
+
+  set-value@2.0.1:
+    resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==}
+    engines: {node: '>=0.10.0'}
+
   setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
 
+  setprototypeof@1.1.0:
+    resolution: {integrity: sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==}
+
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
@@ -7456,6 +8163,10 @@ packages:
     resolution: {integrity: sha512-G+MY2YW33jgflKPTXXptVO28HvNOo9G3j0MybYAHeEmby+QuD2U98dT6ueht9cv/XDqZspSpIhoSW+BAKJ7Hig==}
     engines: {node: '>=12.13.0'}
 
+  sharp@0.33.5:
+    resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
   shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
     engines: {node: '>=0.10.0'}
@@ -7472,18 +8183,24 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
-  shell-quote@1.8.1:
-    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
-
-  side-channel@1.0.4:
-    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
-
-  side-channel@1.0.5:
-    resolution: {integrity: sha512-QcgiIWV4WV7qWExbN5llt6frQB/lBven9pqliLXfGPB+K9ZYXxDozp0wLkHS24kWCm+6YXH/f0HhnObZnZOBnQ==}
+  shell-quote@1.8.2:
+    resolution: {integrity: sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==}
     engines: {node: '>= 0.4'}
 
-  side-channel@1.0.6:
-    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+  side-channel-list@1.0.0:
+    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-map@1.0.1:
+    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
+    engines: {node: '>= 0.4'}
+
+  side-channel-weakmap@1.0.2:
+    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
+    engines: {node: '>= 0.4'}
+
+  side-channel@1.1.0:
+    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
   siginfo@2.0.0:
@@ -7508,18 +8225,14 @@ packages:
   simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
 
-  simple-update-notifier@2.0.0:
-    resolution: {integrity: sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==}
-    engines: {node: '>=10'}
-
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
   skinview-utils@0.7.1:
     resolution: {integrity: sha512-4eLrMqR526ehlZbsd8SuZ/CHpS9GiH0xUMoV+PYlJVi95ZFz5HJu7Spt5XYa72DRS7wgt5qquvHZf0XZJgmu9Q==}
 
-  skinview3d@3.0.1:
-    resolution: {integrity: sha512-2LUSkzGxlZrTQelGT10jcW4TLiFTg5aZqXMEuqAFoWtk3qtaNu0qRFtwK5dN8zEXyKUJ3xlxah5eGtKY/NifQg==}
+  skinview3d@3.1.0:
+    resolution: {integrity: sha512-L+HXXAP4qYjLcY3YHasXKie9KXQpv/mPTMxgLOEd+hVQRdQkPs5xdWaKuOmlZY8UnyZzecQM7yrWRzgT/e7HZw==}
 
   slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
@@ -7537,24 +8250,39 @@ packages:
     resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
     engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
 
+  smob@1.5.0:
+    resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
+
   snake-case@3.0.4:
     resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==}
 
+  snapdragon-node@2.1.1:
+    resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
+    engines: {node: '>=0.10.0'}
+
+  snapdragon-util@3.0.1:
+    resolution: {integrity: sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==}
+    engines: {node: '>=0.10.0'}
+
+  snapdragon@0.8.2:
+    resolution: {integrity: sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==}
+    engines: {node: '>=0.10.0'}
+
   socket.io-adapter@1.1.2:
     resolution: {integrity: sha512-WzZRUj1kUjrTIrUKpZLEzFZ1OLj5FwLlAFQs9kuZJzJi5DKdU7FsWc36SNmA8iDOtwBQyT8FkrriRM8vXLYz8g==}
 
-  socket.io-adapter@2.5.2:
-    resolution: {integrity: sha512-87C3LO/NOMc+eMcpcxUBebGjkpMDkNBS9tf7KJqcDsmL936EChtVva71Dw2q4tQcuVC+hAUy4an2NO/sYXmwRA==}
+  socket.io-adapter@2.5.5:
+    resolution: {integrity: sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==}
 
   socket.io-client@2.5.0:
     resolution: {integrity: sha512-lOO9clmdgssDykiOmVQQitwBAF3I6mYcQAo7hQ7AM6Ny5X7fp8hIJ3HcQs3Rjz4SoggoxA1OgrQyY8EgTbcPYw==}
 
-  socket.io-client@4.7.2:
-    resolution: {integrity: sha512-vtA0uD4ibrYD793SOIAwlo8cj6haOeMHrGvwPxJsxH7CeIksqJ+3Zc06RvWTIFgiSqx4A3sOnTXpfAEE2Zyz6w==}
+  socket.io-client@4.8.1:
+    resolution: {integrity: sha512-hJVXfu3E28NmzGk8o1sHhN3om52tRvwYeidbj7xKy2eIIse5IoKX3USlS6Tqt3BHAtflLIkCQBkzVrEEfWUyYQ==}
     engines: {node: '>=10.0.0'}
 
-  socket.io-parser@3.3.3:
-    resolution: {integrity: sha512-qOg87q1PMWWTeO01768Yh9ogn7chB9zkKtQnya41Y355S0UmpXgpcrFwAgjYJxu9BdKug5r5e9YtVSeWhKBUZg==}
+  socket.io-parser@3.3.4:
+    resolution: {integrity: sha512-z/pFQB3x+EZldRRzORYW1vwVO8m/3ILkswtnpoeU6Ve3cbMWkmHEWDAVJn4QJtchiiFTo5j7UG2QvwxvaA9vow==}
 
   socket.io-parser@3.4.3:
     resolution: {integrity: sha512-1rE4dZN3kCI/E5wixd393hmbqa78vVpkKmnEJhLeWoS/C5hbFYAbcSfnWoaVH43u9ToUVtzKjguxEZq+1XZfCQ==}
@@ -7564,32 +8292,36 @@ packages:
     resolution: {integrity: sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==}
     engines: {node: '>=10.0.0'}
 
-  socket.io@2.5.0:
-    resolution: {integrity: sha512-gGunfS0od3VpwDBpGwVkzSZx6Aqo9uOcf1afJj2cKnKFAoyl16fvhpsUhmUFd4Ldbvl5JvRQed6eQw6oQp6n8w==}
+  socket.io@2.5.1:
+    resolution: {integrity: sha512-eaTE4tBKRD6RFoetquMbxgvcpvoDtRyIlkIMI/SMK2bsKvbENTsDeeu4GJ/z9c90yOWxB7b/eC+yKLPbHnH6bA==}
 
-  socket.io@4.7.2:
-    resolution: {integrity: sha512-bvKVS29/I5fl2FGLNHuXlQaUH/BlzX1IN6S+NKLNZpBsPZIDH+90eQmCs2Railn4YUiww4SzUedJ6+uzwFnKLw==}
+  socket.io@4.8.1:
+    resolution: {integrity: sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==}
     engines: {node: '>=10.2.0'}
 
   socks-proxy-agent@7.0.0:
     resolution: {integrity: sha512-Fgl0YPZ902wEsAyiQ+idGd1A7rSFx/ayC1CQVMw5P+EQx2V0SgpGtf6OKFhVjPflPUl9YMmEOnmfjCdMUsygww==}
     engines: {node: '>= 10'}
 
-  socks@2.7.1:
-    resolution: {integrity: sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==}
-    engines: {node: '>= 10.13.0', npm: '>= 3.0.0'}
+  socks@2.8.4:
+    resolution: {integrity: sha512-D3YaD0aRxR3mEcqnidIs7ReYJFVzWdd6fXJYUM8ixcQcJRGTka/b3saV0KflYhyVJXKhb947GndU35SxYNResQ==}
+    engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
 
-  source-map-js@1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
-  source-map-js@1.2.0:
-    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
-    engines: {node: '>=0.10.0'}
+  source-map-resolve@0.5.3:
+    resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
+    deprecated: See https://github.com/lydell/source-map-resolve#deprecated
 
   source-map-support@0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
 
+  source-map-url@0.4.1:
+    resolution: {integrity: sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==}
+    deprecated: See https://github.com/lydell/source-map-url#deprecated
+
   source-map@0.5.6:
     resolution: {integrity: sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==}
     engines: {node: '>=0.10.0'}
@@ -7605,6 +8337,7 @@ packages:
   source-map@0.8.0-beta.0:
     resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
     engines: {node: '>= 8'}
+    deprecated: The work that was done in this beta branch won't be included in future versions
 
   sourcemap-codec@1.4.8:
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
@@ -7616,20 +8349,30 @@ packages:
   spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
 
-  spdx-exceptions@2.3.0:
-    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
+  spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
 
   spdx-expression-parse@3.0.1:
     resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
 
-  spdx-license-ids@3.0.13:
-    resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==}
+  spdx-license-ids@3.0.21:
+    resolution: {integrity: sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==}
+
+  split-string@3.1.0:
+    resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==}
+    engines: {node: '>=0.10.0'}
+
+  split@0.3.3:
+    resolution: {integrity: sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==}
 
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
-  sshpk@1.17.0:
-    resolution: {integrity: sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==}
+  sprintf-js@1.1.3:
+    resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
+
+  sshpk@1.18.0:
+    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
     engines: {node: '>=0.10.0'}
     hasBin: true
 
@@ -7652,31 +8395,56 @@ packages:
   stacktrace-js@2.0.2:
     resolution: {integrity: sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==}
 
-  stats-gl@1.0.5:
-    resolution: {integrity: sha512-XimMxvwnf1Qf5KwebhcoA34kcX+fWEkIl0QjNkCbu4IpoyDMMsOajExn7FIq5w569k45+LhmsuRlGSrsvmGdNw==}
+  state-local@1.0.7:
+    resolution: {integrity: sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==}
+
+  static-extend@0.1.2:
+    resolution: {integrity: sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==}
+    engines: {node: '>=0.10.0'}
+
+  stats-gl@1.0.7:
+    resolution: {integrity: sha512-vZI82CjefSxLC1bjw36z28v0+QE9rJKymGlXtfWu+ipW70ZEAwa4EbO4LxluAfLfpqiaAS04NzpYBRLDeAwYWQ==}
 
   stats.js@0.17.0:
     resolution: {integrity: sha512-hNKz8phvYLPEcRkeG1rsGmV5ChMjKDAWU7/OJJdDErPBNChQXxCo3WZurGpnWc6gZhAzEPFad1aVgyOANH1sMw==}
 
+  statuses@1.5.0:
+    resolution: {integrity: sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==}
+    engines: {node: '>= 0.6'}
+
   statuses@2.0.1:
     resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
     engines: {node: '>= 0.8'}
 
-  std-env@3.4.3:
-    resolution: {integrity: sha512-f9aPhy8fYBuMN+sNfakZV18U39PbalgjXG3lLB9WkaYTxijru61wb57V9wxxNthXM5Sd88ETBWi29qLAsHO52Q==}
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
 
-  store2@2.14.2:
-    resolution: {integrity: sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==}
+  std-env@3.8.1:
+    resolution: {integrity: sha512-vj5lIj3Mwf9D79hBkltk5qmkFI+biIKWS2IBxEyEU3AX1tUf7AoL8nSazCOiiqQsGKIq01SClsKEzweu34uwvA==}
 
-  storybook@7.4.6:
-    resolution: {integrity: sha512-YkFSpnR47j5zz7yElA+2axLjXN7K7TxDGJRHHlqXmG5iQ0PXzmjrj2RxMDKFz4Ybp/QjEUoJ4rx//ESEY0Nb5A==}
+  stop-iteration-iterator@1.1.0:
+    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
+    engines: {node: '>= 0.4'}
+
+  store2@2.14.4:
+    resolution: {integrity: sha512-srTItn1GOvyvOycgxjAnPA63FZNwy0PTyUBFMHRM+hVFltAeoh0LmNBz9SZqUS9mMqGk8rfyWyXn3GH5ReJ8Zw==}
+
+  storybook@7.6.20:
+    resolution: {integrity: sha512-Wt04pPTO71pwmRmsgkyZhNo4Bvdb/1pBAMsIFb9nQLykEdzzpXjvingxFFvdOG4nIowzwgxD+CLlyRqVJqnATw==}
     hasBin: true
 
   stream-browserify@3.0.0:
     resolution: {integrity: sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==}
 
-  stream-shift@1.0.1:
-    resolution: {integrity: sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==}
+  stream-combiner@0.0.4:
+    resolution: {integrity: sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==}
+
+  stream-http@3.2.0:
+    resolution: {integrity: sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==}
+
+  stream-shift@1.0.3:
+    resolution: {integrity: sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==}
 
   strict-event-emitter-types@2.0.0:
     resolution: {integrity: sha512-Nk/brWYpD85WlOgzw5h173aci0Teyv8YdIAEtV+N88nDB0dLlazZyJMIsN6eo1/AR61l+p6CJTG1JIyFaoNEEA==}
@@ -7689,34 +8457,25 @@ packages:
     resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
     engines: {node: '>=12'}
 
-  string.prototype.matchall@4.0.10:
-    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
-
-  string.prototype.matchall@4.0.11:
-    resolution: {integrity: sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==}
+  string.prototype.matchall@4.0.12:
+    resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.padend@3.1.4:
-    resolution: {integrity: sha512-67otBXoksdjsnXXRUq+KMVTdlVRZ2af422Y0aTyTjVaoQkGr3mxl2Bc5emi7dOQ3OGVVQQskmLEWwFXwommpNw==}
+  string.prototype.padend@3.1.6:
+    resolution: {integrity: sha512-XZpspuSB7vJWhvJc9DLSlrXl1mcA2BdoY5jjnS135ydXqLoqhs96JjDtCkjJEQHvfqZIp9hBuBMgI589peyx9Q==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.trim@1.2.8:
-    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
+  string.prototype.repeat@1.0.0:
+    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
+
+  string.prototype.trim@1.2.10:
+    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.trim@1.2.9:
-    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
+  string.prototype.trimend@1.0.9:
+    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.trimend@1.0.7:
-    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
-
-  string.prototype.trimend@1.0.8:
-    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
-
-  string.prototype.trimstart@1.0.7:
-    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
-
   string.prototype.trimstart@1.0.8:
     resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
     engines: {node: '>= 0.4'}
@@ -7776,6 +8535,9 @@ packages:
   stylis@4.2.0:
     resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
 
+  stylis@4.3.6:
+    resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
+
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -7795,8 +8557,8 @@ packages:
   synchronous-promise@2.0.17:
     resolution: {integrity: sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g==}
 
-  systeminformation@5.22.7:
-    resolution: {integrity: sha512-AWxlP05KeHbpGdgvZkcudJpsmChc2Y5Eo/GvxG/iUA/Aws5LZKHAMSeAo+V+nD+nxWZaxrwpWcnx4SH3oxNL3A==}
+  systeminformation@5.25.11:
+    resolution: {integrity: sha512-jI01fn/t47rrLTQB0FTlMCC+5dYx8o0RRF+R4BPiUNsvg5OdY0s9DKMFmJGrx5SwMZQ4cag0Gl6v8oycso9b/g==}
     engines: {node: '>=8.0.0'}
     os: [darwin, linux, win32, freebsd, openbsd, netbsd, sunos, android]
     hasBin: true
@@ -7804,15 +8566,15 @@ packages:
   tabbable@6.2.0:
     resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
 
-  tar-fs@2.1.1:
-    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
+  tar-fs@2.1.2:
+    resolution: {integrity: sha512-EsaAXwxmx8UB7FRKqeozqEPop69DXcmYwTQwXvyAPF352HJsPdkVhvTaDPYqfNgruveJIJy3TA2l+2zj8LJIJA==}
 
   tar-stream@2.2.0:
     resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
     engines: {node: '>=6'}
 
-  tar@6.2.0:
-    resolution: {integrity: sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==}
+  tar@6.2.1:
+    resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
     engines: {node: '>=10'}
 
   telejson@7.2.0:
@@ -7834,8 +8596,8 @@ packages:
     resolution: {integrity: sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==}
     engines: {node: '>=10'}
 
-  terser@5.19.2:
-    resolution: {integrity: sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==}
+  terser@5.39.0:
+    resolution: {integrity: sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -7853,8 +8615,14 @@ packages:
   thenify@3.3.1:
     resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
 
-  three-stdlib@2.28.5:
-    resolution: {integrity: sha512-JdLMhkpT+1ZWeQPyKQNW1zqUwISI2hsUljS6u3vB9lp5EvwsayaAzGnbVeR35895udOF+zxcTiQY3psk+qqlxg==}
+  thingies@1.21.0:
+    resolution: {integrity: sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==}
+    engines: {node: '>=10.18'}
+    peerDependencies:
+      tslib: ^2
+
+  three-stdlib@2.35.14:
+    resolution: {integrity: sha512-kpCaEg59M9usFTgHC+YZNKvx7nMoLI2zQxZBV8pjoNW6vNZmGyXpaLBL09A2oLCsS3KepgMFkOuk6lRoebTNvA==}
     peerDependencies:
       three: 0.154.0
 
@@ -7868,8 +8636,8 @@ packages:
     resolution: {integrity: sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==}
     engines: {node: '>=10'}
 
-  throttleit@1.0.0:
-    resolution: {integrity: sha512-rkTVqu6IjfQ/6+uNuuc3sZek4CEYxTJom3IktzgdSxcZqdARuebbA/f4QmAxMQIxqq9ZLEUkSYqvuk1I6VKq4g==}
+  throttleit@1.0.1:
+    resolution: {integrity: sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==}
 
   through2@0.6.5:
     resolution: {integrity: sha512-RkK/CCESdTKQZHdmKICijdKKsCRVHs5KsLZ6pACAmF/1GPUQhonHSXWNERctxEp7RmvjdNbZTL5z9V7nSCXKcg==}
@@ -7887,29 +8655,32 @@ packages:
   timm@1.7.1:
     resolution: {integrity: sha512-IjZc9KIotudix8bMaBW6QvMuq64BrJWFs1+4V0lXwWGQZwH+LnX87doAYhem4caOEusRP9/g6jVDQmZ8XOk1nw==}
 
-  tiny-invariant@1.3.1:
-    resolution: {integrity: sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==}
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
-  tinybench@2.5.1:
-    resolution: {integrity: sha512-65NKvSuAVDP/n4CqH+a9w2kTlLReS9vhsAP06MWx+/89nMinJyB2icyl58RIcqCmIggpojIGeuJGhjU1aGMBSg==}
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
   tinycolor2@1.6.0:
     resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
 
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+
   tinypool@0.7.0:
     resolution: {integrity: sha512-zSYNUlYSMhJ6Zdou4cJwo/p7w5nmAH17GRfU/ui3ctvjXFErXXkruT4MWW6poDeXgCaIBlGLrfU6TbTXxyGMww==}
     engines: {node: '>=14.0.0'}
 
-  tinyspy@2.2.0:
-    resolution: {integrity: sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==}
+  tinyspy@2.2.1:
+    resolution: {integrity: sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==}
     engines: {node: '>=14.0.0'}
 
   title-case@3.0.3:
     resolution: {integrity: sha512-e1zGYRvbffpcHIrnuqT0Dh+gEJtDaxDSoG4JAIpq4oDFyooziLBIiYQv0GBT4FUAnUop5uZ1hiIAj7oAF6sOCA==}
 
-  tmp@0.2.1:
-    resolution: {integrity: sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==}
-    engines: {node: '>=8.17.0'}
+  tmp@0.2.3:
+    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
+    engines: {node: '>=14.14'}
 
   tmpl@1.0.5:
     resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==}
@@ -7917,16 +8688,24 @@ packages:
   to-array@0.1.4:
     resolution: {integrity: sha512-LhVdShQD/4Mk4zXNroIQZJC+Ap3zgLcDuwEdcmLv9CCO73NWockQDwyUnW/m8VX/EElfL6FcYx7EeutN4HJA6A==}
 
-  to-fast-properties@2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
-    engines: {node: '>=4'}
+  to-object-path@0.3.0:
+    resolution: {integrity: sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==}
+    engines: {node: '>=0.10.0'}
+
+  to-regex-range@2.1.1:
+    resolution: {integrity: sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==}
+    engines: {node: '>=0.10.0'}
 
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
-  tocbot@4.21.2:
-    resolution: {integrity: sha512-R5Muhi/TUu4i4snWVrMgNoXyJm2f8sJfdgIkQvqb+cuIXQEIMAiWGWgCgYXHqX4+XiS/Bnm7IYZ9Zy6NVe6lhw==}
+  to-regex@3.0.2:
+    resolution: {integrity: sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==}
+    engines: {node: '>=0.10.0'}
+
+  tocbot@4.35.0:
+    resolution: {integrity: sha512-i8FoSaP3u60D94e/dtzCk23PIEBnc/l8XqvlK4g8gUCa9XFY4RmyMLYP6X+yN+ljcEijFbmCtNHtBoeTsQkCPg==}
 
   toggle-selection@1.0.6:
     resolution: {integrity: sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==}
@@ -7935,8 +8714,8 @@ packages:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
 
-  tough-cookie@4.1.3:
-    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
+  tough-cookie@4.1.4:
+    resolution: {integrity: sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==}
     engines: {node: '>=6'}
 
   tr46@0.0.3:
@@ -7945,6 +8724,12 @@ packages:
   tr46@1.0.1:
     resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
 
+  tree-dump@1.0.2:
+    resolution: {integrity: sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==}
+    engines: {node: '>=10.0'}
+    peerDependencies:
+      tslib: '2'
+
   trim-newlines@4.1.1:
     resolution: {integrity: sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==}
     engines: {node: '>=12'}
@@ -7955,12 +8740,28 @@ packages:
   truncate-utf8-bytes@1.0.2:
     resolution: {integrity: sha512-95Pu1QXQvruGEhv62XCMO3Mm90GscOCClvrIUwCM0PYOXK3kaF3l3sIHxx71ThJfcbM2O5Au6SO3AWCSEfW4mQ==}
 
-  ts-api-utils@1.0.3:
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
+  ts-api-utils@1.4.3:
+    resolution: {integrity: sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==}
+    engines: {node: '>=16'}
     peerDependencies:
       typescript: '>=4.2.0'
 
+  ts-api-utils@2.0.1:
+    resolution: {integrity: sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  ts-checker-rspack-plugin@1.1.1:
+    resolution: {integrity: sha512-BlpPqnfAmV0TcDg58H+1qV8Zb57ilv0x+ajjnxrVQ6BWgC8HzAdc+TycqDOJ4sZZYIV+hywQGozZFGklzbCR6A==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      '@rspack/core': ^1.0.0
+      typescript: '>=3.8.0'
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+
   ts-dedent@2.2.0:
     resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
     engines: {node: '>=6.10'}
@@ -7968,20 +8769,23 @@ packages:
   ts-easing@0.2.0:
     resolution: {integrity: sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==}
 
-  tsconfig-paths@3.14.2:
-    resolution: {integrity: sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==}
+  tsconfig-paths@3.15.0:
+    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
 
   tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
 
-  tslib@2.6.2:
-    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  tsx@4.7.0:
-    resolution: {integrity: sha512-I+t79RYPlEYlHn9a+KzwrvEwhJg35h/1zHsLC2JXvhC2mdynMv6Zxzvhv5EMV6VF5qJlLlkSnMVvdZV3PSIGcg==}
+  tsx@4.19.3:
+    resolution: {integrity: sha512-4H8vUNGNjQ4V2EOoGw005+c+dGuPSnhpPBPHBtsZdGZBk/iJb4kguGlPWaZTZ3q5nMtFOEsY0nRDlh9PJyd6SQ==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
+  tty-browserify@0.0.1:
+    resolution: {integrity: sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==}
+
   tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
 
@@ -7992,8 +8796,8 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  type-detect@4.0.8:
-    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
+  type-detect@4.1.0:
+    resolution: {integrity: sha512-Acylog8/luQ8L7il+geoSxhEkazvkslg7PSNKOX59mbB9cOveP5aq9h74Y7YU8yDpJwetzQQrfIwtf4Wp4LKcw==}
     engines: {node: '>=4'}
 
   type-fest@0.16.0:
@@ -8028,35 +8832,20 @@ packages:
     resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
     engines: {node: '>= 0.6'}
 
-  typed-array-buffer@1.0.0:
-    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
+  typed-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
 
-  typed-array-buffer@1.0.2:
-    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
+  typed-array-byte-length@1.0.3:
+    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
     engines: {node: '>= 0.4'}
 
-  typed-array-byte-length@1.0.0:
-    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
+  typed-array-byte-offset@1.0.4:
+    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
     engines: {node: '>= 0.4'}
 
-  typed-array-byte-length@1.0.1:
-    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-offset@1.0.0:
-    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-offset@1.0.2:
-    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-length@1.0.4:
-    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
-
-  typed-array-length@1.0.6:
-    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
+  typed-array-length@1.0.7:
+    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
   typed-emitter@1.4.0:
@@ -8068,48 +8857,53 @@ packages:
   typedarray@0.0.6:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
 
-  typescript@5.5.0-beta:
-    resolution: {integrity: sha512-FRg3e/aQg3olEG3ff8YjHOERsO4IM0m4qGrsE4UMvILaq4TdDZ6gQX4+2Rq9SjTpfSe/ebwiHcsjm/7FfWWQ6Q==}
+  typescript@5.5.4:
+    resolution: {integrity: sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==}
     engines: {node: '>=14.17'}
     hasBin: true
 
-  ua-parser-js@1.0.37:
-    resolution: {integrity: sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==}
+  ua-parser-js@1.0.40:
+    resolution: {integrity: sha512-z6PJ8Lml+v3ichVojCiB8toQJBuwR42ySM4ezjXIqXK3M0HczmKQ3LF4rhU55PfD99KEEXQG6yb7iOMyvYuHew==}
+    hasBin: true
 
   uc.micro@2.1.0:
     resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
 
-  ufo@1.3.1:
-    resolution: {integrity: sha512-uY/99gMLIOlJPwATcMVYfqDSxUR9//AUcgZMzwfSTJPDKzA1S8mX4VLqa+fiAtveraQUBCz4FFcwVZBGbwBXIw==}
+  ufo@1.5.4:
+    resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
 
-  uglify-js@3.17.4:
-    resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
+  uglify-js@3.19.3:
+    resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
     engines: {node: '>=0.8.0'}
     hasBin: true
 
   uint4@0.1.2:
     resolution: {integrity: sha512-lhEx78gdTwFWG+mt6cWAZD/R6qrIj0TTBeH5xwyuDJyswLNlGe+KVlUPQ6+mx5Ld332pS0AMUTo9hIly7YsWxQ==}
 
-  unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+  unbox-primitive@1.1.0:
+    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
+    engines: {node: '>= 0.4'}
 
   undici-types@5.26.5:
     resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
 
-  undici@5.25.4:
-    resolution: {integrity: sha512-450yJxT29qKMf3aoudzFpIciqpx6Pji3hEWaXqXmanbXF58LTAGCKxcJjxMXWu3iG+Mudgo3ZUfDB6YDFd/dAw==}
-    engines: {node: '>=14.0'}
+  undici-types@6.20.0:
+    resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
 
-  unicode-canonical-property-names-ecmascript@2.0.0:
-    resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==}
+  undici@6.0.1:
+    resolution: {integrity: sha512-eZFYQLeS9BiXpsU0cuFhCwfeda2MnC48EVmmOz/eCjsTgmyTdaHdVsPSC/kwC2GtW2e0uH0HIPbadf3/bRWSxw==}
+    engines: {node: '>=18.0'}
+
+  unicode-canonical-property-names-ecmascript@2.0.1:
+    resolution: {integrity: sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==}
     engines: {node: '>=4'}
 
   unicode-match-property-ecmascript@2.0.0:
     resolution: {integrity: sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==}
     engines: {node: '>=4'}
 
-  unicode-match-property-value-ecmascript@2.1.0:
-    resolution: {integrity: sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==}
+  unicode-match-property-value-ecmascript@2.2.0:
+    resolution: {integrity: sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==}
     engines: {node: '>=4'}
 
   unicode-property-aliases-ecmascript@2.1.0:
@@ -8119,8 +8913,12 @@ packages:
   unidiff@1.0.2:
     resolution: {integrity: sha512-2sbEzki5fBmjgAqoafwxRenfMcumMlmVAoJDwYJa3CI4ZVugkdR6qjTw5sVsl29/4JfBBXhWEAd5ars8nRdqXg==}
 
-  unified@11.0.4:
-    resolution: {integrity: sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==}
+  unified@11.0.5:
+    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
+
+  union-value@1.0.1:
+    resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
+    engines: {node: '>=0.10.0'}
 
   union@0.5.0:
     resolution: {integrity: sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==}
@@ -8167,16 +8965,24 @@ packages:
     resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
     engines: {node: '>= 4.0.0'}
 
-  universalify@2.0.0:
-    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
+  unix-crypt-td-js@1.1.4:
+    resolution: {integrity: sha512-8rMeVYWSIyccIJscb9NdCfZKSRBKYTeVnwmiRYT2ulE3qd1RaDQ0xQDP+rI3ccIWbhu/zuo5cgN8z73belNZgw==}
+
   unpipe@1.0.0:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
-  unplugin@1.5.0:
-    resolution: {integrity: sha512-9ZdRwbh/4gcm1JTOkp9lAkIDrtOyOxgHmY7cjuwI8L/2RTikMcVG25GsZwNAgRuap3iDw2jeq7eoqtAsz5rW3A==}
+  unplugin@1.16.1:
+    resolution: {integrity: sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==}
+    engines: {node: '>=14.0.0'}
+
+  unset-value@1.0.0:
+    resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
+    engines: {node: '>=0.10.0'}
 
   untildify@4.0.0:
     resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
@@ -8186,8 +8992,8 @@ packages:
     resolution: {integrity: sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==}
     engines: {node: '>=4'}
 
-  update-browserslist-db@1.0.11:
-    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==}
+  update-browserslist-db@1.1.3:
+    resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
@@ -8201,38 +9007,55 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
+  urix@0.1.0:
+    resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
+    deprecated: Please see https://github.com/lydell/urix#deprecated
+
   url-join@4.0.1:
     resolution: {integrity: sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==}
 
   url-parse@1.5.10:
     resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
 
-  use-callback-ref@1.3.0:
-    resolution: {integrity: sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==}
+  url@0.11.4:
+    resolution: {integrity: sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==}
+    engines: {node: '>= 0.4'}
+
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      '@types/react': '*'
       react: ^18.2.0
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  use-deep-compare@1.1.0:
-    resolution: {integrity: sha512-6yY3zmKNCJ1jjIivfZMZMReZjr8e6iC6Uqtp701jvWJ6ejC/usXD+JjmslZDPJQgX8P4B1Oi5XSLHkOLeYSJsA==}
+  use-deep-compare@1.3.0:
+    resolution: {integrity: sha512-94iG+dEdEP/Sl3WWde+w9StIunlV8Dgj+vkt5wTwMoFQLaijiEZSXXy8KtcStpmEDtIptRJiNeD4ACTtVvnIKA==}
     peerDependencies:
       react: ^18.2.0
 
+  use-isomorphic-layout-effect@1.2.0:
+    resolution: {integrity: sha512-q6ayo8DWoPZT0VdG4u3D3uxcgONP3Mevx2i2b0434cwWBoL+aelL1DzkXI6w3PhTZzUeR2kaVlZn70iCiseP6w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   use-resize-observer@9.1.0:
     resolution: {integrity: sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==}
     peerDependencies:
       react: ^18.2.0
       react-dom: 16.8.0 - 18
 
-  use-sidecar@1.1.2:
-    resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
     engines: {node: '>=10'}
     peerDependencies:
-      '@types/react': ^16.9.0 || ^17.0.0 || ^18.0.0
+      '@types/react': '*'
       react: ^18.2.0
     peerDependenciesMeta:
       '@types/react':
@@ -8253,8 +9076,12 @@ packages:
       typescript:
         optional: true
 
-  utf8-byte-length@1.0.4:
-    resolution: {integrity: sha512-4+wkEYLBbWxqTahEsWrhxepcoVOJ+1z5PGIjPZxRkytcdSUaNjIjBM7Xn8E+pdSuV7SzvWovBFA54FO0JSoqhA==}
+  use@3.1.1:
+    resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
+    engines: {node: '>=0.10.0'}
+
+  utf8-byte-length@1.0.5:
+    resolution: {integrity: sha512-Xn0w3MtiQ6zoz2vFyUVruaCL53O/DwUvkEeOvj+uulMm0BkUGYWmBYVyElqZaSLhY6ZD0ulfU3aBra2aVT4xfA==}
 
   utif@2.0.1:
     resolution: {integrity: sha512-Z/S1fNKCicQTf375lIP9G8Sa1H/phcysstNrrSdZKj1f9g58J4NMgb5IgiEZN9/nLMPDwF0W7hdOe9Qq2IYoLg==}
@@ -8272,6 +9099,11 @@ packages:
   uuid-1345@1.0.2:
     resolution: {integrity: sha512-bA5zYZui+3nwAc0s3VdGQGBfbVsJLVX7Np7ch2aqcEWFi5lsAEcmO3+lx3djM1npgpZI8KY2FITZ2uYTnYUYyw==}
 
+  uuid@3.4.0:
+    resolution: {integrity: sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==}
+    deprecated: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
+    hasBin: true
+
   uuid@8.3.2:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
     hasBin: true
@@ -8280,10 +9112,6 @@ packages:
     resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
     hasBin: true
 
-  v8-to-istanbul@9.1.3:
-    resolution: {integrity: sha512-9lDD+EVI2fjFsMWXc6dy5JJzBsVTcQ2fVkfBvncZ6xJWG9wtBhOldG+mHkSL0+V1K/xgZz0JDO5UT5hFwHUghg==}
-    engines: {node: '>=10.12.0'}
-
   validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
 
@@ -8299,12 +9127,24 @@ packages:
       react:
         optional: true
 
+  valtio@1.13.2:
+    resolution: {integrity: sha512-Qik0o+DSy741TmkqmRfjq+0xpZBXi/Y6+fXZLn0xNF1z/waFMbE3rkivv5Zcf9RrMUp6zswf2J7sbh2KBlba5A==}
+    engines: {node: '>=12.20.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      react: ^18.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react:
+        optional: true
+
   vary@1.1.2:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  vec3@0.1.8:
-    resolution: {integrity: sha512-LfKrP625Bsg/Tj52YdYPsHmpsJuo+tc6fLxZxXjEo9k2xSspKlPvoYTHehykKhp1FvV9nm+XU3Ehej5/9tpDCg==}
+  vec3@0.1.10:
+    resolution: {integrity: sha512-Sr1U3mYtMqCOonGd3LAN9iqy0qF6C+Gjil92awyK/i2OwiUo9bm7PnLgFpafymun50mOjnDcg4ToTgRssrlTcw==}
 
   verror@1.10.0:
     resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
@@ -8313,16 +9153,16 @@ packages:
   vfile-message@4.0.2:
     resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
 
-  vfile@6.0.1:
-    resolution: {integrity: sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw==}
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
   vite-node@0.34.6:
     resolution: {integrity: sha512-nlBMJ9x6n7/Amaz6F3zJ97EBwR2FkzhBRxF5e+jE6LA3yi6Wtc2lyTij1OnDMIr34v5g/tVQtsVAzhT0jc5ygA==}
     engines: {node: '>=v14.18.0'}
     hasBin: true
 
-  vite@4.4.10:
-    resolution: {integrity: sha512-TzIjiqx9BEXF8yzYdF2NTf1kFFbjMjUSV0LFZ3HyHoI3SGSPLnnFUKiIQtL3gl2AjHvMrprOvQ3amzaHgQlAxw==}
+  vite@4.5.9:
+    resolution: {integrity: sha512-qK9W4xjgD3gXbC0NmdNFFnVFLMWSNiR3swj957yutwzzN16xF/E7nmtAyp1rT9hviDroQANjE4HK3H4WqWdFtw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -8349,33 +9189,45 @@ packages:
       terser:
         optional: true
 
-  vite@4.5.3:
-    resolution: {integrity: sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
+  vite@6.2.1:
+    resolution: {integrity: sha512-n2GnqDb6XPhlt9B8olZPrgMD/es/Nd1RdChF6CBD/fHW6pUyUTt2sQW2fPRX5GiD9XEa6+8A6A4f2vT6pSsE7Q==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
-      '@types/node': '>= 14'
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      jiti: '>=1.21.0'
       less: '*'
       lightningcss: ^1.21.0
       sass: '*'
+      sass-embedded: '*'
       stylus: '*'
       sugarss: '*'
-      terser: ^5.4.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
     peerDependenciesMeta:
       '@types/node':
         optional: true
+      jiti:
+        optional: true
       less:
         optional: true
       lightningcss:
         optional: true
       sass:
         optional: true
+      sass-embedded:
+        optional: true
       stylus:
         optional: true
       sugarss:
         optional: true
       terser:
         optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
 
   vitest@0.34.6:
     resolution: {integrity: sha512-+5CALsOvbNKnS+ZHMXtuUC7nL8/7F1F2DnHGjSsszX8zCjWSSviphCb/NuS9Nzf4Q03KyyDRBAXhF/8lffME4Q==}
@@ -8408,6 +9260,9 @@ packages:
       webdriverio:
         optional: true
 
+  vm-browserify@1.1.2:
+    resolution: {integrity: sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==}
+
   w3c-keyname@2.2.8:
     resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
 
@@ -8422,8 +9277,8 @@ packages:
   warning@4.0.3:
     resolution: {integrity: sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==}
 
-  watchpack@2.4.0:
-    resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==}
+  watchpack@2.4.2:
+    resolution: {integrity: sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==}
     engines: {node: '>=10.13.0'}
 
   wcwidth@1.0.1:
@@ -8435,23 +9290,27 @@ packages:
   webidl-conversions@4.0.2:
     resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
 
-  webpack-sources@3.2.3:
-    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
-    engines: {node: '>=10.13.0'}
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
-  webpack-virtual-modules@0.5.0:
-    resolution: {integrity: sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==}
-
-  webrtc-adapter@8.2.3:
-    resolution: {integrity: sha512-gnmRz++suzmvxtp3ehQts6s2JtAGPuDPjA1F3a9ckNpG1kYdYuHWYpazoAnL9FS5/B21tKlhkorbdCXat0+4xQ==}
+  webrtc-adapter@9.0.1:
+    resolution: {integrity: sha512-1AQO+d4ElfVSXyzNVTOewgGT/tAomwwztX/6e3totvyyzXPvXIIuUUjAmyZGbKBKbZOXauuJooZm3g6IuFuiNQ==}
     engines: {node: '>=6.0.0', npm: '>=3.10.0'}
 
+  websocket-driver@0.7.4:
+    resolution: {integrity: sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==}
+    engines: {node: '>=0.8.0'}
+
+  websocket-extensions@0.1.4:
+    resolution: {integrity: sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==}
+    engines: {node: '>=0.8.0'}
+
   whatwg-encoding@2.0.0:
     resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
     engines: {node: '>=12'}
 
-  whatwg-fetch@3.6.18:
-    resolution: {integrity: sha512-ltN7j66EneWn5TFDO4L9inYC1D+Czsxlrw2SalgjMmEMkLfA5SIZxEFdE6QtHFiiM6Q7WL32c7AkI3w6yxM84Q==}
+  whatwg-fetch@3.6.20:
+    resolution: {integrity: sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==}
 
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
@@ -8459,23 +9318,24 @@ packages:
   whatwg-url@7.1.0:
     resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
 
-  which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+  which-boxed-primitive@1.1.1:
+    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
+    engines: {node: '>= 0.4'}
 
-  which-builtin-type@1.1.3:
-    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
+  which-builtin-type@1.2.1:
+    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
     engines: {node: '>= 0.4'}
 
   which-collection@1.0.2:
     resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
     engines: {node: '>= 0.4'}
 
-  which-typed-array@1.1.11:
-    resolution: {integrity: sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==}
+  which-typed-array@1.1.18:
+    resolution: {integrity: sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==}
     engines: {node: '>= 0.4'}
 
-  which-typed-array@1.1.15:
-    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
+  which-typed-array@1.1.19:
+    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
     engines: {node: '>= 0.4'}
 
   which@1.3.1:
@@ -8487,65 +9347,69 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
-  why-is-node-running@2.2.2:
-    resolution: {integrity: sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==}
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
     engines: {node: '>=8'}
     hasBin: true
 
   wide-align@1.1.5:
     resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
 
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
   wordwrap@1.0.0:
     resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
 
-  workbox-background-sync@7.0.0:
-    resolution: {integrity: sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==}
+  workbox-background-sync@7.3.0:
+    resolution: {integrity: sha512-PCSk3eK7Mxeuyatb22pcSx9dlgWNv3+M8PqPaYDokks8Y5/FX4soaOqj3yhAZr5k6Q5JWTOMYgaJBpbw11G9Eg==}
 
-  workbox-broadcast-update@7.0.0:
-    resolution: {integrity: sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==}
+  workbox-broadcast-update@7.3.0:
+    resolution: {integrity: sha512-T9/F5VEdJVhwmrIAE+E/kq5at2OY6+OXXgOWQevnubal6sO92Gjo24v6dCVwQiclAF5NS3hlmsifRrpQzZCdUA==}
 
-  workbox-build@7.0.0:
-    resolution: {integrity: sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==}
+  workbox-build@7.3.0:
+    resolution: {integrity: sha512-JGL6vZTPlxnlqZRhR/K/msqg3wKP+m0wfEUVosK7gsYzSgeIxvZLi1ViJJzVL7CEeI8r7rGFV973RiEqkP3lWQ==}
     engines: {node: '>=16.0.0'}
 
-  workbox-cacheable-response@7.0.0:
-    resolution: {integrity: sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==}
+  workbox-cacheable-response@7.3.0:
+    resolution: {integrity: sha512-eAFERIg6J2LuyELhLlmeRcJFa5e16Mj8kL2yCDbhWE+HUun9skRQrGIFVUagqWj4DMaaPSMWfAolM7XZZxNmxA==}
 
-  workbox-core@7.0.0:
-    resolution: {integrity: sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==}
+  workbox-core@7.3.0:
+    resolution: {integrity: sha512-Z+mYrErfh4t3zi7NVTvOuACB0A/jA3bgxUN3PwtAVHvfEsZxV9Iju580VEETug3zYJRc0Dmii/aixI/Uxj8fmw==}
 
-  workbox-expiration@7.0.0:
-    resolution: {integrity: sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==}
+  workbox-expiration@7.3.0:
+    resolution: {integrity: sha512-lpnSSLp2BM+K6bgFCWc5bS1LR5pAwDWbcKt1iL87/eTSJRdLdAwGQznZE+1czLgn/X05YChsrEegTNxjM067vQ==}
 
-  workbox-google-analytics@7.0.0:
-    resolution: {integrity: sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==}
+  workbox-google-analytics@7.3.0:
+    resolution: {integrity: sha512-ii/tSfFdhjLHZ2BrYgFNTrb/yk04pw2hasgbM70jpZfLk0vdJAXgaiMAWsoE+wfJDNWoZmBYY0hMVI0v5wWDbg==}
 
-  workbox-navigation-preload@7.0.0:
-    resolution: {integrity: sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==}
+  workbox-navigation-preload@7.3.0:
+    resolution: {integrity: sha512-fTJzogmFaTv4bShZ6aA7Bfj4Cewaq5rp30qcxl2iYM45YD79rKIhvzNHiFj1P+u5ZZldroqhASXwwoyusnr2cg==}
 
-  workbox-precaching@7.0.0:
-    resolution: {integrity: sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==}
+  workbox-precaching@7.3.0:
+    resolution: {integrity: sha512-ckp/3t0msgXclVAYaNndAGeAoWQUv7Rwc4fdhWL69CCAb2UHo3Cef0KIUctqfQj1p8h6aGyz3w8Cy3Ihq9OmIw==}
 
-  workbox-range-requests@7.0.0:
-    resolution: {integrity: sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==}
+  workbox-range-requests@7.3.0:
+    resolution: {integrity: sha512-EyFmM1KpDzzAouNF3+EWa15yDEenwxoeXu9bgxOEYnFfCxns7eAxA9WSSaVd8kujFFt3eIbShNqa4hLQNFvmVQ==}
 
-  workbox-recipes@7.0.0:
-    resolution: {integrity: sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==}
+  workbox-recipes@7.3.0:
+    resolution: {integrity: sha512-BJro/MpuW35I/zjZQBcoxsctgeB+kyb2JAP5EB3EYzePg8wDGoQuUdyYQS+CheTb+GhqJeWmVs3QxLI8EBP1sg==}
 
-  workbox-routing@7.0.0:
-    resolution: {integrity: sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==}
+  workbox-routing@7.3.0:
+    resolution: {integrity: sha512-ZUlysUVn5ZUzMOmQN3bqu+gK98vNfgX/gSTZ127izJg/pMMy4LryAthnYtjuqcjkN4HEAx1mdgxNiKJMZQM76A==}
 
-  workbox-strategies@7.0.0:
-    resolution: {integrity: sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==}
+  workbox-strategies@7.3.0:
+    resolution: {integrity: sha512-tmZydug+qzDFATwX7QiEL5Hdf7FrkhjaF9db1CbB39sDmEZJg3l9ayDvPxy8Y18C3Y66Nrr9kkN1f/RlkDgllg==}
 
-  workbox-streams@7.0.0:
-    resolution: {integrity: sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==}
+  workbox-streams@7.3.0:
+    resolution: {integrity: sha512-SZnXucyg8x2Y61VGtDjKPO5EgPUG5NDn/v86WYHX+9ZqvAsGOytP0Jxp1bl663YUuMoXSAtsGLL+byHzEuMRpw==}
 
-  workbox-sw@7.0.0:
-    resolution: {integrity: sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==}
+  workbox-sw@7.3.0:
+    resolution: {integrity: sha512-aCUyoAZU9IZtH05mn0ACUpyHzPs0lMeJimAYkQkBsOWiqaJLgusfDCR+yllkPkFRxWpZKF8vSvgHYeG7LwhlmA==}
 
-  workbox-window@7.0.0:
-    resolution: {integrity: sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==}
+  workbox-window@7.3.0:
+    resolution: {integrity: sha512-qW8PDy16OV1UBaUNGlTVcepzrlzyzNW/ZJvFQQs2j2TzGsg6IKjcpZC1RSquqQnTOafl5pCj5bGfAHlCjOOjdA==}
 
   wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
@@ -8569,8 +9433,8 @@ packages:
     resolution: {integrity: sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
 
-  ws@5.2.3:
-    resolution: {integrity: sha512-jZArVERrMsKUatIdnLzqvcfydI85dvd/Fp1u/VOpfdDWQ4c9qWXe+VIeAbQ5FrDwciAkr+lzofXLz3Kuf26AOA==}
+  ws@5.2.4:
+    resolution: {integrity: sha512-fFCejsuC8f9kOSu9FYaOw8CdO68O3h5v0lg4p74o8JqWpwTf9tniOD+nOB78aWoVSS6WptVUmDrp/KPsMVBWFQ==}
     peerDependencies:
       bufferutil: ^4.0.1
       utf-8-validate: ^5.0.2
@@ -8580,8 +9444,8 @@ packages:
       utf-8-validate:
         optional: true
 
-  ws@6.2.2:
-    resolution: {integrity: sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==}
+  ws@6.2.3:
+    resolution: {integrity: sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==}
     peerDependencies:
       bufferutil: ^4.0.1
       utf-8-validate: ^5.0.2
@@ -8591,8 +9455,8 @@ packages:
       utf-8-validate:
         optional: true
 
-  ws@7.4.6:
-    resolution: {integrity: sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A==}
+  ws@7.5.10:
+    resolution: {integrity: sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==}
     engines: {node: '>=8.3.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -8603,12 +9467,24 @@ packages:
       utf-8-validate:
         optional: true
 
-  ws@8.11.0:
-    resolution: {integrity: sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==}
+  ws@8.17.1:
+    resolution: {integrity: sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
-      utf-8-validate: ^5.0.2
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  ws@8.18.1:
+    resolution: {integrity: sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
     peerDependenciesMeta:
       bufferutil:
         optional: true
@@ -8621,8 +9497,8 @@ packages:
   xml-parse-from-string@1.0.1:
     resolution: {integrity: sha512-ErcKwJTF54uRzzNMXq2X5sMIy88zJvfN2DmdoQvy7PAFJ+tPRU6ydWuOKNMyfmOjdyBQTFREi60s0Y0SyI0G0g==}
 
-  xml2js@0.4.23:
-    resolution: {integrity: sha512-ySPiMjM0+pLDftHgXY4By0uswI3SPKLDw/i3UXbnO8M/p28zqexCUoPmQFrYD+/1BzhGJSs2i1ERWKJAtiLrug==}
+  xml2js@0.5.0:
+    resolution: {integrity: sha512-drPFnkQJik/O+uPKpqSgr22mpuFHqKdbS835iAQrUC73L2F5WkboIRd63ai/2Yg6I1jzifPFKH2NTK+cfglkIA==}
     engines: {node: '>=4.0.0'}
 
   xmlbuilder@11.0.1:
@@ -8633,8 +9509,8 @@ packages:
     resolution: {integrity: sha512-3XfeQE/wNkvrIktn2Kf0869fC0BN6UpydVasGIeSm2B1Llihf7/0UfZM+eCkOw3P7bP4+qPgqhm7ZoxuJtFU0Q==}
     engines: {node: '>=0.4.0'}
 
-  xmlhttprequest-ssl@2.0.0:
-    resolution: {integrity: sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==}
+  xmlhttprequest-ssl@2.1.2:
+    resolution: {integrity: sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==}
     engines: {node: '>=0.4.0'}
 
   xtend@4.0.2:
@@ -8658,12 +9534,8 @@ packages:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
 
-  yaml@2.3.2:
-    resolution: {integrity: sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg==}
-    engines: {node: '>= 14'}
-
-  yaml@2.4.1:
-    resolution: {integrity: sha512-pIXzoImaqmfOrL7teGUBt/T7ZDnyeGBWyXQBvOVhLkWLN37GXv8NMLK406UY6dS51JfcQHsmcW5cJ441bHg6Lg==}
+  yaml@2.7.0:
+    resolution: {integrity: sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==}
     engines: {node: '>= 14'}
     hasBin: true
 
@@ -8675,10 +9547,6 @@ packages:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
 
-  yargs@16.2.0:
-    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
-    engines: {node: '>=10'}
-
   yargs@17.7.2:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
@@ -8686,6 +9554,9 @@ packages:
   yauzl@2.10.0:
     resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
 
+  yazl@2.5.1:
+    resolution: {integrity: sha512-phENi2PLiHnHb6QBVot+dJnaAZ0xosj7p3fWl+znIjBDlnMI2PsZCJZ306BPTFOaHf5qdDEI8x5qFrSOBN5vrw==}
+
   yeast@0.1.2:
     resolution: {integrity: sha512-8HFIh676uyGYP6wP13R/j6OJ/1HwJ46snpvzE7aHAN3Ryqh2yX6Xox2B4CUmTwwOIzlG3Bs7ocsP5dZH/R1Qbg==}
 
@@ -8696,10 +9567,13 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yocto-queue@1.0.0:
-    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+  yocto-queue@1.2.0:
+    resolution: {integrity: sha512-KHBC7z61OJeaMGnF3wqNZj+GGNXOyypZviiKpQeiHirG5Ib1ImwcLBH70rbMSkKfSmUNBsdf2PwaEJtKvgmkNw==}
     engines: {node: '>=12.20'}
 
+  zod@3.24.2:
+    resolution: {integrity: sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==}
+
   zustand@3.6.5:
     resolution: {integrity: sha512-/WfLJuXiEJimt61KGMHebrFBwckkCHGhAgVXTgPQHl6IMzjqm6MREb1OnDSnCRiSmRdhgdFCctceg6tSm79hiw==}
     engines: {node: '>=12.7.0'}
@@ -8714,16 +9588,14 @@ packages:
 
 snapshots:
 
-  '@aashutoshrathi/word-wrap@1.2.6': {}
-
-  '@ampproject/remapping@2.2.1':
+  '@ampproject/remapping@2.3.0':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/gen-mapping': 0.3.8
+      '@jridgewell/trace-mapping': 0.3.25
 
-  '@apideck/better-ajv-errors@0.3.6(ajv@8.12.0)':
+  '@apideck/better-ajv-errors@0.3.6(ajv@8.17.1)':
     dependencies:
-      ajv: 8.12.0
+      ajv: 8.17.1
       json-schema: 0.4.0
       jsonpointer: 5.0.1
       leven: 3.1.0
@@ -8732,875 +9604,731 @@ snapshots:
     dependencies:
       default-browser-id: 3.0.0
 
-  '@azure/msal-common@14.9.0': {}
+  '@azure/msal-common@14.16.0': {}
 
-  '@azure/msal-node@2.7.0':
+  '@azure/msal-node@2.16.2':
     dependencies:
-      '@azure/msal-common': 14.9.0
+      '@azure/msal-common': 14.16.0
       jsonwebtoken: 9.0.2
       uuid: 8.3.2
 
-  '@babel/code-frame@7.22.13':
+  '@babel/code-frame@7.26.2':
     dependencies:
-      '@babel/highlight': 7.22.13
-      chalk: 2.4.2
+      '@babel/helper-validator-identifier': 7.25.9
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
 
-  '@babel/compat-data@7.22.9': {}
+  '@babel/compat-data@7.26.8': {}
 
-  '@babel/core@7.22.11':
+  '@babel/core@7.26.9':
     dependencies:
-      '@ampproject/remapping': 2.2.1
-      '@babel/code-frame': 7.22.13
-      '@babel/generator': 7.22.10
-      '@babel/helper-compilation-targets': 7.22.10
-      '@babel/helper-module-transforms': 7.22.9(@babel/core@7.22.11)
-      '@babel/helpers': 7.22.11
-      '@babel/parser': 7.22.13
-      '@babel/template': 7.22.5
-      '@babel/traverse': 7.22.11
-      '@babel/types': 7.22.11
-      convert-source-map: 1.9.0
-      debug: 4.3.4(supports-color@8.1.1)
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.26.2
+      '@babel/generator': 7.26.9
+      '@babel/helper-compilation-targets': 7.26.5
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.9)
+      '@babel/helpers': 7.26.9
+      '@babel/parser': 7.26.9
+      '@babel/template': 7.26.9
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
+      convert-source-map: 2.0.0
+      debug: 4.4.0(supports-color@8.1.1)
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.22.10':
+  '@babel/generator@7.26.9':
     dependencies:
-      '@babel/types': 7.22.11
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.19
-      jsesc: 2.5.2
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
+      '@jridgewell/gen-mapping': 0.3.8
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 3.1.0
 
-  '@babel/helper-annotate-as-pure@7.22.5':
+  '@babel/helper-annotate-as-pure@7.25.9':
     dependencies:
-      '@babel/types': 7.22.11
+      '@babel/types': 7.26.9
 
-  '@babel/helper-builder-binary-assignment-operator-visitor@7.22.10':
+  '@babel/helper-compilation-targets@7.26.5':
     dependencies:
-      '@babel/types': 7.22.11
-
-  '@babel/helper-compilation-targets@7.22.10':
-    dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/helper-validator-option': 7.22.5
-      browserslist: 4.21.10
+      '@babel/compat-data': 7.26.8
+      '@babel/helper-validator-option': 7.25.9
+      browserslist: 4.24.4
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.22.11(@babel/core@7.22.11)':
+  '@babel/helper-create-class-features-plugin@7.26.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-member-expression-to-functions': 7.22.5
-      '@babel/helper-optimise-call-expression': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/core': 7.26.9
+      '@babel/helper-annotate-as-pure': 7.25.9
+      '@babel/helper-member-expression-to-functions': 7.25.9
+      '@babel/helper-optimise-call-expression': 7.25.9
+      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.9)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
+      '@babel/traverse': 7.26.9
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-create-regexp-features-plugin@7.26.3(@babel/core@7.26.9)':
+    dependencies:
+      '@babel/core': 7.26.9
+      '@babel/helper-annotate-as-pure': 7.25.9
+      regexpu-core: 6.2.0
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.22.11)':
+  '@babel/helper-define-polyfill-provider@0.6.3(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-member-expression-to-functions': 7.23.0
-      '@babel/helper-optimise-call-expression': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      semver: 6.3.1
-
-  '@babel/helper-create-regexp-features-plugin@7.22.9(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-annotate-as-pure': 7.22.5
-      regexpu-core: 5.3.2
-      semver: 6.3.1
-
-  '@babel/helper-define-polyfill-provider@0.4.2(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-compilation-targets': 7.22.10
-      '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.4(supports-color@8.1.1)
+      '@babel/core': 7.26.9
+      '@babel/helper-compilation-targets': 7.26.5
+      '@babel/helper-plugin-utils': 7.26.5
+      debug: 4.4.1
       lodash.debounce: 4.0.8
-      resolve: 1.22.4
+      resolve: 1.22.10
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-environment-visitor@7.22.20': {}
-
-  '@babel/helper-environment-visitor@7.22.5': {}
-
-  '@babel/helper-function-name@7.22.5':
+  '@babel/helper-member-expression-to-functions@7.25.9':
     dependencies:
-      '@babel/template': 7.22.5
-      '@babel/types': 7.22.11
-
-  '@babel/helper-hoist-variables@7.22.5':
-    dependencies:
-      '@babel/types': 7.22.11
-
-  '@babel/helper-member-expression-to-functions@7.22.5':
-    dependencies:
-      '@babel/types': 7.22.11
-
-  '@babel/helper-member-expression-to-functions@7.23.0':
-    dependencies:
-      '@babel/types': 7.23.0
-
-  '@babel/helper-module-imports@7.22.15':
-    dependencies:
-      '@babel/types': 7.23.0
-
-  '@babel/helper-module-imports@7.22.5':
-    dependencies:
-      '@babel/types': 7.22.11
-
-  '@babel/helper-module-transforms@7.22.9(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-module-imports': 7.22.5
-      '@babel/helper-simple-access': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/helper-validator-identifier': 7.22.5
-
-  '@babel/helper-module-transforms@7.23.0(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-environment-visitor': 7.22.20
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/helper-simple-access': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/helper-validator-identifier': 7.22.20
-
-  '@babel/helper-optimise-call-expression@7.22.5':
-    dependencies:
-      '@babel/types': 7.22.11
-
-  '@babel/helper-plugin-utils@7.22.5': {}
-
-  '@babel/helper-remap-async-to-generator@7.22.9(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-wrap-function': 7.22.10
-
-  '@babel/helper-replace-supers@7.22.9(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-member-expression-to-functions': 7.22.5
-      '@babel/helper-optimise-call-expression': 7.22.5
-
-  '@babel/helper-simple-access@7.22.5':
-    dependencies:
-      '@babel/types': 7.22.11
-
-  '@babel/helper-skip-transparent-expression-wrappers@7.22.5':
-    dependencies:
-      '@babel/types': 7.22.11
-
-  '@babel/helper-split-export-declaration@7.22.6':
-    dependencies:
-      '@babel/types': 7.22.11
-
-  '@babel/helper-string-parser@7.22.5': {}
-
-  '@babel/helper-validator-identifier@7.22.20': {}
-
-  '@babel/helper-validator-identifier@7.22.5': {}
-
-  '@babel/helper-validator-option@7.22.15': {}
-
-  '@babel/helper-validator-option@7.22.5': {}
-
-  '@babel/helper-wrap-function@7.22.10':
-    dependencies:
-      '@babel/helper-function-name': 7.22.5
-      '@babel/template': 7.22.5
-      '@babel/types': 7.22.11
-
-  '@babel/helpers@7.22.11':
-    dependencies:
-      '@babel/template': 7.22.5
-      '@babel/traverse': 7.22.11
-      '@babel/types': 7.22.11
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/highlight@7.22.13':
+  '@babel/helper-module-imports@7.25.9':
     dependencies:
-      '@babel/helper-validator-identifier': 7.22.5
-      chalk: 2.4.2
-      js-tokens: 4.0.0
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/parser@7.22.13':
+  '@babel/helper-module-transforms@7.26.0(@babel/core@7.26.9)':
     dependencies:
-      '@babel/types': 7.22.11
+      '@babel/core': 7.26.9
+      '@babel/helper-module-imports': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
+      '@babel/traverse': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.5(@babel/core@7.22.11)':
+  '@babel/helper-optimise-call-expression@7.25.9':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/types': 7.26.9
 
-  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.22.5(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/plugin-transform-optional-chaining': 7.22.12(@babel/core@7.22.11)
+  '@babel/helper-plugin-utils@7.26.5': {}
 
-  '@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.22.11)':
+  '@babel/helper-remap-async-to-generator@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-class-features-plugin': 7.22.11(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-annotate-as-pure': 7.25.9
+      '@babel/helper-wrap-function': 7.25.9
+      '@babel/traverse': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.22.11)':
+  '@babel/helper-replace-supers@7.26.5(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-member-expression-to-functions': 7.25.9
+      '@babel/helper-optimise-call-expression': 7.25.9
+      '@babel/traverse': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.22.11)':
+  '@babel/helper-skip-transparent-expression-wrappers@7.25.9':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.11)
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
+  '@babel/helper-string-parser@7.25.9': {}
 
-  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+  '@babel/helper-validator-identifier@7.25.9': {}
 
-  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+  '@babel/helper-validator-option@7.25.9': {}
 
-  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.22.11)':
+  '@babel/helper-wrap-function@7.25.9':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/template': 7.26.9
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.22.11)':
+  '@babel/helpers@7.26.9':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/template': 7.26.9
+      '@babel/types': 7.26.9
 
-  '@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.22.11)':
+  '@babel/parser@7.26.9':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/types': 7.26.9
 
-  '@babel/plugin-syntax-flow@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/traverse': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-import-assertions@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-import-attributes@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.22.11)':
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
+      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.26.9)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.22.11)':
+  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/traverse': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
 
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.22.11)':
+  '@babel/plugin-syntax-flow@7.26.0(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.22.11)':
+  '@babel/plugin-syntax-import-assertions@7.26.0(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.22.11)':
+  '@babel/plugin-syntax-import-attributes@7.26.0(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.22.11)':
+  '@babel/plugin-syntax-jsx@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.22.11)':
+  '@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.22.11)':
+  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-arrow-functions@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-async-generator-functions@7.26.8(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-remap-async-to-generator': 7.25.9(@babel/core@7.26.9)
+      '@babel/traverse': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-async-to-generator@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-module-imports': 7.25.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-remap-async-to-generator': 7.25.9(@babel/core@7.26.9)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.22.11)':
+  '@babel/plugin-transform-block-scoped-functions@7.26.5(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-regexp-features-plugin': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-arrow-functions@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-block-scoping@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-async-generator-functions@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-class-properties@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-remap-async-to-generator': 7.22.9(@babel/core@7.22.11)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-create-class-features-plugin': 7.26.9(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-async-to-generator@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-class-static-block@7.26.0(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-module-imports': 7.22.5
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-remap-async-to-generator': 7.22.9(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-create-class-features-plugin': 7.26.9(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-block-scoped-functions@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-classes@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-
-  '@babel/plugin-transform-block-scoping@7.22.10(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-
-  '@babel/plugin-transform-class-properties@7.22.5(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-class-features-plugin': 7.22.11(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
-
-  '@babel/plugin-transform-class-static-block@7.22.11(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-class-features-plugin': 7.22.11(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.11)
-
-  '@babel/plugin-transform-classes@7.22.6(@babel/core@7.22.11)':
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-compilation-targets': 7.22.10
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-optimise-call-expression': 7.22.5
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/core': 7.26.9
+      '@babel/helper-annotate-as-pure': 7.25.9
+      '@babel/helper-compilation-targets': 7.26.5
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.9)
+      '@babel/traverse': 7.26.9
       globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-computed-properties@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-computed-properties@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/template': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/template': 7.26.9
 
-  '@babel/plugin-transform-destructuring@7.22.10(@babel/core@7.22.11)':
+  '@babel/plugin-transform-destructuring@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-dotall-regex@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-dotall-regex@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-regexp-features-plugin': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-duplicate-keys@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-duplicate-keys@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-dynamic-import@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-exponentiation-operator@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-dynamic-import@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-builder-binary-assignment-operator-visitor': 7.22.10
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-export-namespace-from@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-exponentiation-operator@7.26.3(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-flow-strip-types@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-export-namespace-from@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-flow': 7.22.5(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-for-of@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-flow-strip-types@7.26.5(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/plugin-syntax-flow': 7.26.0(@babel/core@7.26.9)
 
-  '@babel/plugin-transform-function-name@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-for-of@7.26.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-compilation-targets': 7.22.10
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-json-strings@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-function-name@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-compilation-targets': 7.26.5
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/traverse': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-literals@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-json-strings@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-logical-assignment-operators@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-literals@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-member-expression-literals@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-logical-assignment-operators@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-modules-amd@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-member-expression-literals@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-module-transforms': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-modules-commonjs@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-modules-amd@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-module-transforms': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-simple-access': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-modules-commonjs@7.23.0(@babel/core@7.22.11)':
+  '@babel/plugin-transform-modules-commonjs@7.26.3(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-module-transforms': 7.23.0(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-simple-access': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-modules-systemjs@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-modules-systemjs@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-hoist-variables': 7.22.5
-      '@babel/helper-module-transforms': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-validator-identifier': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-validator-identifier': 7.25.9
+      '@babel/traverse': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-modules-umd@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-modules-umd@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-module-transforms': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-named-capturing-groups-regex@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-named-capturing-groups-regex@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-regexp-features-plugin': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-new-target@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-new-target@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-nullish-coalescing-operator@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-nullish-coalescing-operator@7.26.6(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-numeric-separator@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-numeric-separator@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-object-rest-spread@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-object-rest-spread@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.11
-      '@babel/helper-compilation-targets': 7.22.10
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.11)
-      '@babel/plugin-transform-parameters': 7.22.5(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-compilation-targets': 7.26.5
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.26.9)
 
-  '@babel/plugin-transform-object-super@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-object-super@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.22.9(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.9)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-optional-catch-binding@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-optional-catch-binding@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-optional-chaining@7.22.12(@babel/core@7.22.11)':
+  '@babel/plugin-transform-optional-chaining@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-parameters@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-parameters@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-private-methods@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-private-methods@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-class-features-plugin': 7.22.11(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-create-class-features-plugin': 7.26.9(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-private-property-in-object@7.22.11(@babel/core@7.22.11)':
+  '@babel/plugin-transform-private-property-in-object@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.22.11(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-annotate-as-pure': 7.25.9
+      '@babel/helper-create-class-features-plugin': 7.26.9(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-property-literals@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-property-literals@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-react-jsx-self@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-react-jsx-self@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-react-jsx-source@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-react-jsx-source@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-regenerator@7.22.10(@babel/core@7.22.11)':
+  '@babel/plugin-transform-regenerator@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
       regenerator-transform: 0.15.2
 
-  '@babel/plugin-transform-reserved-words@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-regexp-modifiers@7.26.0(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-shorthand-properties@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-reserved-words@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-spread@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-shorthand-properties@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-sticky-regex@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-spread@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-template-literals@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-sticky-regex@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-typeof-symbol@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-template-literals@7.26.8(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-typescript@7.22.15(@babel/core@7.22.11)':
+  '@babel/plugin-transform-typeof-symbol@7.26.7(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-unicode-escapes@7.22.10(@babel/core@7.22.11)':
+  '@babel/plugin-transform-typescript@7.26.8(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-annotate-as-pure': 7.25.9
+      '@babel/helper-create-class-features-plugin': 7.26.9(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
+      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.9)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-transform-unicode-property-regex@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-unicode-escapes@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-regexp-features-plugin': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-unicode-regex@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-unicode-property-regex@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-regexp-features-plugin': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/plugin-transform-unicode-sets-regex@7.22.5(@babel/core@7.22.11)':
+  '@babel/plugin-transform-unicode-regex@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-create-regexp-features-plugin': 7.22.9(@babel/core@7.22.11)
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/core': 7.26.9
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
 
-  '@babel/preset-env@7.22.10(@babel/core@7.22.11)':
+  '@babel/plugin-transform-unicode-sets-regex@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.11
-      '@babel/helper-compilation-targets': 7.22.10
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-validator-option': 7.22.5
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.22.11)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.11)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.22.11)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.11)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.11)
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.11)
-      '@babel/plugin-syntax-import-assertions': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-syntax-import-attributes': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.22.11)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.11)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.11)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.11)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.11)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.11)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.11)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.11)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.11)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.22.11)
-      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.22.11)
-      '@babel/plugin-transform-arrow-functions': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-async-generator-functions': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-async-to-generator': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-block-scoped-functions': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-block-scoping': 7.22.10(@babel/core@7.22.11)
-      '@babel/plugin-transform-class-properties': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-class-static-block': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-classes': 7.22.6(@babel/core@7.22.11)
-      '@babel/plugin-transform-computed-properties': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-destructuring': 7.22.10(@babel/core@7.22.11)
-      '@babel/plugin-transform-dotall-regex': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-duplicate-keys': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-dynamic-import': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-exponentiation-operator': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-export-namespace-from': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-for-of': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-function-name': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-json-strings': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-literals': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-logical-assignment-operators': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-member-expression-literals': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-modules-amd': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-modules-commonjs': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-modules-systemjs': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-modules-umd': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-new-target': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-nullish-coalescing-operator': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-numeric-separator': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-object-rest-spread': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-object-super': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-optional-catch-binding': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-optional-chaining': 7.22.12(@babel/core@7.22.11)
-      '@babel/plugin-transform-parameters': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-private-methods': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-private-property-in-object': 7.22.11(@babel/core@7.22.11)
-      '@babel/plugin-transform-property-literals': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-regenerator': 7.22.10(@babel/core@7.22.11)
-      '@babel/plugin-transform-reserved-words': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-shorthand-properties': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-spread': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-sticky-regex': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-template-literals': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-typeof-symbol': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-unicode-escapes': 7.22.10(@babel/core@7.22.11)
-      '@babel/plugin-transform-unicode-property-regex': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-unicode-regex': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-unicode-sets-regex': 7.22.5(@babel/core@7.22.11)
-      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.22.11)
-      '@babel/types': 7.22.11
-      babel-plugin-polyfill-corejs2: 0.4.5(@babel/core@7.22.11)
-      babel-plugin-polyfill-corejs3: 0.8.3(@babel/core@7.22.11)
-      babel-plugin-polyfill-regenerator: 0.5.2(@babel/core@7.22.11)
-      core-js-compat: 3.32.1
+      '@babel/core': 7.26.9
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.9)
+      '@babel/helper-plugin-utils': 7.26.5
+
+  '@babel/preset-env@7.26.9(@babel/core@7.26.9)':
+    dependencies:
+      '@babel/compat-data': 7.26.8
+      '@babel/core': 7.26.9
+      '@babel/helper-compilation-targets': 7.26.5
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-validator-option': 7.25.9
+      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.26.9)
+      '@babel/plugin-syntax-import-assertions': 7.26.0(@babel/core@7.26.9)
+      '@babel/plugin-syntax-import-attributes': 7.26.0(@babel/core@7.26.9)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.26.9)
+      '@babel/plugin-transform-arrow-functions': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-async-generator-functions': 7.26.8(@babel/core@7.26.9)
+      '@babel/plugin-transform-async-to-generator': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-block-scoped-functions': 7.26.5(@babel/core@7.26.9)
+      '@babel/plugin-transform-block-scoping': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-class-properties': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-class-static-block': 7.26.0(@babel/core@7.26.9)
+      '@babel/plugin-transform-classes': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-computed-properties': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-destructuring': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-dotall-regex': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-duplicate-keys': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-dynamic-import': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-exponentiation-operator': 7.26.3(@babel/core@7.26.9)
+      '@babel/plugin-transform-export-namespace-from': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-for-of': 7.26.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-function-name': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-json-strings': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-literals': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-logical-assignment-operators': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-member-expression-literals': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-modules-amd': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-modules-commonjs': 7.26.3(@babel/core@7.26.9)
+      '@babel/plugin-transform-modules-systemjs': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-modules-umd': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-new-target': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.26.6(@babel/core@7.26.9)
+      '@babel/plugin-transform-numeric-separator': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-object-rest-spread': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-object-super': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-optional-catch-binding': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-private-methods': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-private-property-in-object': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-property-literals': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-regenerator': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-regexp-modifiers': 7.26.0(@babel/core@7.26.9)
+      '@babel/plugin-transform-reserved-words': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-shorthand-properties': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-spread': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-sticky-regex': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-template-literals': 7.26.8(@babel/core@7.26.9)
+      '@babel/plugin-transform-typeof-symbol': 7.26.7(@babel/core@7.26.9)
+      '@babel/plugin-transform-unicode-escapes': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-unicode-property-regex': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-unicode-regex': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-unicode-sets-regex': 7.25.9(@babel/core@7.26.9)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.26.9)
+      babel-plugin-polyfill-corejs2: 0.4.12(@babel/core@7.26.9)
+      babel-plugin-polyfill-corejs3: 0.11.1(@babel/core@7.26.9)
+      babel-plugin-polyfill-regenerator: 0.6.3(@babel/core@7.26.9)
+      core-js-compat: 3.41.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/preset-flow@7.22.15(@babel/core@7.22.11)':
+  '@babel/preset-flow@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-validator-option': 7.22.15
-      '@babel/plugin-transform-flow-strip-types': 7.22.5(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-validator-option': 7.25.9
+      '@babel/plugin-transform-flow-strip-types': 7.26.5(@babel/core@7.26.9)
 
-  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.22.11)':
+  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/types': 7.22.11
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/types': 7.26.9
       esutils: 2.0.3
 
-  '@babel/preset-typescript@7.23.0(@babel/core@7.22.11)':
+  '@babel/preset-typescript@7.26.0(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-validator-option': 7.22.15
-      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-modules-commonjs': 7.23.0(@babel/core@7.22.11)
-      '@babel/plugin-transform-typescript': 7.22.15(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-plugin-utils': 7.26.5
+      '@babel/helper-validator-option': 7.25.9
+      '@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-modules-commonjs': 7.26.3(@babel/core@7.26.9)
+      '@babel/plugin-transform-typescript': 7.26.8(@babel/core@7.26.9)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/register@7.22.15(@babel/core@7.22.11)':
+  '@babel/register@7.25.9(@babel/core@7.26.9)':
     dependencies:
-      '@babel/core': 7.22.11
+      '@babel/core': 7.26.9
       clone-deep: 4.0.1
       find-cache-dir: 2.1.0
       make-dir: 2.1.0
       pirates: 4.0.6
       source-map-support: 0.5.21
 
-  '@babel/regjsgen@0.8.0': {}
-
-  '@babel/runtime@7.22.11':
+  '@babel/runtime@7.26.9':
     dependencies:
-      regenerator-runtime: 0.14.0
+      regenerator-runtime: 0.14.1
 
-  '@babel/runtime@7.24.5':
+  '@babel/template@7.26.9':
     dependencies:
-      regenerator-runtime: 0.14.0
+      '@babel/code-frame': 7.26.2
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
 
-  '@babel/template@7.22.5':
+  '@babel/traverse@7.26.9':
     dependencies:
-      '@babel/code-frame': 7.22.13
-      '@babel/parser': 7.22.13
-      '@babel/types': 7.22.11
-
-  '@babel/traverse@7.22.11':
-    dependencies:
-      '@babel/code-frame': 7.22.13
-      '@babel/generator': 7.22.10
-      '@babel/helper-environment-visitor': 7.22.5
-      '@babel/helper-function-name': 7.22.5
-      '@babel/helper-hoist-variables': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.22.13
-      '@babel/types': 7.22.11
-      debug: 4.3.4(supports-color@8.1.1)
+      '@babel/code-frame': 7.26.2
+      '@babel/generator': 7.26.9
+      '@babel/parser': 7.26.9
+      '@babel/template': 7.26.9
+      '@babel/types': 7.26.9
+      debug: 4.4.1
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.22.11':
+  '@babel/types@7.26.9':
     dependencies:
-      '@babel/helper-string-parser': 7.22.5
-      '@babel/helper-validator-identifier': 7.22.5
-      to-fast-properties: 2.0.0
-
-  '@babel/types@7.23.0':
-    dependencies:
-      '@babel/helper-string-parser': 7.22.5
-      '@babel/helper-validator-identifier': 7.22.20
-      to-fast-properties: 2.0.0
+      '@babel/helper-string-parser': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
 
   '@base2/pretty-print-object@1.0.1': {}
 
-  '@bcoe/v8-coverage@0.2.3': {}
-
-  '@cbor-extract/cbor-extract-darwin-arm64@2.2.0':
-    optional: true
-
-  '@cbor-extract/cbor-extract-darwin-x64@2.2.0':
-    optional: true
-
-  '@cbor-extract/cbor-extract-linux-arm64@2.2.0':
-    optional: true
-
-  '@cbor-extract/cbor-extract-linux-arm@2.2.0':
-    optional: true
-
-  '@cbor-extract/cbor-extract-linux-x64@2.2.0':
-    optional: true
-
-  '@cbor-extract/cbor-extract-win32-x64@2.2.0':
-    optional: true
-
   '@colors/colors@1.5.0':
     optional: true
 
   '@cypress/request@2.88.12':
     dependencies:
       aws-sign2: 0.7.0
-      aws4: 1.12.0
+      aws4: 1.13.2
       caseless: 0.12.0
       combined-stream: 1.0.8
       extend: 3.0.2
@@ -9614,9 +10342,10 @@ snapshots:
       performance-now: 2.1.0
       qs: 6.10.4
       safe-buffer: 5.2.1
-      tough-cookie: 4.1.3
+      tough-cookie: 4.1.4
       tunnel-agent: 0.6.0
       uuid: 8.3.2
+    optional: true
 
   '@cypress/xvfb@1.2.4(supports-color@8.1.1)':
     dependencies:
@@ -9624,342 +10353,372 @@ snapshots:
       lodash.once: 4.1.1
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
-  '@dimaka/interface@0.0.3-alpha.0(@babel/core@7.22.11)(@popperjs/core@2.11.8)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@dimaka/interface@0.0.3-alpha.0(@babel/core@7.26.9)(@popperjs/core@2.11.8)(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@emotion/css': 11.5.0(@babel/core@7.22.11)
+      '@emotion/css': 11.5.0(@babel/core@7.26.9)
       '@juggle/resize-observer': 3.3.1
       animejs: 3.2.1
       clsx: 1.1.1
-      react: 18.2.0
-      react-popper: 2.3.0(@popperjs/core@2.11.8)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react-portal: 4.2.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react-use: 17.3.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react-use-measure: 2.1.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      valtio: 1.11.2(@types/react@18.2.20)(react@18.2.0)
-      zustand: 3.6.5(react@18.2.0)
+      react: 18.3.1
+      react-popper: 2.3.0(@popperjs/core@2.11.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-portal: 4.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-use: 17.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-use-measure: 2.1.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      valtio: 1.11.2(@types/react@18.3.18)(react@18.3.1)
+      zustand: 3.6.5(react@18.3.1)
     transitivePeerDependencies:
       - '@babel/core'
       - '@popperjs/core'
       - '@types/react'
       - react-dom
+      - supports-color
 
   '@discoveryjs/json-ext@0.5.7': {}
 
-  '@emotion/babel-plugin@11.11.0':
+  '@emnapi/runtime@1.3.1':
     dependencies:
-      '@babel/helper-module-imports': 7.22.5
-      '@babel/runtime': 7.22.11
-      '@emotion/hash': 0.9.1
-      '@emotion/memoize': 0.8.1
-      '@emotion/serialize': 1.1.2
+      tslib: 2.8.1
+    optional: true
+
+  '@emotion/babel-plugin@11.13.5':
+    dependencies:
+      '@babel/helper-module-imports': 7.25.9
+      '@babel/runtime': 7.26.9
+      '@emotion/hash': 0.9.2
+      '@emotion/memoize': 0.9.0
+      '@emotion/serialize': 1.3.3
       babel-plugin-macros: 3.1.0
       convert-source-map: 1.9.0
       escape-string-regexp: 4.0.0
       find-root: 1.1.0
       source-map: 0.5.7
       stylis: 4.2.0
+    transitivePeerDependencies:
+      - supports-color
 
-  '@emotion/cache@11.11.0':
+  '@emotion/cache@11.14.0':
     dependencies:
-      '@emotion/memoize': 0.8.1
-      '@emotion/sheet': 1.2.2
-      '@emotion/utils': 1.2.1
-      '@emotion/weak-memoize': 0.3.1
+      '@emotion/memoize': 0.9.0
+      '@emotion/sheet': 1.4.0
+      '@emotion/utils': 1.4.2
+      '@emotion/weak-memoize': 0.4.0
       stylis: 4.2.0
 
-  '@emotion/css@11.5.0(@babel/core@7.22.11)':
+  '@emotion/css@11.5.0(@babel/core@7.26.9)':
     dependencies:
-      '@emotion/babel-plugin': 11.11.0
-      '@emotion/cache': 11.11.0
-      '@emotion/serialize': 1.1.2
-      '@emotion/sheet': 1.2.2
-      '@emotion/utils': 1.2.1
+      '@emotion/babel-plugin': 11.13.5
+      '@emotion/cache': 11.14.0
+      '@emotion/serialize': 1.3.3
+      '@emotion/sheet': 1.4.0
+      '@emotion/utils': 1.4.2
     optionalDependencies:
-      '@babel/core': 7.22.11
+      '@babel/core': 7.26.9
+    transitivePeerDependencies:
+      - supports-color
 
-  '@emotion/hash@0.9.1': {}
+  '@emotion/hash@0.9.2': {}
 
-  '@emotion/memoize@0.8.1': {}
+  '@emotion/memoize@0.9.0': {}
 
-  '@emotion/serialize@1.1.2':
+  '@emotion/react@11.14.0(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@emotion/hash': 0.9.1
-      '@emotion/memoize': 0.8.1
-      '@emotion/unitless': 0.8.1
-      '@emotion/utils': 1.2.1
-      csstype: 3.1.2
+      '@babel/runtime': 7.26.9
+      '@emotion/babel-plugin': 11.13.5
+      '@emotion/cache': 11.14.0
+      '@emotion/serialize': 1.3.3
+      '@emotion/use-insertion-effect-with-fallbacks': 1.2.0(react@18.3.1)
+      '@emotion/utils': 1.4.2
+      '@emotion/weak-memoize': 0.4.0
+      hoist-non-react-statics: 3.3.2
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+    transitivePeerDependencies:
+      - supports-color
 
-  '@emotion/sheet@1.2.2': {}
-
-  '@emotion/unitless@0.8.1': {}
-
-  '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@18.2.0)':
+  '@emotion/serialize@1.3.3':
     dependencies:
-      react: 18.2.0
+      '@emotion/hash': 0.9.2
+      '@emotion/memoize': 0.9.0
+      '@emotion/unitless': 0.10.0
+      '@emotion/utils': 1.4.2
+      csstype: 3.1.3
 
-  '@emotion/utils@1.2.1': {}
+  '@emotion/sheet@1.4.0': {}
 
-  '@emotion/weak-memoize@0.3.1': {}
+  '@emotion/unitless@0.10.0': {}
 
-  '@esbuild/aix-ppc64@0.19.11':
+  '@emotion/use-insertion-effect-with-fallbacks@1.2.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@emotion/utils@1.4.2': {}
+
+  '@emotion/weak-memoize@0.4.0': {}
+
+  '@esbuild/aix-ppc64@0.19.12':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.25.0':
     optional: true
 
   '@esbuild/android-arm64@0.18.20':
     optional: true
 
-  '@esbuild/android-arm64@0.19.11':
+  '@esbuild/android-arm64@0.19.12':
     optional: true
 
-  '@esbuild/android-arm64@0.19.3':
+  '@esbuild/android-arm64@0.25.0':
     optional: true
 
   '@esbuild/android-arm@0.18.20':
     optional: true
 
-  '@esbuild/android-arm@0.19.11':
+  '@esbuild/android-arm@0.19.12':
     optional: true
 
-  '@esbuild/android-arm@0.19.3':
+  '@esbuild/android-arm@0.25.0':
     optional: true
 
   '@esbuild/android-x64@0.18.20':
     optional: true
 
-  '@esbuild/android-x64@0.19.11':
+  '@esbuild/android-x64@0.19.12':
     optional: true
 
-  '@esbuild/android-x64@0.19.3':
+  '@esbuild/android-x64@0.25.0':
     optional: true
 
   '@esbuild/darwin-arm64@0.18.20':
     optional: true
 
-  '@esbuild/darwin-arm64@0.19.11':
+  '@esbuild/darwin-arm64@0.19.12':
     optional: true
 
-  '@esbuild/darwin-arm64@0.19.3':
+  '@esbuild/darwin-arm64@0.25.0':
     optional: true
 
   '@esbuild/darwin-x64@0.18.20':
     optional: true
 
-  '@esbuild/darwin-x64@0.19.11':
+  '@esbuild/darwin-x64@0.19.12':
     optional: true
 
-  '@esbuild/darwin-x64@0.19.3':
+  '@esbuild/darwin-x64@0.25.0':
     optional: true
 
   '@esbuild/freebsd-arm64@0.18.20':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.19.11':
+  '@esbuild/freebsd-arm64@0.19.12':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.19.3':
+  '@esbuild/freebsd-arm64@0.25.0':
     optional: true
 
   '@esbuild/freebsd-x64@0.18.20':
     optional: true
 
-  '@esbuild/freebsd-x64@0.19.11':
+  '@esbuild/freebsd-x64@0.19.12':
     optional: true
 
-  '@esbuild/freebsd-x64@0.19.3':
+  '@esbuild/freebsd-x64@0.25.0':
     optional: true
 
   '@esbuild/linux-arm64@0.18.20':
     optional: true
 
-  '@esbuild/linux-arm64@0.19.11':
+  '@esbuild/linux-arm64@0.19.12':
     optional: true
 
-  '@esbuild/linux-arm64@0.19.3':
+  '@esbuild/linux-arm64@0.25.0':
     optional: true
 
   '@esbuild/linux-arm@0.18.20':
     optional: true
 
-  '@esbuild/linux-arm@0.19.11':
+  '@esbuild/linux-arm@0.19.12':
     optional: true
 
-  '@esbuild/linux-arm@0.19.3':
+  '@esbuild/linux-arm@0.25.0':
     optional: true
 
   '@esbuild/linux-ia32@0.18.20':
     optional: true
 
-  '@esbuild/linux-ia32@0.19.11':
+  '@esbuild/linux-ia32@0.19.12':
     optional: true
 
-  '@esbuild/linux-ia32@0.19.3':
+  '@esbuild/linux-ia32@0.25.0':
     optional: true
 
   '@esbuild/linux-loong64@0.18.20':
     optional: true
 
-  '@esbuild/linux-loong64@0.19.11':
+  '@esbuild/linux-loong64@0.19.12':
     optional: true
 
-  '@esbuild/linux-loong64@0.19.3':
+  '@esbuild/linux-loong64@0.25.0':
     optional: true
 
   '@esbuild/linux-mips64el@0.18.20':
     optional: true
 
-  '@esbuild/linux-mips64el@0.19.11':
+  '@esbuild/linux-mips64el@0.19.12':
     optional: true
 
-  '@esbuild/linux-mips64el@0.19.3':
+  '@esbuild/linux-mips64el@0.25.0':
     optional: true
 
   '@esbuild/linux-ppc64@0.18.20':
     optional: true
 
-  '@esbuild/linux-ppc64@0.19.11':
+  '@esbuild/linux-ppc64@0.19.12':
     optional: true
 
-  '@esbuild/linux-ppc64@0.19.3':
+  '@esbuild/linux-ppc64@0.25.0':
     optional: true
 
   '@esbuild/linux-riscv64@0.18.20':
     optional: true
 
-  '@esbuild/linux-riscv64@0.19.11':
+  '@esbuild/linux-riscv64@0.19.12':
     optional: true
 
-  '@esbuild/linux-riscv64@0.19.3':
+  '@esbuild/linux-riscv64@0.25.0':
     optional: true
 
   '@esbuild/linux-s390x@0.18.20':
     optional: true
 
-  '@esbuild/linux-s390x@0.19.11':
+  '@esbuild/linux-s390x@0.19.12':
     optional: true
 
-  '@esbuild/linux-s390x@0.19.3':
+  '@esbuild/linux-s390x@0.25.0':
     optional: true
 
   '@esbuild/linux-x64@0.18.20':
     optional: true
 
-  '@esbuild/linux-x64@0.19.11':
+  '@esbuild/linux-x64@0.19.12':
     optional: true
 
-  '@esbuild/linux-x64@0.19.3':
+  '@esbuild/linux-x64@0.25.0':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.25.0':
     optional: true
 
   '@esbuild/netbsd-x64@0.18.20':
     optional: true
 
-  '@esbuild/netbsd-x64@0.19.11':
+  '@esbuild/netbsd-x64@0.19.12':
     optional: true
 
-  '@esbuild/netbsd-x64@0.19.3':
+  '@esbuild/netbsd-x64@0.25.0':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.25.0':
     optional: true
 
   '@esbuild/openbsd-x64@0.18.20':
     optional: true
 
-  '@esbuild/openbsd-x64@0.19.11':
+  '@esbuild/openbsd-x64@0.19.12':
     optional: true
 
-  '@esbuild/openbsd-x64@0.19.3':
+  '@esbuild/openbsd-x64@0.25.0':
     optional: true
 
   '@esbuild/sunos-x64@0.18.20':
     optional: true
 
-  '@esbuild/sunos-x64@0.19.11':
+  '@esbuild/sunos-x64@0.19.12':
     optional: true
 
-  '@esbuild/sunos-x64@0.19.3':
+  '@esbuild/sunos-x64@0.25.0':
     optional: true
 
   '@esbuild/win32-arm64@0.18.20':
     optional: true
 
-  '@esbuild/win32-arm64@0.19.11':
+  '@esbuild/win32-arm64@0.19.12':
     optional: true
 
-  '@esbuild/win32-arm64@0.19.3':
+  '@esbuild/win32-arm64@0.25.0':
     optional: true
 
   '@esbuild/win32-ia32@0.18.20':
     optional: true
 
-  '@esbuild/win32-ia32@0.19.11':
+  '@esbuild/win32-ia32@0.19.12':
     optional: true
 
-  '@esbuild/win32-ia32@0.19.3':
+  '@esbuild/win32-ia32@0.25.0':
     optional: true
 
   '@esbuild/win32-x64@0.18.20':
     optional: true
 
-  '@esbuild/win32-x64@0.19.11':
+  '@esbuild/win32-x64@0.19.12':
     optional: true
 
-  '@esbuild/win32-x64@0.19.3':
+  '@esbuild/win32-x64@0.25.0':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.50.0)':
+  '@eslint-community/eslint-utils@4.4.1(eslint@8.57.1)':
     dependencies:
-      eslint: 8.50.0
+      eslint: 8.57.1
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.8.0': {}
+  '@eslint-community/regexpp@4.12.1': {}
 
-  '@eslint/eslintrc@2.1.2':
+  '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.0(supports-color@8.1.1)
       espree: 9.6.1
-      globals: 13.21.0
-      ignore: 5.2.4
-      import-fresh: 3.3.0
+      globals: 13.24.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
       js-yaml: 4.1.0
       minimatch: 3.1.2
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@8.50.0': {}
+  '@eslint/js@8.57.1': {}
 
   '@fal-works/esbuild-plugin-global-externals@2.1.2': {}
 
-  '@fastify/busboy@2.0.0': {}
+  '@fastify/busboy@2.1.1': {}
 
-  '@floating-ui/core@1.5.0':
+  '@floating-ui/core@1.6.9':
     dependencies:
-      '@floating-ui/utils': 0.1.6
+      '@floating-ui/utils': 0.2.9
 
-  '@floating-ui/dom@1.5.3':
+  '@floating-ui/dom@1.6.13':
     dependencies:
-      '@floating-ui/core': 1.5.0
-      '@floating-ui/utils': 0.1.6
+      '@floating-ui/core': 1.6.9
+      '@floating-ui/utils': 0.2.9
 
-  '@floating-ui/react-dom@2.0.2(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@floating-ui/react-dom@2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@floating-ui/dom': 1.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@floating-ui/dom': 1.6.13
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
-  '@floating-ui/react-dom@2.0.9(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@floating-ui/react@0.26.28(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@floating-ui/dom': 1.5.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-
-  '@floating-ui/react@0.26.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
-    dependencies:
-      '@floating-ui/react-dom': 2.0.2(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@floating-ui/utils': 0.1.6
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@floating-ui/react-dom': 2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@floating-ui/utils': 0.2.9
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
       tabbable: 6.2.0
 
-  '@floating-ui/utils@0.1.6': {}
+  '@floating-ui/utils@0.2.9': {}
 
   '@gar/promisify@1.1.3':
     optional: true
@@ -9970,19 +10729,92 @@ snapshots:
     dependencies:
       '@hapi/hoek': 9.3.0
 
-  '@humanwhocodes/config-array@0.11.11':
+  '@humanwhocodes/config-array@0.13.0':
     dependencies:
-      '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.3.4(supports-color@8.1.1)
+      '@humanwhocodes/object-schema': 2.0.3
+      debug: 4.4.0(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
 
   '@humanwhocodes/module-importer@1.0.1': {}
 
-  '@humanwhocodes/object-schema@1.2.1': {}
+  '@humanwhocodes/object-schema@2.0.3': {}
 
-  '@iconify/types@2.0.0': {}
+  '@img/sharp-darwin-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.0.5
+    optional: true
+
+  '@img/sharp-linux-s390x@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-wasm32@0.33.5':
+    dependencies:
+      '@emnapi/runtime': 1.3.1
+    optional: true
+
+  '@img/sharp-win32-ia32@0.33.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.33.5':
+    optional: true
 
   '@isaacs/cliui@8.0.2':
     dependencies:
@@ -10009,9 +10841,9 @@ snapshots:
 
   '@jest/transform@29.7.0':
     dependencies:
-      '@babel/core': 7.22.11
+      '@babel/core': 7.26.9
       '@jest/types': 29.6.3
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/trace-mapping': 0.3.25
       babel-plugin-istanbul: 6.1.1
       chalk: 4.1.2
       convert-source-map: 2.0.0
@@ -10020,7 +10852,7 @@ snapshots:
       jest-haste-map: 29.7.0
       jest-regex-util: 29.6.3
       jest-util: 29.7.0
-      micromatch: 4.0.5
+      micromatch: 4.0.8
       pirates: 4.0.6
       slash: 3.0.0
       write-file-atomic: 4.0.2
@@ -10030,375 +10862,441 @@ snapshots:
   '@jest/types@29.6.3':
     dependencies:
       '@jest/schemas': 29.6.3
-      '@types/istanbul-lib-coverage': 2.0.4
-      '@types/istanbul-reports': 3.0.2
-      '@types/node': 20.12.8
-      '@types/yargs': 17.0.28
+      '@types/istanbul-lib-coverage': 2.0.6
+      '@types/istanbul-reports': 3.0.4
+      '@types/node': 22.13.9
+      '@types/yargs': 17.0.33
       chalk: 4.1.2
 
-  '@jimp/bmp@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/bmp@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
       bmp-js: 0.1.0
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/core@0.10.3':
+  '@jimp/core@0.10.3(debug@4.4.0)':
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
       '@jimp/utils': 0.10.3
       any-base: 1.1.0
-      buffer: 5.7.1
-      core-js: 3.32.1
+      buffer: 6.0.3
+      core-js: 3.41.0
       exif-parser: 0.1.12
       file-type: 9.0.0
-      load-bmfont: 1.4.1
+      load-bmfont: 1.4.2(debug@4.4.0)
       mkdirp: 0.5.6
       phin: 2.9.3
       pixelmatch: 4.0.2
       tinycolor2: 1.6.0
+    transitivePeerDependencies:
+      - debug
+    optional: true
 
-  '@jimp/custom@0.10.3':
+  '@jimp/custom@0.10.3(debug@4.4.0)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/core': 0.10.3
-      core-js: 3.32.1
+      '@babel/runtime': 7.26.9
+      '@jimp/core': 0.10.3(debug@4.4.0)
+      core-js: 3.41.0
+    transitivePeerDependencies:
+      - debug
+    optional: true
 
-  '@jimp/gif@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/gif@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
       omggif: 1.0.10
+    optional: true
 
-  '@jimp/jpeg@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/jpeg@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
       jpeg-js: 0.3.7
+    optional: true
 
-  '@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-blur@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-blur@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-circle@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-circle@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-color@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-color@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
       tinycolor2: 1.6.0
+    optional: true
 
-  '@jimp/plugin-contain@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3)))':
+  '@jimp/plugin-contain@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugin-blit': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-scale': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugin-blit': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-scale': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-cover@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3)))':
+  '@jimp/plugin-cover@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugin-crop': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-scale': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugin-crop': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-scale': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-displace@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-displace@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-dither@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-dither@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-fisheye@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-fisheye@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-flip@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-rotate@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3)))':
+  '@jimp/plugin-flip@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-rotate@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugin-rotate': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugin-rotate': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-gaussian@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-gaussian@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-invert@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-invert@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-mask@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-mask@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-normalize@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-normalize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-print@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3))':
+  '@jimp/plugin-print@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(debug@4.4.0)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugin-blit': 0.10.3(@jimp/custom@0.10.3)
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugin-blit': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
-      load-bmfont: 1.4.1
+      core-js: 3.41.0
+      load-bmfont: 1.4.2(debug@4.4.0)
+    transitivePeerDependencies:
+      - debug
+    optional: true
 
-  '@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-rotate@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))':
+  '@jimp/plugin-rotate@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugin-blit': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-crop': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3)
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugin-blit': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-crop': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))':
+  '@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3)
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-shadow@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blur@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))':
+  '@jimp/plugin-shadow@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blur@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugin-blur': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3)
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugin-blur': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugin-threshold@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-color@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))':
+  '@jimp/plugin-threshold@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-color@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugin-color': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3)
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugin-color': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
+    optional: true
 
-  '@jimp/plugins@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/plugins@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(debug@4.4.0)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugin-blit': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-blur': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-circle': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-color': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-contain': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3)))
-      '@jimp/plugin-cover': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3)))
-      '@jimp/plugin-crop': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-displace': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-dither': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-fisheye': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-flip': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-rotate@0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3)))
-      '@jimp/plugin-gaussian': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-invert': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-mask': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-normalize': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-print': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3))
-      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/plugin-rotate': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))
-      '@jimp/plugin-scale': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))
-      '@jimp/plugin-shadow': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-blur@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))
-      '@jimp/plugin-threshold': 0.10.3(@jimp/custom@0.10.3)(@jimp/plugin-color@0.10.3(@jimp/custom@0.10.3))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3))
-      core-js: 3.32.1
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugin-blit': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-blur': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-circle': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-color': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-contain': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))))
+      '@jimp/plugin-cover': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-scale@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))))
+      '@jimp/plugin-crop': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-displace': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-dither': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-fisheye': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-flip': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-rotate@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))))
+      '@jimp/plugin-gaussian': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-invert': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-mask': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-normalize': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-print': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(debug@4.4.0)
+      '@jimp/plugin-resize': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/plugin-rotate': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blit@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-crop@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))
+      '@jimp/plugin-scale': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))
+      '@jimp/plugin-shadow': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-blur@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))
+      '@jimp/plugin-threshold': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(@jimp/plugin-color@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))(@jimp/plugin-resize@0.10.3(@jimp/custom@0.10.3(debug@4.4.0)))
+      core-js: 3.41.0
       timm: 1.7.1
+    transitivePeerDependencies:
+      - debug
+    optional: true
 
-  '@jimp/png@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/png@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
       '@jimp/utils': 0.10.3
-      core-js: 3.32.1
+      core-js: 3.41.0
       pngjs: 3.4.0
+    optional: true
 
-  '@jimp/tiff@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/tiff@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      core-js: 3.32.1
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      core-js: 3.41.0
       utif: 2.0.1
+    optional: true
 
-  '@jimp/types@0.10.3(@jimp/custom@0.10.3)':
+  '@jimp/types@0.10.3(@jimp/custom@0.10.3(debug@4.4.0))':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/bmp': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/custom': 0.10.3
-      '@jimp/gif': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/jpeg': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/png': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/tiff': 0.10.3(@jimp/custom@0.10.3)
-      core-js: 3.32.1
+      '@babel/runtime': 7.26.9
+      '@jimp/bmp': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/gif': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/jpeg': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/png': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      '@jimp/tiff': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      core-js: 3.41.0
       timm: 1.7.1
+    optional: true
 
   '@jimp/utils@0.10.3':
     dependencies:
-      '@babel/runtime': 7.22.11
-      core-js: 3.32.1
+      '@babel/runtime': 7.26.9
+      core-js: 3.41.0
       regenerator-runtime: 0.13.11
+    optional: true
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.2.1(typescript@5.5.0-beta)(vite@4.5.3(@types/node@20.8.0)(terser@5.19.2))':
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.3.0(typescript@5.5.4)(vite@6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0))':
     dependencies:
       glob: 7.2.3
       glob-promise: 4.2.2(glob@7.2.3)
       magic-string: 0.27.0
-      react-docgen-typescript: 2.2.2(typescript@5.5.0-beta)
-      vite: 4.5.3(@types/node@20.8.0)(terser@5.19.2)
+      react-docgen-typescript: 2.2.2(typescript@5.5.4)
+      vite: 6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0)
     optionalDependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
 
-  '@jridgewell/gen-mapping@0.3.3':
+  '@jridgewell/gen-mapping@0.3.8':
     dependencies:
-      '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
 
-  '@jridgewell/resolve-uri@3.1.1': {}
+  '@jridgewell/resolve-uri@3.1.2': {}
 
-  '@jridgewell/set-array@1.1.2': {}
+  '@jridgewell/set-array@1.2.1': {}
 
-  '@jridgewell/source-map@0.3.5':
+  '@jridgewell/source-map@0.3.6':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.19
+      '@jridgewell/gen-mapping': 0.3.8
+      '@jridgewell/trace-mapping': 0.3.25
 
-  '@jridgewell/sourcemap-codec@1.4.15': {}
+  '@jridgewell/sourcemap-codec@1.5.0': {}
 
-  '@jridgewell/trace-mapping@0.3.19':
+  '@jridgewell/trace-mapping@0.3.25':
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.1
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@jspm/core@2.0.1': {}
+  '@jsonjoy.com/base64@1.1.2(tslib@2.8.1)':
+    dependencies:
+      tslib: 2.8.1
+
+  '@jsonjoy.com/json-pack@1.2.0(tslib@2.8.1)':
+    dependencies:
+      '@jsonjoy.com/base64': 1.1.2(tslib@2.8.1)
+      '@jsonjoy.com/util': 1.5.0(tslib@2.8.1)
+      hyperdyperid: 1.2.0
+      thingies: 1.21.0(tslib@2.8.1)
+      tslib: 2.8.1
+
+  '@jsonjoy.com/util@1.5.0(tslib@2.8.1)':
+    dependencies:
+      tslib: 2.8.1
+
+  '@jspm/core@2.1.0': {}
 
   '@juggle/resize-observer@3.3.1': {}
 
+  '@juggle/resize-observer@3.4.0': {}
+
   '@mapbox/node-pre-gyp@1.0.11(encoding@0.1.13)':
     dependencies:
-      detect-libc: 2.0.2
+      detect-libc: 2.0.3
       https-proxy-agent: 5.0.1
       make-dir: 3.1.0
       node-fetch: 2.7.0(encoding@0.1.13)
       nopt: 5.0.0
       npmlog: 5.0.1
       rimraf: 3.0.2
-      semver: 7.5.4
-      tar: 6.2.0
+      semver: 7.7.1
+      tar: 6.2.1
     transitivePeerDependencies:
       - encoding
       - supports-color
+    optional: true
 
-  '@mdx-js/react@2.3.0(react@18.2.0)':
+  '@mdx-js/react@2.3.0(react@18.3.1)':
     dependencies:
-      '@types/mdx': 2.0.8
-      '@types/react': 18.2.20
-      react: 18.2.0
+      '@types/mdx': 2.0.13
+      '@types/react': 18.3.18
+      react: 18.3.1
+
+  '@module-federation/error-codes@0.11.2': {}
+
+  '@module-federation/runtime-core@0.11.2':
+    dependencies:
+      '@module-federation/error-codes': 0.11.2
+      '@module-federation/sdk': 0.11.2
+
+  '@module-federation/runtime-tools@0.11.2':
+    dependencies:
+      '@module-federation/runtime': 0.11.2
+      '@module-federation/webpack-bundler-runtime': 0.11.2
+
+  '@module-federation/runtime@0.11.2':
+    dependencies:
+      '@module-federation/error-codes': 0.11.2
+      '@module-federation/runtime-core': 0.11.2
+      '@module-federation/sdk': 0.11.2
+
+  '@module-federation/sdk@0.11.2': {}
+
+  '@module-federation/webpack-bundler-runtime@0.11.2':
+    dependencies:
+      '@module-federation/runtime': 0.11.2
+      '@module-federation/sdk': 0.11.2
+
+  '@monaco-editor/loader@1.5.0':
+    dependencies:
+      state-local: 1.0.7
+
+  '@monaco-editor/react@4.7.0(monaco-editor@0.52.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@monaco-editor/loader': 1.5.0
+      monaco-editor: 0.52.2
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
   '@msgpack/msgpack@2.8.0': {}
 
-  '@mui/base@5.0.0-beta.40(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@floating-ui/react-dom': 2.0.9(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@mui/types': 7.2.14(@types/react@18.2.20)
-      '@mui/utils': 5.15.14(@types/react@18.2.20)(react@18.2.0)
-      '@popperjs/core': 2.11.8
-      clsx: 2.1.1
-      prop-types: 15.8.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    optionalDependencies:
-      '@types/react': 18.2.20
-
-  '@mui/types@7.2.14(@types/react@18.2.20)':
-    optionalDependencies:
-      '@types/react': 18.2.20
-
-  '@mui/utils@5.15.14(@types/react@18.2.20)(react@18.2.0)':
-    dependencies:
-      '@babel/runtime': 7.24.5
-      '@types/prop-types': 15.7.12
-      prop-types: 15.8.1
-      react: 18.2.0
-      react-is: 18.2.0
-    optionalDependencies:
-      '@types/react': 18.2.20
-
   '@ndelangen/get-tarball@3.0.9':
     dependencies:
       gunzip-maybe: 1.4.2
-      pump: 3.0.0
-      tar-fs: 2.1.1
+      pump: 3.0.2
+      tar-fs: 2.1.2
 
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
@@ -10410,12 +11308,12 @@ snapshots:
   '@nodelib/fs.walk@1.2.8':
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.15.0
+      fastq: 1.19.1
 
   '@npmcli/fs@2.1.2':
     dependencies:
       '@gar/promisify': 1.1.3
-      semver: 7.6.0
+      semver: 7.7.1
     optional: true
 
   '@npmcli/move-file@2.0.1':
@@ -10424,25 +11322,38 @@ snapshots:
       rimraf: 3.0.2
     optional: true
 
-  '@nxg-org/mineflayer-auto-jump@0.7.7':
+  '@nxg-org/mineflayer-auto-jump@0.7.18':
     dependencies:
-      '@nxg-org/mineflayer-physics-util': 1.5.8
+      '@nxg-org/mineflayer-physics-util': 1.8.10
       strict-event-emitter-types: 2.0.0
 
-  '@nxg-org/mineflayer-physics-util@1.5.8':
+  '@nxg-org/mineflayer-physics-util@1.8.10':
     dependencies:
-      '@nxg-org/mineflayer-util-plugin': 1.8.3
+      '@nxg-org/mineflayer-util-plugin': 1.8.4
 
-  '@nxg-org/mineflayer-tracker@1.2.1':
+  '@nxg-org/mineflayer-tracker@1.3.0(encoding@0.1.13)':
     dependencies:
-      '@nxg-org/mineflayer-trajectories': 1.1.1
-      '@nxg-org/mineflayer-util-plugin': 1.8.3
+      '@nxg-org/mineflayer-physics-util': 1.8.10
+      '@nxg-org/mineflayer-trajectories': 1.2.0(encoding@0.1.13)
+      '@nxg-org/mineflayer-util-plugin': 1.8.4
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
 
-  '@nxg-org/mineflayer-trajectories@1.1.1':
+  '@nxg-org/mineflayer-trajectories@1.2.0(encoding@0.1.13)':
     dependencies:
-      '@nxg-org/mineflayer-util-plugin': 1.8.3
+      '@nxg-org/mineflayer-util-plugin': 1.8.4
+      minecraft-data: 3.98.0
+      mineflayer: https://codeload.github.com/zardoy/mineflayer/tar.gz/dd3b1ff38506d6f72d90e8444186e4e75fe82659(encoding@0.1.13)
+      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9
+      prismarine-item: 1.17.0
+      prismarine-physics: https://codeload.github.com/zardoy/prismarine-physics/tar.gz/353e25b800149393f40539ec381218be44cbb03b
+      vec3: 0.1.10
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
 
-  '@nxg-org/mineflayer-util-plugin@1.8.3': {}
+  '@nxg-org/mineflayer-util-plugin@1.8.4': {}
 
   '@pkgjs/parseargs@0.11.0':
     optional: true
@@ -10451,359 +11362,613 @@ snapshots:
 
   '@radix-ui/number@1.0.1':
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
 
   '@radix-ui/primitive@1.0.1':
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
 
-  '@radix-ui/react-arrow@1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/primitive@1.1.1': {}
+
+  '@radix-ui/react-arrow@1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-collection@1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-collection@1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      react: 18.2.0
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.2(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-context@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-compose-refs@1.0.1(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      react: 18.2.0
+      '@babel/runtime': 7.26.9
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-direction@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-compose-refs@1.1.1(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      react: 18.2.0
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-dismissable-layer@1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-context@1.0.1(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+
+  '@radix-ui/react-context@1.1.1(@types/react@18.3.18)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+
+  '@radix-ui/react-direction@1.0.1(@types/react@18.3.18)(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.26.9
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+
+  '@radix-ui/react-direction@1.1.0(@types/react@18.3.18)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+
+  '@radix-ui/react-dismissable-layer@1.0.4(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.26.9
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-focus-guards@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-focus-guards@1.0.1(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      react: 18.2.0
+      '@babel/runtime': 7.26.9
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-focus-scope@1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-focus-scope@1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-id@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-id@1.0.1(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-popper@1.1.2(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-id@1.1.0(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@floating-ui/react-dom': 2.0.2(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-use-rect': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.20)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+
+  '@radix-ui/react-popper@1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.26.9
+      '@floating-ui/react-dom': 2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-use-rect': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.0.1(@types/react@18.3.18)(react@18.3.1)
       '@radix-ui/rect': 1.0.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-portal@1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-portal@1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-roving-focus@1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-primitive@2.0.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@radix-ui/react-slot': 1.1.2(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-select@1.2.2(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-roving-focus@1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-collection': 1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
+
+  '@radix-ui/react-select@1.2.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.26.9
       '@radix-ui/number': 1.0.1
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-dismissable-layer': 1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-focus-scope': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-popper': 1.1.2(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-portal': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      aria-hidden: 1.2.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      react-remove-scroll: 2.5.5(@types/react@18.2.20)(react@18.2.0)
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.0.4(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-popper': 1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      aria-hidden: 1.2.4
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.5.5(@types/react@18.3.18)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-separator@1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-separator@1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-slot@1.0.2(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-slot@1.0.2(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-toggle-group@1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-slot@1.1.2(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-toggle': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-toggle@1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-toggle-group@1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle': 1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-toolbar@1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-toggle@1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-context': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-direction': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-separator': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-toggle-group': 1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-toolbar@1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      react: 18.2.0
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-separator': 1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle-group': 1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
-  '@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
+      '@babel/runtime': 7.26.9
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      react: 18.2.0
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-use-previous@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      react: 18.2.0
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-use-rect@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+
+  '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.3.18)(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.26.9
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+
+  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@18.3.18)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+
+  '@radix-ui/react-use-previous@1.0.1(@types/react@18.3.18)(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.26.9
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
+
+  '@radix-ui/react-use-rect@1.0.1(@types/react@18.3.18)(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.26.9
       '@radix-ui/rect': 1.0.1
-      react: 18.2.0
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-use-size@1.0.1(@types/react@18.2.20)(react@18.2.0)':
+  '@radix-ui/react-use-size@1.0.1(@types/react@18.3.18)(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.20)(react@18.2.0)
-      react: 18.2.0
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.18)(react@18.3.1)
+      react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@babel/runtime': 7.26.9
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      '@types/react-dom': 18.2.7
+      '@types/react': 18.3.18
+      '@types/react-dom': 18.3.5(@types/react@18.3.18)
 
   '@radix-ui/rect@1.0.1':
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
 
-  '@react-oauth/google@0.12.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@react-oauth/google@0.12.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
-  '@rollup/plugin-babel@5.3.1(@babel/core@7.22.11)(@types/babel__core@7.20.2)(rollup@2.79.1)':
+  '@rollup/plugin-babel@5.3.1(@babel/core@7.26.9)(@types/babel__core@7.20.5)(rollup@2.79.2)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-module-imports': 7.22.5
-      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
-      rollup: 2.79.1
+      '@babel/core': 7.26.9
+      '@babel/helper-module-imports': 7.25.9
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.2)
+      rollup: 2.79.2
     optionalDependencies:
-      '@types/babel__core': 7.20.2
+      '@types/babel__core': 7.20.5
+    transitivePeerDependencies:
+      - supports-color
 
-  '@rollup/plugin-node-resolve@11.2.1(rollup@2.79.1)':
+  '@rollup/plugin-node-resolve@15.3.1(rollup@2.79.2)':
     dependencies:
-      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
-      '@types/resolve': 1.17.1
-      builtin-modules: 3.3.0
+      '@rollup/pluginutils': 5.1.4(rollup@2.79.2)
+      '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-module: 1.0.0
-      resolve: 1.22.4
-      rollup: 2.79.1
+      resolve: 1.22.10
+    optionalDependencies:
+      rollup: 2.79.2
 
-  '@rollup/plugin-replace@2.4.2(rollup@2.79.1)':
+  '@rollup/plugin-replace@2.4.2(rollup@2.79.2)':
     dependencies:
-      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.2)
       magic-string: 0.25.9
-      rollup: 2.79.1
+      rollup: 2.79.2
 
-  '@rollup/pluginutils@3.1.0(rollup@2.79.1)':
+  '@rollup/plugin-terser@0.4.4(rollup@2.79.2)':
+    dependencies:
+      serialize-javascript: 6.0.2
+      smob: 1.5.0
+      terser: 5.39.0
+    optionalDependencies:
+      rollup: 2.79.2
+
+  '@rollup/pluginutils@3.1.0(rollup@2.79.2)':
     dependencies:
       '@types/estree': 0.0.39
       estree-walker: 1.0.1
       picomatch: 2.3.1
-      rollup: 2.79.1
+      rollup: 2.79.2
 
-  '@rollup/pluginutils@5.0.5(rollup@2.79.1)':
+  '@rollup/pluginutils@5.1.4(rollup@2.79.2)':
     dependencies:
-      '@types/estree': 1.0.2
+      '@types/estree': 1.0.6
       estree-walker: 2.0.2
-      picomatch: 2.3.1
+      picomatch: 4.0.2
     optionalDependencies:
-      rollup: 2.79.1
+      rollup: 2.79.2
 
-  '@rushstack/eslint-patch@1.4.0': {}
+  '@rollup/rollup-android-arm-eabi@4.34.9':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.34.9':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.34.9':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.34.9':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.34.9':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.34.9':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.34.9':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.34.9':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.34.9':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.34.9':
+    optional: true
+
+  '@rsbuild/core@1.3.5':
+    dependencies:
+      '@rspack/core': 1.3.3(@swc/helpers@0.5.15)
+      '@rspack/lite-tapable': 1.0.1
+      '@swc/helpers': 0.5.15
+      core-js: 3.41.0
+      jiti: 2.4.2
+    transitivePeerDependencies:
+      - '@rspack/tracing'
+
+  '@rsbuild/plugin-node-polyfill@1.3.0(@rsbuild/core@1.3.5)':
+    dependencies:
+      assert: 2.1.0
+      browserify-zlib: 0.2.0
+      buffer: 6.0.3
+      console-browserify: 1.2.0
+      constants-browserify: 1.0.0
+      crypto-browserify: 3.12.1
+      domain-browser: 5.7.0
+      events: 3.3.0
+      https-browserify: 1.0.0
+      os-browserify: 0.3.0
+      path-browserify: 1.0.1
+      process: 0.11.10
+      punycode: 2.3.1
+      querystring-es3: 0.2.1
+      readable-stream: 4.7.0
+      stream-browserify: 3.0.0
+      stream-http: 3.2.0
+      string_decoder: 1.3.0
+      timers-browserify: 2.0.12
+      tty-browserify: 0.0.1
+      url: 0.11.4
+      util: 0.12.5
+      vm-browserify: 1.1.2
+    optionalDependencies:
+      '@rsbuild/core': 1.3.5
+
+  '@rsbuild/plugin-react@1.2.0(@rsbuild/core@1.3.5)':
+    dependencies:
+      '@rsbuild/core': 1.3.5
+      '@rspack/plugin-react-refresh': 1.2.0(react-refresh@0.17.0)
+      react-refresh: 0.17.0
+    transitivePeerDependencies:
+      - webpack-hot-middleware
+
+  '@rsbuild/plugin-type-check@1.2.1(@rsbuild/core@1.3.5)(@rspack/core@1.3.3(@swc/helpers@0.5.15))(typescript@5.5.4)':
+    dependencies:
+      deepmerge: 4.3.1
+      json5: 2.2.3
+      reduce-configs: 1.1.0
+      ts-checker-rspack-plugin: 1.1.1(@rspack/core@1.3.3(@swc/helpers@0.5.15))(typescript@5.5.4)
+    optionalDependencies:
+      '@rsbuild/core': 1.3.5
+    transitivePeerDependencies:
+      - '@rspack/core'
+      - typescript
+
+  '@rsbuild/plugin-typed-css-modules@1.0.2(@rsbuild/core@1.3.5)':
+    optionalDependencies:
+      '@rsbuild/core': 1.3.5
+
+  '@rspack/binding-darwin-arm64@1.3.3':
+    optional: true
+
+  '@rspack/binding-darwin-x64@1.3.3':
+    optional: true
+
+  '@rspack/binding-linux-arm64-gnu@1.3.3':
+    optional: true
+
+  '@rspack/binding-linux-arm64-musl@1.3.3':
+    optional: true
+
+  '@rspack/binding-linux-x64-gnu@1.3.3':
+    optional: true
+
+  '@rspack/binding-linux-x64-musl@1.3.3':
+    optional: true
+
+  '@rspack/binding-win32-arm64-msvc@1.3.3':
+    optional: true
+
+  '@rspack/binding-win32-ia32-msvc@1.3.3':
+    optional: true
+
+  '@rspack/binding-win32-x64-msvc@1.3.3':
+    optional: true
+
+  '@rspack/binding@1.3.3':
+    optionalDependencies:
+      '@rspack/binding-darwin-arm64': 1.3.3
+      '@rspack/binding-darwin-x64': 1.3.3
+      '@rspack/binding-linux-arm64-gnu': 1.3.3
+      '@rspack/binding-linux-arm64-musl': 1.3.3
+      '@rspack/binding-linux-x64-gnu': 1.3.3
+      '@rspack/binding-linux-x64-musl': 1.3.3
+      '@rspack/binding-win32-arm64-msvc': 1.3.3
+      '@rspack/binding-win32-ia32-msvc': 1.3.3
+      '@rspack/binding-win32-x64-msvc': 1.3.3
+
+  '@rspack/core@1.3.3(@swc/helpers@0.5.15)':
+    dependencies:
+      '@module-federation/runtime-tools': 0.11.2
+      '@rspack/binding': 1.3.3
+      '@rspack/lite-tapable': 1.0.1
+      caniuse-lite: 1.0.30001713
+    optionalDependencies:
+      '@swc/helpers': 0.5.15
+
+  '@rspack/lite-tapable@1.0.1': {}
+
+  '@rspack/plugin-react-refresh@1.2.0(react-refresh@0.17.0)':
+    dependencies:
+      error-stack-parser: 2.1.4
+      html-entities: 2.6.0
+      react-refresh: 0.17.0
+
+  '@rushstack/eslint-patch@1.10.5': {}
 
   '@sideway/address@4.1.5':
     dependencies:
@@ -10815,95 +11980,56 @@ snapshots:
 
   '@sinclair/typebox@0.27.8': {}
 
-  '@socket.io/component-emitter@3.1.0': {}
+  '@socket.io/component-emitter@3.1.2': {}
 
-  '@storybook/addon-actions@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/addon-actions@7.6.20':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/core-events': 7.4.6
+      '@storybook/core-events': 7.6.20
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@types/uuid': 9.0.8
       dequal: 2.0.3
-      lodash: 4.17.21
-      polished: 4.2.2
-      prop-types: 15.8.1
-      react-inspector: 6.0.2(react@18.2.0)
-      telejson: 7.2.0
-      ts-dedent: 2.2.0
+      polished: 4.3.1
       uuid: 9.0.1
-    optionalDependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
 
-  '@storybook/addon-backgrounds@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/addon-backgrounds@7.6.20':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/core-events': 7.4.6
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/types': 7.4.6
       memoizerific: 1.11.3
       ts-dedent: 2.2.0
-    optionalDependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
 
-  '@storybook/addon-controls@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/addon-controls@7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@storybook/blocks': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/core-common': 7.4.6(encoding@0.1.13)
-      '@storybook/core-events': 7.4.6
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/node-logger': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/blocks': 7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       lodash: 4.17.21
       ts-dedent: 2.2.0
-    optionalDependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
     transitivePeerDependencies:
       - '@types/react'
       - '@types/react-dom'
       - encoding
+      - react
+      - react-dom
       - supports-color
 
-  '@storybook/addon-docs@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/addon-docs@7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@jest/transform': 29.7.0
-      '@mdx-js/react': 2.3.0(react@18.2.0)
-      '@storybook/blocks': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/csf-plugin': 7.4.6
-      '@storybook/csf-tools': 7.4.6
+      '@mdx-js/react': 2.3.0(react@18.3.1)
+      '@storybook/blocks': 7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/client-logger': 7.6.20
+      '@storybook/components': 7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/csf-plugin': 7.6.20
+      '@storybook/csf-tools': 7.6.20
       '@storybook/global': 5.0.0
       '@storybook/mdx2-csf': 1.1.0
-      '@storybook/node-logger': 7.4.6
-      '@storybook/postinstall': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      '@storybook/react-dom-shim': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/theming': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/types': 7.4.6
-      fs-extra: 11.1.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@storybook/node-logger': 7.6.20
+      '@storybook/postinstall': 7.6.20
+      '@storybook/preview-api': 7.6.20
+      '@storybook/react-dom-shim': 7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/theming': 7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/types': 7.6.20
+      fs-extra: 11.3.0
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
       remark-external-links: 8.0.0
       remark-slug: 6.1.0
       ts-dedent: 2.2.0
@@ -10913,23 +12039,23 @@ snapshots:
       - encoding
       - supports-color
 
-  '@storybook/addon-essentials@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/addon-essentials@7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@storybook/addon-actions': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/addon-backgrounds': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/addon-controls': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/addon-docs': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/addon-highlight': 7.4.6
-      '@storybook/addon-measure': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/addon-outline': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/addon-toolbars': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/addon-viewport': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/core-common': 7.4.6(encoding@0.1.13)
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/node-logger': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      '@storybook/addon-actions': 7.6.20
+      '@storybook/addon-backgrounds': 7.6.20
+      '@storybook/addon-controls': 7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/addon-docs': 7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/addon-highlight': 7.6.20
+      '@storybook/addon-measure': 7.6.20
+      '@storybook/addon-outline': 7.6.20
+      '@storybook/addon-toolbars': 7.6.20
+      '@storybook/addon-viewport': 7.6.20
+      '@storybook/core-common': 7.6.20(encoding@0.1.13)
+      '@storybook/manager-api': 7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/node-logger': 7.6.20
+      '@storybook/preview-api': 7.6.20
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
@@ -10937,119 +12063,59 @@ snapshots:
       - encoding
       - supports-color
 
-  '@storybook/addon-highlight@7.4.6':
+  '@storybook/addon-highlight@7.6.20':
     dependencies:
-      '@storybook/core-events': 7.4.6
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.4.6
 
-  '@storybook/addon-links@7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/addon-links@7.6.20(react@18.3.1)':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-events': 7.4.6
-      '@storybook/csf': 0.1.1
+      '@storybook/csf': 0.1.13
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/router': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/types': 7.4.6
-      prop-types: 15.8.1
       ts-dedent: 2.2.0
     optionalDependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
 
-  '@storybook/addon-measure@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/addon-measure@7.6.20':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/core-events': 7.4.6
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/types': 7.4.6
-      tiny-invariant: 1.3.1
-    optionalDependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
+      tiny-invariant: 1.3.3
 
-  '@storybook/addon-outline@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/addon-outline@7.6.20':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/core-events': 7.4.6
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/types': 7.4.6
       ts-dedent: 2.2.0
-    optionalDependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
 
-  '@storybook/addon-toolbars@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
-    dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-    optionalDependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
+  '@storybook/addon-toolbars@7.6.20': {}
 
-  '@storybook/addon-viewport@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/addon-viewport@7.6.20':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/core-events': 7.4.6
-      '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       memoizerific: 1.11.3
-      prop-types: 15.8.1
-    optionalDependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
 
-  '@storybook/blocks@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/blocks@7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@storybook/channels': 7.4.6
-      '@storybook/client-logger': 7.4.6
-      '@storybook/components': 7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/core-events': 7.4.6
-      '@storybook/csf': 0.1.1
-      '@storybook/docs-tools': 7.4.6(encoding@0.1.13)
+      '@storybook/channels': 7.6.20
+      '@storybook/client-logger': 7.6.20
+      '@storybook/components': 7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/core-events': 7.6.20
+      '@storybook/csf': 0.1.13
+      '@storybook/docs-tools': 7.6.20(encoding@0.1.13)
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/theming': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/types': 7.4.6
-      '@types/lodash': 4.14.199
+      '@storybook/manager-api': 7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/preview-api': 7.6.20
+      '@storybook/theming': 7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/types': 7.6.20
+      '@types/lodash': 4.17.16
       color-convert: 2.0.1
       dequal: 2.0.3
       lodash: 4.17.21
-      markdown-to-jsx: 7.3.2(react@18.2.0)
+      markdown-to-jsx: 7.7.4(react@18.3.1)
       memoizerific: 1.11.3
-      polished: 4.2.2
-      react: 18.2.0
-      react-colorful: 5.6.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react-dom: 18.2.0(react@18.2.0)
+      polished: 4.3.1
+      react: 18.3.1
+      react-colorful: 5.6.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-dom: 18.3.1(react@18.3.1)
       telejson: 7.2.0
-      tocbot: 4.21.2
+      tocbot: 4.35.0
       ts-dedent: 2.2.0
       util-deprecate: 1.0.2
     transitivePeerDependencies:
@@ -11058,104 +12124,100 @@ snapshots:
       - encoding
       - supports-color
 
-  '@storybook/builder-manager@7.4.6(encoding@0.1.13)':
+  '@storybook/builder-manager@7.6.20(encoding@0.1.13)':
     dependencies:
       '@fal-works/esbuild-plugin-global-externals': 2.1.2
-      '@storybook/core-common': 7.4.6(encoding@0.1.13)
-      '@storybook/manager': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@types/ejs': 3.1.3
+      '@storybook/core-common': 7.6.20(encoding@0.1.13)
+      '@storybook/manager': 7.6.20
+      '@storybook/node-logger': 7.6.20
+      '@types/ejs': 3.1.5
       '@types/find-cache-dir': 3.2.1
       '@yarnpkg/esbuild-plugin-pnp': 3.0.0-rc.15(esbuild@0.18.20)
       browser-assert: 1.2.1
-      ejs: 3.1.9
+      ejs: 3.1.10
       esbuild: 0.18.20
       esbuild-plugin-alias: 0.2.1
-      express: 4.18.2
+      express: 4.21.2
       find-cache-dir: 3.3.2
-      fs-extra: 11.1.1
+      fs-extra: 11.3.0
       process: 0.11.10
       util: 0.12.5
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@storybook/builder-vite@7.4.6(encoding@0.1.13)(typescript@5.5.0-beta)(vite@4.5.3(@types/node@20.8.0)(terser@5.19.2))':
+  '@storybook/builder-vite@7.6.20(encoding@0.1.13)(typescript@5.5.4)(vite@6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0))':
     dependencies:
-      '@storybook/channels': 7.4.6
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-common': 7.4.6(encoding@0.1.13)
-      '@storybook/csf-plugin': 7.4.6
-      '@storybook/mdx2-csf': 1.1.0
-      '@storybook/node-logger': 7.4.6
-      '@storybook/preview': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      '@storybook/types': 7.4.6
+      '@storybook/channels': 7.6.20
+      '@storybook/client-logger': 7.6.20
+      '@storybook/core-common': 7.6.20(encoding@0.1.13)
+      '@storybook/csf-plugin': 7.6.20
+      '@storybook/node-logger': 7.6.20
+      '@storybook/preview': 7.6.20
+      '@storybook/preview-api': 7.6.20
+      '@storybook/types': 7.6.20
       '@types/find-cache-dir': 3.2.1
       browser-assert: 1.2.1
       es-module-lexer: 0.9.3
-      express: 4.18.2
+      express: 4.21.2
       find-cache-dir: 3.3.2
-      fs-extra: 11.1.1
-      magic-string: 0.30.4
-      remark-external-links: 8.0.0
-      remark-slug: 6.1.0
-      rollup: 3.29.4
-      vite: 4.5.3(@types/node@20.8.0)(terser@5.19.2)
+      fs-extra: 11.3.0
+      magic-string: 0.30.17
+      rollup: 3.29.5
+      vite: 6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0)
     optionalDependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@storybook/channels@7.4.6':
+  '@storybook/channels@7.6.20':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-events': 7.4.6
+      '@storybook/client-logger': 7.6.20
+      '@storybook/core-events': 7.6.20
       '@storybook/global': 5.0.0
-      qs: 6.11.2
+      qs: 6.14.0
       telejson: 7.2.0
-      tiny-invariant: 1.3.1
+      tiny-invariant: 1.3.3
 
-  '@storybook/cli@7.4.6(encoding@0.1.13)':
+  '@storybook/cli@7.6.20(encoding@0.1.13)':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/preset-env': 7.22.10(@babel/core@7.22.11)
-      '@babel/types': 7.22.11
+      '@babel/core': 7.26.9
+      '@babel/preset-env': 7.26.9(@babel/core@7.26.9)
+      '@babel/types': 7.26.9
       '@ndelangen/get-tarball': 3.0.9
-      '@storybook/codemod': 7.4.6
-      '@storybook/core-common': 7.4.6(encoding@0.1.13)
-      '@storybook/core-events': 7.4.6
-      '@storybook/core-server': 7.4.6(encoding@0.1.13)
-      '@storybook/csf-tools': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@storybook/telemetry': 7.4.6(encoding@0.1.13)
-      '@storybook/types': 7.4.6
-      '@types/semver': 7.5.3
+      '@storybook/codemod': 7.6.20
+      '@storybook/core-common': 7.6.20(encoding@0.1.13)
+      '@storybook/core-events': 7.6.20
+      '@storybook/core-server': 7.6.20(encoding@0.1.13)
+      '@storybook/csf-tools': 7.6.20
+      '@storybook/node-logger': 7.6.20
+      '@storybook/telemetry': 7.6.20(encoding@0.1.13)
+      '@storybook/types': 7.6.20
+      '@types/semver': 7.5.8
       '@yarnpkg/fslib': 2.10.3
       '@yarnpkg/libzip': 2.3.0
       chalk: 4.1.2
       commander: 6.2.1
-      cross-spawn: 7.0.3
+      cross-spawn: 7.0.6
       detect-indent: 6.1.0
-      envinfo: 7.10.0
+      envinfo: 7.14.0
       execa: 5.1.1
-      express: 4.18.2
+      express: 4.21.2
       find-up: 5.0.0
-      fs-extra: 11.1.1
-      get-npm-tarball-url: 2.0.3
+      fs-extra: 11.3.0
+      get-npm-tarball-url: 2.1.0
       get-port: 5.1.1
-      giget: 1.1.3
+      giget: 1.2.5
       globby: 11.1.0
-      jscodeshift: 0.14.0(@babel/preset-env@7.22.10(@babel/core@7.22.11))
+      jscodeshift: 0.15.2(@babel/preset-env@7.26.9(@babel/core@7.26.9))
       leven: 3.1.0
       ora: 5.4.1
       prettier: 2.8.8
       prompts: 2.4.2
       puppeteer-core: 2.1.1
       read-pkg-up: 7.0.1
-      semver: 7.5.4
-      simple-update-notifier: 2.0.0
+      semver: 7.7.1
       strip-json-comments: 3.1.1
       tempy: 1.0.1
       ts-dedent: 2.2.0
@@ -11166,69 +12228,69 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@storybook/client-logger@7.4.6':
+  '@storybook/client-logger@7.6.20':
     dependencies:
       '@storybook/global': 5.0.0
 
-  '@storybook/codemod@7.4.6':
+  '@storybook/codemod@7.6.20':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/preset-env': 7.22.10(@babel/core@7.22.11)
-      '@babel/types': 7.22.11
-      '@storybook/csf': 0.1.1
-      '@storybook/csf-tools': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@storybook/types': 7.4.6
-      '@types/cross-spawn': 6.0.3
-      cross-spawn: 7.0.3
+      '@babel/core': 7.26.9
+      '@babel/preset-env': 7.26.9(@babel/core@7.26.9)
+      '@babel/types': 7.26.9
+      '@storybook/csf': 0.1.13
+      '@storybook/csf-tools': 7.6.20
+      '@storybook/node-logger': 7.6.20
+      '@storybook/types': 7.6.20
+      '@types/cross-spawn': 6.0.6
+      cross-spawn: 7.0.6
       globby: 11.1.0
-      jscodeshift: 0.14.0(@babel/preset-env@7.22.10(@babel/core@7.22.11))
+      jscodeshift: 0.15.2(@babel/preset-env@7.26.9(@babel/core@7.26.9))
       lodash: 4.17.21
       prettier: 2.8.8
-      recast: 0.23.4
+      recast: 0.23.11
     transitivePeerDependencies:
       - supports-color
 
-  '@storybook/components@7.4.6(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/components@7.6.20(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-select': 1.2.2(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.20)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/client-logger': 7.4.6
-      '@storybook/csf': 0.1.1
+      '@radix-ui/react-select': 1.2.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toolbar': 1.1.2(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/client-logger': 7.6.20
+      '@storybook/csf': 0.1.13
       '@storybook/global': 5.0.0
-      '@storybook/theming': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/theming': 7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/types': 7.6.20
       memoizerific: 1.11.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      use-resize-observer: 9.1.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      use-resize-observer: 9.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       util-deprecate: 1.0.2
     transitivePeerDependencies:
       - '@types/react'
       - '@types/react-dom'
 
-  '@storybook/core-client@7.4.6':
+  '@storybook/core-client@7.6.20':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/preview-api': 7.4.6
+      '@storybook/client-logger': 7.6.20
+      '@storybook/preview-api': 7.6.20
 
-  '@storybook/core-common@7.4.6(encoding@0.1.13)':
+  '@storybook/core-common@7.6.20(encoding@0.1.13)':
     dependencies:
-      '@storybook/core-events': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@storybook/types': 7.4.6
+      '@storybook/core-events': 7.6.20
+      '@storybook/node-logger': 7.6.20
+      '@storybook/types': 7.6.20
       '@types/find-cache-dir': 3.2.1
-      '@types/node': 16.18.58
-      '@types/node-fetch': 2.6.6
-      '@types/pretty-hrtime': 1.0.1
+      '@types/node': 18.19.79
+      '@types/node-fetch': 2.6.12
+      '@types/pretty-hrtime': 1.0.3
       chalk: 4.1.2
       esbuild: 0.18.20
-      esbuild-register: 3.5.0(esbuild@0.18.20)
+      esbuild-register: 3.6.0(esbuild@0.18.20)
       file-system-cache: 2.3.0
       find-cache-dir: 3.3.2
       find-up: 5.0.0
-      fs-extra: 11.1.1
-      glob: 10.3.3
+      fs-extra: 11.3.0
+      glob: 10.4.5
       handlebars: 4.7.8
       lazy-universal-dotenv: 4.0.0
       node-fetch: 2.7.0(encoding@0.1.13)
@@ -11241,92 +12303,92 @@ snapshots:
       - encoding
       - supports-color
 
-  '@storybook/core-events@7.4.6':
+  '@storybook/core-events@7.6.20':
     dependencies:
       ts-dedent: 2.2.0
 
-  '@storybook/core-server@7.4.6(encoding@0.1.13)':
+  '@storybook/core-server@7.6.20(encoding@0.1.13)':
     dependencies:
       '@aw-web-design/x-default-browser': 1.4.126
       '@discoveryjs/json-ext': 0.5.7
-      '@storybook/builder-manager': 7.4.6(encoding@0.1.13)
-      '@storybook/channels': 7.4.6
-      '@storybook/core-common': 7.4.6(encoding@0.1.13)
-      '@storybook/core-events': 7.4.6
-      '@storybook/csf': 0.1.1
-      '@storybook/csf-tools': 7.4.6
+      '@storybook/builder-manager': 7.6.20(encoding@0.1.13)
+      '@storybook/channels': 7.6.20
+      '@storybook/core-common': 7.6.20(encoding@0.1.13)
+      '@storybook/core-events': 7.6.20
+      '@storybook/csf': 0.1.13
+      '@storybook/csf-tools': 7.6.20
       '@storybook/docs-mdx': 0.1.0
       '@storybook/global': 5.0.0
-      '@storybook/manager': 7.4.6
-      '@storybook/node-logger': 7.4.6
-      '@storybook/preview-api': 7.4.6
-      '@storybook/telemetry': 7.4.6(encoding@0.1.13)
-      '@storybook/types': 7.4.6
-      '@types/detect-port': 1.3.3
-      '@types/node': 16.18.58
-      '@types/pretty-hrtime': 1.0.1
-      '@types/semver': 7.5.3
+      '@storybook/manager': 7.6.20
+      '@storybook/node-logger': 7.6.20
+      '@storybook/preview-api': 7.6.20
+      '@storybook/telemetry': 7.6.20(encoding@0.1.13)
+      '@storybook/types': 7.6.20
+      '@types/detect-port': 1.3.5
+      '@types/node': 18.19.79
+      '@types/pretty-hrtime': 1.0.3
+      '@types/semver': 7.5.8
       better-opn: 3.0.2
       chalk: 4.1.2
-      cli-table3: 0.6.3
-      compression: 1.7.4
-      detect-port: 1.5.1
-      express: 4.18.2
-      fs-extra: 11.1.1
+      cli-table3: 0.6.5
+      compression: 1.8.0
+      detect-port: 1.6.1
+      express: 4.21.2
+      fs-extra: 11.3.0
       globby: 11.1.0
-      ip: 2.0.0
       lodash: 4.17.21
       open: 8.4.2
       pretty-hrtime: 1.0.3
       prompts: 2.4.2
       read-pkg-up: 7.0.1
-      semver: 7.5.4
+      semver: 7.7.1
       telejson: 7.2.0
-      tiny-invariant: 1.3.1
+      tiny-invariant: 1.3.3
       ts-dedent: 2.2.0
       util: 0.12.5
       util-deprecate: 1.0.2
-      watchpack: 2.4.0
-      ws: 8.11.0
+      watchpack: 2.4.2
+      ws: 8.18.1
     transitivePeerDependencies:
       - bufferutil
       - encoding
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@7.4.6':
+  '@storybook/csf-plugin@7.6.20':
     dependencies:
-      '@storybook/csf-tools': 7.4.6
-      unplugin: 1.5.0
+      '@storybook/csf-tools': 7.6.20
+      unplugin: 1.16.1
     transitivePeerDependencies:
       - supports-color
 
-  '@storybook/csf-tools@7.4.6':
+  '@storybook/csf-tools@7.6.20':
     dependencies:
-      '@babel/generator': 7.22.10
-      '@babel/parser': 7.22.13
-      '@babel/traverse': 7.22.11
-      '@babel/types': 7.22.11
-      '@storybook/csf': 0.1.1
-      '@storybook/types': 7.4.6
-      fs-extra: 11.1.1
-      recast: 0.23.4
+      '@babel/generator': 7.26.9
+      '@babel/parser': 7.26.9
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
+      '@storybook/csf': 0.1.13
+      '@storybook/types': 7.6.20
+      fs-extra: 11.3.0
+      recast: 0.23.11
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - supports-color
 
-  '@storybook/csf@0.1.1':
+  '@storybook/csf@0.1.13':
     dependencies:
       type-fest: 2.19.0
 
   '@storybook/docs-mdx@0.1.0': {}
 
-  '@storybook/docs-tools@7.4.6(encoding@0.1.13)':
+  '@storybook/docs-tools@7.6.20(encoding@0.1.13)':
     dependencies:
-      '@storybook/core-common': 7.4.6(encoding@0.1.13)
-      '@storybook/preview-api': 7.4.6
-      '@storybook/types': 7.4.6
+      '@storybook/core-common': 7.6.20(encoding@0.1.13)
+      '@storybook/preview-api': 7.6.20
+      '@storybook/types': 7.6.20
       '@types/doctrine': 0.0.3
+      assert: 2.1.0
       doctrine: 3.0.0
       lodash: 4.17.21
     transitivePeerDependencies:
@@ -11335,71 +12397,70 @@ snapshots:
 
   '@storybook/global@5.0.0': {}
 
-  '@storybook/manager-api@7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/manager-api@7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@storybook/channels': 7.4.6
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-events': 7.4.6
-      '@storybook/csf': 0.1.1
+      '@storybook/channels': 7.6.20
+      '@storybook/client-logger': 7.6.20
+      '@storybook/core-events': 7.6.20
+      '@storybook/csf': 0.1.13
       '@storybook/global': 5.0.0
-      '@storybook/router': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/theming': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/router': 7.6.20
+      '@storybook/theming': 7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/types': 7.6.20
       dequal: 2.0.3
       lodash: 4.17.21
       memoizerific: 1.11.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      semver: 7.5.4
-      store2: 2.14.2
+      store2: 2.14.4
       telejson: 7.2.0
       ts-dedent: 2.2.0
+    transitivePeerDependencies:
+      - react
+      - react-dom
 
-  '@storybook/manager@7.4.6': {}
+  '@storybook/manager@7.6.20': {}
 
   '@storybook/mdx2-csf@1.1.0': {}
 
-  '@storybook/node-logger@7.4.6': {}
+  '@storybook/node-logger@7.6.20': {}
 
-  '@storybook/postinstall@7.4.6': {}
+  '@storybook/postinstall@7.6.20': {}
 
-  '@storybook/preview-api@7.4.6':
+  '@storybook/preview-api@7.6.20':
     dependencies:
-      '@storybook/channels': 7.4.6
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-events': 7.4.6
-      '@storybook/csf': 0.1.1
+      '@storybook/channels': 7.6.20
+      '@storybook/client-logger': 7.6.20
+      '@storybook/core-events': 7.6.20
+      '@storybook/csf': 0.1.13
       '@storybook/global': 5.0.0
-      '@storybook/types': 7.4.6
-      '@types/qs': 6.9.8
+      '@storybook/types': 7.6.20
+      '@types/qs': 6.9.18
       dequal: 2.0.3
       lodash: 4.17.21
       memoizerific: 1.11.3
-      qs: 6.11.2
+      qs: 6.14.0
       synchronous-promise: 2.0.17
       ts-dedent: 2.2.0
       util-deprecate: 1.0.2
 
-  '@storybook/preview@7.4.6': {}
+  '@storybook/preview@7.6.20': {}
 
-  '@storybook/react-dom-shim@7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/react-dom-shim@7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/react-vite@7.4.6(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(rollup@2.79.1)(typescript@5.5.0-beta)(vite@4.5.3(@types/node@20.8.0)(terser@5.19.2))':
+  '@storybook/react-vite@7.6.20(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@2.79.2)(typescript@5.5.4)(vite@6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0))':
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.2.1(typescript@5.5.0-beta)(vite@4.5.3(@types/node@20.8.0)(terser@5.19.2))
-      '@rollup/pluginutils': 5.0.5(rollup@2.79.1)
-      '@storybook/builder-vite': 7.4.6(encoding@0.1.13)(typescript@5.5.0-beta)(vite@4.5.3(@types/node@20.8.0)(terser@5.19.2))
-      '@storybook/react': 7.4.6(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.5.0-beta)
-      '@vitejs/plugin-react': 3.1.0(vite@4.5.3(@types/node@20.8.0)(terser@5.19.2))
-      ast-types: 0.14.2
-      magic-string: 0.30.4
-      react: 18.2.0
-      react-docgen: 6.0.0-alpha.3
-      react-dom: 18.2.0(react@18.2.0)
-      vite: 4.5.3(@types/node@20.8.0)(terser@5.19.2)
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.0(typescript@5.5.4)(vite@6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0))
+      '@rollup/pluginutils': 5.1.4(rollup@2.79.2)
+      '@storybook/builder-vite': 7.6.20(encoding@0.1.13)(typescript@5.5.4)(vite@6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0))
+      '@storybook/react': 7.6.20(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.5.4)
+      '@vitejs/plugin-react': 3.1.0(vite@6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0))
+      magic-string: 0.30.17
+      react: 18.3.1
+      react-docgen: 7.1.1
+      react-dom: 18.3.1(react@18.3.1)
+      vite: 6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0)
     transitivePeerDependencies:
       - '@preact/preset-vite'
       - encoding
@@ -11408,18 +12469,18 @@ snapshots:
       - typescript
       - vite-plugin-glimmerx
 
-  '@storybook/react@7.4.6(encoding@0.1.13)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(typescript@5.5.0-beta)':
+  '@storybook/react@7.6.20(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.5.4)':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-client': 7.4.6
-      '@storybook/docs-tools': 7.4.6(encoding@0.1.13)
+      '@storybook/client-logger': 7.6.20
+      '@storybook/core-client': 7.6.20
+      '@storybook/docs-tools': 7.6.20(encoding@0.1.13)
       '@storybook/global': 5.0.0
-      '@storybook/preview-api': 7.4.6
-      '@storybook/react-dom-shim': 7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@storybook/types': 7.4.6
+      '@storybook/preview-api': 7.6.20
+      '@storybook/react-dom-shim': 7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/types': 7.6.20
       '@types/escodegen': 0.0.6
       '@types/estree': 0.0.51
-      '@types/node': 16.18.58
+      '@types/node': 18.19.79
       acorn: 7.4.1
       acorn-jsx: 5.3.2(acorn@7.4.1)
       acorn-walk: 7.2.0
@@ -11427,62 +12488,76 @@ snapshots:
       html-tags: 3.3.1
       lodash: 4.17.21
       prop-types: 15.8.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      react-element-to-jsx-string: 15.0.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-element-to-jsx-string: 15.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       ts-dedent: 2.2.0
       type-fest: 2.19.0
       util-deprecate: 1.0.2
     optionalDependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@storybook/router@7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/router@7.6.20':
     dependencies:
-      '@storybook/client-logger': 7.4.6
+      '@storybook/client-logger': 7.6.20
       memoizerific: 1.11.3
-      qs: 6.11.2
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      qs: 6.14.0
 
-  '@storybook/telemetry@7.4.6(encoding@0.1.13)':
+  '@storybook/telemetry@7.6.20(encoding@0.1.13)':
     dependencies:
-      '@storybook/client-logger': 7.4.6
-      '@storybook/core-common': 7.4.6(encoding@0.1.13)
-      '@storybook/csf-tools': 7.4.6
+      '@storybook/client-logger': 7.6.20
+      '@storybook/core-common': 7.6.20(encoding@0.1.13)
+      '@storybook/csf-tools': 7.6.20
       chalk: 4.1.2
       detect-package-manager: 2.0.1
       fetch-retry: 5.0.6
-      fs-extra: 11.1.1
+      fs-extra: 11.3.0
       read-pkg-up: 7.0.1
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@storybook/theming@7.4.6(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@storybook/theming@7.6.20(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0)
-      '@storybook/client-logger': 7.4.6
+      '@emotion/use-insertion-effect-with-fallbacks': 1.2.0(react@18.3.1)
+      '@storybook/client-logger': 7.6.20
       '@storybook/global': 5.0.0
       memoizerific: 1.11.3
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/types@7.4.6':
+  '@storybook/types@7.6.20':
     dependencies:
-      '@storybook/channels': 7.4.6
-      '@types/babel__core': 7.20.2
-      '@types/express': 4.17.18
+      '@storybook/channels': 7.6.20
+      '@types/babel__core': 7.20.5
+      '@types/express': 4.17.21
       file-system-cache: 2.3.0
 
+  '@stylistic/eslint-plugin@2.13.0(eslint@8.57.1)(typescript@5.5.4)':
+    dependencies:
+      '@typescript-eslint/utils': 8.26.0(eslint@8.57.1)(typescript@5.5.4)
+      eslint: 8.57.1
+      eslint-visitor-keys: 4.2.0
+      espree: 10.3.0
+      estraverse: 5.3.0
+      picomatch: 4.0.2
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   '@surma/rollup-plugin-off-main-thread@2.2.3':
     dependencies:
-      ejs: 3.1.9
+      ejs: 3.1.10
       json5: 2.2.3
       magic-string: 0.25.9
-      string.prototype.matchall: 4.0.10
+      string.prototype.matchall: 4.0.12
+
+  '@swc/helpers@0.5.15':
+    dependencies:
+      tslib: 2.8.1
 
   '@tootallnate/once@2.0.0': {}
 
@@ -11490,65 +12565,67 @@ snapshots:
 
   '@tweenjs/tween.js@20.0.3': {}
 
-  '@types/babel__core@7.20.2':
+  '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.22.13
-      '@babel/types': 7.22.11
-      '@types/babel__generator': 7.6.5
-      '@types/babel__template': 7.4.2
-      '@types/babel__traverse': 7.20.2
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
+      '@types/babel__generator': 7.6.8
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.20.6
 
-  '@types/babel__generator@7.6.5':
+  '@types/babel__generator@7.6.8':
     dependencies:
-      '@babel/types': 7.22.11
+      '@babel/types': 7.26.9
 
-  '@types/babel__template@7.4.2':
+  '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.22.13
-      '@babel/types': 7.22.11
+      '@babel/parser': 7.26.9
+      '@babel/types': 7.26.9
 
-  '@types/babel__traverse@7.20.2':
+  '@types/babel__traverse@7.20.6':
     dependencies:
-      '@babel/types': 7.22.11
+      '@babel/types': 7.26.9
 
-  '@types/body-parser@1.19.3':
+  '@types/body-parser@1.19.5':
     dependencies:
-      '@types/connect': 3.4.36
-      '@types/node': 20.8.0
+      '@types/connect': 3.4.38
+      '@types/node': 22.13.9
 
-  '@types/chai-subset@1.3.3':
+  '@types/chai-subset@1.3.6(@types/chai@4.3.20)':
     dependencies:
-      '@types/chai': 4.3.6
+      '@types/chai': 4.3.20
 
-  '@types/chai@4.3.6': {}
+  '@types/chai@4.3.20': {}
 
-  '@types/connect@3.4.36':
+  '@types/connect@3.4.38':
     dependencies:
-      '@types/node': 20.8.10
+      '@types/node': 22.13.9
 
-  '@types/cookie@0.4.1': {}
-
-  '@types/cors@2.8.15':
+  '@types/cors@2.8.17':
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 22.13.9
 
-  '@types/cross-spawn@6.0.3':
+  '@types/cross-spawn@6.0.6':
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 22.13.9
 
   '@types/debug@4.1.12':
     dependencies:
-      '@types/ms': 0.7.34
+      '@types/ms': 2.1.0
 
-  '@types/detect-port@1.3.3': {}
+  '@types/detect-port@1.3.5': {}
+
+  '@types/diff-match-patch@1.0.36': {}
 
   '@types/doctrine@0.0.3': {}
 
-  '@types/draco3d@1.4.7': {}
+  '@types/doctrine@0.0.9': {}
 
-  '@types/ejs@3.1.3': {}
+  '@types/draco3d@1.4.10': {}
 
-  '@types/emscripten@1.39.8': {}
+  '@types/ejs@3.1.5': {}
+
+  '@types/emscripten@1.40.0': {}
 
   '@types/escodegen@0.0.6': {}
 
@@ -11556,21 +12633,21 @@ snapshots:
 
   '@types/estree@0.0.51': {}
 
-  '@types/estree@1.0.2': {}
+  '@types/estree@1.0.6': {}
 
-  '@types/express-serve-static-core@4.17.37':
+  '@types/express-serve-static-core@4.19.6':
     dependencies:
-      '@types/node': 20.8.0
-      '@types/qs': 6.9.8
-      '@types/range-parser': 1.2.5
-      '@types/send': 0.17.2
+      '@types/node': 22.13.9
+      '@types/qs': 6.9.18
+      '@types/range-parser': 1.2.7
+      '@types/send': 0.17.4
 
-  '@types/express@4.17.18':
+  '@types/express@4.17.21':
     dependencies:
-      '@types/body-parser': 1.19.3
-      '@types/express-serve-static-core': 4.17.37
-      '@types/qs': 6.9.8
-      '@types/serve-static': 1.15.3
+      '@types/body-parser': 1.19.5
+      '@types/express-serve-static-core': 4.19.6
+      '@types/qs': 6.9.18
+      '@types/serve-static': 1.15.7
 
   '@types/find-cache-dir@3.2.1': {}
 
@@ -11579,217 +12656,219 @@ snapshots:
   '@types/glob@7.2.0':
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 20.8.0
+      '@types/node': 22.13.9
 
-  '@types/graceful-fs@4.1.7':
+  '@types/graceful-fs@4.1.9':
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 22.13.9
 
-  '@types/http-cache-semantics@4.0.2': {}
+  '@types/http-cache-semantics@4.0.4': {}
 
-  '@types/http-errors@2.0.2': {}
+  '@types/http-errors@2.0.4': {}
 
-  '@types/istanbul-lib-coverage@2.0.4': {}
+  '@types/istanbul-lib-coverage@2.0.6': {}
 
-  '@types/istanbul-lib-report@3.0.1':
+  '@types/istanbul-lib-report@3.0.3':
     dependencies:
-      '@types/istanbul-lib-coverage': 2.0.4
+      '@types/istanbul-lib-coverage': 2.0.6
 
-  '@types/istanbul-reports@3.0.2':
+  '@types/istanbul-reports@3.0.4':
     dependencies:
-      '@types/istanbul-lib-report': 3.0.1
+      '@types/istanbul-lib-report': 3.0.3
 
   '@types/js-cookie@2.2.7': {}
 
-  '@types/json-schema@7.0.12': {}
+  '@types/json-schema@7.0.15': {}
 
   '@types/json5@0.0.29': {}
 
-  '@types/lodash-es@4.17.9':
+  '@types/linkify-it@5.0.0': {}
+
+  '@types/lodash-es@4.17.12':
     dependencies:
-      '@types/lodash': 4.14.199
+      '@types/lodash': 4.17.16
 
-  '@types/lodash@4.14.199': {}
+  '@types/lodash@4.17.16': {}
 
-  '@types/mdast@4.0.3':
+  '@types/markdown-it@14.1.2':
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/linkify-it': 5.0.0
+      '@types/mdurl': 2.0.0
 
-  '@types/mdx@2.0.8': {}
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
 
-  '@types/mime-types@2.1.2': {}
+  '@types/mdurl@2.0.0': {}
 
-  '@types/mime@1.3.3': {}
+  '@types/mdx@2.0.13': {}
 
-  '@types/mime@3.0.2': {}
+  '@types/mime-types@2.1.4': {}
+
+  '@types/mime@1.3.5': {}
 
   '@types/minimatch@5.1.2': {}
 
-  '@types/minimist@1.2.3': {}
+  '@types/minimist@1.2.5': {}
 
-  '@types/ms@0.7.34': {}
+  '@types/ms@2.1.0': {}
 
-  '@types/node-fetch@2.6.6':
+  '@types/node-fetch@2.6.12':
     dependencies:
-      '@types/node': 20.8.0
-      form-data: 4.0.0
+      '@types/node': 22.13.9
+      form-data: 4.0.2
 
-  '@types/node@14.18.56': {}
+  '@types/node-rsa@1.1.4':
+    dependencies:
+      '@types/node': 22.13.9
 
-  '@types/node@16.18.58': {}
+  '@types/node@14.18.63':
+    optional: true
 
-  '@types/node@20.12.8':
+  '@types/node@18.19.79':
     dependencies:
       undici-types: 5.26.5
 
-  '@types/node@20.8.0': {}
-
-  '@types/node@20.8.10':
+  '@types/node@22.13.9':
     dependencies:
-      undici-types: 5.26.5
+      undici-types: 6.20.0
 
-  '@types/normalize-package-data@2.4.2': {}
+  '@types/normalize-package-data@2.4.4': {}
 
-  '@types/offscreencanvas@2019.7.2': {}
+  '@types/offscreencanvas@2019.7.3': {}
 
-  '@types/parse-json@4.0.0': {}
+  '@types/parse-json@4.0.2': {}
 
-  '@types/pretty-hrtime@1.0.1': {}
+  '@types/pretty-hrtime@1.0.3': {}
 
-  '@types/prop-types@15.7.12': {}
+  '@types/prop-types@15.7.14': {}
 
-  '@types/prop-types@15.7.5': {}
+  '@types/qs@6.9.18': {}
 
-  '@types/qs@6.9.8': {}
+  '@types/range-parser@1.2.7': {}
 
-  '@types/range-parser@1.2.5': {}
+  '@types/rbush@3.0.4': {}
 
-  '@types/rbush@3.0.1': {}
-
-  '@types/react-dom@18.2.7':
+  '@types/react-dom@18.3.5(@types/react@18.3.18)':
     dependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@types/react-transition-group@4.4.7':
+  '@types/react-transition-group@4.4.12(@types/react@18.3.18)':
     dependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  '@types/react@18.2.20':
+  '@types/react@18.3.18':
     dependencies:
-      '@types/prop-types': 15.7.5
-      '@types/scheduler': 0.16.3
-      csstype: 3.1.2
+      '@types/prop-types': 15.7.14
+      csstype: 3.1.3
 
-  '@types/readable-stream@4.0.12':
+  '@types/readable-stream@4.0.18':
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 22.13.9
       safe-buffer: 5.1.2
 
-  '@types/resolve@1.17.1':
-    dependencies:
-      '@types/node': 20.12.8
+  '@types/resolve@1.20.2': {}
+
+  '@types/resolve@1.20.6': {}
 
   '@types/sat@0.0.31': {}
 
-  '@types/scheduler@0.16.3': {}
+  '@types/semver@7.5.8': {}
 
-  '@types/semver@7.5.3': {}
-
-  '@types/send@0.17.2':
+  '@types/send@0.17.4':
     dependencies:
-      '@types/mime': 1.3.3
-      '@types/node': 20.12.8
+      '@types/mime': 1.3.5
+      '@types/node': 22.13.9
 
-  '@types/serve-static@1.15.3':
+  '@types/serve-static@1.15.7':
     dependencies:
-      '@types/http-errors': 2.0.2
-      '@types/mime': 3.0.2
-      '@types/node': 20.8.0
+      '@types/http-errors': 2.0.4
+      '@types/node': 22.13.9
+      '@types/send': 0.17.4
 
-  '@types/sinonjs__fake-timers@8.1.1': {}
+  '@types/sinonjs__fake-timers@8.1.1':
+    optional: true
 
-  '@types/sizzle@2.3.3': {}
+  '@types/sizzle@2.3.9':
+    optional: true
 
-  '@types/stats.js@0.17.1': {}
+  '@types/stats.js@0.17.3': {}
 
   '@types/three@0.154.0':
     dependencies:
       '@tweenjs/tween.js': 18.6.4
-      '@types/stats.js': 0.17.1
-      '@types/webxr': 0.5.7
+      '@types/stats.js': 0.17.3
+      '@types/webxr': 0.5.21
       fflate: 0.6.10
       lil-gui: 0.17.0
       meshoptimizer: 0.18.1
 
   '@types/three@0.156.0':
     dependencies:
-      '@types/stats.js': 0.17.1
-      '@types/webxr': 0.5.7
+      '@types/stats.js': 0.17.3
+      '@types/webxr': 0.5.21
       fflate: 0.6.10
       meshoptimizer: 0.18.1
 
-  '@types/trusted-types@2.0.3': {}
+  '@types/trusted-types@2.0.7': {}
 
   '@types/ua-parser-js@0.7.39': {}
 
-  '@types/unist@2.0.8': {}
+  '@types/unist@2.0.11': {}
 
-  '@types/unist@3.0.2': {}
+  '@types/unist@3.0.3': {}
+
+  '@types/uuid@9.0.8': {}
 
   '@types/wait-on@5.3.4':
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 22.13.9
 
-  '@types/webxr@0.5.7': {}
+  '@types/webxr@0.5.21': {}
 
-  '@types/wicg-file-system-access@2023.10.2': {}
+  '@types/wicg-file-system-access@2023.10.5': {}
 
-  '@types/yargs-parser@21.0.1': {}
+  '@types/yargs-parser@21.0.3': {}
 
-  '@types/yargs@17.0.28':
+  '@types/yargs@17.0.33':
     dependencies:
-      '@types/yargs-parser': 21.0.1
-
-  '@types/yauzl@2.10.1':
-    dependencies:
-      '@types/node': 20.8.0
+      '@types/yargs-parser': 21.0.3
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 20.12.8
-    optional: true
+      '@types/node': 22.13.9
 
-  '@typescript-eslint/eslint-plugin@6.1.0(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint@8.50.0)(typescript@5.5.0-beta)':
+  '@typescript-eslint/eslint-plugin@6.1.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4)':
     dependencies:
-      '@eslint-community/regexpp': 4.8.0
-      '@typescript-eslint/parser': 6.7.3(eslint@8.50.0)(typescript@5.5.0-beta)
+      '@eslint-community/regexpp': 4.12.1
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 6.1.0
-      '@typescript-eslint/type-utils': 6.1.0(eslint@8.50.0)(typescript@5.5.0-beta)
-      '@typescript-eslint/utils': 6.1.0(eslint@8.50.0)(typescript@5.5.0-beta)
+      '@typescript-eslint/type-utils': 6.1.0(eslint@8.57.1)(typescript@5.5.4)
+      '@typescript-eslint/utils': 6.1.0(eslint@8.57.1)(typescript@5.5.4)
       '@typescript-eslint/visitor-keys': 6.1.0
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.50.0
+      debug: 4.4.0(supports-color@8.1.1)
+      eslint: 8.57.1
       graphemer: 1.4.0
-      ignore: 5.2.4
+      ignore: 5.3.2
       natural-compare: 1.4.0
       natural-compare-lite: 1.4.0
-      semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.5.0-beta)
+      semver: 7.7.1
+      ts-api-utils: 1.4.3(typescript@5.5.4)
     optionalDependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta)':
+  '@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4)':
     dependencies:
-      '@typescript-eslint/scope-manager': 6.7.3
-      '@typescript-eslint/types': 6.7.3
-      '@typescript-eslint/typescript-estree': 6.7.3(typescript@5.5.0-beta)
-      '@typescript-eslint/visitor-keys': 6.7.3
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.50.0
+      '@typescript-eslint/scope-manager': 6.21.0
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.5.4)
+      '@typescript-eslint/visitor-keys': 6.21.0
+      debug: 4.4.0(supports-color@8.1.1)
+      eslint: 8.57.1
     optionalDependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
@@ -11798,87 +12877,127 @@ snapshots:
       '@typescript-eslint/types': 6.1.0
       '@typescript-eslint/visitor-keys': 6.1.0
 
-  '@typescript-eslint/scope-manager@6.7.3':
+  '@typescript-eslint/scope-manager@6.21.0':
     dependencies:
-      '@typescript-eslint/types': 6.7.3
-      '@typescript-eslint/visitor-keys': 6.7.3
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/visitor-keys': 6.21.0
 
-  '@typescript-eslint/type-utils@6.1.0(eslint@8.50.0)(typescript@5.5.0-beta)':
+  '@typescript-eslint/scope-manager@8.26.0':
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.1.0(typescript@5.5.0-beta)
-      '@typescript-eslint/utils': 6.1.0(eslint@8.50.0)(typescript@5.5.0-beta)
-      debug: 4.3.4(supports-color@8.1.1)
-      eslint: 8.50.0
-      ts-api-utils: 1.0.3(typescript@5.5.0-beta)
+      '@typescript-eslint/types': 8.26.0
+      '@typescript-eslint/visitor-keys': 8.26.0
+
+  '@typescript-eslint/type-utils@6.1.0(eslint@8.57.1)(typescript@5.5.4)':
+    dependencies:
+      '@typescript-eslint/typescript-estree': 6.1.0(typescript@5.5.4)
+      '@typescript-eslint/utils': 6.1.0(eslint@8.57.1)(typescript@5.5.4)
+      debug: 4.4.1
+      eslint: 8.57.1
+      ts-api-utils: 1.4.3(typescript@5.5.4)
     optionalDependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
   '@typescript-eslint/types@6.1.0': {}
 
-  '@typescript-eslint/types@6.7.3': {}
+  '@typescript-eslint/types@6.21.0': {}
 
-  '@typescript-eslint/typescript-estree@6.1.0(typescript@5.5.0-beta)':
+  '@typescript-eslint/types@8.26.0': {}
+
+  '@typescript-eslint/typescript-estree@6.1.0(typescript@5.5.4)':
     dependencies:
       '@typescript-eslint/types': 6.1.0
       '@typescript-eslint/visitor-keys': 6.1.0
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.1
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.6.0
-      ts-api-utils: 1.0.3(typescript@5.5.0-beta)
+      semver: 7.7.1
+      ts-api-utils: 1.4.3(typescript@5.5.4)
     optionalDependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@6.7.3(typescript@5.5.0-beta)':
+  '@typescript-eslint/typescript-estree@6.21.0(typescript@5.5.4)':
     dependencies:
-      '@typescript-eslint/types': 6.7.3
-      '@typescript-eslint/visitor-keys': 6.7.3
-      debug: 4.3.4(supports-color@8.1.1)
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/visitor-keys': 6.21.0
+      debug: 4.4.1
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.6.0
-      ts-api-utils: 1.0.3(typescript@5.5.0-beta)
+      minimatch: 9.0.3
+      semver: 7.7.1
+      ts-api-utils: 1.4.3(typescript@5.5.4)
     optionalDependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@6.1.0(eslint@8.50.0)(typescript@5.5.0-beta)':
+  '@typescript-eslint/typescript-estree@8.26.0(typescript@5.5.4)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
-      '@types/json-schema': 7.0.12
-      '@types/semver': 7.5.3
+      '@typescript-eslint/types': 8.26.0
+      '@typescript-eslint/visitor-keys': 8.26.0
+      debug: 4.4.1
+      fast-glob: 3.3.3
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.7.1
+      ts-api-utils: 2.0.1(typescript@5.5.4)
+      typescript: 5.5.4
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@6.1.0(eslint@8.57.1)(typescript@5.5.4)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.8
       '@typescript-eslint/scope-manager': 6.1.0
       '@typescript-eslint/types': 6.1.0
-      '@typescript-eslint/typescript-estree': 6.1.0(typescript@5.5.0-beta)
-      eslint: 8.50.0
-      semver: 7.6.0
+      '@typescript-eslint/typescript-estree': 6.1.0(typescript@5.5.4)
+      eslint: 8.57.1
+      semver: 7.7.1
     transitivePeerDependencies:
       - supports-color
       - typescript
 
+  '@typescript-eslint/utils@8.26.0(eslint@8.57.1)(typescript@5.5.4)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      '@typescript-eslint/scope-manager': 8.26.0
+      '@typescript-eslint/types': 8.26.0
+      '@typescript-eslint/typescript-estree': 8.26.0(typescript@5.5.4)
+      eslint: 8.57.1
+      typescript: 5.5.4
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/visitor-keys@6.1.0':
     dependencies:
       '@typescript-eslint/types': 6.1.0
       eslint-visitor-keys: 3.4.3
 
-  '@typescript-eslint/visitor-keys@6.7.3':
+  '@typescript-eslint/visitor-keys@6.21.0':
     dependencies:
-      '@typescript-eslint/types': 6.7.3
+      '@typescript-eslint/types': 6.21.0
       eslint-visitor-keys: 3.4.3
 
-  '@vitejs/plugin-react@3.1.0(vite@4.5.3(@types/node@20.8.0)(terser@5.19.2))':
+  '@typescript-eslint/visitor-keys@8.26.0':
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/plugin-transform-react-jsx-self': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-transform-react-jsx-source': 7.22.5(@babel/core@7.22.11)
+      '@typescript-eslint/types': 8.26.0
+      eslint-visitor-keys: 4.2.0
+
+  '@ungap/structured-clone@1.3.0': {}
+
+  '@vitejs/plugin-react@3.1.0(vite@6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0))':
+    dependencies:
+      '@babel/core': 7.26.9
+      '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.9)
       magic-string: 0.27.0
-      react-refresh: 0.14.0
-      vite: 4.5.3(@types/node@20.8.0)(terser@5.19.2)
+      react-refresh: 0.14.2
+      vite: 6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -11886,75 +13005,76 @@ snapshots:
     dependencies:
       '@vitest/spy': 0.34.6
       '@vitest/utils': 0.34.6
-      chai: 4.3.10
+      chai: 4.5.0
 
   '@vitest/runner@0.34.6':
     dependencies:
       '@vitest/utils': 0.34.6
       p-limit: 4.0.0
-      pathe: 1.1.1
+      pathe: 1.1.2
 
   '@vitest/snapshot@0.34.6':
     dependencies:
-      magic-string: 0.30.4
-      pathe: 1.1.1
+      magic-string: 0.30.17
+      pathe: 1.1.2
       pretty-format: 29.7.0
 
   '@vitest/spy@0.34.6':
     dependencies:
-      tinyspy: 2.2.0
+      tinyspy: 2.2.1
 
   '@vitest/utils@0.34.6':
     dependencies:
       diff-sequences: 29.6.3
-      loupe: 2.3.6
+      loupe: 2.3.7
       pretty-format: 29.7.0
 
   '@xboxreplay/errors@0.1.0': {}
 
-  '@xboxreplay/xboxlive-auth@3.3.3(debug@4.3.4)':
+  '@xboxreplay/xboxlive-auth@3.3.3(debug@4.4.0)':
     dependencies:
       '@xboxreplay/errors': 0.1.0
-      axios: 0.21.4(debug@4.3.4)
+      axios: 0.21.4(debug@4.4.0)
     transitivePeerDependencies:
       - debug
 
   '@xmcl/asm@1.0.1': {}
 
-  '@xmcl/core@2.12.0(yauzl@2.10.0)':
+  '@xmcl/core@2.13.0(yauzl@2.10.0)':
     dependencies:
       '@xmcl/unzip': 2.1.2(yauzl@2.10.0)
     transitivePeerDependencies:
       - yauzl
 
-  '@xmcl/file-transfer@1.0.3':
+  '@xmcl/file-transfer@1.0.6':
     dependencies:
-      '@types/http-cache-semantics': 4.0.2
+      '@types/http-cache-semantics': 4.0.4
       http-cache-semantics: 4.1.1
-      undici: 5.25.4
+      undici: 6.0.1
 
   '@xmcl/forge-site-parser@2.0.9':
     dependencies:
-      node-html-parser: 6.1.10
+      node-html-parser: 6.1.13
 
-  '@xmcl/installer@5.1.0':
+  '@xmcl/installer@5.4.0':
     dependencies:
       '@xmcl/asm': 1.0.1
-      '@xmcl/core': 2.12.0(yauzl@2.10.0)
-      '@xmcl/file-transfer': 1.0.3
+      '@xmcl/core': 2.13.0(yauzl@2.10.0)
+      '@xmcl/file-transfer': 1.0.6
       '@xmcl/forge-site-parser': 2.0.9
-      '@xmcl/task': 4.0.6
+      '@xmcl/task': 4.1.0
       '@xmcl/unzip': 2.1.2(yauzl@2.10.0)
-      undici: 5.25.4
+      undici: 6.0.1
       yauzl: 2.10.0
+      yazl: 2.5.1
 
-  '@xmcl/task@4.0.6': {}
+  '@xmcl/task@4.1.0': {}
 
   '@xmcl/text-component@2.1.3': {}
 
   '@xmcl/unzip@2.1.2(yauzl@2.10.0)':
     dependencies:
-      '@types/yauzl': 2.10.1
+      '@types/yauzl': 2.10.3
       yauzl: 2.10.0
 
   '@xobotyi/scrollbar-width@1.9.5': {}
@@ -11962,7 +13082,7 @@ snapshots:
   '@yarnpkg/esbuild-plugin-pnp@3.0.0-rc.15(esbuild@0.18.20)':
     dependencies:
       esbuild: 0.18.20
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   '@yarnpkg/fslib@2.10.3':
     dependencies:
@@ -11971,49 +13091,91 @@ snapshots:
 
   '@yarnpkg/libzip@2.3.0':
     dependencies:
-      '@types/emscripten': 1.39.8
+      '@types/emscripten': 1.40.0
       tslib: 1.14.1
 
-  '@zardoy/flying-squid@0.0.29(encoding@0.1.13)':
+  '@zardoy/flying-squid@0.0.104(encoding@0.1.13)':
     dependencies:
       '@tootallnate/once': 2.0.0
+      chalk: 5.4.1
       change-case: 4.1.2
-      colors: 1.4.0
-      diamond-square: https://codeload.github.com/zardoy/diamond-square/tar.gz/4bbe28dcad35403abaa925055e91f601a61b9015
+      diamond-square: https://codeload.github.com/zardoy/diamond-square/tar.gz/cfaad2d1d5909fdfa63c8cc7bc05fb5e87782d71
       emit-then: 2.0.0
       exit-hook: 2.2.1
       flatmap: 0.0.3
-      long: 5.2.3
-      minecraft-data: 3.65.0
-      minecraft-protocol: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/495eed56ab230b2615596590064671356d86a2dc(patch_hash=2uxevyasyasdavsxuehfavgkjq)(encoding@0.1.13)
+      long: 5.3.1
+      mc-bridge: 0.1.3(minecraft-data@3.98.0)
+      minecraft-data: 3.98.0
+      minecraft-protocol: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/bf89f7e86526c54d8c43f555d8f6dfa4948fd2d9(patch_hash=4ebdae314c68d01ce7879445c0b8bde5f90373abba8b66ed00d42e7a5f542f8b)(encoding@0.1.13)
       mkdirp: 2.1.6
       node-gzip: 1.1.2
       node-rsa: 1.1.1
-      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/9662306deea57d8d0ba0a2a3f3f7adb95f0131e3(minecraft-data@3.65.0)
-      prismarine-entity: 2.3.1
-      prismarine-item: 1.14.0
-      prismarine-nbt: 2.5.0
-      prismarine-provider-anvil: https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/0228b5252f48a0d6ad7f36d7189851c427fbe8c4(minecraft-data@3.65.0)
+      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9
+      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/c5feac83b61d95feb4d4f22c063dacfb8c192a9f(minecraft-data@3.98.0)
+      prismarine-entity: 2.5.0
+      prismarine-item: 1.17.0
+      prismarine-nbt: 2.7.0
+      prismarine-provider-anvil: https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/1d548fac63fe977c8281f0a9a522b37e4d92d0b7(minecraft-data@3.98.0)
       prismarine-windows: 2.9.0
-      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/187a87f6d71cba12881a7bbaa510ed9085bf6da7
-      rambda: 9.2.0
+      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/ab2146c9933eef3247c3f64446de4ccc2c484c7c
+      rambda: 9.4.2
       random-seed: 0.3.0
       range: 0.0.3
       readline: 1.3.0
+      sanitize-filename: 1.6.3
       typed-emitter: 1.4.0
       uuid-1345: 1.0.2
-      vec3: 0.1.8
-      yaml: 2.4.1
+      vec3: 0.1.10
+      yaml: 2.7.0
       yargs: 17.7.2
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@zardoy/react-util@0.2.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@zardoy/flying-squid@0.0.49(encoding@0.1.13)':
+    dependencies:
+      '@tootallnate/once': 2.0.0
+      chalk: 5.4.1
+      change-case: 4.1.2
+      diamond-square: https://codeload.github.com/zardoy/diamond-square/tar.gz/cfaad2d1d5909fdfa63c8cc7bc05fb5e87782d71
+      emit-then: 2.0.0
+      exit-hook: 2.2.1
+      flatmap: 0.0.3
+      long: 5.3.1
+      minecraft-data: 3.98.0
+      minecraft-protocol: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/bf89f7e86526c54d8c43f555d8f6dfa4948fd2d9(patch_hash=4ebdae314c68d01ce7879445c0b8bde5f90373abba8b66ed00d42e7a5f542f8b)(encoding@0.1.13)
+      mkdirp: 2.1.6
+      node-gzip: 1.1.2
+      node-rsa: 1.1.1
+      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/c5feac83b61d95feb4d4f22c063dacfb8c192a9f(minecraft-data@3.98.0)
+      prismarine-entity: 2.5.0
+      prismarine-item: 1.17.0
+      prismarine-nbt: 2.7.0
+      prismarine-provider-anvil: https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/1d548fac63fe977c8281f0a9a522b37e4d92d0b7(minecraft-data@3.98.0)
+      prismarine-windows: 2.9.0
+      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/ab2146c9933eef3247c3f64446de4ccc2c484c7c
+      rambda: 9.4.2
+      random-seed: 0.3.0
+      range: 0.0.3
+      readline: 1.3.0
+      sanitize-filename: 1.6.3
+      typed-emitter: 1.4.0
+      uuid-1345: 1.0.2
+      vec3: 0.1.10
+      yaml: 2.7.0
+      yargs: 17.7.2
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
+  '@zardoy/maxrects-packer@2.7.4': {}
+
+  '@zardoy/react-util@0.2.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       classnames: 2.5.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-hook-form: 7.54.2(react@18.3.1)
 
   '@zardoy/utils@0.0.11':
     dependencies:
@@ -12024,7 +13186,8 @@ snapshots:
 
   Base64@0.2.1: {}
 
-  abbrev@1.1.1: {}
+  abbrev@1.1.1:
+    optional: true
 
   abort-controller@3.0.0:
     dependencies:
@@ -12039,41 +13202,39 @@ snapshots:
     dependencies:
       acorn: 7.4.1
 
-  acorn-jsx@5.3.2(acorn@8.10.0):
+  acorn-jsx@5.3.2(acorn@8.14.1):
     dependencies:
-      acorn: 8.10.0
+      acorn: 8.14.1
 
   acorn-walk@7.2.0: {}
 
-  acorn-walk@8.2.0: {}
+  acorn-walk@8.3.4:
+    dependencies:
+      acorn: 8.14.1
 
   acorn@7.4.1: {}
 
-  acorn@8.10.0: {}
+  acorn@8.14.1: {}
 
   address@1.2.2: {}
 
-  adm-zip@0.5.12: {}
+  adm-zip@0.5.16: {}
 
   aes-js@3.1.2: {}
 
-  after@0.8.2: {}
+  after@0.8.2:
+    optional: true
 
   agent-base@5.1.1: {}
 
   agent-base@6.0.2:
     dependencies:
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
-  agent-base@7.1.0:
-    dependencies:
-      debug: 4.3.4(supports-color@8.1.1)
-    transitivePeerDependencies:
-      - supports-color
-
-  agentkeepalive@4.5.0:
+  agentkeepalive@4.6.0:
     dependencies:
       humanize-ms: 1.2.1
     optional: true
@@ -12090,24 +13251,26 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  ajv@8.12.0:
+  ajv@8.17.1:
     dependencies:
       fast-deep-equal: 3.1.3
+      fast-uri: 3.0.6
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
-      uri-js: 4.4.1
 
   animejs@3.2.1: {}
 
-  ansi-colors@4.1.3: {}
+  ansi-colors@4.1.3:
+    optional: true
 
   ansi-escapes@4.3.2:
     dependencies:
       type-fest: 0.21.3
+    optional: true
 
   ansi-regex@5.0.1: {}
 
-  ansi-regex@6.0.1: {}
+  ansi-regex@6.1.0: {}
 
   ansi-styles@3.2.1:
     dependencies:
@@ -12121,25 +13284,42 @@ snapshots:
 
   ansi-styles@6.2.1: {}
 
-  any-base@1.1.0: {}
+  any-base@1.1.0:
+    optional: true
 
   any-promise@1.3.0: {}
 
+  anymatch@2.0.0:
+    dependencies:
+      micromatch: 3.1.10
+      normalize-path: 2.1.1
+    transitivePeerDependencies:
+      - supports-color
+
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
+  apache-crypt@1.2.6:
+    dependencies:
+      unix-crypt-td-js: 1.1.4
+
+  apache-md5@1.1.8: {}
+
   app-root-dir@1.0.2: {}
 
-  aproba@2.0.0: {}
+  aproba@2.0.0:
+    optional: true
 
-  arch@2.2.0: {}
+  arch@2.2.0:
+    optional: true
 
   are-we-there-yet@2.0.0:
     dependencies:
       delegates: 1.0.0
       readable-stream: 3.6.2
+    optional: true
 
   are-we-there-yet@3.0.1:
     dependencies:
@@ -12153,110 +13333,98 @@ snapshots:
 
   argparse@2.0.1: {}
 
-  aria-hidden@1.2.3:
+  aria-hidden@1.2.4:
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
-  array-buffer-byte-length@1.0.0:
-    dependencies:
-      call-bind: 1.0.2
-      is-array-buffer: 3.0.2
+  arr-diff@4.0.0: {}
 
-  array-buffer-byte-length@1.0.1:
+  arr-flatten@1.1.0: {}
+
+  arr-union@3.1.0: {}
+
+  array-buffer-byte-length@1.0.2:
     dependencies:
-      call-bind: 1.0.7
-      is-array-buffer: 3.0.4
+      call-bound: 1.0.4
+      is-array-buffer: 3.0.5
 
   array-flatten@1.1.1: {}
 
-  array-includes@3.1.7:
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.1
-      es-abstract: 1.22.2
-      get-intrinsic: 1.2.1
-      is-string: 1.0.7
-
   array-includes@3.1.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
-      get-intrinsic: 1.2.4
-      is-string: 1.0.7
+      es-abstract: 1.23.9
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      is-string: 1.1.1
+
+  array-includes@3.1.9:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      is-string: 1.1.1
+      math-intrinsics: 1.1.0
 
   array-union@2.1.0: {}
 
+  array-unique@0.3.2: {}
+
   array.prototype.findlast@1.2.5:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.24.0
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      es-shim-unscopables: 1.0.2
+      es-object-atoms: 1.1.1
+      es-shim-unscopables: 1.1.0
 
-  array.prototype.flat@1.3.2:
+  array.prototype.flat@1.3.3:
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.22.2
-      es-shim-unscopables: 1.0.0
+      es-abstract: 1.23.9
+      es-shim-unscopables: 1.1.0
 
-  array.prototype.flatmap@1.3.2:
+  array.prototype.flatmap@1.3.3:
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.22.2
-      es-shim-unscopables: 1.0.0
+      es-abstract: 1.23.9
+      es-shim-unscopables: 1.1.0
 
-  array.prototype.toreversed@1.1.2:
+  array.prototype.tosorted@1.1.4:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-shim-unscopables: 1.0.2
-
-  array.prototype.tosorted@1.1.3:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.24.0
       es-errors: 1.3.0
-      es-shim-unscopables: 1.0.2
+      es-shim-unscopables: 1.1.0
 
-  arraybuffer.prototype.slice@1.0.2:
+  arraybuffer.prototype.slice@1.0.4:
     dependencies:
-      array-buffer-byte-length: 1.0.0
-      call-bind: 1.0.2
+      array-buffer-byte-length: 1.0.2
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.22.2
-      get-intrinsic: 1.2.1
-      is-array-buffer: 3.0.2
-      is-shared-array-buffer: 1.0.2
-
-  arraybuffer.prototype.slice@1.0.3:
-    dependencies:
-      array-buffer-byte-length: 1.0.1
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
-      is-array-buffer: 3.0.4
-      is-shared-array-buffer: 1.0.3
+      get-intrinsic: 1.3.0
+      is-array-buffer: 3.0.5
 
-  arraybuffer.slice@0.0.7: {}
+  arraybuffer.slice@0.0.7:
+    optional: true
 
   arrify@1.0.1: {}
 
-  asn1.js@5.4.1:
+  asn1.js@4.10.1:
     dependencies:
-      bn.js: 4.12.0
+      bn.js: 4.12.1
       inherits: 2.0.4
       minimalistic-assert: 1.0.1
-      safer-buffer: 2.1.2
 
   asn1@0.2.3: {}
 
@@ -12264,30 +13432,31 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  assert-plus@1.0.0: {}
+  assert-plus@1.0.0:
+    optional: true
 
-  assert@2.0.0:
+  assert@2.1.0:
     dependencies:
-      es6-object-assign: 1.1.0
+      call-bind: 1.0.8
       is-nan: 1.3.2
-      object-is: 1.1.5
+      object-is: 1.1.6
+      object.assign: 4.1.7
       util: 0.12.5
 
   assertion-error@1.1.0: {}
 
-  ast-types@0.14.2:
-    dependencies:
-      tslib: 2.6.2
-
-  ast-types@0.15.2:
-    dependencies:
-      tslib: 2.6.2
+  assign-symbols@1.0.0: {}
 
   ast-types@0.16.1:
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
-  astral-regex@2.0.0: {}
+  astral-regex@2.0.0:
+    optional: true
+
+  async-each@1.0.6: {}
+
+  async-function@1.0.0: {}
 
   async-limiter@1.0.1: {}
 
@@ -12295,43 +13464,45 @@ snapshots:
     dependencies:
       lodash: 4.17.21
 
-  async@3.2.5: {}
+  async@3.2.6: {}
 
   asynckit@0.4.0: {}
 
   at-least-node@1.0.0: {}
 
-  available-typed-arrays@1.0.5: {}
+  atob@2.1.2: {}
 
   available-typed-arrays@1.0.7:
     dependencies:
-      possible-typed-array-names: 1.0.0
+      possible-typed-array-names: 1.1.0
 
-  aws-sign2@0.7.0: {}
+  aws-sign2@0.7.0:
+    optional: true
 
-  aws4@1.12.0: {}
+  aws4@1.13.2:
+    optional: true
 
-  axios@0.21.4(debug@4.3.4):
+  axios@0.21.4(debug@4.4.0):
     dependencies:
-      follow-redirects: 1.15.6(debug@4.3.4)
+      follow-redirects: 1.15.9(debug@4.4.0)
     transitivePeerDependencies:
       - debug
 
-  axios@1.7.2(debug@4.3.4):
+  axios@1.8.2(debug@4.4.0):
     dependencies:
-      follow-redirects: 1.15.6(debug@4.3.4)
-      form-data: 4.0.0
+      follow-redirects: 1.15.9(debug@4.4.0)
+      form-data: 4.0.2
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
       - debug
 
-  babel-core@7.0.0-bridge.0(@babel/core@7.22.11):
+  babel-core@7.0.0-bridge.0(@babel/core@7.26.9):
     dependencies:
-      '@babel/core': 7.22.11
+      '@babel/core': 7.26.9
 
   babel-plugin-istanbul@6.1.1:
     dependencies:
-      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-plugin-utils': 7.26.5
       '@istanbuljs/load-nyc-config': 1.1.0
       '@istanbuljs/schema': 0.1.3
       istanbul-lib-instrument: 5.2.1
@@ -12341,61 +13512,80 @@ snapshots:
 
   babel-plugin-macros@3.1.0:
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
       cosmiconfig: 7.1.0
-      resolve: 1.22.4
+      resolve: 1.22.10
 
-  babel-plugin-polyfill-corejs2@0.4.5(@babel/core@7.22.11):
+  babel-plugin-polyfill-corejs2@0.4.12(@babel/core@7.26.9):
     dependencies:
-      '@babel/compat-data': 7.22.9
-      '@babel/core': 7.22.11
-      '@babel/helper-define-polyfill-provider': 0.4.2(@babel/core@7.22.11)
+      '@babel/compat-data': 7.26.8
+      '@babel/core': 7.26.9
+      '@babel/helper-define-polyfill-provider': 0.6.3(@babel/core@7.26.9)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-corejs3@0.8.3(@babel/core@7.22.11):
+  babel-plugin-polyfill-corejs3@0.11.1(@babel/core@7.26.9):
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-define-polyfill-provider': 0.4.2(@babel/core@7.22.11)
-      core-js-compat: 3.32.1
+      '@babel/core': 7.26.9
+      '@babel/helper-define-polyfill-provider': 0.6.3(@babel/core@7.26.9)
+      core-js-compat: 3.41.0
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-regenerator@0.5.2(@babel/core@7.22.11):
+  babel-plugin-polyfill-regenerator@0.6.3(@babel/core@7.26.9):
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/helper-define-polyfill-provider': 0.4.2(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/helper-define-polyfill-provider': 0.6.3(@babel/core@7.26.9)
     transitivePeerDependencies:
       - supports-color
 
-  backo2@1.0.2: {}
+  backo2@1.0.2:
+    optional: true
 
   bail@2.0.2: {}
 
   balanced-match@1.0.2: {}
 
-  base64-arraybuffer@0.1.4: {}
+  base64-arraybuffer@0.1.4:
+    optional: true
 
   base64-js@1.5.1: {}
 
   base64id@2.0.0: {}
 
+  base@0.11.2:
+    dependencies:
+      cache-base: 1.0.1
+      class-utils: 0.3.6
+      component-emitter: 1.3.1
+      define-property: 1.0.0
+      isobject: 3.0.1
+      mixin-deep: 1.3.2
+      pascalcase: 0.1.1
+
   basic-auth@2.0.1:
     dependencies:
       safe-buffer: 5.1.2
 
+  batch@0.6.1: {}
+
   bcrypt-pbkdf@1.0.2:
     dependencies:
       tweetnacl: 0.14.5
+    optional: true
+
+  bcryptjs@2.4.3: {}
 
   better-opn@3.0.2:
     dependencies:
       open: 8.4.2
 
-  big-integer@1.6.51: {}
+  big-integer@1.6.52: {}
 
-  binary-extensions@2.2.0: {}
+  binary-extensions@1.13.1: {}
+
+  binary-extensions@2.3.0: {}
 
   bindings@1.5.0:
     dependencies:
@@ -12407,23 +13597,27 @@ snapshots:
 
   bl@4.1.0:
     dependencies:
-      buffer: 5.7.1
+      buffer: 6.0.3
       inherits: 2.0.4
       readable-stream: 3.6.2
 
-  blob-util@2.0.2: {}
+  blob-util@2.0.2:
+    optional: true
 
-  blob@0.0.5: {}
+  blob@0.0.5:
+    optional: true
 
-  bluebird@3.7.2: {}
+  bluebird@3.7.2:
+    optional: true
 
-  bmp-js@0.1.0: {}
+  bmp-js@0.1.0:
+    optional: true
 
-  bn.js@4.12.0: {}
+  bn.js@4.12.1: {}
 
   bn.js@5.2.1: {}
 
-  body-parser@1.20.1:
+  body-parser@1.20.3:
     dependencies:
       bytes: 3.1.2
       content-type: 1.0.5
@@ -12433,24 +13627,7 @@ snapshots:
       http-errors: 2.0.0
       iconv-lite: 0.4.24
       on-finished: 2.4.1
-      qs: 6.11.0
-      raw-body: 2.5.1
-      type-is: 1.6.18
-      unpipe: 1.0.0
-    transitivePeerDependencies:
-      - supports-color
-
-  body-parser@1.20.2:
-    dependencies:
-      bytes: 3.1.2
-      content-type: 1.0.5
-      debug: 2.6.9
-      depd: 2.0.0
-      destroy: 1.2.0
-      http-errors: 2.0.0
-      iconv-lite: 0.4.24
-      on-finished: 2.4.1
-      qs: 6.11.0
+      qs: 6.13.0
       raw-body: 2.5.2
       type-is: 1.6.18
       unpipe: 1.0.0
@@ -12461,7 +13638,7 @@ snapshots:
 
   bplist-parser@0.2.0:
     dependencies:
-      big-integer: 1.6.51
+      big-integer: 1.6.52
 
   brace-expansion@1.1.11:
     dependencies:
@@ -12472,9 +13649,24 @@ snapshots:
     dependencies:
       balanced-match: 1.0.2
 
-  braces@3.0.2:
+  braces@2.3.2:
     dependencies:
-      fill-range: 7.0.1
+      arr-flatten: 1.1.0
+      array-unique: 0.3.2
+      extend-shallow: 2.0.1
+      fill-range: 4.0.0
+      isobject: 3.0.1
+      repeat-element: 1.1.4
+      snapdragon: 0.8.2
+      snapdragon-node: 2.1.1
+      split-string: 3.1.0
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
 
   brorand@1.1.0: {}
 
@@ -12489,7 +13681,7 @@ snapshots:
   browserify-aes@1.2.0:
     dependencies:
       buffer-xor: 1.0.3
-      cipher-base: 1.0.4
+      cipher-base: 1.0.6
       create-hash: 1.2.0
       evp_bytestokey: 1.0.3
       inherits: 2.0.4
@@ -12503,26 +13695,28 @@ snapshots:
 
   browserify-des@1.0.2:
     dependencies:
-      cipher-base: 1.0.4
+      cipher-base: 1.0.6
       des.js: 1.1.0
       inherits: 2.0.4
       safe-buffer: 5.2.1
 
-  browserify-rsa@4.1.0:
+  browserify-rsa@4.1.1:
     dependencies:
       bn.js: 5.2.1
       randombytes: 2.1.0
+      safe-buffer: 5.2.1
 
-  browserify-sign@4.2.1:
+  browserify-sign@4.2.3:
     dependencies:
       bn.js: 5.2.1
-      browserify-rsa: 4.1.0
+      browserify-rsa: 4.1.1
       create-hash: 1.2.0
       create-hmac: 1.1.7
-      elliptic: 6.5.4
+      elliptic: 6.6.1
+      hash-base: 3.0.5
       inherits: 2.0.4
-      parse-asn1: 5.1.6
-      readable-stream: 3.6.2
+      parse-asn1: 5.1.7
+      readable-stream: 2.3.8
       safe-buffer: 5.2.1
 
   browserify-zlib@0.1.4:
@@ -12533,12 +13727,12 @@ snapshots:
     dependencies:
       pako: 1.0.11
 
-  browserslist@4.21.10:
+  browserslist@4.24.4:
     dependencies:
-      caniuse-lite: 1.0.30001524
-      electron-to-chromium: 1.4.504
-      node-releases: 2.0.13
-      update-browserslist-db: 1.0.11(browserslist@4.21.10)
+      caniuse-lite: 1.0.30001713
+      electron-to-chromium: 1.5.113
+      node-releases: 2.0.19
+      update-browserslist-db: 1.1.3(browserslist@4.24.4)
 
   bser@2.1.1:
     dependencies:
@@ -12548,7 +13742,8 @@ snapshots:
 
   buffer-equal-constant-time@1.0.1: {}
 
-  buffer-equal@0.0.1: {}
+  buffer-equal@0.0.1:
+    optional: true
 
   buffer-equal@1.0.1: {}
 
@@ -12556,11 +13751,6 @@ snapshots:
 
   buffer-xor@1.0.3: {}
 
-  buffer@5.7.1:
-    dependencies:
-      base64-js: 1.5.1
-      ieee754: 1.2.1
-
   buffer@6.0.3:
     dependencies:
       base64-js: 1.5.1
@@ -12568,25 +13758,10 @@ snapshots:
 
   builtin-modules@3.3.0: {}
 
-  bytes@3.0.0: {}
+  builtin-status-codes@3.0.0: {}
 
   bytes@3.1.2: {}
 
-  c8@7.14.0:
-    dependencies:
-      '@bcoe/v8-coverage': 0.2.3
-      '@istanbuljs/schema': 0.1.3
-      find-up: 5.0.0
-      foreground-child: 2.0.0
-      istanbul-lib-coverage: 3.2.0
-      istanbul-lib-report: 3.0.1
-      istanbul-reports: 3.1.6
-      rimraf: 3.0.2
-      test-exclude: 6.0.0
-      v8-to-istanbul: 9.1.3
-      yargs: 16.2.0
-      yargs-parser: 20.2.9
-
   cac@6.7.14: {}
 
   cacache@16.1.3:
@@ -12607,33 +13782,50 @@ snapshots:
       promise-inflight: 1.0.1
       rimraf: 3.0.2
       ssri: 9.0.1
-      tar: 6.2.0
+      tar: 6.2.1
       unique-filename: 2.0.1
     transitivePeerDependencies:
       - bluebird
     optional: true
 
-  cachedir@2.4.0: {}
-
-  call-bind@1.0.2:
+  cache-base@1.0.1:
     dependencies:
-      function-bind: 1.1.1
-      get-intrinsic: 1.2.1
+      collection-visit: 1.0.0
+      component-emitter: 1.3.1
+      get-value: 2.0.6
+      has-value: 1.0.0
+      isobject: 3.0.1
+      set-value: 2.0.1
+      to-object-path: 0.3.0
+      union-value: 1.0.1
+      unset-value: 1.0.0
 
-  call-bind@1.0.7:
+  cachedir@2.4.0:
+    optional: true
+
+  call-bind-apply-helpers@1.0.2:
     dependencies:
-      es-define-property: 1.0.0
       es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.4
-      set-function-length: 1.2.1
+
+  call-bind@1.0.8:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      get-intrinsic: 1.3.0
+      set-function-length: 1.2.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
 
   callsites@3.1.0: {}
 
   camel-case@4.1.2:
     dependencies:
       pascal-case: 3.1.2
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   camelcase-keys@7.0.2:
     dependencies:
@@ -12646,50 +13838,43 @@ snapshots:
 
   camelcase@6.3.0: {}
 
-  caniuse-lite@1.0.30001524: {}
+  caniuse-lite@1.0.30001713: {}
 
   canvas@2.11.2(encoding@0.1.13):
     dependencies:
       '@mapbox/node-pre-gyp': 1.0.11(encoding@0.1.13)
-      nan: 2.18.0
+      nan: 2.22.2
       simple-get: 3.1.1
     transitivePeerDependencies:
       - encoding
       - supports-color
+    optional: true
 
   capital-case@1.0.4:
     dependencies:
       no-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.8.1
       upper-case-first: 2.0.2
 
-  caseless@0.12.0: {}
-
-  cbor-extract@2.2.0:
-    dependencies:
-      node-gyp-build-optional-packages: 5.1.1
-    optionalDependencies:
-      '@cbor-extract/cbor-extract-darwin-arm64': 2.2.0
-      '@cbor-extract/cbor-extract-darwin-x64': 2.2.0
-      '@cbor-extract/cbor-extract-linux-arm': 2.2.0
-      '@cbor-extract/cbor-extract-linux-arm64': 2.2.0
-      '@cbor-extract/cbor-extract-linux-x64': 2.2.0
-      '@cbor-extract/cbor-extract-win32-x64': 2.2.0
+  caseless@0.12.0:
     optional: true
 
-  cbor-x@1.5.4:
-    optionalDependencies:
-      cbor-extract: 2.2.0
+  centra@2.7.0(debug@4.4.0):
+    dependencies:
+      follow-redirects: 1.15.9(debug@4.4.0)
+    transitivePeerDependencies:
+      - debug
+    optional: true
 
-  chai@4.3.10:
+  chai@4.5.0:
     dependencies:
       assertion-error: 1.1.0
       check-error: 1.0.3
-      deep-eql: 4.1.3
+      deep-eql: 4.1.4
       get-func-name: 2.0.2
-      loupe: 2.3.6
+      loupe: 2.3.7
       pathval: 1.1.1
-      type-detect: 4.0.8
+      type-detect: 4.1.0
 
   chalk@2.4.2:
     dependencies:
@@ -12702,6 +13887,8 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
+  chalk@5.4.1: {}
+
   change-case@4.1.2:
     dependencies:
       camel-case: 4.1.2
@@ -12715,22 +13902,43 @@ snapshots:
       path-case: 3.0.4
       sentence-case: 3.0.4
       snake-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.8.1
 
-  change-case@5.1.2: {}
+  change-case@5.4.4: {}
 
   character-entities@2.0.2: {}
 
+  charenc@0.0.2: {}
+
   check-error@1.0.3:
     dependencies:
       get-func-name: 2.0.2
 
-  check-more-types@2.24.0: {}
+  check-more-types@2.24.0:
+    optional: true
 
-  chokidar@3.5.3:
+  chokidar@2.1.8:
+    dependencies:
+      anymatch: 2.0.0
+      async-each: 1.0.6
+      braces: 2.3.2
+      glob-parent: 3.1.0
+      inherits: 2.0.4
+      is-binary-path: 1.0.1
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      path-is-absolute: 1.0.1
+      readdirp: 2.2.1
+      upath: 1.2.0
+    optionalDependencies:
+      fsevents: 1.2.13
+    transitivePeerDependencies:
+      - supports-color
+
+  chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
-      braces: 3.0.2
+      braces: 3.0.3
       glob-parent: 5.1.2
       is-binary-path: 2.1.0
       is-glob: 4.0.3
@@ -12743,13 +13951,24 @@ snapshots:
 
   chownr@2.0.0: {}
 
-  ci-info@3.8.0: {}
+  ci-info@3.9.0: {}
 
-  cipher-base@1.0.4:
+  cipher-base@1.0.6:
     dependencies:
       inherits: 2.0.4
       safe-buffer: 5.2.1
 
+  citty@0.1.6:
+    dependencies:
+      consola: 3.4.0
+
+  class-utils@0.3.6:
+    dependencies:
+      arr-union: 3.1.0
+      define-property: 0.2.5
+      isobject: 3.0.1
+      static-extend: 0.1.2
+
   classnames@2.5.1: {}
 
   clean-regexp@1.0.0:
@@ -12762,9 +13981,9 @@ snapshots:
     dependencies:
       restore-cursor: 3.1.0
 
-  cli-spinners@2.9.1: {}
+  cli-spinners@2.9.2: {}
 
-  cli-table3@0.6.3:
+  cli-table3@0.6.5:
     dependencies:
       string-width: 4.2.3
     optionalDependencies:
@@ -12774,12 +13993,7 @@ snapshots:
     dependencies:
       slice-ansi: 3.0.0
       string-width: 4.2.3
-
-  cliui@7.0.4:
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
+    optional: true
 
   cliui@8.0.1:
     dependencies:
@@ -12797,9 +14011,10 @@ snapshots:
 
   clsx@1.1.1: {}
 
-  clsx@2.1.1: {}
-
-  color-convert@0.5.3: {}
+  collection-visit@1.0.0:
+    dependencies:
+      map-visit: 1.0.0
+      object-visit: 1.0.1
 
   color-convert@1.9.3:
     dependencies:
@@ -12809,8 +14024,6 @@ snapshots:
     dependencies:
       color-name: 1.1.4
 
-  color-diff@1.4.0: {}
-
   color-name@1.1.3: {}
 
   color-name@1.1.4: {}
@@ -12820,14 +14033,16 @@ snapshots:
       color-name: 1.1.4
       simple-swizzle: 0.2.2
 
-  color-support@1.1.3: {}
+  color-support@1.1.3:
+    optional: true
 
   color@4.2.3:
     dependencies:
       color-convert: 2.0.1
       color-string: 1.9.1
 
-  colorette@2.0.20: {}
+  colorette@2.0.20:
+    optional: true
 
   colors@1.4.0: {}
 
@@ -12837,7 +14052,8 @@ snapshots:
 
   commander@2.20.3: {}
 
-  commander@5.1.0: {}
+  commander@5.1.0:
+    optional: true
 
   commander@6.2.1: {}
 
@@ -12845,26 +14061,29 @@ snapshots:
 
   commondir@1.0.1: {}
 
-  component-bind@1.0.0: {}
+  component-bind@1.0.0:
+    optional: true
 
-  component-emitter@1.2.1: {}
+  component-emitter@1.2.1:
+    optional: true
 
-  component-emitter@1.3.0: {}
+  component-emitter@1.3.1: {}
 
-  component-inherit@0.0.3: {}
+  component-inherit@0.0.3:
+    optional: true
 
   compressible@2.0.18:
     dependencies:
-      mime-db: 1.52.0
+      mime-db: 1.54.0
 
-  compression@1.7.4:
+  compression@1.8.0:
     dependencies:
-      accepts: 1.3.8
-      bytes: 3.0.0
+      bytes: 3.1.2
       compressible: 2.0.18
       debug: 2.6.9
+      negotiator: 0.6.4
       on-headers: 1.0.2
-      safe-buffer: 5.1.2
+      safe-buffer: 5.2.1
       vary: 1.1.2
     transitivePeerDependencies:
       - supports-color
@@ -12878,14 +14097,30 @@ snapshots:
       readable-stream: 2.3.8
       typedarray: 0.0.6
 
+  confbox@0.1.8: {}
+
   confusing-browser-globals@1.0.11: {}
 
-  console-control-strings@1.1.0: {}
+  connect@3.7.0:
+    dependencies:
+      debug: 2.6.9
+      finalhandler: 1.1.2
+      parseurl: 1.3.3
+      utils-merge: 1.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  consola@3.4.0: {}
+
+  console-browserify@1.2.0: {}
+
+  console-control-strings@1.1.0:
+    optional: true
 
   constant-case@3.0.4:
     dependencies:
       no-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.8.1
       upper-case: 2.0.2
 
   constants-browserify@1.0.0: {}
@@ -12896,14 +14131,14 @@ snapshots:
 
   content-type@1.0.5: {}
 
-  contro-max@0.1.8(typescript@5.5.0-beta):
+  contro-max@0.1.9(typescript@5.5.4):
     dependencies:
       events: 3.3.0
       lodash-es: 4.17.21
       typed-emitter: 2.1.0
     optionalDependencies:
-      react: 18.2.0
-      use-typed-event-listener: 4.0.2(react@18.2.0)(typescript@5.5.0-beta)
+      react: 18.3.1
+      use-typed-event-listener: 4.0.2(react@18.3.1)(typescript@5.5.4)
     transitivePeerDependencies:
       - typescript
 
@@ -12913,21 +14148,27 @@ snapshots:
 
   cookie-signature@1.0.6: {}
 
-  cookie@0.4.2: {}
+  cookie@0.4.2:
+    optional: true
 
-  cookie@0.5.0: {}
+  cookie@0.7.1: {}
+
+  cookie@0.7.2: {}
+
+  copy-descriptor@0.1.1: {}
 
   copy-to-clipboard@3.3.3:
     dependencies:
       toggle-selection: 1.0.6
 
-  core-js-compat@3.32.1:
+  core-js-compat@3.41.0:
     dependencies:
-      browserslist: 4.21.10
+      browserslist: 4.24.4
 
-  core-js@3.32.1: {}
+  core-js@3.41.0: {}
 
-  core-util-is@1.0.2: {}
+  core-util-is@1.0.2:
+    optional: true
 
   core-util-is@1.0.3: {}
 
@@ -12940,20 +14181,20 @@ snapshots:
 
   cosmiconfig@7.1.0:
     dependencies:
-      '@types/parse-json': 4.0.0
-      import-fresh: 3.3.0
+      '@types/parse-json': 4.0.2
+      import-fresh: 3.3.1
       parse-json: 5.2.0
       path-type: 4.0.0
       yaml: 1.10.2
 
   create-ecdh@4.0.4:
     dependencies:
-      bn.js: 4.12.0
-      elliptic: 6.5.4
+      bn.js: 4.12.1
+      elliptic: 6.6.1
 
   create-hash@1.2.0:
     dependencies:
-      cipher-base: 1.0.4
+      cipher-base: 1.0.6
       inherits: 2.0.4
       md5.js: 1.3.5
       ripemd160: 2.0.2
@@ -12961,7 +14202,7 @@ snapshots:
 
   create-hmac@1.1.7:
     dependencies:
-      cipher-base: 1.0.4
+      cipher-base: 1.0.6
       create-hash: 1.2.0
       inherits: 2.0.4
       ripemd160: 2.0.2
@@ -12970,7 +14211,7 @@ snapshots:
 
   crelt@1.0.6: {}
 
-  cross-spawn@6.0.5:
+  cross-spawn@6.0.6:
     dependencies:
       nice-try: 1.0.5
       path-key: 2.0.1
@@ -12978,20 +14219,23 @@ snapshots:
       shebang-command: 1.2.0
       which: 1.3.1
 
-  cross-spawn@7.0.3:
+  cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
 
-  crypto-browserify@3.12.0:
+  crypt@0.0.2: {}
+
+  crypto-browserify@3.12.1:
     dependencies:
       browserify-cipher: 1.0.1
-      browserify-sign: 4.2.1
+      browserify-sign: 4.2.3
       create-ecdh: 4.0.4
       create-hash: 1.2.0
       create-hmac: 1.1.7
       diffie-hellman: 5.0.3
+      hash-base: 3.0.5
       inherits: 2.0.4
       pbkdf2: 3.1.2
       public-encrypt: 4.0.3
@@ -13002,14 +14246,14 @@ snapshots:
 
   css-in-js-utils@3.1.0:
     dependencies:
-      hyphenate-style-name: 1.0.4
+      hyphenate-style-name: 1.1.0
 
   css-select@5.1.0:
     dependencies:
       boolbase: 1.0.0
       css-what: 6.1.0
       domhandler: 5.0.3
-      domutils: 3.1.0
+      domutils: 3.2.2
       nth-check: 2.1.1
 
   css-tree@1.1.3:
@@ -13019,17 +14263,17 @@ snapshots:
 
   css-what@6.1.0: {}
 
-  csstype@3.1.2: {}
+  csstype@3.1.3: {}
 
   cypress-esbuild-preprocessor@1.0.2: {}
 
-  cypress-plugin-snapshots@1.4.4(cypress@10.11.0):
+  cypress-plugin-snapshots@1.4.4(cypress@10.11.0)(debug@4.4.0):
     dependencies:
       cypress: 10.11.0
       diff2html: 2.12.2
       fs-extra: 7.0.1
       image-size: 0.7.5
-      jimp: 0.10.3
+      jimp: 0.10.3(debug@4.4.0)
       js-base64: 2.6.4
       lodash: 4.17.21
       pixelmatch: 4.0.2
@@ -13037,35 +14281,37 @@ snapshots:
       prettier: 1.19.1
       rimraf: 2.7.1
       sanitize-filename: 1.6.3
-      socket.io: 2.5.0
+      socket.io: 2.5.1
       socket.io-client: 2.5.0
       source-map-support: 0.5.21
       unidiff: 1.0.2
     transitivePeerDependencies:
       - bufferutil
+      - debug
       - supports-color
       - utf-8-validate
+    optional: true
 
   cypress@10.11.0:
     dependencies:
       '@cypress/request': 2.88.12
       '@cypress/xvfb': 1.2.4(supports-color@8.1.1)
-      '@types/node': 14.18.56
+      '@types/node': 14.18.63
       '@types/sinonjs__fake-timers': 8.1.1
-      '@types/sizzle': 2.3.3
+      '@types/sizzle': 2.3.9
       arch: 2.2.0
       blob-util: 2.0.2
       bluebird: 3.7.2
-      buffer: 5.7.1
+      buffer: 6.0.3
       cachedir: 2.4.0
       chalk: 4.1.2
       check-more-types: 2.24.0
       cli-cursor: 3.1.0
-      cli-table3: 0.6.3
+      cli-table3: 0.6.5
       commander: 5.1.0
       common-tags: 1.8.2
-      dayjs: 1.11.9
-      debug: 4.3.4(supports-color@8.1.1)
+      dayjs: 1.11.13
+      debug: 4.4.0(supports-color@8.1.1)
       enquirer: 2.4.1
       eventemitter2: 6.4.7
       execa: 4.1.0
@@ -13085,35 +14331,38 @@ snapshots:
       pretty-bytes: 5.6.0
       proxy-from-env: 1.0.0
       request-progress: 3.0.0
-      semver: 7.6.0
+      semver: 7.7.1
       supports-color: 8.1.1
-      tmp: 0.2.1
+      tmp: 0.2.3
       untildify: 4.0.0
       yauzl: 2.10.0
+    optional: true
 
   dashdash@1.14.1:
     dependencies:
       assert-plus: 1.0.0
+    optional: true
 
-  data-view-buffer@1.0.1:
+  data-view-buffer@1.0.2:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
 
-  data-view-byte-length@1.0.1:
+  data-view-byte-length@1.0.2:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
 
-  data-view-byte-offset@1.0.0:
+  data-view-byte-offset@1.0.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      is-data-view: 1.0.1
+      is-data-view: 1.0.2
 
-  dayjs@1.11.9: {}
+  dayjs@1.11.13:
+    optional: true
 
   debounce@1.2.1: {}
 
@@ -13124,6 +14373,7 @@ snapshots:
   debug@3.1.0:
     dependencies:
       ms: 2.0.0
+    optional: true
 
   debug@3.2.7(supports-color@8.1.1):
     dependencies:
@@ -13134,13 +14384,22 @@ snapshots:
   debug@4.1.1:
     dependencies:
       ms: 2.1.3
+    optional: true
 
-  debug@4.3.4(supports-color@8.1.1):
+  debug@4.3.7:
     dependencies:
-      ms: 2.1.2
+      ms: 2.1.3
+
+  debug@4.4.0(supports-color@8.1.1):
+    dependencies:
+      ms: 2.1.3
     optionalDependencies:
       supports-color: 8.1.1
 
+  debug@4.4.1:
+    dependencies:
+      ms: 2.1.3
+
   decamelize-keys@1.1.1:
     dependencies:
       decamelize: 1.2.0
@@ -13150,21 +14409,24 @@ snapshots:
 
   decamelize@5.0.1: {}
 
-  decode-named-character-reference@1.0.2:
+  decode-named-character-reference@1.1.0:
     dependencies:
       character-entities: 2.0.2
 
+  decode-uri-component@0.2.2: {}
+
   decompress-response@4.2.1:
     dependencies:
       mimic-response: 2.1.0
+    optional: true
 
   decompress-response@6.0.0:
     dependencies:
       mimic-response: 3.1.0
 
-  deep-eql@4.1.3:
+  deep-eql@4.1.4:
     dependencies:
-      type-detect: 4.0.8
+      type-detect: 4.1.0
 
   deep-extend@0.6.0: {}
 
@@ -13172,6 +14434,12 @@ snapshots:
 
   deepmerge@4.3.1: {}
 
+  deepslate@0.23.5:
+    dependencies:
+      gl-matrix: 3.4.3
+      md5: 2.3.0
+      pako: 2.1.0
+
   default-browser-id@3.0.0:
     dependencies:
       bplist-parser: 0.2.0
@@ -13181,27 +14449,34 @@ snapshots:
     dependencies:
       clone: 1.0.4
 
-  define-data-property@1.1.0:
-    dependencies:
-      get-intrinsic: 1.2.1
-      gopd: 1.0.1
-      has-property-descriptors: 1.0.0
-
   define-data-property@1.1.4:
     dependencies:
-      es-define-property: 1.0.0
+      es-define-property: 1.0.1
       es-errors: 1.3.0
-      gopd: 1.0.1
+      gopd: 1.2.0
 
   define-lazy-prop@2.0.0: {}
 
   define-properties@1.2.1:
     dependencies:
-      define-data-property: 1.1.0
-      has-property-descriptors: 1.0.0
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
-  defu@6.1.2: {}
+  define-property@0.2.5:
+    dependencies:
+      is-descriptor: 0.1.7
+
+  define-property@1.0.0:
+    dependencies:
+      is-descriptor: 1.0.3
+
+  define-property@2.0.2:
+    dependencies:
+      is-descriptor: 1.0.3
+      isobject: 3.0.1
+
+  defu@6.1.4: {}
 
   del@6.1.1:
     dependencies:
@@ -13216,14 +14491,19 @@ snapshots:
 
   delayed-stream@1.0.0: {}
 
-  delegates@1.0.0: {}
+  delegates@1.0.0:
+    optional: true
+
+  depd@1.1.2: {}
 
   depd@2.0.0: {}
 
-  dequal@1.0.0: {}
-
   dequal@2.0.3: {}
 
+  derive-valtio@0.1.0(valtio@1.13.2(@types/react@18.3.18)(react@18.3.1)):
+    dependencies:
+      valtio: 1.13.2(@types/react@18.3.18)(react@18.3.1)
+
   des.js@1.1.0:
     dependencies:
       inherits: 2.0.4
@@ -13233,7 +14513,7 @@ snapshots:
 
   detect-collisions@7.0.5:
     dependencies:
-      '@types/rbush': 3.0.1
+      '@types/rbush': 3.0.4
       '@types/sat': 0.0.31
       poly-decomp: 0.3.0
       rbush: 3.0.1
@@ -13241,7 +14521,7 @@ snapshots:
 
   detect-indent@6.1.0: {}
 
-  detect-libc@2.0.2: {}
+  detect-libc@2.0.3: {}
 
   detect-node-es@1.1.0: {}
 
@@ -13249,10 +14529,10 @@ snapshots:
     dependencies:
       execa: 5.1.1
 
-  detect-port@1.5.1:
+  detect-port@1.6.1:
     dependencies:
       address: 1.2.2
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
 
@@ -13260,13 +14540,15 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
-  diamond-square@https://codeload.github.com/zardoy/diamond-square/tar.gz/4bbe28dcad35403abaa925055e91f601a61b9015:
+  diamond-square@https://codeload.github.com/zardoy/diamond-square/tar.gz/cfaad2d1d5909fdfa63c8cc7bc05fb5e87782d71:
     dependencies:
-      minecraft-data: 3.65.0
-      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/9662306deea57d8d0ba0a2a3f3f7adb95f0131e3(minecraft-data@3.65.0)
-      prismarine-registry: 1.7.0
+      minecraft-data: 3.98.0
+      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/c5feac83b61d95feb4d4f22c063dacfb8c192a9f(minecraft-data@3.98.0)
+      prismarine-registry: 1.11.0
       random-seed: 0.3.0
-      vec3: 0.1.8
+      vec3: 0.1.10
+
+  diff-match-patch@1.0.5: {}
 
   diff-sequences@29.6.3: {}
 
@@ -13275,15 +14557,18 @@ snapshots:
       diff: 4.0.2
       hogan.js: 3.0.2
       merge: 1.2.1
-      whatwg-fetch: 3.6.18
+      whatwg-fetch: 3.6.20
+    optional: true
 
-  diff@2.2.3: {}
+  diff@2.2.3:
+    optional: true
 
-  diff@4.0.2: {}
+  diff@4.0.2:
+    optional: true
 
   diffie-hellman@5.0.3:
     dependencies:
-      bn.js: 4.12.0
+      bn.js: 4.12.1
       miller-rabin: 4.0.1
       randombytes: 2.1.0
 
@@ -13303,8 +14588,8 @@ snapshots:
 
   dom-helpers@5.2.1:
     dependencies:
-      '@babel/runtime': 7.22.11
-      csstype: 3.1.2
+      '@babel/runtime': 7.26.9
+      csstype: 3.1.3
 
   dom-serializer@2.0.0:
     dependencies:
@@ -13312,7 +14597,10 @@ snapshots:
       domhandler: 5.0.3
       entities: 4.5.0
 
-  dom-walk@0.1.2: {}
+  dom-walk@0.1.2:
+    optional: true
+
+  domain-browser@5.7.0: {}
 
   domelementtype@2.3.0: {}
 
@@ -13320,7 +14608,7 @@ snapshots:
     dependencies:
       domelementtype: 2.3.0
 
-  domutils@3.1.0:
+  domutils@3.2.2:
     dependencies:
       dom-serializer: 2.0.0
       domelementtype: 2.3.0
@@ -13329,20 +14617,28 @@ snapshots:
   dot-case@3.0.4:
     dependencies:
       no-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   dotenv-expand@10.0.0: {}
 
-  dotenv@16.3.1: {}
+  dotenv@16.4.7: {}
 
-  draco3d@1.5.6: {}
+  draco3d@1.5.7: {}
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  duplexer@0.1.2: {}
 
   duplexify@3.7.1:
     dependencies:
       end-of-stream: 1.4.4
       inherits: 2.0.4
       readable-stream: 2.3.8
-      stream-shift: 1.0.1
+      stream-shift: 1.0.3
 
   eastasianwidth@0.2.0: {}
 
@@ -13350,6 +14646,7 @@ snapshots:
     dependencies:
       jsbn: 0.1.1
       safer-buffer: 2.1.2
+    optional: true
 
   ecdsa-sig-formatter@1.0.11:
     dependencies:
@@ -13357,15 +14654,15 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  ejs@3.1.9:
+  ejs@3.1.10:
     dependencies:
-      jake: 10.8.7
+      jake: 10.9.2
 
-  electron-to-chromium@1.4.504: {}
+  electron-to-chromium@1.5.113: {}
 
-  elliptic@6.5.4:
+  elliptic@6.6.1:
     dependencies:
-      bn.js: 4.12.0
+      bn.js: 4.12.1
       brorand: 1.1.0
       hash.js: 1.1.7
       hmac-drbg: 1.0.1
@@ -13381,6 +14678,8 @@ snapshots:
 
   encodeurl@1.0.2: {}
 
+  encodeurl@2.0.0: {}
+
   encoding@0.1.13:
     dependencies:
       iconv-lite: 0.6.3
@@ -13392,9 +14691,9 @@ snapshots:
 
   endian-toggle@0.0.0: {}
 
-  engine.io-client@3.5.3:
+  engine.io-client@3.5.4:
     dependencies:
-      component-emitter: 1.3.0
+      component-emitter: 1.3.1
       component-inherit: 0.0.3
       debug: 3.1.0
       engine.io-parser: 2.2.1
@@ -13402,21 +14701,22 @@ snapshots:
       indexof: 0.0.1
       parseqs: 0.0.6
       parseuri: 0.0.6
-      ws: 7.4.6
+      ws: 7.5.10
       xmlhttprequest-ssl: 1.6.3
       yeast: 0.1.2
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
+    optional: true
 
-  engine.io-client@6.5.2:
+  engine.io-client@6.6.3:
     dependencies:
-      '@socket.io/component-emitter': 3.1.0
-      debug: 4.3.4(supports-color@8.1.1)
-      engine.io-parser: 5.2.1
-      ws: 8.11.0
-      xmlhttprequest-ssl: 2.0.0
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.3.7
+      engine.io-parser: 5.2.3
+      ws: 8.17.1
+      xmlhttprequest-ssl: 2.1.2
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -13429,34 +14729,35 @@ snapshots:
       base64-arraybuffer: 0.1.4
       blob: 0.0.5
       has-binary2: 1.0.3
+    optional: true
 
-  engine.io-parser@5.2.1: {}
+  engine.io-parser@5.2.3: {}
 
-  engine.io@3.6.1:
+  engine.io@3.6.2:
     dependencies:
       accepts: 1.3.8
       base64id: 2.0.0
       cookie: 0.4.2
       debug: 4.1.1
       engine.io-parser: 2.2.1
-      ws: 7.4.6
+      ws: 7.5.10
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
+    optional: true
 
-  engine.io@6.5.3:
+  engine.io@6.6.4:
     dependencies:
-      '@types/cookie': 0.4.1
-      '@types/cors': 2.8.15
-      '@types/node': 20.12.8
+      '@types/cors': 2.8.17
+      '@types/node': 22.13.9
       accepts: 1.3.8
       base64id: 2.0.0
-      cookie: 0.4.2
+      cookie: 0.7.2
       cors: 2.8.5
-      debug: 4.3.4(supports-color@8.1.1)
-      engine.io-parser: 5.2.1
-      ws: 8.11.0
+      debug: 4.3.7
+      engine.io-parser: 5.2.3
+      ws: 8.17.1
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -13466,13 +14767,14 @@ snapshots:
     dependencies:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
+    optional: true
 
   entities@4.5.0: {}
 
   env-paths@2.2.1:
     optional: true
 
-  envinfo@7.10.0: {}
+  envinfo@7.14.0: {}
 
   err-code@2.0.3:
     optional: true
@@ -13485,155 +14787,164 @@ snapshots:
     dependencies:
       stackframe: 1.3.4
 
-  eruda@3.0.1: {}
+  eruda@3.4.1: {}
 
-  es-abstract@1.22.2:
+  es-abstract@1.23.9:
     dependencies:
-      array-buffer-byte-length: 1.0.0
-      arraybuffer.prototype.slice: 1.0.2
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
-      es-set-tostringtag: 2.0.1
-      es-to-primitive: 1.2.1
-      function.prototype.name: 1.1.6
-      get-intrinsic: 1.2.1
-      get-symbol-description: 1.0.0
-      globalthis: 1.0.3
-      gopd: 1.0.1
-      has: 1.0.3
-      has-property-descriptors: 1.0.0
-      has-proto: 1.0.1
-      has-symbols: 1.0.3
-      internal-slot: 1.0.5
-      is-array-buffer: 3.0.2
-      is-callable: 1.2.7
-      is-negative-zero: 2.0.2
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.2
-      is-string: 1.0.7
-      is-typed-array: 1.1.12
-      is-weakref: 1.0.2
-      object-inspect: 1.12.3
-      object-keys: 1.1.1
-      object.assign: 4.1.4
-      regexp.prototype.flags: 1.5.1
-      safe-array-concat: 1.0.1
-      safe-regex-test: 1.0.0
-      string.prototype.trim: 1.2.8
-      string.prototype.trimend: 1.0.7
-      string.prototype.trimstart: 1.0.7
-      typed-array-buffer: 1.0.0
-      typed-array-byte-length: 1.0.0
-      typed-array-byte-offset: 1.0.0
-      typed-array-length: 1.0.4
-      unbox-primitive: 1.0.2
-      which-typed-array: 1.1.11
-
-  es-abstract@1.23.3:
-    dependencies:
-      array-buffer-byte-length: 1.0.1
-      arraybuffer.prototype.slice: 1.0.3
+      array-buffer-byte-length: 1.0.2
+      arraybuffer.prototype.slice: 1.0.4
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      data-view-buffer: 1.0.1
-      data-view-byte-length: 1.0.1
-      data-view-byte-offset: 1.0.0
-      es-define-property: 1.0.0
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      data-view-buffer: 1.0.2
+      data-view-byte-length: 1.0.2
+      data-view-byte-offset: 1.0.1
+      es-define-property: 1.0.1
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      es-set-tostringtag: 2.0.3
-      es-to-primitive: 1.2.1
-      function.prototype.name: 1.1.6
-      get-intrinsic: 1.2.4
-      get-symbol-description: 1.0.2
+      es-object-atoms: 1.1.1
+      es-set-tostringtag: 2.1.0
+      es-to-primitive: 1.3.0
+      function.prototype.name: 1.1.8
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      get-symbol-description: 1.1.0
       globalthis: 1.0.4
-      gopd: 1.0.1
+      gopd: 1.2.0
       has-property-descriptors: 1.0.2
-      has-proto: 1.0.3
-      has-symbols: 1.0.3
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
       hasown: 2.0.2
-      internal-slot: 1.0.7
-      is-array-buffer: 3.0.4
+      internal-slot: 1.1.0
+      is-array-buffer: 3.0.5
       is-callable: 1.2.7
-      is-data-view: 1.0.1
-      is-negative-zero: 2.0.3
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.3
-      is-string: 1.0.7
-      is-typed-array: 1.1.13
-      is-weakref: 1.0.2
-      object-inspect: 1.13.1
+      is-data-view: 1.0.2
+      is-regex: 1.2.1
+      is-shared-array-buffer: 1.0.4
+      is-string: 1.1.1
+      is-typed-array: 1.1.15
+      is-weakref: 1.1.1
+      math-intrinsics: 1.1.0
+      object-inspect: 1.13.4
       object-keys: 1.1.1
-      object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.2
-      safe-array-concat: 1.1.2
-      safe-regex-test: 1.0.3
-      string.prototype.trim: 1.2.9
-      string.prototype.trimend: 1.0.8
+      object.assign: 4.1.7
+      own-keys: 1.0.1
+      regexp.prototype.flags: 1.5.4
+      safe-array-concat: 1.1.3
+      safe-push-apply: 1.0.0
+      safe-regex-test: 1.1.0
+      set-proto: 1.0.0
+      string.prototype.trim: 1.2.10
+      string.prototype.trimend: 1.0.9
       string.prototype.trimstart: 1.0.8
-      typed-array-buffer: 1.0.2
-      typed-array-byte-length: 1.0.1
-      typed-array-byte-offset: 1.0.2
-      typed-array-length: 1.0.6
-      unbox-primitive: 1.0.2
-      which-typed-array: 1.1.15
+      typed-array-buffer: 1.0.3
+      typed-array-byte-length: 1.0.3
+      typed-array-byte-offset: 1.0.4
+      typed-array-length: 1.0.7
+      unbox-primitive: 1.1.0
+      which-typed-array: 1.1.18
 
-  es-define-property@1.0.0:
+  es-abstract@1.24.0:
     dependencies:
-      get-intrinsic: 1.2.4
+      array-buffer-byte-length: 1.0.2
+      arraybuffer.prototype.slice: 1.0.4
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      data-view-buffer: 1.0.2
+      data-view-byte-length: 1.0.2
+      data-view-byte-offset: 1.0.1
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-set-tostringtag: 2.1.0
+      es-to-primitive: 1.3.0
+      function.prototype.name: 1.1.8
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      get-symbol-description: 1.1.0
+      globalthis: 1.0.4
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      internal-slot: 1.1.0
+      is-array-buffer: 3.0.5
+      is-callable: 1.2.7
+      is-data-view: 1.0.2
+      is-negative-zero: 2.0.3
+      is-regex: 1.2.1
+      is-set: 2.0.3
+      is-shared-array-buffer: 1.0.4
+      is-string: 1.1.1
+      is-typed-array: 1.1.15
+      is-weakref: 1.1.1
+      math-intrinsics: 1.1.0
+      object-inspect: 1.13.4
+      object-keys: 1.1.1
+      object.assign: 4.1.7
+      own-keys: 1.0.1
+      regexp.prototype.flags: 1.5.4
+      safe-array-concat: 1.1.3
+      safe-push-apply: 1.0.0
+      safe-regex-test: 1.1.0
+      set-proto: 1.0.0
+      stop-iteration-iterator: 1.1.0
+      string.prototype.trim: 1.2.10
+      string.prototype.trimend: 1.0.9
+      string.prototype.trimstart: 1.0.8
+      typed-array-buffer: 1.0.3
+      typed-array-byte-length: 1.0.3
+      typed-array-byte-offset: 1.0.4
+      typed-array-length: 1.0.7
+      unbox-primitive: 1.1.0
+      which-typed-array: 1.1.19
+
+  es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
 
-  es-iterator-helpers@1.0.19:
+  es-iterator-helpers@1.2.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.24.0
       es-errors: 1.3.0
-      es-set-tostringtag: 2.0.3
+      es-set-tostringtag: 2.1.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.4
+      get-intrinsic: 1.3.0
       globalthis: 1.0.4
+      gopd: 1.2.0
       has-property-descriptors: 1.0.2
-      has-proto: 1.0.3
-      has-symbols: 1.0.3
-      internal-slot: 1.0.7
-      iterator.prototype: 1.1.2
-      safe-array-concat: 1.1.2
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      iterator.prototype: 1.1.5
+      safe-array-concat: 1.1.3
 
   es-module-lexer@0.9.3: {}
 
-  es-object-atoms@1.0.0:
+  es-object-atoms@1.1.1:
     dependencies:
       es-errors: 1.3.0
 
-  es-set-tostringtag@2.0.1:
+  es-set-tostringtag@2.1.0:
     dependencies:
-      get-intrinsic: 1.2.1
-      has: 1.0.3
-      has-tostringtag: 1.0.0
-
-  es-set-tostringtag@2.0.3:
-    dependencies:
-      get-intrinsic: 1.2.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
-  es-shim-unscopables@1.0.0:
-    dependencies:
-      has: 1.0.3
-
-  es-shim-unscopables@1.0.2:
+  es-shim-unscopables@1.1.0:
     dependencies:
       hasown: 2.0.2
 
-  es-to-primitive@1.2.1:
+  es-to-primitive@1.3.0:
     dependencies:
       is-callable: 1.2.7
-      is-date-object: 1.0.5
-      is-symbol: 1.0.4
-
-  es6-object-assign@1.1.0: {}
+      is-date-object: 1.1.0
+      is-symbol: 1.1.1
 
   es6-promise@4.2.8: {}
 
@@ -13643,15 +14954,15 @@ snapshots:
 
   esbuild-plugin-alias@0.2.1: {}
 
-  esbuild-plugin-polyfill-node@0.3.0(esbuild@0.19.3):
+  esbuild-plugin-polyfill-node@0.3.0(esbuild@0.19.12):
     dependencies:
-      '@jspm/core': 2.0.1
-      esbuild: 0.19.3
-      import-meta-resolve: 3.0.0
+      '@jspm/core': 2.1.0
+      esbuild: 0.19.12
+      import-meta-resolve: 3.1.1
 
-  esbuild-register@3.5.0(esbuild@0.18.20):
+  esbuild-register@3.6.0(esbuild@0.18.20):
     dependencies:
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.0(supports-color@8.1.1)
       esbuild: 0.18.20
     transitivePeerDependencies:
       - supports-color
@@ -13681,58 +14992,61 @@ snapshots:
       '@esbuild/win32-ia32': 0.18.20
       '@esbuild/win32-x64': 0.18.20
 
-  esbuild@0.19.11:
+  esbuild@0.19.12:
     optionalDependencies:
-      '@esbuild/aix-ppc64': 0.19.11
-      '@esbuild/android-arm': 0.19.11
-      '@esbuild/android-arm64': 0.19.11
-      '@esbuild/android-x64': 0.19.11
-      '@esbuild/darwin-arm64': 0.19.11
-      '@esbuild/darwin-x64': 0.19.11
-      '@esbuild/freebsd-arm64': 0.19.11
-      '@esbuild/freebsd-x64': 0.19.11
-      '@esbuild/linux-arm': 0.19.11
-      '@esbuild/linux-arm64': 0.19.11
-      '@esbuild/linux-ia32': 0.19.11
-      '@esbuild/linux-loong64': 0.19.11
-      '@esbuild/linux-mips64el': 0.19.11
-      '@esbuild/linux-ppc64': 0.19.11
-      '@esbuild/linux-riscv64': 0.19.11
-      '@esbuild/linux-s390x': 0.19.11
-      '@esbuild/linux-x64': 0.19.11
-      '@esbuild/netbsd-x64': 0.19.11
-      '@esbuild/openbsd-x64': 0.19.11
-      '@esbuild/sunos-x64': 0.19.11
-      '@esbuild/win32-arm64': 0.19.11
-      '@esbuild/win32-ia32': 0.19.11
-      '@esbuild/win32-x64': 0.19.11
+      '@esbuild/aix-ppc64': 0.19.12
+      '@esbuild/android-arm': 0.19.12
+      '@esbuild/android-arm64': 0.19.12
+      '@esbuild/android-x64': 0.19.12
+      '@esbuild/darwin-arm64': 0.19.12
+      '@esbuild/darwin-x64': 0.19.12
+      '@esbuild/freebsd-arm64': 0.19.12
+      '@esbuild/freebsd-x64': 0.19.12
+      '@esbuild/linux-arm': 0.19.12
+      '@esbuild/linux-arm64': 0.19.12
+      '@esbuild/linux-ia32': 0.19.12
+      '@esbuild/linux-loong64': 0.19.12
+      '@esbuild/linux-mips64el': 0.19.12
+      '@esbuild/linux-ppc64': 0.19.12
+      '@esbuild/linux-riscv64': 0.19.12
+      '@esbuild/linux-s390x': 0.19.12
+      '@esbuild/linux-x64': 0.19.12
+      '@esbuild/netbsd-x64': 0.19.12
+      '@esbuild/openbsd-x64': 0.19.12
+      '@esbuild/sunos-x64': 0.19.12
+      '@esbuild/win32-arm64': 0.19.12
+      '@esbuild/win32-ia32': 0.19.12
+      '@esbuild/win32-x64': 0.19.12
 
-  esbuild@0.19.3:
+  esbuild@0.25.0:
     optionalDependencies:
-      '@esbuild/android-arm': 0.19.3
-      '@esbuild/android-arm64': 0.19.3
-      '@esbuild/android-x64': 0.19.3
-      '@esbuild/darwin-arm64': 0.19.3
-      '@esbuild/darwin-x64': 0.19.3
-      '@esbuild/freebsd-arm64': 0.19.3
-      '@esbuild/freebsd-x64': 0.19.3
-      '@esbuild/linux-arm': 0.19.3
-      '@esbuild/linux-arm64': 0.19.3
-      '@esbuild/linux-ia32': 0.19.3
-      '@esbuild/linux-loong64': 0.19.3
-      '@esbuild/linux-mips64el': 0.19.3
-      '@esbuild/linux-ppc64': 0.19.3
-      '@esbuild/linux-riscv64': 0.19.3
-      '@esbuild/linux-s390x': 0.19.3
-      '@esbuild/linux-x64': 0.19.3
-      '@esbuild/netbsd-x64': 0.19.3
-      '@esbuild/openbsd-x64': 0.19.3
-      '@esbuild/sunos-x64': 0.19.3
-      '@esbuild/win32-arm64': 0.19.3
-      '@esbuild/win32-ia32': 0.19.3
-      '@esbuild/win32-x64': 0.19.3
+      '@esbuild/aix-ppc64': 0.25.0
+      '@esbuild/android-arm': 0.25.0
+      '@esbuild/android-arm64': 0.25.0
+      '@esbuild/android-x64': 0.25.0
+      '@esbuild/darwin-arm64': 0.25.0
+      '@esbuild/darwin-x64': 0.25.0
+      '@esbuild/freebsd-arm64': 0.25.0
+      '@esbuild/freebsd-x64': 0.25.0
+      '@esbuild/linux-arm': 0.25.0
+      '@esbuild/linux-arm64': 0.25.0
+      '@esbuild/linux-ia32': 0.25.0
+      '@esbuild/linux-loong64': 0.25.0
+      '@esbuild/linux-mips64el': 0.25.0
+      '@esbuild/linux-ppc64': 0.25.0
+      '@esbuild/linux-riscv64': 0.25.0
+      '@esbuild/linux-s390x': 0.25.0
+      '@esbuild/linux-x64': 0.25.0
+      '@esbuild/netbsd-arm64': 0.25.0
+      '@esbuild/netbsd-x64': 0.25.0
+      '@esbuild/openbsd-arm64': 0.25.0
+      '@esbuild/openbsd-x64': 0.25.0
+      '@esbuild/sunos-x64': 0.25.0
+      '@esbuild/win32-arm64': 0.25.0
+      '@esbuild/win32-ia32': 0.25.0
+      '@esbuild/win32-x64': 0.25.0
 
-  escalade@3.1.1: {}
+  escalade@3.2.0: {}
 
   escape-html@1.0.3: {}
 
@@ -13748,44 +15062,44 @@ snapshots:
     optionalDependencies:
       source-map: 0.6.1
 
-  eslint-config-prettier@8.10.0(eslint@8.50.0):
+  eslint-config-prettier@8.10.0(eslint@8.57.1):
     dependencies:
-      eslint: 8.50.0
+      eslint: 8.57.1
 
-  eslint-config-xo-react@0.27.0(eslint-plugin-react-hooks@4.6.0(eslint@8.50.0))(eslint-plugin-react@7.34.1(eslint@8.50.0))(eslint@8.50.0):
+  eslint-config-xo-react@0.27.0(eslint-plugin-react-hooks@5.2.0(eslint@8.57.1))(eslint-plugin-react@7.37.4(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
-      eslint: 8.50.0
-      eslint-plugin-react: 7.34.1(eslint@8.50.0)
-      eslint-plugin-react-hooks: 4.6.0(eslint@8.50.0)
+      eslint: 8.57.1
+      eslint-plugin-react: 7.37.4(eslint@8.57.1)
+      eslint-plugin-react-hooks: 5.2.0(eslint@8.57.1)
 
-  eslint-config-xo-typescript@1.0.1(@typescript-eslint/eslint-plugin@6.1.0(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint@8.50.0)(typescript@5.5.0-beta))(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint@8.50.0)(typescript@5.5.0-beta):
+  eslint-config-xo-typescript@1.0.1(@typescript-eslint/eslint-plugin@6.1.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4))(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 6.1.0(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint@8.50.0)(typescript@5.5.0-beta)
-      '@typescript-eslint/parser': 6.7.3(eslint@8.50.0)(typescript@5.5.0-beta)
-      eslint: 8.50.0
-      typescript: 5.5.0-beta
+      '@typescript-eslint/eslint-plugin': 6.1.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4)
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.5.4)
+      eslint: 8.57.1
+      typescript: 5.5.4
 
-  eslint-config-xo@0.43.1(eslint@8.50.0):
+  eslint-config-xo@0.43.1(eslint@8.57.1):
     dependencies:
       confusing-browser-globals: 1.0.11
-      eslint: 8.50.0
+      eslint: 8.57.1
 
-  eslint-config-zardoy@0.2.17(eslint-plugin-react-hooks@4.6.0(eslint@8.50.0))(eslint-plugin-react@7.34.1(eslint@8.50.0))(eslint@8.50.0)(typescript@5.5.0-beta):
+  eslint-config-zardoy@0.2.17(eslint-plugin-react-hooks@5.2.0(eslint@8.57.1))(eslint-plugin-react@7.37.4(eslint@8.57.1))(eslint@8.57.1)(typescript@5.5.4):
     dependencies:
-      '@rushstack/eslint-patch': 1.4.0
-      '@typescript-eslint/eslint-plugin': 6.1.0(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint@8.50.0)(typescript@5.5.0-beta)
-      '@typescript-eslint/parser': 6.7.3(eslint@8.50.0)(typescript@5.5.0-beta)
-      eslint: 8.50.0
-      eslint-config-prettier: 8.10.0(eslint@8.50.0)
-      eslint-config-xo: 0.43.1(eslint@8.50.0)
-      eslint-config-xo-react: 0.27.0(eslint-plugin-react-hooks@4.6.0(eslint@8.50.0))(eslint-plugin-react@7.34.1(eslint@8.50.0))(eslint@8.50.0)
-      eslint-config-xo-typescript: 1.0.1(@typescript-eslint/eslint-plugin@6.1.0(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint@8.50.0)(typescript@5.5.0-beta))(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint@8.50.0)(typescript@5.5.0-beta)
-      eslint-plugin-eslint-comments: 3.2.0(eslint@8.50.0)
-      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint@8.50.0)
-      eslint-plugin-node: 11.1.0(eslint@8.50.0)
-      eslint-plugin-sonarjs: 0.19.0(eslint@8.50.0)
-      eslint-plugin-unicorn: 48.0.0(eslint@8.50.0)
-      typescript: 5.5.0-beta
+      '@rushstack/eslint-patch': 1.10.5
+      '@typescript-eslint/eslint-plugin': 6.1.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4)
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.5.4)
+      eslint: 8.57.1
+      eslint-config-prettier: 8.10.0(eslint@8.57.1)
+      eslint-config-xo: 0.43.1(eslint@8.57.1)
+      eslint-config-xo-react: 0.27.0(eslint-plugin-react-hooks@5.2.0(eslint@8.57.1))(eslint-plugin-react@7.37.4(eslint@8.57.1))(eslint@8.57.1)
+      eslint-config-xo-typescript: 1.0.1(@typescript-eslint/eslint-plugin@6.1.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4))(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4)
+      eslint-plugin-eslint-comments: 3.2.0(eslint@8.57.1)
+      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)
+      eslint-plugin-node: 11.1.0(eslint@8.57.1)
+      eslint-plugin-sonarjs: 0.19.0(eslint@8.57.1)
+      eslint-plugin-unicorn: 48.0.0(eslint@8.57.1)
+      typescript: 5.5.4
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -13796,115 +15110,115 @@ snapshots:
   eslint-import-resolver-node@0.3.9:
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
-      is-core-module: 2.13.0
-      resolve: 1.22.4
+      is-core-module: 2.16.1
+      resolve: 1.22.10
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint-import-resolver-node@0.3.9)(eslint@8.50.0):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint@8.57.1):
     dependencies:
       debug: 3.2.7(supports-color@8.1.1)
     optionalDependencies:
-      '@typescript-eslint/parser': 6.7.3(eslint@8.50.0)(typescript@5.5.0-beta)
-      eslint: 8.50.0
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.5.4)
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-es@3.0.1(eslint@8.50.0):
+  eslint-plugin-es@3.0.1(eslint@8.57.1):
     dependencies:
-      eslint: 8.50.0
+      eslint: 8.57.1
       eslint-utils: 2.1.0
       regexpp: 3.2.0
 
-  eslint-plugin-eslint-comments@3.2.0(eslint@8.50.0):
+  eslint-plugin-eslint-comments@3.2.0(eslint@8.57.1):
     dependencies:
       escape-string-regexp: 1.0.5
-      eslint: 8.50.0
-      ignore: 5.2.4
+      eslint: 8.57.1
+      ignore: 5.3.2
 
-  eslint-plugin-import@2.27.5(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint@8.50.0):
+  eslint-plugin-import@2.27.5(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1):
     dependencies:
-      array-includes: 3.1.7
-      array.prototype.flat: 1.3.2
-      array.prototype.flatmap: 1.3.2
+      array-includes: 3.1.8
+      array.prototype.flat: 1.3.3
+      array.prototype.flatmap: 1.3.3
       debug: 3.2.7(supports-color@8.1.1)
       doctrine: 2.1.0
-      eslint: 8.50.0
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.3(eslint@8.50.0)(typescript@5.5.0-beta))(eslint-import-resolver-node@0.3.9)(eslint@8.50.0)
-      has: 1.0.3
-      is-core-module: 2.13.0
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint@8.57.1)
+      has: 1.0.4
+      is-core-module: 2.16.1
       is-glob: 4.0.3
       minimatch: 3.1.2
-      object.values: 1.1.7
-      resolve: 1.22.4
+      object.values: 1.2.1
+      resolve: 1.22.10
       semver: 6.3.1
-      tsconfig-paths: 3.14.2
+      tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 6.7.3(eslint@8.50.0)(typescript@5.5.0-beta)
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.5.4)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-node@11.1.0(eslint@8.50.0):
+  eslint-plugin-node@11.1.0(eslint@8.57.1):
     dependencies:
-      eslint: 8.50.0
-      eslint-plugin-es: 3.0.1(eslint@8.50.0)
+      eslint: 8.57.1
+      eslint-plugin-es: 3.0.1(eslint@8.57.1)
       eslint-utils: 2.1.0
-      ignore: 5.2.4
+      ignore: 5.3.2
       minimatch: 3.1.2
-      resolve: 1.22.4
+      resolve: 1.22.10
       semver: 6.3.1
 
-  eslint-plugin-react-hooks@4.6.0(eslint@8.50.0):
+  eslint-plugin-react-hooks@5.2.0(eslint@8.57.1):
     dependencies:
-      eslint: 8.50.0
+      eslint: 8.57.1
 
-  eslint-plugin-react@7.34.1(eslint@8.50.0):
+  eslint-plugin-react@7.37.4(eslint@8.57.1):
     dependencies:
-      array-includes: 3.1.8
+      array-includes: 3.1.9
       array.prototype.findlast: 1.2.5
-      array.prototype.flatmap: 1.3.2
-      array.prototype.toreversed: 1.1.2
-      array.prototype.tosorted: 1.1.3
+      array.prototype.flatmap: 1.3.3
+      array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
-      es-iterator-helpers: 1.0.19
-      eslint: 8.50.0
+      es-iterator-helpers: 1.2.1
+      eslint: 8.57.1
       estraverse: 5.3.0
+      hasown: 2.0.2
       jsx-ast-utils: 3.3.5
       minimatch: 3.1.2
-      object.entries: 1.1.8
+      object.entries: 1.1.9
       object.fromentries: 2.0.8
-      object.hasown: 1.1.4
-      object.values: 1.2.0
+      object.values: 1.2.1
       prop-types: 15.8.1
       resolve: 2.0.0-next.5
       semver: 6.3.1
-      string.prototype.matchall: 4.0.11
+      string.prototype.matchall: 4.0.12
+      string.prototype.repeat: 1.0.0
 
-  eslint-plugin-sonarjs@0.19.0(eslint@8.50.0):
+  eslint-plugin-sonarjs@0.19.0(eslint@8.57.1):
     dependencies:
-      eslint: 8.50.0
+      eslint: 8.57.1
 
-  eslint-plugin-unicorn@48.0.0(eslint@8.50.0):
+  eslint-plugin-unicorn@48.0.0(eslint@8.57.1):
     dependencies:
-      '@babel/helper-validator-identifier': 7.22.5
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
-      ci-info: 3.8.0
+      '@babel/helper-validator-identifier': 7.25.9
+      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      ci-info: 3.9.0
       clean-regexp: 1.0.0
-      eslint: 8.50.0
-      esquery: 1.5.0
+      eslint: 8.57.1
+      esquery: 1.6.0
       indent-string: 4.0.0
       is-builtin-module: 3.2.1
-      jsesc: 3.0.2
+      jsesc: 3.1.0
       lodash: 4.17.21
       pluralize: 8.0.0
       read-pkg-up: 7.0.1
       regexp-tree: 0.1.27
       regjsparser: 0.10.0
-      semver: 7.5.4
+      semver: 7.7.1
       strip-indent: 3.0.0
 
   eslint-scope@7.2.2:
@@ -13920,33 +15234,36 @@ snapshots:
 
   eslint-visitor-keys@3.4.3: {}
 
-  eslint@8.50.0:
+  eslint-visitor-keys@4.2.0: {}
+
+  eslint@8.57.1:
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
-      '@eslint-community/regexpp': 4.8.0
-      '@eslint/eslintrc': 2.1.2
-      '@eslint/js': 8.50.0
-      '@humanwhocodes/config-array': 0.11.11
+      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      '@eslint-community/regexpp': 4.12.1
+      '@eslint/eslintrc': 2.1.4
+      '@eslint/js': 8.57.1
+      '@humanwhocodes/config-array': 0.13.0
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
+      '@ungap/structured-clone': 1.3.0
       ajv: 6.12.6
       chalk: 4.1.2
-      cross-spawn: 7.0.3
-      debug: 4.3.4(supports-color@8.1.1)
+      cross-spawn: 7.0.6
+      debug: 4.4.0(supports-color@8.1.1)
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      esquery: 1.5.0
+      esquery: 1.6.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
       file-entry-cache: 6.0.1
       find-up: 5.0.0
       glob-parent: 6.0.2
-      globals: 13.21.0
+      globals: 13.24.0
       graphemer: 1.4.0
-      ignore: 5.2.4
+      ignore: 5.3.2
       imurmurhash: 0.1.4
       is-glob: 4.0.3
       is-path-inside: 3.0.3
@@ -13956,21 +15273,27 @@ snapshots:
       lodash.merge: 4.6.2
       minimatch: 3.1.2
       natural-compare: 1.4.0
-      optionator: 0.9.3
+      optionator: 0.9.4
       strip-ansi: 6.0.1
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
 
+  espree@10.3.0:
+    dependencies:
+      acorn: 8.14.1
+      acorn-jsx: 5.3.2(acorn@8.14.1)
+      eslint-visitor-keys: 4.2.0
+
   espree@9.6.1:
     dependencies:
-      acorn: 8.10.0
-      acorn-jsx: 5.3.2(acorn@8.10.0)
+      acorn: 8.14.1
+      acorn-jsx: 5.3.2(acorn@8.14.1)
       eslint-visitor-keys: 3.4.3
 
   esprima@4.0.1: {}
 
-  esquery@1.5.0:
+  esquery@1.6.0:
     dependencies:
       estraverse: 5.3.0
 
@@ -13980,14 +15303,6 @@ snapshots:
 
   estraverse@5.3.0: {}
 
-  estree-to-babel@3.2.1:
-    dependencies:
-      '@babel/traverse': 7.22.11
-      '@babel/types': 7.23.0
-      c8: 7.14.0
-    transitivePeerDependencies:
-      - supports-color
-
   estree-walker@1.0.1: {}
 
   estree-walker@2.0.2: {}
@@ -13996,9 +15311,20 @@ snapshots:
 
   etag@1.8.1: {}
 
+  event-stream@3.3.4:
+    dependencies:
+      duplexer: 0.1.2
+      from: 0.1.7
+      map-stream: 0.1.0
+      pause-stream: 0.0.11
+      split: 0.3.3
+      stream-combiner: 0.0.4
+      through: 2.3.8
+
   event-target-shim@5.0.1: {}
 
-  eventemitter2@6.4.7: {}
+  eventemitter2@6.4.7:
+    optional: true
 
   eventemitter3@4.0.7: {}
 
@@ -14011,7 +15337,7 @@ snapshots:
 
   execa@4.1.0:
     dependencies:
-      cross-spawn: 7.0.3
+      cross-spawn: 7.0.6
       get-stream: 5.2.0
       human-signals: 1.1.1
       is-stream: 2.0.1
@@ -14020,10 +15346,11 @@ snapshots:
       onetime: 5.1.2
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
+    optional: true
 
   execa@5.1.1:
     dependencies:
-      cross-spawn: 7.0.3
+      cross-spawn: 7.0.6
       get-stream: 6.0.1
       human-signals: 2.1.0
       is-stream: 2.0.1
@@ -14036,52 +15363,66 @@ snapshots:
   executable@4.1.1:
     dependencies:
       pify: 2.3.0
+    optional: true
 
-  exif-parser@0.1.12: {}
+  exif-parser@0.1.12:
+    optional: true
 
   exit-hook@2.2.1: {}
 
+  expand-brackets@2.1.4:
+    dependencies:
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      posix-character-classes: 0.1.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   expand-template@2.0.3: {}
 
-  exponential-backoff@3.1.1:
+  exponential-backoff@3.1.2:
     optional: true
 
-  express-ws@4.0.0(express@4.18.2):
+  express-ws@4.0.0(express@4.21.2):
     dependencies:
-      express: 4.18.2
-      ws: 5.2.3
+      express: 4.21.2
+      ws: 5.2.4
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
 
-  express@4.18.2:
+  express@4.21.2:
     dependencies:
       accepts: 1.3.8
       array-flatten: 1.1.1
-      body-parser: 1.20.1
+      body-parser: 1.20.3
       content-disposition: 0.5.4
       content-type: 1.0.5
-      cookie: 0.5.0
+      cookie: 0.7.1
       cookie-signature: 1.0.6
       debug: 2.6.9
       depd: 2.0.0
-      encodeurl: 1.0.2
+      encodeurl: 2.0.0
       escape-html: 1.0.3
       etag: 1.8.1
-      finalhandler: 1.2.0
+      finalhandler: 1.3.1
       fresh: 0.5.2
       http-errors: 2.0.0
-      merge-descriptors: 1.0.1
+      merge-descriptors: 1.0.3
       methods: 1.1.2
       on-finished: 2.4.1
       parseurl: 1.3.3
-      path-to-regexp: 0.1.7
+      path-to-regexp: 0.1.12
       proxy-addr: 2.0.7
-      qs: 6.11.0
+      qs: 6.13.0
       range-parser: 1.2.1
       safe-buffer: 5.2.1
-      send: 0.18.0
-      serve-static: 1.15.0
+      send: 0.19.0
+      serve-static: 1.16.2
       setprototypeof: 1.2.0
       statuses: 2.0.1
       type-is: 1.6.18
@@ -14090,8 +15431,30 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  extend-shallow@2.0.1:
+    dependencies:
+      is-extendable: 0.1.1
+
+  extend-shallow@3.0.2:
+    dependencies:
+      assign-symbols: 1.0.0
+      is-extendable: 1.0.1
+
   extend@3.0.2: {}
 
+  extglob@2.0.4:
+    dependencies:
+      array-unique: 0.3.2
+      define-property: 1.0.0
+      expand-brackets: 2.1.4
+      extend-shallow: 2.0.1
+      fragment-cache: 0.2.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   extract-zip@1.7.0:
     dependencies:
       concat-stream: 1.6.2
@@ -14103,7 +15466,7 @@ snapshots:
 
   extract-zip@2.0.1(supports-color@8.1.1):
     dependencies:
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.0(supports-color@8.1.1)
       get-stream: 5.2.0
       yauzl: 2.10.0
     optionalDependencies:
@@ -14111,31 +15474,36 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  extsprintf@1.3.0: {}
+  extsprintf@1.3.0:
+    optional: true
 
   fast-deep-equal@3.1.3: {}
 
-  fast-glob@3.3.1:
+  fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       '@nodelib/fs.walk': 1.2.8
       glob-parent: 5.1.2
       merge2: 1.4.1
-      micromatch: 4.0.5
+      micromatch: 4.0.8
 
   fast-json-stable-stringify@2.1.0: {}
 
   fast-levenshtein@2.0.6: {}
 
-  fast-loops@1.1.3: {}
-
   fast-shallow-equal@1.0.0: {}
 
+  fast-uri@3.0.6: {}
+
   fastest-stable-stringify@2.0.2: {}
 
-  fastq@1.15.0:
+  fastq@1.19.1:
     dependencies:
-      reusify: 1.0.4
+      reusify: 1.1.0
+
+  faye-websocket@0.11.4:
+    dependencies:
+      websocket-driver: 0.7.4
 
   fb-watchman@2.0.2:
     dependencies:
@@ -14152,17 +15520,19 @@ snapshots:
   figures@3.2.0:
     dependencies:
       escape-string-regexp: 1.0.5
+    optional: true
 
   file-entry-cache@6.0.1:
     dependencies:
-      flat-cache: 3.1.0
+      flat-cache: 3.2.0
 
   file-system-cache@2.3.0:
     dependencies:
       fs-extra: 11.1.1
       ramda: 0.29.0
 
-  file-type@9.0.0: {}
+  file-type@9.0.0:
+    optional: true
 
   file-uri-to-path@1.0.0:
     optional: true
@@ -14171,17 +15541,36 @@ snapshots:
     dependencies:
       minimatch: 5.1.6
 
-  filesize@10.0.12: {}
+  filesize@10.1.6: {}
 
-  fill-range@7.0.1:
+  fill-range@4.0.0:
+    dependencies:
+      extend-shallow: 2.0.1
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+      to-regex-range: 2.1.1
+
+  fill-range@7.1.1:
     dependencies:
       to-regex-range: 5.0.1
 
-  finalhandler@1.2.0:
+  finalhandler@1.1.2:
     dependencies:
       debug: 2.6.9
       encodeurl: 1.0.2
       escape-html: 1.0.3
+      on-finished: 2.3.0
+      parseurl: 1.3.3
+      statuses: 1.5.0
+      unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  finalhandler@1.3.1:
+    dependencies:
+      debug: 2.6.9
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
       on-finished: 2.4.1
       parseurl: 1.3.3
       statuses: 2.0.1
@@ -14217,84 +15606,98 @@ snapshots:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  flat-cache@3.1.0:
+  flat-cache@3.2.0:
     dependencies:
-      flatted: 3.2.7
-      keyv: 4.5.3
+      flatted: 3.3.3
+      keyv: 4.5.4
       rimraf: 3.0.2
 
   flatmap@0.0.3: {}
 
-  flatted@3.2.7: {}
+  flatted@3.3.3: {}
 
-  flow-parser@0.218.0: {}
+  flow-parser@0.263.0: {}
 
-  follow-redirects@1.15.3(debug@4.3.4):
+  follow-redirects@1.15.9(debug@4.4.0):
     optionalDependencies:
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.0(supports-color@8.1.1)
 
-  follow-redirects@1.15.6(debug@4.3.4):
-    optionalDependencies:
-      debug: 4.3.4(supports-color@8.1.1)
-
-  for-each@0.3.3:
+  for-each@0.3.5:
     dependencies:
       is-callable: 1.2.7
 
-  foreground-child@2.0.0:
-    dependencies:
-      cross-spawn: 7.0.3
-      signal-exit: 3.0.7
+  for-in@1.0.2: {}
 
-  foreground-child@3.1.1:
+  foreground-child@3.3.1:
     dependencies:
-      cross-spawn: 7.0.3
+      cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
-  forever-agent@0.6.1: {}
+  forever-agent@0.6.1:
+    optional: true
 
   form-data@2.3.3:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
+    optional: true
 
-  form-data@4.0.0:
+  form-data@4.0.2:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
       mime-types: 2.1.35
 
   forwarded@0.2.0: {}
 
+  fragment-cache@0.2.1:
+    dependencies:
+      map-cache: 0.2.2
+
+  framer-motion@12.9.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      motion-dom: 12.9.1
+      motion-utils: 12.8.3
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   fresh@0.5.2: {}
 
+  fresh@2.0.0: {}
+
+  from@0.1.7: {}
+
   fs-constants@1.0.0: {}
 
   fs-extra@11.1.1:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
-      universalify: 2.0.0
+      universalify: 2.0.1
+
+  fs-extra@11.3.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
 
   fs-extra@7.0.1:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 4.0.0
       universalify: 0.1.2
-
-  fs-extra@8.1.0:
-    dependencies:
-      graceful-fs: 4.2.11
-      jsonfile: 4.0.0
-      universalify: 0.1.2
+    optional: true
 
   fs-extra@9.1.0:
     dependencies:
       at-least-node: 1.0.0
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
-      universalify: 2.0.0
+      universalify: 2.0.1
 
   fs-minipass@2.1.0:
     dependencies:
@@ -14302,19 +15705,25 @@ snapshots:
 
   fs.realpath@1.0.0: {}
 
+  fsevents@1.2.13:
+    dependencies:
+      bindings: 1.5.0
+      nan: 2.22.2
+    optional: true
+
   fsevents@2.3.3:
     optional: true
 
-  function-bind@1.1.1: {}
-
   function-bind@1.1.2: {}
 
-  function.prototype.name@1.1.6:
+  function.prototype.name@1.1.8:
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.22.2
       functions-have-names: 1.2.3
+      hasown: 2.0.2
+      is-callable: 1.2.7
 
   functions-have-names@1.2.3: {}
 
@@ -14329,6 +15738,7 @@ snapshots:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wide-align: 1.1.5
+    optional: true
 
   gauge@4.0.4:
     dependencies:
@@ -14348,24 +15758,22 @@ snapshots:
 
   get-func-name@2.0.2: {}
 
-  get-intrinsic@1.2.1:
-    dependencies:
-      function-bind: 1.1.1
-      has: 1.0.3
-      has-proto: 1.0.1
-      has-symbols: 1.0.3
-
-  get-intrinsic@1.2.4:
+  get-intrinsic@1.3.0:
     dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
       es-errors: 1.3.0
+      es-object-atoms: 1.1.1
       function-bind: 1.1.2
-      has-proto: 1.0.1
-      has-symbols: 1.0.3
-      hasown: 2.0.1
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      math-intrinsics: 1.1.0
 
   get-nonce@1.0.1: {}
 
-  get-npm-tarball-url@2.0.3: {}
+  get-npm-tarball-url@2.1.0: {}
 
   get-own-enumerable-property-symbols@3.0.2: {}
 
@@ -14373,65 +15781,74 @@ snapshots:
 
   get-port@5.1.1: {}
 
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
   get-stream@5.2.0:
     dependencies:
-      pump: 3.0.0
+      pump: 3.0.2
 
   get-stream@6.0.1: {}
 
-  get-symbol-description@1.0.0:
+  get-symbol-description@1.1.0:
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-
-  get-symbol-description@1.0.2:
-    dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
+      get-intrinsic: 1.3.0
 
-  get-tsconfig@4.7.2:
+  get-tsconfig@4.10.0:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
+  get-value@2.0.6: {}
+
   getos@3.2.1:
     dependencies:
-      async: 3.2.5
+      async: 3.2.6
+    optional: true
 
   getpass@0.1.7:
     dependencies:
       assert-plus: 1.0.0
+    optional: true
 
-  giget@1.1.3:
+  giget@1.2.5:
     dependencies:
-      colorette: 2.0.20
-      defu: 6.1.2
-      https-proxy-agent: 7.0.2
-      mri: 1.2.0
-      node-fetch-native: 1.4.0
-      pathe: 1.1.1
-      tar: 6.2.0
-    transitivePeerDependencies:
-      - supports-color
+      citty: 0.1.6
+      consola: 3.4.0
+      defu: 6.1.4
+      node-fetch-native: 1.6.6
+      nypm: 0.5.4
+      pathe: 2.0.3
+      tar: 6.2.1
 
   github-from-package@0.0.0: {}
 
   github-slugger@1.5.0: {}
 
+  gl-matrix@3.4.3: {}
+
   gl@6.0.2:
     dependencies:
       bindings: 1.5.0
       bit-twiddle: 1.0.2
       glsl-tokenizer: 2.1.5
-      nan: 2.18.0
-      node-abi: 3.47.0
+      nan: 2.22.2
+      node-abi: 3.74.0
       node-gyp: 9.4.1
-      prebuild-install: 7.1.1
+      prebuild-install: 7.1.3
     transitivePeerDependencies:
       - bluebird
       - supports-color
     optional: true
 
+  glob-parent@3.1.0:
+    dependencies:
+      is-glob: 3.1.0
+      path-dirname: 1.0.2
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -14447,13 +15864,14 @@ snapshots:
 
   glob-to-regexp@0.4.1: {}
 
-  glob@10.3.3:
+  glob@10.4.5:
     dependencies:
-      foreground-child: 3.1.1
-      jackspeak: 2.3.0
-      minimatch: 9.0.3
-      minipass: 7.0.3
-      path-scurry: 1.10.1
+      foreground-child: 3.3.1
+      jackspeak: 3.4.3
+      minimatch: 9.0.5
+      minipass: 7.1.2
+      package-json-from-dist: 1.0.1
+      path-scurry: 1.11.1
 
   glob@7.2.3:
     dependencies:
@@ -14476,33 +15894,31 @@ snapshots:
   global-dirs@3.0.1:
     dependencies:
       ini: 2.0.0
+    optional: true
 
   global@4.4.0:
     dependencies:
       min-document: 2.19.0
       process: 0.11.10
+    optional: true
 
   globals@11.12.0: {}
 
-  globals@13.21.0:
+  globals@13.24.0:
     dependencies:
       type-fest: 0.20.2
 
-  globalthis@1.0.3:
-    dependencies:
-      define-properties: 1.2.1
-
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1
-      gopd: 1.0.1
+      gopd: 1.2.0
 
   globby@11.1.0:
     dependencies:
       array-union: 2.1.0
       dir-glob: 3.0.1
-      fast-glob: 3.3.1
-      ignore: 5.2.4
+      fast-glob: 3.3.3
+      ignore: 5.3.2
       merge2: 1.4.1
       slash: 3.0.0
 
@@ -14511,9 +15927,7 @@ snapshots:
       through2: 0.6.5
     optional: true
 
-  gopd@1.0.1:
-    dependencies:
-      get-intrinsic: 1.2.1
+  gopd@1.2.0: {}
 
   graceful-fs@4.2.11: {}
 
@@ -14528,6 +15942,10 @@ snapshots:
       pumpify: 1.5.1
       through2: 2.0.5
 
+  gzip-size@7.0.0:
+    dependencies:
+      duplexer: 0.1.2
+
   handlebars@4.7.8:
     dependencies:
       minimist: 1.2.8
@@ -14535,54 +15953,65 @@ snapshots:
       source-map: 0.6.1
       wordwrap: 1.0.0
     optionalDependencies:
-      uglify-js: 3.17.4
+      uglify-js: 3.19.3
 
   hard-rejection@2.1.0: {}
 
-  has-bigints@1.0.2: {}
+  has-bigints@1.1.0: {}
 
   has-binary2@1.0.3:
     dependencies:
       isarray: 2.0.1
+    optional: true
 
-  has-cors@1.1.0: {}
+  has-cors@1.1.0:
+    optional: true
 
   has-flag@3.0.0: {}
 
   has-flag@4.0.0: {}
 
-  has-property-descriptors@1.0.0:
-    dependencies:
-      get-intrinsic: 1.2.1
-
   has-property-descriptors@1.0.2:
     dependencies:
-      es-define-property: 1.0.0
+      es-define-property: 1.0.1
 
-  has-proto@1.0.1: {}
-
-  has-proto@1.0.3: {}
-
-  has-symbols@1.0.3: {}
-
-  has-tostringtag@1.0.0:
+  has-proto@1.2.0:
     dependencies:
-      has-symbols: 1.0.3
+      dunder-proto: 1.0.1
+
+  has-symbols@1.1.0: {}
 
   has-tostringtag@1.0.2:
     dependencies:
-      has-symbols: 1.0.3
+      has-symbols: 1.1.0
 
-  has-unicode@2.0.1: {}
+  has-unicode@2.0.1:
+    optional: true
 
-  has@1.0.3:
+  has-value@0.3.1:
     dependencies:
-      function-bind: 1.1.1
+      get-value: 2.0.6
+      has-values: 0.1.4
+      isobject: 2.1.0
 
-  hash-base@3.1.0:
+  has-value@1.0.0:
+    dependencies:
+      get-value: 2.0.6
+      has-values: 1.0.0
+      isobject: 3.0.1
+
+  has-values@0.1.4: {}
+
+  has-values@1.0.0:
+    dependencies:
+      is-number: 3.0.0
+      kind-of: 4.0.0
+
+  has@1.0.4: {}
+
+  hash-base@3.0.5:
     dependencies:
       inherits: 2.0.4
-      readable-stream: 3.6.2
       safe-buffer: 5.2.1
 
   hash.js@1.1.7:
@@ -14590,10 +16019,6 @@ snapshots:
       inherits: 2.0.4
       minimalistic-assert: 1.0.1
 
-  hasown@2.0.1:
-    dependencies:
-      function-bind: 1.1.2
-
   hasown@2.0.2:
     dependencies:
       function-bind: 1.1.2
@@ -14603,7 +16028,7 @@ snapshots:
   header-case@2.0.4:
     dependencies:
       capital-case: 1.0.4
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   hmac-drbg@1.0.1:
     dependencies:
@@ -14615,6 +16040,11 @@ snapshots:
     dependencies:
       mkdirp: 0.3.0
       nopt: 1.0.10
+    optional: true
+
+  hoist-non-react-statics@3.3.2:
+    dependencies:
+      react-is: 16.13.1
 
   hosted-git-info@2.8.9: {}
 
@@ -14626,10 +16056,17 @@ snapshots:
     dependencies:
       whatwg-encoding: 2.0.0
 
-  html-escaper@2.0.2: {}
+  html-entities@2.6.0: {}
 
   html-tags@3.3.1: {}
 
+  http-auth@3.1.3:
+    dependencies:
+      apache-crypt: 1.2.6
+      apache-md5: 1.1.8
+      bcryptjs: 2.4.3
+      uuid: 3.4.0
+
   http-browserify@1.7.0:
     dependencies:
       Base64: 0.2.1
@@ -14637,6 +16074,13 @@ snapshots:
 
   http-cache-semantics@4.1.1: {}
 
+  http-errors@1.6.3:
+    dependencies:
+      depd: 1.1.2
+      inherits: 2.0.3
+      setprototypeof: 1.1.0
+      statuses: 1.5.0
+
   http-errors@2.0.0:
     dependencies:
       depd: 2.0.0
@@ -14645,35 +16089,37 @@ snapshots:
       statuses: 2.0.1
       toidentifier: 1.0.1
 
+  http-parser-js@0.5.9: {}
+
   http-proxy-agent@5.0.0:
     dependencies:
       '@tootallnate/once': 2.0.0
       agent-base: 6.0.2
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
     optional: true
 
-  http-proxy@1.18.1(debug@4.3.4):
+  http-proxy@1.18.1(debug@4.4.0):
     dependencies:
       eventemitter3: 4.0.7
-      follow-redirects: 1.15.3(debug@4.3.4)
+      follow-redirects: 1.15.9(debug@4.4.0)
       requires-port: 1.0.0
     transitivePeerDependencies:
       - debug
 
-  http-server@14.1.1(debug@4.3.4):
+  http-server@14.1.1(debug@4.4.0):
     dependencies:
       basic-auth: 2.0.1
       chalk: 4.1.2
       corser: 2.0.1
       he: 1.2.0
       html-encoding-sniffer: 3.0.0
-      http-proxy: 1.18.1(debug@4.3.4)
+      http-proxy: 1.18.1(debug@4.4.0)
       mime: 1.6.0
       minimist: 1.2.8
       opener: 1.5.2
-      portfinder: 1.0.32
+      portfinder: 1.0.33
       secure-compare: 3.0.1
       union: 0.5.0
       url-join: 4.0.1
@@ -14685,32 +16131,28 @@ snapshots:
     dependencies:
       assert-plus: 1.0.0
       jsprim: 2.0.2
-      sshpk: 1.17.0
+      sshpk: 1.18.0
+    optional: true
 
   https-browserify@1.0.0: {}
 
   https-proxy-agent@4.0.0:
     dependencies:
       agent-base: 5.1.1
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
 
   https-proxy-agent@5.0.1:
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
-  https-proxy-agent@7.0.2:
-    dependencies:
-      agent-base: 7.1.0
-      debug: 4.3.4(supports-color@8.1.1)
-    transitivePeerDependencies:
-      - supports-color
-
-  human-signals@1.1.1: {}
+  human-signals@1.1.1:
+    optional: true
 
   human-signals@2.1.0: {}
 
@@ -14719,11 +16161,9 @@ snapshots:
       ms: 2.1.3
     optional: true
 
-  hyphenate-style-name@1.0.4: {}
+  hyperdyperid@1.2.0: {}
 
-  iconify-icon@1.0.8:
-    dependencies:
-      '@iconify/types': 2.0.0
+  hyphenate-style-name@1.1.0: {}
 
   iconv-lite@0.4.24:
     dependencies:
@@ -14737,18 +16177,19 @@ snapshots:
 
   ieee754@1.2.1: {}
 
-  ignore@5.2.4: {}
+  ignore@5.3.2: {}
 
-  image-size@0.7.5: {}
+  image-size@0.7.5:
+    optional: true
 
   immediate@3.0.6: {}
 
-  import-fresh@3.3.0:
+  import-fresh@3.3.1:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
-  import-meta-resolve@3.0.0: {}
+  import-meta-resolve@3.1.1: {}
 
   imurmurhash@0.1.4: {}
 
@@ -14756,7 +16197,8 @@ snapshots:
 
   indent-string@5.0.0: {}
 
-  indexof@0.0.1: {}
+  indexof@0.0.1:
+    optional: true
 
   infer-owner@1.0.4:
     optional: true
@@ -14766,75 +16208,80 @@ snapshots:
       once: 1.4.0
       wrappy: 1.0.2
 
+  inherits@2.0.3: {}
+
   inherits@2.0.4: {}
 
   ini@1.3.8: {}
 
-  ini@2.0.0: {}
+  ini@2.0.0:
+    optional: true
 
-  inline-style-prefixer@6.0.4:
+  inline-style-prefixer@7.0.1:
     dependencies:
       css-in-js-utils: 3.1.0
-      fast-loops: 1.1.3
 
-  internal-slot@1.0.5:
-    dependencies:
-      get-intrinsic: 1.2.1
-      has: 1.0.3
-      side-channel: 1.0.4
-
-  internal-slot@1.0.7:
+  internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
       hasown: 2.0.2
-      side-channel: 1.0.6
+      side-channel: 1.1.0
 
-  invariant@2.2.4:
+  ip-address@9.0.5:
     dependencies:
-      loose-envify: 1.4.0
-
-  ip@2.0.0: {}
+      jsbn: 1.1.0
+      sprintf-js: 1.1.3
+    optional: true
 
   ipaddr.js@1.9.1: {}
 
   is-absolute-url@3.0.3: {}
 
-  is-arguments@1.1.1:
+  is-accessor-descriptor@1.0.1:
     dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
+      hasown: 2.0.2
 
-  is-array-buffer@3.0.2:
+  is-arguments@1.2.0:
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-      is-typed-array: 1.1.12
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
 
-  is-array-buffer@3.0.4:
+  is-array-buffer@3.0.5:
     dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
 
   is-arrayish@0.2.1: {}
 
   is-arrayish@0.3.2: {}
 
-  is-async-function@2.0.0:
+  is-async-function@2.1.1:
     dependencies:
+      async-function: 1.0.0
+      call-bound: 1.0.4
+      get-proto: 1.0.1
       has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
 
-  is-bigint@1.0.4:
+  is-bigint@1.1.0:
     dependencies:
-      has-bigints: 1.0.2
+      has-bigints: 1.1.0
+
+  is-binary-path@1.0.1:
+    dependencies:
+      binary-extensions: 1.13.1
 
   is-binary-path@2.1.0:
     dependencies:
-      binary-extensions: 2.2.0
+      binary-extensions: 2.3.0
 
-  is-boolean-object@1.1.2:
+  is-boolean-object@1.2.2:
     dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-buffer@1.1.6: {}
 
   is-builtin-module@3.2.1:
     dependencies:
@@ -14844,41 +16291,69 @@ snapshots:
 
   is-ci@3.0.1:
     dependencies:
-      ci-info: 3.8.0
+      ci-info: 3.9.0
+    optional: true
 
-  is-core-module@2.13.0:
-    dependencies:
-      has: 1.0.3
-
-  is-core-module@2.13.1:
+  is-core-module@2.16.1:
     dependencies:
       hasown: 2.0.2
 
-  is-data-view@1.0.1:
+  is-data-descriptor@1.0.1:
     dependencies:
-      is-typed-array: 1.1.13
+      hasown: 2.0.2
 
-  is-date-object@1.0.5:
+  is-data-view@1.0.2:
     dependencies:
-      has-tostringtag: 1.0.0
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      is-typed-array: 1.1.15
+
+  is-date-object@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
 
   is-deflate@1.0.0: {}
 
+  is-descriptor@0.1.7:
+    dependencies:
+      is-accessor-descriptor: 1.0.1
+      is-data-descriptor: 1.0.1
+
+  is-descriptor@1.0.3:
+    dependencies:
+      is-accessor-descriptor: 1.0.1
+      is-data-descriptor: 1.0.1
+
   is-docker@2.2.1: {}
 
+  is-extendable@0.1.1: {}
+
+  is-extendable@1.0.1:
+    dependencies:
+      is-plain-object: 2.0.4
+
   is-extglob@2.1.1: {}
 
-  is-finalizationregistry@1.0.2:
+  is-finalizationregistry@1.1.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
 
   is-fullwidth-code-point@3.0.0: {}
 
-  is-function@1.0.2: {}
+  is-function@1.0.2:
+    optional: true
 
-  is-generator-function@1.0.10:
+  is-generator-function@1.1.0:
     dependencies:
-      has-tostringtag: 1.0.0
+      call-bound: 1.0.4
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
+  is-glob@3.1.0:
+    dependencies:
+      is-extglob: 2.1.1
 
   is-glob@4.0.3:
     dependencies:
@@ -14890,6 +16365,7 @@ snapshots:
     dependencies:
       global-dirs: 3.0.1
       is-path-inside: 3.0.3
+    optional: true
 
   is-interactive@1.0.0: {}
 
@@ -14902,16 +16378,19 @@ snapshots:
 
   is-nan@1.3.2:
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.8
       define-properties: 1.2.1
 
-  is-negative-zero@2.0.2: {}
-
   is-negative-zero@2.0.3: {}
 
-  is-number-object@1.0.7:
+  is-number-object@1.1.1:
     dependencies:
-      has-tostringtag: 1.0.0
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-number@3.0.0:
+    dependencies:
+      kind-of: 3.2.2
 
   is-number@7.0.0: {}
 
@@ -14931,55 +16410,57 @@ snapshots:
 
   is-plain-object@5.0.0: {}
 
-  is-regex@1.1.4:
+  is-regex@1.2.1:
     dependencies:
-      call-bind: 1.0.2
-      has-tostringtag: 1.0.0
+      call-bound: 1.0.4
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
 
   is-regexp@1.0.0: {}
 
   is-set@2.0.3: {}
 
-  is-shared-array-buffer@1.0.2:
+  is-shared-array-buffer@1.0.4:
     dependencies:
-      call-bind: 1.0.2
-
-  is-shared-array-buffer@1.0.3:
-    dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
 
   is-stream@2.0.1: {}
 
-  is-string@1.0.7:
+  is-string@1.1.1:
     dependencies:
-      has-tostringtag: 1.0.0
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
 
-  is-symbol@1.0.4:
+  is-symbol@1.1.1:
     dependencies:
-      has-symbols: 1.0.3
+      call-bound: 1.0.4
+      has-symbols: 1.1.0
+      safe-regex-test: 1.1.0
 
-  is-typed-array@1.1.12:
+  is-typed-array@1.1.15:
     dependencies:
-      which-typed-array: 1.1.11
+      which-typed-array: 1.1.18
 
-  is-typed-array@1.1.13:
-    dependencies:
-      which-typed-array: 1.1.15
-
-  is-typedarray@1.0.0: {}
+  is-typedarray@1.0.0:
+    optional: true
 
   is-unicode-supported@0.1.0: {}
 
   is-weakmap@2.0.2: {}
 
-  is-weakref@1.0.2:
+  is-weakref@1.1.1:
     dependencies:
-      call-bind: 1.0.2
+      call-bound: 1.0.4
 
-  is-weakset@2.0.3:
+  is-weakset@2.0.4:
     dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
+  is-windows@1.0.2: {}
+
+  is-wsl@1.1.0: {}
 
   is-wsl@2.2.0:
     dependencies:
@@ -14990,56 +16471,52 @@ snapshots:
 
   isarray@1.0.0: {}
 
-  isarray@2.0.1: {}
+  isarray@2.0.1:
+    optional: true
 
   isarray@2.0.5: {}
 
   isexe@2.0.0: {}
 
+  isobject@2.1.0:
+    dependencies:
+      isarray: 1.0.0
+
   isobject@3.0.1: {}
 
-  isstream@0.1.2: {}
+  isstream@0.1.2:
+    optional: true
 
-  istanbul-lib-coverage@3.2.0: {}
+  istanbul-lib-coverage@3.2.2: {}
 
   istanbul-lib-instrument@5.2.1:
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/parser': 7.22.13
+      '@babel/core': 7.26.9
+      '@babel/parser': 7.26.9
       '@istanbuljs/schema': 0.1.3
-      istanbul-lib-coverage: 3.2.0
+      istanbul-lib-coverage: 3.2.2
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  istanbul-lib-report@3.0.1:
+  iterator.prototype@1.1.5:
     dependencies:
-      istanbul-lib-coverage: 3.2.0
-      make-dir: 4.0.0
-      supports-color: 7.2.0
-
-  istanbul-reports@3.1.6:
-    dependencies:
-      html-escaper: 2.0.2
-      istanbul-lib-report: 3.0.1
-
-  iterator.prototype@1.1.2:
-    dependencies:
-      define-properties: 1.2.1
-      get-intrinsic: 1.2.4
-      has-symbols: 1.0.3
-      reflect.getprototypeof: 1.0.6
+      define-data-property: 1.1.4
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      has-symbols: 1.1.0
       set-function-name: 2.0.2
 
-  jackspeak@2.3.0:
+  jackspeak@3.4.3:
     dependencies:
       '@isaacs/cliui': 8.0.2
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
-  jake@10.8.7:
+  jake@10.9.2:
     dependencies:
-      async: 3.2.5
+      async: 3.2.6
       chalk: 4.1.2
       filelist: 1.0.4
       minimatch: 3.1.2
@@ -15047,15 +16524,15 @@ snapshots:
   jest-haste-map@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
-      '@types/graceful-fs': 4.1.7
-      '@types/node': 20.12.8
+      '@types/graceful-fs': 4.1.9
+      '@types/node': 22.13.9
       anymatch: 3.1.3
       fb-watchman: 2.0.2
       graceful-fs: 4.2.11
       jest-regex-util: 29.6.3
       jest-util: 29.7.0
       jest-worker: 29.7.0
-      micromatch: 4.0.5
+      micromatch: 4.0.8
       walker: 1.0.8
     optionalDependencies:
       fsevents: 2.3.3
@@ -15065,35 +16542,34 @@ snapshots:
   jest-util@29.7.0:
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 20.12.8
+      '@types/node': 22.13.9
       chalk: 4.1.2
-      ci-info: 3.8.0
+      ci-info: 3.9.0
       graceful-fs: 4.2.11
       picomatch: 2.3.1
 
-  jest-worker@26.6.2:
-    dependencies:
-      '@types/node': 20.12.8
-      merge-stream: 2.0.0
-      supports-color: 7.2.0
-
   jest-worker@29.7.0:
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 22.13.9
       jest-util: 29.7.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
-  jimp@0.10.3:
+  jimp@0.10.3(debug@4.4.0):
     dependencies:
-      '@babel/runtime': 7.22.11
-      '@jimp/custom': 0.10.3
-      '@jimp/plugins': 0.10.3(@jimp/custom@0.10.3)
-      '@jimp/types': 0.10.3(@jimp/custom@0.10.3)
-      core-js: 3.32.1
+      '@babel/runtime': 7.26.9
+      '@jimp/custom': 0.10.3(debug@4.4.0)
+      '@jimp/plugins': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))(debug@4.4.0)
+      '@jimp/types': 0.10.3(@jimp/custom@0.10.3(debug@4.4.0))
+      core-js: 3.41.0
       regenerator-runtime: 0.13.11
+    transitivePeerDependencies:
+      - debug
+    optional: true
 
-  joi@17.13.1:
+  jiti@2.4.2: {}
+
+  joi@17.13.3:
     dependencies:
       '@hapi/hoek': 9.3.0
       '@hapi/topo': 5.1.0
@@ -15101,16 +16577,14 @@ snapshots:
       '@sideway/formula': 3.0.1
       '@sideway/pinpoint': 2.0.0
 
-  jose@4.15.5: {}
+  jpeg-js@0.3.7:
+    optional: true
 
-  jpeg-js@0.3.7: {}
-
-  js-base64@2.6.4: {}
+  js-base64@2.6.4:
+    optional: true
 
   js-cookie@2.2.1: {}
 
-  js-graph-algorithms@1.0.18: {}
-
   js-tokens@4.0.0: {}
 
   js-yaml@3.14.1:
@@ -15122,39 +16596,45 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
-  jsbn@0.1.1: {}
+  jsbn@0.1.1:
+    optional: true
 
-  jscodeshift@0.14.0(@babel/preset-env@7.22.10(@babel/core@7.22.11)):
+  jsbn@1.1.0:
+    optional: true
+
+  jscodeshift@0.15.2(@babel/preset-env@7.26.9(@babel/core@7.26.9)):
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/parser': 7.22.13
-      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.22.11)
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.22.11)
-      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.22.11)
-      '@babel/plugin-transform-modules-commonjs': 7.22.11(@babel/core@7.22.11)
-      '@babel/preset-env': 7.22.10(@babel/core@7.22.11)
-      '@babel/preset-flow': 7.22.15(@babel/core@7.22.11)
-      '@babel/preset-typescript': 7.23.0(@babel/core@7.22.11)
-      '@babel/register': 7.22.15(@babel/core@7.22.11)
-      babel-core: 7.0.0-bridge.0(@babel/core@7.22.11)
+      '@babel/core': 7.26.9
+      '@babel/parser': 7.26.9
+      '@babel/plugin-transform-class-properties': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-modules-commonjs': 7.26.3(@babel/core@7.26.9)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.26.6(@babel/core@7.26.9)
+      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.26.9)
+      '@babel/plugin-transform-private-methods': 7.25.9(@babel/core@7.26.9)
+      '@babel/preset-flow': 7.25.9(@babel/core@7.26.9)
+      '@babel/preset-typescript': 7.26.0(@babel/core@7.26.9)
+      '@babel/register': 7.25.9(@babel/core@7.26.9)
+      babel-core: 7.0.0-bridge.0(@babel/core@7.26.9)
       chalk: 4.1.2
-      flow-parser: 0.218.0
+      flow-parser: 0.263.0
       graceful-fs: 4.2.11
-      micromatch: 4.0.5
+      micromatch: 4.0.8
       neo-async: 2.6.2
       node-dir: 0.1.17
-      recast: 0.21.5
+      recast: 0.23.11
       temp: 0.8.4
       write-file-atomic: 2.4.3
+    optionalDependencies:
+      '@babel/preset-env': 7.26.9(@babel/core@7.26.9)
     transitivePeerDependencies:
       - supports-color
 
   jsesc@0.5.0: {}
 
-  jsesc@2.5.2: {}
-
   jsesc@3.0.2: {}
 
+  jsesc@3.1.0: {}
+
   json-buffer@3.0.1: {}
 
   json-parse-better-errors@1.0.2: {}
@@ -15177,15 +16657,14 @@ snapshots:
 
   json5@2.2.3: {}
 
-  jsonc-parser@3.2.0: {}
-
   jsonfile@4.0.0:
     optionalDependencies:
       graceful-fs: 4.2.11
+    optional: true
 
   jsonfile@6.1.0:
     dependencies:
-      universalify: 2.0.0
+      universalify: 2.0.1
     optionalDependencies:
       graceful-fs: 4.2.11
 
@@ -15202,7 +16681,7 @@ snapshots:
       lodash.isstring: 4.0.1
       lodash.once: 4.1.1
       ms: 2.1.3
-      semver: 7.6.0
+      semver: 7.7.1
 
   jsprim@2.0.2:
     dependencies:
@@ -15210,13 +16689,14 @@ snapshots:
       extsprintf: 1.3.0
       json-schema: 0.4.0
       verror: 1.10.0
+    optional: true
 
   jsx-ast-utils@3.3.5:
     dependencies:
-      array-includes: 3.1.8
-      array.prototype.flat: 1.3.2
-      object.assign: 4.1.5
-      object.values: 1.2.0
+      array-includes: 3.1.9
+      array.prototype.flat: 1.3.3
+      object.assign: 4.1.7
+      object.values: 1.2.1
 
   jszip@3.10.1:
     dependencies:
@@ -15236,20 +16716,29 @@ snapshots:
       jwa: 1.4.1
       safe-buffer: 5.2.1
 
-  keyv@4.5.3:
+  keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
 
+  kind-of@3.2.2:
+    dependencies:
+      is-buffer: 1.1.6
+
+  kind-of@4.0.0:
+    dependencies:
+      is-buffer: 1.1.6
+
   kind-of@6.0.3: {}
 
   kleur@3.0.3: {}
 
-  lazy-ass@1.6.0: {}
+  lazy-ass@1.6.0:
+    optional: true
 
   lazy-universal-dotenv@4.0.0:
     dependencies:
       app-root-dir: 1.0.2
-      dotenv: 16.3.1
+      dotenv: 16.4.7
       dotenv-expand: 10.0.0
 
   leven@3.1.0: {}
@@ -15279,23 +16768,45 @@ snapshots:
       colorette: 2.0.20
       log-update: 4.0.0
       p-map: 4.0.0
-      rfdc: 1.3.0
-      rxjs: 7.8.1
+      rfdc: 1.4.1
+      rxjs: 7.8.2
       through: 2.3.8
       wrap-ansi: 7.0.0
     optionalDependencies:
       enquirer: 2.4.1
+    optional: true
 
-  load-bmfont@1.4.1:
+  live-server@1.2.2:
+    dependencies:
+      chokidar: 2.1.8
+      colors: 1.4.0
+      connect: 3.7.0
+      cors: 2.8.5
+      event-stream: 3.3.4
+      faye-websocket: 0.11.4
+      http-auth: 3.1.3
+      morgan: 1.10.0
+      object-assign: 4.1.1
+      opn: 6.0.0
+      proxy-middleware: 0.15.0
+      send: 1.2.0
+      serve-index: 1.9.1
+    transitivePeerDependencies:
+      - supports-color
+
+  load-bmfont@1.4.2(debug@4.4.0):
     dependencies:
       buffer-equal: 0.0.1
       mime: 1.6.0
       parse-bmfont-ascii: 1.0.6
       parse-bmfont-binary: 1.0.6
-      parse-bmfont-xml: 1.1.4
-      phin: 2.9.3
+      parse-bmfont-xml: 1.1.6
+      phin: 3.7.1(debug@4.4.0)
       xhr: 2.6.0
       xtend: 4.0.2
+    transitivePeerDependencies:
+      - debug
+    optional: true
 
   load-json-file@4.0.0:
     dependencies:
@@ -15360,34 +16871,25 @@ snapshots:
       cli-cursor: 3.1.0
       slice-ansi: 4.0.0
       wrap-ansi: 6.2.0
+    optional: true
 
-  long@5.2.3: {}
+  long@5.3.1: {}
 
   longest-streak@3.1.0: {}
 
-  looks-same@8.2.3:
-    dependencies:
-      color-diff: 1.4.0
-      fs-extra: 8.1.0
-      js-graph-algorithms: 1.0.18
-      lodash: 4.17.21
-      nested-error-stacks: 2.1.1
-      parse-color: 1.0.0
-      sharp: 0.30.7
-
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
 
-  loupe@2.3.6:
+  loupe@2.3.7:
     dependencies:
       get-func-name: 2.0.2
 
   lower-case@2.0.2:
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
-  lru-cache@10.0.1: {}
+  lru-cache@10.4.3: {}
 
   lru-cache@5.1.1:
     dependencies:
@@ -15408,11 +16910,11 @@ snapshots:
 
   magic-string@0.27.0:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
 
-  magic-string@0.30.4:
+  magic-string@0.30.17:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
 
   make-dir@2.1.0:
     dependencies:
@@ -15423,13 +16925,9 @@ snapshots:
     dependencies:
       semver: 6.3.1
 
-  make-dir@4.0.0:
-    dependencies:
-      semver: 7.6.0
-
   make-fetch-happen@10.2.1:
     dependencies:
-      agentkeepalive: 4.5.0
+      agentkeepalive: 4.6.0
       cacache: 16.1.3
       http-cache-semantics: 4.1.1
       http-proxy-agent: 5.0.0
@@ -15441,7 +16939,7 @@ snapshots:
       minipass-fetch: 2.1.2
       minipass-flush: 1.0.5
       minipass-pipeline: 1.2.4
-      negotiator: 0.6.3
+      negotiator: 0.6.4
       promise-retry: 2.0.1
       socks-proxy-agent: 7.0.0
       ssri: 9.0.1
@@ -15454,13 +16952,21 @@ snapshots:
     dependencies:
       tmpl: 1.0.5
 
+  map-cache@0.2.2: {}
+
   map-obj@1.0.1: {}
 
   map-obj@4.3.0: {}
 
   map-or-similar@1.5.0: {}
 
-  markdown-it@14.0.0:
+  map-stream@0.1.0: {}
+
+  map-visit@1.0.0:
+    dependencies:
+      object-visit: 1.0.1
+
+  markdown-it@14.1.0:
     dependencies:
       argparse: 2.0.1
       entities: 4.5.0
@@ -15469,52 +16975,84 @@ snapshots:
       punycode.js: 2.3.1
       uc.micro: 2.1.0
 
-  markdown-to-jsx@7.3.2(react@18.2.0):
+  markdown-to-jsx@7.7.4(react@18.3.1):
     dependencies:
-      react: 18.2.0
+      react: 18.3.1
+
+  math-intrinsics@1.1.0: {}
+
+  mc-assets@0.2.62:
+    dependencies:
+      maxrects-packer: '@zardoy/maxrects-packer@2.7.4'
+      zod: 3.24.2
+
+  mc-bridge@0.1.3(minecraft-data@3.98.0):
+    dependencies:
+      minecraft-data: 3.98.0
+
+  mcraft-fun-mineflayer@0.1.23(encoding@0.1.13)(mineflayer@https://codeload.github.com/zardoy/mineflayer/tar.gz/dd3b1ff38506d6f72d90e8444186e4e75fe82659(encoding@0.1.13)):
+    dependencies:
+      '@zardoy/flying-squid': 0.0.49(encoding@0.1.13)
+      exit-hook: 2.2.1
+      minecraft-protocol: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/bf89f7e86526c54d8c43f555d8f6dfa4948fd2d9(patch_hash=4ebdae314c68d01ce7879445c0b8bde5f90373abba8b66ed00d42e7a5f542f8b)(encoding@0.1.13)
+      mineflayer: https://codeload.github.com/zardoy/mineflayer/tar.gz/dd3b1ff38506d6f72d90e8444186e4e75fe82659(encoding@0.1.13)
+      prismarine-item: 1.17.0
+      ws: 8.18.1
+    transitivePeerDependencies:
+      - bufferutil
+      - encoding
+      - supports-color
+      - utf-8-validate
 
   md5-file@4.0.0: {}
 
   md5.js@1.3.5:
     dependencies:
-      hash-base: 3.1.0
+      hash-base: 3.0.5
       inherits: 2.0.4
       safe-buffer: 5.2.1
 
+  md5@2.3.0:
+    dependencies:
+      charenc: 0.0.2
+      crypt: 0.0.2
+      is-buffer: 1.1.6
+
   mdast-util-definitions@4.0.0:
     dependencies:
       unist-util-visit: 2.0.3
 
-  mdast-util-from-markdown@2.0.0:
+  mdast-util-from-markdown@2.0.2:
     dependencies:
-      '@types/mdast': 4.0.3
-      '@types/unist': 3.0.2
-      decode-named-character-reference: 1.0.2
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.1.0
       devlop: 1.1.0
       mdast-util-to-string: 4.0.0
-      micromark: 4.0.0
-      micromark-util-decode-numeric-character-reference: 2.0.1
-      micromark-util-decode-string: 2.0.0
-      micromark-util-normalize-identifier: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
       unist-util-stringify-position: 4.0.0
     transitivePeerDependencies:
       - supports-color
 
   mdast-util-phrasing@4.1.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       unist-util-is: 6.0.0
 
-  mdast-util-to-markdown@2.1.0:
+  mdast-util-to-markdown@2.1.2:
     dependencies:
-      '@types/mdast': 4.0.3
-      '@types/unist': 3.0.2
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
       longest-streak: 3.1.0
       mdast-util-phrasing: 4.1.0
       mdast-util-to-string: 4.0.0
-      micromark-util-decode-string: 2.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
       unist-util-visit: 5.0.0
       zwitch: 2.0.4
 
@@ -15522,7 +17060,7 @@ snapshots:
 
   mdast-util-to-string@4.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
 
   mdn-data@2.0.14: {}
 
@@ -15530,6 +17068,15 @@ snapshots:
 
   media-typer@0.3.0: {}
 
+  memfs@4.17.0:
+    dependencies:
+      '@jsonjoy.com/json-pack': 1.2.0(tslib@2.8.1)
+      '@jsonjoy.com/util': 1.5.0(tslib@2.8.1)
+      tree-dump: 1.0.2(tslib@2.8.1)
+      tslib: 2.8.1
+
+  memoize-one@6.0.0: {}
+
   memoizerific@1.11.3:
     dependencies:
       map-or-similar: 1.5.0
@@ -15538,7 +17085,7 @@ snapshots:
 
   meow@10.1.5:
     dependencies:
-      '@types/minimist': 1.2.3
+      '@types/minimist': 1.2.5
       camelcase-keys: 7.0.2
       decamelize: 5.0.1
       decamelize-keys: 1.1.1
@@ -15551,249 +17098,250 @@ snapshots:
       type-fest: 1.4.0
       yargs-parser: 20.2.9
 
-  merge-descriptors@1.0.1: {}
+  merge-descriptors@1.0.3: {}
 
   merge-stream@2.0.0: {}
 
   merge2@1.4.1: {}
 
-  merge@1.2.1: {}
+  merge@1.2.1:
+    optional: true
 
   meshoptimizer@0.18.1: {}
 
   methods@1.1.2: {}
 
-  micromark-core-commonmark@2.0.0:
+  micromark-core-commonmark@2.0.3:
     dependencies:
-      decode-named-character-reference: 1.0.2
+      decode-named-character-reference: 1.1.0
       devlop: 1.1.0
-      micromark-factory-destination: 2.0.0
-      micromark-factory-label: 2.0.0
-      micromark-factory-space: 2.0.0
-      micromark-factory-title: 2.0.0
-      micromark-factory-whitespace: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-chunked: 2.0.0
-      micromark-util-classify-character: 2.0.0
-      micromark-util-html-tag-name: 2.0.0
-      micromark-util-normalize-identifier: 2.0.0
-      micromark-util-resolve-all: 2.0.0
-      micromark-util-subtokenize: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  micromark-factory-destination@2.0.0:
+  micromark-factory-destination@2.0.1:
     dependencies:
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  micromark-factory-label@2.0.0:
+  micromark-factory-label@2.0.1:
     dependencies:
       devlop: 1.1.0
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  micromark-factory-space@2.0.0:
+  micromark-factory-space@2.0.1:
     dependencies:
-      micromark-util-character: 2.1.0
-      micromark-util-types: 2.0.0
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
 
-  micromark-factory-title@2.0.0:
+  micromark-factory-title@2.0.1:
     dependencies:
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  micromark-factory-whitespace@2.0.0:
+  micromark-factory-whitespace@2.0.1:
     dependencies:
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  micromark-util-character@2.1.0:
+  micromark-util-character@2.1.1:
     dependencies:
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  micromark-util-chunked@2.0.0:
+  micromark-util-chunked@2.0.1:
     dependencies:
-      micromark-util-symbol: 2.0.0
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-classify-character@2.0.0:
+  micromark-util-classify-character@2.0.1:
     dependencies:
-      micromark-util-character: 2.1.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  micromark-util-combine-extensions@2.0.0:
+  micromark-util-combine-extensions@2.0.1:
     dependencies:
-      micromark-util-chunked: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
 
-  micromark-util-decode-numeric-character-reference@2.0.1:
+  micromark-util-decode-numeric-character-reference@2.0.2:
     dependencies:
-      micromark-util-symbol: 2.0.0
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-decode-string@2.0.0:
+  micromark-util-decode-string@2.0.1:
     dependencies:
-      decode-named-character-reference: 1.0.2
-      micromark-util-character: 2.1.0
-      micromark-util-decode-numeric-character-reference: 2.0.1
-      micromark-util-symbol: 2.0.0
+      decode-named-character-reference: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-encode@2.0.0: {}
+  micromark-util-encode@2.0.1: {}
 
-  micromark-util-html-tag-name@2.0.0: {}
+  micromark-util-html-tag-name@2.0.1: {}
 
-  micromark-util-normalize-identifier@2.0.0:
+  micromark-util-normalize-identifier@2.0.1:
     dependencies:
-      micromark-util-symbol: 2.0.0
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-resolve-all@2.0.0:
+  micromark-util-resolve-all@2.0.1:
     dependencies:
-      micromark-util-types: 2.0.0
+      micromark-util-types: 2.0.2
 
-  micromark-util-sanitize-uri@2.0.0:
+  micromark-util-sanitize-uri@2.0.1:
     dependencies:
-      micromark-util-character: 2.1.0
-      micromark-util-encode: 2.0.0
-      micromark-util-symbol: 2.0.0
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
 
-  micromark-util-subtokenize@2.0.0:
+  micromark-util-subtokenize@2.1.0:
     dependencies:
       devlop: 1.1.0
-      micromark-util-chunked: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
 
-  micromark-util-symbol@2.0.0: {}
+  micromark-util-symbol@2.0.1: {}
 
-  micromark-util-types@2.0.0: {}
+  micromark-util-types@2.0.2: {}
 
-  micromark@4.0.0:
+  micromark@4.0.2:
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.3.4(supports-color@8.1.1)
-      decode-named-character-reference: 1.0.2
+      debug: 4.4.1
+      decode-named-character-reference: 1.1.0
       devlop: 1.1.0
-      micromark-core-commonmark: 2.0.0
-      micromark-factory-space: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-chunked: 2.0.0
-      micromark-util-combine-extensions: 2.0.0
-      micromark-util-decode-numeric-character-reference: 2.0.1
-      micromark-util-encode: 2.0.0
-      micromark-util-normalize-identifier: 2.0.0
-      micromark-util-resolve-all: 2.0.0
-      micromark-util-sanitize-uri: 2.0.0
-      micromark-util-subtokenize: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
     transitivePeerDependencies:
       - supports-color
 
-  micromatch@4.0.5:
+  micromatch@3.1.10:
     dependencies:
-      braces: 3.0.2
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      braces: 2.3.2
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      extglob: 2.0.4
+      fragment-cache: 0.2.1
+      kind-of: 6.0.3
+      nanomatch: 1.2.13
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
       picomatch: 2.3.1
 
   miller-rabin@4.0.1:
     dependencies:
-      bn.js: 4.12.0
+      bn.js: 4.12.1
       brorand: 1.1.0
 
   mime-db@1.52.0: {}
 
+  mime-db@1.54.0: {}
+
   mime-types@2.1.35:
     dependencies:
       mime-db: 1.52.0
 
+  mime-types@3.0.1:
+    dependencies:
+      mime-db: 1.54.0
+
   mime@1.6.0: {}
 
   mime@2.6.0: {}
 
   mimic-fn@2.1.0: {}
 
-  mimic-response@2.1.0: {}
+  mimic-response@2.1.0:
+    optional: true
 
   mimic-response@3.1.0: {}
 
   min-document@2.19.0:
     dependencies:
       dom-walk: 0.1.2
+    optional: true
 
   min-indent@1.0.1: {}
 
-  minecraft-assets@1.12.2: {}
-
-  minecraft-data@3.65.0: {}
+  minecraft-data@3.98.0: {}
 
   minecraft-folder-path@1.2.0: {}
 
-  minecraft-inventory-gui@https://codeload.github.com/zardoy/minecraft-inventory-gui/tar.gz/c50afc54e39817f7e4d313ce0f6fdaad71e7e4f4(@types/react@18.2.20)(react@18.2.0):
+  minecraft-inventory-gui@https://codeload.github.com/zardoy/minecraft-inventory-gui/tar.gz/89c33d396f3fde4804c71f4be3c203ade1833b41(@types/react@18.3.18)(react@18.3.1):
     dependencies:
-      valtio: 1.11.2(@types/react@18.2.20)(react@18.2.0)
+      valtio: 1.13.2(@types/react@18.3.18)(react@18.3.1)
     transitivePeerDependencies:
       - '@types/react'
       - react
 
-  minecraft-protocol@https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/495eed56ab230b2615596590064671356d86a2dc(patch_hash=2uxevyasyasdavsxuehfavgkjq)(encoding@0.1.13):
+  minecraft-protocol@https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/bf89f7e86526c54d8c43f555d8f6dfa4948fd2d9(patch_hash=4ebdae314c68d01ce7879445c0b8bde5f90373abba8b66ed00d42e7a5f542f8b)(encoding@0.1.13):
     dependencies:
-      '@types/readable-stream': 4.0.12
+      '@types/node-rsa': 1.1.4
+      '@types/readable-stream': 4.0.18
       aes-js: 3.1.2
       buffer-equal: 1.0.1
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.0(supports-color@8.1.1)
       endian-toggle: 0.0.0
-      lodash.get: 4.4.2
       lodash.merge: 4.6.2
-      minecraft-data: 3.65.0
+      minecraft-data: 3.98.0
       minecraft-folder-path: 1.2.0
       node-fetch: 2.7.0(encoding@0.1.13)
       node-rsa: 0.4.2
-      prismarine-auth: 2.4.2(encoding@0.1.13)
-      prismarine-chat: 1.10.1
-      prismarine-nbt: 2.5.0
+      prismarine-auth: 2.7.0
+      prismarine-chat: 1.11.0
+      prismarine-nbt: 2.7.0
       prismarine-realms: 1.3.2(encoding@0.1.13)
-      protodef: 1.15.0
-      readable-stream: 4.5.2
+      protodef: 1.18.0
+      readable-stream: 4.7.0
       uuid-1345: 1.0.2
       yggdrasil: 1.7.0(encoding@0.1.13)
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  minecraft-protocol@https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/ccab9fb39681f3ebe0d264e2a3f833aa3c5a1ac7(patch_hash=2uxevyasyasdavsxuehfavgkjq)(encoding@0.1.13):
+  minecraft-wrap@1.6.0(encoding@0.1.13):
     dependencies:
-      '@types/readable-stream': 4.0.12
-      aes-js: 3.1.2
-      buffer-equal: 1.0.1
-      debug: 4.3.4(supports-color@8.1.1)
-      endian-toggle: 0.0.0
-      lodash.get: 4.4.2
-      lodash.merge: 4.6.2
-      minecraft-data: 3.65.0
-      minecraft-folder-path: 1.2.0
-      node-fetch: 2.7.0(encoding@0.1.13)
-      node-rsa: 0.4.2
-      prismarine-auth: 2.4.2(encoding@0.1.13)
-      prismarine-chat: 1.10.1
-      prismarine-nbt: 2.5.0
-      prismarine-realms: 1.3.2(encoding@0.1.13)
-      protodef: 1.15.0
-      readable-stream: 4.5.2
-      uuid-1345: 1.0.2
-      yggdrasil: 1.7.0(encoding@0.1.13)
-    transitivePeerDependencies:
-      - encoding
-      - supports-color
-
-  minecraft-wrap@1.5.1(encoding@0.1.13):
-    dependencies:
-      debug: 4.3.4(supports-color@8.1.1)
+      adm-zip: 0.5.16
+      debug: 4.4.0(supports-color@8.1.1)
       es6-promisify: 5.0.0
       extract-zip: 2.0.1(supports-color@8.1.1)
       flatmap: 0.0.3
@@ -15809,71 +17357,49 @@ snapshots:
       - encoding
       - supports-color
 
-  minecrafthawkeye@1.3.6:
+  minecrafthawkeye@1.3.9:
     dependencies:
       detect-collisions: 7.0.5
-      vec3: 0.1.8
+      uuid: 9.0.1
+      vec3: 0.1.10
 
-  mineflayer-item-map-downloader@https://codeload.github.com/zardoy/mineflayer-item-map-downloader/tar.gz/642fd4f7023a98a96da4caf8f993f8e19361a1e7(encoding@0.1.13):
+  mineflayer-item-map-downloader@https://codeload.github.com/zardoy/mineflayer-item-map-downloader/tar.gz/a8d210ecdcf78dd082fa149a96e1612cc9747824(patch_hash=a731ebbace2d8790c973ab3a5ba33494a6e9658533a9710dd8ba36f86db061ad)(encoding@0.1.13):
     dependencies:
-      mineflayer: 4.20.1(encoding@0.1.13)
+      mineflayer: https://codeload.github.com/zardoy/mineflayer/tar.gz/dd3b1ff38506d6f72d90e8444186e4e75fe82659(encoding@0.1.13)
       sharp: 0.30.7
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  mineflayer-pathfinder@2.4.4:
+  mineflayer-mouse@0.1.21:
     dependencies:
-      minecraft-data: 3.65.0
-      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8
-      prismarine-entity: 2.3.1
-      prismarine-item: 1.14.0
-      prismarine-nbt: 2.2.1
-      prismarine-physics: 1.8.0
-      vec3: 0.1.8
-
-  mineflayer@4.20.1(encoding@0.1.13):
-    dependencies:
-      minecraft-data: 3.65.0
-      minecraft-protocol: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/495eed56ab230b2615596590064671356d86a2dc(patch_hash=2uxevyasyasdavsxuehfavgkjq)(encoding@0.1.13)
-      prismarine-biome: 1.3.0(minecraft-data@3.65.0)(prismarine-registry@1.7.0)
-      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8
-      prismarine-chat: 1.10.1
-      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/9662306deea57d8d0ba0a2a3f3f7adb95f0131e3(minecraft-data@3.65.0)
-      prismarine-entity: 2.3.1
-      prismarine-item: 1.14.0
-      prismarine-nbt: 2.5.0
-      prismarine-physics: 1.8.0
-      prismarine-recipe: 1.3.1(prismarine-registry@1.7.0)
-      prismarine-registry: 1.7.0
-      prismarine-windows: 2.9.0
-      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/187a87f6d71cba12881a7bbaa510ed9085bf6da7
-      protodef: 1.15.0
-      typed-emitter: 1.4.0
-      vec3: 0.1.8
+      change-case: 5.4.4
+      debug: 4.4.1
+      prismarine-item: 1.17.0
+      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/ab2146c9933eef3247c3f64446de4ccc2c484c7c
     transitivePeerDependencies:
-      - encoding
       - supports-color
 
-  mineflayer@https://codeload.github.com/zardoy/mineflayer/tar.gz/a4b1b4ba7f8c972cee9c0a16eb1191ff4d21fe23(encoding@0.1.13):
+  mineflayer@https://codeload.github.com/zardoy/mineflayer/tar.gz/dd3b1ff38506d6f72d90e8444186e4e75fe82659(encoding@0.1.13):
     dependencies:
-      minecraft-data: 3.65.0
-      minecraft-protocol: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/495eed56ab230b2615596590064671356d86a2dc(patch_hash=2uxevyasyasdavsxuehfavgkjq)(encoding@0.1.13)
-      prismarine-biome: 1.3.0(minecraft-data@3.65.0)(prismarine-registry@1.7.0)
-      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8
-      prismarine-chat: 1.10.1
-      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/9662306deea57d8d0ba0a2a3f3f7adb95f0131e3(minecraft-data@3.65.0)
-      prismarine-entity: 2.3.1
-      prismarine-item: 1.14.0
-      prismarine-nbt: 2.5.0
-      prismarine-physics: 1.8.0
-      prismarine-recipe: 1.3.1(prismarine-registry@1.7.0)
-      prismarine-registry: 1.7.0
+      '@nxg-org/mineflayer-physics-util': 1.8.10
+      minecraft-data: 3.98.0
+      minecraft-protocol: https://codeload.github.com/PrismarineJS/node-minecraft-protocol/tar.gz/bf89f7e86526c54d8c43f555d8f6dfa4948fd2d9(patch_hash=4ebdae314c68d01ce7879445c0b8bde5f90373abba8b66ed00d42e7a5f542f8b)(encoding@0.1.13)
+      prismarine-biome: 1.3.0(minecraft-data@3.98.0)(prismarine-registry@1.11.0)
+      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9
+      prismarine-chat: 1.11.0
+      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/c5feac83b61d95feb4d4f22c063dacfb8c192a9f(minecraft-data@3.98.0)
+      prismarine-entity: 2.5.0
+      prismarine-item: 1.17.0
+      prismarine-nbt: 2.7.0
+      prismarine-physics: https://codeload.github.com/zardoy/prismarine-physics/tar.gz/353e25b800149393f40539ec381218be44cbb03b
+      prismarine-recipe: 1.3.1(prismarine-registry@1.11.0)
+      prismarine-registry: 1.11.0
       prismarine-windows: 2.9.0
-      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/187a87f6d71cba12881a7bbaa510ed9085bf6da7
-      protodef: 1.15.0
+      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/ab2146c9933eef3247c3f64446de4ccc2c484c7c
+      protodef: 1.18.0
       typed-emitter: 1.4.0
-      vec3: 0.1.8
+      vec3: 0.1.10
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -15894,6 +17420,10 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
+
   minimist-options@4.1.0:
     dependencies:
       arrify: 1.0.1
@@ -15937,16 +17467,22 @@ snapshots:
 
   minipass@5.0.0: {}
 
-  minipass@7.0.3: {}
+  minipass@7.1.2: {}
 
   minizlib@2.1.2:
     dependencies:
       minipass: 3.3.6
       yallist: 4.0.0
 
+  mixin-deep@1.3.2:
+    dependencies:
+      for-in: 1.0.2
+      is-extendable: 1.0.1
+
   mkdirp-classic@0.5.3: {}
 
-  mkdirp@0.3.0: {}
+  mkdirp@0.3.0:
+    optional: true
 
   mkdirp@0.5.6:
     dependencies:
@@ -15956,25 +17492,39 @@ snapshots:
 
   mkdirp@2.1.6: {}
 
-  mlly@1.4.2:
+  mlly@1.7.4:
     dependencies:
-      acorn: 8.10.0
-      pathe: 1.1.1
-      pkg-types: 1.0.3
-      ufo: 1.3.1
+      acorn: 8.14.1
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.5.4
 
   mojangson@2.0.4:
     dependencies:
       nearley: 2.20.1
 
+  monaco-editor@0.52.2: {}
+
   moo@0.5.2: {}
 
-  mri@1.2.0: {}
+  morgan@1.10.0:
+    dependencies:
+      basic-auth: 2.0.1
+      debug: 2.6.9
+      depd: 2.0.0
+      on-finished: 2.3.0
+      on-headers: 1.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  motion-dom@12.9.1:
+    dependencies:
+      motion-utils: 12.8.3
+
+  motion-utils@12.8.3: {}
 
   ms@2.0.0: {}
 
-  ms@2.1.2: {}
-
   ms@2.1.3: {}
 
   mz@2.7.0:
@@ -15983,26 +17533,41 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
-  nan@2.18.0: {}
+  nan@2.22.2:
+    optional: true
 
-  nano-css@5.3.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+  nano-css@5.6.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
       css-tree: 1.1.3
-      csstype: 3.1.2
+      csstype: 3.1.3
       fastest-stable-stringify: 2.0.2
-      inline-style-prefixer: 6.0.4
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      inline-style-prefixer: 7.0.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
       rtl-css-js: 1.16.1
-      sourcemap-codec: 1.4.8
       stacktrace-js: 2.0.2
-      stylis: 4.2.0
+      stylis: 4.3.6
 
-  nanoid@3.3.6: {}
+  nanoid@3.3.9: {}
 
-  nanoid@3.3.7: {}
+  nanomatch@1.2.13:
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      fragment-cache: 0.2.1
+      is-windows: 1.0.2
+      kind-of: 6.0.3
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
 
-  napi-build-utils@1.0.2: {}
+  napi-build-utils@2.0.0: {}
 
   natural-compare-lite@1.4.0: {}
 
@@ -16017,15 +17582,15 @@ snapshots:
 
   negotiator@0.6.3: {}
 
+  negotiator@0.6.4: {}
+
   neo-async@2.6.2: {}
 
-  nested-error-stacks@2.1.1: {}
-
-  net-browserify@https://codeload.github.com/zardoy/prismarinejs-net-browserify/tar.gz/99434199f25d3c6bbe15833bb78ec40b07c2df6f:
+  net-browserify@https://codeload.github.com/zardoy/prismarinejs-net-browserify/tar.gz/e754999ffdea67853bc9b10553b5e9908b40f618:
     dependencies:
-      body-parser: 1.20.2
-      express: 4.18.2
-      express-ws: 4.0.0(express@4.18.2)
+      body-parser: 1.20.3
+      express: 4.21.2
+      express-ws: 4.0.0(express@4.21.2)
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -16036,11 +17601,11 @@ snapshots:
   no-case@3.0.4:
     dependencies:
       lower-case: 2.0.2
-      tslib: 2.6.2
+      tslib: 2.8.1
 
-  node-abi@3.47.0:
+  node-abi@3.74.0:
     dependencies:
-      semver: 7.6.0
+      semver: 7.7.1
 
   node-addon-api@5.1.0: {}
 
@@ -16058,7 +17623,7 @@ snapshots:
     dependencies:
       minimatch: 3.1.2
 
-  node-fetch-native@1.4.0: {}
+  node-fetch-native@1.6.6: {}
 
   node-fetch@2.7.0(encoding@0.1.13):
     dependencies:
@@ -16066,23 +17631,18 @@ snapshots:
     optionalDependencies:
       encoding: 0.1.13
 
-  node-gyp-build-optional-packages@5.1.1:
-    dependencies:
-      detect-libc: 2.0.2
-    optional: true
-
   node-gyp@9.4.1:
     dependencies:
       env-paths: 2.2.1
-      exponential-backoff: 3.1.1
+      exponential-backoff: 3.1.2
       glob: 7.2.3
       graceful-fs: 4.2.11
       make-fetch-happen: 10.2.1
       nopt: 6.0.0
       npmlog: 6.0.2
       rimraf: 3.0.2
-      semver: 7.6.0
-      tar: 6.2.0
+      semver: 7.7.1
+      tar: 6.2.1
       which: 2.0.2
     transitivePeerDependencies:
       - bluebird
@@ -16091,14 +17651,14 @@ snapshots:
 
   node-gzip@1.1.2: {}
 
-  node-html-parser@6.1.10:
+  node-html-parser@6.1.13:
     dependencies:
       css-select: 5.1.0
       he: 1.2.0
 
   node-int64@0.4.0: {}
 
-  node-releases@2.0.13: {}
+  node-releases@2.0.19: {}
 
   node-rsa@0.4.2:
     dependencies:
@@ -16111,10 +17671,12 @@ snapshots:
   nopt@1.0.10:
     dependencies:
       abbrev: 1.1.1
+    optional: true
 
   nopt@5.0.0:
     dependencies:
       abbrev: 1.1.1
+    optional: true
 
   nopt@6.0.0:
     dependencies:
@@ -16124,30 +17686,34 @@ snapshots:
   normalize-package-data@2.5.0:
     dependencies:
       hosted-git-info: 2.8.9
-      resolve: 1.22.4
+      resolve: 1.22.10
       semver: 5.7.2
       validate-npm-package-license: 3.0.4
 
   normalize-package-data@3.0.3:
     dependencies:
       hosted-git-info: 4.1.0
-      is-core-module: 2.13.0
-      semver: 7.6.0
+      is-core-module: 2.16.1
+      semver: 7.7.1
       validate-npm-package-license: 3.0.4
 
+  normalize-path@2.1.1:
+    dependencies:
+      remove-trailing-separator: 1.1.0
+
   normalize-path@3.0.0: {}
 
   npm-run-all@4.1.5:
     dependencies:
       ansi-styles: 3.2.1
       chalk: 2.4.2
-      cross-spawn: 6.0.5
+      cross-spawn: 6.0.6
       memorystream: 0.3.1
       minimatch: 3.1.2
       pidtree: 0.3.1
       read-pkg: 3.0.0
-      shell-quote: 1.8.1
-      string.prototype.padend: 3.1.4
+      shell-quote: 1.8.2
+      string.prototype.padend: 3.1.6
 
   npm-run-path@4.0.1:
     dependencies:
@@ -16159,6 +17725,7 @@ snapshots:
       console-control-strings: 1.1.0
       gauge: 3.0.2
       set-blocking: 2.0.0
+    optional: true
 
   npmlog@6.0.2:
     dependencies:
@@ -16172,65 +17739,76 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
+  nypm@0.5.4:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.4.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      tinyexec: 0.3.2
+      ufo: 1.5.4
+
   object-assign@4.1.1: {}
 
-  object-inspect@1.12.3: {}
-
-  object-inspect@1.13.1: {}
-
-  object-is@1.1.5:
+  object-copy@0.1.0:
     dependencies:
-      call-bind: 1.0.2
+      copy-descriptor: 0.1.1
+      define-property: 0.2.5
+      kind-of: 3.2.2
+
+  object-inspect@1.13.4: {}
+
+  object-is@1.1.6:
+    dependencies:
+      call-bind: 1.0.8
       define-properties: 1.2.1
 
   object-keys@1.1.1: {}
 
-  object.assign@4.1.4:
+  object-visit@1.0.1:
     dependencies:
-      call-bind: 1.0.2
+      isobject: 3.0.1
+
+  object.assign@4.1.7:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      has-symbols: 1.0.3
+      es-object-atoms: 1.1.1
+      has-symbols: 1.1.0
       object-keys: 1.1.1
 
-  object.assign@4.1.5:
+  object.entries@1.1.9:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      has-symbols: 1.0.3
-      object-keys: 1.1.1
-
-  object.entries@1.1.8:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
 
   object.fromentries@2.0.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
+      es-abstract: 1.24.0
+      es-object-atoms: 1.1.1
 
-  object.hasown@1.1.4:
+  object.pick@1.3.0:
     dependencies:
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
+      isobject: 3.0.1
 
-  object.values@1.1.7:
+  object.values@1.2.1:
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.22.2
+      es-object-atoms: 1.1.1
 
-  object.values@1.2.0:
+  omggif@1.0.10:
+    optional: true
+
+  on-finished@2.3.0:
     dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-object-atoms: 1.0.0
-
-  omggif@1.0.10: {}
+      ee-first: 1.1.1
 
   on-finished@2.4.1:
     dependencies:
@@ -16254,21 +17832,25 @@ snapshots:
 
   opener@1.5.2: {}
 
-  optionator@0.9.3:
+  opn@6.0.0:
+    dependencies:
+      is-wsl: 1.1.0
+
+  optionator@0.9.4:
     dependencies:
-      '@aashutoshrathi/word-wrap': 1.2.6
       deep-is: 0.1.4
       fast-levenshtein: 2.0.6
       levn: 0.4.1
       prelude-ls: 1.2.1
       type-check: 0.4.0
+      word-wrap: 1.2.5
 
   ora@5.4.1:
     dependencies:
       bl: 4.1.0
       chalk: 4.1.2
       cli-cursor: 3.1.0
-      cli-spinners: 2.9.1
+      cli-spinners: 2.9.2
       is-interactive: 1.0.0
       is-unicode-supported: 0.1.0
       log-symbols: 4.1.0
@@ -16279,7 +17861,14 @@ snapshots:
 
   os-browserify@0.3.0: {}
 
-  ospath@1.2.2: {}
+  ospath@1.2.2:
+    optional: true
+
+  own-keys@1.0.1:
+    dependencies:
+      get-intrinsic: 1.3.0
+      object-keys: 1.1.1
+      safe-push-apply: 1.0.0
 
   p-limit@2.3.0:
     dependencies:
@@ -16291,7 +17880,7 @@ snapshots:
 
   p-limit@4.0.0:
     dependencies:
-      yocto-queue: 1.0.0
+      yocto-queue: 1.2.0
 
   p-locate@3.0.0:
     dependencies:
@@ -16311,41 +17900,46 @@ snapshots:
 
   p-try@2.2.0: {}
 
+  package-json-from-dist@1.0.1: {}
+
   pako@0.2.9: {}
 
   pako@1.0.11: {}
 
+  pako@2.1.0: {}
+
   param-case@3.0.4:
     dependencies:
       dot-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
 
-  parse-asn1@5.1.6:
+  parse-asn1@5.1.7:
     dependencies:
-      asn1.js: 5.4.1
+      asn1.js: 4.10.1
       browserify-aes: 1.2.0
       evp_bytestokey: 1.0.3
+      hash-base: 3.0.5
       pbkdf2: 3.1.2
       safe-buffer: 5.2.1
 
-  parse-bmfont-ascii@1.0.6: {}
+  parse-bmfont-ascii@1.0.6:
+    optional: true
 
-  parse-bmfont-binary@1.0.6: {}
+  parse-bmfont-binary@1.0.6:
+    optional: true
 
-  parse-bmfont-xml@1.1.4:
+  parse-bmfont-xml@1.1.6:
     dependencies:
       xml-parse-from-string: 1.0.1
-      xml2js: 0.4.23
+      xml2js: 0.5.0
+    optional: true
 
-  parse-color@1.0.0:
-    dependencies:
-      color-convert: 0.5.3
-
-  parse-headers@2.0.5: {}
+  parse-headers@2.0.5:
+    optional: true
 
   parse-json@4.0.0:
     dependencies:
@@ -16354,28 +17948,34 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.22.13
+      '@babel/code-frame': 7.26.2
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
 
-  parseqs@0.0.6: {}
+  parseqs@0.0.6:
+    optional: true
 
-  parseuri@0.0.6: {}
+  parseuri@0.0.6:
+    optional: true
 
   parseurl@1.3.3: {}
 
   pascal-case@3.1.2:
     dependencies:
       no-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.8.1
+
+  pascalcase@0.1.1: {}
 
   path-browserify@1.0.1: {}
 
   path-case@3.0.4:
     dependencies:
       dot-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.8.1
+
+  path-dirname@1.0.2: {}
 
   path-exists-cli@2.0.0:
     dependencies:
@@ -16396,12 +17996,12 @@ snapshots:
 
   path-parse@1.0.7: {}
 
-  path-scurry@1.10.1:
+  path-scurry@1.11.1:
     dependencies:
-      lru-cache: 10.0.1
-      minipass: 7.0.3
+      lru-cache: 10.4.3
+      minipass: 7.1.2
 
-  path-to-regexp@0.1.7: {}
+  path-to-regexp@0.1.12: {}
 
   path-type@3.0.0:
     dependencies:
@@ -16409,10 +18009,16 @@ snapshots:
 
   path-type@4.0.0: {}
 
-  pathe@1.1.1: {}
+  pathe@1.1.2: {}
+
+  pathe@2.0.3: {}
 
   pathval@1.1.1: {}
 
+  pause-stream@0.0.11:
+    dependencies:
+      through: 2.3.8
+
   pbkdf2@3.1.2:
     dependencies:
       create-hash: 1.2.0
@@ -16427,29 +18033,40 @@ snapshots:
       duplexify: 3.7.1
       through2: 2.0.5
 
-  peerjs-js-binarypack@2.0.0: {}
+  peerjs-js-binarypack@2.1.0: {}
 
-  peerjs@1.5.0:
+  peerjs@1.5.4:
     dependencies:
       '@msgpack/msgpack': 2.8.0
-      cbor-x: 1.5.4
       eventemitter3: 4.0.7
-      peerjs-js-binarypack: 2.0.0
-      webrtc-adapter: 8.2.3
+      peerjs-js-binarypack: 2.1.0
+      webrtc-adapter: 9.0.1
 
   pend@1.2.0: {}
 
-  performance-now@2.1.0: {}
+  performance-now@2.1.0:
+    optional: true
 
-  phin@2.9.3: {}
+  phin@2.9.3:
+    optional: true
 
-  picocolors@1.0.0: {}
+  phin@3.7.1(debug@4.4.0):
+    dependencies:
+      centra: 2.7.0(debug@4.4.0)
+    transitivePeerDependencies:
+      - debug
+    optional: true
+
+  picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
+  picomatch@4.0.2: {}
+
   pidtree@0.3.1: {}
 
-  pify@2.3.0: {}
+  pify@2.3.0:
+    optional: true
 
   pify@3.0.0: {}
 
@@ -16457,9 +18074,12 @@ snapshots:
 
   pirates@4.0.6: {}
 
+  pixelarticons@1.8.1(patch_hash=533230072bc402f425c86abd3d0356fe087b14cab2a254d93f419b083f2d8dfa): {}
+
   pixelmatch@4.0.2:
     dependencies:
       pngjs: 3.4.0
+    optional: true
 
   pkg-dir@3.0.0:
     dependencies:
@@ -16473,23 +18093,24 @@ snapshots:
     dependencies:
       find-up: 5.0.0
 
-  pkg-types@1.0.3:
+  pkg-types@1.3.1:
     dependencies:
-      jsonc-parser: 3.2.0
-      mlly: 1.4.2
-      pathe: 1.1.1
+      confbox: 0.1.8
+      mlly: 1.7.4
+      pathe: 2.0.3
 
   pluralize@8.0.0: {}
 
-  pngjs@3.4.0: {}
+  pngjs@3.4.0:
+    optional: true
 
-  polished@4.2.2:
+  polished@4.3.1:
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
 
   poly-decomp@0.3.0: {}
 
-  portfinder@1.0.32:
+  portfinder@1.0.33:
     dependencies:
       async: 2.6.4
       debug: 3.2.7(supports-color@8.1.1)
@@ -16497,40 +18118,37 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  possible-typed-array-names@1.0.0: {}
+  posix-character-classes@0.1.1: {}
 
-  postcss@8.4.31:
-    dependencies:
-      nanoid: 3.3.6
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
+  possible-typed-array-names@1.1.0: {}
 
-  postcss@8.4.38:
+  postcss@8.5.3:
     dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.0.0
-      source-map-js: 1.2.0
+      nanoid: 3.3.9
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
 
   potpack@1.0.2: {}
 
-  prebuild-install@7.1.1:
+  prebuild-install@7.1.3:
     dependencies:
-      detect-libc: 2.0.2
+      detect-libc: 2.0.3
       expand-template: 2.0.3
       github-from-package: 0.0.0
       minimist: 1.2.8
       mkdirp-classic: 0.5.3
-      napi-build-utils: 1.0.2
-      node-abi: 3.47.0
-      pump: 3.0.0
+      napi-build-utils: 2.0.0
+      node-abi: 3.74.0
+      pump: 3.0.2
       rc: 1.2.8
       simple-get: 4.0.1
-      tar-fs: 2.1.1
+      tar-fs: 2.1.2
       tunnel-agent: 0.6.0
 
   prelude-ls@1.2.1: {}
 
-  prettier@1.19.1: {}
+  prettier@1.19.1:
+    optional: true
 
   prettier@2.8.8: {}
 
@@ -16542,127 +18160,121 @@ snapshots:
     dependencies:
       '@jest/schemas': 29.6.3
       ansi-styles: 5.2.0
-      react-is: 18.2.0
+      react-is: 18.3.1
 
   pretty-hrtime@1.0.3: {}
 
-  prismarine-auth@2.4.2(encoding@0.1.13):
+  prismarine-auth@2.7.0:
     dependencies:
-      '@azure/msal-node': 2.7.0
-      '@xboxreplay/xboxlive-auth': 3.3.3(debug@4.3.4)
-      debug: 4.3.4(supports-color@8.1.1)
-      jose: 4.15.5
-      node-fetch: 2.7.0(encoding@0.1.13)
+      '@azure/msal-node': 2.16.2
+      '@xboxreplay/xboxlive-auth': 3.3.3(debug@4.4.0)
+      debug: 4.4.0(supports-color@8.1.1)
       smart-buffer: 4.2.0
       uuid-1345: 1.0.2
     transitivePeerDependencies:
-      - encoding
       - supports-color
 
-  prismarine-biome@1.3.0(minecraft-data@3.65.0)(prismarine-registry@1.7.0):
+  prismarine-biome@1.3.0(minecraft-data@3.98.0)(prismarine-registry@1.11.0):
     dependencies:
-      minecraft-data: 3.65.0
-      prismarine-registry: 1.7.0
+      minecraft-data: 3.98.0
+      prismarine-registry: 1.11.0
 
-  prismarine-block@https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8:
+  prismarine-block@https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9:
     dependencies:
-      minecraft-data: 3.65.0
-      prismarine-biome: 1.3.0(minecraft-data@3.65.0)(prismarine-registry@1.7.0)
-      prismarine-chat: 1.10.1
-      prismarine-item: 1.14.0
-      prismarine-nbt: 2.5.0
-      prismarine-registry: 1.7.0
+      minecraft-data: 3.98.0
+      prismarine-biome: 1.3.0(minecraft-data@3.98.0)(prismarine-registry@1.11.0)
+      prismarine-chat: 1.11.0
+      prismarine-item: 1.17.0
+      prismarine-nbt: 2.7.0
+      prismarine-registry: 1.11.0
 
-  prismarine-chat@1.10.1:
+  prismarine-chat@1.11.0:
     dependencies:
       mojangson: 2.0.4
-      prismarine-nbt: 2.5.0
-      prismarine-registry: 1.7.0
+      prismarine-nbt: 2.7.0
+      prismarine-registry: 1.11.0
 
-  prismarine-chunk@https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/9662306deea57d8d0ba0a2a3f3f7adb95f0131e3(minecraft-data@3.65.0):
+  prismarine-chunk@https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/c5feac83b61d95feb4d4f22c063dacfb8c192a9f(minecraft-data@3.98.0):
     dependencies:
-      prismarine-biome: 1.3.0(minecraft-data@3.65.0)(prismarine-registry@1.7.0)
-      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8
-      prismarine-nbt: 2.5.0
-      prismarine-registry: 1.7.0
+      prismarine-biome: 1.3.0(minecraft-data@3.98.0)(prismarine-registry@1.11.0)
+      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9
+      prismarine-nbt: 2.7.0
+      prismarine-registry: 1.11.0
       smart-buffer: 4.2.0
       uint4: 0.1.2
-      vec3: 0.1.8
+      vec3: 0.1.10
       xxhash-wasm: 0.4.2
     transitivePeerDependencies:
       - minecraft-data
 
-  prismarine-entity@2.3.1:
+  prismarine-entity@2.5.0:
     dependencies:
-      prismarine-chat: 1.10.1
-      prismarine-item: 1.14.0
-      prismarine-registry: 1.7.0
-      vec3: 0.1.8
+      prismarine-chat: 1.11.0
+      prismarine-item: 1.17.0
+      prismarine-registry: 1.11.0
+      vec3: 0.1.10
 
-  prismarine-item@1.14.0:
+  prismarine-item@1.17.0:
     dependencies:
-      prismarine-nbt: 2.5.0
-      prismarine-registry: 1.7.0
+      prismarine-nbt: 2.7.0
+      prismarine-registry: 1.11.0
 
-  prismarine-nbt@2.2.1:
+  prismarine-nbt@2.7.0:
     dependencies:
-      protodef: 1.15.0
+      protodef: 1.18.0
 
-  prismarine-nbt@2.5.0:
+  prismarine-physics@https://codeload.github.com/zardoy/prismarine-physics/tar.gz/353e25b800149393f40539ec381218be44cbb03b:
     dependencies:
-      protodef: 1.15.0
+      minecraft-data: 3.98.0
+      prismarine-nbt: 2.7.0
+      vec3: 0.1.10
 
-  prismarine-physics@1.8.0:
+  prismarine-provider-anvil@https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/1d548fac63fe977c8281f0a9a522b37e4d92d0b7(minecraft-data@3.98.0):
     dependencies:
-      minecraft-data: 3.65.0
-      prismarine-nbt: 2.5.0
-      vec3: 0.1.8
-
-  prismarine-provider-anvil@https://codeload.github.com/zardoy/prismarine-provider-anvil/tar.gz/0228b5252f48a0d6ad7f36d7189851c427fbe8c4(minecraft-data@3.65.0):
-    dependencies:
-      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8
-      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/9662306deea57d8d0ba0a2a3f3f7adb95f0131e3(minecraft-data@3.65.0)
-      prismarine-nbt: 2.5.0
-      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/187a87f6d71cba12881a7bbaa510ed9085bf6da7
+      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9
+      prismarine-chunk: https://codeload.github.com/zardoy/prismarine-chunk/tar.gz/c5feac83b61d95feb4d4f22c063dacfb8c192a9f(minecraft-data@3.98.0)
+      prismarine-nbt: 2.7.0
+      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/ab2146c9933eef3247c3f64446de4ccc2c484c7c
       uint4: 0.1.2
-      vec3: 0.1.8
+      vec3: 0.1.10
     transitivePeerDependencies:
       - minecraft-data
 
   prismarine-realms@1.3.2(encoding@0.1.13):
     dependencies:
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.4.0(supports-color@8.1.1)
       node-fetch: 2.7.0(encoding@0.1.13)
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  prismarine-recipe@1.3.1(prismarine-registry@1.7.0):
+  prismarine-recipe@1.3.1(prismarine-registry@1.11.0):
     dependencies:
-      prismarine-registry: 1.7.0
+      prismarine-registry: 1.11.0
 
-  prismarine-registry@1.7.0:
+  prismarine-registry@1.11.0:
     dependencies:
-      minecraft-data: 3.65.0
-      prismarine-nbt: 2.5.0
+      minecraft-data: 3.98.0
+      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9
+      prismarine-nbt: 2.7.0
 
   prismarine-schematic@1.2.3:
     dependencies:
-      minecraft-data: 3.65.0
-      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/dd4954fff3b334f8ce063d18e39b2e9414ece5b8
-      prismarine-nbt: 2.2.1
-      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/187a87f6d71cba12881a7bbaa510ed9085bf6da7
-      vec3: 0.1.8
+      minecraft-data: 3.98.0
+      prismarine-block: https://codeload.github.com/zardoy/prismarine-block/tar.gz/853c559bff2b402863ee9a75b125a3ca320838f9
+      prismarine-nbt: 2.7.0
+      prismarine-world: https://codeload.github.com/zardoy/prismarine-world/tar.gz/ab2146c9933eef3247c3f64446de4ccc2c484c7c
+      vec3: 0.1.10
 
   prismarine-windows@2.9.0:
     dependencies:
-      prismarine-item: 1.14.0
-      prismarine-registry: 1.7.0
+      prismarine-item: 1.17.0
+      prismarine-registry: 1.11.0
       typed-emitter: 2.1.0
 
-  prismarine-world@https://codeload.github.com/zardoy/prismarine-world/tar.gz/187a87f6d71cba12881a7bbaa510ed9085bf6da7:
+  prismarine-world@https://codeload.github.com/zardoy/prismarine-world/tar.gz/ab2146c9933eef3247c3f64446de4ccc2c484c7c:
     dependencies:
-      vec3: 0.1.8
+      vec3: 0.1.10
 
   process-nextick-args@2.0.1: {}
 
@@ -16694,102 +18306,103 @@ snapshots:
       object-assign: 4.1.1
       react-is: 16.13.1
 
-  prosemirror-commands@1.5.2:
+  prosemirror-commands@1.7.0:
     dependencies:
-      prosemirror-model: 1.19.4
+      prosemirror-model: 1.24.1
       prosemirror-state: 1.4.3
-      prosemirror-transform: 1.8.0
+      prosemirror-transform: 1.10.3
 
   prosemirror-dropcursor@1.8.1:
     dependencies:
       prosemirror-state: 1.4.3
-      prosemirror-transform: 1.8.0
-      prosemirror-view: 1.33.1
+      prosemirror-transform: 1.10.3
+      prosemirror-view: 1.38.1
 
-  prosemirror-example-setup@1.2.2:
+  prosemirror-example-setup@1.2.3:
     dependencies:
-      prosemirror-commands: 1.5.2
+      prosemirror-commands: 1.7.0
       prosemirror-dropcursor: 1.8.1
       prosemirror-gapcursor: 1.3.2
-      prosemirror-history: 1.3.2
+      prosemirror-history: 1.4.1
       prosemirror-inputrules: 1.4.0
       prosemirror-keymap: 1.2.2
       prosemirror-menu: 1.2.4
-      prosemirror-schema-list: 1.3.0
+      prosemirror-schema-list: 1.5.1
       prosemirror-state: 1.4.3
 
   prosemirror-gapcursor@1.3.2:
     dependencies:
       prosemirror-keymap: 1.2.2
-      prosemirror-model: 1.19.4
+      prosemirror-model: 1.24.1
       prosemirror-state: 1.4.3
-      prosemirror-view: 1.33.1
+      prosemirror-view: 1.38.1
 
-  prosemirror-history@1.3.2:
+  prosemirror-history@1.4.1:
     dependencies:
       prosemirror-state: 1.4.3
-      prosemirror-transform: 1.8.0
-      prosemirror-view: 1.33.1
+      prosemirror-transform: 1.10.3
+      prosemirror-view: 1.38.1
       rope-sequence: 1.3.4
 
   prosemirror-inputrules@1.4.0:
     dependencies:
       prosemirror-state: 1.4.3
-      prosemirror-transform: 1.8.0
+      prosemirror-transform: 1.10.3
 
   prosemirror-keymap@1.2.2:
     dependencies:
       prosemirror-state: 1.4.3
       w3c-keyname: 2.2.8
 
-  prosemirror-markdown@1.12.0:
+  prosemirror-markdown@1.13.1:
     dependencies:
-      markdown-it: 14.0.0
-      prosemirror-model: 1.19.4
+      '@types/markdown-it': 14.1.2
+      markdown-it: 14.1.0
+      prosemirror-model: 1.24.1
 
   prosemirror-menu@1.2.4:
     dependencies:
       crelt: 1.0.6
-      prosemirror-commands: 1.5.2
-      prosemirror-history: 1.3.2
+      prosemirror-commands: 1.7.0
+      prosemirror-history: 1.4.1
       prosemirror-state: 1.4.3
 
-  prosemirror-model@1.19.4:
+  prosemirror-model@1.24.1:
     dependencies:
       orderedmap: 2.1.1
 
-  prosemirror-schema-list@1.3.0:
+  prosemirror-schema-list@1.5.1:
     dependencies:
-      prosemirror-model: 1.19.4
+      prosemirror-model: 1.24.1
       prosemirror-state: 1.4.3
-      prosemirror-transform: 1.8.0
+      prosemirror-transform: 1.10.3
 
   prosemirror-state@1.4.3:
     dependencies:
-      prosemirror-model: 1.19.4
-      prosemirror-transform: 1.8.0
-      prosemirror-view: 1.33.1
+      prosemirror-model: 1.24.1
+      prosemirror-transform: 1.10.3
+      prosemirror-view: 1.38.1
 
-  prosemirror-transform@1.8.0:
+  prosemirror-transform@1.10.3:
     dependencies:
-      prosemirror-model: 1.19.4
+      prosemirror-model: 1.24.1
 
-  prosemirror-view@1.33.1:
+  prosemirror-view@1.38.1:
     dependencies:
-      prosemirror-model: 1.19.4
+      prosemirror-model: 1.24.1
       prosemirror-state: 1.4.3
-      prosemirror-transform: 1.8.0
+      prosemirror-transform: 1.10.3
 
-  protodef-validator@1.3.1:
+  protodef-validator@1.4.0:
     dependencies:
       ajv: 6.12.6
 
-  protodef@1.15.0:
+  protodef@1.18.0:
     dependencies:
       lodash.get: 4.4.2
       lodash.reduce: 4.6.0
-      protodef-validator: 1.3.1
-      readable-stream: 3.6.2
+      protodef-validator: 1.4.0
+      readable-stream: 4.7.0
 
   proxy-addr@2.0.7:
     dependencies:
@@ -16798,18 +18411,26 @@ snapshots:
 
   proxy-compare@2.5.1: {}
 
-  proxy-from-env@1.0.0: {}
+  proxy-compare@2.6.0: {}
+
+  proxy-from-env@1.0.0:
+    optional: true
 
   proxy-from-env@1.1.0: {}
 
-  psl@1.9.0: {}
+  proxy-middleware@0.15.0: {}
+
+  psl@1.15.0:
+    dependencies:
+      punycode: 2.3.1
+    optional: true
 
   public-encrypt@4.0.3:
     dependencies:
-      bn.js: 4.12.0
-      browserify-rsa: 4.1.0
+      bn.js: 4.12.1
+      browserify-rsa: 4.1.1
       create-hash: 1.2.0
-      parse-asn1: 5.1.6
+      parse-asn1: 5.1.7
       randombytes: 2.1.0
       safe-buffer: 5.2.1
 
@@ -16818,7 +18439,7 @@ snapshots:
       end-of-stream: 1.4.4
       once: 1.4.0
 
-  pump@3.0.0:
+  pump@3.0.2:
     dependencies:
       end-of-stream: 1.4.4
       once: 1.4.0
@@ -16831,44 +18452,48 @@ snapshots:
 
   punycode.js@2.3.1: {}
 
-  punycode@2.3.0: {}
+  punycode@1.4.1: {}
 
   punycode@2.3.1: {}
 
   puppeteer-core@2.1.1:
     dependencies:
-      '@types/mime-types': 2.1.2
-      debug: 4.3.4(supports-color@8.1.1)
+      '@types/mime-types': 2.1.4
+      debug: 4.4.1
       extract-zip: 1.7.0
       https-proxy-agent: 4.0.0
       mime: 2.6.0
       mime-types: 2.1.35
       progress: 2.0.3
-      proxy-from-env: 1.0.0
+      proxy-from-env: 1.1.0
       rimraf: 2.7.1
-      ws: 6.2.2
+      ws: 6.2.3
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
 
-  qrcode.react@3.1.0(react@18.2.0):
+  qrcode.react@3.2.0(react@18.3.1):
     dependencies:
-      react: 18.2.0
+      react: 18.3.1
 
   qs@6.10.4:
     dependencies:
-      side-channel: 1.0.5
+      side-channel: 1.1.0
+    optional: true
 
-  qs@6.11.0:
+  qs@6.13.0:
     dependencies:
-      side-channel: 1.0.4
+      side-channel: 1.1.0
 
-  qs@6.11.2:
+  qs@6.14.0:
     dependencies:
-      side-channel: 1.0.4
+      side-channel: 1.1.0
 
-  querystringify@2.2.0: {}
+  querystring-es3@0.2.1: {}
+
+  querystringify@2.2.0:
+    optional: true
 
   queue-microtask@1.2.3: {}
 
@@ -16880,7 +18505,7 @@ snapshots:
 
   rambda@6.9.0: {}
 
-  rambda@9.2.0: {}
+  rambda@9.4.2: {}
 
   ramda@0.29.0: {}
 
@@ -16906,13 +18531,6 @@ snapshots:
 
   range@0.0.3: {}
 
-  raw-body@2.5.1:
-    dependencies:
-      bytes: 3.1.2
-      http-errors: 2.0.0
-      iconv-lite: 0.4.24
-      unpipe: 1.0.0
-
   raw-body@2.5.2:
     dependencies:
       bytes: 3.1.2
@@ -16931,121 +18549,139 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-colorful@5.6.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+  react-colorful@5.6.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
-  react-docgen-typescript@2.2.2(typescript@5.5.0-beta):
+  react-docgen-typescript@2.2.2(typescript@5.5.4):
     dependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
 
-  react-docgen@6.0.0-alpha.3:
+  react-docgen@7.1.1:
     dependencies:
-      '@babel/core': 7.22.11
-      '@babel/generator': 7.22.10
-      ast-types: 0.14.2
-      commander: 2.20.3
+      '@babel/core': 7.26.9
+      '@babel/traverse': 7.26.9
+      '@babel/types': 7.26.9
+      '@types/babel__core': 7.20.5
+      '@types/babel__traverse': 7.20.6
+      '@types/doctrine': 0.0.9
+      '@types/resolve': 1.20.6
       doctrine: 3.0.0
-      estree-to-babel: 3.2.1
-      neo-async: 2.6.2
-      node-dir: 0.1.17
-      resolve: 1.22.4
-      strip-indent: 3.0.0
+      resolve: 1.22.10
+      strip-indent: 4.0.0
     transitivePeerDependencies:
       - supports-color
 
-  react-dom@18.2.0(react@18.2.0):
+  react-dom@18.3.1(react@18.3.1):
     dependencies:
       loose-envify: 1.4.0
-      react: 18.2.0
-      scheduler: 0.23.0
+      react: 18.3.1
+      scheduler: 0.23.2
 
-  react-element-to-jsx-string@15.0.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+  react-element-to-jsx-string@15.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@base2/pretty-print-object': 1.0.1
       is-plain-object: 5.0.0
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
       react-is: 18.1.0
 
   react-fast-compare@3.2.2: {}
 
-  react-inspector@6.0.2(react@18.2.0):
+  react-hook-form@7.54.2(react@18.3.1):
     dependencies:
-      react: 18.2.0
+      react: 18.3.1
 
   react-is@16.13.1: {}
 
   react-is@18.1.0: {}
 
-  react-is@18.2.0: {}
+  react-is@18.3.1: {}
 
-  react-popper@2.3.0(@popperjs/core@2.11.8)(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+  react-popper@2.3.0(@popperjs/core@2.11.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@popperjs/core': 2.11.8
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
       react-fast-compare: 3.2.2
       warning: 4.0.3
 
-  react-portal@4.2.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+  react-portal@4.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       prop-types: 15.8.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
-  react-refresh@0.14.0: {}
+  react-refresh@0.14.2: {}
 
-  react-remove-scroll-bar@2.3.4(@types/react@18.2.20)(react@18.2.0):
+  react-refresh@0.17.0: {}
+
+  react-remove-scroll-bar@2.3.8(@types/react@18.3.18)(react@18.3.1):
     dependencies:
-      react: 18.2.0
-      react-style-singleton: 2.2.1(@types/react@18.2.20)(react@18.2.0)
-      tslib: 2.6.2
+      react: 18.3.1
+      react-style-singleton: 2.2.3(@types/react@18.3.18)(react@18.3.1)
+      tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  react-remove-scroll@2.5.5(@types/react@18.2.20)(react@18.2.0):
+  react-remove-scroll@2.5.5(@types/react@18.3.18)(react@18.3.1):
     dependencies:
-      react: 18.2.0
-      react-remove-scroll-bar: 2.3.4(@types/react@18.2.20)(react@18.2.0)
-      react-style-singleton: 2.2.1(@types/react@18.2.20)(react@18.2.0)
-      tslib: 2.6.2
-      use-callback-ref: 1.3.0(@types/react@18.2.20)(react@18.2.0)
-      use-sidecar: 1.1.2(@types/react@18.2.20)(react@18.2.0)
+      react: 18.3.1
+      react-remove-scroll-bar: 2.3.8(@types/react@18.3.18)(react@18.3.1)
+      react-style-singleton: 2.2.3(@types/react@18.3.18)(react@18.3.1)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@18.3.18)(react@18.3.1)
+      use-sidecar: 1.1.3(@types/react@18.3.18)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  react-style-singleton@2.2.1(@types/react@18.2.20)(react@18.2.0):
+  react-select@5.10.1(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.26.9
+      '@emotion/cache': 11.14.0
+      '@emotion/react': 11.14.0(@types/react@18.3.18)(react@18.3.1)
+      '@floating-ui/dom': 1.6.13
+      '@types/react-transition-group': 4.4.12(@types/react@18.3.18)
+      memoize-one: 6.0.0
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-transition-group: 4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      use-isomorphic-layout-effect: 1.2.0(@types/react@18.3.18)(react@18.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+      - supports-color
+
+  react-style-singleton@2.2.3(@types/react@18.3.18)(react@18.3.1):
     dependencies:
       get-nonce: 1.0.1
-      invariant: 2.2.4
-      react: 18.2.0
-      tslib: 2.6.2
+      react: 18.3.1
+      tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  react-transition-group@4.4.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+  react-transition-group@4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
-  react-universal-interface@0.6.2(react@18.2.0)(tslib@2.6.2):
+  react-universal-interface@0.6.2(react@18.3.1)(tslib@2.8.1):
     dependencies:
-      react: 18.2.0
-      tslib: 2.6.2
+      react: 18.3.1
+      tslib: 2.8.1
 
-  react-use-measure@2.1.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+  react-use-measure@2.1.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       debounce: 1.2.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
 
-  react-use@17.3.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+  react-use@17.3.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@types/js-cookie': 2.2.7
       '@xobotyi/scrollbar-width': 1.9.5
@@ -17053,18 +18689,23 @@ snapshots:
       fast-deep-equal: 3.1.3
       fast-shallow-equal: 1.0.0
       js-cookie: 2.2.1
-      nano-css: 5.3.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-      react-universal-interface: 0.6.2(react@18.2.0)(tslib@2.6.2)
+      nano-css: 5.6.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-universal-interface: 0.6.2(react@18.3.1)(tslib@2.8.1)
       resize-observer-polyfill: 1.5.1
       screenfull: 5.2.0
       set-harmonic-interval: 1.0.1
       throttle-debounce: 3.0.1
       ts-easing: 0.2.0
-      tslib: 2.6.2
+      tslib: 2.8.1
 
-  react@18.2.0:
+  react-zoom-pan-pinch@3.4.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  react@18.3.1:
     dependencies:
       loose-envify: 1.4.0
 
@@ -17088,14 +18729,14 @@ snapshots:
 
   read-pkg@5.2.0:
     dependencies:
-      '@types/normalize-package-data': 2.4.2
+      '@types/normalize-package-data': 2.4.4
       normalize-package-data: 2.5.0
       parse-json: 5.2.0
       type-fest: 0.6.0
 
   read-pkg@6.0.0:
     dependencies:
-      '@types/normalize-package-data': 2.4.2
+      '@types/normalize-package-data': 2.4.4
       normalize-package-data: 3.0.3
       parse-json: 5.2.0
       type-fest: 1.4.0
@@ -17124,7 +18765,7 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
-  readable-stream@4.5.2:
+  readable-stream@4.7.0:
     dependencies:
       abort-controller: 3.0.0
       buffer: 6.0.3
@@ -17132,89 +18773,97 @@ snapshots:
       process: 0.11.10
       string_decoder: 1.3.0
 
+  readdirp@2.2.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      micromatch: 3.1.10
+      readable-stream: 2.3.8
+    transitivePeerDependencies:
+      - supports-color
+
   readdirp@3.6.0:
     dependencies:
       picomatch: 2.3.1
 
   readline@1.3.0: {}
 
-  recast@0.21.5:
+  recast@0.23.11:
     dependencies:
-      ast-types: 0.15.2
-      esprima: 4.0.1
-      source-map: 0.6.1
-      tslib: 2.6.2
-
-  recast@0.23.4:
-    dependencies:
-      assert: 2.0.0
       ast-types: 0.16.1
       esprima: 4.0.1
       source-map: 0.6.1
-      tslib: 2.6.2
+      tiny-invariant: 1.3.3
+      tslib: 2.8.1
 
   redent@4.0.0:
     dependencies:
       indent-string: 5.0.0
       strip-indent: 4.0.0
 
-  reflect.getprototypeof@1.0.6:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-errors: 1.3.0
-      get-intrinsic: 1.2.4
-      globalthis: 1.0.4
-      which-builtin-type: 1.1.3
+  reduce-configs@1.1.0: {}
 
-  regenerate-unicode-properties@10.1.0:
+  reflect.getprototypeof@1.0.10:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      which-builtin-type: 1.2.1
+
+  regenerate-unicode-properties@10.2.0:
     dependencies:
       regenerate: 1.4.2
 
   regenerate@1.4.2: {}
 
-  regenerator-runtime@0.13.11: {}
+  regenerator-runtime@0.13.11:
+    optional: true
 
-  regenerator-runtime@0.14.0: {}
+  regenerator-runtime@0.14.1: {}
 
   regenerator-transform@0.15.2:
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
+
+  regex-not@1.0.2:
+    dependencies:
+      extend-shallow: 3.0.2
+      safe-regex: 1.1.0
 
   regexp-tree@0.1.27: {}
 
-  regexp.prototype.flags@1.5.1:
+  regexp.prototype.flags@1.5.4:
     dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.1
-      set-function-name: 2.0.1
-
-  regexp.prototype.flags@1.5.2:
-    dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
       es-errors: 1.3.0
+      get-proto: 1.0.1
+      gopd: 1.2.0
       set-function-name: 2.0.2
 
   regexpp@3.2.0: {}
 
-  regexpu-core@5.3.2:
+  regexpu-core@6.2.0:
     dependencies:
-      '@babel/regjsgen': 0.8.0
       regenerate: 1.4.2
-      regenerate-unicode-properties: 10.1.0
-      regjsparser: 0.9.1
+      regenerate-unicode-properties: 10.2.0
+      regjsgen: 0.8.0
+      regjsparser: 0.12.0
       unicode-match-property-ecmascript: 2.0.0
-      unicode-match-property-value-ecmascript: 2.1.0
+      unicode-match-property-value-ecmascript: 2.2.0
+
+  regjsgen@0.8.0: {}
 
   regjsparser@0.10.0:
     dependencies:
       jsesc: 0.5.0
 
-  regjsparser@0.9.1:
+  regjsparser@0.12.0:
     dependencies:
-      jsesc: 0.5.0
+      jsesc: 3.0.2
 
   remark-external-links@8.0.0:
     dependencies:
@@ -17226,10 +18875,10 @@ snapshots:
 
   remark-parse@11.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
-      mdast-util-from-markdown: 2.0.0
-      micromark-util-types: 2.0.0
-      unified: 11.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.2
+      micromark-util-types: 2.0.2
+      unified: 11.0.5
     transitivePeerDependencies:
       - supports-color
 
@@ -17241,22 +18890,29 @@ snapshots:
 
   remark-stringify@11.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
-      mdast-util-to-markdown: 2.1.0
-      unified: 11.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-to-markdown: 2.1.2
+      unified: 11.0.5
 
   remark@15.0.1:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       remark-parse: 11.0.0
       remark-stringify: 11.0.0
-      unified: 11.0.4
+      unified: 11.0.5
     transitivePeerDependencies:
       - supports-color
 
+  remove-trailing-separator@1.1.0: {}
+
+  repeat-element@1.1.4: {}
+
+  repeat-string@1.6.1: {}
+
   request-progress@3.0.0:
     dependencies:
-      throttleit: 1.0.0
+      throttleit: 1.0.1
+    optional: true
 
   require-directory@2.1.1: {}
 
@@ -17272,15 +18928,17 @@ snapshots:
 
   resolve-pkg-maps@1.0.0: {}
 
-  resolve@1.22.4:
+  resolve-url@0.2.1: {}
+
+  resolve@1.22.10:
     dependencies:
-      is-core-module: 2.13.0
+      is-core-module: 2.16.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
   resolve@2.0.0-next.5:
     dependencies:
-      is-core-module: 2.13.1
+      is-core-module: 2.16.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
@@ -17294,9 +18952,10 @@ snapshots:
   retry@0.12.0:
     optional: true
 
-  reusify@1.0.4: {}
+  reusify@1.1.0: {}
 
-  rfdc@1.3.0: {}
+  rfdc@1.4.1:
+    optional: true
 
   rimraf@2.6.3:
     dependencies:
@@ -17310,74 +18969,88 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rimraf@5.0.1:
+  rimraf@5.0.10:
     dependencies:
-      glob: 10.3.3
+      glob: 10.4.5
 
   ripemd160@2.0.2:
     dependencies:
-      hash-base: 3.1.0
+      hash-base: 3.0.5
       inherits: 2.0.4
 
-  rollup-plugin-terser@7.0.2(rollup@2.79.1):
-    dependencies:
-      '@babel/code-frame': 7.22.13
-      jest-worker: 26.6.2
-      rollup: 2.79.1
-      serialize-javascript: 4.0.0
-      terser: 5.19.2
-
-  rollup@2.79.1:
+  rollup@2.79.2:
     optionalDependencies:
       fsevents: 2.3.3
 
-  rollup@3.29.4:
+  rollup@3.29.5:
     optionalDependencies:
       fsevents: 2.3.3
 
+  rollup@4.34.9:
+    dependencies:
+      '@types/estree': 1.0.6
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.34.9
+      '@rollup/rollup-android-arm64': 4.34.9
+      '@rollup/rollup-darwin-arm64': 4.34.9
+      '@rollup/rollup-darwin-x64': 4.34.9
+      '@rollup/rollup-freebsd-arm64': 4.34.9
+      '@rollup/rollup-freebsd-x64': 4.34.9
+      '@rollup/rollup-linux-arm-gnueabihf': 4.34.9
+      '@rollup/rollup-linux-arm-musleabihf': 4.34.9
+      '@rollup/rollup-linux-arm64-gnu': 4.34.9
+      '@rollup/rollup-linux-arm64-musl': 4.34.9
+      '@rollup/rollup-linux-loongarch64-gnu': 4.34.9
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.34.9
+      '@rollup/rollup-linux-riscv64-gnu': 4.34.9
+      '@rollup/rollup-linux-s390x-gnu': 4.34.9
+      '@rollup/rollup-linux-x64-gnu': 4.34.9
+      '@rollup/rollup-linux-x64-musl': 4.34.9
+      '@rollup/rollup-win32-arm64-msvc': 4.34.9
+      '@rollup/rollup-win32-ia32-msvc': 4.34.9
+      '@rollup/rollup-win32-x64-msvc': 4.34.9
+      fsevents: 2.3.3
+
   rope-sequence@1.3.4: {}
 
   rtl-css-js@1.16.1:
     dependencies:
-      '@babel/runtime': 7.22.11
+      '@babel/runtime': 7.26.9
 
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
 
-  rxjs@7.8.1:
+  rxjs@7.8.2:
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
-  safe-array-concat@1.0.1:
+  safe-array-concat@1.1.3:
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-      has-symbols: 1.0.3
-      isarray: 2.0.5
-
-  safe-array-concat@1.1.2:
-    dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
-      has-symbols: 1.0.3
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      has-symbols: 1.1.0
       isarray: 2.0.5
 
   safe-buffer@5.1.2: {}
 
   safe-buffer@5.2.1: {}
 
-  safe-regex-test@1.0.0:
+  safe-push-apply@1.0.0:
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-      is-regex: 1.1.4
-
-  safe-regex-test@1.0.3:
-    dependencies:
-      call-bind: 1.0.7
       es-errors: 1.3.0
-      is-regex: 1.1.4
+      isarray: 2.0.5
+
+  safe-regex-test@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-regex: 1.2.1
+
+  safe-regex@1.1.0:
+    dependencies:
+      ret: 0.1.15
 
   safer-buffer@2.1.2: {}
 
@@ -17387,9 +19060,10 @@ snapshots:
 
   sat@0.9.0: {}
 
-  sax@1.3.0: {}
+  sax@1.4.1:
+    optional: true
 
-  scheduler@0.23.0:
+  scheduler@0.23.2:
     dependencies:
       loose-envify: 1.4.0
 
@@ -17403,15 +19077,9 @@ snapshots:
 
   semver@6.3.1: {}
 
-  semver@7.5.4:
-    dependencies:
-      lru-cache: 6.0.0
+  semver@7.7.1: {}
 
-  semver@7.6.0:
-    dependencies:
-      lru-cache: 6.0.0
-
-  send@0.18.0:
+  send@0.19.0:
     dependencies:
       debug: 2.6.9
       depd: 2.0.0
@@ -17429,42 +19097,65 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  sentence-case@3.0.4:
+  send@1.2.0:
     dependencies:
-      no-case: 3.0.4
-      tslib: 2.6.2
-      upper-case-first: 2.0.2
-
-  serialize-javascript@4.0.0:
-    dependencies:
-      randombytes: 2.1.0
-
-  serve-static@1.15.0:
-    dependencies:
-      encodeurl: 1.0.2
+      debug: 4.4.1
+      encodeurl: 2.0.0
       escape-html: 1.0.3
-      parseurl: 1.3.3
-      send: 0.18.0
+      etag: 1.8.1
+      fresh: 2.0.0
+      http-errors: 2.0.0
+      mime-types: 3.0.1
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.2
     transitivePeerDependencies:
       - supports-color
 
-  set-blocking@2.0.0: {}
+  sentence-case@3.0.4:
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.8.1
+      upper-case-first: 2.0.2
 
-  set-function-length@1.2.1:
+  serialize-javascript@6.0.2:
+    dependencies:
+      randombytes: 2.1.0
+
+  serve-index@1.9.1:
+    dependencies:
+      accepts: 1.3.8
+      batch: 0.6.1
+      debug: 2.6.9
+      escape-html: 1.0.3
+      http-errors: 1.6.3
+      mime-types: 2.1.35
+      parseurl: 1.3.3
+    transitivePeerDependencies:
+      - supports-color
+
+  serve-static@1.16.2:
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 0.19.0
+    transitivePeerDependencies:
+      - supports-color
+
+  set-blocking@2.0.0:
+    optional: true
+
+  set-function-length@1.2.2:
     dependencies:
       define-data-property: 1.1.4
       es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.4
-      gopd: 1.0.1
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
       has-property-descriptors: 1.0.2
 
-  set-function-name@2.0.1:
-    dependencies:
-      define-data-property: 1.1.0
-      functions-have-names: 1.2.3
-      has-property-descriptors: 1.0.0
-
   set-function-name@2.0.2:
     dependencies:
       define-data-property: 1.1.4
@@ -17474,8 +19165,23 @@ snapshots:
 
   set-harmonic-interval@1.0.1: {}
 
+  set-proto@1.0.0:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+
+  set-value@2.0.1:
+    dependencies:
+      extend-shallow: 2.0.1
+      is-extendable: 0.1.1
+      is-plain-object: 2.0.4
+      split-string: 3.1.0
+
   setimmediate@1.0.5: {}
 
+  setprototypeof@1.1.0: {}
+
   setprototypeof@1.2.0: {}
 
   sha.js@2.4.11:
@@ -17490,14 +19196,41 @@ snapshots:
   sharp@0.30.7:
     dependencies:
       color: 4.2.3
-      detect-libc: 2.0.2
+      detect-libc: 2.0.3
       node-addon-api: 5.1.0
-      prebuild-install: 7.1.1
-      semver: 7.6.0
+      prebuild-install: 7.1.3
+      semver: 7.7.1
       simple-get: 4.0.1
-      tar-fs: 2.1.1
+      tar-fs: 2.1.2
       tunnel-agent: 0.6.0
 
+  sharp@0.33.5:
+    dependencies:
+      color: 4.2.3
+      detect-libc: 2.0.3
+      semver: 7.7.1
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.33.5
+      '@img/sharp-darwin-x64': 0.33.5
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+      '@img/sharp-libvips-linux-arm': 1.0.5
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+      '@img/sharp-libvips-linux-x64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+      '@img/sharp-linux-arm': 0.33.5
+      '@img/sharp-linux-arm64': 0.33.5
+      '@img/sharp-linux-s390x': 0.33.5
+      '@img/sharp-linux-x64': 0.33.5
+      '@img/sharp-linuxmusl-arm64': 0.33.5
+      '@img/sharp-linuxmusl-x64': 0.33.5
+      '@img/sharp-wasm32': 0.33.5
+      '@img/sharp-win32-ia32': 0.33.5
+      '@img/sharp-win32-x64': 0.33.5
+    optional: true
+
   shebang-command@1.2.0:
     dependencies:
       shebang-regex: 1.0.0
@@ -17510,27 +19243,35 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
-  shell-quote@1.8.1: {}
+  shell-quote@1.8.2: {}
 
-  side-channel@1.0.4:
+  side-channel-list@1.0.0:
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-      object-inspect: 1.12.3
-
-  side-channel@1.0.5:
-    dependencies:
-      call-bind: 1.0.7
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
-      object-inspect: 1.13.1
+      object-inspect: 1.13.4
 
-  side-channel@1.0.6:
+  side-channel-map@1.0.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      get-intrinsic: 1.2.4
-      object-inspect: 1.13.1
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+
+  side-channel-weakmap@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-map: 1.0.1
+
+  side-channel@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      object-inspect: 1.13.4
+      side-channel-list: 1.0.0
+      side-channel-map: 1.0.1
+      side-channel-weakmap: 1.0.2
 
   siginfo@2.0.0: {}
 
@@ -17545,6 +19286,7 @@ snapshots:
       decompress-response: 4.2.1
       once: 1.4.0
       simple-concat: 1.0.1
+    optional: true
 
   simple-get@4.0.1:
     dependencies:
@@ -17556,19 +19298,15 @@ snapshots:
     dependencies:
       is-arrayish: 0.3.2
 
-  simple-update-notifier@2.0.0:
-    dependencies:
-      semver: 7.6.0
-
   sisteransi@1.0.5: {}
 
   skinview-utils@0.7.1: {}
 
-  skinview3d@3.0.1:
+  skinview3d@3.1.0:
     dependencies:
       '@types/three': 0.156.0
       skinview-utils: 0.7.1
-      three: 0.154.0(patch_hash=sj7ocb4p23jym6bkfgueanti2e)
+      three: 0.154.0
 
   slash@3.0.0: {}
 
@@ -17577,65 +19315,97 @@ snapshots:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
+    optional: true
 
   slice-ansi@4.0.0:
     dependencies:
       ansi-styles: 4.3.0
       astral-regex: 2.0.0
       is-fullwidth-code-point: 3.0.0
+    optional: true
 
   smart-buffer@4.2.0: {}
 
+  smob@1.5.0: {}
+
   snake-case@3.0.4:
     dependencies:
       dot-case: 3.0.4
-      tslib: 2.6.2
+      tslib: 2.8.1
 
-  socket.io-adapter@1.1.2: {}
-
-  socket.io-adapter@2.5.2:
+  snapdragon-node@2.1.1:
     dependencies:
-      ws: 8.11.0
+      define-property: 1.0.0
+      isobject: 3.0.1
+      snapdragon-util: 3.0.1
+
+  snapdragon-util@3.0.1:
+    dependencies:
+      kind-of: 3.2.2
+
+  snapdragon@0.8.2:
+    dependencies:
+      base: 0.11.2
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      map-cache: 0.2.2
+      source-map: 0.5.7
+      source-map-resolve: 0.5.3
+      use: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  socket.io-adapter@1.1.2:
+    optional: true
+
+  socket.io-adapter@2.5.5:
+    dependencies:
+      debug: 4.3.7
+      ws: 8.17.1
     transitivePeerDependencies:
       - bufferutil
+      - supports-color
       - utf-8-validate
 
   socket.io-client@2.5.0:
     dependencies:
       backo2: 1.0.2
       component-bind: 1.0.0
-      component-emitter: 1.3.0
+      component-emitter: 1.3.1
       debug: 3.1.0
-      engine.io-client: 3.5.3
+      engine.io-client: 3.5.4
       has-binary2: 1.0.3
       indexof: 0.0.1
       parseqs: 0.0.6
       parseuri: 0.0.6
-      socket.io-parser: 3.3.3
+      socket.io-parser: 3.3.4
       to-array: 0.1.4
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
+    optional: true
 
-  socket.io-client@4.7.2:
+  socket.io-client@4.8.1:
     dependencies:
-      '@socket.io/component-emitter': 3.1.0
-      debug: 4.3.4(supports-color@8.1.1)
-      engine.io-client: 6.5.2
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.3.7
+      engine.io-client: 6.6.3
       socket.io-parser: 4.2.4
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
 
-  socket.io-parser@3.3.3:
+  socket.io-parser@3.3.4:
     dependencies:
-      component-emitter: 1.3.0
+      component-emitter: 1.3.1
       debug: 3.1.0
       isarray: 2.0.1
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   socket.io-parser@3.4.3:
     dependencies:
@@ -17644,18 +19414,19 @@ snapshots:
       isarray: 2.0.1
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   socket.io-parser@4.2.4:
     dependencies:
-      '@socket.io/component-emitter': 3.1.0
-      debug: 4.3.4(supports-color@8.1.1)
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
-  socket.io@2.5.0:
+  socket.io@2.5.1:
     dependencies:
       debug: 4.1.1
-      engine.io: 3.6.1
+      engine.io: 3.6.2
       has-binary2: 1.0.3
       socket.io-adapter: 1.1.2
       socket.io-client: 2.5.0
@@ -17664,15 +19435,16 @@ snapshots:
       - bufferutil
       - supports-color
       - utf-8-validate
+    optional: true
 
-  socket.io@4.7.2:
+  socket.io@4.8.1:
     dependencies:
       accepts: 1.3.8
       base64id: 2.0.0
       cors: 2.8.5
-      debug: 4.3.4(supports-color@8.1.1)
-      engine.io: 6.5.3
-      socket.io-adapter: 2.5.2
+      debug: 4.3.7
+      engine.io: 6.6.4
+      socket.io-adapter: 2.5.5
       socket.io-parser: 4.2.4
     transitivePeerDependencies:
       - bufferutil
@@ -17682,27 +19454,35 @@ snapshots:
   socks-proxy-agent@7.0.0:
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.4(supports-color@8.1.1)
-      socks: 2.7.1
+      debug: 4.4.1
+      socks: 2.8.4
     transitivePeerDependencies:
       - supports-color
     optional: true
 
-  socks@2.7.1:
+  socks@2.8.4:
     dependencies:
-      ip: 2.0.0
+      ip-address: 9.0.5
       smart-buffer: 4.2.0
     optional: true
 
-  source-map-js@1.0.2: {}
+  source-map-js@1.2.1: {}
 
-  source-map-js@1.2.0: {}
+  source-map-resolve@0.5.3:
+    dependencies:
+      atob: 2.1.2
+      decode-uri-component: 0.2.2
+      resolve-url: 0.2.1
+      source-map-url: 0.4.1
+      urix: 0.1.0
 
   source-map-support@0.5.21:
     dependencies:
       buffer-from: 1.1.2
       source-map: 0.6.1
 
+  source-map-url@0.4.1: {}
+
   source-map@0.5.6: {}
 
   source-map@0.5.7: {}
@@ -17720,20 +19500,31 @@ snapshots:
   spdx-correct@3.2.0:
     dependencies:
       spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.13
+      spdx-license-ids: 3.0.21
 
-  spdx-exceptions@2.3.0: {}
+  spdx-exceptions@2.5.0: {}
 
   spdx-expression-parse@3.0.1:
     dependencies:
-      spdx-exceptions: 2.3.0
-      spdx-license-ids: 3.0.13
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.21
 
-  spdx-license-ids@3.0.13: {}
+  spdx-license-ids@3.0.21: {}
+
+  split-string@3.1.0:
+    dependencies:
+      extend-shallow: 3.0.2
+
+  split@0.3.3:
+    dependencies:
+      through: 2.3.8
 
   sprintf-js@1.0.3: {}
 
-  sshpk@1.17.0:
+  sprintf-js@1.1.3:
+    optional: true
+
+  sshpk@1.18.0:
     dependencies:
       asn1: 0.2.6
       assert-plus: 1.0.0
@@ -17744,6 +19535,7 @@ snapshots:
       jsbn: 0.1.1
       safer-buffer: 2.1.2
       tweetnacl: 0.14.5
+    optional: true
 
   ssri@9.0.1:
     dependencies:
@@ -17769,19 +19561,35 @@ snapshots:
       stack-generator: 2.0.10
       stacktrace-gps: 3.1.2
 
-  stats-gl@1.0.5: {}
+  state-local@1.0.7: {}
+
+  static-extend@0.1.2:
+    dependencies:
+      define-property: 0.2.5
+      object-copy: 0.1.0
+
+  stats-gl@1.0.7: {}
 
   stats.js@0.17.0: {}
 
+  statuses@1.5.0: {}
+
   statuses@2.0.1: {}
 
-  std-env@3.4.3: {}
+  statuses@2.0.2: {}
 
-  store2@2.14.2: {}
+  std-env@3.8.1: {}
 
-  storybook@7.4.6(encoding@0.1.13):
+  stop-iteration-iterator@1.1.0:
     dependencies:
-      '@storybook/cli': 7.4.6(encoding@0.1.13)
+      es-errors: 1.3.0
+      internal-slot: 1.1.0
+
+  store2@2.14.4: {}
+
+  storybook@7.6.20(encoding@0.1.13):
+    dependencies:
+      '@storybook/cli': 7.6.20(encoding@0.1.13)
     transitivePeerDependencies:
       - bufferutil
       - encoding
@@ -17793,7 +19601,18 @@ snapshots:
       inherits: 2.0.4
       readable-stream: 3.6.2
 
-  stream-shift@1.0.1: {}
+  stream-combiner@0.0.4:
+    dependencies:
+      duplexer: 0.1.2
+
+  stream-http@3.2.0:
+    dependencies:
+      builtin-status-codes: 3.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+      xtend: 4.0.2
+
+  stream-shift@1.0.3: {}
 
   strict-event-emitter-types@2.0.0: {}
 
@@ -17809,75 +19628,56 @@ snapshots:
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
 
-  string.prototype.matchall@4.0.10:
+  string.prototype.matchall@4.0.12:
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.22.2
-      get-intrinsic: 1.2.1
-      has-symbols: 1.0.3
-      internal-slot: 1.0.5
-      regexp.prototype.flags: 1.5.1
-      set-function-name: 2.0.1
-      side-channel: 1.0.4
-
-  string.prototype.matchall@4.0.11:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      get-intrinsic: 1.2.4
-      gopd: 1.0.1
-      has-symbols: 1.0.3
-      internal-slot: 1.0.7
-      regexp.prototype.flags: 1.5.2
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      regexp.prototype.flags: 1.5.4
       set-function-name: 2.0.2
-      side-channel: 1.0.6
+      side-channel: 1.1.0
 
-  string.prototype.padend@3.1.4:
+  string.prototype.padend@3.1.6:
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.22.2
+      es-abstract: 1.23.9
+      es-object-atoms: 1.1.1
 
-  string.prototype.trim@1.2.8:
+  string.prototype.repeat@1.0.0:
     dependencies:
-      call-bind: 1.0.2
       define-properties: 1.2.1
-      es-abstract: 1.22.2
+      es-abstract: 1.24.0
 
-  string.prototype.trim@1.2.9:
+  string.prototype.trim@1.2.10:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-data-property: 1.1.4
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
+      es-abstract: 1.23.9
+      es-object-atoms: 1.1.1
+      has-property-descriptors: 1.0.2
 
-  string.prototype.trimend@1.0.7:
+  string.prototype.trimend@1.0.9:
     dependencies:
-      call-bind: 1.0.2
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.22.2
-
-  string.prototype.trimend@1.0.8:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-object-atoms: 1.0.0
-
-  string.prototype.trimstart@1.0.7:
-    dependencies:
-      call-bind: 1.0.2
-      define-properties: 1.2.1
-      es-abstract: 1.22.2
+      es-object-atoms: 1.1.1
 
   string.prototype.trimstart@1.0.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
 
   string_decoder@0.10.31:
     optional: true
@@ -17902,7 +19702,7 @@ snapshots:
 
   strip-ansi@7.1.0:
     dependencies:
-      ansi-regex: 6.0.1
+      ansi-regex: 6.1.0
 
   strip-bom@3.0.0: {}
 
@@ -17924,10 +19724,12 @@ snapshots:
 
   strip-literal@1.3.0:
     dependencies:
-      acorn: 8.10.0
+      acorn: 8.14.1
 
   stylis@4.2.0: {}
 
+  stylis@4.3.6: {}
+
   supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
@@ -17944,16 +19746,16 @@ snapshots:
 
   synchronous-promise@2.0.17: {}
 
-  systeminformation@5.22.7:
+  systeminformation@5.25.11:
     optional: true
 
   tabbable@6.2.0: {}
 
-  tar-fs@2.1.1:
+  tar-fs@2.1.2:
     dependencies:
       chownr: 1.1.4
       mkdirp-classic: 0.5.3
-      pump: 3.0.0
+      pump: 3.0.2
       tar-stream: 2.2.0
 
   tar-stream@2.2.0:
@@ -17964,7 +19766,7 @@ snapshots:
       inherits: 2.0.4
       readable-stream: 3.6.2
 
-  tar@6.2.0:
+  tar@6.2.1:
     dependencies:
       chownr: 2.0.0
       fs-minipass: 2.1.0
@@ -17998,10 +19800,10 @@ snapshots:
       type-fest: 0.16.0
       unique-string: 2.0.0
 
-  terser@5.19.2:
+  terser@5.39.0:
     dependencies:
-      '@jridgewell/source-map': 0.3.5
-      acorn: 8.10.0
+      '@jridgewell/source-map': 0.3.6
+      acorn: 8.14.1
       commander: 2.20.3
       source-map-support: 0.5.21
 
@@ -18021,23 +19823,28 @@ snapshots:
     dependencies:
       any-promise: 1.3.0
 
-  three-stdlib@2.28.5(three@0.154.0(patch_hash=sj7ocb4p23jym6bkfgueanti2e)):
+  thingies@1.21.0(tslib@2.8.1):
     dependencies:
-      '@types/draco3d': 1.4.7
-      '@types/offscreencanvas': 2019.7.2
-      '@types/webxr': 0.5.7
-      draco3d: 1.5.6
+      tslib: 2.8.1
+
+  three-stdlib@2.35.14(three@0.154.0):
+    dependencies:
+      '@types/draco3d': 1.4.10
+      '@types/offscreencanvas': 2019.7.3
+      '@types/webxr': 0.5.21
+      draco3d: 1.5.7
       fflate: 0.6.10
       potpack: 1.0.2
-      three: 0.154.0(patch_hash=sj7ocb4p23jym6bkfgueanti2e)
+      three: 0.154.0
 
   three.meshline@1.4.0: {}
 
-  three@0.154.0(patch_hash=sj7ocb4p23jym6bkfgueanti2e): {}
+  three@0.154.0: {}
 
   throttle-debounce@3.0.1: {}
 
-  throttleit@1.0.0: {}
+  throttleit@1.0.1:
+    optional: true
 
   through2@0.6.5:
     dependencies:
@@ -18056,48 +19863,67 @@ snapshots:
     dependencies:
       setimmediate: 1.0.5
 
-  timm@1.7.1: {}
+  timm@1.7.1:
+    optional: true
 
-  tiny-invariant@1.3.1: {}
+  tiny-invariant@1.3.3: {}
 
-  tinybench@2.5.1: {}
+  tinybench@2.9.0: {}
 
-  tinycolor2@1.6.0: {}
+  tinycolor2@1.6.0:
+    optional: true
+
+  tinyexec@0.3.2: {}
 
   tinypool@0.7.0: {}
 
-  tinyspy@2.2.0: {}
+  tinyspy@2.2.1: {}
 
   title-case@3.0.3:
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
-  tmp@0.2.1:
-    dependencies:
-      rimraf: 3.0.2
+  tmp@0.2.3:
+    optional: true
 
   tmpl@1.0.5: {}
 
-  to-array@0.1.4: {}
+  to-array@0.1.4:
+    optional: true
 
-  to-fast-properties@2.0.0: {}
+  to-object-path@0.3.0:
+    dependencies:
+      kind-of: 3.2.2
+
+  to-regex-range@2.1.1:
+    dependencies:
+      is-number: 3.0.0
+      repeat-string: 1.6.1
 
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
-  tocbot@4.21.2: {}
+  to-regex@3.0.2:
+    dependencies:
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      regex-not: 1.0.2
+      safe-regex: 1.1.0
+
+  tocbot@4.35.0: {}
 
   toggle-selection@1.0.6: {}
 
   toidentifier@1.0.1: {}
 
-  tough-cookie@4.1.3:
+  tough-cookie@4.1.4:
     dependencies:
-      psl: 1.9.0
+      psl: 1.15.0
       punycode: 2.3.1
       universalify: 0.2.0
       url-parse: 1.5.10
+    optional: true
 
   tr46@0.0.3: {}
 
@@ -18105,23 +19931,43 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
+  tree-dump@1.0.2(tslib@2.8.1):
+    dependencies:
+      tslib: 2.8.1
+
   trim-newlines@4.1.1: {}
 
   trough@2.2.0: {}
 
   truncate-utf8-bytes@1.0.2:
     dependencies:
-      utf8-byte-length: 1.0.4
+      utf8-byte-length: 1.0.5
 
-  ts-api-utils@1.0.3(typescript@5.5.0-beta):
+  ts-api-utils@1.4.3(typescript@5.5.4):
     dependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
+
+  ts-api-utils@2.0.1(typescript@5.5.4):
+    dependencies:
+      typescript: 5.5.4
+
+  ts-checker-rspack-plugin@1.1.1(@rspack/core@1.3.3(@swc/helpers@0.5.15))(typescript@5.5.4):
+    dependencies:
+      '@babel/code-frame': 7.26.2
+      '@rspack/lite-tapable': 1.0.1
+      chokidar: 3.6.0
+      memfs: 4.17.0
+      minimatch: 9.0.5
+      picocolors: 1.1.1
+      typescript: 5.5.4
+    optionalDependencies:
+      '@rspack/core': 1.3.3(@swc/helpers@0.5.15)
 
   ts-dedent@2.2.0: {}
 
   ts-easing@0.2.0: {}
 
-  tsconfig-paths@3.14.2:
+  tsconfig-paths@3.15.0:
     dependencies:
       '@types/json5': 0.0.29
       json5: 1.0.2
@@ -18130,32 +19976,36 @@ snapshots:
 
   tslib@1.14.1: {}
 
-  tslib@2.6.2: {}
+  tslib@2.8.1: {}
 
-  tsx@4.7.0:
+  tsx@4.19.3:
     dependencies:
-      esbuild: 0.19.11
-      get-tsconfig: 4.7.2
+      esbuild: 0.25.0
+      get-tsconfig: 4.10.0
     optionalDependencies:
       fsevents: 2.3.3
 
+  tty-browserify@0.0.1: {}
+
   tunnel-agent@0.6.0:
     dependencies:
       safe-buffer: 5.2.1
 
-  tweetnacl@0.14.5: {}
+  tweetnacl@0.14.5:
+    optional: true
 
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
-  type-detect@4.0.8: {}
+  type-detect@4.1.0: {}
 
   type-fest@0.16.0: {}
 
   type-fest@0.20.2: {}
 
-  type-fest@0.21.3: {}
+  type-fest@0.21.3:
+    optional: true
 
   type-fest@0.6.0: {}
 
@@ -18170,127 +20020,111 @@ snapshots:
       media-typer: 0.3.0
       mime-types: 2.1.35
 
-  typed-array-buffer@1.0.0:
+  typed-array-buffer@1.0.3:
     dependencies:
-      call-bind: 1.0.2
-      get-intrinsic: 1.2.1
-      is-typed-array: 1.1.12
-
-  typed-array-buffer@1.0.2:
-    dependencies:
-      call-bind: 1.0.7
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      is-typed-array: 1.1.13
+      is-typed-array: 1.1.15
 
-  typed-array-byte-length@1.0.0:
+  typed-array-byte-length@1.0.3:
     dependencies:
-      call-bind: 1.0.2
-      for-each: 0.3.3
-      has-proto: 1.0.1
-      is-typed-array: 1.1.12
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
 
-  typed-array-byte-length@1.0.1:
-    dependencies:
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
-
-  typed-array-byte-offset@1.0.0:
-    dependencies:
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
-      for-each: 0.3.3
-      has-proto: 1.0.1
-      is-typed-array: 1.1.12
-
-  typed-array-byte-offset@1.0.2:
+  typed-array-byte-offset@1.0.4:
     dependencies:
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+      reflect.getprototypeof: 1.0.10
 
-  typed-array-length@1.0.4:
+  typed-array-length@1.0.7:
     dependencies:
-      call-bind: 1.0.2
-      for-each: 0.3.3
-      is-typed-array: 1.1.12
-
-  typed-array-length@1.0.6:
-    dependencies:
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
-      possible-typed-array-names: 1.0.0
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      is-typed-array: 1.1.15
+      possible-typed-array-names: 1.1.0
+      reflect.getprototypeof: 1.0.10
 
   typed-emitter@1.4.0: {}
 
   typed-emitter@2.1.0:
     optionalDependencies:
-      rxjs: 7.8.1
+      rxjs: 7.8.2
 
   typedarray@0.0.6: {}
 
-  typescript@5.5.0-beta: {}
+  typescript@5.5.4: {}
 
-  ua-parser-js@1.0.37: {}
+  ua-parser-js@1.0.40: {}
 
   uc.micro@2.1.0: {}
 
-  ufo@1.3.1: {}
+  ufo@1.5.4: {}
 
-  uglify-js@3.17.4:
+  uglify-js@3.19.3:
     optional: true
 
   uint4@0.1.2: {}
 
-  unbox-primitive@1.0.2:
+  unbox-primitive@1.1.0:
     dependencies:
-      call-bind: 1.0.2
-      has-bigints: 1.0.2
-      has-symbols: 1.0.3
-      which-boxed-primitive: 1.0.2
+      call-bound: 1.0.4
+      has-bigints: 1.1.0
+      has-symbols: 1.1.0
+      which-boxed-primitive: 1.1.1
 
   undici-types@5.26.5: {}
 
-  undici@5.25.4:
-    dependencies:
-      '@fastify/busboy': 2.0.0
+  undici-types@6.20.0: {}
 
-  unicode-canonical-property-names-ecmascript@2.0.0: {}
+  undici@6.0.1:
+    dependencies:
+      '@fastify/busboy': 2.1.1
+
+  unicode-canonical-property-names-ecmascript@2.0.1: {}
 
   unicode-match-property-ecmascript@2.0.0:
     dependencies:
-      unicode-canonical-property-names-ecmascript: 2.0.0
+      unicode-canonical-property-names-ecmascript: 2.0.1
       unicode-property-aliases-ecmascript: 2.1.0
 
-  unicode-match-property-value-ecmascript@2.1.0: {}
+  unicode-match-property-value-ecmascript@2.2.0: {}
 
   unicode-property-aliases-ecmascript@2.1.0: {}
 
   unidiff@1.0.2:
     dependencies:
       diff: 2.2.3
+    optional: true
 
-  unified@11.0.4:
+  unified@11.0.5:
     dependencies:
-      '@types/unist': 3.0.2
+      '@types/unist': 3.0.3
       bail: 2.0.2
       devlop: 1.1.0
       extend: 3.0.2
       is-plain-obj: 4.1.0
       trough: 2.2.0
-      vfile: 6.0.1
+      vfile: 6.0.3
+
+  union-value@1.0.1:
+    dependencies:
+      arr-union: 3.1.0
+      get-value: 2.0.6
+      is-extendable: 0.1.1
+      set-value: 2.0.1
 
   union@0.5.0:
     dependencies:
-      qs: 6.11.2
+      qs: 6.14.0
 
   unique-filename@2.0.1:
     dependencies:
@@ -18310,70 +20144,79 @@ snapshots:
 
   unist-util-is@6.0.0:
     dependencies:
-      '@types/unist': 3.0.2
+      '@types/unist': 3.0.3
 
   unist-util-stringify-position@4.0.0:
     dependencies:
-      '@types/unist': 3.0.2
+      '@types/unist': 3.0.3
 
   unist-util-visit-parents@3.1.1:
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.11
       unist-util-is: 4.1.0
 
   unist-util-visit-parents@6.0.1:
     dependencies:
-      '@types/unist': 3.0.2
+      '@types/unist': 3.0.3
       unist-util-is: 6.0.0
 
   unist-util-visit@2.0.3:
     dependencies:
-      '@types/unist': 2.0.8
+      '@types/unist': 2.0.11
       unist-util-is: 4.1.0
       unist-util-visit-parents: 3.1.1
 
   unist-util-visit@5.0.0:
     dependencies:
-      '@types/unist': 3.0.2
+      '@types/unist': 3.0.3
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
 
-  universalify@0.1.2: {}
+  universalify@0.1.2:
+    optional: true
 
-  universalify@0.2.0: {}
+  universalify@0.2.0:
+    optional: true
 
-  universalify@2.0.0: {}
+  universalify@2.0.1: {}
+
+  unix-crypt-td-js@1.1.4: {}
 
   unpipe@1.0.0: {}
 
-  unplugin@1.5.0:
+  unplugin@1.16.1:
     dependencies:
-      acorn: 8.10.0
-      chokidar: 3.5.3
-      webpack-sources: 3.2.3
-      webpack-virtual-modules: 0.5.0
+      acorn: 8.14.1
+      webpack-virtual-modules: 0.6.2
+
+  unset-value@1.0.0:
+    dependencies:
+      has-value: 0.3.1
+      isobject: 3.0.1
 
   untildify@4.0.0: {}
 
   upath@1.2.0: {}
 
-  update-browserslist-db@1.0.11(browserslist@4.21.10):
+  update-browserslist-db@1.1.3(browserslist@4.24.4):
     dependencies:
-      browserslist: 4.21.10
-      escalade: 3.1.1
-      picocolors: 1.0.0
+      browserslist: 4.24.4
+      escalade: 3.2.0
+      picocolors: 1.1.1
 
   upper-case-first@2.0.2:
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   upper-case@2.0.2:
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   uri-js@4.4.1:
     dependencies:
-      punycode: 2.3.0
+      punycode: 2.3.1
+
+  urix@0.1.0: {}
 
   url-join@4.0.1: {}
 
@@ -18381,60 +20224,75 @@ snapshots:
     dependencies:
       querystringify: 2.2.0
       requires-port: 1.0.0
+    optional: true
 
-  use-callback-ref@1.3.0(@types/react@18.2.20)(react@18.2.0):
+  url@0.11.4:
     dependencies:
-      react: 18.2.0
-      tslib: 2.6.2
+      punycode: 1.4.1
+      qs: 6.14.0
+
+  use-callback-ref@1.3.3(@types/react@18.3.18)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  use-deep-compare@1.1.0(react@18.2.0):
+  use-deep-compare@1.3.0(react@18.3.1):
     dependencies:
-      dequal: 1.0.0
-      react: 18.2.0
+      dequal: 2.0.3
+      react: 18.3.1
 
-  use-resize-observer@9.1.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0):
+  use-isomorphic-layout-effect@1.2.0(@types/react@18.3.18)(react@18.3.1):
     dependencies:
-      '@juggle/resize-observer': 3.3.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.18
 
-  use-sidecar@1.1.2(@types/react@18.2.20)(react@18.2.0):
+  use-resize-observer@9.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@juggle/resize-observer': 3.4.0
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  use-sidecar@1.1.3(@types/react@18.3.18)(react@18.3.1):
     dependencies:
       detect-node-es: 1.1.0
-      react: 18.2.0
-      tslib: 2.6.2
+      react: 18.3.1
+      tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 18.2.20
+      '@types/react': 18.3.18
 
-  use-sync-external-store@1.2.0(react@18.2.0):
+  use-sync-external-store@1.2.0(react@18.3.1):
     dependencies:
-      react: 18.2.0
+      react: 18.3.1
 
-  use-typed-event-listener@4.0.2(react@18.2.0)(typescript@5.5.0-beta):
+  use-typed-event-listener@4.0.2(react@18.3.1)(typescript@5.5.4):
     dependencies:
-      '@babel/runtime': 7.22.11
-      react: 18.2.0
-      use-deep-compare: 1.1.0(react@18.2.0)
+      '@babel/runtime': 7.26.9
+      react: 18.3.1
+      use-deep-compare: 1.3.0(react@18.3.1)
     optionalDependencies:
-      typescript: 5.5.0-beta
+      typescript: 5.5.4
 
-  utf8-byte-length@1.0.4: {}
+  use@3.1.1: {}
+
+  utf8-byte-length@1.0.5: {}
 
   utif@2.0.1:
     dependencies:
       pako: 1.0.11
+    optional: true
 
   util-deprecate@1.0.2: {}
 
   util@0.12.5:
     dependencies:
       inherits: 2.0.4
-      is-arguments: 1.1.1
-      is-generator-function: 1.0.10
-      is-typed-array: 1.1.12
-      which-typed-array: 1.1.11
+      is-arguments: 1.2.0
+      is-generator-function: 1.1.0
+      is-typed-array: 1.1.15
+      which-typed-array: 1.1.18
 
   utils-merge@1.0.1: {}
 
@@ -18442,58 +20300,63 @@ snapshots:
     dependencies:
       macaddress: 0.5.3
 
+  uuid@3.4.0: {}
+
   uuid@8.3.2: {}
 
   uuid@9.0.1: {}
 
-  v8-to-istanbul@9.1.3:
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.19
-      '@types/istanbul-lib-coverage': 2.0.4
-      convert-source-map: 2.0.0
-
   validate-npm-package-license@3.0.4:
     dependencies:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
 
-  valtio@1.11.2(@types/react@18.2.20)(react@18.2.0):
+  valtio@1.11.2(@types/react@18.3.18)(react@18.3.1):
     dependencies:
       proxy-compare: 2.5.1
-      use-sync-external-store: 1.2.0(react@18.2.0)
+      use-sync-external-store: 1.2.0(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.2.20
-      react: 18.2.0
+      '@types/react': 18.3.18
+      react: 18.3.1
+
+  valtio@1.13.2(@types/react@18.3.18)(react@18.3.1):
+    dependencies:
+      derive-valtio: 0.1.0(valtio@1.13.2(@types/react@18.3.18)(react@18.3.1))
+      proxy-compare: 2.6.0
+      use-sync-external-store: 1.2.0(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.18
+      react: 18.3.1
 
   vary@1.1.2: {}
 
-  vec3@0.1.8: {}
+  vec3@0.1.10: {}
 
   verror@1.10.0:
     dependencies:
       assert-plus: 1.0.0
       core-util-is: 1.0.2
       extsprintf: 1.3.0
+    optional: true
 
   vfile-message@4.0.2:
     dependencies:
-      '@types/unist': 3.0.2
+      '@types/unist': 3.0.3
       unist-util-stringify-position: 4.0.0
 
-  vfile@6.0.1:
+  vfile@6.0.3:
     dependencies:
-      '@types/unist': 3.0.2
-      unist-util-stringify-position: 4.0.0
+      '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vite-node@0.34.6(@types/node@20.8.0)(terser@5.19.2):
+  vite-node@0.34.6(@types/node@22.13.9)(terser@5.39.0):
     dependencies:
       cac: 6.7.14
-      debug: 4.3.4(supports-color@8.1.1)
-      mlly: 1.4.2
-      pathe: 1.1.1
-      picocolors: 1.0.0
-      vite: 4.4.10(@types/node@20.8.0)(terser@5.19.2)
+      debug: 4.4.0(supports-color@8.1.1)
+      mlly: 1.7.4
+      pathe: 1.1.2
+      picocolors: 1.1.1
+      vite: 4.5.9(@types/node@22.13.9)(terser@5.39.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -18504,62 +20367,55 @@ snapshots:
       - supports-color
       - terser
 
-  vite@4.4.10(@types/node@20.12.8)(terser@5.19.2):
+  vite@4.5.9(@types/node@22.13.9)(terser@5.39.0):
     dependencies:
       esbuild: 0.18.20
-      postcss: 8.4.31
-      rollup: 3.29.4
+      postcss: 8.5.3
+      rollup: 3.29.5
     optionalDependencies:
-      '@types/node': 20.12.8
+      '@types/node': 22.13.9
       fsevents: 2.3.3
-      terser: 5.19.2
+      terser: 5.39.0
 
-  vite@4.4.10(@types/node@20.8.0)(terser@5.19.2):
+  vite@6.2.1(@types/node@22.13.9)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)(yaml@2.7.0):
     dependencies:
-      esbuild: 0.18.20
-      postcss: 8.4.31
-      rollup: 3.29.4
+      esbuild: 0.25.0
+      postcss: 8.5.3
+      rollup: 4.34.9
     optionalDependencies:
-      '@types/node': 20.8.0
+      '@types/node': 22.13.9
       fsevents: 2.3.3
-      terser: 5.19.2
+      jiti: 2.4.2
+      terser: 5.39.0
+      tsx: 4.19.3
+      yaml: 2.7.0
 
-  vite@4.5.3(@types/node@20.8.0)(terser@5.19.2):
+  vitest@0.34.6(terser@5.39.0):
     dependencies:
-      esbuild: 0.18.20
-      postcss: 8.4.38
-      rollup: 3.29.4
-    optionalDependencies:
-      '@types/node': 20.8.0
-      fsevents: 2.3.3
-      terser: 5.19.2
-
-  vitest@0.34.6(terser@5.19.2):
-    dependencies:
-      '@types/chai': 4.3.6
-      '@types/chai-subset': 1.3.3
-      '@types/node': 20.8.0
+      '@types/chai': 4.3.20
+      '@types/chai-subset': 1.3.6(@types/chai@4.3.20)
+      '@types/node': 22.13.9
       '@vitest/expect': 0.34.6
       '@vitest/runner': 0.34.6
       '@vitest/snapshot': 0.34.6
       '@vitest/spy': 0.34.6
       '@vitest/utils': 0.34.6
-      acorn: 8.10.0
-      acorn-walk: 8.2.0
+      acorn: 8.14.1
+      acorn-walk: 8.3.4
       cac: 6.7.14
-      chai: 4.3.10
-      debug: 4.3.4(supports-color@8.1.1)
+      chai: 4.5.0
+      debug: 4.4.0(supports-color@8.1.1)
       local-pkg: 0.4.3
-      magic-string: 0.30.4
-      pathe: 1.1.1
-      picocolors: 1.0.0
-      std-env: 3.4.3
+      magic-string: 0.30.17
+      pathe: 1.1.2
+      picocolors: 1.1.1
+      std-env: 3.8.1
       strip-literal: 1.3.0
-      tinybench: 2.5.1
+      tinybench: 2.9.0
       tinypool: 0.7.0
-      vite: 4.4.10(@types/node@20.8.0)(terser@5.19.2)
-      vite-node: 0.34.6(@types/node@20.8.0)(terser@5.19.2)
-      why-is-node-running: 2.2.2
+      vite: 4.5.9(@types/node@22.13.9)(terser@5.39.0)
+      vite-node: 0.34.6(@types/node@22.13.9)(terser@5.39.0)
+      why-is-node-running: 2.3.0
     transitivePeerDependencies:
       - less
       - lightningcss
@@ -18569,15 +20425,17 @@ snapshots:
       - supports-color
       - terser
 
+  vm-browserify@1.1.2: {}
+
   w3c-keyname@2.2.8: {}
 
-  wait-on@7.2.0(debug@4.3.4):
+  wait-on@7.2.0(debug@4.4.0):
     dependencies:
-      axios: 1.7.2(debug@4.3.4)
-      joi: 17.13.1
+      axios: 1.8.2(debug@4.4.0)
+      joi: 17.13.3
       lodash: 4.17.21
       minimist: 1.2.8
-      rxjs: 7.8.1
+      rxjs: 7.8.2
     transitivePeerDependencies:
       - debug
 
@@ -18589,7 +20447,7 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
-  watchpack@2.4.0:
+  watchpack@2.4.2:
     dependencies:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
@@ -18602,19 +20460,26 @@ snapshots:
 
   webidl-conversions@4.0.2: {}
 
-  webpack-sources@3.2.3: {}
+  webpack-virtual-modules@0.6.2: {}
 
-  webpack-virtual-modules@0.5.0: {}
-
-  webrtc-adapter@8.2.3:
+  webrtc-adapter@9.0.1:
     dependencies:
       sdp: 3.2.0
 
+  websocket-driver@0.7.4:
+    dependencies:
+      http-parser-js: 0.5.9
+      safe-buffer: 5.2.1
+      websocket-extensions: 0.1.4
+
+  websocket-extensions@0.1.4: {}
+
   whatwg-encoding@2.0.0:
     dependencies:
       iconv-lite: 0.6.3
 
-  whatwg-fetch@3.6.18: {}
+  whatwg-fetch@3.6.20:
+    optional: true
 
   whatwg-url@5.0.0:
     dependencies:
@@ -18627,50 +20492,54 @@ snapshots:
       tr46: 1.0.1
       webidl-conversions: 4.0.2
 
-  which-boxed-primitive@1.0.2:
+  which-boxed-primitive@1.1.1:
     dependencies:
-      is-bigint: 1.0.4
-      is-boolean-object: 1.1.2
-      is-number-object: 1.0.7
-      is-string: 1.0.7
-      is-symbol: 1.0.4
+      is-bigint: 1.1.0
+      is-boolean-object: 1.2.2
+      is-number-object: 1.1.1
+      is-string: 1.1.1
+      is-symbol: 1.1.1
 
-  which-builtin-type@1.1.3:
+  which-builtin-type@1.2.1:
     dependencies:
-      function.prototype.name: 1.1.6
+      call-bound: 1.0.4
+      function.prototype.name: 1.1.8
       has-tostringtag: 1.0.2
-      is-async-function: 2.0.0
-      is-date-object: 1.0.5
-      is-finalizationregistry: 1.0.2
-      is-generator-function: 1.0.10
-      is-regex: 1.1.4
-      is-weakref: 1.0.2
+      is-async-function: 2.1.1
+      is-date-object: 1.1.0
+      is-finalizationregistry: 1.1.1
+      is-generator-function: 1.1.0
+      is-regex: 1.2.1
+      is-weakref: 1.1.1
       isarray: 2.0.5
-      which-boxed-primitive: 1.0.2
+      which-boxed-primitive: 1.1.1
       which-collection: 1.0.2
-      which-typed-array: 1.1.15
+      which-typed-array: 1.1.18
 
   which-collection@1.0.2:
     dependencies:
       is-map: 2.0.3
       is-set: 2.0.3
       is-weakmap: 2.0.2
-      is-weakset: 2.0.3
+      is-weakset: 2.0.4
 
-  which-typed-array@1.1.11:
-    dependencies:
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.2
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-tostringtag: 1.0.0
-
-  which-typed-array@1.1.15:
+  which-typed-array@1.1.18:
     dependencies:
       available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.0.1
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+
+  which-typed-array@1.1.19:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      for-each: 0.3.5
+      get-proto: 1.0.1
+      gopd: 1.2.0
       has-tostringtag: 1.0.2
 
   which@1.3.1:
@@ -18681,7 +20550,7 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
-  why-is-node-running@2.2.2:
+  why-is-node-running@2.3.0:
     dependencies:
       siginfo: 2.0.0
       stackback: 0.0.2
@@ -18689,127 +20558,131 @@ snapshots:
   wide-align@1.1.5:
     dependencies:
       string-width: 4.2.3
+    optional: true
+
+  word-wrap@1.2.5: {}
 
   wordwrap@1.0.0: {}
 
-  workbox-background-sync@7.0.0:
+  workbox-background-sync@7.3.0:
     dependencies:
       idb: 7.1.1
-      workbox-core: 7.0.0
+      workbox-core: 7.3.0
 
-  workbox-broadcast-update@7.0.0:
+  workbox-broadcast-update@7.3.0:
     dependencies:
-      workbox-core: 7.0.0
+      workbox-core: 7.3.0
 
-  workbox-build@7.0.0(@types/babel__core@7.20.2):
+  workbox-build@7.3.0(@types/babel__core@7.20.5):
     dependencies:
-      '@apideck/better-ajv-errors': 0.3.6(ajv@8.12.0)
-      '@babel/core': 7.22.11
-      '@babel/preset-env': 7.22.10(@babel/core@7.22.11)
-      '@babel/runtime': 7.22.11
-      '@rollup/plugin-babel': 5.3.1(@babel/core@7.22.11)(@types/babel__core@7.20.2)(rollup@2.79.1)
-      '@rollup/plugin-node-resolve': 11.2.1(rollup@2.79.1)
-      '@rollup/plugin-replace': 2.4.2(rollup@2.79.1)
+      '@apideck/better-ajv-errors': 0.3.6(ajv@8.17.1)
+      '@babel/core': 7.26.9
+      '@babel/preset-env': 7.26.9(@babel/core@7.26.9)
+      '@babel/runtime': 7.26.9
+      '@rollup/plugin-babel': 5.3.1(@babel/core@7.26.9)(@types/babel__core@7.20.5)(rollup@2.79.2)
+      '@rollup/plugin-node-resolve': 15.3.1(rollup@2.79.2)
+      '@rollup/plugin-replace': 2.4.2(rollup@2.79.2)
+      '@rollup/plugin-terser': 0.4.4(rollup@2.79.2)
       '@surma/rollup-plugin-off-main-thread': 2.2.3
-      ajv: 8.12.0
+      ajv: 8.17.1
       common-tags: 1.8.2
       fast-json-stable-stringify: 2.1.0
       fs-extra: 9.1.0
       glob: 7.2.3
       lodash: 4.17.21
       pretty-bytes: 5.6.0
-      rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2(rollup@2.79.1)
+      rollup: 2.79.2
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
       tempy: 0.6.0
       upath: 1.2.0
-      workbox-background-sync: 7.0.0
-      workbox-broadcast-update: 7.0.0
-      workbox-cacheable-response: 7.0.0
-      workbox-core: 7.0.0
-      workbox-expiration: 7.0.0
-      workbox-google-analytics: 7.0.0
-      workbox-navigation-preload: 7.0.0
-      workbox-precaching: 7.0.0
-      workbox-range-requests: 7.0.0
-      workbox-recipes: 7.0.0
-      workbox-routing: 7.0.0
-      workbox-strategies: 7.0.0
-      workbox-streams: 7.0.0
-      workbox-sw: 7.0.0
-      workbox-window: 7.0.0
+      workbox-background-sync: 7.3.0
+      workbox-broadcast-update: 7.3.0
+      workbox-cacheable-response: 7.3.0
+      workbox-core: 7.3.0
+      workbox-expiration: 7.3.0
+      workbox-google-analytics: 7.3.0
+      workbox-navigation-preload: 7.3.0
+      workbox-precaching: 7.3.0
+      workbox-range-requests: 7.3.0
+      workbox-recipes: 7.3.0
+      workbox-routing: 7.3.0
+      workbox-strategies: 7.3.0
+      workbox-streams: 7.3.0
+      workbox-sw: 7.3.0
+      workbox-window: 7.3.0
     transitivePeerDependencies:
       - '@types/babel__core'
       - supports-color
 
-  workbox-cacheable-response@7.0.0:
+  workbox-cacheable-response@7.3.0:
     dependencies:
-      workbox-core: 7.0.0
+      workbox-core: 7.3.0
 
-  workbox-core@7.0.0: {}
+  workbox-core@7.3.0: {}
 
-  workbox-expiration@7.0.0:
+  workbox-expiration@7.3.0:
     dependencies:
       idb: 7.1.1
-      workbox-core: 7.0.0
+      workbox-core: 7.3.0
 
-  workbox-google-analytics@7.0.0:
+  workbox-google-analytics@7.3.0:
     dependencies:
-      workbox-background-sync: 7.0.0
-      workbox-core: 7.0.0
-      workbox-routing: 7.0.0
-      workbox-strategies: 7.0.0
+      workbox-background-sync: 7.3.0
+      workbox-core: 7.3.0
+      workbox-routing: 7.3.0
+      workbox-strategies: 7.3.0
 
-  workbox-navigation-preload@7.0.0:
+  workbox-navigation-preload@7.3.0:
     dependencies:
-      workbox-core: 7.0.0
+      workbox-core: 7.3.0
 
-  workbox-precaching@7.0.0:
+  workbox-precaching@7.3.0:
     dependencies:
-      workbox-core: 7.0.0
-      workbox-routing: 7.0.0
-      workbox-strategies: 7.0.0
+      workbox-core: 7.3.0
+      workbox-routing: 7.3.0
+      workbox-strategies: 7.3.0
 
-  workbox-range-requests@7.0.0:
+  workbox-range-requests@7.3.0:
     dependencies:
-      workbox-core: 7.0.0
+      workbox-core: 7.3.0
 
-  workbox-recipes@7.0.0:
+  workbox-recipes@7.3.0:
     dependencies:
-      workbox-cacheable-response: 7.0.0
-      workbox-core: 7.0.0
-      workbox-expiration: 7.0.0
-      workbox-precaching: 7.0.0
-      workbox-routing: 7.0.0
-      workbox-strategies: 7.0.0
+      workbox-cacheable-response: 7.3.0
+      workbox-core: 7.3.0
+      workbox-expiration: 7.3.0
+      workbox-precaching: 7.3.0
+      workbox-routing: 7.3.0
+      workbox-strategies: 7.3.0
 
-  workbox-routing@7.0.0:
+  workbox-routing@7.3.0:
     dependencies:
-      workbox-core: 7.0.0
+      workbox-core: 7.3.0
 
-  workbox-strategies@7.0.0:
+  workbox-strategies@7.3.0:
     dependencies:
-      workbox-core: 7.0.0
+      workbox-core: 7.3.0
 
-  workbox-streams@7.0.0:
+  workbox-streams@7.3.0:
     dependencies:
-      workbox-core: 7.0.0
-      workbox-routing: 7.0.0
+      workbox-core: 7.3.0
+      workbox-routing: 7.3.0
 
-  workbox-sw@7.0.0: {}
+  workbox-sw@7.3.0: {}
 
-  workbox-window@7.0.0:
+  workbox-window@7.3.0:
     dependencies:
-      '@types/trusted-types': 2.0.3
-      workbox-core: 7.0.0
+      '@types/trusted-types': 2.0.7
+      workbox-core: 7.3.0
 
   wrap-ansi@6.2.0:
     dependencies:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
+    optional: true
 
   wrap-ansi@7.0.0:
     dependencies:
@@ -18836,17 +20709,20 @@ snapshots:
       imurmurhash: 0.1.4
       signal-exit: 3.0.7
 
-  ws@5.2.3:
+  ws@5.2.4:
     dependencies:
       async-limiter: 1.0.1
 
-  ws@6.2.2:
+  ws@6.2.3:
     dependencies:
       async-limiter: 1.0.1
 
-  ws@7.4.6: {}
+  ws@7.5.10:
+    optional: true
 
-  ws@8.11.0: {}
+  ws@8.17.1: {}
+
+  ws@8.18.1: {}
 
   xhr@2.6.0:
     dependencies:
@@ -18854,19 +20730,24 @@ snapshots:
       is-function: 1.0.2
       parse-headers: 2.0.5
       xtend: 4.0.2
+    optional: true
 
-  xml-parse-from-string@1.0.1: {}
+  xml-parse-from-string@1.0.1:
+    optional: true
 
-  xml2js@0.4.23:
+  xml2js@0.5.0:
     dependencies:
-      sax: 1.3.0
+      sax: 1.4.1
       xmlbuilder: 11.0.1
+    optional: true
 
-  xmlbuilder@11.0.1: {}
+  xmlbuilder@11.0.1:
+    optional: true
 
-  xmlhttprequest-ssl@1.6.3: {}
+  xmlhttprequest-ssl@1.6.3:
+    optional: true
 
-  xmlhttprequest-ssl@2.0.0: {}
+  xmlhttprequest-ssl@2.1.2: {}
 
   xtend@4.0.2: {}
 
@@ -18880,28 +20761,16 @@ snapshots:
 
   yaml@1.10.2: {}
 
-  yaml@2.3.2: {}
-
-  yaml@2.4.1: {}
+  yaml@2.7.0: {}
 
   yargs-parser@20.2.9: {}
 
   yargs-parser@21.1.1: {}
 
-  yargs@16.2.0:
-    dependencies:
-      cliui: 7.0.4
-      escalade: 3.1.1
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 20.2.9
-
   yargs@17.7.2:
     dependencies:
       cliui: 8.0.1
-      escalade: 3.1.1
+      escalade: 3.2.0
       get-caller-file: 2.0.5
       require-directory: 2.1.1
       string-width: 4.2.3
@@ -18913,7 +20782,12 @@ snapshots:
       buffer-crc32: 0.2.13
       fd-slicer: 1.1.0
 
-  yeast@0.1.2: {}
+  yazl@2.5.1:
+    dependencies:
+      buffer-crc32: 0.2.13
+
+  yeast@0.1.2:
+    optional: true
 
   yggdrasil@1.7.0(encoding@0.1.13):
     dependencies:
@@ -18924,10 +20798,12 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  yocto-queue@1.0.0: {}
+  yocto-queue@1.2.0: {}
 
-  zustand@3.6.5(react@18.2.0):
+  zod@3.24.2: {}
+
+  zustand@3.6.5(react@18.3.1):
     optionalDependencies:
-      react: 18.2.0
+      react: 18.3.1
 
   zwitch@2.0.4: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 131aadfe..5de14962 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,4 +1,4 @@
 packages:
   - "."
-  - "prismarine-viewer"
-  - "prismarine-viewer/viewer/sign-renderer/"
+  - "renderer"
+  - "renderer/viewer/sign-renderer/"
diff --git a/prismarine-viewer/README.MD b/prismarine-viewer/README.MD
new file mode 100644
index 00000000..7273a338
--- /dev/null
+++ b/prismarine-viewer/README.MD
@@ -0,0 +1,5 @@
+# Prismarine Viewer
+
+Renamed to `renderer`.
+
+For more info see [CONTRIBUTING.md](../CONTRIBUTING.md).
diff --git a/prismarine-viewer/esbuild.mjs b/prismarine-viewer/esbuild.mjs
deleted file mode 100644
index 9614a3ad..00000000
--- a/prismarine-viewer/esbuild.mjs
+++ /dev/null
@@ -1,96 +0,0 @@
-import * as fs from 'fs'
-import fsExtra from 'fs-extra'
-
-//@ts-check
-import * as esbuild from 'esbuild'
-import { polyfillNode } from 'esbuild-plugin-polyfill-node'
-import path, { dirname, join } from 'path'
-import { fileURLToPath } from 'url'
-
-const dev = process.argv.includes('-w')
-
-const __dirname = path.dirname(fileURLToPath(new URL(import.meta.url)))
-
-const mcDataPath = join(__dirname, '../dist/mc-data')
-if (!fs.existsSync(mcDataPath)) {
-  // shouldn't it be in the viewer instead?
-  await import('../scripts/prepareData.mjs')
-}
-
-fs.mkdirSync(join(__dirname, 'public'), { recursive: true })
-fs.copyFileSync(join(__dirname, 'playground.html'), join(__dirname, 'public/index.html'))
-fsExtra.copySync(mcDataPath, join(__dirname, 'public/mc-data'))
-const availableVersions = fs.readdirSync(mcDataPath).map(ver => ver.replace('.js', ''))
-
-/** @type {import('esbuild').BuildOptions} */
-const buildOptions = {
-  bundle: true,
-  entryPoints: [join(__dirname, './examples/playground.ts')],
-  // target: ['es2020'],
-  // logLevel: 'debug',
-  logLevel: 'info',
-  platform: 'browser',
-  sourcemap: dev ? 'inline' : false,
-  minify: !dev,
-  outfile: join(__dirname, 'public/playground.js'),
-  mainFields: [
-    'browser', 'module', 'main'
-  ],
-  keepNames: true,
-  banner: {
-    js: `globalThis.global = globalThis;globalThis.includedVersions = ${JSON.stringify(availableVersions)};`,
-  },
-  alias: {
-    events: 'events',
-    buffer: 'buffer',
-    'fs': 'browserfs/dist/shims/fs.js',
-    http: 'http-browserify',
-    stream: 'stream-browserify',
-    net: 'net-browserify',
-  },
-  inject: [],
-  metafile: true,
-  loader: {
-    '.png': 'dataurl',
-    '.obj': 'text',
-  },
-  plugins: [
-    {
-      name: 'minecraft-data',
-      setup (build) {
-        build.onLoad({
-          filter: /minecraft-data[\/\\]data.js$/,
-        }, () => {
-          const defaultVersionsObj = {}
-          return {
-            contents: `window.mcData ??= ${JSON.stringify(defaultVersionsObj)};module.exports = { pc: window.mcData }`,
-            loader: 'js',
-          }
-        })
-        build.onEnd((e) => {
-          if (e.errors.length) return
-          fs.writeFileSync(join(__dirname, 'public/metafile.json'), JSON.stringify(e.metafile), 'utf8')
-        })
-      }
-    },
-    polyfillNode({
-      polyfills: {
-        fs: false,
-        crypto: false,
-        events: false,
-        http: false,
-        stream: false,
-        buffer: false,
-        perf_hooks: false,
-        net: false,
-      },
-    })
-  ],
-}
-if (dev) {
-  (await esbuild.context(buildOptions)).watch()
-} else {
-  await esbuild.build(buildOptions)
-}
-
-// await ctx.rebuild()
diff --git a/prismarine-viewer/examples/playground.ts b/prismarine-viewer/examples/playground.ts
deleted file mode 100644
index 223fc6f2..00000000
--- a/prismarine-viewer/examples/playground.ts
+++ /dev/null
@@ -1,478 +0,0 @@
-import _ from 'lodash'
-import { WorldDataEmitter, Viewer } from '../viewer'
-import { Vec3 } from 'vec3'
-import BlockLoader from 'prismarine-block'
-import ChunkLoader from 'prismarine-chunk'
-import WorldLoader from 'prismarine-world'
-import * as THREE from 'three'
-import { GUI } from 'lil-gui'
-import { toMajor } from '../viewer/lib/version'
-import { loadScript } from '../viewer/lib/utils'
-import JSZip from 'jszip'
-import { TWEEN_DURATION } from '../viewer/lib/entities'
-import { EntityMesh } from '../viewer/lib/entity/EntityMesh'
-
-globalThis.THREE = THREE
-//@ts-ignore
-import { OrbitControls } from 'three/addons/controls/OrbitControls.js'
-
-const gui = new GUI()
-
-// initial values
-const params = {
-  skip: '',
-  version: globalThis.includedVersions.sort((a, b) => {
-    const s = (x) => {
-      const parts = x.split('.')
-      return +parts[0] + (+parts[1])
-    }
-    return s(a) - s(b)
-  }).at(-1),
-  block: '',
-  metadata: 0,
-  supportBlock: false,
-  entity: '',
-  removeEntity () {
-    this.entity = ''
-  },
-  entityRotate: false,
-  camera: '',
-  playSound () { },
-  blockIsomorphicRenderBundle () { }
-}
-
-const qs = new URLSearchParams(window.location.search)
-qs.forEach((value, key) => {
-  const parsed = value.match(/^-?\d+$/) ? parseInt(value) : value === 'true' ? true : value === 'false' ? false : value
-  params[key] = parsed
-})
-const setQs = () => {
-  const newQs = new URLSearchParams()
-  for (const [key, value] of Object.entries(params)) {
-    if (!value || typeof value === 'function' || params.skip.includes(key)) continue
-    //@ts-ignore
-    newQs.set(key, value)
-  }
-  window.history.replaceState({}, '', `${window.location.pathname}?${newQs}`)
-}
-
-let ignoreResize = false
-
-async function main () {
-  let continuousRender = false
-
-  const { version } = params
-  // temporary solution until web worker is here, cache data for faster reloads
-  const globalMcData = window['mcData']
-  if (!globalMcData['version']) {
-    const major = toMajor(version)
-    const sessionKey = `mcData-${major}`
-    if (sessionStorage[sessionKey]) {
-      Object.assign(globalMcData, JSON.parse(sessionStorage[sessionKey]))
-    } else {
-      if (sessionStorage.length > 1) sessionStorage.clear()
-      await loadScript(`./mc-data/${major}.js`)
-      try {
-        sessionStorage[sessionKey] = JSON.stringify(Object.fromEntries(Object.entries(globalMcData).filter(([ver]) => ver.startsWith(major))))
-      } catch { }
-    }
-  }
-
-  const mcData = require('minecraft-data')(version)
-  window['loadedData'] = mcData
-
-  gui.add(params, 'version', globalThis.includedVersions)
-  gui.add(params, 'block', mcData.blocksArray.map(b => b.name).sort((a, b) => a.localeCompare(b)))
-  const metadataGui = gui.add(params, 'metadata')
-  gui.add(params, 'supportBlock')
-  gui.add(params, 'entity', mcData.entitiesArray.map(b => b.name).sort((a, b) => a.localeCompare(b))).listen()
-  gui.add(params, 'removeEntity')
-  gui.add(params, 'entityRotate')
-  gui.add(params, 'skip')
-  gui.add(params, 'playSound')
-  gui.add(params, 'blockIsomorphicRenderBundle')
-  gui.open(false)
-  let metadataFolder = gui.addFolder('metadata')
-  // let entityRotationFolder = gui.addFolder('entity metadata')
-
-  const Chunk = ChunkLoader(version)
-  const Block = BlockLoader(version)
-  // const data = await fetch('smallhouse1.schem').then(r => r.arrayBuffer())
-  // const schem = await Schematic.read(Buffer.from(data), version)
-
-  const viewDistance = 0
-  const targetPos = new Vec3(2, 90, 2)
-
-  const World = WorldLoader(version)
-
-  // const diamondSquare = require('diamond-square')({ version, seed: Math.floor(Math.random() * Math.pow(2, 31)) })
-
-  //@ts-ignore
-  const chunk1 = new Chunk()
-  //@ts-ignore
-  const chunk2 = new Chunk()
-  chunk1.setBlockStateId(targetPos, 34)
-  chunk2.setBlockStateId(targetPos.offset(1, 0, 0), 34)
-  const world = new World((chunkX, chunkZ) => {
-    // if (chunkX === 0 && chunkZ === 0) return chunk1
-    // if (chunkX === 1 && chunkZ === 0) return chunk2
-    //@ts-ignore
-    const chunk = new Chunk()
-    return chunk
-  })
-
-  // await schem.paste(world, new Vec3(0, 60, 0))
-
-  const worldView = new WorldDataEmitter(world, viewDistance, targetPos)
-
-  // Create three.js context, add to page
-  const renderer = new THREE.WebGLRenderer({ alpha: true, ...localStorage['renderer'] })
-  renderer.setPixelRatio(window.devicePixelRatio || 1)
-  renderer.setSize(window.innerWidth, window.innerHeight)
-  document.body.appendChild(renderer.domElement)
-
-  // Create viewer
-  const viewer = new Viewer(renderer, { numWorkers: 1, showChunkBorders: false })
-  viewer.entities.setDebugMode('basic')
-  viewer.setVersion(version)
-  viewer.entities.onSkinUpdate = () => {
-    viewer.render()
-  }
-  viewer.world.mesherConfig.enableLighting = false
-
-  viewer.listen(worldView)
-  // Load chunks
-  await worldView.init(targetPos)
-  window['worldView'] = worldView
-  window['viewer'] = viewer
-
-  params.blockIsomorphicRenderBundle = () => {
-    const canvas = renderer.domElement
-    const onlyCurrent = !confirm('Ok - render all blocks, Cancel - render only current one')
-    const sizeRaw = prompt('Size', '512')
-    if (!sizeRaw) return
-    const size = parseInt(sizeRaw)
-    // const size = 512
-
-    ignoreResize = true
-    canvas.width = size
-    canvas.height = size
-    renderer.setSize(size, size)
-
-    //@ts-ignore
-    viewer.camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 10)
-    viewer.scene.background = null
-
-    const rad = THREE.MathUtils.degToRad(-120)
-    viewer.directionalLight.position.set(
-      Math.cos(rad),
-      Math.sin(rad),
-      0.2
-    ).normalize()
-    viewer.directionalLight.intensity = 1
-
-    const cameraPos = targetPos.offset(2, 2, 2)
-    const pitch = THREE.MathUtils.degToRad(-30)
-    const yaw = THREE.MathUtils.degToRad(45)
-    viewer.camera.rotation.set(pitch, yaw, 0, 'ZYX')
-    // viewer.camera.lookAt(center.x + 0.5, center.y + 0.5, center.z + 0.5)
-    viewer.camera.position.set(cameraPos.x + 1, cameraPos.y + 0.5, cameraPos.z + 1)
-
-    const allBlocks = mcData.blocksArray.map(b => b.name)
-    // const allBlocks = ['stone', 'warped_slab']
-
-    let blockCount = 1
-    let blockName = allBlocks[0]
-
-    const updateBlock = () => {
-
-      //@ts-ignore
-      // viewer.setBlockStateId(targetPos, mcData.blocksByName[blockName].minStateId)
-      params.block = blockName
-      // todo cleanup (introduce getDefaultState)
-      onUpdate.block()
-      applyChanges(false, true)
-    }
-    viewer.waitForChunksToRender().then(async () => {
-      // wait for next macro task
-      await new Promise(resolve => {
-        setTimeout(resolve, 0)
-      })
-      if (onlyCurrent) {
-        viewer.render()
-        onWorldUpdate()
-      } else {
-        // will be called on every render update
-        viewer.world.renderUpdateEmitter.addListener('update', onWorldUpdate)
-        updateBlock()
-      }
-    })
-
-    const zip = new JSZip()
-    zip.file('description.txt', 'Generated with prismarine-viewer')
-
-    const end = async () => {
-      // download zip file
-
-      const a = document.createElement('a')
-      const blob = await zip.generateAsync({ type: 'blob' })
-      const dataUrlZip = URL.createObjectURL(blob)
-      a.href = dataUrlZip
-      a.download = 'blocks_render.zip'
-      a.click()
-      URL.revokeObjectURL(dataUrlZip)
-      console.log('end')
-
-      viewer.world.renderUpdateEmitter.removeListener('update', onWorldUpdate)
-    }
-
-    async function onWorldUpdate () {
-      // await new Promise(resolve => {
-      //   setTimeout(resolve, 50)
-      // })
-      const dataUrl = canvas.toDataURL('image/png')
-
-      zip.file(`${blockName}.png`, dataUrl.split(',')[1], { base64: true })
-
-      if (onlyCurrent) {
-        end()
-      } else {
-        nextBlock()
-      }
-    }
-    const nextBlock = async () => {
-      blockName = allBlocks[blockCount++]
-      console.log(allBlocks.length, '/', blockCount, blockName)
-      if (blockCount % 5 === 0) {
-        await new Promise(resolve => {
-          setTimeout(resolve, 100)
-        })
-      }
-      if (blockName) {
-        updateBlock()
-      } else {
-        end()
-      }
-    }
-  }
-
-  //@ts-ignore
-  const controls = new OrbitControls(viewer.camera, renderer.domElement)
-  controls.target.set(targetPos.x + 0.5, targetPos.y + 0.5, targetPos.z + 0.5)
-
-  const cameraPos = targetPos.offset(2, 2, 2)
-  const pitch = THREE.MathUtils.degToRad(-45)
-  const yaw = THREE.MathUtils.degToRad(45)
-  viewer.camera.rotation.set(pitch, yaw, 0, 'ZYX')
-  viewer.camera.lookAt(targetPos.x + 0.5, targetPos.y + 0.5, targetPos.z + 0.5)
-  viewer.camera.position.set(cameraPos.x + 0.5, cameraPos.y + 0.5, cameraPos.z + 0.5)
-  controls.update()
-
-  let blockProps = {}
-  let entityOverrides = {}
-  const getBlock = () => {
-    return mcData.blocksByName[params.block || 'air']
-  }
-
-  const entityUpdateShared = () => {
-    viewer.entities.clear()
-    if (!params.entity) return
-    worldView.emit('entity', {
-      id: 'id', name: params.entity, pos: targetPos.offset(0.5, 1, 0.5), width: 1, height: 1, username: localStorage.testUsername, yaw: Math.PI, pitch: 0
-    })
-    const enableSkeletonDebug = (obj) => {
-      const { children, isSkeletonHelper } = obj
-      if (!Array.isArray(children)) return
-      if (isSkeletonHelper) {
-        obj.visible = true
-        return
-      }
-      for (const child of children) {
-        if (typeof child === 'object') enableSkeletonDebug(child)
-      }
-    }
-    enableSkeletonDebug(viewer.entities.entities['id'])
-    setTimeout(() => {
-      viewer.render()
-    }, TWEEN_DURATION)
-  }
-
-  const onUpdate = {
-    block () {
-      metadataFolder.destroy()
-      const block = mcData.blocksByName[params.block]
-      if (!block) return
-      const props = new Block(block.id, 0, 0).getProperties()
-      //@ts-ignore
-      const { states } = mcData.blocksByStateId[getBlock()?.minStateId] ?? {}
-      metadataFolder = gui.addFolder('metadata')
-      if (states) {
-        for (const state of states) {
-          let defaultValue
-          switch (state.type) {
-            case 'enum':
-              defaultValue = state.values[0]
-              break
-            case 'bool':
-              defaultValue = false
-              break
-            case 'int':
-              defaultValue = 0
-              break
-            case 'direction':
-              defaultValue = 'north'
-              break
-
-            default:
-              continue
-          }
-          blockProps[state.name] = defaultValue
-          if (state.type === 'enum') {
-            metadataFolder.add(blockProps, state.name, state.values)
-          } else {
-            metadataFolder.add(blockProps, state.name)
-          }
-        }
-      } else {
-        for (const [name, value] of Object.entries(props)) {
-          blockProps[name] = value
-          metadataFolder.add(blockProps, name)
-        }
-      }
-      metadataFolder.open()
-    },
-    entity () {
-      continuousRender = params.entity === 'player'
-      entityUpdateShared()
-      if (!params.entity) return
-      if (params.entity === 'player') {
-        viewer.entities.updatePlayerSkin('id', viewer.entities.entities.id.username, true, true)
-        viewer.entities.playAnimation('id', 'running')
-      }
-      // let prev = false
-      // setInterval(() => {
-      //   viewer.entities.playAnimation('id', prev ? 'running' : 'idle')
-      //   prev = !prev
-      // }, 1000)
-
-      EntityMesh.getStaticData(params.entity)
-      // entityRotationFolder.destroy()
-      // entityRotationFolder = gui.addFolder('entity metadata')
-      // entityRotationFolder.add(params, 'entityRotate')
-      // entityRotationFolder.open()
-    },
-    supportBlock () {
-      viewer.setBlockStateId(targetPos.offset(0, -1, 0), params.supportBlock ? 1 : 0)
-    }
-  }
-
-
-  const applyChanges = (metadataUpdate = false, skipQs = false) => {
-    const blockId = getBlock()?.id
-    let block: BlockLoader.Block
-    if (metadataUpdate) {
-      block = new Block(blockId, 0, params.metadata)
-      Object.assign(blockProps, block.getProperties())
-      for (const _child of metadataFolder.children) {
-        const child = _child as import('lil-gui').Controller
-        child.updateDisplay()
-      }
-    } else {
-      try {
-        //@ts-ignore
-        block = Block.fromProperties(blockId ?? -1, blockProps, 0)
-      } catch (err) {
-        console.error(err)
-        block = Block.fromStateId(0, 0)
-      }
-    }
-
-    //@ts-ignore
-    viewer.setBlockStateId(targetPos, block.stateId)
-    console.log('up stateId', block.stateId)
-    params.metadata = block.metadata
-    metadataGui.updateDisplay()
-    if (!skipQs) {
-      setQs()
-    }
-  }
-  gui.onChange(({ property, object }) => {
-    if (object === params) {
-      if (property === 'camera') return
-      onUpdate[property]?.()
-      applyChanges(property === 'metadata')
-    } else {
-      applyChanges()
-    }
-  })
-  viewer.waitForChunksToRender().then(async () => {
-    for (const update of Object.values(onUpdate)) {
-      update()
-    }
-    applyChanges(true)
-    gui.openAnimated()
-  })
-
-  const animate = () => {
-    // if (controls) controls.update()
-    // worldView.updatePosition(controls.target)
-    viewer.render()
-    // window.requestAnimationFrame(animate)
-  }
-  viewer.world.renderUpdateEmitter.addListener('update', () => {
-    animate()
-  })
-  animate()
-
-  // #region camera rotation param
-  if (params.camera) {
-    const [x, y] = params.camera.split(',')
-    viewer.camera.rotation.set(parseFloat(x), parseFloat(y), 0, 'ZYX')
-    controls.update()
-    console.log(viewer.camera.rotation.x, parseFloat(x))
-  }
-  const throttledCamQsUpdate = _.throttle(() => {
-    const { camera } = viewer
-    // params.camera = `${camera.rotation.x.toFixed(2)},${camera.rotation.y.toFixed(2)}`
-    setQs()
-  }, 200)
-  controls.addEventListener('change', () => {
-    throttledCamQsUpdate()
-    animate()
-  })
-  // #endregion
-
-  const continuousUpdate = () => {
-    if (continuousRender) {
-      animate()
-    }
-    requestAnimationFrame(continuousUpdate)
-  }
-  continuousUpdate()
-
-  window.onresize = () => {
-    if (ignoreResize) return
-    // const vec3 = new THREE.Vector3()
-    // vec3.set(-1, -1, -1).unproject(viewer.camera)
-    // console.log(vec3)
-    // box.position.set(vec3.x, vec3.y, vec3.z-1)
-
-    const { camera } = viewer
-    viewer.camera.aspect = window.innerWidth / window.innerHeight
-    viewer.camera.updateProjectionMatrix()
-    renderer.setSize(window.innerWidth, window.innerHeight)
-
-    animate()
-  }
-  window.dispatchEvent(new Event('resize'))
-
-  params.playSound = () => {
-    viewer.playSound(targetPos, 'button_click.mp3')
-  }
-  addEventListener('keydown', (e) => {
-    if (e.code === 'KeyE') {
-      params.playSound()
-    }
-  }, { capture: true })
-}
-main()
diff --git a/prismarine-viewer/index.d.ts b/prismarine-viewer/index.d.ts
deleted file mode 100644
index 543fa225..00000000
--- a/prismarine-viewer/index.d.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import {Bot} from "mineflayer";
-
-export function mineflayer(bot: Bot, settings: {
-    viewDistance?: number;
-    firstPerson?: boolean;
-    port?: number;
-    prefix?: string;
-});
-
-export function standalone(options: {
-    version: versions;
-    world: (x: number, y: number, z: number) => 0 | 1;
-    center?: Vec3;
-    viewDistance?: number;
-    port?: number;
-    prefix?: string;
-});
-
-export function headless(bot: Bot, settings: {
-    viewDistance?: number;
-    output?: string;
-    frames?: number;
-    width?: number;
-    height?: number;
-    logFFMPEG?: boolean;
-    jpegOption: any;
-});
-
-export const viewer: {
-    Viewer: any;
-    WorldDataEmitter: any;
-    MapControls: any;
-    Entitiy: any;
-    getBufferFromStream: (stream: any) => Promise<Buffer>;
-};
-
-export const supportedVersions: versions[];
-export type versions = '1.8.8' | '1.9.4' | '1.10.2' | '1.11.2' | '1.12.2' | '1.13.2' | '1.14.4' | '1.15.2' | '1.16.1' | '1.16.4' | '1.17.1' | '1.18.1';
diff --git a/prismarine-viewer/index.js b/prismarine-viewer/index.js
deleted file mode 100644
index 67136592..00000000
--- a/prismarine-viewer/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-module.exports = {
-  mineflayer: require('./lib/mineflayer'),
-  standalone: require('./lib/standalone'),
-  headless: require('./lib/headless'),
-  viewer: require('./viewer'),
-  supportedVersions: require('./viewer/supportedVersions.json')
-}
diff --git a/prismarine-viewer/jest-puppeteer.config.js b/prismarine-viewer/jest-puppeteer.config.js
deleted file mode 100644
index 6007898f..00000000
--- a/prismarine-viewer/jest-puppeteer.config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-module.exports = {
-  launch: {
-    args: ['--no-sandbox', '--disable-setuid-sandbox']
-  }
-}
diff --git a/prismarine-viewer/jest.config.js b/prismarine-viewer/jest.config.js
deleted file mode 100644
index ae87d0d0..00000000
--- a/prismarine-viewer/jest.config.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  preset: 'jest-puppeteer',
-  testRegex: './*\\.test\\.js$'
-}
diff --git a/prismarine-viewer/lib/common.js b/prismarine-viewer/lib/common.js
deleted file mode 100644
index 9f5fae41..00000000
--- a/prismarine-viewer/lib/common.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const path = require('path')
-const compression = require('compression')
-const express = require('express')
-
-function setupRoutes (app, prefix = '') {
-  app.use(compression())
-  app.use(prefix + '/', express.static(path.join(__dirname, '../public')))
-}
-
-module.exports = {
-  setupRoutes
-}
diff --git a/prismarine-viewer/lib/headless.js b/prismarine-viewer/lib/headless.js
deleted file mode 100644
index 5c163100..00000000
--- a/prismarine-viewer/lib/headless.js
+++ /dev/null
@@ -1,135 +0,0 @@
-/* global THREE */
-function safeRequire (path) {
-  try {
-    return require(path)
-  } catch (e) {
-    return {}
-  }
-}
-const { spawn } = require('child_process')
-const net = require('net')
-global.THREE = require('three')
-global.Worker = require('worker_threads').Worker
-const { createCanvas } = safeRequire('node-canvas-webgl/lib')
-
-const { WorldDataEmitter, Viewer, getBufferFromStream } = require('../viewer')
-
-module.exports = (bot, { viewDistance = 6, output = 'output.mp4', frames = -1, width = 512, height = 512, logFFMPEG = false, jpegOptions }) => {
-  const canvas = createCanvas(width, height)
-  const renderer = new THREE.WebGLRenderer({ canvas })
-  const viewer = new Viewer(renderer)
-
-  viewer.setVersion(bot.version)
-  viewer.setFirstPersonCamera(bot.entity.position, bot.entity.yaw, bot.entity.pitch)
-
-  // Load world
-  const worldView = new WorldDataEmitter(bot.world, viewDistance, bot.entity.position)
-  viewer.listen(worldView)
-  worldView.init(bot.entity.position)
-
-  function botPosition () {
-    viewer.setFirstPersonCamera(bot.entity.position, bot.entity.yaw, bot.entity.pitch)
-    worldView.updatePosition(bot.entity.position)
-  }
-
-  // Render loop streaming
-  const rtmpOutput = output.startsWith('rtmp://')
-  const ffmpegOutput = output.endsWith('mp4')
-  let client = null
-
-  if (rtmpOutput) {
-    const fps = 20
-    const gop = fps * 2
-    const gopMin = fps
-    const probesize = '42M'
-    const cbr = '1000k'
-    const threads = 4
-    const args = `-y -r ${fps} -probesize ${probesize} -i pipe:0 -f flv -ac 2 -ar 44100 -vcodec libx264 -g ${gop} -keyint_min ${gopMin} -b:v ${cbr} -minrate ${cbr} -maxrate ${cbr} -pix_fmt yuv420p -s 1280x720 -preset ultrafast -tune film -threads ${threads} -strict normal -bufsize ${cbr} ${output}`.split(' ')
-    client = spawn('ffmpeg', args)
-    if (logFFMPEG) {
-      client.stdout.on('data', (data) => {
-        console.log(`stdout: ${data}`)
-      })
-
-      client.stderr.on('data', (data) => {
-        console.error(`stderr: ${data}`)
-      })
-    }
-    update()
-  } else if (ffmpegOutput) {
-    client = spawn('ffmpeg', ['-y', '-i', 'pipe:0', output])
-    if (logFFMPEG) {
-      client.stdout.on('data', (data) => {
-        console.log(`stdout: ${data}`)
-      })
-
-      client.stderr.on('data', (data) => {
-        console.error(`stderr: ${data}`)
-      })
-    }
-    update()
-  } else {
-    const [host, port] = output.split(':')
-    client = new net.Socket()
-    client.connect(parseInt(port, 10), host, () => {
-      update()
-    })
-  }
-
-  // Force end of stream
-  bot.on('end', () => { frames = 0 })
-
-  let idx = 0
-  function update () {
-    viewer.update()
-    renderer.render(viewer.scene, viewer.camera)
-
-    const imageStream = canvas.createJPEGStream({
-      bufsize: 4096,
-      quality: 1,
-      progressive: false,
-      ...jpegOptions
-    })
-
-    if (rtmpOutput || ffmpegOutput) {
-      imageStream.on('data', (chunk) => {
-        if (client.stdin.writable) {
-          client.stdin.write(chunk)
-        } else {
-          console.log('Error: ffmpeg stdin closed!')
-        }
-      })
-      imageStream.on('end', () => {
-        idx++
-        if (idx < frames || frames < 0) {
-          setTimeout(update, 16)
-        } else {
-          console.log('done streaming')
-          client.stdin.end()
-        }
-      })
-      imageStream.on('error', () => { })
-    } else {
-      getBufferFromStream(imageStream).then((buffer) => {
-        const sizebuff = new Uint8Array(4)
-        const view = new DataView(sizebuff.buffer, 0)
-        view.setUint32(0, buffer.length, true)
-        client.write(sizebuff)
-        client.write(buffer)
-
-        idx++
-        if (idx < frames || frames < 0) {
-          setTimeout(update, 16)
-        } else {
-          client.end()
-        }
-      }).catch(() => {})
-    }
-  }
-
-  // Register events
-  bot.on('move', botPosition)
-  worldView.listenToBot(bot)
-
-  return client
-}
diff --git a/prismarine-viewer/lib/index.js b/prismarine-viewer/lib/index.js
deleted file mode 100644
index 12267d61..00000000
--- a/prismarine-viewer/lib/index.js
+++ /dev/null
@@ -1,71 +0,0 @@
-/* global THREE */
-
-global.THREE = require('three')
-const TWEEN = require('@tweenjs/tween.js')
-require('three/examples/js/controls/OrbitControls')
-
-const { Viewer, Entity } = require('../viewer')
-
-const io = require('socket.io-client')
-const socket = io()
-
-let firstPositionUpdate = true
-
-const renderer = new THREE.WebGLRenderer()
-renderer.setPixelRatio(window.devicePixelRatio || 1)
-renderer.setSize(window.innerWidth, window.innerHeight)
-document.body.appendChild(renderer.domElement)
-
-const viewer = new Viewer(renderer)
-
-let controls = new THREE.OrbitControls(viewer.camera, renderer.domElement)
-
-function animate () {
-  window.requestAnimationFrame(animate)
-  if (controls) controls.update()
-  viewer.update()
-  renderer.render(viewer.scene, viewer.camera)
-}
-animate()
-
-window.addEventListener('resize', () => {
-  viewer.camera.aspect = window.innerWidth / window.innerHeight
-  viewer.camera.updateProjectionMatrix()
-  renderer.setSize(window.innerWidth, window.innerHeight)
-})
-
-socket.on('version', (version) => {
-  viewer.setVersion(version)
-
-  firstPositionUpdate = true
-  viewer.listen(socket)
-
-  let botMesh
-  socket.on('position', ({ pos, addMesh, yaw, pitch }) => {
-    if (yaw !== undefined && pitch !== undefined) {
-      if (controls) {
-        controls.dispose()
-        controls = null
-      }
-      viewer.setFirstPersonCamera(pos, yaw, pitch)
-      return
-    }
-    if (pos.y > 0 && firstPositionUpdate) {
-      controls.target.set(pos.x, pos.y, pos.z)
-      viewer.camera.position.set(pos.x, pos.y + 20, pos.z + 20)
-      controls.update()
-      firstPositionUpdate = false
-    }
-    if (addMesh) {
-      if (!botMesh) {
-        botMesh = new Entity('1.16.4', 'player', viewer.scene).mesh
-        viewer.scene.add(botMesh)
-      }
-      new TWEEN.Tween(botMesh.position).to({ x: pos.x, y: pos.y, z: pos.z }, 50).start()
-
-      const da = (yaw - botMesh.rotation.y) % (Math.PI * 2)
-      const dy = 2 * da % (Math.PI * 2) - da
-      new TWEEN.Tween(botMesh.rotation).to({ y: botMesh.rotation.y + dy }, 50).start()
-    }
-  })
-})
diff --git a/prismarine-viewer/lib/mineflayer.js b/prismarine-viewer/lib/mineflayer.js
deleted file mode 100644
index 1735371e..00000000
--- a/prismarine-viewer/lib/mineflayer.js
+++ /dev/null
@@ -1,91 +0,0 @@
-const EventEmitter = require('events')
-const { WorldDataEmitter } = require('../viewer')
-
-module.exports = (bot, { viewDistance = 6, firstPerson = false, port = 3000, prefix = '' }) => {
-  const express = require('express')
-
-  const app = express()
-  const http = require('http').createServer(app)
-
-  const io = require('socket.io')(http, { path: prefix + '/socket.io' })
-
-  const { setupRoutes } = require('./common')
-  setupRoutes(app, prefix)
-
-  const sockets = []
-  const primitives = {}
-
-  bot.viewer = new EventEmitter()
-
-  bot.viewer.erase = (id) => {
-    delete primitives[id]
-    for (const socket of sockets) {
-      socket.emit('primitive', { id })
-    }
-  }
-
-  bot.viewer.drawBoxGrid = (id, start, end, color = 'aqua') => {
-    primitives[id] = { type: 'boxgrid', id, start, end, color }
-    for (const socket of sockets) {
-      socket.emit('primitive', primitives[id])
-    }
-  }
-
-  bot.viewer.drawLine = (id, points, color = 0xff0000) => {
-    primitives[id] = { type: 'line', id, points, color }
-    for (const socket of sockets) {
-      socket.emit('primitive', primitives[id])
-    }
-  }
-
-  bot.viewer.drawPoints = (id, points, color = 0xff0000, size = 5) => {
-    primitives[id] = { type: 'points', id, points, color, size }
-    for (const socket of sockets) {
-      socket.emit('primitive', primitives[id])
-    }
-  }
-
-  io.on('connection', (socket) => {
-    socket.emit('version', bot.version)
-    sockets.push(socket)
-
-    const worldView = new WorldDataEmitter(bot.world, viewDistance, bot.entity.position, socket)
-    worldView.init(bot.entity.position)
-
-    worldView.on('blockClicked', (block, face, button) => {
-      bot.viewer.emit('blockClicked', block, face, button)
-    })
-
-    for (const id in primitives) {
-      socket.emit('primitive', primitives[id])
-    }
-
-    function botPosition () {
-      const packet = { pos: bot.entity.position, yaw: bot.entity.yaw, addMesh: true }
-      if (firstPerson) {
-        packet.pitch = bot.entity.pitch
-      }
-      socket.emit('position', packet)
-      worldView.updatePosition(bot.entity.position)
-    }
-
-    bot.on('move', botPosition)
-    worldView.listenToBot(bot)
-    socket.on('disconnect', () => {
-      bot.removeListener('move', botPosition)
-      worldView.removeListenersFromBot(bot)
-      sockets.splice(sockets.indexOf(socket), 1)
-    })
-  })
-
-  http.listen(port, () => {
-    console.log(`Prismarine viewer web server running on *:${port}`)
-  })
-
-  bot.viewer.close = () => {
-    http.close()
-    for (const socket of sockets) {
-      socket.disconnect()
-    }
-  }
-}
diff --git a/prismarine-viewer/lib/standalone.js b/prismarine-viewer/lib/standalone.js
deleted file mode 100644
index ed26d507..00000000
--- a/prismarine-viewer/lib/standalone.js
+++ /dev/null
@@ -1,52 +0,0 @@
-const { Vec3 } = require('vec3')
-
-module.exports = ({ version, world, center = new Vec3(0, 0, 0), viewDistance = 4, port = 3000, prefix = '' }) => {
-  const express = require('express')
-
-  const app = express()
-  const http = require('http').createServer(app)
-
-  const io = require('socket.io')(http)
-
-  const { setupRoutes } = require('./common')
-  setupRoutes(app, prefix)
-
-  const sockets = []
-  const viewer = { world }
-
-  async function sendChunks (sockets) {
-    const cx = Math.floor(center.x / 16)
-    const cz = Math.floor(center.z / 16)
-
-    for (let x = cx - viewDistance; x <= cx + viewDistance; x++) {
-      for (let z = cz - viewDistance; z <= cz + viewDistance; z++) {
-        const chunk = (await viewer.world.getColumn(x, z)).toJson()
-        for (const socket of sockets) {
-          socket.emit('loadChunk', { x: x * 16, z: z * 16, chunk })
-        }
-      }
-    }
-  }
-
-  viewer.update = () => {
-    sendChunks(sockets)
-  }
-
-  io.on('connection', (socket) => {
-    socket.emit('version', version)
-    sockets.push(socket)
-
-    sendChunks([socket])
-    socket.emit('position', { pos: center, addMesh: false })
-
-    socket.on('disconnect', () => {
-      sockets.splice(sockets.indexOf(socket), 1)
-    })
-  })
-
-  http.listen(port, () => {
-    console.log(`Prismarine viewer web server running on *:${port}`)
-  })
-
-  return viewer
-}
diff --git a/prismarine-viewer/tsconfig.json b/prismarine-viewer/tsconfig.json
deleted file mode 100644
index b6e39df3..00000000
--- a/prismarine-viewer/tsconfig.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "module": "commonjs",
-    "strictNullChecks": true,
-    "experimentalDecorators": true
-  },
-  "files": [
-    "index.d.ts"
-  ]
-}
diff --git a/prismarine-viewer/viewer/index.js b/prismarine-viewer/viewer/index.js
deleted file mode 100644
index 39ee4f54..00000000
--- a/prismarine-viewer/viewer/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-module.exports = {
-  Viewer: require('./lib/viewer').Viewer,
-  WorldDataEmitter: require('./lib/worldDataEmitter').WorldDataEmitter,
-  MapControls: require('./lib/controls').MapControls,
-  Entity: require('./lib/entity/EntityMesh'),
-  getBufferFromStream: require('./lib/simpleUtils').getBufferFromStream
-}
diff --git a/prismarine-viewer/viewer/lib/controls.js b/prismarine-viewer/viewer/lib/controls.js
deleted file mode 100644
index e4cce51b..00000000
--- a/prismarine-viewer/viewer/lib/controls.js
+++ /dev/null
@@ -1,923 +0,0 @@
-/* eslint-disable */
-// Similar to THREE MapControls with more Minecraft-like
-// controls.
-// Defaults:
-// Shift = Move Down, Space = Move Up
-// W/Z - north, S - south, A/Q - west, D - east
-
-const STATE = {
-  NONE: -1,
-  ROTATE: 0,
-  DOLLY: 1,
-  PAN: 2,
-  TOUCH_ROTATE: 3,
-  TOUCH_PAN: 4,
-  TOUCH_DOLLY_PAN: 5,
-  TOUCH_DOLLY_ROTATE: 6
-}
-
-class MapControls {
-  constructor(camera, domElement) {
-    this.enabled = true
-    this.object = camera
-    this.element = domElement
-
-    // Mouse buttons
-    this.mouseButtons = { LEFT: THREE.MOUSE.ROTATE, MIDDLE: THREE.MOUSE.DOLLY, RIGHT: THREE.MOUSE.PAN }
-
-    // Touch fingers
-    this.touches = { ONE: THREE.TOUCH.ROTATE, TWO: THREE.TOUCH.DOLLY_PAN }
-
-    this.controlMap = {
-      MOVE_FORWARD: ['KeyW', 'KeyZ'],
-      MOVE_BACKWARD: 'KeyS',
-      MOVE_LEFT: ['KeyA', 'KeyQ'],
-      MOVE_RIGHT: 'KeyD',
-      MOVE_DOWN: 'ShiftLeft',
-      MOVE_UP: 'Space'
-    }
-
-    this.target = new THREE.Vector3()
-
-    // How far you can dolly in and out ( PerspectiveCamera only )
-    this.minDistance = 0
-    this.maxDistance = Infinity
-
-    // How far you can zoom in and out ( OrthographicCamera only )
-    this.minZoom = 0
-    this.maxZoom = Infinity
-
-    // How far you can orbit vertically, upper and lower limits.
-    // Range is 0 to Math.PI radians.
-    this.minPolarAngle = 0 // radians
-    this.maxPolarAngle = Math.PI // radians
-
-    // How far you can orbit horizontally, upper and lower limits.
-    // If set, the interval [ min, max ] must be a sub-interval of [ - 2 PI, 2 PI ], with ( max - min < 2 PI )
-    this.minAzimuthAngle = -Infinity // radians
-    this.maxAzimuthAngle = Infinity // radians
-
-    // Set to true to enable damping (inertia)
-    // If damping is enabled, you must call controls.update() in your animation loop
-    this.enableDamping = false
-    this.dampingFactor = 0.01
-
-    // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
-    // Set to false to disable zooming
-    this.enableZoom = true
-    this.enableTouchZoom = true
-    this.zoomSpeed = 1.0
-
-    // Set to false to disable rotating
-    this.enableRotate = true
-    this.enableTouchRotate = true
-    this.rotateSpeed = 1.0
-
-    // Set to false to disable panning
-    this.enablePan = true
-    this.enableTouchPan = true
-    this.panSpeed = 1.0
-    this.screenSpacePanning = false // if false, pan orthogonal to world-space direction camera.up
-    this.keyPanDistance = 32 // how far to pan
-    this.keyPanSpeed = 10	// pixels moved per arrow key push
-    this.verticalTranslationSpeed = 0.5 // how much Y increments moving up/down
-
-    this.keyDowns = []
-
-    // State-related stuff
-
-    this.changeEvent = { type: 'change' }
-    this.startEvent = { type: 'start' }
-    this.endEvent = { type: 'end' }
-
-    this.state = STATE.NONE
-
-    this.EPS = 0.000001
-
-    this.spherical = new THREE.Spherical()
-    this.sphericalDelta = new THREE.Spherical()
-
-    this.scale = 1
-    this.panOffset = new THREE.Vector3()
-    this.zoomChanged = false
-
-    this.rotateStart = new THREE.Vector2()
-    this.rotateEnd = new THREE.Vector2()
-    this.rotateDelta = new THREE.Vector2()
-
-    this.panStart = new THREE.Vector2()
-    this.panEnd = new THREE.Vector2()
-    this.panDelta = new THREE.Vector2()
-
-    this.dollyStart = new THREE.Vector2()
-    this.dollyEnd = new THREE.Vector2()
-    this.dollyDelta = new THREE.Vector2()
-
-    // for reset
-    this.target0 = this.target.clone()
-    this.position0 = this.object.position.clone()
-    this.zoom0 = this.object.zoom
-
-    this.ticks = 0
-
-    // register event handlers
-    this.onPointerMove = this.onPointerMove.bind(this)
-    this.onPointerUp = this.onPointerUp.bind(this)
-    this.onPointerDown = this.onPointerDown.bind(this)
-    this.onMouseWheel = this.onMouseWheel.bind(this)
-    
-    this.onTouchStart = this.onTouchStart.bind(this)
-    this.onTouchEnd = this.onTouchEnd.bind(this)
-    this.onTouchMove = this.onTouchMove.bind(this)
-
-    this.onContextMenu = this.onContextMenu.bind(this)
-    this.onKeyDown = this.onKeyDown.bind(this)
-    this.onKeyUp = this.onKeyUp.bind(this)
-
-    this.registerHandlers()
-  }
-
-  //#region Public Methods
-  setRotationOrigin(position) {
-    this.target = position.clone()
-  }
-
-  unsetRotationOrigin() {
-    this.target = new THREE.Vector3()
-  }
-
-  getPolarAngle() {
-    return this.spherical.phi
-  }
-
-  getAzimuthalAngle() {
-    return this.spherical.theta
-  }
-
-  saveState() {
-    this.target0.copy(this.target)
-    this.position0.copy(this.object.position)
-    this.zoom0 = this.object.zoom
-  }
-
-  reset() {
-    this.target.copy(this.target0)
-    this.object.position.copy(this.position0)
-    this.object.zoom = this.zoom0
-
-    this.object.updateProjectionMatrix()
-    this.dispatchEvent(this.changeEvent)
-
-    this.update(true)
-
-    this.state = STATE.NONE
-  }
-
-  // this method is exposed, but perhaps it would be better if we can make it private...
-  update(force) {
-    // tick controls if called from render loop
-    if (!force) {
-      this.tickControls()
-    }
-
-    var offset = new THREE.Vector3()
-
-    // so camera.up is the orbit axis
-    var quat = new THREE.Quaternion().setFromUnitVectors(this.object.up, new THREE.Vector3(0, 1, 0))
-    var quatInverse = quat.clone().invert()
-
-    var lastPosition = new THREE.Vector3()
-    var lastQuaternion = new THREE.Quaternion()
-
-    var twoPI = 2 * Math.PI
-
-    var position = this.object.position
-    offset.copy(position).sub(this.target)
-
-    // rotate offset to "y-axis-is-up" space
-    offset.applyQuaternion(quat)
-
-    // angle from z-axis around y-axis
-    this.spherical.setFromVector3(offset)
-
-    if (this.autoRotate && this.state === STATE.NONE) {
-      this.rotateLeft(this.getAutoRotationAngle())
-    }
-
-    if (this.enableDamping) {
-      this.spherical.theta += this.sphericalDelta.theta * this.dampingFactor
-      this.spherical.phi += this.sphericalDelta.phi * this.dampingFactor
-    } else {
-      this.spherical.theta += this.sphericalDelta.theta
-      this.spherical.phi += this.sphericalDelta.phi
-    }
-
-    // restrict theta to be between desired limits
-    var min = this.minAzimuthAngle
-    var max = this.maxAzimuthAngle
-
-    if (isFinite(min) && isFinite(max)) {
-      if (min < - Math.PI) min += twoPI; else if (min > Math.PI) min -= twoPI
-      if (max < - Math.PI) max += twoPI; else if (max > Math.PI) max -= twoPI
-      if (min < max) {
-        this.spherical.theta = Math.max(min, Math.min(max, this.spherical.theta))
-      } else {
-        this.spherical.theta = (this.spherical.theta > (min + max) / 2) ?
-          Math.max(min, this.spherical.theta) :
-          Math.min(max, this.spherical.theta)
-      }
-    }
-
-    // restrict phi to be between desired limits
-    this.spherical.phi = Math.max(this.minPolarAngle, Math.min(this.maxPolarAngle, this.spherical.phi))
-    this.spherical.makeSafe()
-    this.spherical.radius *= this.scale
-
-    // restrict radius to be between desired limits
-    this.spherical.radius = Math.max(this.minDistance, Math.min(this.maxDistance, this.spherical.radius))
-
-    // move target to panned location
-    if (this.enableDamping === true) {
-      this.target.addScaledVector(this.panOffset, this.dampingFactor)
-    } else {
-      this.target.add(this.panOffset)
-    }
-
-    offset.setFromSpherical(this.spherical)
-
-    // rotate offset back to "camera-up-vector-is-up" space
-    offset.applyQuaternion(quatInverse)
-
-    position.copy(this.target).add(offset)
-
-    this.object.lookAt(this.target)
-
-    if (this.enableDamping === true) {
-      this.sphericalDelta.theta *= (1 - this.dampingFactor)
-      this.sphericalDelta.phi *= (1 - this.dampingFactor)
-      this.panOffset.multiplyScalar(1 - this.dampingFactor)
-    } else {
-      this.sphericalDelta.set(0, 0, 0)
-      this.panOffset.set(0, 0, 0)
-    }
-
-    this.scale = 1
-
-    // update condition is:
-    // min(camera displacement, camera rotation in radians)^2 > EPS
-    // using small-angle approximation cos(x/2) = 1 - x^2 / 8
-
-    if (this.zoomChanged ||
-      lastPosition.distanceToSquared(this.object.position) > this.EPS ||
-      8 * (1 - lastQuaternion.dot(this.object.quaternion)) > this.EPS) {
-
-      this.dispatchEvent(this.changeEvent)
-
-      lastPosition.copy(this.object.position)
-      lastQuaternion.copy(this.object.quaternion)
-      this.zoomChanged = false
-
-      return true
-    }
-
-    return false
-  }
-
-  //#endregion
-
-  //#region Orbit Controls 
-  getAutoRotationAngle() {
-    return 2 * Math.PI / 60 / 60 * this.autoRotateSpeed
-  }
-
-  getZoomScale() {
-    return Math.pow(0.95, this.zoomSpeed)
-  }
-
-  rotateLeft(angle) {
-    this.sphericalDelta.theta -= angle
-  }
-
-  rotateUp(angle) {
-    this.sphericalDelta.phi -= angle
-  }
-
-  panLeft(distance, objectMatrix) {
-    let v = new THREE.Vector3()
-
-    v.setFromMatrixColumn(objectMatrix, 0) // get X column of objectMatrix
-    v.multiplyScalar(- distance)
-
-    this.panOffset.add(v)
-  }
-
-  panUp(distance, objectMatrix) {
-    let v = new THREE.Vector3()
-
-    if (this.screenSpacePanning === true) {
-      v.setFromMatrixColumn(objectMatrix, 1)
-    } else {
-      v.setFromMatrixColumn(objectMatrix, 0)
-      v.crossVectors(this.object.up, v)
-    }
-
-    v.multiplyScalar(distance)
-
-    this.panOffset.add(v)
-  }
-
-  // Patch - translate Y
-  translateY(delta) {
-    this.panOffset.y += delta
-  }
-
-  // deltaX and deltaY are in pixels; right and down are positive
-  pan(deltaX, deltaY, distance) {
-    let offset = new THREE.Vector3()
-
-    if (this.object.isPerspectiveCamera) {
-      // perspective
-      var position = this.object.position
-      offset.copy(position).sub(this.target)
-      var targetDistance = offset.length()
-
-      // half of the fov is center to top of screen
-      targetDistance *= Math.tan((this.object.fov / 2) * Math.PI / 180.0)
-      targetDistance = distance || targetDistance
-
-      // we use only clientHeight here so aspect ratio does not distort speed
-      this.panLeft(2 * deltaX * targetDistance / this.element.clientHeight, this.object.matrix)
-      this.panUp(2 * deltaY * targetDistance / this.element.clientHeight, this.object.matrix)
-    } else if (this.object.isOrthographicCamera) {
-      // orthographic
-      this.panLeft(deltaX * (this.object.right - this.object.left) / this.object.zoom / this.element.clientWidth, this.object.matrix)
-      this.panUp(deltaY * (this.object.top - this.object.bottom) / this.object.zoom / this.element.clientHeight, this.object.matrix)
-    } else {
-      // camera neither orthographic nor perspective
-      console.warn('WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.')
-      this.enablePan = false
-    }
-  }
-
-  dollyOut(dollyScale) {
-    if (this.object.isPerspectiveCamera) {
-      this.scale /= dollyScale
-    } else if (this.object.isOrthographicCamera) {
-      this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom * dollyScale))
-      this.object.updateProjectionMatrix()
-      this.zoomChanged = true
-    } else {
-      console.warn('WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.')
-      this.enableZoom = false
-    }
-  }
-
-  dollyIn(dollyScale) {
-    if (this.object.isPerspectiveCamera) {
-      this.scale *= dollyScale
-    } else if (this.object.isOrthographicCamera) {
-      this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / dollyScale))
-      this.object.updateProjectionMatrix()
-      this.zoomChanged = true
-    } else {
-      console.warn('WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.')
-      this.enableZoom = false
-    }
-  }
-  //#endregion
-
-  //#region Event Callbacks - update the object state
-
-  handleMouseDownRotate(event) {
-    this.rotateStart.set(event.clientX, event.clientY)
-
-  }
-
-  handleMouseDownDolly(event) {
-    this.dollyStart.set(event.clientX, event.clientY)
-
-  }
-
-  handleMouseDownPan(event) {
-    this.panStart.set(event.clientX, event.clientY)
-  }
-
-  handleMouseMoveRotate(event) {
-    this.rotateEnd.set(event.clientX, event.clientY)
-
-    this.rotateDelta.subVectors(this.rotateEnd, this.rotateStart).multiplyScalar(this.rotateSpeed)
-
-    this.rotateLeft(2 * Math.PI * this.rotateDelta.x / this.element.clientHeight) // yes, height
-    this.rotateUp(2 * Math.PI * this.rotateDelta.y / this.element.clientHeight)
-
-    this.rotateStart.copy(this.rotateEnd)
-
-    this.update(true)
-  }
-
-  handleMouseMoveDolly(event) {
-    this.dollyEnd.set(event.clientX, event.clientY)
-    this.dollyDelta.subVectors(this.dollyEnd, this.dollyStart)
-
-    if (this.dollyDelta.y > 0) {
-      this.dollyOut(this.getZoomScale())
-    } else if (this.dollyDelta.y < 0) {
-      this.dollyIn(this.getZoomScale())
-    }
-    this.dollyStart.copy(this.dollyEnd)
-    this.update(true)
-  }
-
-  handleMouseMovePan(event) {
-    this.panEnd.set(event.clientX, event.clientY)
-    this.panDelta.subVectors(this.panEnd, this.panStart).multiplyScalar(this.panSpeed)
-    this.pan(this.panDelta.x, this.panDelta.y)
-
-    this.panStart.copy(this.panEnd)
-
-    this.update(true)
-  }
-
-  handleMouseUp(/*event*/) {
-    // no-op
-  }
-
-  handleMouseWheel(event) {
-    if (event.deltaY < 0) {
-      this.dollyIn(this.getZoomScale())
-    } else if (event.deltaY > 0) {
-      this.dollyOut(this.getZoomScale())
-    }
-
-    this.update(true)
-  }
-
-  //#endregion
-
-  //#region Mouse/Keyboard handlers
-
-  // Called when the cursor location has moved
-  onPointerMove(event) {
-    if (!this.enabled || (this.state == STATE.NONE)) return
-
-    switch (event.pointerType) {
-      case 'mouse':
-      case 'pen':
-        this.onMouseMove(event)
-        break
-      // TODO touch
-    }
-  }
-
-  // Called when the cursor is no longer behind held
-  onPointerUp(event) {
-    if (!this.enabled) return
-    switch (event.pointerType) {
-      case 'mouse':
-      case 'pen':
-        this.onMouseUp(event)
-        break
-      // TODO touch
-    }
-  }
-
-  // On left click or tap
-  onPointerDown(event) {
-    if (!this.enabled) return
-
-    switch (event.pointerType) {
-      case 'mouse':
-      case 'pen':
-        this.onMouseDown(event)
-        break
-      // TODO touch
-    }
-  }
-
-  onMouseDown(event) {
-    // Prevent the browser from scrolling.
-    event.preventDefault()
-
-    // Manually set the focus since calling preventDefault above
-    // prevents the browser from setting it automatically.
-    this.element.focus ? this.element.focus() : window.focus()
-
-    var mouseAction
-
-    switch (event.button) {
-      case 0:
-        mouseAction = this.mouseButtons.LEFT
-        break
-      case 1:
-        mouseAction = this.mouseButtons.MIDDLE
-        break
-      case 2:
-        mouseAction = this.mouseButtons.RIGHT
-        break
-      default:
-        mouseAction = - 1
-    }
-
-    switch (mouseAction) {
-      case THREE.MOUSE.DOLLY:
-        if (this.enableZoom === false) return
-        this.handleMouseDownDolly(event)
-        this.state = STATE.DOLLY
-        break
-      case THREE.MOUSE.ROTATE:
-        if (event.ctrlKey || event.metaKey || event.shiftKey) {
-          if (this.enablePan === false) return
-          this.handleMouseDownPan(event)
-          this.state = STATE.PAN
-        } else {
-          if (this.enableRotate === false) return
-          this.handleMouseDownRotate(event)
-          this.state = STATE.ROTATE
-        }
-        break
-      case THREE.MOUSE.PAN:
-        if (event.ctrlKey || event.metaKey || event.shiftKey) {
-          if (this.enableRotate === false) return
-          this.handleMouseDownRotate(event)
-          this.state = STATE.ROTATE
-        } else {
-          if (this.enablePan === false) return
-          this.handleMouseDownPan(event)
-          this.state = STATE.PAN
-        }
-        break
-      default:
-        this.state = STATE.NONE
-
-    }
-
-  }
-
-  onMouseMove(event) {
-    if (this.enabled === false) return
-
-    event.preventDefault()
-
-    switch (this.state) {
-      case STATE.ROTATE:
-        if (this.enableRotate === false) return
-        this.handleMouseMoveRotate(event)
-        break
-      case STATE.DOLLY:
-        if (this.enableZoom === false) return
-        this.handleMouseMoveDolly(event)
-        break
-      case STATE.PAN:
-        if (this.enablePan === false) return
-        this.handleMouseMovePan(event)
-        break
-    }
-  }
-
-  onMouseUp(event) {
-    this.state = STATE.NONE
-  }
-
-  onMouseWheel(event) {
-    if (this.enabled === false || this.enableZoom === false || (this.state !== STATE.NONE && this.state !== STATE.ROTATE)) return
-    event.preventDefault()
-    event.stopPropagation()
-    this.dispatchEvent(this.startEvent)
-    this.handleMouseWheel(event)
-    this.dispatchEvent(this.endEvent)
-  }
-
-  //#endregion
-
-
-  //#region Touch handlers
-  handleTouchStartRotate(event) {
-
-    if (event.touches.length == 1) {
-
-      this.rotateStart.set(event.touches[0].pageX, event.touches[0].pageY)
-
-    } else {
-
-      var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX)
-      var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY)
-
-      this.rotateStart.set(x, y)
-
-    }
-
-  }
-
-  handleTouchStartPan(event) {
-
-    if (event.touches.length == 1) {
-
-      this.panStart.set(event.touches[0].pageX, event.touches[0].pageY)
-
-    } else {
-
-      var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX)
-      var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY)
-
-      this.panStart.set(x, y)
-
-    }
-
-  }
-
-  handleTouchStartDolly(event) {
-
-    var dx = event.touches[0].pageX - event.touches[1].pageX
-    var dy = event.touches[0].pageY - event.touches[1].pageY
-
-    var distance = Math.sqrt(dx * dx + dy * dy)
-
-    this.dollyStart.set(0, distance)
-
-  }
-
-  handleTouchStartDollyPan(event) {
-    if (this.enableTouchZoom) this.handleTouchStartDolly(event)
-    if (this.enableTouchPan) this.handleTouchStartPan(event)
-  }
-
-  handleTouchStartDollyRotate(event) {
-    if (this.enableTouchZoom) this.handleTouchStartDolly(event)
-    if (this.enableTouchRotate) this.handleTouchStartRotate(event)
-
-  }
-
-  handleTouchMoveRotate(event) {
-    if (event.touches.length == 1) {
-      this.rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY)
-    } else {
-      var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX)
-      var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY)
-
-      this.rotateEnd.set(x, y)
-    }
-
-    this.rotateDelta.subVectors(this.rotateEnd, this.rotateStart).multiplyScalar(this.rotateSpeed)
-
-    this.rotateLeft(2 * Math.PI * this.rotateDelta.x / this.element.clientHeight) // yes, height
-
-    this.rotateUp(2 * Math.PI * this.rotateDelta.y / this.element.clientHeight)
-
-    this.rotateStart.copy(this.rotateEnd)
-
-  }
-
-  handleTouchMovePan(event) {
-
-    if (event.touches.length == 1) {
-      this.panEnd.set(event.touches[0].pageX, event.touches[0].pageY)
-
-    } else {
-
-      var x = 0.5 * (event.touches[0].pageX + event.touches[1].pageX)
-      var y = 0.5 * (event.touches[0].pageY + event.touches[1].pageY)
-
-      this.panEnd.set(x, y)
-
-    }
-
-    this.panDelta.subVectors(this.panEnd, this.panStart).multiplyScalar(this.panSpeed)
-
-    this.pan(this.panDelta.x, this.panDelta.y)
-
-    this.panStart.copy(this.panEnd)
-
-  }
-
-  handleTouchMoveDolly(event) {
-
-    var dx = event.touches[0].pageX - event.touches[1].pageX
-    var dy = event.touches[0].pageY - event.touches[1].pageY
-
-    var distance = Math.sqrt(dx * dx + dy * dy)
-
-    this.dollyEnd.set(0, distance)
-
-    this.dollyDelta.set(0, Math.pow(this.dollyEnd.y / this.dollyStart.y, this.zoomSpeed))
-
-    this.dollyOut(this.dollyDelta.y)
-
-    this.dollyStart.copy(this.dollyEnd)
-
-  }
-
-  handleTouchMoveDollyPan(event) {
-
-    if (this.enableTouchZoom) this.handleTouchMoveDolly(event)
-
-    if (this.enableTouchPan) this.handleTouchMovePan(event)
-
-  }
-
-  handleTouchMoveDollyRotate(event) {
-
-    if (this.enableTouchZoom) this.handleTouchMoveDolly(event)
-
-    if (this.enableTouchRotate) this.handleTouchMoveRotate(event)
-
-  }
-
-  handleTouchEnd( /*event*/) {
-
-    // no-op
-
-  }
-
-  //#endregion
-
-  tickControls() {
-    const control = this.controlMap
-
-    for (var keyCode of this.keyDowns) {
-      if (control.MOVE_FORWARD.includes(keyCode)) {
-        this.pan(0, this.keyPanSpeed, this.keyPanDistance)
-      } else if (control.MOVE_BACKWARD.includes(keyCode)) {
-        this.pan(0, -this.keyPanSpeed, this.keyPanDistance)
-      } else if (control.MOVE_LEFT.includes(keyCode)) {
-        this.pan(this.keyPanSpeed, 0, this.keyPanDistance)
-      } else if (control.MOVE_RIGHT.includes(keyCode)) {
-        this.pan(-this.keyPanSpeed, 0, this.keyPanDistance)
-      } else if (control.MOVE_UP.includes(keyCode)) {
-        this.translateY(+this.verticalTranslationSpeed)
-      } else if (control.MOVE_DOWN.includes(keyCode)) {
-        this.translateY(-this.verticalTranslationSpeed)
-      }
-    }
-  }
-
-  onKeyDown(e) {
-    if (!this.enabled) return
-
-    if (e.code && !this.keyDowns.includes(e.code)) {
-      this.keyDowns.push(e.code)
-      // console.debug('[control] Key down: ', this.keyDowns)
-    }
-  }
-
-  onKeyUp(event) {
-    // console.log('[control] Key up: ', event.code, this.keyDowns)
-    this.keyDowns = this.keyDowns.filter(code => code != event.code)
-  }
-
-  onTouchStart(event) {
-    if (this.enabled === false) return
-    event.preventDefault() // prevent scrolling
-    switch (event.touches.length) {
-      case 1:
-        switch (this.touches.ONE) {
-          case THREE.TOUCH.ROTATE:
-            if (this.enableTouchRotate === false) return
-            this.handleTouchStartRotate(event)
-            this.state = STATE.TOUCH_ROTATE
-            break
-          case THREE.TOUCH.PAN:
-            if (this.enableTouchPan === false) return
-            this.handleTouchStartPan(event)
-            this.state = STATE.TOUCH_PAN
-            break
-          default:
-            this.state = STATE.NONE
-        }
-        break
-      case 2:
-        switch (this.touches.TWO) {
-          case THREE.TOUCH.DOLLY_PAN:
-            if (this.enableTouchZoom === false && this.enableTouchPan === false) return
-            this.handleTouchStartDollyPan(event)
-            this.state = STATE.TOUCH_DOLLY_PAN
-            break
-          case THREE.TOUCH.DOLLY_ROTATE:
-            if (this.enableTouchZoom === false && this.enableTouchRotate === false) return
-            this.handleTouchStartDollyRotate(event)
-            this.state = STATE.TOUCH_DOLLY_ROTATE
-            break
-          default:
-            this.state = STATE.NONE
-        }
-        break
-      default:
-        this.state = STATE.NONE
-    }
-    if (this.state !== STATE.NONE) {
-      this.dispatchEvent(this.startEvent)
-    }
-  }
-
-  onTouchMove(event) {
-
-    if (this.enabled === false) return
-
-    event.preventDefault() // prevent scrolling
-    event.stopPropagation()
-
-    switch (this.state) {
-
-      case STATE.TOUCH_ROTATE:
-
-        if (this.enableTouchRotate === false) return
-
-        this.handleTouchMoveRotate(event)
-
-        this.update()
-
-        break
-
-      case STATE.TOUCH_PAN:
-
-        if (this.enableTouchPan === false) return
-
-        this.handleTouchMovePan(event)
-
-        this.update()
-
-        break
-
-      case STATE.TOUCH_DOLLY_PAN:
-
-        if (this.enableTouchZoom === false && this.enableTouchPan === false) return
-
-        this.handleTouchMoveDollyPan(event)
-
-        this.update()
-
-        break
-
-      case STATE.TOUCH_DOLLY_ROTATE:
-
-        if (this.enableTouchZoom === false && this.enableTouchRotate === false) return
-
-        this.handleTouchMoveDollyRotate(event)
-
-        this.update()
-
-        break
-
-      default:
-
-        this.state = STATE.NONE
-
-    }
-
-  }
-
-  onTouchEnd(event) {
-
-    if (this.enabled === false) return
-
-    this.handleTouchEnd(event)
-
-    this.dispatchEvent(this.endEvent)
-
-    this.state = STATE.NONE
-
-  }
-
-
-  onContextMenu(event) {
-    // Disable context menu
-    if (this.enabled) event.preventDefault()
-  }
-
-  registerHandlers() {
-    this.element.addEventListener('pointermove', this.onPointerMove, false, {passive: true})
-    this.element.addEventListener('pointerup', this.onPointerUp, false, {passive: true})
-    this.element.addEventListener('pointerdown', this.onPointerDown, false, {passive: true})
-    this.element.addEventListener('wheel', this.onMouseWheel, true, {passive: true})
-
-    this.element.addEventListener('touchstart', this.onTouchStart, false, {passive: true})
-    this.element.addEventListener('touchend', this.onTouchEnd, false, {passive: true})
-    this.element.addEventListener('touchmove', this.onTouchMove, false, {passive: true})
-
-    this.element.ownerDocument.addEventListener('contextmenu', this.onContextMenu, false, {passive: true})
-    this.element.ownerDocument.addEventListener('keydown', this.onKeyDown, false, {passive: true})
-    this.element.ownerDocument.addEventListener('keyup', this.onKeyUp, false, {passive: true})
-    console.log('[controls] registered handlers', this.element)
-  }
-
-  unregisterHandlers() {
-    this.element.removeEventListener('pointermove', this.onPointerMove, false, {passive: true})
-    this.element.removeEventListener('pointerup', this.onPointerUp, false, {passive: true})
-    this.element.removeEventListener('pointerdown', this.onPointerDown, false, {passive: true})
-    this.element.removeEventListener('wheel', this.onMouseWheel, true, {passive: true})
-
-    this.element.removeEventListener('touchstart', this.onTouchStart, false, {passive: true})
-    this.element.removeEventListener('touchend', this.onTouchEnd, false, {passive: true})
-    this.element.removeEventListener('touchmove', this.onTouchMove, false, {passive: true})
-
-    this.element.ownerDocument.removeEventListener('contextmenu', this.onContextMenu, false, {passive: true})
-    this.element.ownerDocument.removeEventListener('keydown', this.onKeyDown, false, {passive: true})
-    this.element.ownerDocument.removeEventListener('keyup', this.onKeyUp, false, {passive: true})
-    console.log('[controls] unregistered handlers', this.element)
-  }
-
-  dispatchEvent() {
-    // no-op
-  }
-}
-
-module.exports = { MapControls }
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/lib/entities.js b/prismarine-viewer/viewer/lib/entities.js
deleted file mode 100644
index 94f06e0c..00000000
--- a/prismarine-viewer/viewer/lib/entities.js
+++ /dev/null
@@ -1,482 +0,0 @@
-//@ts-check
-import * as THREE from 'three'
-import * as TWEEN from '@tweenjs/tween.js'
-import * as Entity from './entity/EntityMesh'
-import nbt from 'prismarine-nbt'
-import EventEmitter from 'events'
-import { PlayerObject, PlayerAnimation } from 'skinview3d'
-import { loadSkinToCanvas, loadEarsToCanvasFromSkin, inferModelType, loadCapeToCanvas, loadImage } from 'skinview-utils'
-// todo replace with url
-import stevePng from 'minecraft-assets/minecraft-assets/data/1.20.2/entity/player/wide/steve.png'
-import { WalkingGeneralSwing } from './entity/animations'
-import { NameTagObject } from 'skinview3d/libs/nametag'
-import { flat, fromFormattedString } from '@xmcl/text-component'
-import mojangson from 'mojangson'
-import externalTexturesJson from './entity/externalTextures.json'
-import { disposeObject } from './threeJsUtils'
-
-export const TWEEN_DURATION = 50 // todo should be 100
-
-function getUsernameTexture(username, { fontFamily = 'sans-serif' }) {
-  const canvas = document.createElement('canvas')
-  const ctx = canvas.getContext('2d')
-  if (!ctx) throw new Error('Could not get 2d context')
-
-  const fontSize = 50
-  const padding = 5
-  ctx.font = `${fontSize}px ${fontFamily}`
-
-  const textWidth = ctx.measureText(username).width + padding * 2
-
-  canvas.width = textWidth
-  canvas.height = fontSize + padding * 2
-
-  ctx.fillStyle = 'rgba(0, 0, 0, 0.3)'
-  ctx.fillRect(0, 0, canvas.width, canvas.height)
-
-  ctx.font = `${fontSize}px ${fontFamily}`
-  ctx.fillStyle = 'white'
-  ctx.fillText(username, padding, fontSize)
-
-  return canvas
-}
-
-const addNametag = (entity, options, mesh) => {
-  if (entity.username !== undefined) {
-    if (mesh.children.find(c => c.name === 'nametag')) return // todo update
-    const canvas = getUsernameTexture(entity.username, options)
-    const tex = new THREE.Texture(canvas)
-    tex.needsUpdate = true
-    const spriteMat = new THREE.SpriteMaterial({ map: tex })
-    const sprite = new THREE.Sprite(spriteMat)
-    sprite.renderOrder = 1000
-    sprite.scale.set(canvas.width * 0.005, canvas.height * 0.005, 1)
-    sprite.position.y += entity.height + 0.6
-    sprite.name = 'nametag'
-
-    mesh.add(sprite)
-  }
-}
-
-// todo cleanup
-const nametags = {}
-
-function getEntityMesh(entity, scene, options, overrides) {
-  if (entity.name) {
-    try {
-      // https://github.com/PrismarineJS/prismarine-viewer/pull/410
-      const entityName = entity.name.toLowerCase()
-      const e = new Entity.EntityMesh('1.16.4', entityName, scene, overrides)
-
-      if (e.mesh) {
-        addNametag(entity, options, e.mesh)
-        return e.mesh
-      }
-    } catch (err) {
-      reportError?.(err)
-    }
-  }
-
-  const geometry = new THREE.BoxGeometry(entity.width, entity.height, entity.width)
-  geometry.translate(0, entity.height / 2, 0)
-  const material = new THREE.MeshBasicMaterial({ color: 0xff_00_ff })
-  const cube = new THREE.Mesh(geometry, material)
-  const nametagCount = (nametags[entity.name] = (nametags[entity.name] || 0) + 1)
-  if (nametagCount < 6) {
-    addNametag({
-      username: entity.name,
-      height: entity.height,
-    }, options, cube)
-  }
-  return cube
-}
-
-export class Entities extends EventEmitter {
-  constructor(scene) {
-    super()
-    /** @type {THREE.Scene} */
-    this.scene = scene
-    this.entities = {}
-    this.entitiesOptions = {}
-    this.debugMode = 'none'
-    this.onSkinUpdate = () => { }
-    this.clock = new THREE.Clock()
-    this.rendering = true
-    this.itemsTexture = null
-    this.getItemUv = undefined
-  }
-
-  clear() {
-    for (const mesh of Object.values(this.entities)) {
-      this.scene.remove(mesh)
-      disposeObject(mesh)
-    }
-    this.entities = {}
-  }
-
-  setDebugMode(mode, /** @type {THREE.Object3D?} */entity = null) {
-    this.debugMode = mode
-    for (const mesh of entity ? [entity] : Object.values(this.entities)) {
-      const boxHelper = mesh.children.find(c => c.name === 'debug')
-      boxHelper.visible = false
-      if (this.debugMode === 'basic') {
-        boxHelper.visible = true
-      }
-      // todo advanced
-    }
-  }
-
-  setRendering(rendering, /** @type {THREE.Object3D?} */entity = null) {
-    this.rendering = rendering
-    for (const ent of entity ? [entity] : Object.values(this.entities)) {
-      if (rendering) {
-        if (!this.scene.children.includes(ent)) this.scene.add(ent)
-      } else {
-        this.scene.remove(ent)
-      }
-    }
-  }
-
-  render() {
-    const dt = this.clock.getDelta()
-    for (const entityId of Object.keys(this.entities)) {
-      const playerObject = this.getPlayerObject(entityId)
-      if (playerObject?.animation) {
-        playerObject.animation.update(playerObject, dt)
-      }
-    }
-  }
-
-  getPlayerObject(entityId) {
-    /** @type {(PlayerObject & { animation?: PlayerAnimation }) | undefined} */
-    const playerObject = this.entities[entityId]?.playerObject
-    return playerObject
-  }
-
-  // fixme workaround
-  defaultSteveTexture
-
-  // true means use default skin url
-  updatePlayerSkin(entityId, username, /** @type {string | true} */skinUrl, /** @type {string | true | undefined} */capeUrl = undefined) {
-    let playerObject = this.getPlayerObject(entityId)
-    if (!playerObject) return
-    // const username = this.entities[entityId].username
-    // or https://mulv.vercel.app/
-    if (skinUrl === true) {
-      skinUrl = `https://mulv.tycrek.dev/api/lookup?username=${username}&type=skin`
-      if (!username) return
-    }
-    loadImage(skinUrl).then((image) => {
-      playerObject = this.getPlayerObject(entityId)
-      if (!playerObject) return
-      /** @type {THREE.CanvasTexture} */
-      let skinTexture
-      if (skinUrl === stevePng && this.defaultSteveTexture) {
-        skinTexture = this.defaultSteveTexture
-      } else {
-        const skinCanvas = document.createElement('canvas')
-        loadSkinToCanvas(skinCanvas, image)
-        skinTexture = new THREE.CanvasTexture(skinCanvas)
-        if (skinUrl === stevePng) {
-          this.defaultSteveTexture = skinTexture
-        }
-      }
-      skinTexture.magFilter = THREE.NearestFilter
-      skinTexture.minFilter = THREE.NearestFilter
-      skinTexture.needsUpdate = true
-      //@ts-ignore
-      playerObject.skin.map = skinTexture
-      playerObject.skin.modelType = inferModelType(skinTexture.image)
-
-      const earsCanvas = document.createElement('canvas')
-      loadEarsToCanvasFromSkin(earsCanvas, image)
-      if (!isCanvasBlank(earsCanvas)) {
-        const earsTexture = new THREE.CanvasTexture(earsCanvas)
-        earsTexture.magFilter = THREE.NearestFilter
-        earsTexture.minFilter = THREE.NearestFilter
-        earsTexture.needsUpdate = true
-        //@ts-ignore
-        playerObject.ears.map = earsTexture
-        playerObject.ears.visible = true
-      } else {
-        playerObject.ears.map = null
-        playerObject.ears.visible = false
-      }
-      this.onSkinUpdate?.()
-      if (capeUrl) {
-        if (capeUrl === true) capeUrl = `https://mulv.tycrek.dev/api/lookup?username=${username}&type=cape`
-        loadImage(capeUrl).then((capeImage) => {
-          playerObject = this.getPlayerObject(entityId)
-          if (!playerObject) return
-          const capeCanvas = document.createElement('canvas')
-          loadCapeToCanvas(capeCanvas, capeImage)
-
-          const capeTexture = new THREE.CanvasTexture(capeCanvas)
-          capeTexture.magFilter = THREE.NearestFilter
-          capeTexture.minFilter = THREE.NearestFilter
-          capeTexture.needsUpdate = true
-          //@ts-ignore
-          playerObject.cape.map = capeTexture
-          playerObject.cape.visible = true
-          //@ts-ignore
-          playerObject.elytra.map = capeTexture
-          this.onSkinUpdate?.()
-
-          if (!playerObject.backEquipment) {
-            playerObject.backEquipment = 'cape'
-          }
-        }, () => { })
-      }
-    }, () => { })
-
-
-    playerObject.cape.visible = false
-    if (!capeUrl) {
-      playerObject.backEquipment = null
-      playerObject.elytra.map = null
-      if (playerObject.cape.map) {
-        playerObject.cape.map.dispose()
-      }
-      playerObject.cape.map = null
-    }
-
-    function isCanvasBlank(canvas) {
-      return !canvas.getContext('2d')
-        .getImageData(0, 0, canvas.width, canvas.height).data
-        .some(channel => channel !== 0)
-    }
-  }
-
-  playAnimation(entityPlayerId, /** @type {'walking' | 'running' | 'oneSwing' | 'idle'} */animation) {
-    const playerObject = this.getPlayerObject(entityPlayerId)
-    if (!playerObject) return
-
-    if (animation === 'oneSwing') {
-      if (!(playerObject.animation instanceof WalkingGeneralSwing)) throw new Error('Expected WalkingGeneralSwing')
-      playerObject.animation.swingArm()
-      return
-    }
-
-    if (playerObject.animation instanceof WalkingGeneralSwing) {
-      playerObject.animation.switchAnimationCallback = () => {
-        if (!(playerObject.animation instanceof WalkingGeneralSwing)) throw new Error('Expected WalkingGeneralSwing')
-        playerObject.animation.isMoving = animation !== 'idle'
-        playerObject.animation.isRunning = animation === 'running'
-      }
-    }
-
-  }
-
-  parseEntityLabel(jsonLike) {
-    if (!jsonLike) return
-    try {
-      const parsed = typeof jsonLike === 'string' ? mojangson.simplify(mojangson.parse(jsonLike)) : nbt.simplify(jsonLike)
-      const text = flat(parsed).map(x => x.text)
-      return text.join('')
-    } catch (err) {
-      return jsonLike
-    }
-  }
-
-  update(/** @type {import('prismarine-entity').Entity & {delete?, pos}} */entity, overrides) {
-    let isPlayerModel = entity.name === 'player'
-    if (entity.name === 'zombie' || entity.name === 'zombie_villager' || entity.name === 'husk') {
-      isPlayerModel = true
-      overrides.texture = `textures/1.16.4/entity/${entity.name === 'zombie_villager' ? 'zombie_villager/zombie_villager.png' : `zombie/${entity.name}.png`}`
-    }
-    if (!this.entities[entity.id] && !entity.delete) {
-      const group = new THREE.Group()
-      let mesh
-      if (entity.name === 'item') {
-        /** @type {any} */
-        //@ts-ignore
-        const item = entity.metadata?.find(m => typeof m === 'object' && m !== null && m.itemCount)
-        if (item) {
-          const textureUv = this.getItemUv?.(item.itemId ?? item.blockId)
-          if (textureUv) {
-            // todo use geometry buffer uv instead!
-            const { u, v, size, su, sv, texture } = textureUv
-            const itemsTexture = texture.clone()
-            itemsTexture.flipY = true
-            itemsTexture.offset.set(u, 1 - v - (sv ?? size))
-            itemsTexture.repeat.set(su ?? size, sv ?? size)
-            itemsTexture.needsUpdate = true
-            itemsTexture.magFilter = THREE.NearestFilter
-            itemsTexture.minFilter = THREE.NearestFilter
-            const itemsTextureFlipped = itemsTexture.clone()
-            itemsTextureFlipped.repeat.x *= -1
-            itemsTextureFlipped.needsUpdate = true
-            itemsTextureFlipped.offset.set(u + (su ?? size), 1 - v - (sv ?? size))
-            const material = new THREE.MeshStandardMaterial({
-              map: itemsTexture,
-              transparent: true,
-              alphaTest: 0.1,
-            })
-            const materialFlipped = new THREE.MeshStandardMaterial({
-              map: itemsTextureFlipped,
-              transparent: true,
-              alphaTest: 0.1,
-            })
-            mesh = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 0.0), [
-              // top left and right bottom are black box materials others are transparent
-              new THREE.MeshBasicMaterial({ color: 0x000000 }), new THREE.MeshBasicMaterial({ color: 0x000000 }),
-              new THREE.MeshBasicMaterial({ color: 0x000000 }), new THREE.MeshBasicMaterial({ color: 0x000000 }),
-              material, materialFlipped
-            ])
-            mesh.scale.set(0.5, 0.5, 0.5)
-            mesh.position.set(0, 0.2, 0)
-            // set faces
-            // mesh.position.set(targetPos.x + 0.5 + 2, targetPos.y + 0.5, targetPos.z + 0.5)
-            // viewer.scene.add(mesh)
-            const clock = new THREE.Clock()
-            mesh.onBeforeRender = () => {
-              const delta = clock.getDelta()
-              mesh.rotation.y += delta
-            }
-            //@ts-ignore
-            group.additionalCleanup = () => {
-              // important: avoid texture memory leak and gpu slowdown
-              itemsTexture.dispose()
-              itemsTextureFlipped.dispose()
-            }
-          }
-        }
-      } else if (isPlayerModel) {
-        // CREATE NEW PLAYER ENTITY
-        const wrapper = new THREE.Group()
-        /** @type {PlayerObject & { animation?: PlayerAnimation }} */
-        const playerObject = new PlayerObject()
-        playerObject.position.set(0, 16, 0)
-
-        //@ts-ignore
-        wrapper.add(playerObject)
-        const scale = 1 / 16
-        wrapper.scale.set(scale, scale, scale)
-
-        if (entity.username) {
-          // todo proper colors
-          const nameTag = new NameTagObject(fromFormattedString(entity.username).text, {
-            font: `48px ${this.entitiesOptions.fontFamily}`,
-          })
-          nameTag.position.y = playerObject.position.y + playerObject.scale.y * 16 + 3
-          nameTag.renderOrder = 1000
-
-          //@ts-ignore
-          wrapper.add(nameTag)
-        }
-
-        //@ts-ignore
-        group.playerObject = playerObject
-        wrapper.rotation.set(0, Math.PI, 0)
-        mesh = wrapper
-        playerObject.animation = new WalkingGeneralSwing()
-        //@ts-ignore
-        playerObject.animation.isMoving = false
-      } else {
-        mesh = getEntityMesh(entity, this.scene, this.entitiesOptions, overrides)
-      }
-      if (!mesh) return
-      mesh.name = 'mesh'
-      // set initial position so there are no weird jumps update after
-      group.position.set(entity.pos.x, entity.pos.y, entity.pos.z)
-
-      // todo use width and height instead
-      const boxHelper = new THREE.BoxHelper(mesh,
-        entity.type === 'hostile' ? 0xff0000 :
-          entity.type === 'mob' ? 0x00ff00 :
-            entity.type === "player" ? 0x0000ff :
-              0xffa500
-      )
-      boxHelper.name = 'debug'
-      group.add(mesh)
-      group.add(boxHelper)
-      boxHelper.visible = false
-      this.scene.add(group)
-
-      this.entities[entity.id] = group
-
-      this.emit('add', entity)
-
-      if (isPlayerModel) {
-        this.updatePlayerSkin(entity.id, '', overrides?.texture || stevePng)
-      }
-      this.setDebugMode(this.debugMode, group)
-      this.setRendering(this.rendering, group)
-    }
-
-    //@ts-ignore
-    const isInvisible = entity.metadata?.[0] & 0x20
-    if (isInvisible) {
-      for (const child of this.entities[entity.id].children.find(c => c.name === 'mesh').children) {
-        if (child.name !== 'nametag') {
-          child.visible = false
-        }
-      }
-    }
-    // not player
-    const displayText = entity.metadata?.[3] && this.parseEntityLabel(entity.metadata[2])
-    if (entity.name !== 'player' && displayText) {
-      addNametag({ ...entity, username: displayText }, this.entitiesOptions, this.entities[entity.id].children.find(c => c.name === 'mesh'))
-    }
-
-    // todo handle map, map_chunks events
-    // if (entity.name === 'item_frame' || entity.name === 'glow_item_frame') {
-    //   const example = {
-    //     "present": true,
-    //     "itemId": 847,
-    //     "itemCount": 1,
-    //     "nbtData": {
-    //         "type": "compound",
-    //         "name": "",
-    //         "value": {
-    //             "map": {
-    //                 "type": "int",
-    //                 "value": 2146483444
-    //             },
-    //             "interactiveboard": {
-    //                 "type": "byte",
-    //                 "value": 1
-    //             }
-    //         }
-    //     }
-    // }
-    //   const item = entity.metadata?.[8]
-    //   if (item.nbtData) {
-    //     const nbt = nbt.simplify(item.nbtData)
-    //   }
-    // }
-
-    // this can be undefined in case where packet entity_destroy was sent twice (so it was already deleted)
-    const e = this.entities[entity.id]
-
-    if (entity.username) {
-      e.username = entity.username
-    }
-
-    if (e?.playerObject && overrides?.rotation?.head) {
-      /** @type {PlayerObject} */
-      const playerObject = e.playerObject
-      const headRotationDiff = overrides.rotation.head.y ? overrides.rotation.head.y - entity.yaw : 0
-      playerObject.skin.head.rotation.y = -headRotationDiff
-      playerObject.skin.head.rotation.x = overrides.rotation.head.x ? - overrides.rotation.head.x : 0
-    }
-
-    if (entity.delete && e) {
-      if (e.additionalCleanup) e.additionalCleanup()
-      this.emit('remove', entity)
-      this.scene.remove(e)
-      disposeObject(e)
-      // todo dispose textures as well ?
-      delete this.entities[entity.id]
-    }
-
-    if (entity.pos) {
-      new TWEEN.Tween(e.position).to({ x: entity.pos.x, y: entity.pos.y, z: entity.pos.z }, TWEEN_DURATION).start()
-    }
-    if (entity.yaw) {
-      const da = (entity.yaw - e.rotation.y) % (Math.PI * 2)
-      const dy = 2 * da % (Math.PI * 2) - da
-      new TWEEN.Tween(e.rotation).to({ y: e.rotation.y + dy }, TWEEN_DURATION).start()
-    }
-  }
-}
diff --git a/prismarine-viewer/viewer/lib/entity/EntityMesh.js b/prismarine-viewer/viewer/lib/entity/EntityMesh.js
deleted file mode 100644
index 8f8812d0..00000000
--- a/prismarine-viewer/viewer/lib/entity/EntityMesh.js
+++ /dev/null
@@ -1,383 +0,0 @@
-//@ts-check
-import { OBJLoader } from 'three-stdlib'
-import entities from './entities.json'
-import { externalModels } from './objModels'
-import externalTexturesJson from './externalTextures.json'
-// import { loadTexture } from globalThis.isElectron ? '../utils.electron.js' : '../utils';
-const { loadTexture } = globalThis.isElectron ? require('../utils.electron.js') : require('../utils')
-
-const elemFaces = {
-  up: {
-    dir: [0, 1, 0],
-    u0: [0, 0, 1],
-    v0: [0, 0, 0],
-    u1: [1, 0, 1],
-    v1: [0, 0, 1],
-    corners: [
-      [0, 1, 1, 0, 0],
-      [1, 1, 1, 1, 0],
-      [0, 1, 0, 0, 1],
-      [1, 1, 0, 1, 1]
-    ]
-  },
-  down: {
-    dir: [0, -1, 0],
-    u0: [1, 0, 1],
-    v0: [0, 0, 0],
-    u1: [2, 0, 1],
-    v1: [0, 0, 1],
-    corners: [
-      [1, 0, 1, 0, 0],
-      [0, 0, 1, 1, 0],
-      [1, 0, 0, 0, 1],
-      [0, 0, 0, 1, 1]
-    ]
-  },
-  east: {
-    dir: [1, 0, 0],
-    u0: [0, 0, 0],
-    v0: [0, 0, 1],
-    u1: [0, 0, 1],
-    v1: [0, 1, 1],
-    corners: [
-      [1, 1, 1, 0, 0],
-      [1, 0, 1, 0, 1],
-      [1, 1, 0, 1, 0],
-      [1, 0, 0, 1, 1]
-    ]
-  },
-  west: {
-    dir: [-1, 0, 0],
-    u0: [1, 0, 1],
-    v0: [0, 0, 1],
-    u1: [1, 0, 2],
-    v1: [0, 1, 1],
-    corners: [
-      [0, 1, 0, 0, 0],
-      [0, 0, 0, 0, 1],
-      [0, 1, 1, 1, 0],
-      [0, 0, 1, 1, 1]
-    ]
-  },
-  north: {
-    dir: [0, 0, -1],
-    u0: [0, 0, 1],
-    v0: [0, 0, 1],
-    u1: [1, 0, 1],
-    v1: [0, 1, 1],
-    corners: [
-      [1, 0, 0, 0, 1],
-      [0, 0, 0, 1, 1],
-      [1, 1, 0, 0, 0],
-      [0, 1, 0, 1, 0]
-    ]
-  },
-  south: {
-    dir: [0, 0, 1],
-    u0: [1, 0, 2],
-    v0: [0, 0, 1],
-    u1: [2, 0, 2],
-    v1: [0, 1, 1],
-    corners: [
-      [0, 0, 1, 0, 1],
-      [1, 0, 1, 1, 1],
-      [0, 1, 1, 0, 0],
-      [1, 1, 1, 1, 0]
-    ]
-  }
-}
-
-function dot (a, b) {
-  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2]
-}
-
-function addCube (attr, boneId, bone, cube, texWidth = 64, texHeight = 64) {
-  const cubeRotation = new THREE.Euler(0, 0, 0)
-  if (cube.rotation) {
-    cubeRotation.x = -cube.rotation[0] * Math.PI / 180
-    cubeRotation.y = -cube.rotation[1] * Math.PI / 180
-    cubeRotation.z = -cube.rotation[2] * Math.PI / 180
-  }
-  for (const { dir, corners, u0, v0, u1, v1 } of Object.values(elemFaces)) {
-    const ndx = Math.floor(attr.positions.length / 3)
-
-    for (const pos of corners) {
-      const u = (cube.uv[0] + dot(pos[3] ? u1 : u0, cube.size)) / texWidth
-      const v = (cube.uv[1] + dot(pos[4] ? v1 : v0, cube.size)) / texHeight
-
-      const inflate = cube.inflate ? cube.inflate : 0
-      let vecPos = new THREE.Vector3(
-        cube.origin[0] + pos[0] * cube.size[0] + (pos[0] ? inflate : -inflate),
-        cube.origin[1] + pos[1] * cube.size[1] + (pos[1] ? inflate : -inflate),
-        cube.origin[2] + pos[2] * cube.size[2] + (pos[2] ? inflate : -inflate)
-      )
-
-      vecPos = vecPos.applyEuler(cubeRotation)
-      vecPos = vecPos.sub(bone.position)
-      vecPos = vecPos.applyEuler(bone.rotation)
-      vecPos = vecPos.add(bone.position)
-
-      attr.positions.push(vecPos.x, vecPos.y, vecPos.z)
-      attr.normals.push(...dir)
-      attr.uvs.push(u, v)
-      attr.skinIndices.push(boneId, 0, 0, 0)
-      attr.skinWeights.push(1, 0, 0, 0)
-    }
-
-    attr.indices.push(
-      ndx, ndx + 1, ndx + 2,
-      ndx + 2, ndx + 1, ndx + 3
-    )
-  }
-}
-
-function getMesh (texture, jsonModel, overrides = {}) {
-  const bones = {}
-
-  const geoData = {
-    positions: [],
-    normals: [],
-    uvs: [],
-    indices: [],
-    skinIndices: [],
-    skinWeights: []
-  }
-  let i = 0
-  for (const jsonBone of jsonModel.bones) {
-    const bone = new THREE.Bone()
-    if (jsonBone.pivot) {
-      bone.position.x = jsonBone.pivot[0]
-      bone.position.y = jsonBone.pivot[1]
-      bone.position.z = jsonBone.pivot[2]
-    }
-    if (jsonBone.bind_pose_rotation) {
-      bone.rotation.x = -jsonBone.bind_pose_rotation[0] * Math.PI / 180
-      bone.rotation.y = -jsonBone.bind_pose_rotation[1] * Math.PI / 180
-      bone.rotation.z = -jsonBone.bind_pose_rotation[2] * Math.PI / 180
-    } else if (jsonBone.rotation) {
-      bone.rotation.x = -jsonBone.rotation[0] * Math.PI / 180
-      bone.rotation.y = -jsonBone.rotation[1] * Math.PI / 180
-      bone.rotation.z = -jsonBone.rotation[2] * Math.PI / 180
-    }
-    if (overrides.rotation?.[jsonBone.name]) {
-      bone.rotation.x -= (overrides.rotation[jsonBone.name].x ?? 0) * Math.PI / 180
-      bone.rotation.y -= (overrides.rotation[jsonBone.name].y ?? 0) * Math.PI / 180
-      bone.rotation.z -= (overrides.rotation[jsonBone.name].z ?? 0) * Math.PI / 180
-    }
-    bone.name = `bone_${jsonBone.name}`
-    bones[jsonBone.name] = bone
-
-    if (jsonBone.cubes) {
-      for (const cube of jsonBone.cubes) {
-        addCube(geoData, i, bone, cube, jsonModel.texturewidth, jsonModel.textureheight)
-      }
-    }
-    i++
-  }
-
-  const rootBones = []
-  for (const jsonBone of jsonModel.bones) {
-    if (jsonBone.parent && bones[jsonBone.parent]) bones[jsonBone.parent].add(bones[jsonBone.name])
-    else {
-      rootBones.push(bones[jsonBone.name])
-    }
-  }
-
-  const skeleton = new THREE.Skeleton(Object.values(bones))
-
-  const geometry = new THREE.BufferGeometry()
-  geometry.setAttribute('position', new THREE.Float32BufferAttribute(geoData.positions, 3))
-  geometry.setAttribute('normal', new THREE.Float32BufferAttribute(geoData.normals, 3))
-  geometry.setAttribute('uv', new THREE.Float32BufferAttribute(geoData.uvs, 2))
-  geometry.setAttribute('skinIndex', new THREE.Uint16BufferAttribute(geoData.skinIndices, 4))
-  geometry.setAttribute('skinWeight', new THREE.Float32BufferAttribute(geoData.skinWeights, 4))
-  geometry.setIndex(geoData.indices)
-
-  const material = new THREE.MeshLambertMaterial({ transparent: true, alphaTest: 0.1 })
-  const mesh = new THREE.SkinnedMesh(geometry, material)
-  mesh.add(...rootBones)
-  mesh.bind(skeleton)
-  mesh.scale.set(1 / 16, 1 / 16, 1 / 16)
-
-  loadTexture(texture, texture => {
-    if (material.map) {
-      // texture is already loaded
-      return
-    }
-    texture.magFilter = THREE.NearestFilter
-    texture.minFilter = THREE.NearestFilter
-    texture.flipY = false
-    texture.wrapS = THREE.RepeatWrapping
-    texture.wrapT = THREE.RepeatWrapping
-    material.map = texture
-  })
-
-  return mesh
-}
-
-export const knownNotHandled = [
-  'area_effect_cloud', 'block_display',
-  'chest_boat', 'end_crystal',
-  'falling_block', 'furnace_minecart',
-  'giant', 'glow_item_frame',
-  'glow_squid', 'illusioner',
-  'interaction', 'item',
-  'item_display', 'item_frame',
-  'lightning_bolt', 'marker',
-  'painting', 'spawner_minecart',
-  'spectral_arrow', 'text_display',
-  'tnt', 'trader_llama', 'zombie_horse'
-]
-
-export const temporaryMap = {
-  'furnace_minecart': 'minecart',
-  'spawner_minecart': 'minecart',
-  'chest_minecart': 'minecart',
-  'hopper_minecart': 'minecart',
-  'command_block_minecart': 'minecart',
-  'tnt_minecart': 'minecart',
-  'glow_squid': 'squid',
-  'trader_llama': 'llama',
-  'chest_boat': 'boat',
-  'spectral_arrow': 'arrow',
-  'husk': 'zombie',
-  'zombie_horse': 'horse',
-  'donkey': 'horse',
-  'skeleton_horse': 'horse',
-  'mule': 'horse',
-  'ocelot': 'cat',
-  // 'falling_block': 'block',
-  // 'lightning_bolt': 'lightning',
-}
-
-const getEntity = (name) => {
-  return entities[name]
-}
-
-// const externalModelsTextures = {
-//   allay: 'allay/allay',
-//   axolotl: 'axolotl/axolotl_blue',
-//   blaze: 'blaze',
-//   camel: 'camel/camel',
-//   cat: 'cat/black',
-//   chicken: 'chicken',
-//   cod: 'fish/cod',
-//   creeper: 'creeper/creeper',
-//   dolphin: 'dolphin',
-//   ender_dragon: 'enderdragon/dragon',
-//   enderman: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAYAAACinX6EAAAABGdBTUEAALGPC/xhBQAAAY5JREFUaN7lWNESgzAI8yv8/z/tXjZPHSShYitb73rXedo1AQJ0WchY17WhudQZ7TS18Qb5AXtY/yUBO8tXIaCRqRNwXlcgwDJgmAALfBUP8AjYEdHnAZUIAGdvPy+CnobJIVw9DVIPEABawuEyyvYx1sMIMP8fAbUO7ukBImZmCCEP2AhglnRip8vio7MIxYEsaVkdeYNjYfbN/BBA1twP9AxpB0qlMwj48gBP5Ji1rXc8nfBImk6A5+KqShNwdTwgKy0xYRzdS4yoY651W8EDRwGVJEDVITGtjiEAaEBq3o4SwGqRVAKsdVYIsAzDCACV6VwCFMBCpqLvgudzQ6CnjL5afmeX4pdE0LIQuYCBzZbQfT4rC6COUQGn9B3MQ28pSIxDSDdNrKdQSZJ7lDurMeZm6iEjKVENh8cQgBowBFK5gEHhsO3xFA/oKXp6vg8RoHaD2QRkiaDnAYcZAcB+E6GTRVAhQCVJyVImKOUiBLW3KL4jzU2POHp64RIQ/ADO6D6Ry1gl9tlN1Xm+AK8s2jHadDijAAAAAElFTkSuQmCC',
-//   endermite: 'endermite',
-//   fox: 'fox/fox',
-//   frog: 'frog/cold_frog',
-//   ghast: 'ghast/ghast',
-//   goat: 'goat/goat',
-//   guardian: 'guardian',
-//   horse: 'horse/horse_brown',
-//   llama: 'llama/creamy',
-//   minecart: 'minecart',
-//   parrot: 'parrot/parrot_grey',
-//   piglin: 'piglin/piglin',
-//   pillager: 'illager/pillager',
-//   rabbit: 'rabbit/brown',
-//   sheep: 'sheep/sheep',
-//   shulker: 'shulker/shulker',
-//   sniffer: 'sniffer/sniffer',
-//   spider: 'spider/spider',
-//   tadpole: 'tadpole/tadpole',
-//   turtle: 'turtle/big_sea_turtle',
-//   vex: 'illager/vex',
-//   villager: 'villager/villager',
-//   warden: 'warden/warden',
-//   witch: 'witch',
-//   wolf: 'wolf/wolf',
-//   zombie_villager: 'zombie_villager/zombie_villager'
-// }
-
-export class EntityMesh {
-  constructor (version, type, scene, /** @type {{textures?, rotation?: Record<string, {x,y,z}>}} */overrides = {}) {
-    let originalType = type
-    const mappedValue = temporaryMap[type]
-    if (mappedValue) type = mappedValue
-
-    if (externalModels[type]) {
-      const objLoader = new OBJLoader()
-      let texturePath = externalTexturesJson[type]
-      if (originalType === 'zombie_horse') {
-        texturePath = `textures/${version}/entity/horse/horse_zombie.png`
-      }
-      if (originalType === 'skeleton_horse') {
-        texturePath = `textures/${version}/entity/horse/horse_skeleton.png`
-      }
-      if (originalType === 'donkey') {
-        texturePath = `textures/${version}/entity/horse/donkey.png`
-      }
-      if (originalType === 'mule') {
-        texturePath = `textures/${version}/entity/horse/mule.png`
-      }
-      if (originalType === 'ocelot') {
-        texturePath = `textures/${version}/entity/cat/ocelot.png`
-      }
-      if (!texturePath) throw new Error(`No texture for ${type}`)
-      const texture = new THREE.TextureLoader().load(texturePath)
-      texture.minFilter = THREE.NearestFilter
-      texture.magFilter = THREE.NearestFilter
-      const material = new THREE.MeshBasicMaterial({
-        map: texture,
-        transparent: true,
-        alphaTest: 0.1
-      })
-      const obj = objLoader.parse(externalModels[type])
-      if (type === 'boat') obj.position.y = -1 // todo, should not be hardcoded
-      obj.traverse((child) => {
-        if (child instanceof THREE.Mesh) {
-          child.material = material
-          // todo
-          if (child.name === 'Head layer') child.visible = false
-          if (child.name === 'Head' && overrides.rotation?.head) { // todo
-            child.rotation.x -= (overrides.rotation.head.x ?? 0) * Math.PI / 180
-            child.rotation.y -= (overrides.rotation.head.y ?? 0) * Math.PI / 180
-            child.rotation.z -= (overrides.rotation.head.z ?? 0) * Math.PI / 180
-          }
-        }
-      })
-      this.mesh = obj
-      return
-    }
-
-    const e = getEntity(type)
-    if (!e) {
-      if (knownNotHandled.includes(type)) return
-      throw new Error(`Unknown entity ${type}`)
-    }
-
-    this.mesh = new THREE.Object3D()
-    for (const [name, jsonModel] of Object.entries(e.geometry)) {
-      const texture = overrides.textures?.[name] ?? e.textures[name]
-      if (!texture) continue
-      // console.log(JSON.stringify(jsonModel, null, 2))
-      const mesh = getMesh(texture.replace('textures', 'textures/' + version) + '.png', jsonModel, overrides)
-      mesh.name = `geometry_${name}`
-      this.mesh.add(mesh)
-
-      const skeletonHelper = new THREE.SkeletonHelper(mesh)
-      //@ts-ignore
-      skeletonHelper.material.linewidth = 2
-      skeletonHelper.visible = false
-      this.mesh.add(skeletonHelper)
-    }
-  }
-
-  static getStaticData (name) {
-    name = temporaryMap[name] || name
-    if (externalModels[name]) {
-      return {
-        boneNames: [] // todo
-      }
-    }
-    const e = getEntity(name)
-    if (!e) throw new Error(`Unknown entity ${name}`)
-    return {
-      boneNames: Object.values(e.geometry).flatMap(x => x.name)
-    }
-  }
-}
diff --git a/prismarine-viewer/viewer/lib/entity/animations.js b/prismarine-viewer/viewer/lib/entity/animations.js
deleted file mode 100644
index 626c75d1..00000000
--- a/prismarine-viewer/viewer/lib/entity/animations.js
+++ /dev/null
@@ -1,103 +0,0 @@
-import { PlayerAnimation } from 'skinview3d'
-
-export class WalkingGeneralSwing extends PlayerAnimation {
-
-  switchAnimationCallback
-
-  isRunning = false
-  isMoving = true
-
-  _startArmSwing
-
-  swingArm () {
-    this._startArmSwing = this.progress
-  }
-
-  animate (player) {
-    // Multiply by animation's natural speed
-    let t
-    const updateT = () => {
-      if (!this.isMoving) {
-        t = 0
-        return
-      }
-      if (this.isRunning) {
-        t = this.progress * 10 + Math.PI * 0.5
-      } else {
-        t = this.progress * 8
-      }
-    }
-    updateT()
-    let reset = false
-
-    if ((this.isRunning ? Math.cos(t) : Math.sin(t)) < 0.01) {
-      if (this.switchAnimationCallback) {
-        reset = true
-        this.progress = 0
-        updateT()
-      }
-    }
-
-    if (this.isRunning) {
-      // Leg swing with larger amplitude
-      player.skin.leftLeg.rotation.x = Math.cos(t + Math.PI) * 1.3
-      player.skin.rightLeg.rotation.x = Math.cos(t) * 1.3
-    } else {
-      // Leg swing
-      player.skin.leftLeg.rotation.x = Math.sin(t) * 0.5
-      player.skin.rightLeg.rotation.x = Math.sin(t + Math.PI) * 0.5
-    }
-
-    if (this._startArmSwing) {
-      let tHand = (this.progress - this._startArmSwing) * 18 + Math.PI * 0.5
-      player.skin.rightArm.rotation.x = Math.cos(tHand) * 1.5
-      const basicArmRotationZ = Math.PI * 0.1
-      player.skin.rightArm.rotation.z = Math.cos(t + Math.PI) * 0.3 - basicArmRotationZ
-
-      if (tHand > Math.PI + Math.PI * 0.5) {
-        this._startArmSwing = null
-        player.skin.rightArm.rotation.z = 0
-      }
-    }
-
-    if (this.isRunning) {
-      player.skin.leftArm.rotation.x = Math.cos(t) * 1.5
-      if (!this._startArmSwing) {
-        player.skin.rightArm.rotation.x = Math.cos(t + Math.PI) * 1.5
-      }
-      const basicArmRotationZ = Math.PI * 0.1
-      player.skin.leftArm.rotation.z = Math.cos(t) * 0.1 + basicArmRotationZ
-      if (!this._startArmSwing) {
-        player.skin.rightArm.rotation.z = Math.cos(t + Math.PI) * 0.1 - basicArmRotationZ
-      }
-    } else {
-      // Arm swing
-      player.skin.leftArm.rotation.x = Math.sin(t + Math.PI) * 0.5
-      if (!this._startArmSwing) {
-        player.skin.rightArm.rotation.x = Math.sin(t) * 0.5
-      }
-      const basicArmRotationZ = Math.PI * 0.02
-      player.skin.leftArm.rotation.z = Math.cos(t) * 0.03 + basicArmRotationZ
-      if (!this._startArmSwing) {
-        player.skin.rightArm.rotation.z = Math.cos(t + Math.PI) * 0.03 - basicArmRotationZ
-      }
-    }
-
-    if (this.isRunning) {
-      player.rotation.z = Math.cos(t + Math.PI) * 0.01
-    }
-    if (this.isRunning) {
-      const basicCapeRotationX = Math.PI * 0.3
-      player.cape.rotation.x = Math.sin(t * 2) * 0.1 + basicCapeRotationX
-    } else {
-      // Always add an angle for cape around the x axis
-      const basicCapeRotationX = Math.PI * 0.06
-      player.cape.rotation.x = Math.sin(t / 1.5) * 0.06 + basicCapeRotationX
-    }
-
-    if (reset) {
-      this.switchAnimationCallback()
-      this.switchAnimationCallback = null
-    }
-  }
-}
diff --git a/prismarine-viewer/viewer/lib/entity/entities.json b/prismarine-viewer/viewer/lib/entity/entities.json
deleted file mode 100644
index f005f5d1..00000000
--- a/prismarine-viewer/viewer/lib/entity/entities.json
+++ /dev/null
@@ -1,21476 +0,0 @@
-{
-  "armor_stand": {
-    "identifier": "minecraft:armor_stand",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "armor_stand"},
-    "textures": {"default": "textures/entity/armorstand/wood"},
-    "animations": {
-      "default_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this"]},
-          "head": {"rotation": ["-this", "-this", "-this"]},
-          "leftarm": {"rotation": ["-this - 10", "-this", "-this - 10"]},
-          "leftleg": {"rotation": ["-this - 1", "-this", "-this - 1"]},
-          "rightarm": {"rotation": ["-this - 15", "-this", "-this + 10"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this + 1", "-this", "-this + 1"]}
-        }
-      },
-      "no_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this"]},
-          "head": {"rotation": ["-this", "-this", "-this"]},
-          "leftarm": {"rotation": ["-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["-this", "-this", "-this"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this", "-this", "-this"]}
-        }
-      },
-      "solemn_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this + 2"]},
-          "head": {"rotation": ["-this + 15", "-this", "-this"]},
-          "leftarm": {"rotation": ["-this - 30", "-this + 15", "-this + 15"]},
-          "leftleg": {"rotation": ["-this - 1", "-this", "-this - 1"]},
-          "rightarm": {"rotation": ["-this - 60", "-this - 20", "-this - 10"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this + 1", "-this", "-this + 1"]}
-        }
-      },
-      "athena_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this + 2"]},
-          "head": {"rotation": ["-this - 5", "-this", "-this"]},
-          "leftarm": {"rotation": ["-this + 10", "-this", "-this - 5"]},
-          "leftleg": {"rotation": ["-this - 3", "-this - 3", "-this - 3"]},
-          "rightarm": {"rotation": ["-this - 60", "-this + 20", "-this - 10"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this + 3", "-this + 3", "-this + 3"]}
-        }
-      },
-      "brandish_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this - 2"]},
-          "head": {"rotation": ["-this - 15", "-this", "-this"]},
-          "leftarm": {"rotation": ["-this + 20", "-this", "-this - 10"]},
-          "leftleg": {"rotation": ["-this + 5", "-this - 3", "-this - 3"]},
-          "rightarm": {"rotation": ["-this - 110", "-this + 50", "-this"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this - 5", "-this + 3", "-this + 3"]}
-        }
-      },
-      "honor_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this"]},
-          "head": {"rotation": ["-this - 15", "-this", "-this"]},
-          "leftarm": {"rotation": ["-this - 110", "-this + 35", "-this"]},
-          "leftleg": {"rotation": ["-this + 5", "-this - 3", "-this - 3"]},
-          "rightarm": {"rotation": ["-this - 110", "-this - 35", "-this"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this - 5", "-this + 3", "-this + 3"]}
-        }
-      },
-      "entertain_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this"]},
-          "head": {"rotation": ["-this - 15", "-this", "-this"]},
-          "leftarm": {"rotation": ["-this - 110", "-this - 35", "-this"]},
-          "leftleg": {"rotation": ["-this + 5", "-this - 3", "-this - 3"]},
-          "rightarm": {"rotation": ["-this - 110", "-this + 35", "-this"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this - 5", "-this + 3", "-this + 3"]}
-        }
-      },
-      "salute_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this"]},
-          "head": {"rotation": ["-this", "-this", "-this"]},
-          "leftarm": {"rotation": ["-this + 10", "-this", "-this - 5"]},
-          "leftleg": {"rotation": ["-this - 1", "-this", "-this - 1"]},
-          "rightarm": {"rotation": ["-this - 70", "-this - 40", "-this"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this + 1", "-this", "-this + 1"]}
-        }
-      },
-      "riposte_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this"]},
-          "head": {"rotation": ["-this + 16", "-this + 20", "-this"]},
-          "leftarm": {"rotation": ["-this + 4", "-this + 8", "-this + 237"]},
-          "leftleg": {"rotation": ["-this - 14", "-this - 18", "-this - 16"]},
-          "rightarm": {"rotation": ["-this + 246", "-this", "-this + 89"]},
-          "rightitem": {"rotation": ["-this", "-this + 180", "-this"]},
-          "rightleg": {"rotation": ["-this + 8", "-this + 20", "-this + 4"]}
-        }
-      },
-      "zombie_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this", "-this"]},
-          "head": {"rotation": ["-this - 10", "-this", "-this - 5"]},
-          "leftarm": {"rotation": ["-this - 105", "-this", "-this"]},
-          "leftleg": {"rotation": ["-this + 7", "-this", "-this"]},
-          "rightarm": {"rotation": ["-this - 100", "-this", "-this"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this - 46", "-this", "-this"]}
-        }
-      },
-      "cancan_a_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this + 22", "-this"]},
-          "head": {"rotation": ["-this - 5", "-this + 18", "-this"]},
-          "leftarm": {"rotation": ["-this + 8", "-this", "-this - 114"]},
-          "leftleg": {"rotation": ["-this - 111", "-this + 55", "-this"]},
-          "rightarm": {"rotation": ["-this", "-this + 84", "-this + 111"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this", "-this + 23", "-this - 13"]}
-        }
-      },
-      "cancan_b_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this - 18", "-this"]},
-          "head": {"rotation": ["-this - 10", "-this - 20", "-this"]},
-          "leftarm": {"rotation": ["-this", "-this", "-this - 112"]},
-          "leftleg": {"rotation": ["-this", "-this", "-this + 13"]},
-          "rightarm": {"rotation": ["-this + 8", "-this + 90", "-this + 111"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this - 119", "-this - 42", "-this"]}
-        }
-      },
-      "hero_pose": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", "-this + 8", "-this"]},
-          "head": {"rotation": ["-this - 4", "-this + 67", "-this"]},
-          "leftarm": {"rotation": ["-this + 16", "-this + 32", "-this - 8"]},
-          "leftleg": {"rotation": ["-this", "-this - 75", "-this - 8"]},
-          "rightarm": {"rotation": ["-this - 99", "-this + 63", "-this"]},
-          "rightitem": {"rotation": ["-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-this + 4", "-this + 63", "-this + 8"]}
-        }
-      },
-      "wiggle": {
-        "loop": true,
-        "bones": {
-          "baseplate": {
-            "rotation": [
-              0,
-              "math.sin((variable.armor_stand.hurt_time - query.frame_alpha) * 120) * 3",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {
-      "initialize": [
-        "variable.armor_stand.pose_index = 0;",
-        "variable.armor_stand.hurt_time = 0;"
-      ],
-      "animate": ["controller.pose", "controller.wiggling"]
-    },
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "baseplate",
-            "cubes": [
-              {"origin": [-6, 0, -6], "size": [12, 1, 12], "uv": [0, 32]}
-            ]
-          },
-          {"name": "waist", "parent": "baseplate", "pivot": [0, 12, 0]},
-          {
-            "name": "body",
-            "parent": "waist",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-6, 21, -1.5], "size": [12, 3, 3], "uv": [0, 26]},
-              {"origin": [-3, 14, -1], "size": [2, 7, 2], "uv": [16, 0]},
-              {"origin": [1, 14, -1], "size": [2, 7, 2], "uv": [48, 16]},
-              {"origin": [-4, 12, -1], "size": [8, 2, 2], "uv": [0, 48]}
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-1, 24, -1], "size": [2, 7, 2], "uv": [0, 0]}]
-          },
-          {
-            "name": "hat",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [32, 0]}
-            ]
-          },
-          {
-            "name": "leftarm",
-            "parent": "body",
-            "mirror": true,
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [5, 12, -1], "size": [2, 12, 2], "uv": [32, 16]}
-            ]
-          },
-          {"name": "leftitem", "parent": "leftarm", "pivot": [6, 15, 1]},
-          {
-            "name": "leftleg",
-            "parent": "body",
-            "mirror": true,
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {"origin": [0.9, 1, -1], "size": [2, 11, 2], "uv": [40, 16]}
-            ]
-          },
-          {
-            "name": "rightarm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-7, 12, -1], "size": [2, 12, 2], "uv": [24, 0]}
-            ]
-          },
-          {"name": "rightitem", "parent": "rightarm", "pivot": [-6, 15, 1]},
-          {
-            "name": "rightleg",
-            "parent": "body",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-2.9, 1, -1], "size": [2, 11, 2], "uv": [8, 0]}
-            ]
-          }
-        ],
-        "visible_bounds_width": 1.5,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 64
-      }
-    },
-    "render_controllers": ["controller.render.armor_stand"],
-    "enable_attachables": true,
-    "animation_controllers": {
-      "controller.pose": {
-        "initial_state": "default",
-        "states": {
-          "athena": {
-            "animations": ["athena_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "brandish": {
-            "animations": ["brandish_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "cancan_a": {
-            "animations": ["cancan_a_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "cancan_b": {
-            "animations": ["cancan_b_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "default": {
-            "animations": ["default_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "entertain": {
-            "animations": ["entertain_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "hero": {
-            "animations": ["hero_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"}
-            ]
-          },
-          "honor": {
-            "animations": ["honor_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "none": {
-            "animations": ["no_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "riposte": {
-            "animations": ["riposte_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "salute": {
-            "animations": ["salute_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "solemn": {
-            "animations": ["solemn_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"zombie": "variable.armor_stand.pose_index == 9"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          },
-          "zombie": {
-            "animations": ["zombie_pose"],
-            "blend_transition": 0.1,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"default": "variable.armor_stand.pose_index == 0"},
-              {"none": "variable.armor_stand.pose_index == 1"},
-              {"solemn": "variable.armor_stand.pose_index == 2"},
-              {"athena": "variable.armor_stand.pose_index == 3"},
-              {"brandish": "variable.armor_stand.pose_index == 4"},
-              {"honor": "variable.armor_stand.pose_index == 5"},
-              {"entertain": "variable.armor_stand.pose_index == 6"},
-              {"salute": "variable.armor_stand.pose_index == 7"},
-              {"riposte": "variable.armor_stand.pose_index == 8"},
-              {"cancan_a": "variable.armor_stand.pose_index == 10"},
-              {"cancan_b": "variable.armor_stand.pose_index == 11"},
-              {"hero": "variable.armor_stand.pose_index == 12"}
-            ]
-          }
-        }
-      },
-      "controller.wiggling": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "wiggling": "(variable.armor_stand.hurt_time - query.frame_alpha) > 0"
-              }
-            ]
-          },
-          "wiggling": {
-            "animations": ["wiggle"],
-            "transitions": [
-              {
-                "default": "(variable.armor_stand.hurt_time - query.frame_alpha) <= 0"
-              }
-            ]
-          }
-        }
-      }
-    }
-  },
-  "arrow": {
-    "identifier": "minecraft:arrow",
-    "materials": {"default": "arrow"},
-    "textures": {"default": "textures/entity/arrow"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 1, 0],
-            "cubes": [
-              {
-                "origin": [0, -2.5, -3],
-                "rotation": [0, 0, 45],
-                "size": [0, 5, 16],
-                "uv": {"east": {"uv": [0, 0]}}
-              },
-              {
-                "origin": [0, -2.5, -3],
-                "rotation": [0, 0, -45],
-                "size": [0, 5, 16],
-                "uv": {"east": {"uv": [0, 0]}}
-              },
-              {
-                "origin": [-2.5, -2.5, 12],
-                "rotation": [0, 0, 45],
-                "size": [5, 5, 0],
-                "uv": {"south": {"uv": [0, 5]}}
-              }
-            ]
-          }
-        ],
-        "texturewidth": 32,
-        "textureheight": 32
-      }
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "variable.shake_power - query.target_x_rotation",
-              "-query.target_y_rotation",
-              0
-            ],
-            "scale": [0.7, 0.7, 0.9]
-          }
-        }
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.shake = query.shake_time - query.frame_alpha;",
-        "variable.shake_power = variable.shake > 0.0 ? -Math.sin(variable.shake * 200.0) * variable.shake : 0.0;"
-      ],
-      "animate": ["move"]
-    },
-    "render_controllers": ["controller.render.arrow"]
-  },
-  "bat": {
-    "identifier": "minecraft:bat",
-    "materials": {"default": "bat"},
-    "textures": {"default": "textures/entity/bat"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-3, 21, -3], "size": [6, 6, 6], "uv": [0, 0]}]
-          },
-          {
-            "name": "rightEar",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 26, -2], "size": [3, 4, 1], "uv": [24, 0]}
-            ],
-            "parent": "head"
-          },
-          {
-            "name": "leftEar",
-            "mirror": true,
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [1, 26, -2], "size": [3, 4, 1], "uv": [24, 0]}
-            ],
-            "parent": "head"
-          },
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-3, 8, -3], "size": [6, 12, 6], "uv": [0, 16]},
-              {"origin": [-5, -8, 0], "size": [10, 16, 1], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "rightWing",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-12, 7, 1.5], "size": [10, 16, 1], "uv": [42, 0]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "rightWingTip",
-            "pivot": [-12, 23, 1.5],
-            "cubes": [
-              {"origin": [-20, 10, 1.5], "size": [8, 12, 1], "uv": [24, 16]}
-            ],
-            "parent": "rightWing"
-          },
-          {
-            "name": "leftWing",
-            "mirror": true,
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [2, 7, 1.5], "size": [10, 16, 1], "uv": [42, 0]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "leftWingTip",
-            "mirror": true,
-            "pivot": [12, 23, 1.5],
-            "cubes": [
-              {"origin": [12, 10, 1.5], "size": [8, 12, 1], "uv": [24, 16]}
-            ],
-            "parent": "leftWing"
-          }
-        ]
-      }
-    },
-    "scripts": {"scale": "0.35"},
-    "animations": {
-      "resting": {
-        "loop": true,
-        "bones": {
-          "body": {"position": [0, -0.035, 0], "rotation": [180, 0, 0]},
-          "head": {
-            "position": [0, -0.035, 0],
-            "rotation": [
-              "query.target_x_rotation",
-              "180.0f - query.target_y_rotation",
-              180
-            ]
-          },
-          "leftwing": {"position": [3, 0, 3], "rotation": [-9, 72, 0]},
-          "leftwingtip": {"rotation": [0, 99, 0]},
-          "rightwing": {"position": [-3, 0, 3], "rotation": [-9, -72, 0]},
-          "rightwingtip": {"rotation": [0, -99, 0]}
-        }
-      },
-      "flying": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, "math.cos(query.life_time * 343.774) * 1.6", 0],
-            "rotation": [
-              "45.0 - math.cos(query.life_time * 1489.6) * 8.59",
-              0,
-              0
-            ]
-          },
-          "head": {
-            "position": [
-              "-this",
-              "math.cos(query.life_time * 343.774) * 1.6 - this",
-              "-this"
-            ],
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          },
-          "leftwing": {
-            "position": ["-this", "-this", "-this"],
-            "rotation": [0, "math.cos(query.life_time * 1489.6) * -45.0", 0]
-          },
-          "leftwingtip": {
-            "rotation": [0, "math.cos(query.life_time * 1489.6) * -22.0", 0]
-          },
-          "rightwing": {
-            "position": ["-this", "-this", "-this"],
-            "rotation": [0, "math.cos(query.life_time * 1489.6) * 45.0", 0]
-          },
-          "rightwingtip": {
-            "rotation": [0, "math.cos(query.life_time * 1489.6) * 22.0", 0]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "flying",
-        "states": {
-          "flying": {
-            "animations": ["flying"],
-            "transitions": [{"resting": "query.is_resting"}]
-          },
-          "resting": {
-            "animations": ["resting"],
-            "transitions": [{"flying": "!query.is_resting"}]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.bat"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 18}
-  },
-  "bee": {
-    "identifier": "minecraft:bee",
-    "materials": {"default": "bee"},
-    "textures": {
-      "default": "textures/entity/bee/bee",
-      "angry": "textures/entity/bee/bee_angry",
-      "nectar": "textures/entity/bee/bee_nectar",
-      "angry_nectar": "textures/entity/bee/bee_angry_nectar"
-    },
-    "geometry": {
-      "default": {
-        "texturewidth": 64,
-        "textureheight": 64,
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 1.5,
-        "visible_bounds_offset": [0, 0.25, 0],
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0.5, 5, 0],
-            "cubes": [
-              {"origin": [-3, 2, -5], "size": [7, 7, 10], "uv": [0, 0]},
-              {"origin": [2, 7, -8], "size": [1, 2, 3], "uv": [2, 0]},
-              {"origin": [-2, 7, -8], "size": [1, 2, 3], "uv": [2, 3]}
-            ],
-            "locators": {"lead": [0, 4, -1]}
-          },
-          {
-            "name": "stinger",
-            "parent": "body",
-            "pivot": [0.5, 6, 1],
-            "cubes": [{"origin": [0.5, 5, 5], "size": [0, 1, 2], "uv": [26, 7]}]
-          },
-          {
-            "name": "rightwing_bone",
-            "parent": "body",
-            "pivot": [-1, 9, -3],
-            "rotation": [15, -15, 0],
-            "cubes": [
-              {"origin": [-10, 9, -3], "size": [9, 0, 6], "uv": [0, 18]}
-            ]
-          },
-          {
-            "name": "leftwing_bone",
-            "parent": "body",
-            "pivot": [2, 9, -3],
-            "rotation": [15, 15, 0],
-            "cubes": [{"origin": [2, 9, -3], "size": [9, 0, 6], "uv": [9, 24]}]
-          },
-          {
-            "name": "leg_front",
-            "parent": "body",
-            "pivot": [2, 2, -2],
-            "cubes": [{"origin": [-3, 0, -2], "size": [7, 2, 0], "uv": [26, 1]}]
-          },
-          {
-            "name": "leg_mid",
-            "parent": "body",
-            "pivot": [2, 2, 0],
-            "cubes": [{"origin": [-3, 0, 0], "size": [7, 2, 0], "uv": [26, 3]}]
-          },
-          {
-            "name": "leg_back",
-            "parent": "body",
-            "pivot": [2, 2, 2],
-            "cubes": [{"origin": [-3, 0, 2], "size": [7, 2, 0], "uv": [26, 5]}]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "flying": {
-        "loop": true,
-        "animation_length": 2.55,
-        "bones": {
-          "body": {
-            "rotation": {"0.0": [0, 0, 0], "1.30": [5, 0, 0], "2.55": [0, 0, 0]}
-          },
-          "leftwing_bone": {
-            "rotation": {
-              "0.0": [0, 0, 35],
-              "0.05": [0, 0, 0],
-              "0.10": [0, 0, -35],
-              "0.15": [0, 0, 0],
-              "0.2": [0, 0, 35],
-              "0.25": [0, 0, 0],
-              "0.30": [0, 0, -35],
-              "0.35": [0, 0, 0],
-              "0.40": [0, 0, 35],
-              "0.45": [0, 0, 0],
-              "0.50": [0, 0, -35],
-              "0.55": [0, 0, 0],
-              "0.60": [0, 0, 35],
-              "0.65": [0, 0, 0],
-              "0.70": [0, 0, -35],
-              "0.75": [0, 0, 0],
-              "0.80": [0, 0, 35],
-              "0.85": [0, 0, 0],
-              "0.90": [0, 0, -35],
-              "0.95": [0, 0, 0],
-              "1.0": [0, 0, 35],
-              "1.05": [0, 0, 0],
-              "1.10": [0, 0, -35],
-              "1.15": [0, 0, 0],
-              "1.20": [0, 0, 35],
-              "1.25": [0, 0, 0],
-              "1.30": [0, 0, -35],
-              "1.35": [0, 0, 0],
-              "1.40": [0, 0, 35],
-              "1.45": [0, 0, 0],
-              "1.50": [0, 0, -35],
-              "1.55": [0, 0, 0],
-              "1.60": [0, 0, 35],
-              "1.65": [0, 0, 0],
-              "1.70": [0, 0, -35],
-              "1.75": [0, 0, 0],
-              "1.80": [0, 0, 35],
-              "1.85": [0, 0, 0],
-              "1.90": [0, 0, -35],
-              "1.95": [0, 0, 0],
-              "2.0": [0, 0, 35],
-              "2.05": [0, 0, 0],
-              "2.10": [0, 0, -35],
-              "2.15": [0, 0, 0],
-              "2.20": [0, 0, 35],
-              "2.25": [0, 0, 0],
-              "2.30": [0, 0, -35],
-              "2.35": [0, 0, 0],
-              "2.40": [0, 0, 35],
-              "2.45": [0, 0, 0],
-              "2.50": [0, 0, -35],
-              "2.55": [0, 0, 0]
-            }
-          },
-          "leg_front": {
-            "rotation": {
-              "0.0": [15, 0, 0],
-              "1.20": [25, 0, 0],
-              "2.55": [15, 0, 0]
-            }
-          },
-          "leg_mid": {
-            "rotation": {
-              "0.0": [15, 0, 0],
-              "1.30": [35, 0, 0],
-              "2.55": [15, 0, 0]
-            }
-          },
-          "leg_back": {
-            "rotation": {
-              "0.0": [30, 0, 0],
-              "1.60": [45, 0, 0],
-              "2.55": [30, 0, 0]
-            }
-          },
-          "rightwing_bone": {
-            "rotation": {
-              "0.0": [0, 0, -35],
-              "0.05": [0, 0, 0],
-              "0.10": [0, 0, 35],
-              "0.15": [0, 0, 0],
-              "0.2": [0, 0, -35],
-              "0.25": [0, 0, 0],
-              "0.30": [0, 0, 35],
-              "0.35": [0, 0, 0],
-              "0.40": [0, 0, -35],
-              "0.45": [0, 0, 0],
-              "0.50": [0, 0, 35],
-              "0.55": [0, 0, 0],
-              "0.60": [0, 0, -35],
-              "0.65": [0, 0, 0],
-              "0.70": [0, 0, 35],
-              "0.75": [0, 0, 0],
-              "0.80": [0, 0, -35],
-              "0.85": [0, 0, 0],
-              "0.90": [0, 0, 35],
-              "0.95": [0, 0, 0],
-              "1.0": [0, 0, -35],
-              "1.05": [0, 0, 0],
-              "1.10": [0, 0, 35],
-              "1.15": [0, 0, 0],
-              "1.20": [0, 0, -35],
-              "1.25": [0, 0, 0],
-              "1.30": [0, 0, 35],
-              "1.35": [0, 0, 0],
-              "1.40": [0, 0, -35],
-              "1.45": [0, 0, 0],
-              "1.50": [0, 0, 35],
-              "1.55": [0, 0, 0],
-              "1.60": [0, 0, -35],
-              "1.65": [0, 0, 0],
-              "1.70": [0, 0, 35],
-              "1.75": [0, 0, 0],
-              "1.80": [0, 0, -35],
-              "1.85": [0, 0, 0],
-              "1.90": [0, 0, 35],
-              "1.95": [0, 0, 0],
-              "2.0": [0, 0, -35],
-              "2.05": [0, 0, 0],
-              "2.10": [0, 0, 35],
-              "2.15": [0, 0, 0],
-              "2.20": [0, 0, -35],
-              "2.25": [0, 0, 0],
-              "2.30": [0, 0, 35],
-              "2.35": [0, 0, 0],
-              "2.40": [0, 0, -35],
-              "2.45": [0, 0, 0],
-              "2.50": [0, 0, 35],
-              "2.55": [0, 0, 0]
-            }
-          }
-        }
-      },
-      "bee_sting": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": ["-175 * math.sin(variable.attack_time * 180)", 0, 0]
-          }
-        }
-      },
-      "bee_no_stinger": {"loop": true, "bones": {"stinger": {"scale": 0}}},
-      "bee_fly_bobbing": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, "math.cos(query.life_time * 343.774) * 1.6", 0],
-            "rotation": [0, "20 * math.cos(query.life_time * 343.774 / 2)", 0]
-          }
-        }
-      }
-    },
-    "particle_effects": {"nectar_dripping": "minecraft:nectar_drip_particle"},
-    "scripts": {
-      "animate": [
-        "bee_root_controller",
-        {"bee_no_stinger": "query.mark_variant == 1"}
-      ]
-    },
-    "render_controllers": ["controller.render.bee"],
-    "spawn_egg": {"texture": "egg_bee", "texture_index": 0},
-    "animation_controllers": {
-      "drip": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"dripping": "query.is_powered"}]},
-          "dripping": {
-            "particle_effects": [{"effect": "nectar_dripping"}],
-            "transitions": [{"default": "!query.is_powered"}]
-          }
-        }
-      },
-      "controller_bee_sting": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bee_sting"]}}
-      },
-      "bee_root_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              "flying",
-              "drip",
-              "bee_fly_bobbing",
-              "controller_bee_sting"
-            ]
-          }
-        }
-      }
-    }
-  },
-  "blaze": {
-    "identifier": "minecraft:blaze",
-    "min_engine_version": "1.8.0",
-    "materials": {"body": "blaze_body", "head": "blaze_head"},
-    "textures": {"default": "textures/entity/blaze"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "upperBodyParts0",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts1",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts2",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts3",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts4",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts5",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts6",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts7",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts8",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts9",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts10",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "upperBodyParts11",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 16, 0], "size": [2, 8, 2], "uv": [0, 16]}]
-          },
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 20, -4], "size": [8, 8, 8], "uv": [0, 0]}]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "upperbodyparts0": {
-            "position": [
-              "math.cos(query.life_time * -360.0        ) * 9.0",
-              "2.0 + math.cos((0 * 2 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * -360.0        ) * 9.0"
-            ]
-          },
-          "upperbodyparts1": {
-            "position": [
-              "math.cos(query.life_time * -360.0 +  90.0) * 9.0",
-              "2.0 + math.cos((1 * 2 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * -360.0 +  90.0) * 9.0"
-            ]
-          },
-          "upperbodyparts10": {
-            "position": [
-              "math.cos(query.life_time * -180.0 + 207.0) * 5.0",
-              "-11.0 + math.cos((10 * 1.5 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * -180.0 + 207.0) * 5.0"
-            ]
-          },
-          "upperbodyparts11": {
-            "position": [
-              "math.cos(query.life_time * -180.0 + 297.0) * 5.0",
-              "-11.0 + math.cos((11 * 1.5 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * -180.0 + 297.0) * 5.0"
-            ]
-          },
-          "upperbodyparts2": {
-            "position": [
-              "math.cos(query.life_time * -360.0 + 180.0) * 9.0",
-              "2.0 + math.cos((2 * 2 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * -360.0 + 180.0) * 9.0"
-            ]
-          },
-          "upperbodyparts3": {
-            "position": [
-              "math.cos(query.life_time * -360.0 + 270.0) * 9.0",
-              "2.0 + math.cos((3 * 2 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * -360.0 + 270.0) * 9.0"
-            ]
-          },
-          "upperbodyparts4": {
-            "position": [
-              "math.cos(query.life_time * 108.0 +  45.0) * 7.0",
-              "-2.0 + math.cos((4 * 2 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * 108.0 +  45.0) * 7.0"
-            ]
-          },
-          "upperbodyparts5": {
-            "position": [
-              "math.cos(query.life_time * 108.0 + 135.0) * 7.0",
-              "-2.0 + math.cos((5 * 2 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * 108.0 + 135.0) * 7.0"
-            ]
-          },
-          "upperbodyparts6": {
-            "position": [
-              "math.cos(query.life_time * 108.0 + 225.0) * 7.0",
-              "-2.0 + math.cos((6 * 2 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * 108.0 + 225.0) * 7.0"
-            ]
-          },
-          "upperbodyparts7": {
-            "position": [
-              "math.cos(query.life_time * 108.0 + 315.0) * 7.0",
-              "-2.0 + math.cos((7 * 2 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * 108.0 + 315.0) * 7.0"
-            ]
-          },
-          "upperbodyparts8": {
-            "position": [
-              "math.cos(query.life_time * -180.0 +  27.0) * 5.0",
-              "-11.0 + math.cos((8 * 1.5 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * -180.0 +  27.0) * 5.0"
-            ]
-          },
-          "upperbodyparts9": {
-            "position": [
-              "math.cos(query.life_time * -180.0 + 117.0) * 5.0",
-              "-11.0 + math.cos((9 * 1.5 + query.life_time * 20.0) * 14.32)",
-              "math.sin(query.life_time * -180.0 + 117.0) * 5.0"
-            ]
-          }
-        }
-      }
-    },
-    "particle_effects": {"charged_flames": "minecraft:mobflame_emitter"},
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move", "look_at_target"]}}
-      },
-      "flame": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"flaming": "query.is_charged"}]},
-          "flaming": {
-            "particle_effects": [{"effect": "charged_flames"}],
-            "transitions": [{"default": "!query.is_charged"}]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.blaze"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 21}
-  },
-  "boat": {
-    "identifier": "minecraft:boat",
-    "textures": {
-      "default": "textures/entity/boat/acacia",
-      "acacia": "textures/entity/boat/acacia",
-      "birch": "textures/entity/boat/birch",
-      "darkoak": "textures/entity/boat/dark_oak",
-      "jungle": "textures/entity/boat/jungle",
-      "oak": "textures/entity/boat/oak",
-      "spruce": "textures/entity/boat/spruce"
-    },
-    "geometry": {
-      "default": {
-        "texturewidth": 128,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "bottom",
-            "pivot": [0, 18, 0],
-            "rotation": [90, 0, 0],
-            "mirror": true,
-            "cubes": [
-              {"origin": [-14, 10, 0], "size": [28, 16, 3], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "front",
-            "pivot": [15, 24, 0],
-            "rotation": [0, 90, 0],
-            "mirror": true,
-            "cubes": [
-              {"origin": [7, 21, -1], "size": [16, 6, 2], "uv": [0, 27]}
-            ]
-          },
-          {
-            "name": "back",
-            "pivot": [-15, 24, 0],
-            "rotation": [0, -90, 0],
-            "mirror": true,
-            "cubes": [
-              {"origin": [-24, 21, -1], "size": [18, 6, 2], "uv": [0, 19]}
-            ]
-          },
-          {
-            "name": "right",
-            "pivot": [0, 24, -9],
-            "rotation": [0, -180, 0],
-            "mirror": true,
-            "cubes": [
-              {"origin": [-14, 21, -10], "size": [28, 6, 2], "uv": [0, 35]}
-            ]
-          },
-          {
-            "name": "left",
-            "pivot": [0, 24, 9],
-            "mirror": true,
-            "cubes": [
-              {"origin": [-14, 21, 8], "size": [28, 6, 2], "uv": [0, 43]}
-            ]
-          }
-        ]
-      }
-    }
-  },
-  "cat": {
-    "identifier": "minecraft:cat",
-    "materials": {"default": "cat"},
-    "textures": {
-      "white": "textures/entity/cat/white",
-      "black": "textures/entity/cat/tuxedo",
-      "red": "textures/entity/cat/red",
-      "siamese": "textures/entity/cat/siamese",
-      "british": "textures/entity/cat/british_shorthair",
-      "calico": "textures/entity/cat/calico",
-      "persian": "textures/entity/cat/persian",
-      "ragdoll": "textures/entity/cat/ragdoll",
-      "tabby": "textures/entity/cat/tabby",
-      "jellie": "textures/entity/cat/jellie",
-      "all_black": "textures/entity/cat/all_black",
-      "white_tame": "textures/entity/cat/white",
-      "black_tame": "textures/entity/cat/tuxedo_tame",
-      "red_tame": "textures/entity/cat/red",
-      "siamese_tame": "textures/entity/cat/siamese",
-      "british_tame": "textures/entity/cat/british_shorthair",
-      "calico_tame": "textures/entity/cat/calico",
-      "persian_tame": "textures/entity/cat/persian",
-      "ragdoll_tame": "textures/entity/cat/ragdoll",
-      "tabby_tame": "textures/entity/cat/tabby",
-      "all_black_tame": "textures/entity/cat/all_black",
-      "jellie_tame": "textures/entity/cat/jellie"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2.5,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "pivot": [0, 9, -9],
-            "locators": {"lead": [0, 9, -9]},
-            "cubes": [
-              {"origin": [-2.5, 7, -12], "size": [5, 4, 5], "uv": [0, 0]},
-              {
-                "origin": [-1.5, 7.01562, -13],
-                "size": [3, 2, 2],
-                "uv": [0, 24]
-              },
-              {"origin": [-2, 11, -9], "size": [1, 1, 2], "uv": [0, 10]},
-              {"origin": [1, 11, -9], "size": [1, 1, 2], "uv": [6, 10]}
-            ],
-            "name": "head",
-            "parent": "body"
-          },
-          {
-            "pivot": [0, 7, 1],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-2, -1, -2], "size": [4, 16, 6], "uv": [20, 0]}
-            ],
-            "name": "body"
-          },
-          {
-            "pivot": [0, 9, 8],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-0.5, 1, 8], "size": [1, 8, 1], "uv": [0, 15]}
-            ],
-            "name": "tail1",
-            "parent": "body"
-          },
-          {
-            "pivot": [0, 9, 16],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {
-                "origin": [-0.5, 1, 16],
-                "size": [1, 8, 1],
-                "uv": [4, 15],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "tail2",
-            "parent": "tail1"
-          },
-          {
-            "pivot": [1.1, 6, 7],
-            "cubes": [
-              {
-                "origin": [0.1, 0, 6],
-                "size": [2, 6, 2],
-                "uv": [8, 13],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "backLegL",
-            "parent": "body"
-          },
-          {
-            "pivot": [-1.1, 6, 7],
-            "cubes": [
-              {
-                "origin": [-2.1, 0, 6],
-                "size": [2, 6, 2],
-                "uv": [8, 13],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "backLegR",
-            "parent": "body"
-          },
-          {
-            "pivot": [1.2, 10, -4],
-            "cubes": [
-              {
-                "origin": [0.2, 0.2, -5],
-                "size": [2, 10, 2],
-                "uv": [40, 0],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "frontLegL",
-            "parent": "body"
-          },
-          {
-            "pivot": [-1.2, 10, -4],
-            "cubes": [
-              {
-                "origin": [-2.2, 0.2, -5],
-                "size": [2, 10, 2],
-                "uv": [40, 0],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "frontLegR",
-            "parent": "body"
-          }
-        ]
-      }
-    },
-    "animations": {
-      "sneak": {
-        "loop": true,
-        "bones": {
-          "backlegl": {
-            "position": [0, 1, 0],
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "backlegr": {
-            "position": [0, 1, 0],
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "body": {"position": [0, -1, 0]},
-          "frontlegl": {
-            "position": [0, 1, 0],
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "frontlegr": {
-            "position": [0, 1, 0],
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "head": {"position": [0, -1, 0]},
-          "tail1": {"position": [0, 1, 0]},
-          "tail2": {
-            "rotation": [
-              "62.0 + math.cos(query.modified_distance_moved * 57.3) * 27.0 * query.modified_move_speed",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "walk": {
-        "loop": true,
-        "bones": {
-          "backlegl": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "backlegr": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "frontlegl": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "frontlegr": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "tail1": {"rotation": [-51.57, 0, 0]},
-          "tail2": {
-            "rotation": [
-              "62.0 + math.cos(query.modified_distance_moved * 57.3) * 45.0 * query.modified_move_speed",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "sprint": {
-        "loop": true,
-        "bones": {
-          "backlegl": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "backlegr": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 17.19) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "frontlegl": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 197.19) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "frontlegr": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "tail1": {"rotation": [0, 0, 0]},
-          "tail2": {
-            "rotation": [
-              "62.0 + math.cos(query.modified_distance_moved * 57.3) * 18.0 * query.modified_move_speed",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "sit": {
-        "loop": true,
-        "bones": {
-          "backlegl": {"position": [0, 0, 1], "rotation": [-45, 0, 0]},
-          "backlegr": {"position": [0, 0, 1], "rotation": [-45, 0, 0]},
-          "body": {"position": [0, -1, 0], "rotation": [-45, 0, 0]},
-          "frontlegl": {"position": [0, -4.5, -1], "rotation": [42.15, 0, 0]},
-          "frontlegr": {"position": [0, -4.5, -1], "rotation": [42.15, 0, 0]},
-          "tail1": {"position": [0, -3, 1], "rotation": [45, 0, 0]},
-          "tail2": {"position": [0, 0, 0], "rotation": [45, 0, 0]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {"loop": true, "bones": {"head": {"scale": 1.5}}},
-      "lie_down": {
-        "loop": true,
-        "bones": {
-          "backlegl": {"position": [0, -0.7, 0], "rotation": [-22.92, 0, 0]},
-          "backlegr": {
-            "position": [0.1, -1.2, 0],
-            "rotation": [28.65, 0, -28.65]
-          },
-          "body": {
-            "position": [
-              0,
-              "variable.liedownamount * -4.5 + variable.lieonplayer * (4.5 + query.is_baby * 6)",
-              0
-            ],
-            "rotation": [
-              0,
-              0,
-              "math.lerprotate(0.0, 90.0, variable.liedownamount)"
-            ]
-          },
-          "frontlegl": {"position": [0, -1, -1.5], "rotation": [-72.81, 0, 0]},
-          "frontlegr": {
-            "position": [0.2, -0.9, 0],
-            "rotation": [-30, 0, -14.46]
-          },
-          "head": {
-            "position": [-0.1, 0, -0.5],
-            "rotation": [
-              -10,
-              "math.lerprotate(this, 75.81, variable.liedownamount)",
-              0
-            ]
-          },
-          "tail1": {
-            "position": [0, 0, 0],
-            "rotation": [
-              "math.lerprotate(this, -33.84, variable.liedownamounttail)",
-              0,
-              0
-            ]
-          },
-          "tail2": {
-            "position": [0, 0, 0],
-            "rotation": [
-              "math.lerprotate(this, -68.92, variable.liedownamounttail)",
-              0,
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["look_at_target"]}}
-      },
-      "move": {
-        "initial_state": "lie_down",
-        "states": {
-          "lie_down": {
-            "animations": ["lie_down"],
-            "transitions": [
-              {"sneaking": "variable.state == 0"},
-              {"sprinting": "variable.state == 1"},
-              {"sitting": "variable.state == 2"},
-              {"walking": "variable.state == 3"}
-            ]
-          },
-          "sitting": {
-            "animations": ["sit"],
-            "transitions": [
-              {"sneaking": "variable.state == 0"},
-              {"sprinting": "variable.state == 1"},
-              {"walking": "variable.state == 3"},
-              {"lie_down": "variable.state == 4"}
-            ]
-          },
-          "sneaking": {
-            "animations": ["sneak"],
-            "transitions": [
-              {"sprinting": "variable.state == 1"},
-              {"sitting": "variable.state == 2"},
-              {"walking": "variable.state == 3"},
-              {"lie_down": "variable.state == 4"}
-            ]
-          },
-          "sprinting": {
-            "animations": ["sprint"],
-            "transitions": [
-              {"sneaking": "variable.state == 0"},
-              {"sitting": "variable.state == 2"},
-              {"walking": "variable.state == 3"},
-              {"lie_down": "variable.state == 4"}
-            ]
-          },
-          "walking": {
-            "animations": ["walk"],
-            "transitions": [
-              {"sneaking": "variable.state == 0"},
-              {"sprinting": "variable.state == 1"},
-              {"sitting": "variable.state == 2"},
-              {"lie_down": "variable.state == 4"}
-            ]
-          }
-        }
-      },
-      "baby": {
-        "initial_state": "baby",
-        "states": {
-          "baby": {"animations": [{"baby_transform": "query.is_baby"}]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.cat"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 53}
-  },
-  "cave_spider": {
-    "identifier": "minecraft:cave_spider",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "spider", "invisible": "spider_invisible"},
-    "textures": {"default": "textures/entity/spider/cave_spider"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 9, -3],
-            "cubes": [
-              {"origin": [-4, 5, -11], "size": [8, 8, 8], "uv": [32, 4]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "body0",
-            "pivot": [0, 9, 0],
-            "cubes": [{"origin": [-3, 6, -3], "size": [6, 6, 6], "uv": [0, 0]}]
-          },
-          {
-            "name": "body1",
-            "pivot": [0, 9, 9],
-            "cubes": [
-              {"origin": [-5, 5, 3], "size": [10, 8, 12], "uv": [0, 12]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg0",
-            "pivot": [-4, 9, 2],
-            "cubes": [
-              {"origin": [-19, 8, 1], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg1",
-            "pivot": [4, 9, 2],
-            "cubes": [{"origin": [3, 8, 1], "size": [16, 2, 2], "uv": [18, 0]}],
-            "parent": "body0"
-          },
-          {
-            "name": "leg2",
-            "pivot": [-4, 9, 1],
-            "cubes": [
-              {"origin": [-19, 8, 0], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg3",
-            "pivot": [4, 9, 1],
-            "cubes": [{"origin": [3, 8, 0], "size": [16, 2, 2], "uv": [18, 0]}],
-            "parent": "body0"
-          },
-          {
-            "name": "leg4",
-            "pivot": [-4, 9, 0],
-            "cubes": [
-              {"origin": [-19, 8, -1], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg5",
-            "pivot": [4, 9, 0],
-            "cubes": [
-              {"origin": [3, 8, -1], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg6",
-            "pivot": [-4, 9, -1],
-            "cubes": [
-              {"origin": [-19, 8, -2], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg7",
-            "pivot": [4, 9, -1],
-            "cubes": [
-              {"origin": [3, 8, -2], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          }
-        ]
-      }
-    },
-    "scripts": {"scale": "0.7"},
-    "animations": {
-      "default_leg_pose": {
-        "loop": true,
-        "bones": {
-          "leg0": {"rotation": [0, "45.0 - this", "-45.0 - this"]},
-          "leg1": {"rotation": [0, "-45.0 - this", "45.0 - this"]},
-          "leg2": {"rotation": [0, "22.5 - this", "-33.3 - this"]},
-          "leg3": {"rotation": [0, "-22.5 - this", "33.3 - this"]},
-          "leg4": {"rotation": [0, "-22.5 - this", "-33.3 - this"]},
-          "leg5": {"rotation": [0, "22.5 - this", "33.3 - this"]},
-          "leg6": {"rotation": [0, "-45.0 - this", "-45.0 - this"]},
-          "leg7": {"rotation": [0, "45.0 - this", "45.0 - this"]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              0,
-              "-math.abs(math.cos(query.anim_time * 76.34 + 90 * 0) * 22.92)",
-              "math.abs(math.sin(query.anim_time * 38.17 + 90 * 0) * 22.92)"
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              0,
-              "math.abs(math.cos(query.anim_time * 76.34 + 90 * 0) * 22.92)",
-              "-math.abs(math.sin(query.anim_time * 38.17 + 90 * 0) * 22.92)"
-            ]
-          },
-          "leg2": {
-            "rotation": [
-              0,
-              "-math.abs(math.cos(query.anim_time * 76.34 + 90 * 1) * 22.92)",
-              "math.abs(math.sin(query.anim_time * 38.17 + 90 * 1) * 22.92)"
-            ]
-          },
-          "leg3": {
-            "rotation": [
-              0,
-              "math.abs(math.cos(query.anim_time * 76.34 + 90 * 1) * 22.92)",
-              "-math.abs(math.sin(query.anim_time * 38.17 + 90 * 1) * 22.92)"
-            ]
-          },
-          "leg4": {
-            "rotation": [
-              0,
-              "-math.abs(math.cos(query.anim_time * 76.34 + 90 * 2) * 22.92)",
-              "math.abs(math.sin(query.anim_time * 38.17 + 90 * 2) * 22.92)"
-            ]
-          },
-          "leg5": {
-            "rotation": [
-              0,
-              "math.abs(math.cos(query.anim_time * 76.34 + 90 * 2) * 22.92)",
-              "-math.abs(math.sin(query.anim_time * 38.17 + 90 * 2) * 22.92)"
-            ]
-          },
-          "leg6": {
-            "rotation": [
-              0,
-              "-math.abs(math.cos(query.anim_time * 76.34 + 90 * 3) * 22.92)",
-              "math.abs(math.sin(query.anim_time * 38.17 + 90 * 3) * 22.92)"
-            ]
-          },
-          "leg7": {
-            "rotation": [
-              0,
-              "math.abs(math.cos(query.anim_time * 76.34 + 90 * 3) * 22.92)",
-              "-math.abs(math.sin(query.anim_time * 38.17 + 90 * 3) * 22.92)"
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              "default_leg_pose",
-              {"walk": "query.modified_move_speed"},
-              "look_at_target"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.spider"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 22}
-  },
-  "chest_minecart": {
-    "identifier": "minecraft:chest_minecart",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "minecart"},
-    "textures": {"default": "textures/entity/minecart"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "bottom",
-            "pivot": [0, 6, 0],
-            "cubes": [
-              {
-                "origin": [-10, -6.5, -1],
-                "size": [20, 16, 2],
-                "rotation": [90, 0, 0],
-                "uv": [0, 10]
-              }
-            ]
-          },
-          {
-            "name": "back",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-17, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 270, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "front",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [1, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 90, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "right",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, 2.5, -8],
-                "size": [16, 8, 2],
-                "rotation": [0, 180, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "left",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-8, 2.5, 6], "size": [16, 8, 2], "uv": [0, 0]}
-            ],
-            "parent": "bottom"
-          }
-        ],
-        "texturewidth": 64,
-        "textureheight": 32
-      }
-    },
-    "scripts": {
-      "pre_animation": ["variable.hurt = query.hurt_time - query.frame_alpha;"],
-      "animate": ["move"]
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "bottom": {
-            "position": [
-              "variable.rail_offset.x / query.model_scale",
-              "variable.rail_offset.y / query.model_scale",
-              "variable.rail_offset.z / query.model_scale"
-            ],
-            "rotation": [
-              "variable.hurt > 0 ? -Math.sin(variable.hurt * 360 / (Math.pi * 2)) * variable.hurt * (((20 * 2 - query.structural_integrity) - query.frame_alpha) < 0 ? 0: (20 * 2 - query.structural_integrity) - query.frame_alpha) / 10 * query.hurt_direction : 0",
-              0,
-              "-variable.rail_rotation.z"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.minecart"]
-  },
-  "chicken": {
-    "identifier": "minecraft:chicken",
-    "min_engine_version": "1.12.0",
-    "materials": {"default": "chicken", "legs": "chicken_legs"},
-    "textures": {"default": "textures/entity/chicken"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 8, 0],
-            "cubes": [
-              {
-                "origin": [-3, 4, -3],
-                "rotation": [90, 0, 0],
-                "size": [6, 8, 6],
-                "uv": [0, 9]
-              }
-            ]
-          },
-          {
-            "name": "head",
-            "pivot": [0, 9, -4],
-            "cubes": [{"origin": [-2, 9, -6], "size": [4, 6, 3], "uv": [0, 0]}],
-            "locators": {"lead": [0, 9, -4]}
-          },
-          {
-            "name": "comb",
-            "parent": "head",
-            "pivot": [0, 9, -4],
-            "cubes": [{"origin": [-1, 9, -7], "size": [2, 2, 2], "uv": [14, 4]}]
-          },
-          {
-            "name": "beak",
-            "parent": "head",
-            "pivot": [0, 9, -4],
-            "cubes": [
-              {"origin": [-2, 11, -8], "size": [4, 2, 2], "uv": [14, 0]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "pivot": [-2, 5, 1],
-            "cubes": [{"origin": [-3, 0, -2], "size": [3, 5, 3], "uv": [26, 0]}]
-          },
-          {
-            "name": "leg1",
-            "pivot": [1, 5, 1],
-            "cubes": [{"origin": [0, 0, -2], "size": [3, 5, 3], "uv": [26, 0]}]
-          },
-          {
-            "name": "wing0",
-            "pivot": [-3, 11, 0],
-            "cubes": [
-              {"origin": [-4, 7, -3], "size": [1, 4, 6], "uv": [24, 13]}
-            ]
-          },
-          {
-            "name": "wing1",
-            "pivot": [3, 11, 0],
-            "cubes": [{"origin": [3, 7, -3], "size": [1, 4, 6], "uv": [24, 13]}]
-          }
-        ],
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 1.5,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32
-      }
-    },
-    "animations": {
-      "move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          }
-        }
-      },
-      "general": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", 0, 0]},
-          "wing0": {"rotation": [0, 0, "variable.wing_flap - this"]},
-          "wing1": {"rotation": [0, 0, "-variable.wing_flap - this"]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {"loop": true, "bones": {"head": {"scale": 2}}}
-    },
-    "scripts": {
-      "animate": [
-        "general",
-        {"move": "query.modified_move_speed"},
-        "look_at_target",
-        {"baby_transform": "query.is_baby"}
-      ]
-    },
-    "render_controllers": ["controller.render.chicken"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 0}
-  },
-  "cod": {
-    "identifier": "minecraft:cod",
-    "materials": {"default": "cod"},
-    "textures": {"default": "textures/entity/fish/cod"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 0.5,
-        "visible_bounds_height": 0.5,
-        "texturewidth": 32,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "cubes": [
-              {"origin": [-1, 0, 1], "size": [2, 4, 7], "uv": [0, 0]},
-              {"origin": [0, 4, 0], "size": [0, 1, 6], "uv": [20, -6]},
-              {"origin": [0, -1, 3], "size": [0, 1, 2], "uv": [22, -1]}
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 2, 0],
-            "cubes": [
-              {
-                "origin": [-0.9992, 1.0008, -3],
-                "size": [2, 3, 1],
-                "uv": [0, 0]
-              },
-              {"origin": [-1, 0, -2], "size": [2, 4, 3], "uv": [11, 0]}
-            ]
-          },
-          {
-            "name": "leftFin",
-            "parent": "body",
-            "pivot": [1, 1, 0],
-            "rotation": [0, 0, 35],
-            "cubes": [{"origin": [1, 0, 0], "size": [2, 1, 2], "uv": [24, 4]}]
-          },
-          {
-            "name": "rightFin",
-            "parent": "body",
-            "pivot": [-1, 1, 0],
-            "rotation": [0, 0, -35],
-            "cubes": [{"origin": [-3, 0, 0], "size": [2, 1, 2], "uv": [24, 1]}]
-          },
-          {
-            "name": "tailfin",
-            "parent": "body",
-            "pivot": [0, 0, 8],
-            "cubes": [{"origin": [0, 0, 8], "size": [0, 4, 6], "uv": [20, 1]}]
-          },
-          {"name": "waist", "parent": "body", "cubes": []}
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.ZRot = !query.is_in_water ? Math.cos((query.time_stamp + query.frame_alpha) * 14.32) * 90 : 0.0;",
-        "variable.AnimationAmountBlend = Math.lerp(variable.AnimationAmountPrev, variable.AnimationAmount, query.frame_alpha);"
-      ]
-    },
-    "animations": {
-      "flop": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 45.0) * 2.0",
-              "variable.zrot"
-            ]
-          },
-          "head": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 45.0) * 4.0",
-              0
-            ]
-          },
-          "tailfin": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 45.0) * -25.75",
-              0
-            ]
-          }
-        }
-      },
-      "swim": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 30.0) * 2.0",
-              0
-            ]
-          },
-          "head": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 30.0) * 4.0",
-              0
-            ]
-          },
-          "tailfin": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 30.0) * -25.75",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "flopping",
-        "states": {
-          "flopping": {
-            "animations": ["flop"],
-            "transitions": [
-              {"swimming": "query.is_in_water || query.is_levitating"}
-            ]
-          },
-          "swimming": {
-            "animations": ["swim"],
-            "transitions": [
-              {"flopping": "!query.is_in_water && !query.is_levitating"}
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.cod"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 45}
-  },
-  "command_block_minecart": {
-    "identifier": "minecraft:command_block_minecart",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "minecart"},
-    "textures": {"default": "textures/entity/minecart"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "bottom",
-            "pivot": [0, 6, 0],
-            "cubes": [
-              {
-                "origin": [-10, -6.5, -1],
-                "size": [20, 16, 2],
-                "rotation": [90, 0, 0],
-                "uv": [0, 10]
-              }
-            ]
-          },
-          {
-            "name": "back",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-17, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 270, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "front",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [1, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 90, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "right",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, 2.5, -8],
-                "size": [16, 8, 2],
-                "rotation": [0, 180, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "left",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-8, 2.5, 6], "size": [16, 8, 2], "uv": [0, 0]}
-            ],
-            "parent": "bottom"
-          }
-        ],
-        "texturewidth": 64,
-        "textureheight": 32
-      }
-    },
-    "scripts": {
-      "pre_animation": ["variable.hurt = query.hurt_time - query.frame_alpha;"],
-      "animate": ["move"]
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "bottom": {
-            "position": [
-              "variable.rail_offset.x / query.model_scale",
-              "variable.rail_offset.y / query.model_scale",
-              "variable.rail_offset.z / query.model_scale"
-            ],
-            "rotation": [
-              "variable.hurt > 0 ? -Math.sin(variable.hurt * 360 / (Math.pi * 2)) * variable.hurt * (((20 * 2 - query.structural_integrity) - query.frame_alpha) < 0 ? 0: (20 * 2 - query.structural_integrity) - query.frame_alpha) / 10 * query.hurt_direction : 0",
-              0,
-              "-variable.rail_rotation.z"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.minecart"]
-  },
-  "cow": {
-    "identifier": "minecraft:cow",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "cow"},
-    "textures": {"default": "textures/entity/cow/cow"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 1.75,
-        "visible_bounds_offset": [0, 0.75, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 19, 2],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-6, 11, -5], "size": [12, 18, 10], "uv": [18, 4]},
-              {"origin": [-2, 11, -6], "size": [4, 6, 1], "uv": [52, 0]}
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 20, -8],
-            "locators": {"lead": [0, 20, -8]},
-            "cubes": [
-              {"origin": [-4, 16, -14], "size": [8, 8, 6], "uv": [0, 0]},
-              {"origin": [-5, 22, -12], "size": [1, 3, 1], "uv": [22, 0]},
-              {"origin": [4, 22, -12], "size": [1, 3, 1], "uv": [22, 0]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-4, 12, 7],
-            "cubes": [{"origin": [-6, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "mirror": true,
-            "pivot": [4, 12, 7],
-            "cubes": [{"origin": [2, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-4, 12, -6],
-            "cubes": [
-              {"origin": [-6, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}
-            ]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "mirror": true,
-            "pivot": [4, 12, -6],
-            "cubes": [{"origin": [2, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "setup": {"loop": true, "bones": {"body": {"rotation": ["-this", 0, 0]}}},
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg2": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg3": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {
-        "loop": true,
-        "bones": {"head": {"position": [0, 4, 4], "scale": 2}}
-      }
-    },
-    "scripts": {
-      "animate": [
-        "setup",
-        {"walk": "query.modified_move_speed"},
-        "look_at_target",
-        {"baby_transform": "query.is_baby"}
-      ]
-    },
-    "render_controllers": ["controller.render.cow"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 1}
-  },
-  "creeper": {
-    "identifier": "minecraft:creeper",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "creeper", "charged": "charged_creeper"},
-    "textures": {
-      "default": "textures/entity/creeper/creeper",
-      "charged": "textures/entity/creeper/creeper_armor"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 0.75, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "cubes": [
-              {"origin": [-4, 6, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 18, 0],
-            "cubes": [{"origin": [-4, 18, -4], "size": [8, 8, 8], "uv": [0, 0]}]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-2, 6, 4],
-            "cubes": [{"origin": [-4, 0, 2], "size": [4, 6, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [2, 6, 4],
-            "cubes": [{"origin": [0, 0, 2], "size": [4, 6, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-2, 6, -4],
-            "cubes": [{"origin": [-4, 0, -6], "size": [4, 6, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "pivot": [2, 6, -4],
-            "cubes": [{"origin": [0, 0, -6], "size": [4, 6, 4], "uv": [0, 16]}]
-          }
-        ]
-      },
-      "charged": {
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 0.75, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "cubes": [
-              {"origin": [-4, 6, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ],
-            "inflate": 2
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 18, 0],
-            "cubes": [
-              {"origin": [-4, 18, -4], "size": [8, 8, 8], "uv": [0, 0]}
-            ],
-            "inflate": 2
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-2, 6, 4],
-            "cubes": [{"origin": [-4, 0, 2], "size": [4, 6, 4], "uv": [0, 16]}],
-            "inflate": 2
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [2, 6, 4],
-            "cubes": [{"origin": [0, 0, 2], "size": [4, 6, 4], "uv": [0, 16]}],
-            "inflate": 2
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-2, 6, -4],
-            "cubes": [
-              {"origin": [-4, 0, -6], "size": [4, 6, 4], "uv": [0, 16]}
-            ],
-            "inflate": 2
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "pivot": [2, 6, -4],
-            "cubes": [{"origin": [0, 0, -6], "size": [4, 6, 4], "uv": [0, 16]}],
-            "inflate": 2
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 6},
-    "scripts": {
-      "pre_animation": [
-        "variable.wobble = Math.sin(query.swell_amount * 5730) * query.swell_amount * 0.01 + 1.0;",
-        "variable.swelling_scale1 = (Math.pow(Math.clamp(query.swell_amount, 0.0, 1.0), 4.0) * 0.4 + 1.0) * variable.wobble;",
-        "variable.swelling_scale2 = (Math.pow(Math.clamp(query.swell_amount, 0.0, 1.0), 4.0) * 0.1 + 1.0) / variable.wobble;",
-        "variable.leg_rot = Math.cos(query.modified_distance_moved * 38.17326) * 80.22 * query.modified_move_speed;",
-        "variable.flash = Math.mod(Math.Round(query.swell_amount * 10.0), 2.0);"
-      ]
-    },
-    "animations": {
-      "creeper_head": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "creeper_legs": {
-        "loop": true,
-        "bones": {
-          "leg0": {"rotation": ["variable.leg_rot - this", 0, 0]},
-          "leg1": {"rotation": ["-variable.leg_rot - this", 0, 0]},
-          "leg2": {"rotation": ["-variable.leg_rot - this", 0, 0]},
-          "leg3": {"rotation": ["variable.leg_rot - this", 0, 0]}
-        }
-      },
-      "creeper_swelling": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "scale": [
-              "variable.swelling_scale1",
-              "variable.swelling_scale2",
-              "variable.swelling_scale1"
-            ]
-          },
-          "head": {
-            "scale": [
-              "variable.swelling_scale1",
-              "variable.swelling_scale2",
-              "variable.swelling_scale1"
-            ]
-          },
-          "leg0": {
-            "scale": [
-              "variable.swelling_scale1",
-              "variable.swelling_scale2",
-              "variable.swelling_scale1"
-            ]
-          },
-          "leg1": {
-            "scale": [
-              "variable.swelling_scale1",
-              "variable.swelling_scale2",
-              "variable.swelling_scale1"
-            ]
-          },
-          "leg2": {
-            "scale": [
-              "variable.swelling_scale1",
-              "variable.swelling_scale2",
-              "variable.swelling_scale1"
-            ]
-          },
-          "leg3": {
-            "scale": [
-              "variable.swelling_scale1",
-              "variable.swelling_scale2",
-              "variable.swelling_scale1"
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "creeper_head": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["creeper_head"]}}
-      },
-      "creeper_legs": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["creeper_legs"]}}
-      },
-      "creeper_swelling": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["creeper_swelling"]}}
-      }
-    },
-    "render_controllers": [
-      "controller.render.creeper",
-      "controller.render.creeper_armor"
-    ]
-  },
-  "dolphin": {
-    "identifier": "minecraft:dolphin",
-    "materials": {"default": "dolphin"},
-    "textures": {"default": "textures/entity/dolphin"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "pivot": [0, 0, -3],
-            "locators": {"lead": [0, 0, 0]},
-            "cubes": [
-              {
-                "origin": [-4, 0, -9],
-                "size": [8, 7, 6],
-                "uv": [0, 0],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "head",
-            "parent": "body"
-          },
-          {
-            "pivot": [0, 0, -3],
-            "cubes": [
-              {
-                "origin": [-4, 0, -3],
-                "size": [8, 7, 13],
-                "uv": [0, 13],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "body"
-          },
-          {
-            "pivot": [0, 2.5, 11],
-            "cubes": [
-              {
-                "origin": [-2, 0, 10],
-                "size": [4, 5, 11],
-                "uv": [0, 33],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "tail",
-            "parent": "body"
-          },
-          {
-            "pivot": [0, 2.5, 20],
-            "cubes": [
-              {
-                "origin": [-5, 2, 19],
-                "size": [10, 1, 6],
-                "uv": [0, 49],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "tail_fin",
-            "parent": "tail"
-          },
-          {
-            "pivot": [0, 7, 2],
-            "rotation": [-30, 0, 0],
-            "cubes": [
-              {
-                "origin": [-0.5, 6.25, 1],
-                "size": [1, 5, 4],
-                "uv": [29, 0],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "back_fin",
-            "parent": "body"
-          },
-          {
-            "pivot": [3, 1, -1],
-            "rotation": [0, -25, 20],
-            "cubes": [
-              {
-                "origin": [3, 1, -2.5],
-                "size": [8, 1, 4],
-                "uv": [40, 0],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "left_fin",
-            "parent": "body"
-          },
-          {
-            "pivot": [-3, 1, -1],
-            "rotation": [0, 25, -20],
-            "cubes": [
-              {
-                "origin": [-11, 1, -2.5],
-                "size": [8, 1, 4],
-                "uv": [40, 6],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "right_fin",
-            "parent": "body"
-          },
-          {
-            "pivot": [0, 0, -13],
-            "cubes": [
-              {
-                "origin": [-1, 0, -13],
-                "size": [2, 2, 4],
-                "uv": [0, 13],
-                "inflate": 0,
-                "mirror": false
-              }
-            ],
-            "name": "nose",
-            "parent": "head"
-          }
-        ],
-        "texturewidth": 64,
-        "textureheight": 64
-      }
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.target_x_rotation - 2.865 + (-2.865 * math.cos(query.life_time * 343.8))",
-              "query.target_y_rotation",
-              0
-            ]
-          },
-          "left_fin": {
-            "rotation": [
-              0,
-              0,
-              "17.19 * math.cos(query.life_time * 229.2) + 22.92"
-            ]
-          },
-          "right_fin": {
-            "rotation": [
-              0,
-              0,
-              "-17.19 * math.cos(query.life_time * 229.2) - 22.92"
-            ]
-          },
-          "tail": {
-            "rotation": ["-5.73 * math.cos(query.life_time * 343.8)", 0, 0]
-          },
-          "tail_fin": {
-            "rotation": ["-11.46 * math.cos(query.life_time * 343.8)", 0, 0]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      }
-    },
-    "render_controllers": ["controller.render.dolphin"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 49}
-  },
-  "donkey": {
-    "identifier": "minecraft:donkey",
-    "textures": {
-      "base_brown": "textures/entity/horse/horse_brown",
-      "base_white": "textures/entity/horse/horse_white",
-      "base_chestnut": "textures/entity/horse/horse_chestnut",
-      "base_creamy": "textures/entity/horse/horse_creamy",
-      "base_black": "textures/entity/horse/horse_black",
-      "base_gray": "textures/entity/horse/horse_gray",
-      "base_darkbrown": "textures/entity/horse/horse_darkbrown",
-      "markings_none": "textures/entity/horse/horse_markings_none",
-      "markings_white": "textures/entity/horse/horse_markings_white",
-      "markings_whitefield": "textures/entity/horse/horse_markings_whitefield",
-      "markings_whitedots": "textures/entity/horse/horse_markings_whitedots",
-      "markings_blackdots": "textures/entity/horse/horse_markings_blackdots",
-      "mule": "textures/entity/horse/mule",
-      "donkey": "textures/entity/horse/donkey",
-      "skeleton": "textures/entity/horse/horse_skeleton",
-      "zombie": "textures/entity/horse/horse_zombie",
-      "armor_none": "textures/entity/horse/armor/horse_armor_none",
-      "armor_leather": "textures/entity/horse/armor/horse_armor_leather",
-      "armor_iron": "textures/entity/horse/armor/horse_armor_iron",
-      "armor_gold": "textures/entity/horse/armor/horse_armor_gold",
-      "armor_diamond": "textures/entity/horse/armor/horse_armor_diamond"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 128,
-        "textureheight": 128,
-        "bones": [
-          {
-            "name": "Body",
-            "pivot": [0, 13, 9],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 11, -10], "size": [10, 10, 24], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "TailA",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1, 20, 14], "size": [2, 2, 3], "uv": [44, 0]}
-            ]
-          },
-          {
-            "name": "TailB",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 19, 17], "size": [3, 4, 7], "uv": [38, 7]}
-            ]
-          },
-          {
-            "name": "TailC",
-            "pivot": [0, 21, 14],
-            "rotation": [-80.34, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 21.5, 23], "size": [3, 4, 7], "uv": [24, 3]}
-            ]
-          },
-          {
-            "name": "Leg1A",
-            "pivot": [4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 8, 8.5], "size": [4, 9, 5], "uv": [78, 29]}
-            ]
-          },
-          {
-            "name": "Leg1B",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2, 3, 9.5], "size": [3, 5, 3], "uv": [78, 43]}
-            ]
-          },
-          {
-            "name": "Leg1C",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, -0.1, 9], "size": [4, 3, 4], "uv": [78, 51]}
-            ]
-          },
-          {
-            "name": "Leg2A",
-            "pivot": [-4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 8, 8.5], "size": [4, 9, 5], "uv": [96, 29]}
-            ]
-          },
-          {
-            "name": "Leg2B",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 3, 9.5], "size": [3, 5, 3], "uv": [96, 43]}
-            ]
-          },
-          {
-            "name": "Leg2C",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, -0.1, 9], "size": [4, 3, 4], "uv": [96, 51]}
-            ]
-          },
-          {
-            "name": "Leg3A",
-            "pivot": [4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 8, -10.1], "size": [3, 8, 4], "uv": [44, 29]}
-            ]
-          },
-          {
-            "name": "Leg3B",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 3, -9.6], "size": [3, 5, 3], "uv": [44, 41]}
-            ]
-          },
-          {
-            "name": "Leg3C",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [44, 51]}
-            ]
-          },
-          {
-            "name": "Leg4A",
-            "pivot": [-4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 8, -10.1], "size": [3, 8, 4], "uv": [60, 29]}
-            ]
-          },
-          {
-            "name": "Leg4B",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 3, -9.6], "size": [3, 5, 3], "uv": [60, 41]}
-            ]
-          },
-          {
-            "name": "Leg4C",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [60, 51]}
-            ]
-          },
-          {
-            "name": "Head",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 25, -11.5], "size": [5, 5, 7], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "UMouth",
-            "pivot": [0, 20.05, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 27.05, -17], "size": [4, 3, 6], "uv": [24, 18]}
-            ]
-          },
-          {
-            "name": "LMouth",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 25, -16.5], "size": [4, 2, 5], "uv": [24, 27]}
-            ]
-          },
-          {
-            "name": "Ear1",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [0.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "Ear2",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "MuleEarL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 15],
-            "cubes": [
-              {"origin": [-2, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "MuleEarR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, -15],
-            "cubes": [{"origin": [0, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}]
-          },
-          {
-            "name": "Neck",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.05, 15.8, -12], "size": [4, 14, 8], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "Bag1",
-            "pivot": [-7.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [-10.5, 13, 10], "size": [8, 8, 3], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "Bag2",
-            "pivot": [4.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [1.5, 13, 10], "size": [8, 8, 3], "uv": [0, 47]}
-            ]
-          },
-          {
-            "name": "Saddle",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 21, -1], "size": [10, 1, 8], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleB",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 22, -1], "size": [3, 1, 2], "uv": [106, 9]}
-            ]
-          },
-          {
-            "name": "SaddleC",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [{"origin": [-4, 22, 5], "size": [8, 1, 2], "uv": [80, 9]}]
-          },
-          {
-            "name": "SaddleL2",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 13, 1], "size": [1, 2, 2], "uv": [74, 0]}
-            ]
-          },
-          {
-            "name": "SaddleL",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 15, 1.5], "size": [1, 6, 1], "uv": [70, 0]}
-            ]
-          },
-          {
-            "name": "SaddleR2",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 13, 1], "size": [1, 2, 2], "uv": [74, 4]}
-            ]
-          },
-          {
-            "name": "SaddleR",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 15, 1.5], "size": [1, 6, 1], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleMouthL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLine",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 10]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLineR",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 5]}
-            ]
-          },
-          {
-            "name": "Mane",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-1, 15.5, -5], "size": [2, 16, 4], "uv": [58, 0]}
-            ]
-          },
-          {
-            "name": "HeadSaddle",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {
-                "origin": [-2.5, 25.1, -17],
-                "size": [5, 5, 12],
-                "uv": [80, 12],
-                "inflate": 0.05
-              }
-            ]
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 30}
-  },
-  "dragon_fireball": {
-    "identifier": "minecraft:dragon_fireball",
-    "materials": {"default": "fireball"},
-    "textures": {"default": "textures/entity/enderdragon/dragon_fireball"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -4, 0],
-                "size": [16, 16, 0],
-                "uv": {"south": {"uv": [0, 0]}}
-              }
-            ]
-          }
-        ],
-        "texturewidth": 16,
-        "textureheight": 16
-      }
-    },
-    "animations": {
-      "face_player": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"scale": "2.0", "animate": ["face_player"]},
-    "render_controllers": ["controller.render.fireball"]
-  },
-  "drowned": {
-    "identifier": "minecraft:drowned",
-    "min_engine_version": "1.16.0",
-    "materials": {"default": "drowned"},
-    "textures": {"default": "textures/entity/zombie/drowned"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ]
-          },
-          {
-            "name": "jacket",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 12, -2],
-                "size": [8, 12, 4],
-                "uv": [16, 32],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [0, 0],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "hat",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 1
-              }
-            ]
-          },
-          {
-            "name": "rightArm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-7, 12, -2], "size": [4, 12, 4], "uv": [0, 16]}
-            ]
-          },
-          {
-            "name": "leftArm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {
-                "origin": [4, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [40, 16],
-                "mirror": true
-              }
-            ]
-          },
-          {
-            "name": "rightSleeve",
-            "parent": "rightArm",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {
-                "origin": [-7, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [48, 48],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "leftSleeve",
-            "parent": "leftArm",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {
-                "origin": [4, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [40, 32],
-                "inflate": 0.5,
-                "mirror": true
-              }
-            ]
-          },
-          {
-            "name": "rightLeg",
-            "parent": "body",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-4.05, 0, -2], "size": [4, 12, 4], "uv": [16, 48]}
-            ]
-          },
-          {
-            "name": "leftLeg",
-            "parent": "body",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {
-                "origin": [0.05, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [32, 48],
-                "mirror": true
-              }
-            ]
-          },
-          {
-            "name": "rightPants",
-            "parent": "rightLeg",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {
-                "origin": [-4.25, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 48],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "leftPants",
-            "parent": "leftLeg",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {
-                "origin": [0.25, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 32],
-                "inflate": 0.25,
-                "mirror": true
-              }
-            ]
-          },
-          {"name": "waist", "parent": "body", "pivot": [0, 12, 0]},
-          {"name": "rightItem", "parent": "rightArm", "pivot": [-6, 15, 1]},
-          {"name": "leftItem", "parent": "leftArm", "pivot": [6, 15, 1]}
-        ],
-        "visible_bounds_width": 2.5,
-        "visible_bounds_height": 2.5,
-        "visible_bounds_offset": [0, 1.25, 0],
-        "texturewidth": 64,
-        "textureheight": 64
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ],
-      "animate": [
-        {"humanoid_big_head": "query.is_baby"},
-        "look_at_target",
-        "move",
-        {"riding.arms": "query.is_riding"},
-        {"riding.legs": "query.is_riding"},
-        "holding",
-        {"charging": "query.is_charging"},
-        "attack_controller",
-        {"brandish_spear": "variable.is_brandishing_spear"},
-        "bob",
-        {"damage_nearby_mobs": "variable.damage_nearby_mobs"},
-        {
-          "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
-        },
-        {"swimming": "variable.swim_amount > 0.0"}
-      ]
-    },
-    "animations": {
-      "humanoid_big_head": {"loop": true, "bones": {"head": {"scale": 1.4}}},
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      },
-      "zombie_attack_bare_hand": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-90.0 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) - (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "5.73 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 0.6) - this",
-              "math.cos(query.life_time * 103.13244) * -2.865 - 2.865 - this"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "90.0 * (variable.is_brandishing_spear - 1.0) - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) + (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "(math.sin(variable.attack_time * 180.0) * 57.3) * 0.6 - 5.73 - this",
-              "math.cos(query.life_time * 103.13244) * 2.865 + 2.865 - this"
-            ]
-          }
-        }
-      },
-      "attack_rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360.0) * 11.46",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "-(math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) + math.sin(variable.attack_time * 180.0)) * 5.73",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-(math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 34.38 + math.sin(variable.attack_time * 180.0) * 28.65) * (variable.is_brandishing_spear ? -2.5 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : math.sin(math.sqrt(variable.attack_time) * 360.0) * 22.92",
-              0
-            ]
-          }
-        }
-      },
-      "swimming": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [
-              0,
-              "variable.swim_amount * -10.0 - this",
-              "variable.swim_amount * 9.0 - this"
-            ],
-            "rotation": [
-              "variable.swim_amount * (90.0 + query.target_x_rotation)",
-              0,
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) - (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "leftleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0 + 180.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) + (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, -14.325, variable.swim_amount) + (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.drowned"],
-    "enable_attachables": true,
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 48},
-    "animation_controllers": {
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "attack_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["zombie_attack_bare_hand"],
-            "transitions": [
-              {"one_hand_attack": "query.is_item_equipped('off_hand')"},
-              {
-                "spear_attack": "variable.is_brandishing_spear && !query.is_item_equipped('off_hand')"
-              }
-            ]
-          },
-          "one_hand_attack": {
-            "animations": ["attack_rotations"],
-            "transitions": [
-              {"default": "!query.is_item_equipped('off_hand')"},
-              {
-                "spear_attack": "variable.is_brandishing_spear && !query.is_item_equipped('off_hand')"
-              }
-            ]
-          },
-          "spear_attack": {
-            "animations": ["zombie_attack_bare_hand", "attack_rotations"],
-            "transitions": [
-              {
-                "default": "!query.is_item_equipped('off_hand') && !variable.is_brandishing_spear"
-              },
-              {"one_hand_attack": "query.is_item_equipped('off_hand')"}
-            ]
-          }
-        }
-      }
-    }
-  },
-  "egg": {
-    "identifier": "minecraft:egg",
-    "materials": {"default": "egg"},
-    "textures": {"default": "textures/items/egg"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -8, 0],
-                "size": [16, 16, 0],
-                "uv": [0, 0],
-                "rotation": [0, 0, 0]
-              }
-            ]
-          }
-        ],
-        "texturewidth": 16,
-        "textureheight": 16
-      }
-    },
-    "render_controllers": ["controller.render.item_sprite"],
-    "animations": {
-      "flying": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["flying"]}
-  },
-  "elder_guardian": {
-    "identifier": "minecraft:elder_guardian",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "guardian", "ghost": "guardian_ghost"},
-    "textures": {
-      "default": "textures/entity/guardian",
-      "elder": "textures/entity/guardian_elder",
-      "beam": "textures/entity/guardian_beam"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 3.5,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 0, 0],
-            "mirror": true,
-            "cubes": [
-              {
-                "mirror": false,
-                "origin": [-6, 2, -8],
-                "size": [12, 12, 16],
-                "uv": [0, 0]
-              },
-              {
-                "mirror": false,
-                "origin": [-8, 2, -6],
-                "size": [2, 12, 12],
-                "uv": [0, 28]
-              },
-              {"origin": [6, 2, -6], "size": [2, 12, 12], "uv": [0, 28]},
-              {"origin": [-6, 14, -6], "size": [12, 2, 12], "uv": [16, 40]},
-              {"origin": [-6, 0, -6], "size": [12, 2, 12], "uv": [16, 40]}
-            ]
-          },
-          {
-            "name": "eye",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-1, 6, 0], "size": [2, 2, 1], "uv": [8, 0]}]
-          },
-          {
-            "name": "tailpart0",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-2, 6, 7], "size": [4, 4, 8], "uv": [40, 0]}]
-          },
-          {
-            "name": "tailpart1",
-            "parent": "tailpart0",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 7, 0], "size": [3, 3, 7], "uv": [0, 54]}]
-          },
-          {
-            "name": "tailpart2",
-            "parent": "tailpart1",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [0, 8, 0], "size": [2, 2, 6], "uv": [41, 32]},
-              {"origin": [1, 4.5, 3], "size": [1, 9, 9], "uv": [25, 19]}
-            ]
-          },
-          {
-            "name": "spikepart0",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart1",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart2",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart3",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart4",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart5",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart6",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart7",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart8",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart9",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart10",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart11",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          }
-        ]
-      },
-      "ghost": {
-        "visible_bounds_width": 3.5,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "mirror": true,
-            "cubes": [
-              {
-                "mirror": false,
-                "origin": [-6, 2, -8],
-                "size": [12, 12, 16],
-                "uv": [0, 0]
-              },
-              {
-                "mirror": false,
-                "origin": [-8, 2, -6],
-                "size": [2, 12, 12],
-                "uv": [0, 28]
-              },
-              {"origin": [6, 2, -6], "size": [2, 12, 12], "uv": [0, 28]},
-              {"origin": [-6, 14, -6], "size": [12, 2, 12], "uv": [16, 40]},
-              {"origin": [-6, 0, -6], "size": [12, 2, 12], "uv": [16, 40]}
-            ]
-          },
-          {
-            "name": "eye",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-1, 7, 0], "size": [2, 2, 1], "uv": [8, 0]}]
-          },
-          {
-            "name": "tailpart0",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-2, 6, 7], "size": [4, 4, 8], "uv": [40, 0]}]
-          },
-          {
-            "name": "tailpart1",
-            "parent": "tailpart0",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 7, 0], "size": [3, 3, 7], "uv": [0, 54]}]
-          },
-          {
-            "name": "tailpart2",
-            "parent": "tailpart1",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [0, 8, 0], "size": [2, 2, 6], "uv": [41, 32]},
-              {"origin": [1, 4.5, 3], "size": [1, 9, 9], "uv": [25, 19]}
-            ]
-          },
-          {
-            "name": "spikepart0",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart1",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart2",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart3",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart4",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart5",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart6",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart7",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart8",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart9",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart10",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart11",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "setup": {
-        "loop": true,
-        "bones": {
-          "spikepart0": {
-            "rotation": ["-45.0 - this", "0.0 - this", "0.0 - this"]
-          },
-          "spikepart1": {
-            "rotation": ["45.0 - this", "0.0 - this", "0.0 - this"]
-          },
-          "spikepart10": {
-            "rotation": ["0.0 - this", "0.0 - this", " 135.0 - this"]
-          },
-          "spikepart11": {
-            "rotation": ["0.0 - this", "0.0 - this", " -135.0 - this"]
-          },
-          "spikepart2": {
-            "rotation": ["0.0 - this", "0.0 - this", "45.0 - this"]
-          },
-          "spikepart3": {
-            "rotation": ["0.0 - this", "0.0  - this", "-45.0 - this"]
-          },
-          "spikepart4": {
-            "rotation": ["90.0 - this", "45.0 - this", " 0.0 - this"]
-          },
-          "spikepart5": {
-            "rotation": ["90.0 - this", "-45.0 - this", " 0.0 - this"]
-          },
-          "spikepart6": {
-            "rotation": ["90.0 - this", "-135.0 - this", "0.0 - this"]
-          },
-          "spikepart7": {
-            "rotation": ["90.0 - this", "135.0 - this", " 0.0 - this"]
-          },
-          "spikepart8": {
-            "rotation": ["-135.0 - this", "0.0 - this", " 0.0 - this"]
-          },
-          "spikepart9": {
-            "rotation": ["135.0 - this", "0.0 - this", " 0.0 - this"]
-          }
-        }
-      },
-      "spikes": {
-        "loop": true,
-        "bones": {
-          "spikepart0": {
-            "position": [
-              "-this",
-              "24 + -8 * (1 + math.cos(query.life_time * 20 * 1.5) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart1": {
-            "position": [
-              "-this",
-              "24 + -8 * (1 + math.cos(query.life_time * 20 * 1.5 + 1) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 1) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart10": {
-            "position": [
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 10) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this",
-              "-8 + 8 * (1 + math.cos(query.life_time * 20 * 1.5 + 10) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-this"
-            ]
-          },
-          "spikepart11": {
-            "position": [
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 11) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this",
-              "-8 + 8 * (1 + math.cos(query.life_time * 20 * 1.5 + 11) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-this"
-            ]
-          },
-          "spikepart2": {
-            "position": [
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 2) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this",
-              "24 + -8 * (1 + math.cos(query.life_time * 20 * 1.5 + 2) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-this"
-            ]
-          },
-          "spikepart3": {
-            "position": [
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 3) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this",
-              "24 + -8 * (1 + math.cos(query.life_time * 20 * 1.5 + 3) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              0
-            ]
-          },
-          "spikepart4": {
-            "position": [
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 4) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this",
-              "8 - this",
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 4) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart5": {
-            "position": [
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 5) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this",
-              "8 - this",
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 5) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart6": {
-            "position": [
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 6) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this",
-              "8 - this",
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 6) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart7": {
-            "position": [
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 7) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this",
-              "8 - this",
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 7) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart8": {
-            "position": [
-              "-this",
-              "-8  + 8 * (1 + math.cos(query.life_time * 20 * 1.5 + 8) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 8) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart9": {
-            "position": [
-              "-this",
-              "-8 + 8 * (1 + math.cos(query.life_time * 20 * 1.5 + 9) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 9) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this"
-            ]
-          }
-        }
-      },
-      "swim": {
-        "loop": true,
-        "bones": {
-          "tailpart0": {
-            "rotation": [0, "variable.tail_base_angle * 11.6 - this", 0]
-          },
-          "tailpart1": {
-            "position": ["-1.5 - this", "-0.5 - this", "14.0 - this"],
-            "rotation": [0, "variable.tail_base_angle * 22.8 - this", 0]
-          },
-          "tailpart2": {
-            "position": ["0.5 - this", "-0.5 - this", "6.0 - this"],
-            "rotation": [0, "variable.tail_base_angle * 34.4 - this", 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "move_eye": {
-        "loop": true,
-        "bones": {
-          "eye": {
-            "position": [
-              "query.eye_target_x_rotation - this",
-              "24 + query.eye_target_y_rotation - this",
-              "-8.25 - this"
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.spike_shake = Math.sin(query.life_time * 2000)/50;",
-        "variable.spike_animation_speed = query.life_time < 0.1 ? 0.0 : (!query.is_in_water ? (Math.round(Math.sin(query.life_time * 2000)) == 0.0 ? (Math.random(0.0, 1.0)) : (variable.spike_animation_speed)) : (query.is_moving ? (variable.spike_animation_speed - variable.spike_animation_speed * 0.06) : (variable.spike_animation_speed + (1.0 - variable.spike_animation_speed) * 0.06)));",
-        "variable.spike_extension = (1.0 - variable.spike_animation_speed) * 0.55;",
-        "variable.tail_animation_speed = query.life_time < 0.1 ? 0.0 : (!query.is_in_water ? 2.0 : query.is_moving ? (variable.tail_animation_speed < 0.5 ? 4.0 : variable.tail_animation_speed + (0.5 - variable.tail_animation_speed) * 0.1) : variable.tail_animation_speed + (0.125 - variable.tail_animation_speed) * 0.2);",
-        "variable.tail_swim = query.life_time < 0.1 ? 0.0 : (variable.tail_swim + variable.tail_animation_speed);",
-        "variable.tail_base_angle = Math.sin(variable.tail_swim*20.0);"
-      ],
-      "scale": "2.35",
-      "animate": ["setup", "spikes", "swim", "look_at_target", "move_eye"]
-    },
-    "render_controllers": ["controller.render.guardian"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 36}
-  },
-  "ender_dragon": {
-    "identifier": "minecraft:ender_dragon",
-    "textures": {
-      "default": "textures/entity/enderdragon/dragon",
-      "exploding": "textures/entity/enderdragon/dragon_exploding",
-      "beam": "textures/entity/end_crystal/end_crystal_beam"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 14,
-        "visible_bounds_height": 13,
-        "visible_bounds_offset": [0, 2, 0],
-        "texturewidth": 256,
-        "textureheight": 256,
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-6, 20, -24], "size": [12, 5, 16], "uv": [176, 44]},
-              {"origin": [-8, 16, -10], "size": [16, 16, 16], "uv": [112, 30]},
-              {
-                "mirror": true,
-                "origin": [-5, 32, -4],
-                "size": [2, 4, 6],
-                "uv": [0, 0]
-              },
-              {
-                "mirror": true,
-                "origin": [-5, 25, -22],
-                "size": [2, 2, 4],
-                "uv": [112, 0]
-              },
-              {"origin": [3, 32, -4], "size": [2, 4, 6], "uv": [0, 0]},
-              {"origin": [3, 25, -22], "size": [2, 2, 4], "uv": [112, 0]}
-            ]
-          },
-          {
-            "name": "jaw",
-            "pivot": [0, 20, -8],
-            "cubes": [
-              {"origin": [-6, 16, -24], "size": [12, 4, 16], "uv": [176, 65]}
-            ]
-          },
-          {
-            "name": "neck",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-5, 19, -5], "size": [10, 10, 10], "uv": [192, 104]},
-              {"origin": [-1, 29, -3], "size": [2, 4, 6], "uv": [48, 0]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 20, 8],
-            "cubes": [
-              {"origin": [-12, -4, -8], "size": [24, 24, 64], "uv": [0, 0]},
-              {"origin": [-1, 20, -2], "size": [2, 6, 12], "uv": [220, 53]},
-              {"origin": [-1, 20, 18], "size": [2, 6, 12], "uv": [220, 53]},
-              {"origin": [-1, 20, 38], "size": [2, 6, 12], "uv": [220, 53]}
-            ]
-          },
-          {
-            "name": "wing",
-            "pivot": [-12, 19, 2],
-            "cubes": [
-              {"origin": [-68, 15, -2], "size": [56, 8, 8], "uv": [112, 88]},
-              {"origin": [-68, 19, 4], "size": [56, 0, 56], "uv": [-56, 88]}
-            ]
-          },
-          {
-            "name": "wingtip",
-            "pivot": [-56, 24, 0],
-            "cubes": [
-              {"origin": [-112, 22, -2], "size": [56, 4, 4], "uv": [112, 136]},
-              {"origin": [-112, 24, 2], "size": [56, 0, 56], "uv": [-56, 144]}
-            ]
-          },
-          {
-            "name": "wing1",
-            "pivot": [12, 19, 2],
-            "cubes": [
-              {"origin": [-44, 15, -2], "size": [56, 8, 8], "uv": [112, 88]},
-              {"origin": [-44, 19, 4], "size": [56, 0, 56], "uv": [-56, 88]}
-            ]
-          },
-          {
-            "name": "wingtip1",
-            "pivot": [-56, 24, 0],
-            "cubes": [
-              {"origin": [-112, 22, -2], "size": [56, 4, 4], "uv": [112, 136]},
-              {"origin": [-112, 24, 2], "size": [56, 0, 56], "uv": [-56, 144]}
-            ]
-          },
-          {
-            "name": "rearleg",
-            "pivot": [-16, 8, 42],
-            "cubes": [
-              {"origin": [-24, -20, 34], "size": [16, 32, 16], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "rearleg1",
-            "pivot": [16, 8, 42],
-            "cubes": [
-              {"origin": [8, -20, 34], "size": [16, 32, 16], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "frontleg",
-            "pivot": [-12, 4, 2],
-            "cubes": [
-              {"origin": [-16, -16, -2], "size": [8, 24, 8], "uv": [112, 104]}
-            ]
-          },
-          {
-            "name": "frontleg1",
-            "pivot": [12, 4, 2],
-            "cubes": [
-              {"origin": [8, -16, -2], "size": [8, 24, 8], "uv": [112, 104]}
-            ]
-          },
-          {
-            "name": "rearlegtip",
-            "pivot": [0, -8, -4],
-            "cubes": [
-              {"origin": [-6, -38, -4], "size": [12, 32, 12], "uv": [196, 0]}
-            ]
-          },
-          {
-            "name": "rearlegtip1",
-            "pivot": [0, -8, -4],
-            "cubes": [
-              {"origin": [-6, -38, -4], "size": [12, 32, 12], "uv": [196, 0]}
-            ]
-          },
-          {
-            "name": "frontlegtip",
-            "pivot": [0, 4, -1],
-            "cubes": [
-              {"origin": [-3, -19, -4], "size": [6, 24, 6], "uv": [226, 138]}
-            ]
-          },
-          {
-            "name": "frontlegtip1",
-            "pivot": [0, 4, -1],
-            "cubes": [
-              {"origin": [-3, -19, -4], "size": [6, 24, 6], "uv": [226, 138]}
-            ]
-          },
-          {
-            "name": "rearfoot",
-            "pivot": [0, -7, 4],
-            "cubes": [
-              {"origin": [-9, -13, -16], "size": [18, 6, 24], "uv": [112, 0]}
-            ]
-          },
-          {
-            "name": "rearfoot1",
-            "pivot": [0, -7, 4],
-            "cubes": [
-              {"origin": [-9, -13, -16], "size": [18, 6, 24], "uv": [112, 0]}
-            ]
-          },
-          {
-            "name": "frontfoot",
-            "pivot": [0, 1, 0],
-            "cubes": [
-              {"origin": [-4, -3, -12], "size": [8, 4, 16], "uv": [144, 104]}
-            ]
-          },
-          {
-            "name": "frontfoot1",
-            "pivot": [0, 1, 0],
-            "cubes": [
-              {"origin": [-4, -3, -12], "size": [8, 4, 16], "uv": [144, 104]}
-            ]
-          }
-        ]
-      }
-    }
-  },
-  "eye_of_ender": {
-    "identifier": "minecraft:eye_of_ender_signal",
-    "materials": {"default": "eye_of_ender_signal"},
-    "textures": {"default": "textures/items/ender_eye"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -8, 0],
-                "size": [16, 16, 0],
-                "uv": [0, 0],
-                "rotation": [0, 0, 0]
-              }
-            ]
-          }
-        ],
-        "texturewidth": 16,
-        "textureheight": 16
-      }
-    },
-    "render_controllers": ["controller.render.item_sprite"],
-    "animations": {
-      "flying": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["flying"]}
-  },
-  "ender_pearl": {
-    "identifier": "minecraft:ender_pearl",
-    "materials": {"default": "ender_pearl"},
-    "textures": {"default": "textures/items/ender_pearl"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -8, 0],
-                "size": [16, 16, 0],
-                "uv": [0, 0],
-                "rotation": [0, 0, 0]
-              }
-            ]
-          }
-        ],
-        "texturewidth": 16,
-        "textureheight": 16
-      }
-    },
-    "render_controllers": ["controller.render.item_sprite"],
-    "animations": {
-      "flying": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["flying"]}
-  },
-  "enderman": {
-    "identifier": "minecraft:enderman",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "enderman", "invisible": "enderman_invisible"},
-    "textures": {"default": "textures/entity/enderman/enderman"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "hat",
-            "parent": "head",
-            "reset": true,
-            "pivot": [0, 38, 0],
-            "cubes": [
-              {
-                "origin": [-4, 37.5, -4],
-                "size": [8, 8, 8],
-                "uv": [0, 16],
-                "inflate": -0.5
-              }
-            ],
-            "neverRender": false
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}]
-          },
-          {
-            "name": "body",
-            "reset": true,
-            "pivot": [0, 38, 0],
-            "cubes": [
-              {"origin": [-4, 26, -2], "size": [8, 12, 4], "uv": [32, 16]}
-            ]
-          },
-          {
-            "name": "rightArm",
-            "parent": "body",
-            "reset": true,
-            "pivot": [-3, 36, 0],
-            "cubes": [
-              {"origin": [-4, 8, -1], "size": [2, 30, 2], "uv": [56, 0]}
-            ]
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-6, 15, 1],
-            "neverRender": true,
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftArm",
-            "parent": "body",
-            "reset": true,
-            "mirror": true,
-            "pivot": [5, 36, 0],
-            "cubes": [{"origin": [4, 8, -1], "size": [2, 30, 2], "uv": [56, 0]}]
-          },
-          {
-            "name": "rightLeg",
-            "parent": "body",
-            "reset": true,
-            "pivot": [-2, 26, 0],
-            "cubes": [
-              {"origin": [-3, -4, -1], "size": [2, 30, 2], "uv": [56, 0]}
-            ]
-          },
-          {
-            "name": "leftLeg",
-            "parent": "body",
-            "reset": true,
-            "mirror": true,
-            "pivot": [2, 26, 0],
-            "cubes": [
-              {"origin": [1, -4, -1], "size": [2, 30, 2], "uv": [56, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 28.65;"
-      ]
-    },
-    "animations": {
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "base_pose": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": ["-this", "11.0 - this", "-this"],
-            "rotation": ["-this", 0, 0]
-          },
-          "hat": {
-            "position": ["-this", "-this", "-this"],
-            "rotation": ["-this", "-this", "-this"]
-          },
-          "head": {"position": ["-this", "-this", "-this"]},
-          "leftarm": {"position": ["4.0-this", 0, "-this"]},
-          "leftleg": {"position": [0, "-5.0 - this", 0]},
-          "rightarm": {"position": ["-4.0-this", 0, "-this"]},
-          "rightleg": {"position": [0, "-5.0 - this", 0]}
-        }
-      },
-      "arms_legs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": ["math.clamp(this, -22.92, 22.92) - this", 0, 0]
-          },
-          "leftleg": {
-            "rotation": ["math.clamp(this, -22.92, 22.92) - this", 0, 0]
-          },
-          "rightarm": {
-            "rotation": ["math.clamp(this, -22.92, 22.92) - this", 0, 0]
-          },
-          "rightleg": {
-            "rotation": ["math.clamp(this, -22.92, 22.92) - this", 0, 0]
-          }
-        }
-      },
-      "carrying": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-28.65 - this", 0, "-2.87 - this"]},
-          "rightarm": {"rotation": ["-28.65 - this", 0, "2.87 - this"]}
-        }
-      },
-      "scary_face": {
-        "loop": true,
-        "bones": {
-          "hat": {"position": [0, "-5.0 - this", 0]},
-          "head": {"position": [0, "5.0 - this", 0]}
-        }
-      }
-    },
-    "animation_controllers": {
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "bob": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bob"]}}
-      },
-      "base_pose": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["base_pose", "arms_legs"]}}
-      },
-      "carrying": {
-        "initial_state": "default",
-        "states": {
-          "carry": {
-            "animations": ["carrying"],
-            "transitions": [{"default": "!query.is_carrying_block"}]
-          },
-          "default": {"transitions": [{"carry": "query.is_carrying_block"}]}
-        }
-      },
-      "scary_face": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"scary": "query.is_angry"}]},
-          "scary": {
-            "animations": ["scary_face"],
-            "transitions": [{"default": "!query.is_angry"}]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.enderman"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 7}
-  },
-  "endermite": {
-    "identifier": "minecraft:endermite",
-    "materials": {"default": "endermite"},
-    "textures": {"default": "textures/entity/endermite"},
-    "geometry": {
-      "default": {
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "section_0",
-            "parent": "section_2",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-2, 0, -4.4], "size": [4, 3, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "section_1",
-            "parent": "section_2",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-3, 0, -2.4], "size": [6, 4, 5], "uv": [0, 5]}
-            ]
-          },
-          {
-            "name": "section_2",
-            "pivot": [0, 0, 2.5],
-            "cubes": [
-              {"origin": [-1.5, 0, 2.5], "size": [3, 3, 1], "uv": [0, 14]}
-            ]
-          },
-          {
-            "name": "section_3",
-            "parent": "section_2",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-0.5, 0, 3.5], "size": [1, 2, 1], "uv": [0, 18]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "section_0": {
-            "position": [
-              "(math.cos(-query.life_time * 928.26) * 1.26) - this",
-              0,
-              0
-            ],
-            "rotation": [
-              0,
-              "(math.cos(query.life_time * 928.26) * 26.9) - this",
-              0
-            ]
-          },
-          "section_1": {
-            "position": [
-              "(math.sin(query.life_time * 928.26) * 0.63) - this",
-              0,
-              0
-            ],
-            "rotation": [
-              0,
-              "(math.cos(query.life_time * 928.26) * 16) - this",
-              0
-            ]
-          },
-          "section_2": {
-            "position": [0, 0, 0],
-            "rotation": [
-              0,
-              "(math.cos(query.life_time * 928.26) * 9.17) - this",
-              0
-            ]
-          },
-          "section_3": {
-            "position": [
-              "(math.cos(query.life_time * 928.26) * 0.8) - this",
-              0,
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      }
-    },
-    "render_controllers": ["controller.render.endermite"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 25}
-  },
-  "evoker_fangs": {
-    "identifier": "minecraft:evocation_fang",
-    "materials": {"default": "fang"},
-    "textures": {"default": "textures/entity/illager/evoker_fangs"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "upper_jaw",
-            "parent": "base",
-            "pivot": [0, 11, 0],
-            "cubes": [
-              {
-                "origin": [-1.5, 0, -4],
-                "size": [4, 14, 8],
-                "uv": [40, 0],
-                "inflate": 0.01
-              }
-            ]
-          },
-          {
-            "name": "lower_jaw",
-            "parent": "base",
-            "pivot": [0, 11, 0],
-            "bind_pose_rotation": [0, 180, 0],
-            "cubes": [
-              {"origin": [-1.5, 0, -4], "size": [4, 14, 8], "uv": [40, 0]}
-            ]
-          },
-          {
-            "name": "base",
-            "pivot": [0, 0, 0],
-            "bind_pose_rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [-5, 0, -5], "size": [10, 12, 10], "uv": [0, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.remaining_life = (query.life_span - 2.0) - (query.life_time*20.0);",
-        "variable.animation_progress = query.life_span == 0.0 ? 0.0 : (variable.remaining_life < 1.0 ? 1.0 : 1.0 - Math.min(1.0, variable.remaining_life / 20.0));",
-        "variable.bite_amount = (1 - Math.Pow(Math.Clamp(variable.animation_progress*2.0, 0, 1.0), 3.0)) * 0.35 * 180;",
-        "variable.y_offset = (variable.animation_progress + Math.sin(variable.animation_progress*2.7*80.0)) * 0.6 * 12.0;"
-      ],
-      "animate": ["bite"],
-      "scale": "variable.animation_progress > 0.9 ? (1.0 - variable.animation_progress) / 0.1 : 1.0"
-    },
-    "animations": {
-      "bite": {
-        "loop": true,
-        "bones": {
-          "base": {"position": [0, "-12.0 + variable.y_offset", 0]},
-          "lower_jaw": {"rotation": [0, 0, "180.0 + variable.bite_amount"]},
-          "upper_jaw": {"rotation": [0, 0, "180.0 - variable.bite_amount"]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.evocation_fang"]
-  },
-  "evoker": {
-    "identifier": "minecraft:evocation_illager",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "evoker"},
-    "textures": {"default": "textures/entity/illager/evoker"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 2.5,
-        "visible_bounds_offset": [0, 1.25, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 10, 8], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "nose",
-            "parent": "head",
-            "pivot": [0, 26, 0],
-            "cubes": [
-              {"origin": [-1, 23, -6], "size": [2, 4, 2], "uv": [24, 0]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -3], "size": [8, 12, 6], "uv": [16, 20]},
-              {
-                "origin": [-4, 6, -3],
-                "size": [8, 18, 6],
-                "uv": [0, 38],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "arms",
-            "parent": "body",
-            "pivot": [0, 22, 0],
-            "cubes": [
-              {"origin": [-8, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
-              {"origin": [4, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
-              {"origin": [-4, 16, -2], "size": [8, 4, 4], "uv": [40, 38]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-2, 12, 0],
-            "cubes": [
-              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [2, 12, 0],
-            "mirror": true,
-            "cubes": [{"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}]
-          },
-          {
-            "name": "rightArm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "locators": {"right_hand": [-6, 12, 0]},
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
-            ]
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-5.5, 16, 0.5],
-            "neverRender": true,
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftArm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "locators": {"left_hand": [6, 12, 0]},
-            "mirror": true,
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
-            ]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "scale": "0.9375",
-      "animate": ["controller_general", "controller_move"]
-    },
-    "animations": {
-      "general": {
-        "loop": true,
-        "bones": {
-          "arms": {
-            "position": [0, "-3.0 - this", "-1.0 - this"],
-            "rotation": ["-42.97 - this", "- this", "- this"],
-            "scale": 1
-          },
-          "leftarm": {"scale": 0},
-          "rightarm": {"scale": 0}
-        }
-      },
-      "casting": {
-        "loop": true,
-        "bones": {
-          "arms": {"scale": 0},
-          "leftarm": {
-            "rotation": [
-              "math.cos(query.life_time * 763.4) * 14.3239 - this",
-              "-this",
-              "-135.0 - this"
-            ],
-            "scale": 1
-          },
-          "rightarm": {
-            "rotation": [
-              "math.cos(query.life_time * 763.4) * 14.3239 - this",
-              "-this",
-              "135.0 - this"
-            ],
-            "scale": 1
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              "(math.cos(query.anim_time * 38.17) * 40.0) - this",
-              "-this",
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "(math.cos(query.anim_time * 38.17 + 180) * 40.0) - this",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "celebrating": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "(math.cos(query.life_time * 800.0) * 2.865)",
-              180,
-              -135
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "(math.cos(query.life_time * 800.0) * 2.865)",
-              180,
-              153
-            ]
-          }
-        }
-      }
-    },
-    "particle_effects": {"spell": "minecraft:evoker_spell"},
-    "render_controllers": ["controller.render.evoker"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 40},
-    "animation_controllers": {
-      "controller_general": {
-        "initial_state": "default",
-        "states": {
-          "casting": {
-            "animations": ["look_at_target", "casting"],
-            "particle_effects": [
-              {"effect": "spell", "locator": "left_hand"},
-              {"effect": "spell", "locator": "right_hand"}
-            ],
-            "transitions": [{"default": "!query.is_casting"}]
-          },
-          "celebrating": {
-            "animations": ["celebrating"],
-            "blend_transition": 0.2,
-            "blend_via_shortest_path": true,
-            "transitions": [{"default": "!query.is_celebrating"}]
-          },
-          "default": {
-            "animations": ["look_at_target", "general"],
-            "blend_transition": 0.2,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"casting": "query.is_casting"},
-              {"celebrating": "query.is_celebrating"}
-            ]
-          }
-        }
-      },
-      "controller_move": {
-        "initial_state": "default",
-        "states": {
-          "default": {"animations": [{"move": "query.modified_move_speed"}]}
-        }
-      }
-    }
-  },
-  "experience_bottle": {
-    "identifier": "minecraft:xp_bottle",
-    "materials": {"default": "xp_bottle"},
-    "textures": {
-      "default": "textures/items/experience_bottle",
-      "enchanted": "textures/misc/enchanted_item_glint"
-    },
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -8, 0],
-                "size": [16, 16, 0],
-                "uv": [0, 0],
-                "rotation": [0, 0, 0]
-              }
-            ]
-          }
-        ],
-        "texturewidth": 16,
-        "textureheight": 16
-      }
-    },
-    "render_controllers": ["controller.render.experience_bottle"],
-    "animations": {
-      "flying": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["flying"]}
-  },
-  "experience_orb": {
-    "identifier": "minecraft:xp_orb",
-    "materials": {"default": "experience_orb"},
-    "textures": {"default": "textures/entity/experience_orb"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [8, 8, 0],
-            "cubes": [
-              {
-                "origin": [0, 0, 0],
-                "size": [16, 16, 0],
-                "uv": {"south": {"uv": [0, 0]}}
-              }
-            ]
-          }
-        ],
-        "texturewidth": 64,
-        "textureheight": 64
-      }
-    },
-    "animations": {
-      "face_player": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {
-      "scale": "0.3",
-      "pre_animation": [
-        "variable.u = Math.mod(query.texture_frame_index, 4) * 16.0 / 64.0;",
-        "variable.v = math.round(query.texture_frame_index / 4) * 16.0 / 64.0;"
-      ],
-      "animate": ["face_player"]
-    },
-    "render_controllers": ["controller.render.experience_orb"]
-  },
-  "fireball": {
-    "identifier": "minecraft:fireball",
-    "materials": {"default": "fireball"},
-    "textures": {"default": "textures/items/fire_charge"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -4, 0],
-                "size": [16, 16, 0],
-                "uv": {"south": {"uv": [0, 0]}}
-              }
-            ]
-          }
-        ],
-        "texturewidth": 16,
-        "textureheight": 16
-      }
-    },
-    "animations": {
-      "face_player": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"scale": "2.0", "animate": ["face_player"]},
-    "render_controllers": ["controller.render.fireball"]
-  },
-  "firework_rocket": {
-    "identifier": "minecraft:fireworks_rocket",
-    "materials": {"default": "fireworks_rocket"},
-    "textures": {"default": "textures/entity/fireworks"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -8, 0],
-                "rotation": [0, 90, 0],
-                "size": [16, 16, 0],
-                "uv": {"north": {"uv": [0, 0]}}
-              },
-              {
-                "origin": [-8, -8, 0],
-                "rotation": [90, 90, 0],
-                "size": [16, 16, 0],
-                "uv": {"north": {"uv": [0, 0]}}
-              }
-            ]
-          }
-        ],
-        "texturewidth": 32,
-        "textureheight": 32
-      }
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, -3.5, 0],
-            "rotation": [
-              "-query.target_x_rotation",
-              "-query.target_y_rotation",
-              0
-            ],
-            "scale": 0.6
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["move"]},
-    "render_controllers": ["controller.render.fireworks_rocket"]
-  },
-  "fishing_bobber": {
-    "identifier": "minecraft:fishing_hook",
-    "materials": {"default": "fishing_hook"},
-    "textures": {"default": "textures/entity/fishing_hook"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-1.5, -1.5, -1.5],
-                "size": [3, 3, 3],
-                "rotation": [0, 0, 180],
-                "uv": {
-                  "up": {"uv": [0, 0]},
-                  "down": {"uv": [3, 0]},
-                  "south": {"uv": [9, 0], "uv_size": [-3, 3]},
-                  "north": {"uv": [9, 0]},
-                  "east": {"uv": [12, 0]},
-                  "west": {"uv": [15, 0]}
-                }
-              },
-              {
-                "origin": [0, -4.5, -0.5],
-                "size": [0, 3, 3],
-                "uv": {"east": {"uv": [18, 0]}}
-              },
-              {
-                "origin": [0, 1.5, -1.5],
-                "size": [0, 3, 3],
-                "uv": {"east": {"uv": [21, 0]}}
-              },
-              {
-                "origin": [-1.5, 1.5, 0],
-                "size": [3, 3, 0],
-                "uv": {"north": {"uv": [21, 0]}}
-              }
-            ]
-          }
-        ],
-        "texturewidth": 24,
-        "textureheight": 3
-      }
-    },
-    "render_controllers": ["controller.render.fishing_hook"]
-  },
-  "fox": {
-    "identifier": "minecraft:fox",
-    "materials": {"default": "fox"},
-    "textures": {
-      "red": "textures/entity/fox/fox",
-      "arctic": "textures/entity/fox/snow_fox"
-    },
-    "geometry": {
-      "default": {
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "world",
-            "pivot": [0, 0, 0],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": []
-          },
-          {
-            "name": "root",
-            "parent": "world",
-            "pivot": [0, 0, 0],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": []
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 8, -3],
-            "locators": {"held_item": [-2, 5, -10], "lead": [0, 4, -4]},
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-4, 4, -9], "size": [8, 6, 6], "uv": [0, 0]},
-              {"origin": [-4, 10, -8], "size": [2, 2, 1], "uv": [0, 0]},
-              {"origin": [2, 10, -8], "size": [2, 2, 1], "uv": [22, 0]},
-              {"origin": [-2, 4, -12], "size": [4, 2, 3], "uv": [0, 24]}
-            ]
-          },
-          {
-            "name": "head_sleeping",
-            "parent": "head",
-            "pivot": [0, 8, -3],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-4, 4, -9], "size": [8, 6, 6], "uv": [0, 12]},
-              {"origin": [-4, 10, -8], "size": [2, 2, 1], "uv": [0, 0]},
-              {"origin": [2, 10, -8], "size": [2, 2, 1], "uv": [22, 0]},
-              {"origin": [-2, 4, -12], "size": [4, 2, 3], "uv": [0, 24]}
-            ]
-          },
-          {
-            "name": "body",
-            "parent": "root",
-            "pivot": [0, 8, 0],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-3, 0, -3], "size": [6, 11, 6], "uv": [30, 15]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-3, 6, 6],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-3.005, 0, 5], "size": [2, 6, 2], "uv": [14, 24]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [1, 6, 6],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.005, 0, 5], "size": [2, 6, 2], "uv": [22, 24]}
-            ]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-3, 6, -1],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-3.005, 0, -2], "size": [2, 6, 2], "uv": [14, 24]}
-            ]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "pivot": [1, 6, -1],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.005, 0, -2], "size": [2, 6, 2], "uv": [22, 24]}
-            ]
-          },
-          {
-            "name": "tail",
-            "parent": "body",
-            "pivot": [0, 8, 7],
-            "bind_pose_rotation": [80, 0, 0],
-            "cubes": [
-              {"origin": [-2, -2, 4.75], "size": [4, 9, 5], "uv": [28, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg2": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg3": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "position": [
-              0,
-              "query.is_baby ? 4.0 : 0.0",
-              "query.is_baby ? 4.0 : 0.0"
-            ],
-            "scale": "query.is_baby ? 1.3 : 1.0"
-          }
-        }
-      },
-      "crouch": {
-        "loop": true,
-        "bones": {
-          "body": {"position": [0, -1.8, 0], "rotation": [0, 0, 0]},
-          "head": {"position": [0, -0.8, 0], "rotation": [0, 0, 0]},
-          "leg0": {"position": [0, 1.6, 0], "rotation": [0, 0, 0]},
-          "leg1": {"position": [0, 1.6, 0], "rotation": [0, 0, 0]},
-          "leg2": {"position": [0, 1.6, 0], "rotation": [0, 0, 0]},
-          "leg3": {"position": [0, 1.6, 0], "rotation": [0, 0, 0]}
-        }
-      },
-      "sleep": {
-        "loop": true,
-        "bones": {
-          "body": {"position": [0, -4.8, 0], "rotation": [0, 0, -90]},
-          "head": {
-            "position": [1.8, -0.4, -2],
-            "rotation": [
-              0,
-              -115,
-              "math.cos(query.anim_time * 160.0) + 90 -this"
-            ]
-          },
-          "tail": {"position": [0, 0, 1.5], "rotation": [-125, 0, 0]}
-        }
-      },
-      "setup": {"loop": true, "bones": {"body": {"rotation": ["-this", 0, 0]}}},
-      "sit": {
-        "loop": true,
-        "bones": {
-          "body": {"position": [0, 1, 0], "rotation": [-60, 0, 0]},
-          "head": {"position": [0, 3, -3], "rotation": [60, 0, 0]},
-          "leg0": {"position": [0, 4, 2.5], "rotation": [-15, 0, 0]},
-          "leg1": {"position": [0, 4, 2.5], "rotation": [-15, 0, 0]},
-          "leg2": {"position": [0, 0.75, 3.5], "rotation": [40, 0, 0]},
-          "leg3": {"position": [0, 0.75, 3.5], "rotation": [40, 0, 0]},
-          "tail": {"position": [0, -0.075, -0.15], "rotation": [60, 0, 0]}
-        }
-      },
-      "wiggle": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, -1.8, 0],
-            "rotation": [
-              0,
-              "math.cos(query.life_time * 20.0 * 53.7) * 5.0 -this",
-              0
-            ]
-          },
-          "head": {
-            "position": [0, -0.8, 0],
-            "rotation": [
-              "math.clamp(-5.0 * (query.anim_time / 2.0), -5.0, 0)",
-              0,
-              "math.clamp(25.0 * (query.anim_time / 2.0), 0, 25.0)"
-            ]
-          },
-          "leg0": {"position": [0, 1.6, 0], "rotation": [0, 0, 0]},
-          "leg1": {"position": [0, 1.6, 0], "rotation": [0, 0, 0]},
-          "leg2": {"position": [0, 1.6, 0], "rotation": [0, 0, 0]},
-          "leg3": {"position": [0, 1.6, 0], "rotation": [0, 0, 0]},
-          "tail": {
-            "rotation": [
-              0,
-              "math.cos(query.life_time * 20.0 * 53.7) * 10.0 -this",
-              0
-            ]
-          }
-        }
-      },
-      "stuck": {
-        "loop": true,
-        "bones": {"body": {"position": [0, -0.3, 0], "rotation": [60, 0, 0]}}
-      },
-      "pounce": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, 0, 0],
-            "rotation": ["query.vertical_speed * -7.0", 0, 0]
-          },
-          "head": {
-            "position": [0, 0, 0],
-            "rotation": ["query.vertical_speed * -7.0", 0, 0]
-          }
-        }
-      }
-    },
-    "scripts": {
-      "animate": ["setup", {"baby_transform": "query.is_baby"}, "move"]
-    },
-    "render_controllers": ["controller.render.fox"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 55},
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "crouch": {
-            "animations": [
-              "look_at_target",
-              "crouch",
-              {"walk": "query.modified_move_speed"}
-            ],
-            "blend_transition": 0.4,
-            "transitions": [
-              {"default": "!query.is_stalking && !query.is_interested"},
-              {"wiggle": "query.is_interested"}
-            ]
-          },
-          "default": {
-            "animations": [
-              "look_at_target",
-              {"walk": "query.modified_move_speed"}
-            ],
-            "blend_transition": 0.1,
-            "transitions": [
-              {"crouch": "query.is_stalking"},
-              {"sleep": "query.is_sleeping"},
-              {"stuck": "query.is_stunned"},
-              {"sit": "query.is_sitting"}
-            ]
-          },
-          "pounce": {
-            "animations": [
-              "look_at_target",
-              "pounce",
-              {"walk": "query.modified_move_speed"}
-            ],
-            "transitions": [{"default": "query.is_on_ground"}]
-          },
-          "sit": {
-            "animations": ["sit"],
-            "blend_transition": 0.2,
-            "transitions": [{"default": "!query.is_sitting"}]
-          },
-          "sleep": {
-            "animations": ["sleep"],
-            "blend_transition": 0.2,
-            "transitions": [{"default": "!query.is_sleeping"}]
-          },
-          "stuck": {
-            "animations": [
-              "stuck",
-              {"walk": "math.cos(query.life_time * 20.0 * 53.7)"}
-            ],
-            "blend_transition": 0.2,
-            "transitions": [{"default": "!query.is_stunned"}]
-          },
-          "wiggle": {
-            "animations": [
-              "look_at_target",
-              "wiggle",
-              {"walk": "query.modified_move_speed"}
-            ],
-            "blend_transition": 0.2,
-            "transitions": [
-              {
-                "default": "query.is_on_ground && !query.is_interested && !query.is_stalking"
-              },
-              {
-                "crouch": "query.is_on_ground && !query.is_interested && query.is_stalking"
-              },
-              {"pounce": "!query.is_on_ground"}
-            ]
-          }
-        }
-      }
-    }
-  },
-  "ghast": {
-    "identifier": "minecraft:ghast",
-    "materials": {"default": "ghast"},
-    "textures": {
-      "default": "textures/entity/ghast/ghast",
-      "shooting": "textures/entity/ghast/ghast_shooting"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 6,
-        "visible_bounds_height": 9,
-        "visible_bounds_offset": [0, 4.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "tentacles_0",
-            "parent": "body",
-            "pivot": [-3.8, 1, -5],
-            "cubes": [
-              {"origin": [-4.8, -8, -6], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "tentacles_1",
-            "parent": "body",
-            "pivot": [1.3, 1, -5],
-            "cubes": [
-              {"origin": [0.3, -10, -6], "size": [2, 11, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "tentacles_2",
-            "parent": "body",
-            "pivot": [6.3, 1, -5],
-            "cubes": [
-              {"origin": [5.3, -7, -6], "size": [2, 8, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "tentacles_3",
-            "parent": "body",
-            "pivot": [-6.3, 1, 0],
-            "cubes": [
-              {"origin": [-7.3, -8, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "tentacles_4",
-            "parent": "body",
-            "pivot": [-1.3, 1, 0],
-            "cubes": [
-              {"origin": [-2.3, -12, -1], "size": [2, 13, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "tentacles_5",
-            "parent": "body",
-            "pivot": [3.8, 1, 0],
-            "cubes": [
-              {"origin": [2.8, -10, -1], "size": [2, 11, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "tentacles_6",
-            "parent": "body",
-            "pivot": [-3.8, 1, 5],
-            "cubes": [
-              {"origin": [-4.8, -11, 4], "size": [2, 12, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "tentacles_7",
-            "parent": "body",
-            "pivot": [1.3, 1, 5],
-            "cubes": [
-              {"origin": [0.3, -11, 4], "size": [2, 12, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "tentacles_8",
-            "parent": "body",
-            "pivot": [6.3, 1, 5],
-            "cubes": [
-              {"origin": [5.3, -12, 4], "size": [2, 13, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 1.5, 0],
-            "cubes": [
-              {"origin": [-8, 0, -8], "size": [16, 16, 16], "uv": [0, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 19},
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "tentacles_0": {
-            "rotation": [
-              "math.sin(query.life_time * 360.0 + 0) * 11.5 + 23",
-              0,
-              0
-            ]
-          },
-          "tentacles_1": {
-            "rotation": [
-              "math.sin(query.life_time * 360.0 + 57) * 11.5 + 23",
-              0,
-              0
-            ]
-          },
-          "tentacles_2": {
-            "rotation": [
-              "math.sin(query.life_time * 360.0 + 115) * 11.5 + 23",
-              0,
-              0
-            ]
-          },
-          "tentacles_3": {
-            "rotation": [
-              "math.sin(query.life_time * 360.0 + 172) * 11.5 + 23",
-              0,
-              0
-            ]
-          },
-          "tentacles_4": {
-            "rotation": [
-              "math.sin(query.life_time * 360.0 + 229) * 11.5 + 23",
-              0,
-              0
-            ]
-          },
-          "tentacles_5": {
-            "rotation": [
-              "math.sin(query.life_time * 360.0 + 286) * 11.5 + 23",
-              0,
-              0
-            ]
-          },
-          "tentacles_6": {
-            "rotation": [
-              "math.sin(query.life_time * 360.0 + 344) * 11.5 + 23",
-              0,
-              0
-            ]
-          },
-          "tentacles_7": {
-            "rotation": [
-              "math.sin(query.life_time * 360.0 + 402) * 11.5 + 23",
-              0,
-              0
-            ]
-          },
-          "tentacles_8": {
-            "rotation": [
-              "math.sin(query.life_time * 360.0 + 458) * 11.5 + 23",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "scale": {"loop": true, "bones": {"body": {"scale": 4.5}}}
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "scale": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["scale"]}}
-      }
-    },
-    "render_controllers": ["controller.render.ghast"]
-  },
-  "guardian": {
-    "identifier": "minecraft:guardian",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "guardian", "ghost": "guardian_ghost"},
-    "textures": {
-      "default": "textures/entity/guardian",
-      "elder": "textures/entity/guardian_elder",
-      "beam": "textures/entity/guardian_beam"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 3.5,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 0, 0],
-            "mirror": true,
-            "cubes": [
-              {
-                "mirror": false,
-                "origin": [-6, 2, -8],
-                "size": [12, 12, 16],
-                "uv": [0, 0]
-              },
-              {
-                "mirror": false,
-                "origin": [-8, 2, -6],
-                "size": [2, 12, 12],
-                "uv": [0, 28]
-              },
-              {"origin": [6, 2, -6], "size": [2, 12, 12], "uv": [0, 28]},
-              {"origin": [-6, 14, -6], "size": [12, 2, 12], "uv": [16, 40]},
-              {"origin": [-6, 0, -6], "size": [12, 2, 12], "uv": [16, 40]}
-            ]
-          },
-          {
-            "name": "eye",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-1, 6, 0], "size": [2, 2, 1], "uv": [8, 0]}]
-          },
-          {
-            "name": "tailpart0",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-2, 6, 7], "size": [4, 4, 8], "uv": [40, 0]}]
-          },
-          {
-            "name": "tailpart1",
-            "parent": "tailpart0",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 7, 0], "size": [3, 3, 7], "uv": [0, 54]}]
-          },
-          {
-            "name": "tailpart2",
-            "parent": "tailpart1",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [0, 8, 0], "size": [2, 2, 6], "uv": [41, 32]},
-              {"origin": [1, 4.5, 3], "size": [1, 9, 9], "uv": [25, 19]}
-            ]
-          },
-          {
-            "name": "spikepart0",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart1",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart2",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart3",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart4",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart5",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart6",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart7",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart8",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart9",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart10",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart11",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          }
-        ]
-      },
-      "ghost": {
-        "visible_bounds_width": 3.5,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "mirror": true,
-            "cubes": [
-              {
-                "mirror": false,
-                "origin": [-6, 2, -8],
-                "size": [12, 12, 16],
-                "uv": [0, 0]
-              },
-              {
-                "mirror": false,
-                "origin": [-8, 2, -6],
-                "size": [2, 12, 12],
-                "uv": [0, 28]
-              },
-              {"origin": [6, 2, -6], "size": [2, 12, 12], "uv": [0, 28]},
-              {"origin": [-6, 14, -6], "size": [12, 2, 12], "uv": [16, 40]},
-              {"origin": [-6, 0, -6], "size": [12, 2, 12], "uv": [16, 40]}
-            ]
-          },
-          {
-            "name": "eye",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-1, 7, 0], "size": [2, 2, 1], "uv": [8, 0]}]
-          },
-          {
-            "name": "tailpart0",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-2, 6, 7], "size": [4, 4, 8], "uv": [40, 0]}]
-          },
-          {
-            "name": "tailpart1",
-            "parent": "tailpart0",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 7, 0], "size": [3, 3, 7], "uv": [0, 54]}]
-          },
-          {
-            "name": "tailpart2",
-            "parent": "tailpart1",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [0, 8, 0], "size": [2, 2, 6], "uv": [41, 32]},
-              {"origin": [1, 4.5, 3], "size": [1, 9, 9], "uv": [25, 19]}
-            ]
-          },
-          {
-            "name": "spikepart0",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart1",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart2",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart3",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart4",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart5",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart6",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart7",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart8",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart9",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart10",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "spikepart11",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "setup": {
-        "loop": true,
-        "bones": {
-          "spikepart0": {
-            "rotation": ["-45.0 - this", "0.0 - this", "0.0 - this"]
-          },
-          "spikepart1": {
-            "rotation": ["45.0 - this", "0.0 - this", "0.0 - this"]
-          },
-          "spikepart10": {
-            "rotation": ["0.0 - this", "0.0 - this", " 135.0 - this"]
-          },
-          "spikepart11": {
-            "rotation": ["0.0 - this", "0.0 - this", " -135.0 - this"]
-          },
-          "spikepart2": {
-            "rotation": ["0.0 - this", "0.0 - this", "45.0 - this"]
-          },
-          "spikepart3": {
-            "rotation": ["0.0 - this", "0.0  - this", "-45.0 - this"]
-          },
-          "spikepart4": {
-            "rotation": ["90.0 - this", "45.0 - this", " 0.0 - this"]
-          },
-          "spikepart5": {
-            "rotation": ["90.0 - this", "-45.0 - this", " 0.0 - this"]
-          },
-          "spikepart6": {
-            "rotation": ["90.0 - this", "-135.0 - this", "0.0 - this"]
-          },
-          "spikepart7": {
-            "rotation": ["90.0 - this", "135.0 - this", " 0.0 - this"]
-          },
-          "spikepart8": {
-            "rotation": ["-135.0 - this", "0.0 - this", " 0.0 - this"]
-          },
-          "spikepart9": {
-            "rotation": ["135.0 - this", "0.0 - this", " 0.0 - this"]
-          }
-        }
-      },
-      "spikes": {
-        "loop": true,
-        "bones": {
-          "spikepart0": {
-            "position": [
-              "-this",
-              "24 + -8 * (1 + math.cos(query.life_time * 20 * 1.5) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart1": {
-            "position": [
-              "-this",
-              "24 + -8 * (1 + math.cos(query.life_time * 20 * 1.5 + 1) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 1) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart10": {
-            "position": [
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 10) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this",
-              "-8 + 8 * (1 + math.cos(query.life_time * 20 * 1.5 + 10) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-this"
-            ]
-          },
-          "spikepart11": {
-            "position": [
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 11) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this",
-              "-8 + 8 * (1 + math.cos(query.life_time * 20 * 1.5 + 11) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-this"
-            ]
-          },
-          "spikepart2": {
-            "position": [
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 2) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this",
-              "24 + -8 * (1 + math.cos(query.life_time * 20 * 1.5 + 2) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-this"
-            ]
-          },
-          "spikepart3": {
-            "position": [
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 3) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this",
-              "24 + -8 * (1 + math.cos(query.life_time * 20 * 1.5 + 3) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              0
-            ]
-          },
-          "spikepart4": {
-            "position": [
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 4) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this",
-              "8 - this",
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 4) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart5": {
-            "position": [
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 5) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this",
-              "8 - this",
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 5) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart6": {
-            "position": [
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 6) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this",
-              "8 - this",
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 6) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart7": {
-            "position": [
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 7) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this",
-              "8 - this",
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 7) * 0.01 - (variable.spike_extension - variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart8": {
-            "position": [
-              "-this",
-              "-8  + 8 * (1 + math.cos(query.life_time * 20 * 1.5 + 8) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "8 * (1 + math.cos(query.life_time * 20 * 1.5 + 8) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this"
-            ]
-          },
-          "spikepart9": {
-            "position": [
-              "-this",
-              "-8 + 8 * (1 + math.cos(query.life_time * 20 * 1.5 + 9) * 0.01 + (variable.spike_extension + variable.spike_shake)) - this",
-              "-8 * (1 + math.cos(query.life_time * 20 * 1.5 + 9) * 0.01 - (variable.spike_extension + variable.spike_shake)) - this"
-            ]
-          }
-        }
-      },
-      "swim": {
-        "loop": true,
-        "bones": {
-          "tailpart0": {
-            "rotation": [0, "variable.tail_base_angle * 11.6 - this", 0]
-          },
-          "tailpart1": {
-            "position": ["-1.5 - this", "-0.5 - this", "14.0 - this"],
-            "rotation": [0, "variable.tail_base_angle * 22.8 - this", 0]
-          },
-          "tailpart2": {
-            "position": ["0.5 - this", "-0.5 - this", "6.0 - this"],
-            "rotation": [0, "variable.tail_base_angle * 34.4 - this", 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "move_eye": {
-        "loop": true,
-        "bones": {
-          "eye": {
-            "position": [
-              "query.eye_target_x_rotation - this",
-              "24 + query.eye_target_y_rotation - this",
-              "-8.25 - this"
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.spike_shake = Math.sin(query.life_time * 2000)/50;",
-        "variable.spike_animation_speed = query.life_time < 0.1 ? 0.0 : (!query.is_in_water ? (Math.round(Math.sin(query.life_time * 2000)) == 0.0 ? (Math.random(0.0, 1.0)) : (variable.spike_animation_speed)) : (query.is_moving ? (variable.spike_animation_speed - variable.spike_animation_speed * 0.06) : (variable.spike_animation_speed + (1.0 - variable.spike_animation_speed) * 0.06)));",
-        "variable.spike_extension = (1.0 - variable.spike_animation_speed) * 0.55;",
-        "variable.tail_animation_speed = query.life_time < 0.1 ? 0.0 : (!query.is_in_water ? 2.0 : query.is_moving ? (variable.tail_animation_speed < 0.5 ? 4.0 : variable.tail_animation_speed + (0.5 - variable.tail_animation_speed) * 0.1) : variable.tail_animation_speed + (0.125 - variable.tail_animation_speed) * 0.2);",
-        "variable.tail_swim = query.life_time < 0.1 ? 0.0 : (variable.tail_swim + variable.tail_animation_speed);",
-        "variable.tail_base_angle = Math.sin(variable.tail_swim*20.0);"
-      ],
-      "animate": ["setup", "spikes", "swim", "look_at_target", "move_eye"]
-    },
-    "render_controllers": ["controller.render.guardian"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 26}
-  },
-  "hoglin": {
-    "identifier": "minecraft:hoglin",
-    "materials": {"default": "hoglin"},
-    "textures": {"default": "textures/entity/hoglin/hoglin"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 19, -3],
-            "cubes": [
-              {
-                "origin": [-8, 11, -7],
-                "size": [16, 14, 26],
-                "inflate": 0.02,
-                "uv": [1, 1]
-              },
-              {
-                "origin": [0, 22, -10],
-                "size": [0, 10, 19],
-                "inflate": 0.02,
-                "uv": [90, 33]
-              }
-            ],
-            "locators": {"lead": [0, 20, -5]}
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 22, -5],
-            "rotation": [50, 0, 0],
-            "cubes": [
-              {"origin": [-7, 21, -24], "size": [14, 6, 19], "uv": [61, 1]},
-              {"origin": [-8, 22, -19], "size": [2, 11, 2], "uv": [1, 13]},
-              {"origin": [6, 22, -19], "size": [2, 11, 2], "uv": [1, 13]}
-            ]
-          },
-          {
-            "name": "right_ear",
-            "parent": "head",
-            "pivot": [-7, 27, -7],
-            "rotation": [0, 0, -50],
-            "cubes": [
-              {"origin": [-13, 26, -10], "size": [6, 1, 4], "uv": [1, 1]}
-            ]
-          },
-          {
-            "name": "left_ear",
-            "parent": "head",
-            "pivot": [7, 27, -7],
-            "rotation": [0, 0, 50],
-            "cubes": [{"origin": [7, 26, -10], "size": [6, 1, 4], "uv": [1, 6]}]
-          },
-          {
-            "name": "leg_back_right",
-            "pivot": [6, 8, 17],
-            "cubes": [
-              {"origin": [-8, 0, 13], "size": [5, 11, 5], "uv": [21, 45]}
-            ]
-          },
-          {
-            "name": "leg_back_left",
-            "pivot": [-6, 8, 17],
-            "cubes": [{"origin": [3, 0, 13], "size": [5, 11, 5], "uv": [0, 45]}]
-          },
-          {
-            "name": "leg_front_right",
-            "pivot": [-6, 12, -3],
-            "cubes": [
-              {"origin": [-8, 0, -6], "size": [6, 14, 6], "uv": [66, 42]}
-            ]
-          },
-          {
-            "name": "leg_front_left",
-            "pivot": [6, 12, -3],
-            "cubes": [
-              {"origin": [2, 0, -6], "size": [6, 14, 6], "uv": [41, 42]}
-            ]
-          }
-        ],
-        "visible_bounds_width": 4,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1.5, 0],
-        "texturewidth": 128,
-        "textureheight": 64
-      }
-    },
-    "spawn_egg": {"base_color": "#C66E55", "overlay_color": "#5f6464"},
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos_right_side = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;",
-        "variable.tcos_left_side = -variable.tcos_right_side;",
-        "variable.attack_head_rot =  Math.sin(variable.attack_time * 180.0) * -37.3;"
-      ]
-    },
-    "animations": {
-      "walk": {
-        "loop": true,
-        "bones": {
-          "left_ear": {"rotation": [0, 0, "variable.tcos_left_side * 0.5"]},
-          "right_ear": {"rotation": [0, 0, "variable.tcos_right_side * 0.5"]},
-          "leg_back_right": {"rotation": ["variable.tcos_right_side", 0, 0]},
-          "leg_back_left": {"rotation": ["variable.tcos_left_side", 0, 0]},
-          "leg_front_right": {"rotation": ["-variable.tcos_right_side", 0, 0]},
-          "leg_front_left": {"rotation": ["-variable.tcos_left_side", 0, 0]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [0, "query.target_y_rotation - this", 0]
-          }
-        }
-      },
-      "attack": {
-        "loop": true,
-        "bones": {"head": {"rotation": ["variable.attack_head_rot", 0, 0]}}
-      },
-      "hoglin_baby_scaling": {
-        "loop": true,
-        "bones": {"head": {"position": [0, 10, 4], "scale": 1.4}}
-      }
-    },
-    "animation_controllers": {
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["look_at_target"]}}
-      },
-      "walk": {
-        "initial_state": "walking",
-        "states": {"walking": {"animations": ["walk"]}}
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attack": {
-            "animations": ["attack"],
-            "transitions": [
-              {"default": "!variable.has_target || variable.attack_time < 0.0"}
-            ]
-          },
-          "default": {
-            "transitions": [
-              {"attack": "variable.has_target && variable.attack_time >= 0.0"}
-            ]
-          }
-        }
-      },
-      "hoglin_baby_scaling": {
-        "initial_state": "default",
-        "states": {
-          "baby": {
-            "animations": ["hoglin_baby_scaling"],
-            "transitions": [{"default": "!query.is_baby"}]
-          },
-          "default": {"transitions": [{"baby": "query.is_baby"}]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.hoglin"]
-  },
-  "hopper_minecart": {
-    "identifier": "minecraft:hopper_minecart",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "minecart"},
-    "textures": {"default": "textures/entity/minecart"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "bottom",
-            "pivot": [0, 6, 0],
-            "cubes": [
-              {
-                "origin": [-10, -6.5, -1],
-                "size": [20, 16, 2],
-                "rotation": [90, 0, 0],
-                "uv": [0, 10]
-              }
-            ]
-          },
-          {
-            "name": "back",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-17, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 270, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "front",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [1, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 90, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "right",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, 2.5, -8],
-                "size": [16, 8, 2],
-                "rotation": [0, 180, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "left",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-8, 2.5, 6], "size": [16, 8, 2], "uv": [0, 0]}
-            ],
-            "parent": "bottom"
-          }
-        ],
-        "texturewidth": 64,
-        "textureheight": 32
-      }
-    },
-    "scripts": {
-      "pre_animation": ["variable.hurt = query.hurt_time - query.frame_alpha;"],
-      "animate": ["move"]
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "bottom": {
-            "position": [
-              "variable.rail_offset.x / query.model_scale",
-              "variable.rail_offset.y / query.model_scale",
-              "variable.rail_offset.z / query.model_scale"
-            ],
-            "rotation": [
-              "variable.hurt > 0 ? -Math.sin(variable.hurt * 360 / (Math.pi * 2)) * variable.hurt * (((20 * 2 - query.structural_integrity) - query.frame_alpha) < 0 ? 0: (20 * 2 - query.structural_integrity) - query.frame_alpha) / 10 * query.hurt_direction : 0",
-              0,
-              "-variable.rail_rotation.z"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.minecart"]
-  },
-  "horse": {
-    "identifier": "minecraft:horse",
-    "textures": {
-      "base_brown": "textures/entity/horse/horse_brown",
-      "base_white": "textures/entity/horse/horse_white",
-      "base_chestnut": "textures/entity/horse/horse_chestnut",
-      "base_creamy": "textures/entity/horse/horse_creamy",
-      "base_black": "textures/entity/horse/horse_black",
-      "base_gray": "textures/entity/horse/horse_gray",
-      "base_darkbrown": "textures/entity/horse/horse_darkbrown",
-      "markings_none": "textures/entity/horse/horse_markings_none",
-      "markings_white": "textures/entity/horse/horse_markings_white",
-      "markings_whitefield": "textures/entity/horse/horse_markings_whitefield",
-      "markings_whitedots": "textures/entity/horse/horse_markings_whitedots",
-      "markings_blackdots": "textures/entity/horse/horse_markings_blackdots",
-      "mule": "textures/entity/horse/mule",
-      "donkey": "textures/entity/horse/donkey",
-      "skeleton": "textures/entity/horse/horse_skeleton",
-      "zombie": "textures/entity/horse/horse_zombie",
-      "armor_none": "textures/entity/horse/armor/horse_armor_none",
-      "armor_leather": "textures/entity/horse/armor/horse_armor_leather",
-      "armor_iron": "textures/entity/horse/armor/horse_armor_iron",
-      "armor_gold": "textures/entity/horse/armor/horse_armor_gold",
-      "armor_diamond": "textures/entity/horse/armor/horse_armor_diamond"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 128,
-        "textureheight": 128,
-        "bones": [
-          {
-            "name": "Body",
-            "pivot": [0, 13, 9],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 11, -10], "size": [10, 10, 24], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "TailA",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1, 20, 14], "size": [2, 2, 3], "uv": [44, 0]}
-            ]
-          },
-          {
-            "name": "TailB",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 19, 17], "size": [3, 4, 7], "uv": [38, 7]}
-            ]
-          },
-          {
-            "name": "TailC",
-            "pivot": [0, 21, 14],
-            "rotation": [-80.34, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 21.5, 23], "size": [3, 4, 7], "uv": [24, 3]}
-            ]
-          },
-          {
-            "name": "Leg1A",
-            "pivot": [4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 8, 8.5], "size": [4, 9, 5], "uv": [78, 29]}
-            ]
-          },
-          {
-            "name": "Leg1B",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2, 3, 9.5], "size": [3, 5, 3], "uv": [78, 43]}
-            ]
-          },
-          {
-            "name": "Leg1C",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, -0.1, 9], "size": [4, 3, 4], "uv": [78, 51]}
-            ]
-          },
-          {
-            "name": "Leg2A",
-            "pivot": [-4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 8, 8.5], "size": [4, 9, 5], "uv": [96, 29]}
-            ]
-          },
-          {
-            "name": "Leg2B",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 3, 9.5], "size": [3, 5, 3], "uv": [96, 43]}
-            ]
-          },
-          {
-            "name": "Leg2C",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, -0.1, 9], "size": [4, 3, 4], "uv": [96, 51]}
-            ]
-          },
-          {
-            "name": "Leg3A",
-            "pivot": [4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 8, -10.1], "size": [3, 8, 4], "uv": [44, 29]}
-            ]
-          },
-          {
-            "name": "Leg3B",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 3, -9.6], "size": [3, 5, 3], "uv": [44, 41]}
-            ]
-          },
-          {
-            "name": "Leg3C",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [44, 51]}
-            ]
-          },
-          {
-            "name": "Leg4A",
-            "pivot": [-4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 8, -10.1], "size": [3, 8, 4], "uv": [60, 29]}
-            ]
-          },
-          {
-            "name": "Leg4B",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 3, -9.6], "size": [3, 5, 3], "uv": [60, 41]}
-            ]
-          },
-          {
-            "name": "Leg4C",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [60, 51]}
-            ]
-          },
-          {
-            "name": "Head",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 25, -11.5], "size": [5, 5, 7], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "UMouth",
-            "pivot": [0, 20.05, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 27.05, -17], "size": [4, 3, 6], "uv": [24, 18]}
-            ]
-          },
-          {
-            "name": "LMouth",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 25, -16.5], "size": [4, 2, 5], "uv": [24, 27]}
-            ]
-          },
-          {
-            "name": "Ear1",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [0.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "Ear2",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "MuleEarL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 15],
-            "cubes": [
-              {"origin": [-2, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "MuleEarR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, -15],
-            "cubes": [{"origin": [0, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}]
-          },
-          {
-            "name": "Neck",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.05, 15.8, -12], "size": [4, 14, 8], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "Bag1",
-            "pivot": [-7.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [-10.5, 13, 10], "size": [8, 8, 3], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "Bag2",
-            "pivot": [4.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [1.5, 13, 10], "size": [8, 8, 3], "uv": [0, 47]}
-            ]
-          },
-          {
-            "name": "Saddle",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 21, -1], "size": [10, 1, 8], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleB",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 22, -1], "size": [3, 1, 2], "uv": [106, 9]}
-            ]
-          },
-          {
-            "name": "SaddleC",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [{"origin": [-4, 22, 5], "size": [8, 1, 2], "uv": [80, 9]}]
-          },
-          {
-            "name": "SaddleL2",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 13, 1], "size": [1, 2, 2], "uv": [74, 0]}
-            ]
-          },
-          {
-            "name": "SaddleL",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 15, 1.5], "size": [1, 6, 1], "uv": [70, 0]}
-            ]
-          },
-          {
-            "name": "SaddleR2",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 13, 1], "size": [1, 2, 2], "uv": [74, 4]}
-            ]
-          },
-          {
-            "name": "SaddleR",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 15, 1.5], "size": [1, 6, 1], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleMouthL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLine",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 10]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLineR",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 5]}
-            ]
-          },
-          {
-            "name": "Mane",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-1, 15.5, -5], "size": [2, 16, 4], "uv": [58, 0]}
-            ]
-          },
-          {
-            "name": "HeadSaddle",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {
-                "origin": [-2.5, 25.1, -17],
-                "size": [5, 5, 12],
-                "uv": [80, 12],
-                "inflate": 0.05
-              }
-            ]
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 23}
-  },
-  "husk": {
-    "identifier": "minecraft:husk",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "husk"},
-    "textures": {"default": "textures/entity/zombie/husk"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 2.5,
-        "visible_bounds_offset": [0, 1.25, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ],
-            "parent": "waist"
-          },
-          {"name": "waist", "neverRender": true, "pivot": [0, 12, 0]},
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "hat",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ],
-            "neverRender": true,
-            "parent": "head"
-          },
-          {
-            "name": "rightArm",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-6, 15, 1],
-            "neverRender": true,
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftArm",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
-            ],
-            "mirror": true,
-            "parent": "body"
-          },
-          {
-            "name": "rightLeg",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-3.9, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "leftLeg",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {"origin": [-0.1, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
-            ],
-            "mirror": true,
-            "parent": "body"
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ]
-    },
-    "animations": {
-      "humanoid_big_head": {"loop": true, "bones": {"head": {"scale": 1.4}}},
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "sneaking": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["0.5 - this", 0, 0]},
-          "head": {"position": [0, 1, 0]},
-          "leftarm": {"rotation": [72, 0, 0]},
-          "leftleg": {"position": [0, -3, 4]},
-          "rightarm": {"rotation": [72, 0, 0]},
-          "rightleg": {"position": [0, -3, 4]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "bow_and_arrow": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation + 28.65",
-              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation - 5.73",
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      },
-      "zombie_attack_bare_hand": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-90.0 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) - (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "5.73 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 0.6) - this",
-              "math.cos(query.life_time * 103.13244) * -2.865 - 2.865 - this"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "90.0 * (variable.is_brandishing_spear - 1.0) - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) + (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "(math.sin(variable.attack_time * 180.0) * 57.3) * 0.6 - 5.73 - this",
-              "math.cos(query.life_time * 103.13244) * 2.865 + 2.865 - this"
-            ]
-          }
-        }
-      },
-      "swimming": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [
-              0,
-              "variable.swim_amount * -10.0 - this",
-              "variable.swim_amount * 9.0 - this"
-            ],
-            "rotation": [
-              "variable.swim_amount * (90.0 + query.target_x_rotation)",
-              0,
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) - (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "leftleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0 + 180.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) + (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, -14.325, variable.swim_amount) + (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "humanoid_baby_big_head": {
-        "initial_state": "default",
-        "states": {
-          "baby": {
-            "animations": ["humanoid_big_head"],
-            "transitions": [{"default": "!query.is_baby"}]
-          },
-          "default": {"transitions": [{"baby": "query.is_baby"}]}
-        }
-      },
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      },
-      "holding": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["holding"]}}
-      },
-      "brandish_spear": {
-        "initial_state": "default",
-        "states": {
-          "brandish_spear": {
-            "animations": ["brandish_spear"],
-            "transitions": [{"default": "!variable.is_brandishing_spear"}]
-          },
-          "default": {
-            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
-          }
-        }
-      },
-      "charging": {
-        "initial_state": "default",
-        "states": {
-          "charging": {
-            "animations": ["charging"],
-            "transitions": [{"default": "!query.is_charging"}]
-          },
-          "default": {"transitions": [{"charging": "query.is_charging"}]}
-        }
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "sneaking": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
-          "sneaking": {
-            "animations": ["sneaking"],
-            "transitions": [{"default": "!query.is_sneaking"}]
-          }
-        }
-      },
-      "bob": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bob"]}}
-      },
-      "damage_nearby_mobs": {
-        "initial_state": "default",
-        "states": {
-          "damage_nearby_mobs": {
-            "animations": ["damage_nearby_mobs"],
-            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
-          },
-          "default": {
-            "transitions": [
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
-            ]
-          }
-        }
-      },
-      "bow_and_arrow": {
-        "initial_state": "default",
-        "states": {
-          "bow_and_arrow": {
-            "animations": ["bow_and_arrow"],
-            "transitions": [{"default": "!query.has_target"}]
-          },
-          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
-        }
-      },
-      "use_item_progress": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
-              }
-            ]
-          },
-          "use_item_progress": {
-            "animations": ["use_item_progress"],
-            "transitions": [
-              {
-                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
-              }
-            ]
-          }
-        }
-      },
-      "zombie_attack_bare_hand": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_bare_hand": "variable.is_holding_left != 1.0"}]
-          },
-          "is_bare_hand": {
-            "animations": ["zombie_attack_bare_hand"],
-            "transitions": [{"default": "variable.is_holding_left == 1.0"}]
-          }
-        }
-      },
-      "swimming": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_swimming": "variable.swim_amount > 0.0"}]
-          },
-          "is_swimming": {
-            "animations": ["swimming"],
-            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.husk"],
-    "enable_attachables": true,
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 28}
-  },
-  "iron_golem": {
-    "identifier": "minecraft:iron_golem",
-    "materials": {"default": "iron_golem"},
-    "textures": {"default": "textures/entity/iron_golem/iron_golem"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 3,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1.5, 0],
-        "texturewidth": 128,
-        "textureheight": 128,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 31, 0],
-            "cubes": [
-              {"origin": [-9, 21, -6], "size": [18, 12, 11], "uv": [0, 40]},
-              {
-                "origin": [-4.5, 16, -3],
-                "size": [9, 5, 6],
-                "uv": [0, 70],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 31, -2],
-            "locators": {"lead": [0, 31, -2]},
-            "cubes": [
-              {"origin": [-4, 33, -7.5], "size": [8, 10, 8], "uv": [0, 0]},
-              {"origin": [-1, 32, -9.5], "size": [2, 4, 2], "uv": [24, 0]}
-            ]
-          },
-          {
-            "name": "arm0",
-            "parent": "body",
-            "pivot": [0, 31, 0],
-            "cubes": [
-              {"origin": [-13, 3.5, -3], "size": [4, 30, 6], "uv": [60, 21]}
-            ]
-          },
-          {
-            "name": "arm1",
-            "parent": "body",
-            "pivot": [0, 31, 0],
-            "cubes": [
-              {"origin": [9, 3.5, -3], "size": [4, 30, 6], "uv": [60, 58]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-4, 13, 0],
-            "cubes": [
-              {"origin": [-7.5, 0, -3], "size": [6, 16, 5], "uv": [37, 0]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "mirror": true,
-            "pivot": [5, 13, 0],
-            "cubes": [
-              {"origin": [1.5, 0, -3], "size": [6, 16, 5], "uv": [60, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "walk": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": [0, 0, "variable.modified_tcos0 / 1.5"]},
-          "head": {"rotation": [0, 0, "variable.modified_tcos0 / 1.5"]},
-          "leg0": {"rotation": ["variable.modified_tcos0 * 6.0", 0, 0]},
-          "leg1": {"rotation": ["-variable.modified_tcos0 * 6.0", 0, 0]}
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "arm0": {"rotation": ["-variable.modified_tcos0 * 2.0", 0, 0]},
-          "arm1": {"rotation": ["variable.modified_tcos0 * 2.0", 0, 0]}
-        }
-      },
-      "walk_to_target": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              0,
-              "2.0 * (math.abs(math.mod(query.modified_distance_moved + 6, 13.0) - 6.5) - 3.25)"
-            ]
-          },
-          "head": {
-            "rotation": [
-              0,
-              0,
-              "2.0 * (math.abs(math.mod(query.modified_distance_moved + 6, 13.0) - 6.5) - 3.25)"
-            ]
-          },
-          "leg0": {
-            "rotation": [
-              "(math.cos(query.modified_distance_moved * 38.17) * 40.0)",
-              0,
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "(math.cos(query.modified_distance_moved * 38.17 + 180) * 40.0)",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "move_to_target": {
-        "loop": true,
-        "bones": {
-          "arm0": {
-            "rotation": [
-              "((math.abs(math.mod(query.modified_distance_moved, 13) - 6.5) - 3.25) / 2.25) * 30.0",
-              0,
-              0
-            ]
-          },
-          "arm1": {
-            "rotation": [
-              "((math.abs(math.mod(query.modified_distance_moved, 13) - 6.5) - 3.25) / 2.25) * -30.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "attack": {
-        "loop": true,
-        "bones": {
-          "arm0": {
-            "rotation": [
-              "-114 + ((1.5 * math.abs(math.mod(variable.attack_animation_tick - query.frame_alpha, 10) - 5) - 2.5) / 5) * 57.3",
-              0,
-              0
-            ]
-          },
-          "arm1": {
-            "rotation": [
-              "-114 + ((1.5 * math.abs(math.mod(variable.attack_animation_tick - query.frame_alpha, 10) - 5) - 2.5) / 5) * 57.3",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "flower": {
-        "loop": true,
-        "bones": {
-          "arm0": {
-            "rotation": [
-              "-45.8 + ((0.25 * math.abs(math.mod(variable.offer_flower_tick, 70) - 35) - 17.5) / 35)",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.modified_tcos0 = Math.clamp(((Math.cos(query.modified_distance_moved * 13.5) * Math.min(query.modified_move_speed, 0.6) / variable.gliding_speed_value) * 25.0), -12.5, 12.5);"
-      ],
-      "animate": ["look_at_target", "move_controller", "arm_controller"]
-    },
-    "render_controllers": ["controller.render.iron_golem"],
-    "animation_controllers": {
-      "move_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [{"walk": "query.modified_move_speed"}],
-            "transitions": [{"has_target": "query.has_target"}]
-          },
-          "has_target": {
-            "animations": [{"walk_to_target": "query.modified_move_speed"}],
-            "transitions": [{"default": "!query.has_target"}]
-          }
-        }
-      },
-      "arm_controller": {
-        "initial_state": "default",
-        "states": {
-          "attack": {
-            "animations": ["attack"],
-            "transitions": [
-              {
-                "default": "!query.has_target && variable.attack_animation_tick <= 0.0"
-              },
-              {
-                "has_target": "query.has_target && variable.attack_animation_tick <= 0.0"
-              }
-            ]
-          },
-          "default": {
-            "animations": ["move"],
-            "transitions": [
-              {"attack": "variable.attack_animation_tick > 0.0"},
-              {"flower": "variable.offer_flower_tick"},
-              {"has_target": "query.has_target"}
-            ]
-          },
-          "flower": {
-            "animations": ["flower"],
-            "transitions": [
-              {"attack": "variable.attack_animation_tick > 0.0"},
-              {"default": "variable.offer_flower_tick <= 0.0"},
-              {"has_target": "query.has_target"}
-            ]
-          },
-          "has_target": {
-            "animations": ["move_to_target"],
-            "transitions": [
-              {"attack": "variable.attack_animation_tick > 0.0"},
-              {"default": "!query.has_target"},
-              {"flower": "variable.offer_flower_tick"}
-            ]
-          }
-        }
-      }
-    }
-  },
-  "leash_knot": {
-    "identifier": "minecraft:leash_knot",
-    "materials": {"default": "leash_knot"},
-    "textures": {"default": "textures/entity/lead_knot"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "knot",
-            "cubes": [{"origin": [-3, 2, -3], "size": [6, 8, 6]}]
-          }
-        ],
-        "texturewidth": 32,
-        "textureheight": 32
-      }
-    },
-    "render_controllers": ["controller.render.leash_knot"]
-  },
-  "llama": {
-    "identifier": "minecraft:llama",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "llama"},
-    "textures": {
-      "creamy": "textures/entity/llama/creamy",
-      "white": "textures/entity/llama/white",
-      "brown": "textures/entity/llama/brown",
-      "gray": "textures/entity/llama/gray",
-      "decor_none": "textures/entity/llama/decor/decor_none",
-      "decor_white": "textures/entity/llama/decor/white",
-      "decor_orange": "textures/entity/llama/decor/orange",
-      "decor_magenta": "textures/entity/llama/decor/magenta",
-      "decor_light_blue": "textures/entity/llama/decor/light_blue",
-      "decor_yellow": "textures/entity/llama/decor/yellow",
-      "decor_lime": "textures/entity/llama/decor/lime",
-      "decor_pink": "textures/entity/llama/decor/pink",
-      "decor_gray": "textures/entity/llama/decor/gray",
-      "decor_silver": "textures/entity/llama/decor/light_gray",
-      "decor_cyan": "textures/entity/llama/decor/cyan",
-      "decor_purple": "textures/entity/llama/decor/purple",
-      "decor_blue": "textures/entity/llama/decor/blue",
-      "decor_brown": "textures/entity/llama/decor/brown",
-      "decor_green": "textures/entity/llama/decor/green",
-      "decor_red": "textures/entity/llama/decor/red",
-      "decor_black": "textures/entity/llama/decor/black",
-      "decor_wandering_trader": "textures/entity/llama/decor/trader_llama"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 2.5,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 128,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 17, -6],
-            "locators": {"lead": [0, 18, -11]},
-            "cubes": [
-              {"origin": [-2, 27, -16], "size": [4, 4, 9], "uv": [0, 0]},
-              {"origin": [-4, 15, -12], "size": [8, 18, 6], "uv": [0, 14]},
-              {"origin": [-4, 33, -10], "size": [3, 3, 2], "uv": [17, 0]},
-              {"origin": [1, 33, -10], "size": [3, 3, 2], "uv": [17, 0]}
-            ]
-          },
-          {
-            "name": "chest1",
-            "parent": "body",
-            "pivot": [-8.5, 21, 3],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [-11.5, 13, 3], "size": [8, 8, 3], "uv": [45, 28]}
-            ]
-          },
-          {
-            "name": "chest2",
-            "parent": "body",
-            "pivot": [5.5, 21, 3],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [2.5, 13, 3], "size": [8, 8, 3], "uv": [45, 41]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 19, 2],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-6, 11, -5], "size": [12, 18, 10], "uv": [29, 0]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-3.5, 14, 6],
-            "cubes": [
-              {"origin": [-5.5, 0, 4], "size": [4, 14, 4], "uv": [29, 29]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [3.5, 14, 6],
-            "cubes": [
-              {"origin": [1.5, 0, 4], "size": [4, 14, 4], "uv": [29, 29]}
-            ]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-3.5, 14, -5],
-            "cubes": [
-              {"origin": [-5.5, 0, -7], "size": [4, 14, 4], "uv": [29, 29]}
-            ]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "pivot": [3.5, 14, -5],
-            "cubes": [
-              {"origin": [1.5, 0, -7], "size": [4, 14, 4], "uv": [29, 29]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "setup": {"loop": true, "bones": {"body": {"rotation": ["-this", 0, 0]}}},
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg2": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg3": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {
-        "loop": true,
-        "bones": {
-          "body": {"position": [0, -5.5, -5], "scale": [1.2, 1, 1]},
-          "head": {"position": [0, 2, 0], "scale": [1.3, 1.2, 1.2]},
-          "leg0": {"position": [0, -1, 0], "scale": [0.91, 0.56, 0.91]},
-          "leg1": {"position": [0, -1, 0], "scale": [0.91, 0.56, 0.91]},
-          "leg2": {"position": [0, -1, 0], "scale": [0.91, 0.56, 0.91]},
-          "leg3": {"position": [0, -1, 0], "scale": [0.91, 0.56, 0.91]}
-        }
-      }
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              "setup",
-              {"walk": "query.modified_move_speed"},
-              "look_at_target"
-            ]
-          }
-        }
-      },
-      "baby": {
-        "initial_state": "baby",
-        "states": {
-          "baby": {"animations": [{"baby_transform": "query.is_baby"}]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.llama"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 38}
-  },
-  "llama_spit": {
-    "identifier": "minecraft:llama_spit",
-    "materials": {"default": "llama_spit"},
-    "textures": {"default": "textures/entity/llama/spit"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 22, 0], "size": [2, 2, 2], "uv": [0, 0]},
-              {"origin": [0, 26, 0], "size": [2, 2, 2], "uv": [0, 0]},
-              {"origin": [0, 22, -4], "size": [2, 2, 2], "uv": [0, 0]},
-              {"origin": [0, 22, 0], "size": [2, 2, 2], "uv": [0, 0]},
-              {"origin": [2, 22, 0], "size": [2, 2, 2], "uv": [0, 0]},
-              {"origin": [0, 20, 0], "size": [2, 2, 2], "uv": [0, 0]},
-              {"origin": [0, 22, 2], "size": [2, 2, 2], "uv": [0, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "setup": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, -15, 0],
-            "rotation": [
-              0,
-              "query.target_y_rotation - 90.0 - this",
-              "query.target_x_rotation - this"
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["setup"]},
-    "render_controllers": ["controller.render.llama_spit"]
-  },
-  "magma_cube": {
-    "identifier": "minecraft:magma_cube",
-    "materials": {"default": "magma_cube"},
-    "textures": {"default": "textures/entity/slime/magmacube"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2.5,
-        "visible_bounds_height": 5,
-        "visible_bounds_offset": [0, 2.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "bodyCube_0",
-            "parent": "insideCube",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 7, -4], "size": [8, 1, 8], "uv": [0, 0]}]
-          },
-          {
-            "name": "bodyCube_1",
-            "parent": "insideCube",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 6, -4], "size": [8, 1, 8], "uv": [0, 1]}]
-          },
-          {
-            "name": "bodyCube_2",
-            "parent": "insideCube",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 5, -4], "size": [8, 1, 8], "uv": [24, 10]}
-            ]
-          },
-          {
-            "name": "bodyCube_3",
-            "parent": "insideCube",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 4, -4], "size": [8, 1, 8], "uv": [24, 19]}
-            ]
-          },
-          {
-            "name": "bodyCube_4",
-            "parent": "insideCube",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 3, -4], "size": [8, 1, 8], "uv": [0, 4]}]
-          },
-          {
-            "name": "bodyCube_5",
-            "parent": "insideCube",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 2, -4], "size": [8, 1, 8], "uv": [0, 5]}]
-          },
-          {
-            "name": "bodyCube_6",
-            "parent": "insideCube",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 1, -4], "size": [8, 1, 8], "uv": [0, 6]}]
-          },
-          {
-            "name": "bodyCube_7",
-            "parent": "insideCube",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 0, -4], "size": [8, 1, 8], "uv": [0, 7]}]
-          },
-          {
-            "name": "insideCube",
-            "pivot": [0, 0, 0],
-            "cubes": [{"origin": [-2, 2, -2], "size": [4, 4, 4], "uv": [0, 16]}]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.slime_squish_factor = (query.previous_squish_value + (query.current_squish_value - query.previous_squish_value) * query.frame_alpha);",
-        "variable.bounce = 1 / ((variable.slime_squish_factor / (query.variant * 0.5 + 1)) + 1);",
-        "variable.horizontal_scale_amount = variable.bounce * query.variant;",
-        "variable.vertical_scale_amount = (1 / variable.bounce) * query.variant;"
-      ],
-      "scaleX": "variable.horizontal_scale_amount",
-      "scaleY": "variable.vertical_scale_amount",
-      "scaleZ": "variable.horizontal_scale_amount"
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "bodycube_0": {
-            "position": [
-              0,
-              "3.0 * (variable.slime_squish_factor < 0.0 ? 0.0 : variable.slime_squish_factor) * 1.7",
-              0
-            ]
-          },
-          "bodycube_1": {
-            "position": [
-              0,
-              "2.0 * (variable.slime_squish_factor < 0.0 ? 0.0 : variable.slime_squish_factor) * 1.7",
-              0
-            ]
-          },
-          "bodycube_2": {
-            "position": [
-              0,
-              "1.0 * (variable.slime_squish_factor < 0.0 ? 0.0 : variable.slime_squish_factor) * 1.7",
-              0
-            ]
-          },
-          "bodycube_4": {
-            "position": [
-              0,
-              "-1.0 * (variable.slime_squish_factor < 0.0 ? 0.0 : variable.slime_squish_factor) * 1.7",
-              0
-            ]
-          },
-          "bodycube_5": {
-            "position": [
-              0,
-              "-2.0 * (variable.slime_squish_factor < 0.0 ? 0.0 : variable.slime_squish_factor) * 1.7",
-              0
-            ]
-          },
-          "bodycube_6": {
-            "position": [
-              0,
-              "-3.0 * (variable.slime_squish_factor < 0.0 ? 0.0 : variable.slime_squish_factor) * 1.7",
-              0
-            ]
-          },
-          "bodycube_7": {
-            "position": [
-              0,
-              "-4.0 * (variable.slime_squish_factor < 0.0 ? 0.0 : variable.slime_squish_factor) * 1.7",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      }
-    },
-    "render_controllers": ["controller.render.magma_cube"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 20}
-  },
-  "minecart": {
-    "identifier": "minecraft:minecart",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "minecart"},
-    "textures": {"default": "textures/entity/minecart"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "bottom",
-            "pivot": [0, 6, 0],
-            "cubes": [
-              {
-                "origin": [-10, -6.5, -1],
-                "size": [20, 16, 2],
-                "rotation": [90, 0, 0],
-                "uv": [0, 10]
-              }
-            ]
-          },
-          {
-            "name": "back",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-17, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 270, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "front",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [1, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 90, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "right",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, 2.5, -8],
-                "size": [16, 8, 2],
-                "rotation": [0, 180, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "left",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-8, 2.5, 6], "size": [16, 8, 2], "uv": [0, 0]}
-            ],
-            "parent": "bottom"
-          }
-        ],
-        "texturewidth": 64,
-        "textureheight": 32
-      }
-    },
-    "scripts": {
-      "pre_animation": ["variable.hurt = query.hurt_time - query.frame_alpha;"],
-      "animate": ["move"]
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "bottom": {
-            "position": [
-              "variable.rail_offset.x / query.model_scale",
-              "variable.rail_offset.y / query.model_scale",
-              "variable.rail_offset.z / query.model_scale"
-            ],
-            "rotation": [
-              "variable.hurt > 0 ? -Math.sin(variable.hurt * 360 / (Math.pi * 2)) * variable.hurt * (((20 * 2 - query.structural_integrity) - query.frame_alpha) < 0 ? 0: (20 * 2 - query.structural_integrity) - query.frame_alpha) / 10 * query.hurt_direction : 0",
-              0,
-              "-variable.rail_rotation.z"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.minecart"]
-  },
-  "mooshroom": {
-    "identifier": "minecraft:mooshroom",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "mooshroom"},
-    "textures": {
-      "default": "textures/entity/cow/red_mooshroom",
-      "brown": "textures/entity/cow/brown_mooshroom"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 19, 2],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-6, 11, -5], "size": [12, 18, 10], "uv": [18, 4]},
-              {"origin": [-2, 11, -6], "size": [4, 6, 1], "uv": [52, 0]}
-            ]
-          },
-          {
-            "name": "head",
-            "pivot": [0, 20, -8],
-            "locators": {"lead": [0, 20, -8]},
-            "cubes": [
-              {"origin": [-4, 16, -14], "size": [8, 8, 6], "uv": [0, 0]},
-              {"origin": [-5, 22, -12], "size": [1, 3, 1], "uv": [22, 0]},
-              {"origin": [4, 22, -12], "size": [1, 3, 1], "uv": [22, 0]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-4, 12, 7],
-            "cubes": [{"origin": [-6, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "mirror": true,
-            "pivot": [4, 12, 7],
-            "cubes": [{"origin": [2, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-4, 12, -6],
-            "cubes": [
-              {"origin": [-6, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}
-            ]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "mirror": true,
-            "pivot": [4, 12, -6],
-            "cubes": [{"origin": [2, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "setup": {"loop": true, "bones": {"body": {"rotation": ["-this", 0, 0]}}},
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg2": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg3": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "position": [
-              0,
-              "query.is_baby ? 4.0 : 0.0",
-              "query.is_baby ? 4.0 : 0.0"
-            ],
-            "scale": "query.is_baby ? 2.0 : 1.0"
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "setup": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["setup"]}}
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              {"walk": "query.modified_move_speed"},
-              "look_at_target"
-            ]
-          }
-        }
-      },
-      "baby": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["baby_transform"]}}
-      }
-    },
-    "render_controllers": ["controller.render.mooshroom"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 5}
-  },
-  "mule": {
-    "identifier": "minecraft:mule",
-    "textures": {
-      "base_brown": "textures/entity/horse/horse_brown",
-      "base_white": "textures/entity/horse/horse_white",
-      "base_chestnut": "textures/entity/horse/horse_chestnut",
-      "base_creamy": "textures/entity/horse/horse_creamy",
-      "base_black": "textures/entity/horse/horse_black",
-      "base_gray": "textures/entity/horse/horse_gray",
-      "base_darkbrown": "textures/entity/horse/horse_darkbrown",
-      "markings_none": "textures/entity/horse/horse_markings_none",
-      "markings_white": "textures/entity/horse/horse_markings_white",
-      "markings_whitefield": "textures/entity/horse/horse_markings_whitefield",
-      "markings_whitedots": "textures/entity/horse/horse_markings_whitedots",
-      "markings_blackdots": "textures/entity/horse/horse_markings_blackdots",
-      "mule": "textures/entity/horse/mule",
-      "donkey": "textures/entity/horse/donkey",
-      "skeleton": "textures/entity/horse/horse_skeleton",
-      "zombie": "textures/entity/horse/horse_zombie",
-      "armor_none": "textures/entity/horse/armor/horse_armor_none",
-      "armor_leather": "textures/entity/horse/armor/horse_armor_leather",
-      "armor_iron": "textures/entity/horse/armor/horse_armor_iron",
-      "armor_gold": "textures/entity/horse/armor/horse_armor_gold",
-      "armor_diamond": "textures/entity/horse/armor/horse_armor_diamond"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 128,
-        "textureheight": 128,
-        "bones": [
-          {
-            "name": "Body",
-            "pivot": [0, 13, 9],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 11, -10], "size": [10, 10, 24], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "TailA",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1, 20, 14], "size": [2, 2, 3], "uv": [44, 0]}
-            ]
-          },
-          {
-            "name": "TailB",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 19, 17], "size": [3, 4, 7], "uv": [38, 7]}
-            ]
-          },
-          {
-            "name": "TailC",
-            "pivot": [0, 21, 14],
-            "rotation": [-80.34, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 21.5, 23], "size": [3, 4, 7], "uv": [24, 3]}
-            ]
-          },
-          {
-            "name": "Leg1A",
-            "pivot": [4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 8, 8.5], "size": [4, 9, 5], "uv": [78, 29]}
-            ]
-          },
-          {
-            "name": "Leg1B",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2, 3, 9.5], "size": [3, 5, 3], "uv": [78, 43]}
-            ]
-          },
-          {
-            "name": "Leg1C",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, -0.1, 9], "size": [4, 3, 4], "uv": [78, 51]}
-            ]
-          },
-          {
-            "name": "Leg2A",
-            "pivot": [-4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 8, 8.5], "size": [4, 9, 5], "uv": [96, 29]}
-            ]
-          },
-          {
-            "name": "Leg2B",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 3, 9.5], "size": [3, 5, 3], "uv": [96, 43]}
-            ]
-          },
-          {
-            "name": "Leg2C",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, -0.1, 9], "size": [4, 3, 4], "uv": [96, 51]}
-            ]
-          },
-          {
-            "name": "Leg3A",
-            "pivot": [4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 8, -10.1], "size": [3, 8, 4], "uv": [44, 29]}
-            ]
-          },
-          {
-            "name": "Leg3B",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 3, -9.6], "size": [3, 5, 3], "uv": [44, 41]}
-            ]
-          },
-          {
-            "name": "Leg3C",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [44, 51]}
-            ]
-          },
-          {
-            "name": "Leg4A",
-            "pivot": [-4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 8, -10.1], "size": [3, 8, 4], "uv": [60, 29]}
-            ]
-          },
-          {
-            "name": "Leg4B",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 3, -9.6], "size": [3, 5, 3], "uv": [60, 41]}
-            ]
-          },
-          {
-            "name": "Leg4C",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [60, 51]}
-            ]
-          },
-          {
-            "name": "Head",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 25, -11.5], "size": [5, 5, 7], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "UMouth",
-            "pivot": [0, 20.05, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 27.05, -17], "size": [4, 3, 6], "uv": [24, 18]}
-            ]
-          },
-          {
-            "name": "LMouth",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 25, -16.5], "size": [4, 2, 5], "uv": [24, 27]}
-            ]
-          },
-          {
-            "name": "Ear1",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [0.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "Ear2",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "MuleEarL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 15],
-            "cubes": [
-              {"origin": [-2, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "MuleEarR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, -15],
-            "cubes": [{"origin": [0, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}]
-          },
-          {
-            "name": "Neck",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.05, 15.8, -12], "size": [4, 14, 8], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "Bag1",
-            "pivot": [-7.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [-10.5, 13, 10], "size": [8, 8, 3], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "Bag2",
-            "pivot": [4.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [1.5, 13, 10], "size": [8, 8, 3], "uv": [0, 47]}
-            ]
-          },
-          {
-            "name": "Saddle",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 21, -1], "size": [10, 1, 8], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleB",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 22, -1], "size": [3, 1, 2], "uv": [106, 9]}
-            ]
-          },
-          {
-            "name": "SaddleC",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [{"origin": [-4, 22, 5], "size": [8, 1, 2], "uv": [80, 9]}]
-          },
-          {
-            "name": "SaddleL2",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 13, 1], "size": [1, 2, 2], "uv": [74, 0]}
-            ]
-          },
-          {
-            "name": "SaddleL",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 15, 1.5], "size": [1, 6, 1], "uv": [70, 0]}
-            ]
-          },
-          {
-            "name": "SaddleR2",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 13, 1], "size": [1, 2, 2], "uv": [74, 4]}
-            ]
-          },
-          {
-            "name": "SaddleR",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 15, 1.5], "size": [1, 6, 1], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleMouthL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLine",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 10]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLineR",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 5]}
-            ]
-          },
-          {
-            "name": "Mane",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-1, 15.5, -5], "size": [2, 16, 4], "uv": [58, 0]}
-            ]
-          },
-          {
-            "name": "HeadSaddle",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {
-                "origin": [-2.5, 25.1, -17],
-                "size": [5, 5, 12],
-                "uv": [80, 12],
-                "inflate": 0.05
-              }
-            ]
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 31}
-  },
-  "ocelot": {
-    "identifier": "minecraft:ocelot",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "ocelot"},
-    "textures": {
-      "black": "textures/entity/cat/black",
-      "red": "textures/entity/cat/red",
-      "siamese": "textures/entity/cat/siamese",
-      "wild": "textures/entity/cat/ocelot"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2.5,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "pivot": [0, 9, -9],
-            "locators": {"lead": [0, 9, -9]},
-            "cubes": [
-              {"origin": [-2.5, 7, -12], "size": [5, 4, 5], "uv": [0, 0]},
-              {
-                "origin": [-1.5, 7.01562, -13],
-                "size": [3, 2, 2],
-                "uv": [0, 24]
-              },
-              {"origin": [-2, 11, -9], "size": [1, 1, 2], "uv": [0, 10]},
-              {"origin": [1, 11, -9], "size": [1, 1, 2], "uv": [6, 10]}
-            ],
-            "name": "head",
-            "parent": "body"
-          },
-          {
-            "pivot": [0, 7, 1],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-2, -1, -2], "size": [4, 16, 6], "uv": [20, 0]}
-            ],
-            "name": "body"
-          },
-          {
-            "pivot": [0, 9, 8],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-0.5, 1, 8], "size": [1, 8, 1], "uv": [0, 15]}
-            ],
-            "name": "tail1",
-            "parent": "body"
-          },
-          {
-            "pivot": [0, 9, 16],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-0.5, 1, 16], "size": [1, 8, 1], "uv": [4, 15]}
-            ],
-            "name": "tail2",
-            "parent": "tail1"
-          },
-          {
-            "pivot": [1.1, 6, 7],
-            "cubes": [
-              {"origin": [0.1, 0, 6], "size": [2, 6, 2], "uv": [8, 13]}
-            ],
-            "name": "backLegL",
-            "parent": "body"
-          },
-          {
-            "pivot": [-1.1, 6, 7],
-            "cubes": [
-              {"origin": [-2.1, 0, 6], "size": [2, 6, 2], "uv": [8, 13]}
-            ],
-            "name": "backLegR",
-            "parent": "body"
-          },
-          {
-            "pivot": [1.2, 10, -4],
-            "cubes": [
-              {"origin": [0.2, 0.2, -5], "size": [2, 10, 2], "uv": [40, 0]}
-            ],
-            "name": "frontLegL",
-            "parent": "body"
-          },
-          {
-            "pivot": [-1.2, 10, -4],
-            "cubes": [
-              {"origin": [-2.2, 0.2, -5], "size": [2, 10, 2], "uv": [40, 0]}
-            ],
-            "name": "frontLegR",
-            "parent": "body"
-          }
-        ]
-      }
-    },
-    "animations": {
-      "sneak": {
-        "loop": true,
-        "bones": {
-          "backlegl": {
-            "position": [0, "1.0 - this", 0],
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "backlegr": {
-            "position": [0, "1.0 - this", 0],
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "body": {"position": [0, -1, 0]},
-          "frontlegl": {
-            "position": [0, "1.0 - this", 0],
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "frontlegr": {
-            "position": [0, "1.0 - this", 0],
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "head": {"position": [0, -1, 0]},
-          "tail1": {"position": [0, "1.0 - this", 0]},
-          "tail2": {
-            "rotation": [
-              "62.0 + math.cos(query.modified_distance_moved * 57.3) * 27.0 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "walk": {
-        "loop": true,
-        "bones": {
-          "backlegl": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "backlegr": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "frontlegl": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "frontlegr": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "tail1": {"rotation": ["-51.57 - this", 0, 0]},
-          "tail2": {
-            "rotation": [
-              "62.0 + math.cos(query.modified_distance_moved * 57.3) * 45.0 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "sprint": {
-        "loop": true,
-        "bones": {
-          "backlegl": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "backlegr": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 17.19) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "frontlegl": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 197.19) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "frontlegr": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180.0) * 57.3 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "tail1": {"rotation": ["-this", 0, 0]},
-          "tail2": {
-            "rotation": [
-              "62.0 + math.cos(query.modified_distance_moved * 57.3) * 18.0 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "sit": {
-        "loop": true,
-        "bones": {
-          "backlegl": {
-            "position": [0, "-2.0 - this", "6.0 - this"],
-            "rotation": [-45, 0, 0]
-          },
-          "backlegr": {
-            "position": [0, "-2.0 - this", "6.0 - this"],
-            "rotation": ["-45 - this", 0, 0]
-          },
-          "body": {"rotation": ["-45 - this", 0, 0]},
-          "frontlegl": {
-            "position": [0, "-1.5 - this", "-7.0 - this"],
-            "rotation": ["42.15 - this", 0, 0]
-          },
-          "frontlegr": {
-            "position": [0, "-1.5 - this", "-7.0 - this"],
-            "rotation": ["42.15 - this", 0, 0]
-          },
-          "head": {"position": [0, -2, 0]},
-          "tail1": {"position": [0, 0, 0], "rotation": ["45 - this", 0, 0]},
-          "tail2": {"position": [0, 0, 0], "rotation": ["45 - this", 0, 0]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {"loop": true, "bones": {"head": {"scale": 1.5}}}
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "sitting",
-        "states": {
-          "sitting": {
-            "animations": ["sit"],
-            "transitions": [
-              {"sneaking": "variable.state == 0"},
-              {"sprinting": "variable.state == 1"},
-              {"walking": "variable.state == 3"}
-            ]
-          },
-          "sneaking": {
-            "animations": ["sneak"],
-            "transitions": [
-              {"sprinting": "variable.state == 1"},
-              {"sitting": "variable.state == 2"},
-              {"walking": "variable.state == 3"}
-            ]
-          },
-          "sprinting": {
-            "animations": ["sprint"],
-            "transitions": [
-              {"sneaking": "variable.state == 0"},
-              {"sitting": "variable.state == 2"},
-              {"walking": "variable.state == 3"}
-            ]
-          },
-          "walking": {
-            "animations": ["walk"],
-            "transitions": [
-              {"sneaking": "variable.state == 0"},
-              {"sprinting": "variable.state == 1"},
-              {"sitting": "variable.state == 2"}
-            ]
-          }
-        }
-      },
-      "baby": {
-        "initial_state": "baby",
-        "states": {
-          "baby": {"animations": [{"baby_transform": "query.is_baby"}]}
-        }
-      },
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["look_at_target"]}}
-      }
-    },
-    "render_controllers": ["controller.render.ocelot"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 16}
-  },
-  "panda": {
-    "identifier": "minecraft:panda",
-    "materials": {"default": "panda"},
-    "textures": {
-      "default": "textures/entity/panda/panda",
-      "lazy": "textures/entity/panda/lazy_panda",
-      "worried": "textures/entity/panda/worried_panda",
-      "playful": "textures/entity/panda/playful_panda",
-      "brown": "textures/entity/panda/brown_panda",
-      "weak": "textures/entity/panda/weak_panda",
-      "aggressive": "textures/entity/panda/aggressive_panda"
-    },
-    "geometry": {
-      "default": {
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 12.5, -17],
-            "locators": {"lead": [0, 14, -16]},
-            "cubes": [
-              {"origin": [-6.5, 7.5, -21], "size": [13, 10, 9], "uv": [0, 6]},
-              {"origin": [-3.5, 7.5, -23], "size": [7, 5, 2], "uv": [45, 16]},
-              {"origin": [-8.5, 16.5, -18], "size": [5, 4, 1], "uv": [52, 25]},
-              {"origin": [3.5, 16.5, -18], "size": [5, 4, 1], "uv": [52, 25]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 14, 0],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-9.5, 1, -6.5], "size": [19, 26, 13], "uv": [0, 25]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-5.5, 9, 9],
-            "cubes": [
-              {"origin": [-8.5, 0, 6], "size": [6, 9, 6], "uv": [40, 0]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [5.5, 9, 9],
-            "cubes": [{"origin": [2.5, 0, 6], "size": [6, 9, 6], "uv": [40, 0]}]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-5.5, 9, -9],
-            "cubes": [
-              {"origin": [-8.5, 0, -12], "size": [6, 9, 6], "uv": [40, 0]}
-            ]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "pivot": [5.5, 9, -9],
-            "cubes": [
-              {"origin": [2.5, 0, -12], "size": [6, 9, 6], "uv": [40, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "unhappy": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              0,
-              "(math.sin(query.life_time * 327.6) * 20) - this",
-              "(math.sin(query.life_time * 327.6) * 20) - this"
-            ]
-          },
-          "leg2": {
-            "rotation": [
-              "(math.sin(query.life_time * 343.8) * -43) - this",
-              0,
-              0
-            ]
-          },
-          "leg3": {
-            "rotation": [
-              "(math.sin(query.life_time * 343.8) * 43) - this",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "sneezing": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "(query.sneeze_counter < 15) ? (-45 * (query.sneeze_counter / 14)) : (-45 + (9 * (query.sneeze_counter - 15)) - this)",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg2": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg3": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {
-        "loop": true,
-        "bones": {
-          "body": {"position": [0, 1.77, 0], "scale": [1.15, 1.15, 1]},
-          "head": {"position": [0, -0.18, 0.15], "scale": 1.8}
-        }
-      },
-      "sitting": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, "-2.15 -10 -this", 0],
-            "rotation": [
-              "(query.is_scared * math.cos(query.life_time * 71.62) * 16.2) + (query.sit_amount * -90) - this",
-              0,
-              0
-            ]
-          },
-          "head": {
-            "rotation": [
-              "query.is_eating ? (90.0 + 11.5 * math.sin(query.life_time * 750)) : (query.sit_amount * (100 - this)) - this",
-              0,
-              0
-            ]
-          },
-          "leg0": {"rotation": [0, 0, "32.7 - this"]},
-          "leg1": {"rotation": [0, 0, "-32.7 - this"]},
-          "leg2": {
-            "rotation": [
-              "(query.is_eating ? (-23 - (16.5 * math.sin(query.life_time * 750))) : 0) - this",
-              0,
-              -15
-            ]
-          },
-          "leg3": {
-            "rotation": [
-              "(query.is_eating ? (-23 - (16.5 * math.sin(query.life_time * 750))) : 0) - this",
-              0,
-              15
-            ]
-          }
-        }
-      },
-      "rolling": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["(query.roll_counter / 32) * 360", 0, 0]},
-          "head": {
-            "rotation": ["(this * -118) + query.roll_counter - this", 0, 0]
-          },
-          "leg0": {
-            "rotation": [
-              "math.sin(query.life_time * 60 * (query.is_baby ? 0.95 : 0.5) * 57.3) * 8.6 - this",
-              0,
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "math.sin(query.life_time * 60 * (query.is_baby ? 0.95 : 0.5) * 57.3) * -8.6 - this",
-              0,
-              0
-            ]
-          },
-          "leg2": {
-            "rotation": [
-              "math.sin(query.life_time * 60 * (query.is_baby ? 0.95 : 0.5) * 57.3) * -8.6 - this",
-              0,
-              0
-            ]
-          },
-          "leg3": {
-            "rotation": [
-              "math.sin(query.life_time * 60 * (query.is_baby ? 0.95 : 0.5) * 57.3) * 8.6 - this",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "lying": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [
-              0,
-              "(query.is_baby ? -8.8 : -7.67) * query.lie_amount -10 - this",
-              0
-            ],
-            "rotation": ["query.lie_amount * -180 - this", 0, 0]
-          },
-          "head": {"rotation": ["(query.lie_amount * 90) - this", 0, 0]},
-          "leg0": {
-            "rotation": [
-              "math.sin(query.life_time * 206.28) * -17.2 - this",
-              0,
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "math.sin(query.life_time * 263.58) * 17.2 - this",
-              0,
-              0
-            ]
-          },
-          "leg2": {
-            "rotation": ["math.sin(query.life_time * 172) * 17.2 - this", 0, 0]
-          },
-          "leg3": {
-            "rotation": [
-              "math.sin(query.life_time * 229.2) * -17.2 - this",
-              0,
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              {"walk": "query.modified_move_speed"},
-              "look_at_target"
-            ],
-            "transitions": [
-              {"rolling": "query.roll_counter > 0"},
-              {"sitting": "query.sit_amount > 0"},
-              {"lying": "query.lie_amount > 0"}
-            ]
-          },
-          "lying": {
-            "animations": ["lying"],
-            "transitions": [
-              {"default": "query.lie_amount <= 0"},
-              {"rolling": "query.roll_counter > 0"},
-              {"sitting": "query.sit_amount > 0"}
-            ]
-          },
-          "rolling": {
-            "animations": ["rolling"],
-            "transitions": [
-              {"default": "query.roll_counter <= 0"},
-              {"sitting": "query.sit_amount > 0"},
-              {"lying": "query.lie_amount > 0"}
-            ]
-          },
-          "sitting": {
-            "animations": ["sitting"],
-            "transitions": [
-              {"default": "query.sit_amount <= 0"},
-              {"rolling": "query.roll_counter > 0"},
-              {"lying": "query.lie_amount > 0"}
-            ]
-          }
-        }
-      },
-      "unhappy": {
-        "initial_state": "baby",
-        "states": {
-          "baby": {"animations": [{"unhappy": "query.unhappy_counter"}]}
-        }
-      },
-      "sneezing": {
-        "initial_state": "baby",
-        "states": {
-          "baby": {"animations": [{"sneezing": "query.sneeze_counter"}]}
-        }
-      },
-      "baby": {
-        "initial_state": "baby",
-        "states": {
-          "baby": {"animations": [{"baby_transform": "query.is_baby"}]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.panda"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 54}
-  },
-  "parrot": {
-    "identifier": "minecraft:parrot",
-    "materials": {"default": "parrot"},
-    "textures": {
-      "blue": "textures/entity/parrot/parrot_blue",
-      "green": "textures/entity/parrot/parrot_green",
-      "red_blue": "textures/entity/parrot/parrot_red_blue",
-      "yellow_blue": "textures/entity/parrot/parrot_yellow_blue",
-      "grey": "textures/entity/parrot/parrot_grey"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 32,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 8.3, -2.8],
-            "locators": {"lead": [0, 6, -4]},
-            "cubes": [
-              {"origin": [-1, 6.8, -3.8], "size": [2, 3, 2], "uv": [2, 2]}
-            ]
-          },
-          {
-            "name": "head2",
-            "parent": "head",
-            "pivot": [0, 26, -1],
-            "cubes": [
-              {"origin": [-1, 9.8, -5.8], "size": [2, 1, 4], "uv": [10, 0]}
-            ]
-          },
-          {
-            "name": "beak1",
-            "parent": "head",
-            "pivot": [0, 24.5, -1.5],
-            "cubes": [
-              {"origin": [-0.5, 7.8, -4.7], "size": [1, 2, 1], "uv": [11, 7]}
-            ]
-          },
-          {
-            "name": "beak2",
-            "parent": "head",
-            "pivot": [0, 25.8, -2.5],
-            "cubes": [
-              {"origin": [-0.5, 8.1, -5.7], "size": [1, 1.7, 1], "uv": [16, 7]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 7.5, -3],
-            "bind_pose_rotation": [28.287, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 1.5, -4.5], "size": [3, 6, 3], "uv": [2, 8]}
-            ]
-          },
-          {
-            "name": "tail",
-            "parent": "body",
-            "pivot": [0, 2.9, 1.2],
-            "cubes": [
-              {"origin": [-1.5, -0.1, 0.2], "size": [3, 4, 1], "uv": [22, 1]}
-            ]
-          },
-          {
-            "name": "wing0",
-            "parent": "body",
-            "pivot": [1.5, 7.1, -2.8],
-            "cubes": [
-              {"origin": [1, 2.1, -4.3], "size": [1, 5, 3], "uv": [19, 8]}
-            ]
-          },
-          {
-            "name": "wing1",
-            "parent": "body",
-            "pivot": [-1.5, 7.1, -2.8],
-            "cubes": [
-              {"origin": [-2, 2.1, -4.3], "size": [1, 5, 3], "uv": [19, 8]}
-            ]
-          },
-          {
-            "name": "feather",
-            "parent": "head",
-            "pivot": [0, 10.1, 0.2],
-            "bind_pose_rotation": [-12.685, 0, 0],
-            "cubes": [
-              {"origin": [0, 9.1, -4.9], "size": [0, 5, 4], "uv": [2, 18]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [1.5, 1, -0.5],
-            "cubes": [
-              {"origin": [0.5, -0.5, -1.5], "size": [1, 2, 1], "uv": [14, 18]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [-0.5, 1, -0.5],
-            "cubes": [
-              {"origin": [-1.5, -0.5, -1.5], "size": [1, 2, 1], "uv": [14, 18]}
-            ]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.state = query.is_dancing ? 3 : (query.is_sitting ? 2 : (!query.is_on_ground && !query.is_jumping && !query.is_riding ? 0 : 1));",
-        "variable.dance.x = Math.cos(query.life_time * 57.3 * 20.0);",
-        "variable.dance.y = -Math.sin(query.life_time * 57.3 * 20.0);",
-        "variable.wing_flap = ((math.sin(query.wing_flap_position * 57.3) + 1) * query.wing_flap_speed);"
-      ]
-    },
-    "animations": {
-      "moving": {
-        "loop": true,
-        "bones": {
-          "body": {"position": [0, "variable.wing_flap * 0.3", 0]},
-          "tail": {
-            "rotation": [
-              "60.0 + math.cos(query.anim_time * 38.17) * 17.0 - this",
-              0,
-              0
-            ]
-          },
-          "wing0": {"rotation": [0, 0, "-5.0 - variable.wing_flap * 57.3"]},
-          "wing1": {"rotation": [0, 0, "5.0 + variable.wing_flap * 57.3"]}
-        }
-      },
-      "base": {
-        "loop": true,
-        "bones": {
-          "body": {"position": ["-this", 0, 0], "rotation": ["-this", 0, 0]},
-          "feather": {"rotation": ["-this", 0, 0]},
-          "head": {"position": ["-this", 0, 0], "rotation": [0, 0, "-this"]},
-          "leg0": {
-            "position": [0, "-6.0-this", -0.5],
-            "rotation": ["-16.713-this", 0, "-this"]
-          },
-          "leg1": {
-            "position": [0, "-6.0-this", -0.5],
-            "rotation": ["-16.713-this", 0, "-this"]
-          },
-          "tail": {"position": ["-this", 0, 0]},
-          "wing0": {
-            "position": ["1.5-this", 0, 0],
-            "rotation": ["-40.0-this", "-180.0-this", 0]
-          },
-          "wing1": {
-            "position": ["-1.5-this", 0, 0],
-            "rotation": ["-40.0-this", "-180.0-this", 0]
-          }
-        }
-      },
-      "dance": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": ["variable.dance.x-this", "variable.dance.y", 0]
-          },
-          "head": {
-            "rotation": ["-this", "-this", "variable.dance.y*23.0 - this"]
-          },
-          "leg0": {
-            "position": ["-variable.dance.x", "-variable.dance.y", 0],
-            "rotation": [0, 0, "-20.0 - this"]
-          },
-          "leg1": {
-            "position": ["-variable.dance.x", "-variable.dance.y", 0],
-            "rotation": [0, 0, "20.0 - this"]
-          },
-          "tail": {"rotation": ["60.0 - this", 0, 0]},
-          "wing0": {"rotation": [0, 0, "-5.0 - variable.wing_flap"]},
-          "wing1": {"rotation": [0, 0, "5.0 + variable.wing_flap"]}
-        }
-      },
-      "sitting": {
-        "loop": true,
-        "bones": {
-          "body": {"position": [0, -1.9, 0]},
-          "leg0": {"rotation": [90, 0, 0]},
-          "leg1": {"rotation": [90, 0, 0]},
-          "tail": {"rotation": ["90.0 - this", 0, 0]},
-          "wing0": {"rotation": [0, 0, "-5.0-this"]},
-          "wing1": {"rotation": [0, 0, "5.0-this"]}
-        }
-      },
-      "flying": {
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              "math.cos(query.anim_time * 38.17) * 80.0 * query.modified_move_speed",
-              0,
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "math.cos(query.anim_time * 38.17) * -80.0 * query.modified_move_speed",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "standing": {
-        "loop": true,
-        "bones": {
-          "leg0": {"rotation": [20, 0, 0]},
-          "leg1": {"rotation": [20, 0, 0]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "setup": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["look_at_target", "base"]}}
-      },
-      "move": {
-        "initial_state": "dancing",
-        "states": {
-          "dancing": {
-            "animations": ["dance"],
-            "transitions": [
-              {"flying": "variable.state == 0"},
-              {"standing": "variable.state == 1"},
-              {"sitting": "variable.state == 2"}
-            ]
-          },
-          "flying": {
-            "animations": ["moving", "flying"],
-            "transitions": [
-              {"standing": "variable.state == 1"},
-              {"sitting": "variable.state == 2"},
-              {"dancing": "variable.state == 3"}
-            ]
-          },
-          "sitting": {
-            "animations": ["sitting"],
-            "transitions": [
-              {"flying": "variable.state == 0"},
-              {"standing": "variable.state == 1"},
-              {"dancing": "variable.state == 3"}
-            ]
-          },
-          "standing": {
-            "animations": ["moving", "standing"],
-            "transitions": [
-              {"flying": "variable.state == 0"},
-              {"sitting": "variable.state == 2"},
-              {"dancing": "variable.state == 3"}
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.parrot"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 43}
-  },
-  "phantom": {
-    "identifier": "minecraft:phantom",
-    "materials": {"default": "phantom", "invisible": "phantom_invisible"},
-    "textures": {"default": "textures/entity/phantom"},
-    "geometry": {
-      "default": {
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": [{"origin": [-3, 23, -8], "size": [5, 3, 9], "uv": [0, 8]}]
-          },
-          {
-            "name": "wing0",
-            "pivot": [2, 26, -8],
-            "bind_pose_rotation": [0, 0, 5.7],
-            "cubes": [
-              {"origin": [2, 24, -8], "size": [6, 2, 9], "uv": [23, 12]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "wingtip0",
-            "pivot": [8, 26, -8],
-            "bind_pose_rotation": [0, 0, 5.7],
-            "locators": {"left_wing": [21, 26, 0]},
-            "cubes": [
-              {"origin": [8, 25, -8], "size": [13, 1, 9], "uv": [16, 24]}
-            ],
-            "parent": "wing0"
-          },
-          {
-            "name": "wing1",
-            "pivot": [-3, 26, -8],
-            "bind_pose_rotation": [0, 0, -5.7],
-            "mirror": true,
-            "cubes": [
-              {"origin": [-9, 24, -8], "size": [6, 2, 9], "uv": [23, 12]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "wingtip1",
-            "pivot": [-9, 24, -8],
-            "bind_pose_rotation": [0, 0, -5.7],
-            "locators": {"right_wing": [-22, 24, 0]},
-            "mirror": true,
-            "cubes": [
-              {"origin": [-22, 25, -8], "size": [13, 1, 9], "uv": [16, 24]}
-            ],
-            "parent": "wing1"
-          },
-          {
-            "name": "head",
-            "pivot": [0, 23, -7],
-            "bind_pose_rotation": [11.5, 0, 0],
-            "cubes": [
-              {"origin": [-4, 22, -12], "size": [7, 3, 5], "uv": [0, 0]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "tail",
-            "pivot": [0, 26, 1],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-2, 24, 1], "size": [3, 2, 6], "uv": [3, 20]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "tailtip",
-            "pivot": [0, 25.5, 7],
-            "bind_pose_rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-1, 24.5, 7], "size": [1, 1, 6], "uv": [4, 29]}
-            ],
-            "parent": "tail"
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "initialize": [
-        "variable.runtimeid = 0;",
-        "variable.tailrotx = -5.0;",
-        "variable.wingrotz = 0.0;"
-      ],
-      "animate": ["phantom_base_pose_controller", "move"]
-    },
-    "animations": {
-      "phantom_base_pose": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, -20, 0],
-            "rotation": ["-query.target_x_rotation", 0, 0]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "start_delay": "math.random(0, 2.417)",
-        "animation_length": 2.417,
-        "bones": {
-          "tail": {
-            "rotation": [
-              "-5.0 * Math.cos(297.9380535 * query.anim_time) - 5.0",
-              0,
-              0
-            ]
-          },
-          "tailtip": {
-            "rotation": [
-              "-5.0 * Math.cos(297.9380535 * query.anim_time) - 5.0",
-              0,
-              0
-            ]
-          },
-          "wing0": {
-            "rotation": [0, 0, "16.0 * Math.cos(148.9690267 * query.anim_time)"]
-          },
-          "wing1": {
-            "rotation": [
-              0,
-              0,
-              "-16.0 * Math.cos(148.9690267 * query.anim_time)"
-            ]
-          },
-          "wingtip0": {
-            "rotation": [0, 0, "16.0 * Math.cos(148.9690267 * query.anim_time)"]
-          },
-          "wingtip1": {
-            "rotation": [
-              0,
-              0,
-              "-16.0 * Math.cos(148.9690267 * query.anim_time)"
-            ]
-          }
-        },
-        "sound_effects": {"1.4": {"effect": "flap"}}
-      }
-    },
-    "particle_effects": {"wing_dust": "minecraft:phantom_trail_particle"},
-    "sound_effects": {"flap": "mob.phantom.flap"},
-    "render_controllers": ["controller.render.phantom"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 51},
-    "animation_controllers": {
-      "phantom_base_pose_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["phantom_base_pose"],
-            "particle_effects": [
-              {"effect": "wing_dust", "locator": "left_wing"},
-              {"effect": "wing_dust", "locator": "right_wing"}
-            ]
-          }
-        }
-      }
-    }
-  },
-  "pig": {
-    "identifier": "minecraft:pig",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "pig"},
-    "textures": {
-      "default": "textures/entity/pig/pig",
-      "saddled": "textures/entity/pig/pig_saddle"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 1.5,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 13, 2],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-5, 7, -5], "size": [10, 16, 8], "uv": [28, 8]}
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 12, -6],
-            "locators": {"lead": [0, 14, -6]},
-            "cubes": [
-              {"origin": [-4, 8, -14], "size": [8, 8, 8], "uv": [0, 0]},
-              {"origin": [-2, 9, -15], "size": [4, 3, 1], "uv": [16, 16]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-3, 6, 7],
-            "cubes": [{"origin": [-5, 0, 5], "size": [4, 6, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "mirror": true,
-            "pivot": [3, 6, 7],
-            "cubes": [{"origin": [1, 0, 5], "size": [4, 6, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-3, 6, -5],
-            "cubes": [{"origin": [-5, 0, -7], "size": [4, 6, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "mirror": true,
-            "pivot": [3, 6, -5],
-            "cubes": [{"origin": [1, 0, -7], "size": [4, 6, 4], "uv": [0, 16]}]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "setup": {"loop": true, "bones": {"body": {"rotation": ["-this", 0, 0]}}},
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg2": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg3": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {
-        "loop": true,
-        "bones": {"head": {"position": [0, 4, 4], "scale": 2}}
-      }
-    },
-    "scripts": {
-      "animate": [
-        "setup",
-        {"walk": "query.modified_move_speed"},
-        "look_at_target",
-        {"baby_transform": "query.is_baby"}
-      ]
-    },
-    "render_controllers": ["controller.render.pig"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 2}
-  },
-  "piglin": {
-    "identifier": "minecraft:piglin",
-    "materials": {"default": "piglin"},
-    "textures": {"default": "textures/entity/piglin/piglin"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]},
-              {
-                "origin": [-4, 12, -2],
-                "size": [8, 12, 4],
-                "uv": [16, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-5, 24, -4],
-                "size": [10, 8, 8],
-                "uv": [0, 0],
-                "inflate": -0.02
-              },
-              {"origin": [-2, 24, -5], "size": [4, 4, 1], "uv": [31, 1]},
-              {"origin": [2, 24, -5], "size": [1, 2, 1], "uv": [2, 4]},
-              {"origin": [-3, 24, -5], "size": [1, 2, 1], "uv": [2, 0]}
-            ],
-            "inflate": -0.02
-          },
-          {
-            "name": "leftear",
-            "parent": "head",
-            "pivot": [5, 30, 0],
-            "rotation": [0, 0, -30],
-            "cubes": [{"origin": [4, 25, -2], "size": [1, 5, 4], "uv": [51, 6]}]
-          },
-          {
-            "name": "rightear",
-            "parent": "head",
-            "pivot": [-5, 30, 0],
-            "rotation": [0, 0, 30],
-            "cubes": [
-              {"origin": [-5, 25, -2], "size": [1, 5, 4], "uv": [39, 6]}
-            ]
-          },
-          {"name": "hat", "parent": "head", "pivot": [0, 24, 0]},
-          {
-            "name": "rightarm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]},
-              {
-                "origin": [-8, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [40, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {"name": "rightItem", "parent": "rightarm", "pivot": [-6, 15, 1]},
-          {
-            "name": "leftarm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [32, 48]},
-              {
-                "origin": [4, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [48, 48],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {"name": "leftItem", "parent": "leftArm", "pivot": [6, 15, 1]},
-          {
-            "name": "rightleg",
-            "parent": "body",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 16]},
-              {
-                "origin": [-4, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "leftleg",
-            "parent": "body",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [16, 48]},
-              {
-                "origin": [0, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 48],
-                "inflate": 0.25
-              }
-            ]
-          }
-        ],
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 64
-      }
-    },
-    "spawn_egg": {"base_color": "#995f40", "overlay_color": "#f9f3a4"},
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;",
-        "variable.attack = Math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3;",
-        "variable.attack2 = Math.sin(variable.attack_time * 180.0) * 57.3;",
-        "variable.z_bob = Math.cos(query.life_time * 103.13244) * 2.865 + 2.865;",
-        "variable.x_bob = Math.sin(query.life_time * 76.776372) * 2.865;"
-      ],
-      "animate": [
-        {"admire": "query.is_admiring"},
-        {"humanoid_big_head": "query.is_baby"},
-        {"celebrate_hunt": "query.is_celebrating"},
-        {"celebrate_hunt_special": "query.is_celebrating_special"},
-        "move",
-        "bob",
-        "look_at_target_controller",
-        "piglin_attack_controller",
-        "riding_controller"
-      ]
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftear": {"rotation": [0, 0, "variable.tcos0 * 0.5"]},
-          "rightear": {"rotation": [0, 0, "-variable.tcos0 * 0.5"]},
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["-variable.tcos0 * 1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "humanoid_big_head": {"loop": true, "bones": {"head": {"scale": 1.4}}},
-      "admire": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [320, 25, 0]},
-          "head": {"rotation": [30, 0, 0]}
-        }
-      },
-      "celebrate_hunt": {
-        "loop": true,
-        "bones": {
-          "leftear": {
-            "rotation": [0, 0, "Math.sin(query.time_stamp * 30) * 10"]
-          },
-          "rightear": {
-            "rotation": [0, 0, "Math.cos(query.time_stamp * 30) * 10"]
-          }
-        }
-      },
-      "celebrate_hunt_special": {
-        "loop": true,
-        "bones": {
-          "leftear": {
-            "rotation": [0, 0, "Math.sin(query.time_stamp * 30) * 10"]
-          },
-          "rightear": {
-            "rotation": [0, 0, "Math.cos(query.time_stamp * 30) * 10"]
-          },
-          "head": {
-            "position": [
-              "Math.sin(query.time_stamp * 10)",
-              "Math.sin(query.time_stamp * 40)",
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [0, 0, "70 + Math.cos(query.time_stamp * 40) * 10"]
-          },
-          "leftarm": {
-            "rotation": [0, 0, "-70 - Math.cos(query.time_stamp * 40) * 10"]
-          },
-          "body": {"position": [0, "Math.sin(query.time_stamp * 40) * 0.35", 0]}
-        }
-      },
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "crossbow_hold": {
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-85.94 + query.target_x_rotation -this",
-              "34.38 + math.clamp(query.target_y_rotation, -45, 25) -this",
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-90.0 + 5.73 + query.target_x_rotation -this",
-              "-17.19 + math.clamp(query.target_y_rotation, -25, 45) -this",
-              0
-            ]
-          }
-        },
-        "loop": true
-      },
-      "crossbow_charge": {
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "math.lerp(-90.0 + 34.38, -90.0, variable.crossbow_charge)  -this",
-              "math.lerp(22.92, 48.70, variable.crossbow_charge) -this",
-              0
-            ]
-          },
-          "rightarm": {"rotation": ["-90.0 + 34.38 -this", "-45.84 -this", 0]}
-        },
-        "loop": true
-      },
-      "melee_attack": {
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "(math.cos(query.life_time * 20.0 * 10.89) * 28.65) + (math.sin(variable.attack_time * 180.0) * 68.76 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0)) * 22.92)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-100 + (variable.attack2 * 2.2 - variable.attack * 0.4) + variable.x_bob - this",
-              "variable.attack2 * 0.6 - 5.73 - this",
-              "variable.z_bob - this"
-            ]
-          }
-        },
-        "loop": true
-      },
-      "hand_attack": {
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-(math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180) * 1.2 + math.sin(variable.attack_time * 180)) * 10.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-(math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180) * 1.2 + math.sin(variable.attack_time * 180)) * 30.0",
-              "-(math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180) ? (-90.0 * math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180)) + 30.0 : 0.0)",
-              0
-            ]
-          }
-        },
-        "loop": true
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.piglin"],
-    "enable_attachables": true,
-    "animation_controllers": {
-      "look_at_target_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "piglin_attack_controller": {
-        "initial_state": "default",
-        "states": {
-          "ranged_charge": {
-            "animations": ["crossbow_charge"],
-            "transitions": [
-              {"default": "variable.attack_state == 0  ||  query.is_admiring"},
-              {"ranged_hold": "variable.attack_state == 1"}
-            ]
-          },
-          "default": {
-            "transitions": [
-              {
-                "ranged_hold": "query.variant == 0 && variable.attack_state == 1 && !query.is_admiring"
-              },
-              {
-                "ranged_charge": "query.variant == 0 && variable.attack_state == 2 && !query.is_admiring"
-              },
-              {
-                "hand_attack": "variable.has_target && query.variant == 1 && !query.is_item_equipped && variable.attack_time >= 0.0 && !query.is_admiring"
-              },
-              {
-                "melee_attack": "variable.has_target && query.variant == 1 && query.is_item_equipped && variable.attack_time >= 0.0 && !query.is_admiring"
-              }
-            ]
-          },
-          "ranged_hold": {
-            "animations": ["crossbow_hold"],
-            "transitions": [
-              {"default": "variable.attack_state == 0  ||  query.is_admiring"},
-              {"ranged_charge": "variable.attack_state == 2"}
-            ]
-          },
-          "melee_attack": {
-            "animations": ["melee_attack"],
-            "transitions": [
-              {
-                "default": "!query.is_item_equipped || !variable.has_target || variable.attack_time < 0.0 ||  query.is_admiring"
-              }
-            ]
-          },
-          "hand_attack": {
-            "animations": ["hand_attack"],
-            "transitions": [
-              {
-                "default": "query.is_item_equipped || !variable.has_target || variable.attack_time < 0.0 ||  query.is_admiring"
-              }
-            ]
-          }
-        }
-      },
-      "riding_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      }
-    }
-  },
-  "piglin_brute": {
-    "identifier": "minecraft:piglin_brute",
-    "materials": {"default": "piglin_brute"},
-    "textures": {"default": "textures/entity/piglin/piglin_brute"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]},
-              {
-                "origin": [-4, 12, -2],
-                "size": [8, 12, 4],
-                "uv": [16, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-5, 24, -4],
-                "size": [10, 8, 8],
-                "uv": [0, 0],
-                "inflate": -0.02
-              },
-              {"origin": [-2, 24, -5], "size": [4, 4, 1], "uv": [31, 1]},
-              {"origin": [2, 24, -5], "size": [1, 2, 1], "uv": [2, 4]},
-              {"origin": [-3, 24, -5], "size": [1, 2, 1], "uv": [2, 0]}
-            ],
-            "inflate": -0.02
-          },
-          {
-            "name": "leftear",
-            "parent": "head",
-            "pivot": [5, 30, 0],
-            "rotation": [0, 0, -30],
-            "cubes": [{"origin": [4, 25, -2], "size": [1, 5, 4], "uv": [51, 6]}]
-          },
-          {
-            "name": "rightear",
-            "parent": "head",
-            "pivot": [-5, 30, 0],
-            "rotation": [0, 0, 30],
-            "cubes": [
-              {"origin": [-5, 25, -2], "size": [1, 5, 4], "uv": [39, 6]}
-            ]
-          },
-          {"name": "hat", "parent": "head", "pivot": [0, 24, 0]},
-          {
-            "name": "rightarm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]},
-              {
-                "origin": [-8, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [40, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {"name": "rightItem", "parent": "rightarm", "pivot": [-6, 15, 1]},
-          {
-            "name": "leftarm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [32, 48]},
-              {
-                "origin": [4, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [48, 48],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {"name": "leftItem", "parent": "leftArm", "pivot": [6, 15, 1]},
-          {
-            "name": "rightleg",
-            "parent": "body",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 16]},
-              {
-                "origin": [-4, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "leftleg",
-            "parent": "body",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [16, 48]},
-              {
-                "origin": [0, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 48],
-                "inflate": 0.25
-              }
-            ]
-          }
-        ],
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 64
-      }
-    },
-    "spawn_egg": {"base_color": "#592A10", "overlay_color": "#F9F3A4"},
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;",
-        "variable.attack = Math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3;",
-        "variable.attack2 = Math.sin(variable.attack_time * 180.0) * 57.3;",
-        "variable.z_bob = Math.cos(query.life_time * 103.13244) * 2.865 + 2.865;",
-        "variable.x_bob = Math.sin(query.life_time * 76.776372) * 2.865;"
-      ],
-      "animate": [
-        {"humanoid_big_head": "query.is_baby"},
-        "move",
-        "bob",
-        "look_at_target_controller",
-        "piglin_attack_controller",
-        "riding_controller"
-      ]
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftear": {"rotation": [0, 0, "variable.tcos0 * 0.5"]},
-          "rightear": {"rotation": [0, 0, "-variable.tcos0 * 0.5"]},
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["-variable.tcos0 * 1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "humanoid_big_head": {"loop": true, "bones": {"head": {"scale": 1.4}}},
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "crossbow_hold": {
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-85.94 + query.target_x_rotation -this",
-              "34.38 + math.clamp(query.target_y_rotation, -45, 25) -this",
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-90.0 + 5.73 + query.target_x_rotation -this",
-              "-17.19 + math.clamp(query.target_y_rotation, -25, 45) -this",
-              0
-            ]
-          }
-        },
-        "loop": true
-      },
-      "crossbow_charge": {
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "math.lerp(-90.0 + 34.38, -90.0, variable.crossbow_charge)  -this",
-              "math.lerp(22.92, 48.70, variable.crossbow_charge) -this",
-              0
-            ]
-          },
-          "rightarm": {"rotation": ["-90.0 + 34.38 -this", "-45.84 -this", 0]}
-        },
-        "loop": true
-      },
-      "melee_attack": {
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "(math.cos(query.life_time * 20.0 * 10.89) * 28.65) + (math.sin(variable.attack_time * 180.0) * 68.76 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0)) * 22.92)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-100 + (variable.attack2 * 2.2 - variable.attack * 0.4) + variable.x_bob - this",
-              "variable.attack2 * 0.6 - 5.73 - this",
-              "variable.z_bob - this"
-            ]
-          }
-        },
-        "loop": true
-      },
-      "hand_attack": {
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-(math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180) * 1.2 + math.sin(variable.attack_time * 180)) * 10.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-(math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180) * 1.2 + math.sin(variable.attack_time * 180)) * 30.0",
-              "-(math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180) ? (-90.0 * math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180)) + 30.0 : 0.0)",
-              0
-            ]
-          }
-        },
-        "loop": true
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.piglin_brute"],
-    "enable_attachables": true,
-    "animation_controllers": {
-      "look_at_target_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "piglin_attack_controller": {
-        "initial_state": "default",
-        "states": {
-          "ranged_charge": {
-            "animations": ["crossbow_charge"],
-            "transitions": [
-              {"default": "variable.attack_state == 0  ||  query.is_admiring"},
-              {"ranged_hold": "variable.attack_state == 1"}
-            ]
-          },
-          "default": {
-            "transitions": [
-              {
-                "ranged_hold": "query.variant == 0 && variable.attack_state == 1 && !query.is_admiring"
-              },
-              {
-                "ranged_charge": "query.variant == 0 && variable.attack_state == 2 && !query.is_admiring"
-              },
-              {
-                "hand_attack": "variable.has_target && query.variant == 1 && !query.is_item_equipped && variable.attack_time >= 0.0 && !query.is_admiring"
-              },
-              {
-                "melee_attack": "variable.has_target && query.variant == 1 && query.is_item_equipped && variable.attack_time >= 0.0 && !query.is_admiring"
-              }
-            ]
-          },
-          "ranged_hold": {
-            "animations": ["crossbow_hold"],
-            "transitions": [
-              {"default": "variable.attack_state == 0  ||  query.is_admiring"},
-              {"ranged_charge": "variable.attack_state == 2"}
-            ]
-          },
-          "melee_attack": {
-            "animations": ["melee_attack"],
-            "transitions": [
-              {
-                "default": "!query.is_item_equipped || !variable.has_target || variable.attack_time < 0.0 ||  query.is_admiring"
-              }
-            ]
-          },
-          "hand_attack": {
-            "animations": ["hand_attack"],
-            "transitions": [
-              {
-                "default": "query.is_item_equipped || !variable.has_target || variable.attack_time < 0.0 ||  query.is_admiring"
-              }
-            ]
-          }
-        }
-      },
-      "riding_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      }
-    }
-  },
-  "pillager": {
-    "identifier": "minecraft:pillager",
-    "materials": {"default": "pillager"},
-    "textures": {"default": "textures/entity/illager/pillager"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 2.5,
-        "visible_bounds_offset": [0, 1.25, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "locators": {"lead": [0, 0, 0]},
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 10, 8], "uv": [0, 0]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "nose",
-            "pivot": [0, 26, 0],
-            "cubes": [
-              {"origin": [-1, 23, -6], "size": [2, 4, 2], "uv": [24, 0]}
-            ],
-            "parent": "head"
-          },
-          {
-            "name": "body",
-            "parent": "waist",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-4, 12, -3], "size": [8, 12, 6], "uv": [16, 20]},
-              {
-                "origin": [-4, 6, -3],
-                "size": [8, 18, 6],
-                "uv": [0, 38],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {"name": "waist", "neverRender": true, "pivot": [0, 12, 0]},
-          {
-            "name": "leftLeg",
-            "parent": "body",
-            "pivot": [2, 12, 0],
-            "cubes": [{"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}]
-          },
-          {
-            "name": "rightLeg",
-            "parent": "body",
-            "pivot": [-2, 12, 0],
-            "mirror": true,
-            "cubes": [
-              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}
-            ]
-          },
-          {
-            "name": "rightarm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
-            ]
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-6, 15, 1],
-            "neverRender": true,
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftarm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "mirror": true,
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
-            ]
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 56},
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ],
-      "animate": ["pillager_root_controller"]
-    },
-    "animations": {
-      "humanoid_base_pose": {
-        "loop": true,
-        "bones": {"waist": {"rotation": [0, 0, 0]}}
-      },
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "crossbow_hold": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-85.94 + query.target_x_rotation -this",
-              "34.38 + math.clamp(query.target_y_rotation, -45, 25) -this",
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-90.0 + 5.73 + query.target_x_rotation -this",
-              "-17.19 + math.clamp(query.target_y_rotation, -25, 45) -this",
-              0
-            ]
-          }
-        }
-      },
-      "crossbow_charge": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "math.lerp(-90.0 + 34.38, -90.0, variable.crossbow_charge)  -this",
-              "math.lerp(22.92, 48.70, variable.crossbow_charge) -this",
-              0
-            ]
-          },
-          "rightarm": {"rotation": ["-90.0 + 34.38 -this", "-45.84 -this", 0]}
-        }
-      },
-      "celebrating": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "(math.cos(query.life_time * 800.0) * 2.865)",
-              180,
-              -135
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "(math.cos(query.life_time * 800.0) * 2.865)",
-              180,
-              153
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.pillager"],
-    "enable_attachables": true,
-    "animation_controllers": {
-      "controller_humanoid_base_pose": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["humanoid_base_pose"]}}
-      },
-      "controller_look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "controller_move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "controller_riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      },
-      "controller_attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "controller_bob": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bob"]}}
-      },
-      "controller_pillager_attack": {
-        "initial_state": "default",
-        "states": {
-          "charge": {
-            "animations": ["crossbow_charge"],
-            "transitions": [
-              {"default": "variable.attack_state == 0"},
-              {"hold": "variable.attack_state == 1"}
-            ]
-          },
-          "default": {
-            "transitions": [
-              {"hold": "variable.attack_state == 1"},
-              {"charge": "variable.attack_state == 2"}
-            ]
-          },
-          "hold": {
-            "animations": ["crossbow_hold"],
-            "transitions": [
-              {"default": "variable.attack_state == 0"},
-              {"charge": "variable.attack_state == 2"}
-            ]
-          }
-        }
-      },
-      "pillager_root_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "blend_transition": 0.2,
-            "blend_via_shortest_path": true,
-            "animations": [
-              "controller_humanoid_base_pose",
-              "controller_look_at_target",
-              "controller_move",
-              "controller_riding",
-              "controller_attack",
-              "controller_bob",
-              "controller_pillager_attack"
-            ],
-            "transitions": [{"celebrating": "query.is_celebrating"}]
-          },
-          "celebrating": {
-            "animations": ["celebrating", {"riding.legs": "query.is_riding"}],
-            "blend_transition": 0.2,
-            "blend_via_shortest_path": true,
-            "transitions": [{"default": "!query.is_celebrating"}]
-          }
-        }
-      }
-    }
-  },
-  "player": {
-    "identifier": "minecraft:player",
-    "materials": {
-      "default": "entity_alphatest",
-      "cape": "entity_alphatest",
-      "animated": "player_animated"
-    },
-    "textures": {
-      "default": "textures/entity/steve",
-      "cape": "textures/entity/cape_invisible"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "bones": [
-          {"name": "root", "pivot": [0, 0, 0]},
-          {
-            "name": "body",
-            "parent": "waist",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ]
-          },
-          {"name": "waist", "parent": "root", "pivot": [0, 12, 0]},
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}]
-          },
-          {"name": "cape", "pivot": [0, 24, 3], "parent": "body"},
-          {
-            "name": "hat",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "leftArm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [32, 48]}
-            ]
-          },
-          {
-            "name": "leftSleeve",
-            "parent": "leftArm",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {
-                "origin": [4, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [48, 48],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {"name": "leftItem", "pivot": [6, 15, 1], "parent": "leftArm"},
-          {
-            "name": "rightArm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
-            ]
-          },
-          {
-            "name": "rightSleeve",
-            "parent": "rightArm",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {
-                "origin": [-8, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [40, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-6, 15, 1],
-            "locators": {"lead_hold": [-6, 15, 1]},
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftLeg",
-            "parent": "root",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {"origin": [-0.1, 0, -2], "size": [4, 12, 4], "uv": [16, 48]}
-            ]
-          },
-          {
-            "name": "leftPants",
-            "parent": "leftLeg",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {
-                "origin": [-0.1, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 48],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "rightLeg",
-            "parent": "root",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-3.9, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
-            ]
-          },
-          {
-            "name": "rightPants",
-            "parent": "rightLeg",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {
-                "origin": [-3.9, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "jacket",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 12, -2],
-                "size": [8, 12, 4],
-                "uv": [16, 32],
-                "inflate": 0.25
-              }
-            ]
-          }
-        ]
-      },
-      "cape": {
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {"name": "root", "pivot": [0, 0, 0]},
-          {"name": "body", "pivot": [0, 24, 0], "parent": "waist"},
-          {
-            "name": "waist",
-            "parent": "root",
-            "neverRender": true,
-            "pivot": [0, 12, 0]
-          },
-          {
-            "name": "cape",
-            "parent": "body",
-            "pivot": [0, 24, 3],
-            "bind_pose_rotation": [0, 180, 0],
-            "rotation": [0, 180, 0],
-            "cubes": [{"origin": [-5, 8, 3], "size": [10, 16, 1], "uv": [0, 0]}]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "scale": "0.9375",
-      "initialize": [
-        "variable.is_holding_right = 0.0;",
-        "variable.is_blinking = 0.0;",
-        "variable.last_blink_time = 0.0;",
-        "variable.hand_bob = 0.0;"
-      ],
-      "pre_animation": [
-        "variable.helmet_layer_visible = 1.0;",
-        "variable.leg_layer_visible = 1.0;",
-        "variable.boot_layer_visible = 1.0;",
-        "variable.chest_layer_visible = 1.0;",
-        "variable.attack_body_rot_y = Math.sin(360*Math.sqrt(variable.attack_time)) * 5.0;",
-        "variable.tcos0 = (math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;",
-        "variable.first_person_rotation_factor = math.sin((1 - variable.attack_time) * 180.0);",
-        "variable.hand_bob = query.life_time < 0.01 ? 0.0 : variable.hand_bob + ((query.is_on_ground && query.is_alive ? math.clamp(math.sqrt(math.pow(query.position_delta(0), 2.0) + math.pow(query.position_delta(2), 2.0)), 0.0, 0.1) : 0.0) - variable.hand_bob) * 0.02;",
-        "variable.map_angle = math.clamp(1 - variable.player_x_rotation / 45.1, 0.0, 1.0);",
-        "variable.item_use_normalized = query.main_hand_item_use_duration / query.main_hand_item_max_duration;"
-      ],
-      "animate": ["root"]
-    },
-    "animations": {
-      "humanoid_base_pose": {
-        "loop": true,
-        "bones": {"waist": {"rotation": [0, 0, 0]}}
-      },
-      "look_at_target_ui": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_inverted": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "-query.target_x_rotation",
-              "-query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "cape": {
-        "loop": true,
-        "bones": {
-          "cape": {
-            "position": [
-              0,
-              "query.get_root_locator_offset('armor_offset.default_neck', 1)",
-              0
-            ],
-            "rotation": [
-              "math.lerp(0.0, -126.0, query.cape_flap_amount) - 6.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "move.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]}
-        }
-      },
-      "move.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "swimming": {
-        "animation_length": 1.3,
-        "loop": true,
-        "override_previous_animation": true,
-        "bones": {
-          "leftarm": {
-            "rotation": {
-              "0": [0, 180, 180],
-              "0.7": [0, 180, 287.2],
-              "1.1": [90, 180, 180],
-              "1.3": [0, 180, 180]
-            }
-          },
-          "rightarm": {
-            "rotation": {
-              "0": [0, 180, -180],
-              "0.7": [0, 180, -287.2],
-              "1.1": [90, 180, -180],
-              "1.3": [0, 180, -180]
-            }
-          },
-          "root": {
-            "position": [
-              0,
-              "(math.sin(query.target_x_rotation) * 24.0 + 3.0) * variable.swim_amount",
-              "(math.cos(query.target_x_rotation) * 24.0 + 9.0) * variable.swim_amount"
-            ],
-            "rotation": [
-              "variable.swim_amount * (90 + query.target_x_rotation)",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "swimming.legs": {
-        "loop": true,
-        "override_previous_animation": true,
-        "bones": {
-          "leftleg": {
-            "rotation": [
-              "math.lerp(0.0, math.cos(query.life_time * 390.0 + 180.0) * 17.2, variable.swim_amount)",
-              0,
-              0
-            ]
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(0.0, math.cos(query.life_time * 390.0) * 17.2, variable.swim_amount)",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "attack.positions": {
-        "loop": true,
-        "bones": {"head": {"rotation": [0, 0, 0]}}
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": [0, "variable.attack_body_rot_y", 0]},
-          "leftarm": {
-            "rotation": [
-              "-(math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180) * 1.2 + math.sin(variable.attack_time * 180)) * 10.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-(math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180) * 1.2 + math.sin(variable.attack_time * 180)) * 30.0",
-              "-(math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180) ? (-90.0 * math.sin((1 - math.pow((1 - variable.attack_time), 4)) * 180)) + 30.0 : 0.0)",
-              0
-            ]
-          }
-        }
-      },
-      "sneaking": {
-        "loop": true,
-        "bones": {
-          "body": {"position": [0, -2, 0]},
-          "head": {"position": [0, -1, 0]},
-          "leftarm": {"rotation": [-5.7, 0, 0]},
-          "leftleg": {"rotation": [-28, 0, 0]},
-          "rightarm": {"rotation": [-5.7, 0, 0]},
-          "rightleg": {"rotation": [-28, 0, 0]},
-          "root": {"position": [0, 1.25, 9], "rotation": ["28.0 - this", 0, 0]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "-((math.cos(query.life_time * 103.2) * 2.865) + 2.865)"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "fishing_rod": {
-        "loop": true,
-        "bones": {"rightarm": {"rotation": [" -19.0 - this", "-this", "-this"]}}
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      },
-      "skeleton_attack": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-68.75 * math.sin(variable.attack_time * 180.0) + 22.92 * (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0))",
-              "5.73 - math.sin(variable.attack_time * 180.0) * 34.38 - this",
-              "-this"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-68.75 * math.sin(variable.attack_time * 180.0) + 22.92 * (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0))",
-              "-5.73 + math.sin(variable.attack_time * 180.0) * 34.38 - this",
-              "-this"
-            ]
-          }
-        }
-      },
-      "sleeping": {
-        "loop": true,
-        "override_previous_animation": true,
-        "bones": {
-          "head": {"rotation": ["30.0 - this", "-this", "-this"]},
-          "root": {
-            "position": [
-              "24.0 * math.cos(query.body_y_rotation) * math.cos(query.sleep_rotation) - 24.0 * math.sin(query.body_y_rotation) * math.sin(query.sleep_rotation)",
-              0,
-              "24.0 * math.cos(query.body_y_rotation) * math.sin(query.sleep_rotation) + 24.0 * math.sin(query.body_y_rotation) * math.cos(query.sleep_rotation)"
-            ],
-            "rotation": [
-              -90,
-              "270.0 - query.sleep_rotation - query.body_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "first_person_base_pose": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "first_person_empty_hand": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "position": [13.5, -10, 12],
-            "rotation": [
-              "95.0 + variable.is_using_vr * 7.5",
-              "-45.0 + variable.is_using_vr * 7.5",
-              "115.0 + variable.is_using_vr * -2.5"
-            ]
-          }
-        }
-      },
-      "first_person_swap_item": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "position": [
-              0,
-              "query.get_equipped_item_name('off_hand') == 'map' ? 0.0 : -10.0 * (1.0 - variable.player_arm_height)",
-              0
-            ]
-          },
-          "rightarm": {
-            "position": [0, "-10.0 * (1.0 - variable.player_arm_height)", 0]
-          }
-        }
-      },
-      "first_person_attack_rotation": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "position": [
-              "math.clamp(-15.5 * math.sin(variable.first_person_rotation_factor * variable.attack_time * 112.0), -7.0, 999.0) * math.sin(variable.first_person_rotation_factor * variable.attack_time * 112.0)",
-              "math.sin(variable.first_person_rotation_factor * (1.0 - variable.attack_time) * (1.0 - variable.attack_time) * 200.0) * 7.5 - variable.first_person_rotation_factor * variable.attack_time * 15.0 + variable.short_arm_offset_right",
-              "math.sin(variable.first_person_rotation_factor * variable.attack_time * 120.0) * 1.75"
-            ],
-            "rotation": [
-              "math.sin(variable.first_person_rotation_factor * (1.0 - variable.attack_time) * (1.0 - variable.attack_time) * 280.0) * -60.0",
-              "math.sin(variable.first_person_rotation_factor * (1.0 - variable.attack_time) * (1.0 - variable.attack_time) * 280.0) * 40.0",
-              "math.sin(variable.first_person_rotation_factor * (1.0 - variable.attack_time) * (1.0 - variable.attack_time) * 280.0) * 20.0"
-            ]
-          }
-        }
-      },
-      "first_person_vr_attack_rotation": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "position": [
-              "5.0 * math.sin(variable.first_person_rotation_factor * variable.attack_time * 112.0)",
-              "(math.sin(variable.first_person_rotation_factor * (1.0 - variable.attack_time) * (1.0 - variable.attack_time) * 200.0) - 0.8) * 8.75 + 5.0",
-              "math.sin(variable.first_person_rotation_factor * variable.attack_time * 120.0) * 15.0"
-            ],
-            "rotation": [
-              "30.7 * math.sin(variable.first_person_rotation_factor * variable.attack_time * -180.0 - 45.0) * 1.5",
-              0,
-              "21.8 * math.sin(variable.first_person_rotation_factor * variable.attack_time * 200.0 + 30.0) * 1.25"
-            ]
-          }
-        }
-      },
-      "first_person_map_hold": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "position": [
-              "-16.250 + variable.is_vertical_splitscreen * 7.0",
-              "-10.75 - variable.map_angle * 8.0 + variable.is_vertical_splitscreen * 0.6 - variable.short_arm_offset_left",
-              "9.0 - variable.map_angle * 8.0 + variable.short_arm_offset_left"
-            ],
-            "rotation": [40, -20, -155],
-            "scale": [1.15, 1.15, 1.15]
-          },
-          "rightarm": {
-            "position": [
-              "12.50 + variable.is_vertical_splitscreen * 1.75",
-              "-7.5 - variable.map_angle * 8.0 + variable.is_vertical_splitscreen * 0.5 - variable.short_arm_offset_right",
-              "5.25 - variable.map_angle * 8.0 + variable.short_arm_offset_right"
-            ],
-            "rotation": [77.5, 7.5, 160]
-          }
-        }
-      },
-      "first_person_map_hold_attack": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "position": [
-              "math.sin(variable.first_person_rotation_factor * variable.attack_time * 112.0) * -10.75",
-              "math.sin(variable.first_person_rotation_factor * (1.0 - variable.attack_time) * (1.0 - variable.attack_time) * 200.0) * 3.75 - variable.first_person_rotation_factor * variable.attack_time * 1.25 + variable.short_arm_offset_left",
-              "math.sin(variable.first_person_rotation_factor * variable.attack_time * 120.0) * 5.75"
-            ],
-            "rotation": [
-              "variable.map_angle * 90.0",
-              "-15.0 * math.sin(variable.first_person_rotation_factor * (1.0 - variable.attack_time) * -100.0)",
-              0
-            ]
-          },
-          "rightarm": {
-            "position": [
-              "math.sin(variable.first_person_rotation_factor * variable.attack_time * 112.0) * -6.25",
-              "math.sin(variable.first_person_rotation_factor * (1.0 - variable.attack_time) * (1.0 - variable.attack_time) * 200.0) * 1.75 + variable.short_arm_offset_right",
-              "math.sin(variable.first_person_rotation_factor * variable.attack_time * 120.0) * 5.25"
-            ],
-            "rotation": ["variable.map_angle * 90.0", 0, 0]
-          }
-        }
-      },
-      "first_person_map_hold_off_hand": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "position": [
-              "-14.50 + variable.is_horizontal_splitscreen * 2.0 + variable.is_vertical_splitscreen * 8.7",
-              "-8.250 + variable.short_arm_offset_left",
-              "11.50 + variable.is_horizontal_splitscreen * 0.5"
-            ],
-            "rotation": [195, 182.5, 2.5],
-            "scale": [0.75, 0.75, 0.75]
-          }
-        }
-      },
-      "first_person_map_hold_main_hand": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "position": [
-              "14.50 - variable.is_vertical_splitscreen * 0.75",
-              "-8.25 + variable.short_arm_offset_right + math.sin(variable.first_person_rotation_factor * (1.0 - variable.attack_time) * (1.0 - variable.attack_time) * 200.0) * 2.75 - variable.first_person_rotation_factor * variable.attack_time * 3.0 - variable.is_horizontal_splitscreen",
-              "11.5 + math.sin(variable.first_person_rotation_factor * variable.attack_time * 120.0) * 3.5 + variable.is_horizontal_splitscreen * 3.5"
-            ],
-            "rotation": [195, 182.5, -5],
-            "scale": [0.75, 0.75, 0.75]
-          }
-        }
-      },
-      "first_person_crossbow_equipped": {
-        "loop": true,
-        "override_previous_animation": true,
-        "bones": {
-          "leftarm": {
-            "position": [
-              "1.5 - variable.item_use_normalized * 3.5",
-              "-3.799999952316284 + variable.short_arm_offset_left",
-              "8.25 - (1 - variable.item_use_normalized)"
-            ],
-            "rotation": [165, -60, 45],
-            "scale": [0.4, 0.4, 0.4]
-          }
-        }
-      },
-      "third_person_crossbow_equipped": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "position": [0, 0, 0.5],
-            "rotation": [
-              "-this - 65.0 - (1.0 - variable.item_use_normalized) * 5.0",
-              "-this + (1.0 - variable.item_use_normalized) * 30.0",
-              "-this + 20.0 + (1.0 - variable.item_use_normalized) * 10.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": ["- 60.0 - this", "- 45.0 - this", "- 2.5 - this"]
-          }
-        }
-      },
-      "third_person_bow_equipped": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-90.0 + query.target_x_rotation - query.is_sneaking * 15.0 - this",
-              "27.5 + query.target_y_rotation",
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-90.0 + query.target_x_rotation - query.is_sneaking * 15.0 - this",
-              "-5.0 + query.target_y_rotation",
-              0
-            ]
-          },
-          "rightitem": {"rotation": [0, -10, 0]}
-        }
-      },
-      "crossbow_hold": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.is_swimming ? 0.0 : -93.0 + query.target_x_rotation - query.is_sneaking * 27.0 -this",
-              "query.is_swimming ? 0.0 : 42.0 + math.clamp(query.target_y_rotation, -45.0, 5.0) -this",
-              "query.is_sneaking * -15.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "query.is_swimming ? 0.0 : -93.0 + query.target_x_rotation - query.is_sneaking * 27.0 -this",
-              "query.is_swimming ? 0.0 : math.clamp(query.target_y_rotation, -60.0, 45.0) -this",
-              0
-            ]
-          }
-        }
-      },
-      "shield_block_main_hand": {
-        "loop": true,
-        "bones": {
-          "rightarm": {"rotation": [-20, -30, -25]},
-          "rightitem": {"position": [-1, -3, 0], "rotation": [0, -60, -45]}
-        }
-      },
-      "shield_block_off_hand": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-20, 20, 20]},
-          "leftitem": {
-            "position": [
-              "1.0 + query.item_is_charged * 1.5",
-              "-3.0 + query.item_is_charged",
-              0
-            ],
-            "rotation": [
-              "query.item_is_charged * 30.0",
-              "70.0 - query.item_is_charged * 60.0",
-              "65.0 - query.item_is_charged * 15.0"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": [
-      {"controller.render.player.first_person": "variable.is_first_person"},
-      {
-        "controller.render.player.third_person": "!variable.is_first_person && !variable.map_face_icon"
-      },
-      {"controller.render.player.map": "variable.map_face_icon"}
-    ],
-    "enable_attachables": true,
-    "animation_controllers": {
-      "root": {
-        "initial_state": "first_person",
-        "states": {
-          "first_person": {
-            "animations": [
-              "first_person_swap_item",
-              {
-                "first_person_attack_controller": "variable.attack_time > 0.0f && query.get_equipped_item_name != 'map'"
-              },
-              "first_person_base_pose",
-              {
-                "first_person_empty_hand": "query.get_equipped_item_name(0, 1) != 'map'"
-              },
-              {
-                "first_person_map_controller": "(query.get_equipped_item_name(0, 1) == 'map' || query.get_equipped_item_name('off_hand') == 'map')"
-              },
-              {
-                "first_person_crossbow_equipped": "query.get_equipped_item_name == 'crossbow' && (variable.item_use_normalized > 0 && variable.item_use_normalized < 1.0)"
-              }
-            ],
-            "transitions": [
-              {"paperdoll": "variable.is_paperdoll"},
-              {"map_player": "variable.map_face_icon"},
-              {"third_person": "!variable.is_first_person"}
-            ]
-          },
-          "map_player": {
-            "transitions": [
-              {"paperdoll": "variable.is_paperdoll"},
-              {"first_person": "variable.is_first_person"},
-              {
-                "third_person": "!variable.map_face_icon && !variable.is_first_person"
-              }
-            ]
-          },
-          "paperdoll": {
-            "animations": [
-              "humanoid_base_pose",
-              {"look_at_target_ui": "variable.should_look_at_target_ui"},
-              "move.arms",
-              "move.legs",
-              "cape"
-            ],
-            "transitions": [
-              {
-                "first_person": "!variable.is_paperdoll && variable.is_first_person"
-              },
-              {"map_player": "variable.map_face_icon"},
-              {
-                "third_person": "!variable.is_paperdoll && !variable.is_first_person"
-              }
-            ]
-          },
-          "third_person": {
-            "animations": [
-              "humanoid_base_pose",
-              {"look_at_target": "!query.is_sleeping && !query.is_emoting"},
-              "move.arms",
-              "move.legs",
-              "cape",
-              {"riding.arms": "query.is_riding"},
-              {"riding.legs": "query.is_riding"},
-              "holding",
-              {"brandish_spear": "variable.is_brandishing_spear"},
-              {"charging": "query.is_charging"},
-              {"sneaking": "query.is_sneaking && !query.is_sleeping"},
-              "bob",
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"},
-              {"swimming": "variable.swim_amount > 0.0"},
-              {"swimming.legs": "variable.swim_amount > 0.0"},
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 ) && !variable.is_brandishing_spear"
-              },
-              {"fishing_rod": "query.get_equipped_item_name == 'fishing_rod'"},
-              {"sleeping": "query.is_sleeping && query.is_alive"},
-              {"attack.positions": "variable.attack_time >= 0.0"},
-              {"attack.rotations": "variable.attack_time >= 0.0"},
-              {
-                "shield_block_main_hand": "query.blocking && query.get_equipped_item_name('off_hand') != 'shield' && query.get_equipped_item_name == 'shield'"
-              },
-              {
-                "shield_block_off_hand": "query.blocking && query.get_equipped_item_name('off_hand') == 'shield' && !(variable.item_use_normalized > 0 && variable.item_use_normalized < 1.0)"
-              },
-              {
-                "crossbow_controller": "query.get_equipped_item_name == 'crossbow'"
-              },
-              {
-                "third_person_bow_equipped": "query.get_equipped_item_name == 'bow' && (variable.item_use_normalized > 0 && variable.item_use_normalized < 1.0)"
-              }
-            ],
-            "transitions": [
-              {"paperdoll": "variable.is_paperdoll"},
-              {"first_person": "variable.is_first_person"},
-              {"map_player": "variable.map_face_icon"}
-            ]
-          }
-        }
-      },
-      "base_controller": "controller.animation.player.base",
-      "hudplayer": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              "humanoid_base_pose",
-              {"look_at_target": "!query.is_sleeping && !query.is_emoting"},
-              "move.arms",
-              "move.legs",
-              "cape",
-              {"riding.arms": "query.is_riding"},
-              {"riding.legs": "query.is_riding"},
-              "holding",
-              {"brandish_spear": "variable.is_brandishing_spear"},
-              {"charging": "query.is_charging"},
-              {"sneaking": "query.is_sneaking && !query.is_sleeping"},
-              "bob",
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"},
-              {"swimming": "variable.swim_amount > 0.0"},
-              {"swimming.legs": "variable.swim_amount > 0.0"},
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 ) && !variable.is_brandishing_spear"
-              },
-              {"sleeping": "query.is_sleeping && query.is_alive"},
-              {"attack.positions": "variable.attack_time >= 0.0"},
-              {"attack.rotations": "variable.attack_time >= 0.0"},
-              {
-                "shield_block_main_hand": "query.blocking && query.get_equipped_item_name('off_hand') != 'shield' && query.get_equipped_item_name == 'shield'"
-              },
-              {
-                "shield_block_off_hand": "query.blocking && query.get_equipped_item_name('off_hand') == 'shield' && !(variable.item_use_normalized > 0 && variable.item_use_normalized < 1.0)"
-              },
-              {
-                "crossbow_controller": "query.get_equipped_item_name == 'crossbow'"
-              },
-              {
-                "third_person_bow_equipped": "query.get_equipped_item_name == 'bow' && (variable.item_use_normalized > 0 && variable.item_use_normalized < 1.0)"
-              }
-            ]
-          }
-        }
-      },
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "first_person_attack_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["first_person_attack_rotation"],
-            "transitions": [{"vr_attack": "variable.is_using_vr"}]
-          },
-          "vr_attack": {
-            "animations": ["first_person_vr_attack_rotation"],
-            "transitions": [{"default": "!variable.is_using_vr"}]
-          }
-        }
-      },
-      "first_person_map_controller": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "one_hand": "query.get_equipped_item_name('off_hand') == 'map' || query.get_equipped_item_name('off_hand') == 'shield'"
-              },
-              {
-                "two_hand": "query.get_equipped_item_name('off_hand') != 'map' && query.get_equipped_item_name('off_hand') != 'shield'"
-              }
-            ]
-          },
-          "one_hand": {
-            "animations": [
-              {
-                "first_person_map_hold_main_hand": "query.get_equipped_item_name(0, 1) == 'map'"
-              },
-              {
-                "first_person_map_hold_off_hand": "query.get_equipped_item_name('off_hand') == 'map' && (query.get_equipped_item_name == 'bow' ? !(variable.item_use_normalized > 0 && variable.item_use_normalized < 1.0) : 1.0)"
-              }
-            ],
-            "transitions": [
-              {
-                "default": "query.get_equipped_item_name(0, 1) != 'map' && query.get_equipped_item_name('off_hand') != 'map'"
-              },
-              {
-                "two_hand": "query.get_equipped_item_name('off_hand') != 'map' && query.get_equipped_item_name('off_hand') != 'shield'"
-              }
-            ]
-          },
-          "two_hand": {
-            "animations": [
-              "first_person_map_hold",
-              "first_person_map_hold_attack"
-            ],
-            "transitions": [
-              {
-                "default": "query.get_equipped_item_name(0, 1) != 'map' && query.get_equipped_item_name('off_hand') != 'map'"
-              },
-              {
-                "one_hand": "query.get_equipped_item_name('off_hand') == 'map' || query.get_equipped_item_name('off_hand') == 'shield'"
-              }
-            ]
-          }
-        }
-      },
-      "crossbow_controller": {
-        "initial_state": "default",
-        "states": {
-          "charge": {
-            "animations": ["third_person_crossbow_equipped"],
-            "transitions": [
-              {
-                "default": "query.get_equipped_item_name != 'crossbow' || (query.item_remaining_use_duration <= 0.0 && !query.item_is_charged)"
-              },
-              {"hold": "query.item_is_charged"}
-            ]
-          },
-          "default": {
-            "transitions": [
-              {"hold": "query.item_is_charged"},
-              {"charge": "query.item_remaining_use_duration > 0.0"}
-            ]
-          },
-          "hold": {
-            "animations": ["crossbow_hold"],
-            "transitions": [
-              {
-                "default": "query.get_equipped_item_name != 'crossbow' || (query.item_remaining_use_duration <= 0.0 && !query.item_is_charged)"
-              },
-              {"charge": "query.item_remaining_use_duration > 0.0"}
-            ]
-          }
-        }
-      },
-      "blink": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "open": "variable.is_blinking = 0; variable.last_blink_time = query.life_time; return variable.last_blink_time != 0;"
-              }
-            ]
-          },
-          "open": {
-            "transitions": [
-              {
-                "blink": "variable.is_blinking = 0; variable.return_from_blink = query.life_time + math.random(0, 0.2); return query.life_time > (variable.last_blink_time + math.random(3, 40));"
-              }
-            ]
-          },
-          "blink": {
-            "transitions": [
-              {
-                "open": "variable.is_blinking = 1; variable.last_blink_time = query.life_time; return query.all_animations_finished && (query.life_time > variable.return_from_blink);"
-              }
-            ]
-          }
-        }
-      }
-    }
-  },
-  "polar_bear": {
-    "identifier": "minecraft:polar_bear",
-    "materials": {"default": "polar_bear"},
-    "textures": {"default": "textures/entity/bear/polarbear"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 3,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 128,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 14, -16],
-            "locators": {"lead": [0, 14, -16]},
-            "mirror": true,
-            "cubes": [
-              {
-                "mirror": false,
-                "origin": [-3.5, 10, -19],
-                "size": [7, 7, 7],
-                "uv": [0, 0]
-              },
-              {
-                "mirror": false,
-                "origin": [-2.5, 10, -22],
-                "size": [5, 3, 3],
-                "uv": [0, 44]
-              },
-              {
-                "mirror": false,
-                "origin": [-4.5, 16, -17],
-                "size": [2, 2, 1],
-                "uv": [26, 0]
-              },
-              {"origin": [2.5, 16, -17], "size": [2, 2, 1], "uv": [26, 0]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [-2, 15, 12],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-7, 14, 5], "size": [14, 14, 11], "uv": [0, 19]},
-              {"origin": [-6, 28, 5], "size": [12, 12, 10], "uv": [39, 0]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-4.5, 10, 6],
-            "cubes": [
-              {"origin": [-6.5, 0, 4], "size": [4, 10, 8], "uv": [50, 22]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [4.5, 10, 6],
-            "cubes": [
-              {"origin": [2.5, 0, 4], "size": [4, 10, 8], "uv": [50, 22]}
-            ]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-3.5, 10, -8],
-            "cubes": [
-              {"origin": [-5.5, 0, -10], "size": [4, 10, 6], "uv": [50, 40]}
-            ]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "pivot": [3.5, 10, -8],
-            "cubes": [
-              {"origin": [1.5, 0, -10], "size": [4, 10, 6], "uv": [50, 40]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg2": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg3": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, "-9 - 2 * query.standing_scale - this", 0],
-            "rotation": ["(-(query.standing_scale) * 63) - this", 0, 0]
-          },
-          "leg0": {
-            "position": [
-              0,
-              "-1 * query.standing_scale",
-              "6 * query.standing_scale"
-            ],
-            "rotation": ["query.standing_scale * 63", 0, 0]
-          },
-          "leg1": {
-            "position": [
-              0,
-              "-1 * query.standing_scale",
-              "6 * query.standing_scale"
-            ],
-            "rotation": ["query.standing_scale * 63", 0, 0]
-          },
-          "leg2": {
-            "rotation": [
-              "(query.standing_scale > 1) ? (query.standing_scale * 81) - this : 0",
-              0,
-              0
-            ]
-          },
-          "leg3": {
-            "rotation": [
-              "(query.standing_scale > 1) ? (query.standing_scale * 81) - this : 0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {
-        "loop": true,
-        "bones": {"head": {"position": [0, -1, 3], "scale": 1.25}}
-      }
-    },
-    "scripts": {"scale": "1.2"},
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              {"walk": "query.modified_move_speed"},
-              "move",
-              "look_at_target"
-            ]
-          }
-        }
-      },
-      "baby": {
-        "initial_state": "baby",
-        "states": {
-          "baby": {"animations": [{"baby_transform": "query.is_baby"}]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.polarbear"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 37}
-  },
-  "pufferfish": {
-    "identifier": "minecraft:pufferfish",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "pufferfish"},
-    "textures": {"default": "textures/entity/fish/pufferfish"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 0.5,
-        "visible_bounds_height": 0.5,
-        "texturewidth": 32,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "cubes": [
-              {"origin": [-1.5, 0, -1.5], "size": [3, 2, 3], "uv": [0, 27]},
-              {"origin": [0.5, 2, -1.5], "size": [1, 1, 1], "uv": [24, 6]},
-              {"origin": [-1.5, 2, -1.5], "size": [1, 1, 1], "uv": [28, 6]}
-            ],
-            "locators": {"lead": [0, 0, 0]}
-          },
-          {
-            "name": "tailfin",
-            "parent": "body",
-            "cubes": [
-              {"origin": [-1.5, 1, 1.5], "size": [3, 0, 3], "uv": [-3, 0]}
-            ]
-          },
-          {
-            "name": "leftFin",
-            "parent": "body",
-            "pivot": [6.5, 5, 0.5],
-            "cubes": [
-              {
-                "origin": [1.5, 0, -1.5],
-                "size": [1, 1, 2],
-                "uv": [25, 0],
-                "mirror": true
-              }
-            ]
-          },
-          {
-            "name": "rightFin",
-            "parent": "body",
-            "pivot": [-6.5, 5, 0.5],
-            "cubes": [
-              {"origin": [-2.5, 0, -1.5], "size": [1, 1, 2], "uv": [25, 0]}
-            ]
-          }
-        ]
-      },
-      "mid": {
-        "visible_bounds_width": 0.5,
-        "visible_bounds_height": 0.5,
-        "texturewidth": 32,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "cubes": [
-              {"origin": [-2.5, 1, -2.5], "size": [5, 5, 5], "uv": [12, 22]}
-            ]
-          },
-          {
-            "name": "leftFin",
-            "parent": "body",
-            "pivot": [2.5, 5, 0.5],
-            "cubes": [
-              {"origin": [2.5, 4, -1.5], "size": [2, 1, 2], "uv": [24, 3]}
-            ]
-          },
-          {
-            "name": "rightFin",
-            "parent": "body",
-            "pivot": [-2.5, 5, 0.5],
-            "cubes": [
-              {"origin": [-4.5, 4, -1.5], "size": [2, 1, 2], "uv": [24, 0]}
-            ]
-          },
-          {
-            "name": "spines_top_front",
-            "parent": "body",
-            "bind_pose_rotation": [45, 0, 0],
-            "pivot": [0, 6, -2.5],
-            "cubes": [
-              {"origin": [-2.5, 6, -2.5], "size": [5, 1, 0], "uv": [19, 17]}
-            ]
-          },
-          {
-            "name": "spines_top_back",
-            "parent": "body",
-            "bind_pose_rotation": [-45, 0, 0],
-            "pivot": [0, 6, 2.5],
-            "cubes": [
-              {"origin": [-2.5, 6, 2.5], "size": [5, 1, 0], "uv": [11, 17]}
-            ]
-          },
-          {
-            "name": "spines_bottom_front",
-            "parent": "body",
-            "bind_pose_rotation": [-45, 0, 0],
-            "pivot": [0, 1, -2.5],
-            "cubes": [
-              {"origin": [-2.5, 0, -2.5], "size": [5, 1, 0], "uv": [18, 20]}
-            ]
-          },
-          {
-            "name": "spines_bottom_back",
-            "parent": "body",
-            "bind_pose_rotation": [45, 0, 0],
-            "pivot": [0, 1, 2.5],
-            "rotation": [45, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 0, 2.5], "size": [5, 1, 0], "uv": [18, 20]}
-            ]
-          },
-          {
-            "name": "spines_left_front",
-            "parent": "body",
-            "bind_pose_rotation": [0, 45, 0],
-            "pivot": [2.5, 0, -2.5],
-            "rotation": [0, 45, 0],
-            "cubes": [
-              {"origin": [2.5, 1, -2.5], "size": [1, 5, 0], "uv": [1, 17]}
-            ]
-          },
-          {
-            "name": "spines_left_back",
-            "parent": "body",
-            "bind_pose_rotation": [0, -45, 0],
-            "pivot": [2.5, 0, 2.5],
-            "rotation": [0, -45, 0],
-            "cubes": [
-              {"origin": [2.5, 1, 2.5], "size": [1, 5, 0], "uv": [1, 17]}
-            ]
-          },
-          {
-            "name": "spines_right_front",
-            "parent": "body",
-            "bind_pose_rotation": [0, -45, 0],
-            "pivot": [-2.5, 0, -2.5],
-            "rotation": [0, -45, 0],
-            "cubes": [
-              {"origin": [-3.5, 1, -2.5], "size": [1, 5, 0], "uv": [5, 17]}
-            ]
-          },
-          {
-            "name": "spines_right_back",
-            "parent": "body",
-            "bind_pose_rotation": [0, 45, 0],
-            "pivot": [-2.5, 0, 2.5],
-            "rotation": [0, 45, 0],
-            "cubes": [
-              {"origin": [-3.5, 1, 2.5], "size": [1, 5, 0], "uv": [9, 17]}
-            ]
-          }
-        ]
-      },
-      "large": {
-        "visible_bounds_width": 0.5,
-        "visible_bounds_height": 0.5,
-        "texturewidth": 32,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "cubes": [{"origin": [-4, 0, -4], "size": [8, 8, 8], "uv": [0, 0]}]
-          },
-          {
-            "name": "leftFin",
-            "parent": "body",
-            "pivot": [4, 7, 1],
-            "cubes": [
-              {"origin": [4, 6, -2.9904], "size": [2, 1, 2], "uv": [24, 3]}
-            ]
-          },
-          {
-            "name": "rightFin",
-            "parent": "body",
-            "pivot": [-4, 7, 1],
-            "cubes": [
-              {"origin": [-5.9968, 6, -2.992], "size": [2, 1, 2], "uv": [24, 0]}
-            ]
-          },
-          {
-            "name": "spines_top_front",
-            "parent": "body",
-            "pivot": [-4, 8, -4],
-            "bind_pose_rotation": [45, 0, 0],
-            "cubes": [
-              {"origin": [-4, 8, -4], "size": [8, 1, 1], "uv": [14, 16]}
-            ]
-          },
-          {
-            "name": "spines_top_mid",
-            "parent": "body",
-            "pivot": [0, 8, 0],
-            "cubes": [{"origin": [-4, 8, 0], "size": [8, 1, 1], "uv": [14, 16]}]
-          },
-          {
-            "name": "spines_top_back",
-            "parent": "body",
-            "pivot": [0, 8, 4],
-            "bind_pose_rotation": [-45, 0, 0],
-            "cubes": [{"origin": [-4, 8, 4], "size": [8, 1, 1], "uv": [14, 16]}]
-          },
-          {
-            "name": "spines_bottom_front",
-            "parent": "body",
-            "pivot": [0, 0, -4],
-            "bind_pose_rotation": [-45, 0, 0],
-            "cubes": [
-              {"origin": [-4, -1, -4], "size": [8, 1, 1], "uv": [14, 19]}
-            ]
-          },
-          {
-            "name": "spines_bottom_mid",
-            "parent": "body",
-            "pivot": [0, -1, 0],
-            "cubes": [
-              {"origin": [-4, -1, 0], "size": [8, 1, 1], "uv": [14, 19]}
-            ]
-          },
-          {
-            "name": "spines_bottom_back",
-            "parent": "body",
-            "pivot": [0, 0, 4],
-            "bind_pose_rotation": [45, 0, 0],
-            "cubes": [
-              {"origin": [-4, -1, 4], "size": [8, 1, 1], "uv": [14, 19]}
-            ]
-          },
-          {
-            "name": "spines_left_front",
-            "parent": "body",
-            "pivot": [4, 0, -4],
-            "bind_pose_rotation": [0, 45, 0],
-            "cubes": [{"origin": [4, 0, -4], "size": [1, 8, 1], "uv": [0, 16]}]
-          },
-          {
-            "name": "spines_left_mid",
-            "parent": "body",
-            "pivot": [4, 0, 0],
-            "cubes": [
-              {
-                "origin": [4, 0, 0],
-                "size": [1, 8, 1],
-                "uv": [4, 16],
-                "mirror": true
-              }
-            ]
-          },
-          {
-            "name": "spines_left_back",
-            "parent": "body",
-            "pivot": [4, 0, 4],
-            "bind_pose_rotation": [0, -45, 0],
-            "cubes": [
-              {
-                "origin": [4, 0, 4],
-                "size": [1, 8, 1],
-                "uv": [8, 16],
-                "mirror": true
-              }
-            ]
-          },
-          {
-            "name": "spines_right_front",
-            "parent": "body",
-            "pivot": [-4, 0, -4],
-            "bind_pose_rotation": [0, -45, 0],
-            "cubes": [{"origin": [-5, 0, -4], "size": [1, 8, 1], "uv": [4, 16]}]
-          },
-          {
-            "name": "spines_right_mid",
-            "parent": "body",
-            "pivot": [-4, 0, 0],
-            "cubes": [{"origin": [-5, 0, 0], "size": [1, 8, 1], "uv": [8, 16]}]
-          },
-          {
-            "name": "spines_right_back",
-            "parent": "body",
-            "pivot": [-4, 0, 4],
-            "bind_pose_rotation": [0, 45, 0],
-            "cubes": [{"origin": [-5, 0, 4], "size": [1, 8, 1], "uv": [8, 16]}]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.ZRot = !query.is_in_water ? Math.cos(query.time_stamp * 14.32) * 90 : 0.0;",
-        "variable.AnimationAmountBlend = Math.lerp(variable.AnimationAmountPrev, variable.AnimationAmount, query.frame_alpha);"
-      ],
-      "animate": ["general"]
-    },
-    "animations": {
-      "flop": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": [0, 0, "variable.zrot"]},
-          "tailfin": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 45.0) * -5.75",
-              0
-            ]
-          }
-        }
-      },
-      "swim": {
-        "loop": true,
-        "bones": {
-          "tailfin": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 30.0) * -5.75",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": [
-      {"controller.render.pufferfish.small": "query.variant == 0"},
-      {"controller.render.pufferfish.medium": "query.variant == 1"},
-      {"controller.render.pufferfish.large": "query.variant == 2"}
-    ],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 46},
-    "animation_controllers": {
-      "general": {
-        "initial_state": "flopping",
-        "states": {
-          "flopping": {
-            "animations": ["flop"],
-            "transitions": [
-              {"swimming": "query.is_in_water || query.is_levitating"}
-            ]
-          },
-          "swimming": {
-            "animations": ["swim"],
-            "transitions": [
-              {"flopping": "!query.is_in_water && !query.is_levitating"}
-            ]
-          }
-        }
-      }
-    }
-  },
-  "rabbit": {
-    "identifier": "minecraft:rabbit",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "rabbit"},
-    "textures": {
-      "brown": "textures/entity/rabbit/brown",
-      "white": "textures/entity/rabbit/white",
-      "black": "textures/entity/rabbit/black",
-      "white_splotched": "textures/entity/rabbit/white_splotched",
-      "gold": "textures/entity/rabbit/gold",
-      "salt": "textures/entity/rabbit/salt",
-      "toast": "textures/entity/rabbit/toast"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "rearFootLeft",
-            "pivot": [3, 6.5, 3.7],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [{"origin": [2, 0, 0], "size": [2, 1, 7], "uv": [8, 24]}]
-          },
-          {
-            "name": "rearFootRight",
-            "pivot": [-3, 6.5, 3.7],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [{"origin": [-4, 0, 0], "size": [2, 1, 7], "uv": [26, 24]}]
-          },
-          {
-            "name": "haunchLeft",
-            "pivot": [3, 6.5, 3.7],
-            "bind_pose_rotation": [-20, 0, 0],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [
-              {"origin": [2, 2.5, 3.7], "size": [2, 4, 5], "uv": [16, 15]}
-            ]
-          },
-          {
-            "name": "haunchRight",
-            "pivot": [-3, 6.5, 3.7],
-            "bind_pose_rotation": [-20, 0, 0],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [
-              {"origin": [-4, 2.5, 3.7], "size": [2, 4, 5], "uv": [30, 15]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 5, 8],
-            "bind_pose_rotation": [-20, 0, 0],
-            "mirror": true,
-            "cubes": [{"origin": [-3, 2, -2], "size": [6, 5, 10], "uv": [0, 0]}]
-          },
-          {
-            "name": "frontLegLeft",
-            "pivot": [3, 7, -1],
-            "bind_pose_rotation": [-10, 0, 0],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [{"origin": [2, 0, -2], "size": [2, 7, 2], "uv": [8, 15]}]
-          },
-          {
-            "name": "frontLegRight",
-            "pivot": [-3, 7, -1],
-            "bind_pose_rotation": [-10, 0, 0],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [{"origin": [-4, 0, -2], "size": [2, 7, 2], "uv": [0, 15]}]
-          },
-          {
-            "name": "head",
-            "pivot": [0, 8, -1],
-            "locators": {"lead": [0, 8, -1]},
-            "mirror": true,
-            "parent": "body",
-            "cubes": [
-              {"origin": [-2.5, 8, -6], "size": [5, 4, 5], "uv": [32, 0]}
-            ]
-          },
-          {
-            "name": "earRight",
-            "pivot": [0, 8, -1],
-            "bind_pose_rotation": [0, -15, 0],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [
-              {"origin": [-2.5, 12, -2], "size": [2, 5, 1], "uv": [58, 0]}
-            ]
-          },
-          {
-            "name": "earLeft",
-            "pivot": [0, 8, -1],
-            "bind_pose_rotation": [0, 15, 0],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [
-              {"origin": [0.5, 12, -2], "size": [2, 5, 1], "uv": [52, 0]}
-            ]
-          },
-          {
-            "name": "tail",
-            "pivot": [0, 4, 7],
-            "bind_pose_rotation": [-20, 0, 0],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [
-              {"origin": [-1.5, 2.5, 7], "size": [3, 3, 2], "uv": [52, 6]}
-            ]
-          },
-          {
-            "name": "nose",
-            "pivot": [0, 8, -1],
-            "mirror": true,
-            "parent": "body",
-            "cubes": [
-              {"origin": [-0.5, 9.5, -6.5], "size": [1, 1, 1], "uv": [32, 9]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "earleft": {
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this + 15.0",
-              0
-            ]
-          },
-          "earright": {
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this - 15.0",
-              0
-            ]
-          },
-          "frontlegleft": {
-            "rotation": ["variable.jump_rotation * -40.0 - 11.0 - this", 0, 0]
-          },
-          "frontlegright": {
-            "rotation": ["variable.jump_rotation * -40.0 - 11.0 - this", 0, 0]
-          },
-          "haunchleft": {
-            "rotation": ["variable.jump_rotation * 50.0 - 21.0 - this", 0, 0]
-          },
-          "haunchright": {
-            "rotation": ["variable.jump_rotation * 50.0 - 21.0 - this", 0, 0]
-          },
-          "nose": {
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          },
-          "rearfootleft": {
-            "rotation": ["variable.jump_rotation * 50.0 - this", 0, 0]
-          },
-          "rearfootright": {
-            "rotation": ["variable.jump_rotation * 50.0 - this", 0, 0]
-          }
-        }
-      },
-      "baby_transform": {
-        "loop": true,
-        "bones": {
-          "earleft": {"position": [0, -1, 1], "scale": 1.5},
-          "earright": {"position": [0, -1, 1], "scale": 1.5},
-          "head": {"position": [0, -1, 1], "scale": 1.5},
-          "nose": {"position": [0, -1, 1], "scale": 1.5}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move", "look_at_target"]}}
-      },
-      "baby": {
-        "initial_state": "baby",
-        "states": {
-          "baby": {"animations": [{"baby_transform": "query.is_baby"}]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.rabbit"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 24}
-  },
-  "ravager": {
-    "identifier": "minecraft:ravager",
-    "textures": {"default": "textures/entity/illager/ravager"},
-    "materials": {"default": "ravager"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "pivot": [0, 19, 2],
-            "rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-7, 10, -2], "size": [14, 16, 20], "uv": [0, 55]},
-              {"origin": [-6, -3, -2], "size": [12, 13, 18], "uv": [0, 91]}
-            ],
-            "name": "body"
-          },
-          {
-            "pivot": [0, 15, -10],
-            "cubes": [
-              {"origin": [-8, 13, -24], "size": [16, 3, 16], "uv": [0, 36]}
-            ],
-            "name": "mouth",
-            "parent": "head"
-          },
-          {
-            "pivot": [0, 20, -20],
-            "cubes": [
-              {"origin": [-5, 21, -10], "size": [10, 10, 18], "uv": [68, 73]}
-            ],
-            "name": "neck"
-          },
-          {
-            "locators": {"stun": [0, 32, -15]},
-            "pivot": [0, 28, -10],
-            "cubes": [
-              {"origin": [-8, 14, -24], "size": [16, 20, 16], "uv": [0, 0]},
-              {"origin": [-2, 12, -28], "size": [4, 8, 4], "uv": [0, 0]}
-            ],
-            "name": "head",
-            "parent": "neck"
-          },
-          {
-            "pivot": [-12, 30, 22],
-            "cubes": [
-              {"origin": [-12, 0, 17], "size": [8, 37, 8], "uv": [96, 0]}
-            ],
-            "name": "leg0"
-          },
-          {
-            "pivot": [4, 30, 22],
-            "cubes": [
-              {"origin": [4, 0, 17], "size": [8, 37, 8], "uv": [96, 0]}
-            ],
-            "name": "leg1"
-          },
-          {
-            "pivot": [-4, 26, -4],
-            "cubes": [
-              {"origin": [-12, 0, -8], "size": [8, 37, 8], "uv": [64, 0]}
-            ],
-            "name": "leg2"
-          },
-          {
-            "pivot": [-4, 26, -4],
-            "cubes": [
-              {"origin": [4, 0, -8], "size": [8, 37, 8], "uv": [64, 0]}
-            ],
-            "name": "leg3"
-          },
-          {
-            "pivot": [-5, 27, -19],
-            "rotation": [60, 0, 0],
-            "cubes": [
-              {"origin": [-10, 27, -20], "size": [2, 14, 4], "uv": [74, 55]},
-              {"origin": [8, 27, -20], "size": [2, 14, 4], "uv": [74, 55]}
-            ],
-            "name": "horns",
-            "parent": "head"
-          }
-        ],
-        "texturewidth": 128,
-        "textureheight": 128,
-        "visible_bounds_width": 4,
-        "visible_bounds_height": 3.5,
-        "visible_bounds_offset": [0, 1.25, 0]
-      }
-    },
-    "render_controllers": ["controller.render.ravager"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 57},
-    "animations": {
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  22.92", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -22.92", 0, 0]
-          },
-          "leg2": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -22.92", 0, 0]
-          },
-          "leg3": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  22.92", 0, 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "idle_mouth": {
-        "loop": true,
-        "bones": {
-          "mouth": {"rotation": [1.8, 0, 0]},
-          "neck": {"position": [0, 0, 0]}
-        }
-      },
-      "stunned": {
-        "loop": true,
-        "bones": {
-          "neck": {
-            "position": ["math.sin(query.life_time * 180.0) * 2.8", -5, 0],
-            "rotation": [15, 0, 0]
-          }
-        }
-      },
-      "roaring": {
-        "loop": true,
-        "bones": {
-          "mouth": {
-            "rotation": [
-              "math.sin(math.min(query.anim_time / variable.roar_length, 1.0) * 180) * 40.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "biting": {
-        "loop": true,
-        "bones": {
-          "mouth": {
-            "rotation": [
-              "math.sin(math.min(query.anim_time / (variable.bite_anim_duration / 2.0f), 1.0f) * 180.0f) * 40.0f",
-              0,
-              0
-            ]
-          },
-          "neck": {
-            "position": [
-              0,
-              0,
-              "-math.sin(math.min(query.anim_time / variable.bite_anim_duration, 1.0f) * 180.0f) * variable.bite_neck_length"
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.roar_length = 1.0;",
-        "variable.bite_anim_duration = 0.75f;",
-        "variable.bite_neck_length = 10;"
-      ],
-      "animate": ["move", "head"]
-    },
-    "particle_effects": {"stun_particles": "minecraft:stunned_emitter"},
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              {"walk": "query.modified_move_speed"},
-              "look_at_target"
-            ],
-            "transitions": [{"stunned": "query.is_stunned == 1"}]
-          },
-          "stunned": {
-            "animations": ["stunned"],
-            "particle_effects": [
-              {"effect": "stun_particles", "locator": "stun"}
-            ],
-            "transitions": [{"default": "query.is_stunned == 0"}]
-          }
-        }
-      },
-      "head": {
-        "initial_state": "default",
-        "states": {
-          "biting": {
-            "animations": ["biting"],
-            "transitions": [{"default": "query.is_delayed_attacking == 0"}]
-          },
-          "default": {
-            "animations": ["idle_mouth"],
-            "transitions": [
-              {"roaring": "query.is_roaring == 1"},
-              {"biting": "query.is_delayed_attacking == 1"}
-            ]
-          },
-          "roaring": {
-            "animations": ["roaring"],
-            "transitions": [{"default": "query.is_roaring == 0"}]
-          }
-        }
-      }
-    }
-  },
-  "salmon": {
-    "identifier": "minecraft:salmon",
-    "materials": {"default": "salmon"},
-    "textures": {"default": "textures/entity/fish/salmon"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 0.5,
-        "visible_bounds_height": 0.5,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 32,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body_front",
-            "pivot": [0, 0, -4],
-            "cubes": [
-              {"origin": [-1.5, 3.5, -4], "size": [3, 5, 8], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "body_back",
-            "parent": "body_front",
-            "pivot": [0, 0, 4],
-            "cubes": [
-              {"origin": [-1.5, 3.5, 4], "size": [3, 5, 8], "uv": [0, 13]}
-            ]
-          },
-          {
-            "name": "dorsal_front",
-            "parent": "body_front",
-            "pivot": [0, 5, 2],
-            "cubes": [{"origin": [0, 8.5, 2], "size": [0, 2, 2], "uv": [4, 2]}]
-          },
-          {
-            "name": "dorsal_back",
-            "parent": "body_back",
-            "pivot": [0, 5, 4],
-            "cubes": [{"origin": [0, 8.5, 4], "size": [0, 2, 3], "uv": [2, 3]}]
-          },
-          {
-            "name": "tailfin",
-            "parent": "body_back",
-            "pivot": [0, 0, 12],
-            "cubes": [
-              {"origin": [0, 3.5, 12], "size": [0, 5, 6], "uv": [20, 10]}
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body_front",
-            "pivot": [0, 3, -4],
-            "locators": {"lead": [0, 3, -4]},
-            "cubes": [
-              {"origin": [-1, 4.5, -7], "size": [2, 4, 3], "uv": [22, 0]}
-            ]
-          },
-          {
-            "name": "leftFin",
-            "parent": "body_front",
-            "pivot": [1.5, 1, -4],
-            "rotation": [0, 0, 35],
-            "cubes": [
-              {
-                "origin": [-0.50752, 3.86703, -4],
-                "size": [2, 0, 2],
-                "uv": [2, 0]
-              }
-            ]
-          },
-          {
-            "name": "rightFin",
-            "parent": "body_front",
-            "pivot": [-1.5, 1, -4],
-            "rotation": [0, 0, -35],
-            "cubes": [
-              {
-                "origin": [-1.49258, 3.86703, -4],
-                "size": [2, 0, 2],
-                "uv": [-2, 0]
-              }
-            ]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.ZRot = !query.is_in_water ? Math.cos((query.time_stamp + query.frame_alpha) * 14.32) * 90 : 0.0;",
-        "variable.AnimationAmountBlend = Math.lerp(variable.AnimationAmountPrev, variable.AnimationAmount, query.frame_alpha);"
-      ]
-    },
-    "animations": {
-      "flop": {
-        "loop": true,
-        "bones": {
-          "body_back": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 45.0) * -21.75",
-              0
-            ]
-          },
-          "body_front": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 45.0) * 4.0",
-              "variable.zrot"
-            ]
-          },
-          "tailfin": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 45.0) * -40.0",
-              0
-            ]
-          }
-        }
-      },
-      "swim": {
-        "loop": true,
-        "bones": {
-          "body_back": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 30.0) * -21.75",
-              0
-            ]
-          },
-          "body_front": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 30.0) * 4.0",
-              0
-            ]
-          },
-          "tailfin": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 30.0) * -40.0",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "flopping",
-        "states": {
-          "flopping": {
-            "animations": ["flop"],
-            "transitions": [
-              {"swimming": "query.is_in_water || query.is_levitating"}
-            ]
-          },
-          "swimming": {
-            "animations": ["swim"],
-            "transitions": [
-              {"flopping": "!query.is_in_water && !query.is_levitating"}
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.salmon"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 47}
-  },
-  "sheep": {
-    "identifier": "minecraft:sheep",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "sheep"},
-    "textures": {
-      "default": "textures/entity/sheep/sheep_fur",
-      "sheared": "textures/entity/sheep/sheep"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 1.75,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 18, -8],
-            "cubes": [
-              {
-                "origin": [-3, 16, -12],
-                "size": [6, 6, 6],
-                "uv": [0, 32],
-                "inflate": 0.6
-              }
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 19, 2],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {
-                "origin": [-4, 13, -5],
-                "size": [8, 16, 6],
-                "uv": [28, 40],
-                "inflate": 1.75
-              }
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-3, 12, 7],
-            "cubes": [
-              {
-                "origin": [-5, 6, 5],
-                "size": [4, 6, 4],
-                "uv": [0, 48],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [3, 12, 7],
-            "cubes": [
-              {
-                "origin": [1, 6, 5],
-                "size": [4, 6, 4],
-                "uv": [0, 48],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-3, 12, -5],
-            "cubes": [
-              {
-                "origin": [-5, 6, -7],
-                "size": [4, 6, 4],
-                "uv": [0, 48],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "pivot": [3, 12, -5],
-            "cubes": [
-              {
-                "origin": [1, 6, -7],
-                "size": [4, 6, 4],
-                "uv": [0, 48],
-                "inflate": 0.5
-              }
-            ]
-          }
-        ]
-      },
-      "sheared": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 1.75,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 19, 2],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-4, 13, -5], "size": [8, 16, 6], "uv": [28, 8]}
-            ]
-          },
-          {
-            "name": "head",
-            "pivot": [0, 18, -8],
-            "locators": {"lead": [0, 18, -8]},
-            "cubes": [
-              {"origin": [-3, 16, -14], "size": [6, 6, 8], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-3, 12, 7],
-            "cubes": [{"origin": [-5, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [3, 12, 7],
-            "cubes": [{"origin": [1, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-3, 12, -5],
-            "cubes": [
-              {"origin": [-5, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}
-            ]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "pivot": [3, 12, -5],
-            "cubes": [{"origin": [1, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "setup": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["-this", 0, 0]},
-          "head": {"position": [0, "-6.0 - this", 0]}
-        }
-      },
-      "grazing": {
-        "animation_length": 2,
-        "loop": true,
-        "bones": {
-          "head": {
-            "position": {
-              "0": [0, 0, 0],
-              "2": [0, 0, 0],
-              "0.2": [0, -9, 0],
-              "1.8": [0, -9, 0]
-            },
-            "rotation": {
-              "0.2": {
-                "post": [
-                  "180.0 * (0.2 + 0.07 * math.sin(query.key_frame_lerp_time * 1644.39))",
-                  0,
-                  0
-                ],
-                "pre": [36, 0, 0]
-              },
-              "1.8": {
-                "post": [36, 0, 0],
-                "pre": [
-                  "180.0 * (0.2 + 0.07 * math.sin(query.key_frame_lerp_time * 1644.39))",
-                  0,
-                  0
-                ]
-              }
-            }
-          }
-        }
-      },
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          },
-          "leg1": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg2": {
-            "rotation": ["math.cos(query.anim_time * 38.17) * -80.0", 0, 0]
-          },
-          "leg3": {
-            "rotation": ["math.cos(query.anim_time * 38.17) *  80.0", 0, 0]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {
-        "loop": true,
-        "bones": {"head": {"position": [0, 4, 4], "scale": 2}}
-      }
-    },
-    "scripts": {
-      "animate": [
-        "setup",
-        "look_at_target",
-        "move",
-        {"baby_transform": "query.is_baby"}
-      ]
-    },
-    "render_controllers": ["controller.render.sheep"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 3},
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [{"walk": "query.modified_move_speed"}],
-            "transitions": [{"grazing": "query.is_grazing"}]
-          },
-          "grazing": {
-            "animations": ["grazing"],
-            "transitions": [{"default": "query.all_animations_finished"}]
-          }
-        }
-      }
-    }
-  },
-  "shulker": {
-    "identifier": "minecraft:shulker",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "shulker"},
-    "textures": {
-      "undyed": "textures/entity/shulker/shulker",
-      "white": "textures/entity/shulker/shulker_white",
-      "orange": "textures/entity/shulker/shulker_orange",
-      "magenta": "textures/entity/shulker/shulker_magenta",
-      "light_blue": "textures/entity/shulker/shulker_light_blue",
-      "yellow": "textures/entity/shulker/shulker_yellow",
-      "lime": "textures/entity/shulker/shulker_lime",
-      "pink": "textures/entity/shulker/shulker_pink",
-      "gray": "textures/entity/shulker/shulker_gray",
-      "silver": "textures/entity/shulker/shulker_light_gray",
-      "cyan": "textures/entity/shulker/shulker_cyan",
-      "purple": "textures/entity/shulker/shulker_purple",
-      "blue": "textures/entity/shulker/shulker_blue",
-      "brown": "textures/entity/shulker/shulker_brown",
-      "green": "textures/entity/shulker/shulker_green",
-      "red": "textures/entity/shulker/shulker_red",
-      "black": "textures/entity/shulker/shulker_black"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 3,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "lid",
-            "parent": "base",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-8, 4, -8], "size": [16, 12, 16], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "base",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-8, 0, -8], "size": [16, 8, 16], "uv": [0, 28]}
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "base",
-            "pivot": [0, 12, 0],
-            "cubes": [{"origin": [-3, 6, -3], "size": [6, 6, 6], "uv": [0, 52]}]
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 34},
-    "scripts": {
-      "pre_animation": [
-        "variable.Shulker.LidPositionFactor = 180 * (0.5 + variable.Shulker.PeekAmount);",
-        "variable.Shulker.LidRotationFactor = -1 + Math.sin(180 * (0.5 + variable.Shulker.PeekAmount));",
-        "variable.Shulker.UpFacing = variable.Shulker.FacingDirection == 1;",
-        "variable.Shulker.NorthFacing = variable.Shulker.FacingDirection == 2;",
-        "variable.Shulker.SouthFacing = variable.Shulker.FacingDirection == 3;",
-        "variable.Shulker.WestFacing = variable.Shulker.FacingDirection == 4;",
-        "variable.Shulker.EastFacing = variable.Shulker.FacingDirection == 5;",
-        "variable.Shulker.XPreRotation = variable.Shulker.UpFacing * 180 + variable.Shulker.NorthFacing * 90 - variable.Shulker.SouthFacing * 90;",
-        "variable.Shulker.ZPreRotation = variable.Shulker.NorthFacing * 180 + variable.Shulker.WestFacing * 90 - variable.Shulker.EastFacing * 90;",
-        "variable.Shulker.XOffset = -variable.Shulker.WestFacing * 7.99 + variable.Shulker.EastFacing * 7.99;",
-        "variable.Shulker.YOffset = variable.Shulker.UpFacing * 16 + variable.Shulker.NorthFacing * 7.99 + variable.Shulker.SouthFacing * 7.99 + variable.Shulker.WestFacing * 7.99 + variable.Shulker.EastFacing * 7.99;",
-        "variable.Shulker.ZOffset = variable.Shulker.NorthFacing * 7.99 - variable.Shulker.SouthFacing * 7.99;"
-      ]
-    },
-    "animations": {
-      "facing": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "base": {
-            "position": [
-              "variable.shulker.xoffset",
-              "variable.shulker.yoffset",
-              "variable.shulker.zoffset"
-            ],
-            "rotation": [
-              "variable.shulker.xprerotation",
-              0,
-              "variable.shulker.zprerotation"
-            ],
-            "scale": 0.98
-          }
-        }
-      },
-      "move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "head": {
-            "position": [
-              0,
-              "-variable.shulker.upfacing * 6 - (3 * (variable.shulker.northfacing + variable.shulker.southfacing + variable.shulker.westfacing + variable.shulker.eastfacing))",
-              0
-            ]
-          },
-          "lid": {
-            "position": [
-              0,
-              "7.2 - math.sin(variable.shulker.lidpositionfactor * 1.16) * 7.5 + (variable.shulker.lidpositionfactor > 180 ? math.sin(query.life_time * 114.6) * 0.7 + 1.5: 0.0)",
-              0
-            ],
-            "rotation": [
-              0,
-              "variable.shulker.peekamount > 0.3 ? math.pow(variable.shulker.lidrotationfactor, 4) * 22.5 : 0.0",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "facing": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["facing"]}}
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move", "look_at_target"]}}
-      }
-    },
-    "render_controllers": ["controller.render.shulker"]
-  },
-  "shulker_bullet": {
-    "identifier": "minecraft:shulker_bullet",
-    "materials": {"default": "shulker_bullet"},
-    "textures": {"default": "textures/entity/shulker/spark"},
-    "geometry": {
-      "default": {
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-4, -4, -1], "size": [8, 8, 2], "uv": [0, 0]},
-              {"origin": [-1, -4, -4], "size": [2, 8, 8], "uv": [0, 10]},
-              {"origin": [-4, -1, -4], "size": [8, 2, 8], "uv": [20, 0]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "math.cos(query.life_time * 120) * 180",
-              "math.sin(query.life_time * 120) * 180",
-              "math.sin(query.life_time * 170) * 360"
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["move"]},
-    "render_controllers": ["controller.render.shulker_bullet"]
-  },
-  "silverfish": {
-    "identifier": "minecraft:silverfish",
-    "materials": {"default": "silverfish", "body_layer": "silverfish_layers"},
-    "textures": {"default": "textures/entity/silverfish"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "bodyPart_0",
-            "parent": "bodyPart_2",
-            "pivot": [0, 2, -3.5],
-            "cubes": [
-              {"origin": [-1.5, 0, -4.5], "size": [3, 2, 2], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "bodyPart_1",
-            "parent": "bodyPart_2",
-            "pivot": [0, 3, -1.5],
-            "cubes": [
-              {"origin": [-2, 0, -2.5], "size": [4, 3, 2], "uv": [0, 4]}
-            ]
-          },
-          {
-            "name": "bodyPart_2",
-            "pivot": [0, 4, 1],
-            "cubes": [
-              {"origin": [-3, 0, -0.5], "size": [6, 4, 3], "uv": [0, 9]}
-            ]
-          },
-          {
-            "name": "bodyPart_3",
-            "parent": "bodyPart_2",
-            "pivot": [0, 3, 4],
-            "cubes": [
-              {"origin": [-1.5, 0, 2.5], "size": [3, 3, 3], "uv": [0, 16]}
-            ]
-          },
-          {
-            "name": "bodyPart_4",
-            "parent": "bodyPart_2",
-            "pivot": [0, 2, 7],
-            "cubes": [
-              {"origin": [-1, 0, 5.5], "size": [2, 2, 3], "uv": [0, 22]}
-            ]
-          },
-          {
-            "name": "bodyPart_5",
-            "parent": "bodyPart_2",
-            "pivot": [0, 1, 9.5],
-            "cubes": [
-              {"origin": [-1, 0, 8.5], "size": [2, 1, 2], "uv": [11, 0]}
-            ]
-          },
-          {
-            "name": "bodyPart_6",
-            "parent": "bodyPart_2",
-            "pivot": [0, 1, 11.5],
-            "cubes": [
-              {"origin": [-0.5, 0, 10.5], "size": [1, 1, 2], "uv": [13, 4]}
-            ]
-          },
-          {
-            "name": "bodyLayer_0",
-            "parent": "bodyPart_2",
-            "pivot": [0, 8, 1],
-            "cubes": [
-              {"origin": [-5, 0, -0.5], "size": [10, 8, 3], "uv": [20, 0]}
-            ]
-          },
-          {
-            "name": "bodyLayer_1",
-            "parent": "bodyPart_4",
-            "pivot": [0, 4, 7],
-            "cubes": [
-              {"origin": [-3, 0, 5.5], "size": [6, 4, 3], "uv": [20, 11]}
-            ]
-          },
-          {
-            "name": "bodyLayer_2",
-            "parent": "bodyPart_1",
-            "pivot": [0, 5, -1.5],
-            "cubes": [
-              {"origin": [-3, 0, -3], "size": [6, 5, 2], "uv": [20, 18]}
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "bodypart_0": {
-            "position": ["math.sin(query.life_time * 1031.4) * 1.26", 0, 0],
-            "rotation": [0, "math.cos(query.life_time * 1031.4) * 27", 0]
-          },
-          "bodypart_1": {
-            "position": [
-              "math.sin(query.life_time * 1031.4 + 27) * 0.63",
-              0,
-              0
-            ],
-            "rotation": [0, "math.cos(query.life_time * 1031.4 + 27) * 18", 0]
-          },
-          "bodypart_2": {
-            "rotation": [0, "math.cos(query.life_time * 1031.4 + 54) * 9", 0]
-          },
-          "bodypart_3": {
-            "position": [
-              "math.sin(query.life_time * 1031.4 + 81) * 0.63",
-              0,
-              0
-            ],
-            "rotation": [0, "math.cos(query.life_time * 1031.4 + 81) * 18", 0]
-          },
-          "bodypart_4": {
-            "position": [
-              "math.sin(query.life_time * 1031.4 + 108) * 1.26",
-              0,
-              0
-            ],
-            "rotation": [0, "math.cos(query.life_time * 1031.4 + 108) * 27", 0]
-          },
-          "bodypart_5": {
-            "position": [
-              "math.sin(query.life_time * 1031.4 + 135) * 1.89",
-              0,
-              0
-            ],
-            "rotation": [0, "math.cos(query.life_time * 1031.4 + 135) * 36", 0]
-          },
-          "bodypart_6": {
-            "position": [
-              "math.sin(query.life_time * 1031.4 + 162) * 2.52",
-              0,
-              0
-            ],
-            "rotation": [0, "math.cos(query.life_time * 1031.4 + 162) * 45", 0]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      }
-    },
-    "render_controllers": ["controller.render.silverfish"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 8}
-  },
-  "skeleton": {
-    "identifier": "minecraft:skeleton",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "skeleton"},
-    "textures": {"default": "textures/entity/skeleton/skeleton"},
-    "geometry": {
-      "default": {
-        "texturewidth": 64,
-        "textureheight": 32,
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ],
-            "parent": "waist"
-          },
-          {"name": "waist", "pivot": [0, 12, 0]},
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "hat",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ],
-            "neverRender": true,
-            "parent": "head"
-          },
-          {
-            "name": "rightArm",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-6, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-6, 15, 1],
-            "neverRender": true,
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftArm",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
-            ],
-            "mirror": true,
-            "parent": "body"
-          },
-          {
-            "name": "leftItem",
-            "pivot": [6, 15, 1],
-            "neverRender": true,
-            "parent": "leftArm"
-          },
-          {
-            "name": "rightLeg",
-            "pivot": [-2, 12, 0],
-            "cubes": [
-              {"origin": [-3, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "leftLeg",
-            "pivot": [2, 12, 0],
-            "cubes": [
-              {"origin": [1, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
-            ],
-            "mirror": true,
-            "parent": "body"
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 9},
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ]
-    },
-    "animations": {
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "sneaking": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["0.5 - this", 0, 0]},
-          "head": {"position": [0, 1, 0]},
-          "leftarm": {"rotation": [72, 0, 0]},
-          "leftleg": {"position": [0, -3, 4]},
-          "rightarm": {"rotation": [72, 0, 0]},
-          "rightleg": {"position": [0, -3, 4]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "bow_and_arrow": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation + 28.65",
-              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation - 5.73",
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "swimming": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [
-              0,
-              "variable.swim_amount * -10.0 - this",
-              "variable.swim_amount * 9.0 - this"
-            ],
-            "rotation": [
-              "variable.swim_amount * (90.0 + query.target_x_rotation)",
-              0,
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) - (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "leftleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0 + 180.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) + (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, -14.325, variable.swim_amount) + (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      },
-      "skeleton_attack": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-68.75 * math.sin(variable.attack_time * 180.0) + 22.92 * (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0))",
-              "5.73 - math.sin(variable.attack_time * 180.0) * 34.38 - this",
-              "-this"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-68.75 * math.sin(variable.attack_time * 180.0) + 22.92 * (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0))",
-              "-5.73 + math.sin(variable.attack_time * 180.0) * 34.38 - this",
-              "-this"
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      },
-      "holding": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["holding"]}}
-      },
-      "brandish_spear": {
-        "initial_state": "default",
-        "states": {
-          "brandish_spear": {
-            "animations": ["brandish_spear"],
-            "transitions": [{"default": "!variable.is_brandishing_spear"}]
-          },
-          "default": {
-            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
-          }
-        }
-      },
-      "charging": {
-        "initial_state": "default",
-        "states": {
-          "charging": {
-            "animations": ["charging"],
-            "transitions": [{"default": "!query.is_charging"}]
-          },
-          "default": {"transitions": [{"charging": "query.is_charging"}]}
-        }
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "sneaking": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
-          "sneaking": {
-            "animations": ["sneaking"],
-            "transitions": [{"default": "!query.is_sneaking"}]
-          }
-        }
-      },
-      "bob": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bob"]}}
-      },
-      "damage_nearby_mobs": {
-        "initial_state": "default",
-        "states": {
-          "damage_nearby_mobs": {
-            "animations": ["damage_nearby_mobs"],
-            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
-          },
-          "default": {
-            "transitions": [
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
-            ]
-          }
-        }
-      },
-      "bow_and_arrow": {
-        "initial_state": "default",
-        "states": {
-          "bow_and_arrow": {
-            "animations": ["bow_and_arrow"],
-            "transitions": [{"default": "!query.has_target"}]
-          },
-          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
-        }
-      },
-      "swimming": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_swimming": "variable.swim_amount > 0.0"}]
-          },
-          "is_swimming": {
-            "animations": ["swimming"],
-            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
-          }
-        }
-      },
-      "use_item_progress": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
-              }
-            ]
-          },
-          "use_item_progress": {
-            "animations": ["use_item_progress"],
-            "transitions": [
-              {
-                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
-              }
-            ]
-          }
-        }
-      },
-      "skeleton_attack": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["skeleton_attack"]}}
-      }
-    },
-    "render_controllers": ["controller.render.skeleton"],
-    "enable_attachables": true
-  },
-  "skeleton_horse": {
-    "identifier": "minecraft:skeleton_horse",
-    "textures": {
-      "base_brown": "textures/entity/horse/horse_brown",
-      "base_white": "textures/entity/horse/horse_white",
-      "base_chestnut": "textures/entity/horse/horse_chestnut",
-      "base_creamy": "textures/entity/horse/horse_creamy",
-      "base_black": "textures/entity/horse/horse_black",
-      "base_gray": "textures/entity/horse/horse_gray",
-      "base_darkbrown": "textures/entity/horse/horse_darkbrown",
-      "markings_none": "textures/entity/horse/horse_markings_none",
-      "markings_white": "textures/entity/horse/horse_markings_white",
-      "markings_whitefield": "textures/entity/horse/horse_markings_whitefield",
-      "markings_whitedots": "textures/entity/horse/horse_markings_whitedots",
-      "markings_blackdots": "textures/entity/horse/horse_markings_blackdots",
-      "mule": "textures/entity/horse/mule",
-      "donkey": "textures/entity/horse/donkey",
-      "skeleton": "textures/entity/horse/horse_skeleton",
-      "zombie": "textures/entity/horse/horse_zombie",
-      "armor_none": "textures/entity/horse/armor/horse_armor_none",
-      "armor_leather": "textures/entity/horse/armor/horse_armor_leather",
-      "armor_iron": "textures/entity/horse/armor/horse_armor_iron",
-      "armor_gold": "textures/entity/horse/armor/horse_armor_gold",
-      "armor_diamond": "textures/entity/horse/armor/horse_armor_diamond"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 128,
-        "textureheight": 128,
-        "bones": [
-          {
-            "name": "Body",
-            "pivot": [0, 13, 9],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 11, -10], "size": [10, 10, 24], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "TailA",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1, 20, 14], "size": [2, 2, 3], "uv": [44, 0]}
-            ]
-          },
-          {
-            "name": "TailB",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 19, 17], "size": [3, 4, 7], "uv": [38, 7]}
-            ]
-          },
-          {
-            "name": "TailC",
-            "pivot": [0, 21, 14],
-            "rotation": [-80.34, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 21.5, 23], "size": [3, 4, 7], "uv": [24, 3]}
-            ]
-          },
-          {
-            "name": "Leg1A",
-            "pivot": [4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 8, 8.5], "size": [4, 9, 5], "uv": [78, 29]}
-            ]
-          },
-          {
-            "name": "Leg1B",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2, 3, 9.5], "size": [3, 5, 3], "uv": [78, 43]}
-            ]
-          },
-          {
-            "name": "Leg1C",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, -0.1, 9], "size": [4, 3, 4], "uv": [78, 51]}
-            ]
-          },
-          {
-            "name": "Leg2A",
-            "pivot": [-4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 8, 8.5], "size": [4, 9, 5], "uv": [96, 29]}
-            ]
-          },
-          {
-            "name": "Leg2B",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 3, 9.5], "size": [3, 5, 3], "uv": [96, 43]}
-            ]
-          },
-          {
-            "name": "Leg2C",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, -0.1, 9], "size": [4, 3, 4], "uv": [96, 51]}
-            ]
-          },
-          {
-            "name": "Leg3A",
-            "pivot": [4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 8, -10.1], "size": [3, 8, 4], "uv": [44, 29]}
-            ]
-          },
-          {
-            "name": "Leg3B",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 3, -9.6], "size": [3, 5, 3], "uv": [44, 41]}
-            ]
-          },
-          {
-            "name": "Leg3C",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [44, 51]}
-            ]
-          },
-          {
-            "name": "Leg4A",
-            "pivot": [-4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 8, -10.1], "size": [3, 8, 4], "uv": [60, 29]}
-            ]
-          },
-          {
-            "name": "Leg4B",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 3, -9.6], "size": [3, 5, 3], "uv": [60, 41]}
-            ]
-          },
-          {
-            "name": "Leg4C",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [60, 51]}
-            ]
-          },
-          {
-            "name": "Head",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 25, -11.5], "size": [5, 5, 7], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "UMouth",
-            "pivot": [0, 20.05, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 27.05, -17], "size": [4, 3, 6], "uv": [24, 18]}
-            ]
-          },
-          {
-            "name": "LMouth",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 25, -16.5], "size": [4, 2, 5], "uv": [24, 27]}
-            ]
-          },
-          {
-            "name": "Ear1",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [0.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "Ear2",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "MuleEarL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 15],
-            "cubes": [
-              {"origin": [-2, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "MuleEarR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, -15],
-            "cubes": [{"origin": [0, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}]
-          },
-          {
-            "name": "Neck",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.05, 15.8, -12], "size": [4, 14, 8], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "Bag1",
-            "pivot": [-7.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [-10.5, 13, 10], "size": [8, 8, 3], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "Bag2",
-            "pivot": [4.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [1.5, 13, 10], "size": [8, 8, 3], "uv": [0, 47]}
-            ]
-          },
-          {
-            "name": "Saddle",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 21, -1], "size": [10, 1, 8], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleB",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 22, -1], "size": [3, 1, 2], "uv": [106, 9]}
-            ]
-          },
-          {
-            "name": "SaddleC",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [{"origin": [-4, 22, 5], "size": [8, 1, 2], "uv": [80, 9]}]
-          },
-          {
-            "name": "SaddleL2",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 13, 1], "size": [1, 2, 2], "uv": [74, 0]}
-            ]
-          },
-          {
-            "name": "SaddleL",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 15, 1.5], "size": [1, 6, 1], "uv": [70, 0]}
-            ]
-          },
-          {
-            "name": "SaddleR2",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 13, 1], "size": [1, 2, 2], "uv": [74, 4]}
-            ]
-          },
-          {
-            "name": "SaddleR",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 15, 1.5], "size": [1, 6, 1], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleMouthL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLine",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 10]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLineR",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 5]}
-            ]
-          },
-          {
-            "name": "Mane",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-1, 15.5, -5], "size": [2, 16, 4], "uv": [58, 0]}
-            ]
-          },
-          {
-            "name": "HeadSaddle",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {
-                "origin": [-2.5, 25.1, -17],
-                "size": [5, 5, 12],
-                "uv": [80, 12],
-                "inflate": 0.05
-              }
-            ]
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 32}
-  },
-  "slime": {
-    "identifier": "minecraft:slime",
-    "materials": {"default": "slime", "outer": "slime_outer"},
-    "textures": {"default": "textures/entity/slime/slime"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 5,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "cube",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-3, 1, -3], "size": [6, 6, 6], "uv": [0, 16]}]
-          },
-          {
-            "name": "eye0",
-            "parent": "cube",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-3.3, 4, -3.5], "size": [2, 2, 2], "uv": [32, 0]}
-            ]
-          },
-          {
-            "name": "eye1",
-            "parent": "cube",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [1.3, 4, -3.5], "size": [2, 2, 2], "uv": [32, 4]}
-            ]
-          },
-          {
-            "name": "mouth",
-            "parent": "cube",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [0, 2, -3.5], "size": [1, 1, 1], "uv": [32, 8]}
-            ]
-          }
-        ]
-      },
-      "armor": {
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "cube",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 0, -4], "size": [8, 8, 8], "uv": [0, 0]}]
-          },
-          {
-            "name": "eye0",
-            "parent": "cube",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-3.3, 4, -3.5], "size": [2, 2, 2], "uv": [32, 0]}
-            ]
-          },
-          {
-            "name": "eye1",
-            "parent": "cube",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [1.3, 4, -3.5], "size": [2, 2, 2], "uv": [32, 4]}
-            ]
-          },
-          {
-            "name": "mouth",
-            "parent": "cube",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [0, 2, -3.5], "size": [1, 1, 1], "uv": [32, 8]}
-            ]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.squish_factor = (query.previous_squish_value + (query.current_squish_value - query.previous_squish_value) * query.frame_alpha);",
-        "variable.bounce = 1 / ((variable.squish_factor / (query.variant * 0.5 + 1)) + 1);",
-        "variable.horizontal_scale_amount = variable.bounce * query.variant;",
-        "variable.vertical_scale_amount = (1 / variable.bounce) * query.variant;"
-      ],
-      "scaleX": "variable.horizontal_scale_amount",
-      "scaleY": "variable.vertical_scale_amount",
-      "scaleZ": "variable.horizontal_scale_amount"
-    },
-    "render_controllers": [
-      "controller.render.slime",
-      "controller.render.slime_armor"
-    ],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 10}
-  },
-  "small_fireball": {
-    "identifier": "minecraft:small_fireball",
-    "materials": {"default": "fireball"},
-    "textures": {"default": "textures/items/fire_charge"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -4, 0],
-                "size": [16, 16, 0],
-                "uv": {"south": {"uv": [0, 0]}}
-              }
-            ]
-          }
-        ],
-        "texturewidth": 16,
-        "textureheight": 16
-      }
-    },
-    "animations": {
-      "face_player": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"scale": "0.5", "animate": ["face_player"]},
-    "render_controllers": ["controller.render.fireball"]
-  },
-  "snow_golem": {
-    "identifier": "minecraft:snow_golem",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "snow_golem", "head": "snow_golem_pumpkin"},
-    "textures": {"default": "textures/entity/snow_golem"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "bones": [
-          {
-            "name": "head",
-            "parent": "piece1",
-            "pivot": [0, 20, 0],
-            "locators": {"lead": [0, 20, 0]},
-            "cubes": [
-              {
-                "origin": [-4, 20, -4],
-                "size": [8, 8, 8],
-                "uv": [0, 0],
-                "inflate": -0.5
-              }
-            ]
-          },
-          {
-            "name": "arm1",
-            "parent": "piece1",
-            "pivot": [0, 18, 0],
-            "bind_pose_rotation": [0, 0, 57.3],
-            "cubes": [
-              {
-                "origin": [1, 20, -1],
-                "size": [12, 2, 2],
-                "uv": [32, 0],
-                "inflate": -0.5
-              }
-            ]
-          },
-          {
-            "name": "arm2",
-            "parent": "piece1",
-            "pivot": [0, 18, 0],
-            "bind_pose_rotation": [0, 180, -57.3],
-            "cubes": [
-              {
-                "origin": [1, 20, -1],
-                "size": [12, 2, 2],
-                "uv": [32, 0],
-                "inflate": -0.5
-              }
-            ]
-          },
-          {
-            "name": "piece1",
-            "parent": "piece2",
-            "pivot": [0, 11, 0],
-            "cubes": [
-              {
-                "origin": [-5, 11, -5],
-                "size": [10, 10, 10],
-                "uv": [0, 16],
-                "inflate": -0.5
-              }
-            ]
-          },
-          {
-            "name": "piece2",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-6, 0, -6],
-                "size": [12, 12, 12],
-                "uv": [0, 36],
-                "inflate": -0.5
-              }
-            ]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "piece1": {"rotation": [0, "query.target_y_rotation * 0.25", 0]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              {"move": "query.modified_move_speed"},
-              "look_at_target"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.snowgolem"]
-  },
-  "snowball": {
-    "identifier": "minecraft:snowball",
-    "materials": {"default": "snowball"},
-    "textures": {"default": "textures/items/snowball"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -8, 0],
-                "size": [16, 16, 0],
-                "uv": [0, 0],
-                "rotation": [0, 0, 0]
-              }
-            ]
-          }
-        ],
-        "texturewidth": 16,
-        "textureheight": 16
-      }
-    },
-    "render_controllers": ["controller.render.item_sprite"],
-    "animations": {
-      "flying": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["flying"]}
-  },
-  "spider": {
-    "identifier": "minecraft:spider",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "spider", "invisible": "spider_invisible"},
-    "textures": {"default": "textures/entity/spider/spider"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [0, 9, -3],
-            "cubes": [
-              {"origin": [-4, 5, -11], "size": [8, 8, 8], "uv": [32, 4]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "body0",
-            "pivot": [0, 9, 0],
-            "cubes": [{"origin": [-3, 6, -3], "size": [6, 6, 6], "uv": [0, 0]}]
-          },
-          {
-            "name": "body1",
-            "pivot": [0, 9, 9],
-            "cubes": [
-              {"origin": [-5, 5, 3], "size": [10, 8, 12], "uv": [0, 12]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg0",
-            "pivot": [-4, 9, 2],
-            "cubes": [
-              {"origin": [-19, 8, 1], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg1",
-            "pivot": [4, 9, 2],
-            "cubes": [{"origin": [3, 8, 1], "size": [16, 2, 2], "uv": [18, 0]}],
-            "parent": "body0"
-          },
-          {
-            "name": "leg2",
-            "pivot": [-4, 9, 1],
-            "cubes": [
-              {"origin": [-19, 8, 0], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg3",
-            "pivot": [4, 9, 1],
-            "cubes": [{"origin": [3, 8, 0], "size": [16, 2, 2], "uv": [18, 0]}],
-            "parent": "body0"
-          },
-          {
-            "name": "leg4",
-            "pivot": [-4, 9, 0],
-            "cubes": [
-              {"origin": [-19, 8, -1], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg5",
-            "pivot": [4, 9, 0],
-            "cubes": [
-              {"origin": [3, 8, -1], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg6",
-            "pivot": [-4, 9, -1],
-            "cubes": [
-              {"origin": [-19, 8, -2], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          },
-          {
-            "name": "leg7",
-            "pivot": [4, 9, -1],
-            "cubes": [
-              {"origin": [3, 8, -2], "size": [16, 2, 2], "uv": [18, 0]}
-            ],
-            "parent": "body0"
-          }
-        ]
-      }
-    },
-    "animations": {
-      "default_leg_pose": {
-        "loop": true,
-        "bones": {
-          "leg0": {"rotation": [0, "45.0 - this", "-45.0 - this"]},
-          "leg1": {"rotation": [0, "-45.0 - this", "45.0 - this"]},
-          "leg2": {"rotation": [0, "22.5 - this", "-33.3 - this"]},
-          "leg3": {"rotation": [0, "-22.5 - this", "33.3 - this"]},
-          "leg4": {"rotation": [0, "-22.5 - this", "-33.3 - this"]},
-          "leg5": {"rotation": [0, "22.5 - this", "33.3 - this"]},
-          "leg6": {"rotation": [0, "-45.0 - this", "-45.0 - this"]},
-          "leg7": {"rotation": [0, "45.0 - this", "45.0 - this"]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "walk": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              0,
-              "-math.abs(math.cos(query.anim_time * 76.34 + 90 * 0) * 22.92)",
-              "math.abs(math.sin(query.anim_time * 38.17 + 90 * 0) * 22.92)"
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              0,
-              "math.abs(math.cos(query.anim_time * 76.34 + 90 * 0) * 22.92)",
-              "-math.abs(math.sin(query.anim_time * 38.17 + 90 * 0) * 22.92)"
-            ]
-          },
-          "leg2": {
-            "rotation": [
-              0,
-              "-math.abs(math.cos(query.anim_time * 76.34 + 90 * 1) * 22.92)",
-              "math.abs(math.sin(query.anim_time * 38.17 + 90 * 1) * 22.92)"
-            ]
-          },
-          "leg3": {
-            "rotation": [
-              0,
-              "math.abs(math.cos(query.anim_time * 76.34 + 90 * 1) * 22.92)",
-              "-math.abs(math.sin(query.anim_time * 38.17 + 90 * 1) * 22.92)"
-            ]
-          },
-          "leg4": {
-            "rotation": [
-              0,
-              "-math.abs(math.cos(query.anim_time * 76.34 + 90 * 2) * 22.92)",
-              "math.abs(math.sin(query.anim_time * 38.17 + 90 * 2) * 22.92)"
-            ]
-          },
-          "leg5": {
-            "rotation": [
-              0,
-              "math.abs(math.cos(query.anim_time * 76.34 + 90 * 2) * 22.92)",
-              "-math.abs(math.sin(query.anim_time * 38.17 + 90 * 2) * 22.92)"
-            ]
-          },
-          "leg6": {
-            "rotation": [
-              0,
-              "-math.abs(math.cos(query.anim_time * 76.34 + 90 * 3) * 22.92)",
-              "math.abs(math.sin(query.anim_time * 38.17 + 90 * 3) * 22.92)"
-            ]
-          },
-          "leg7": {
-            "rotation": [
-              0,
-              "math.abs(math.cos(query.anim_time * 76.34 + 90 * 3) * 22.92)",
-              "-math.abs(math.sin(query.anim_time * 38.17 + 90 * 3) * 22.92)"
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": [
-              "default_leg_pose",
-              {"walk": "query.modified_move_speed"},
-              "look_at_target"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.spider"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 11}
-  },
-  "potion": {
-    "identifier": "minecraft:splash_potion",
-    "materials": {"default": "splash_potion_enchanted"},
-    "textures": {
-      "moveSlowdown": "textures/items/potion_bottle_splash_moveSlowdown",
-      "moveSpeed": "textures/items/potion_bottle_splash_moveSpeed",
-      "digSlowdown": "textures/items/potion_bottle_splash_digSlowdown",
-      "digSpeed": "textures/items/potion_bottle_splash_digSpeed",
-      "damageBoost": "textures/items/potion_bottle_splash_damageBoost",
-      "heal": "textures/items/potion_bottle_splash_heal",
-      "harm": "textures/items/potion_bottle_splash_harm",
-      "jump": "textures/items/potion_bottle_splash_jump",
-      "confusion": "textures/items/potion_bottle_splash_confusion",
-      "regeneration": "textures/items/potion_bottle_splash_regeneration",
-      "resistance": "textures/items/potion_bottle_splash_resistance",
-      "fireResistance": "textures/items/potion_bottle_splash_fireResistance",
-      "waterBreathing": "textures/items/potion_bottle_splash_waterBreathing",
-      "invisibility": "textures/items/potion_bottle_splash_invisibility",
-      "blindness": "textures/items/potion_bottle_splash_blindness",
-      "nightVision": "textures/items/potion_bottle_splash_nightVision",
-      "hunger": "textures/items/potion_bottle_splash_hunger",
-      "weakness": "textures/items/potion_bottle_splash_weakness",
-      "poison": "textures/items/potion_bottle_splash_poison",
-      "wither": "textures/items/potion_bottle_splash_wither",
-      "healthBoost": "textures/items/potion_bottle_splash_healthBoost",
-      "absorption": "textures/items/potion_bottle_splash_absorption",
-      "saturation": "textures/items/potion_bottle_splash_saturation",
-      "levitation": "textures/items/potion_bottle_splash_levitation",
-      "turtleMaster": "textures/items/potion_bottle_splash_turtleMaster",
-      "slowFall": "textures/items/potion_bottle_splash_slowFall",
-      "default": "textures/items/potion_bottle_splash",
-      "enchanted": "textures/misc/enchanted_item_glint"
-    },
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, -8, 0],
-                "size": [16, 16, 0],
-                "uv": [0, 0],
-                "rotation": [0, 0, 0]
-              }
-            ]
-          }
-        ],
-        "texturewidth": 16,
-        "textureheight": 16
-      }
-    },
-    "render_controllers": ["controller.render.splash_potion"],
-    "animations": {
-      "flying": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              "query.camera_rotation(0)",
-              "query.camera_rotation(1)",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["flying"]}
-  },
-  "squid": {
-    "identifier": "minecraft:squid",
-    "materials": {"default": "squid"},
-    "textures": {"default": "textures/entity/squid"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 3,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "cubes": [
-              {"origin": [-6, -8, -6], "size": [12, 16, 12], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "tentacle1",
-            "parent": "body",
-            "pivot": [5, -7, 0],
-            "cubes": [
-              {"origin": [4, -25, -1], "size": [2, 18, 2], "uv": [48, 0]}
-            ],
-            "rotation": [0, 90, 0]
-          },
-          {
-            "name": "tentacle2",
-            "parent": "body",
-            "pivot": [3.5, -7, 3.5],
-            "cubes": [
-              {"origin": [2.5, -25, 2.5], "size": [2, 18, 2], "uv": [48, 0]}
-            ],
-            "rotation": [0, 45, 0]
-          },
-          {
-            "name": "tentacle3",
-            "parent": "body",
-            "pivot": [0, -7, 5],
-            "cubes": [
-              {"origin": [-1, -25, 4], "size": [2, 18, 2], "uv": [48, 0]}
-            ],
-            "rotation": [0, 0, 0]
-          },
-          {
-            "name": "tentacle4",
-            "parent": "body",
-            "pivot": [-3.5, -7, 3.5],
-            "cubes": [
-              {"origin": [-4.5, -25, 2.5], "size": [2, 18, 2], "uv": [48, 0]}
-            ],
-            "rotation": [0, -45, 0]
-          },
-          {
-            "name": "tentacle5",
-            "parent": "body",
-            "pivot": [-5, -7, 0],
-            "cubes": [
-              {"origin": [-6, -25, -1], "size": [2, 18, 2], "uv": [48, 0]}
-            ],
-            "rotation": [0, -90, 0]
-          },
-          {
-            "name": "tentacle6",
-            "parent": "body",
-            "pivot": [-3.5, -7, -3.5],
-            "cubes": [
-              {"origin": [-4.5, -25, -4.5], "size": [2, 18, 2], "uv": [48, 0]}
-            ],
-            "rotation": [0, -135, 0]
-          },
-          {
-            "name": "tentacle7",
-            "parent": "body",
-            "pivot": [0, -7, -5],
-            "cubes": [
-              {"origin": [-1, -25, -6], "size": [2, 18, 2], "uv": [48, 0]}
-            ],
-            "rotation": [0, -180, 0]
-          },
-          {
-            "name": "tentacle8",
-            "parent": "body",
-            "pivot": [3.5, -7, -3.5],
-            "cubes": [
-              {"origin": [2.5, -25, -4.5], "size": [2, 18, 2], "uv": [48, 0]}
-            ],
-            "rotation": [0, -225, 0]
-          }
-        ]
-      }
-    },
-    "animations": {
-      "move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [
-              0,
-              "query.is_in_water ? 0.0 : (query.is_baby ? 3.2 : 6.4)",
-              0
-            ]
-          },
-          "tentacle1": {
-            "rotation": [
-              "variable.squid.tentacle_angle - this",
-              "90.0 - this",
-              0
-            ]
-          },
-          "tentacle2": {
-            "rotation": [
-              "variable.squid.tentacle_angle - this",
-              "45.0 - this",
-              0
-            ]
-          },
-          "tentacle3": {
-            "rotation": [
-              "variable.squid.tentacle_angle - this",
-              "0.0 - this",
-              0
-            ]
-          },
-          "tentacle4": {
-            "rotation": [
-              "variable.squid.tentacle_angle - this",
-              "-45.0 - this",
-              0
-            ]
-          },
-          "tentacle5": {
-            "rotation": [
-              "variable.squid.tentacle_angle - this",
-              "-90.0 - this",
-              0
-            ]
-          },
-          "tentacle6": {
-            "rotation": [
-              "variable.squid.tentacle_angle - this",
-              "-135.0 - this",
-              0
-            ]
-          },
-          "tentacle7": {
-            "rotation": [
-              "variable.squid.tentacle_angle - this",
-              "-180.0 - this",
-              0
-            ]
-          },
-          "tentacle8": {
-            "rotation": [
-              "variable.squid.tentacle_angle - this",
-              "-225.0 - this",
-              0
-            ]
-          }
-        }
-      },
-      "squid_rotate": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              {"y": "180.0 - this"},
-              {"x": "query.body_x_rotation"},
-              {"y": "variable.squid.swim_rotation"}
-            ]
-          }
-        }
-      }
-    },
-    "scripts": {"animate": ["move", "squid_rotate"]},
-    "render_controllers": ["controller.render.squid"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 15}
-  },
-  "stray": {
-    "identifier": "minecraft:stray",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "stray", "overlay": "stray_clothes"},
-    "textures": {
-      "default": "textures/entity/skeleton/stray",
-      "overlay": "textures/entity/skeleton/stray_overlay"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ],
-            "parent": "waist"
-          },
-          {"name": "waist", "pivot": [0, 12, 0]},
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "locators": {"lead": [0, 24, 0]},
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "hat",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ],
-            "neverRender": true,
-            "parent": "head"
-          },
-          {
-            "name": "rightArm",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-6, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-6, 15, 1],
-            "neverRender": true,
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftArm",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
-            ],
-            "mirror": true,
-            "parent": "body"
-          },
-          {
-            "name": "leftItem",
-            "pivot": [6, 15, 1],
-            "neverRender": true,
-            "parent": "leftArm"
-          },
-          {
-            "name": "rightLeg",
-            "pivot": [-2, 12, 0],
-            "cubes": [
-              {"origin": [-3, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "leftLeg",
-            "pivot": [2, 12, 0],
-            "cubes": [
-              {"origin": [1, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
-            ],
-            "mirror": true,
-            "parent": "body"
-          }
-        ]
-      },
-      "overlay": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "parent": "waist",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ],
-            "inflate": 0.25
-          },
-          {"name": "waist", "neverRender": true, "pivot": [0, 12, 0]},
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
-            ],
-            "inflate": 0.25
-          },
-          {
-            "name": "hat",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ],
-            "neverRender": true
-          },
-          {
-            "name": "rightArm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
-            ],
-            "inflate": 0.25
-          },
-          {
-            "name": "rightItem",
-            "parent": "rightArm",
-            "pivot": [-6, 15, 1],
-            "neverRender": true
-          },
-          {
-            "name": "leftArm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
-            ],
-            "mirror": true,
-            "inflate": 0.25
-          },
-          {
-            "name": "rightLeg",
-            "parent": "body",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-3.9, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
-            ],
-            "inflate": 0.25
-          },
-          {
-            "name": "leftLeg",
-            "parent": "body",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {"origin": [-0.1, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
-            ],
-            "inflate": 0.25,
-            "mirror": true
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 27},
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ]
-    },
-    "animations": {
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "sneaking": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["0.5 - this", 0, 0]},
-          "head": {"position": [0, 1, 0]},
-          "leftarm": {"rotation": [72, 0, 0]},
-          "leftleg": {"position": [0, -3, 4]},
-          "rightarm": {"rotation": [72, 0, 0]},
-          "rightleg": {"position": [0, -3, 4]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "bow_and_arrow": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation + 28.65",
-              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation - 5.73",
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "swimming": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [
-              0,
-              "variable.swim_amount * -10.0 - this",
-              "variable.swim_amount * 9.0 - this"
-            ],
-            "rotation": [
-              "variable.swim_amount * (90.0 + query.target_x_rotation)",
-              0,
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) - (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "leftleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0 + 180.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) + (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, -14.325, variable.swim_amount) + (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      },
-      "holding": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["holding"]}}
-      },
-      "brandish_spear": {
-        "initial_state": "default",
-        "states": {
-          "brandish_spear": {
-            "animations": ["brandish_spear"],
-            "transitions": [{"default": "!variable.is_brandishing_spear"}]
-          },
-          "default": {
-            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
-          }
-        }
-      },
-      "charging": {
-        "initial_state": "default",
-        "states": {
-          "charging": {
-            "animations": ["charging"],
-            "transitions": [{"default": "!query.is_charging"}]
-          },
-          "default": {"transitions": [{"charging": "query.is_charging"}]}
-        }
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "sneaking": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
-          "sneaking": {
-            "animations": ["sneaking"],
-            "transitions": [{"default": "!query.is_sneaking"}]
-          }
-        }
-      },
-      "bob": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bob"]}}
-      },
-      "damage_nearby_mobs": {
-        "initial_state": "default",
-        "states": {
-          "damage_nearby_mobs": {
-            "animations": ["damage_nearby_mobs"],
-            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
-          },
-          "default": {
-            "transitions": [
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
-            ]
-          }
-        }
-      },
-      "bow_and_arrow": {
-        "initial_state": "default",
-        "states": {
-          "bow_and_arrow": {
-            "animations": ["bow_and_arrow"],
-            "transitions": [{"default": "!query.has_target"}]
-          },
-          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
-        }
-      },
-      "swimming": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_swimming": "variable.swim_amount > 0.0"}]
-          },
-          "is_swimming": {
-            "animations": ["swimming"],
-            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
-          }
-        }
-      },
-      "use_item_progress": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
-              }
-            ]
-          },
-          "use_item_progress": {
-            "animations": ["use_item_progress"],
-            "transitions": [
-              {
-                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
-              }
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": [
-      "controller.render.stray_clothes",
-      "controller.render.stray"
-    ],
-    "enable_attachables": true
-  },
-  "strider": {
-    "identifier": "minecraft:strider",
-    "materials": {"default": "strider"},
-    "textures": {
-      "default": "textures/entity/strider/strider",
-      "saddled": "textures/entity/strider/strider",
-      "suffocated": "textures/entity/strider/strider_cold",
-      "suffocated_saddled": "textures/entity/strider/strider_cold"
-    },
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "right_leg",
-            "pivot": [-4, 16, 0],
-            "cubes": [
-              {"origin": [-6, 0, -2], "size": [4, 16, 4], "uv": [0, 32]}
-            ]
-          },
-          {
-            "name": "left_leg",
-            "pivot": [4, 16, 0],
-            "cubes": [{"origin": [2, 0, -2], "size": [4, 16, 4], "uv": [0, 55]}]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 16, 0],
-            "cubes": [
-              {"origin": [-8, 14, -8], "size": [16, 14, 16], "uv": [0, 0]}
-            ],
-            "locators": {"lead": [0, 15, -1]}
-          },
-          {
-            "name": "bristle5",
-            "parent": "body",
-            "pivot": [8, 19, 0],
-            "cubes": [
-              {
-                "origin": [8, 19, -8],
-                "size": [12, 0, 16],
-                "pivot": [8, 19, 0],
-                "rotation": [0, 0, 70],
-                "uv": [16, 65]
-              }
-            ]
-          },
-          {
-            "name": "bristle4",
-            "parent": "body",
-            "pivot": [8, 24, 0],
-            "cubes": [
-              {
-                "origin": [8, 24, -8],
-                "size": [12, 0, 16],
-                "pivot": [8, 24, 0],
-                "rotation": [0, 0, 65],
-                "uv": [16, 49]
-              }
-            ]
-          },
-          {
-            "name": "bristle3",
-            "parent": "body",
-            "pivot": [8, 28, 0],
-            "cubes": [
-              {
-                "origin": [8, 28, -8],
-                "size": [12, 0, 16],
-                "pivot": [8, 28, 0],
-                "rotation": [0, 0, 50],
-                "uv": [16, 33]
-              }
-            ]
-          },
-          {
-            "name": "bristle2",
-            "parent": "body",
-            "pivot": [-8, 28, 0],
-            "cubes": [
-              {
-                "origin": [-20, 28, -8],
-                "size": [12, 0, 16],
-                "pivot": [-8, 28, 0],
-                "rotation": [0, 0, -50],
-                "uv": [16, 33],
-                "mirror": true
-              }
-            ]
-          },
-          {
-            "name": "bristle1",
-            "parent": "body",
-            "pivot": [-8, 24, 0],
-            "cubes": [
-              {
-                "origin": [-20, 24, -8],
-                "size": [12, 0, 16],
-                "pivot": [-8, 24, 0],
-                "rotation": [0, 0, -65],
-                "uv": [16, 49],
-                "mirror": true
-              }
-            ]
-          },
-          {
-            "name": "bristle0",
-            "parent": "body",
-            "pivot": [-8, 19, 0],
-            "cubes": [
-              {
-                "origin": [-20, 19, -8],
-                "size": [12, 0, 16],
-                "pivot": [-8, 19, 0],
-                "rotation": [0, 0, -70],
-                "uv": [16, 65],
-                "mirror": true
-              }
-            ]
-          }
-        ],
-        "visible_bounds_width": 3,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 128
-      }
-    },
-    "spawn_egg": {"base_color": "#9c3436", "overlay_color": "#4d494d"},
-    "scripts": {
-      "pre_animation": [
-        "variable.animation_speed = Math.min(query.modified_move_speed, 0.25);",
-        "variable.speed = 85.9437;",
-        "variable.bristle_flow=Math.cos(query.modified_distance_moved * variable.speed + 180) * variable.animation_speed;",
-        "variable.bristle_range_mod=1;",
-        "variable.bristle_speed_mod=1;"
-      ],
-      "animate": ["look_at_target", "walk", "bristle_flow"]
-    },
-    "animations": {
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "walk": {
-        "loop": true,
-        "bones": {
-          "right_leg": {
-            "rotation": [
-              "Math.sin(query.modified_distance_moved * variable.speed * 0.5 + 180) * 114.592 * variable.animation_speed",
-              0,
-              "10 * Math.cos(query.modified_distance_moved * variable.speed * 0.5f + 180) * variable.animation_speed"
-            ],
-            "position": [
-              0,
-              "-2 * Math.sin(query.modified_distance_moved * variable.speed * 0.5) * 2 * variable.animation_speed",
-              0
-            ]
-          },
-          "left_leg": {
-            "rotation": [
-              "Math.sin(query.modified_distance_moved * variable.speed * 0.5) * 114.592 * variable.animation_speed",
-              0,
-              "10 * Math.cos(query.modified_distance_moved * variable.speed * 0.5f) * variable.animation_speed"
-            ],
-            "position": [
-              0,
-              "-2 * Math.sin(query.modified_distance_moved * variable.speed * 0.5 + 180) * 2 * variable.animation_speed",
-              0
-            ]
-          },
-          "body": {
-            "rotation": [
-              0,
-              0,
-              "5.72958 * Math.sin(query.modified_distance_moved * variable.speed) * 4 * variable.animation_speed"
-            ],
-            "position": [
-              0,
-              "-2 * Math.cos(query.modified_distance_moved * variable.speed) * 2 * variable.animation_speed",
-              0
-            ]
-          },
-          "bristle1": {"rotation": [0, 0, "variable.bristle_flow * 74.4845"]},
-          "bristle2": {"rotation": [0, 0, "variable.bristle_flow * 68.7549"]},
-          "bristle3": {"rotation": [0, 0, "variable.bristle_flow * 34.3775"]},
-          "bristle4": {"rotation": [0, 0, "variable.bristle_flow * 68.7549"]},
-          "bristle5": {"rotation": [0, 0, "variable.bristle_flow * 74.4845"]}
-        }
-      },
-      "bristle_flow": {
-        "loop": true,
-        "bones": {
-          "bristle0": {
-            "rotation": [
-              0,
-              0,
-              "2.864789 * variable.bristle_range_mod * Math.sin(query.life_time * 20 * variable.bristle_speed_mod * -22.9183)"
-            ]
-          },
-          "bristle1": {
-            "rotation": [
-              0,
-              0,
-              "5.72958 * variable.bristle_range_mod * Math.sin(query.life_time * 20 * variable.bristle_speed_mod * 11.4592)"
-            ]
-          },
-          "bristle2": {
-            "rotation": [
-              0,
-              0,
-              "5.72958 * variable.bristle_range_mod * Math.sin(query.life_time * 20 * variable.bristle_speed_mod * 22.9183)"
-            ]
-          },
-          "bristle3": {
-            "rotation": [
-              0,
-              0,
-              "5.72958 * variable.bristle_range_mod * Math.sin(query.life_time * 20 * variable.bristle_speed_mod * 22.9183)"
-            ]
-          },
-          "bristle4": {
-            "rotation": [
-              0,
-              0,
-              "5.72958 * variable.bristle_range_mod * Math.sin(query.life_time * 20 * variable.bristle_speed_mod * 11.4592)"
-            ]
-          },
-          "bristle5": {
-            "rotation": [
-              0,
-              0,
-              "2.864789 * variable.bristle_range_mod * Math.sin(query.life_time * 20 * variable.bristle_speed_mod * -22.9183)"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.strider"]
-  },
-  "trident": {
-    "identifier": "minecraft:thrown_trident",
-    "textures": {
-      "default": "textures/entity/trident",
-      "loyalty_rope": "textures/entity/lead_knot"
-    },
-    "geometry": {
-      "default": {
-        "texturewidth": 32,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "pole",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-0.5, -3, -0.5],
-                "size": [1, 31, 1],
-                "inflate": 0.01,
-                "uv": [0, 0]
-              },
-              {"origin": [-1.5, 22, -0.5], "size": [3, 2, 1], "uv": [4, 0]},
-              {"origin": [-2.5, 23, -0.5], "size": [1, 4, 1], "uv": [4, 3]},
-              {"origin": [1.5, 23, -0.5], "size": [1, 4, 1], "uv": [4, 3]}
-            ]
-          }
-        ]
-      }
-    }
-  },
-  "tnt_minecart": {
-    "identifier": "minecraft:tnt_minecart",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "minecart"},
-    "textures": {"default": "textures/entity/minecart"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "bottom",
-            "pivot": [0, 6, 0],
-            "cubes": [
-              {
-                "origin": [-10, -6.5, -1],
-                "size": [20, 16, 2],
-                "rotation": [90, 0, 0],
-                "uv": [0, 10]
-              }
-            ]
-          },
-          {
-            "name": "back",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-17, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 270, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "front",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [1, 2.5, -1],
-                "size": [16, 8, 2],
-                "rotation": [0, 90, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "right",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, 2.5, -8],
-                "size": [16, 8, 2],
-                "rotation": [0, 180, 0],
-                "uv": [0, 0]
-              }
-            ],
-            "parent": "bottom"
-          },
-          {
-            "name": "left",
-            "pivot": [0, 0, 0],
-            "cubes": [
-              {"origin": [-8, 2.5, 6], "size": [16, 8, 2], "uv": [0, 0]}
-            ],
-            "parent": "bottom"
-          }
-        ],
-        "texturewidth": 64,
-        "textureheight": 32
-      }
-    },
-    "scripts": {
-      "pre_animation": ["variable.hurt = query.hurt_time - query.frame_alpha;"],
-      "animate": ["move"]
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {
-          "bottom": {
-            "position": [
-              "variable.rail_offset.x / query.model_scale",
-              "variable.rail_offset.y / query.model_scale",
-              "variable.rail_offset.z / query.model_scale"
-            ],
-            "rotation": [
-              "variable.hurt > 0 ? -Math.sin(variable.hurt * 360 / (Math.pi * 2)) * variable.hurt * (((20 * 2 - query.structural_integrity) - query.frame_alpha) < 0 ? 0: (20 * 2 - query.structural_integrity) - query.frame_alpha) / 10 * query.hurt_direction : 0",
-              0,
-              "-variable.rail_rotation.z"
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.minecart"]
-  },
-  "tropical_fish": {
-    "identifier": "minecraft:tropicalfish",
-    "materials": {"default": "tropicalfish"},
-    "textures": {
-      "typeA": "textures/entity/fish/tropical_a",
-      "typeB": "textures/entity/fish/tropical_b",
-      "aPattern1": "textures/entity/fish/tropical_a_pattern_1",
-      "aPattern2": "textures/entity/fish/tropical_a_pattern_2",
-      "aPattern3": "textures/entity/fish/tropical_a_pattern_3",
-      "aPattern4": "textures/entity/fish/tropical_a_pattern_4",
-      "aPattern5": "textures/entity/fish/tropical_a_pattern_5",
-      "aPattern6": "textures/entity/fish/tropical_a_pattern_6",
-      "bPattern1": "textures/entity/fish/tropical_b_pattern_1",
-      "bPattern2": "textures/entity/fish/tropical_b_pattern_2",
-      "bPattern3": "textures/entity/fish/tropical_b_pattern_3",
-      "bPattern4": "textures/entity/fish/tropical_b_pattern_4",
-      "bPattern5": "textures/entity/fish/tropical_b_pattern_5",
-      "bPattern6": "textures/entity/fish/tropical_b_pattern_6"
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.ZRot = !query.is_in_water ? Math.cos((query.time_stamp + query.frame_alpha) * 0.25) * 90 : 0.0;",
-        "variable.AnimationAmountBlend = Math.lerp(variable.AnimationAmountPrev, variable.AnimationAmount, query.frame_alpha);"
-      ]
-    },
-    "geometry": {
-      "typeA": {
-        "visible_bounds_width": 0.5,
-        "visible_bounds_height": 0.5,
-        "bones": [
-          {
-            "pivot": [-0.5, 0, 0],
-            "cubes": [
-              {"origin": [-1, 0, -3], "size": [2, 3, 6], "uv": [0, 0]},
-              {"origin": [0, 3, -2.9992], "size": [0, 4, 6], "uv": [10, -6]}
-            ],
-            "name": "body"
-          },
-          {
-            "pivot": [0, 0, 3],
-            "cubes": [{"origin": [0, 0, 3], "size": [0, 3, 4], "uv": [24, -4]}],
-            "name": "tailfin",
-            "parent": "body"
-          },
-          {
-            "pivot": [0.5, 0, 1],
-            "bind_pose_rotation": [0, -35, 0],
-            "cubes": [
-              {"origin": [0.336, 0, -0.10594], "size": [2, 2, 0], "uv": [2, 12]}
-            ],
-            "name": "leftFin",
-            "parent": "body"
-          },
-          {
-            "pivot": [-0.5, 0, 1],
-            "bind_pose_rotation": [0, 35, 0],
-            "cubes": [
-              {
-                "origin": [-2.336, 0, -0.10594],
-                "size": [2, 2, 0],
-                "uv": [2, 16]
-              }
-            ],
-            "name": "rightFin",
-            "parent": "body"
-          }
-        ],
-        "texturewidth": 32,
-        "textureheight": 32
-      },
-      "typeB": {
-        "visible_bounds_width": 0.5,
-        "visible_bounds_height": 0.5,
-        "bones": [
-          {
-            "pivot": [-0.5, 0, 0],
-            "cubes": [
-              {"origin": [-1, 0, -0.0008], "size": [2, 6, 6], "uv": [0, 20]},
-              {"origin": [0, -5, -0.0008], "size": [0, 5, 6], "uv": [20, 21]},
-              {"origin": [0, 6, -0.0008], "size": [0, 5, 6], "uv": [20, 10]}
-            ],
-            "name": "body"
-          },
-          {
-            "pivot": [0, 0, 6],
-            "cubes": [
-              {"origin": [0, 0.0008, 6], "size": [0, 6, 5], "uv": [21, 16]}
-            ],
-            "name": "tailfin",
-            "parent": "body"
-          },
-          {
-            "pivot": [0.5, 0, 1],
-            "bind_pose_rotation": [0, -35, 0],
-            "cubes": [
-              {
-                "origin": [2.05673, 0, 2.35152],
-                "size": [2, 2, 0],
-                "uv": [2, 12]
-              }
-            ],
-            "name": "leftFin",
-            "parent": "body"
-          },
-          {
-            "pivot": [-0.5, 0, 1],
-            "bind_pose_rotation": [0, 35, 0],
-            "cubes": [
-              {
-                "origin": [-4.05673, 0, 2.35152],
-                "size": [2, 2, 0],
-                "uv": [2, 16]
-              }
-            ],
-            "name": "rightFin",
-            "parent": "body"
-          }
-        ],
-        "texturewidth": 32,
-        "textureheight": 32
-      }
-    },
-    "animations": {
-      "flop": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 45.0) * 2.0",
-              "variable.zrot"
-            ]
-          },
-          "tailfin": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 45.0) * -25.75",
-              0
-            ]
-          }
-        }
-      },
-      "swim": {
-        "loop": true,
-        "bones": {
-          "tailfin": {
-            "rotation": [
-              0,
-              "math.cos(variable.animationamountblend * 30.0) * -25.75",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "flopping",
-        "states": {
-          "flopping": {
-            "animations": ["flop"],
-            "transitions": [
-              {"swimming": "query.is_in_water || query.is_levitating"}
-            ]
-          },
-          "swimming": {
-            "animations": ["swim"],
-            "transitions": [
-              {"flopping": "!query.is_in_water && !query.is_levitating"}
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.tropicalfish"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 44}
-  },
-  "turtle": {
-    "identifier": "minecraft:turtle",
-    "materials": {"default": "turtle"},
-    "textures": {"default": "textures/entity/turtle/big_sea_turtle"},
-    "geometry": {
-      "default": {
-        "texturewidth": 128,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 5, -10],
-            "cubes": [{"origin": [-3, 1, -13], "size": [6, 5, 6], "uv": [2, 0]}]
-          },
-          {
-            "name": "eggbelly",
-            "parent": "body",
-            "pivot": [0, 13, -10],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-4.5, -8, -24], "size": [9, 18, 1], "uv": [69, 33]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 13, -10],
-            "bind_pose_rotation": [90, 0, 0],
-            "cubes": [
-              {"origin": [-9.5, -10, -20], "size": [19, 20, 6], "uv": [6, 37]},
-              {"origin": [-5.5, -8, -23], "size": [11, 18, 3], "uv": [30, 1]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-3.5, 2, 11],
-            "cubes": [
-              {"origin": [-5.5, 1, 11], "size": [4, 1, 10], "uv": [0, 23]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [3.5, 2, 11],
-            "cubes": [
-              {"origin": [1.5, 1, 11], "size": [4, 1, 10], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "leg2",
-            "parent": "body",
-            "pivot": [-5, 3, -4],
-            "cubes": [
-              {"origin": [-18, 2, -6], "size": [13, 1, 5], "uv": [26, 30]}
-            ]
-          },
-          {
-            "name": "leg3",
-            "parent": "body",
-            "pivot": [5, 3, -4],
-            "cubes": [
-              {"origin": [5, 2, -6], "size": [13, 1, 5], "uv": [26, 24]}
-            ]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.timeMultiplier = query.has_rider ? 0.39972 : 1.0;",
-        "variable.backLegMultiplier = query.has_rider ? 0.5 : 3.0;",
-        "variable.frontLegMultiplier = query.has_rider ? 2.0 : 8.0;",
-        "variable.legSpeedMultiplier = query.has_rider ? 2.0 : 5.0;"
-      ],
-      "scale": "1.2"
-    },
-    "animations": {
-      "general": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [0, "query.is_pregnant ? 1.0 : 0.0", 0],
-            "rotation": ["-this", 0, 0]
-          },
-          "eggbelly": {
-            "position": [0, -0.08, 0],
-            "rotation": ["-this", 0, 0],
-            "scale": "query.is_pregnant ? 1.0 : 0.0"
-          }
-        }
-      },
-      "move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              "math.clamp(math.cos(query.anim_time * 22.92) * query.modified_move_speed * 28.65, -90.0, 90.0) - this",
-              "-this",
-              "-this"
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "math.clamp(math.cos(query.anim_time * 22.92 + 180) * query.modified_move_speed * 28.65, -90.0, 90.0) - this",
-              "-this",
-              "-this"
-            ]
-          },
-          "leg2": {
-            "rotation": [
-              "-this",
-              "-this",
-              "math.clamp(math.cos(query.anim_time * 22.92 + 180) * query.modified_move_speed * 28.65, -90.0, 90.0) - this"
-            ]
-          },
-          "leg3": {
-            "rotation": [
-              "-this",
-              "-this",
-              "math.clamp(math.cos(query.anim_time * 22.92) * query.modified_move_speed * 28.65, -90.0, 90.0) - this"
-            ]
-          }
-        }
-      },
-      "ground_move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              "-this",
-              "math.clamp(math.cos(query.anim_time * variable.timemultiplier * variable.legspeedmultiplier * 57.3 + 180) * variable.backlegmultiplier * query.modified_move_speed * 57.3, -90.0, 90.0) - this",
-              "-this"
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "-this",
-              "math.clamp(math.cos(query.anim_time * variable.timemultiplier * variable.legspeedmultiplier * 57.3) * variable.backlegmultiplier * query.modified_move_speed * 57.3, -90.0, 90.0) - this",
-              "-this"
-            ]
-          },
-          "leg2": {
-            "rotation": [
-              "-this",
-              "query.is_laying_egg ? math.cos(query.life_time * 1146.0 + 180) * 90.0 : math.clamp(math.cos(query.anim_time * variable.timemultiplier * variable.legspeedmultiplier * 57.3 + 180) * variable.frontlegmultiplier * query.modified_move_speed * 57.3, -90.0, 90.0) - this",
-              "-this"
-            ]
-          },
-          "leg3": {
-            "rotation": [
-              "-this",
-              "query.is_laying_egg ? math.cos(query.life_time * 1146.0) * 90.0 : math.clamp(math.cos(query.anim_time * variable.timemultiplier * variable.legspeedmultiplier * 57.3) * variable.frontlegmultiplier * query.modified_move_speed * 57.3, -90.0, 90.0) - this",
-              "-this"
-            ]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["general"]}}
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target"],
-            "transitions": [
-              {"swimming": "query.is_in_water && !query.is_on_ground"},
-              {"walking": "!query.is_in_water && query.is_on_ground"}
-            ]
-          },
-          "swimming": {
-            "animations": ["move", "look_at_target"],
-            "transitions": [
-              {"walking": "!query.is_in_water && query.is_on_ground"}
-            ]
-          },
-          "walking": {
-            "animations": ["ground_move", "look_at_target"],
-            "transitions": [
-              {"swimming": "query.is_in_water && !query.is_on_ground"}
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.turtle"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 50}
-  },
-  "vex": {
-    "identifier": "minecraft:vex",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "vex"},
-    "textures": {
-      "default": "textures/entity/illager/vex",
-      "charging": "textures/entity/illager/vex_charging"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ]
-          },
-          {
-            "name": "rightArm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
-            ]
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-6, 13, 0],
-            "neverRender": true,
-            "parent": "rightarm"
-          },
-          {
-            "name": "leftArm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "mirror": true,
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-3.9, 0, -2], "size": [4, 12, 4], "uv": [0, 16]},
-              {"origin": [-2.9, 3, -2], "size": [6, 10, 4], "uv": [32, 0]}
-            ]
-          },
-          {
-            "name": "leftwing",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "mirror": true,
-            "cubes": [
-              {"origin": [0, 12, 0], "size": [20, 12, 1], "uv": [0, 32]}
-            ]
-          },
-          {
-            "name": "rightwing",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-20, 12, 0], "size": [20, 12, 1], "uv": [0, 32]}
-            ]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ],
-      "scale": "0.4"
-    },
-    "animations": {
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "sneaking": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["0.5 - this", 0, 0]},
-          "head": {"position": [0, 1, 0]},
-          "leftarm": {"rotation": [72, 0, 0]},
-          "leftleg": {"position": [0, -3, 4]},
-          "rightarm": {"rotation": [72, 0, 0]},
-          "rightleg": {"position": [0, -3, 4]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "bow_and_arrow": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation + 28.65",
-              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation - 5.73",
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "swimming": {
-        "animation_length": 1.3,
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": {
-              "0.7": {
-                "post": [
-                  "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)"
-                ],
-                "pre": [
-                  "math.lerp(this, 0.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0 - 0.01877 * (-65.0 * math.mod(query.modified_distance_moved, 26.0) + math.mod(query.modified_distance_moved, 26.0) * math.mod(query.modified_distance_moved, 26.0)), variable.leftarmswim_amount)"
-                ]
-              },
-              "1.1": [
-                "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)",
-                "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)"
-              ],
-              "1.3": {
-                "post": [
-                  "math.lerp(this, 90.0 - (22.5 * math.mod(query.modified_distance_moved, 26.0)), variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)"
-                ],
-                "pre": [
-                  "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)"
-                ]
-              }
-            }
-          },
-          "leftleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.modified_distance_moved * 19.5 + 180.0) * 17.2, variable.leftarmswim_amount) - this",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": {
-              "0.7": {
-                "post": [
-                  "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)"
-                ],
-                "pre": [
-                  "math.lerp(this, 0.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, -0.1019 * (-65.0 * math.mod(query.modified_distance_moved, 26.0) + math.mod(query.modified_distance_moved, 26.0) * math.mod(query.modified_distance_moved, 26.0)), variable.rightarmswim_amount)"
-                ]
-              },
-              "1.1": [
-                "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)",
-                "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)"
-              ],
-              "1.3": {
-                "post": [
-                  "math.lerp(this, 90.0 - (22.5 * math.mod(query.modified_distance_moved, 26.0)), variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)"
-                ],
-                "pre": [
-                  "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)"
-                ]
-              }
-            }
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.modified_distance_moved * 19.5) * 17.2, variable.leftarmswim_amount) - this",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      },
-      "vex_move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leftwing": {
-            "position": [0, "-1.0 - this", "2.0 - this"],
-            "rotation": [
-              "27.0 - this",
-              "-(27.0 + math.cos(query.life_time * 916.8) * 9.0) - this",
-              "-27.0 - this"
-            ]
-          },
-          "leg0": {"rotation": ["variable.tcos0 * 1.4 + 36.0", 0, 0]},
-          "rightarm": {
-            "rotation": ["query.is_charging ? (216.0 - this) : 0.0", 0, 0]
-          },
-          "rightwing": {
-            "position": [0, "-1.0 - this", "2.0 - this"],
-            "rotation": [
-              "27.0 - this",
-              "27.0 + math.cos(query.life_time * 916.8) * 9.0 - this",
-              "27.0 - this"
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      },
-      "holding": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["holding"]}}
-      },
-      "brandish_spear": {
-        "initial_state": "default",
-        "states": {
-          "brandish_spear": {
-            "animations": ["brandish_spear"],
-            "transitions": [{"default": "!variable.is_brandishing_spear"}]
-          },
-          "default": {
-            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
-          }
-        }
-      },
-      "charging": {
-        "initial_state": "default",
-        "states": {
-          "charging": {
-            "animations": ["charging"],
-            "transitions": [{"default": "!query.is_charging"}]
-          },
-          "default": {"transitions": [{"charging": "query.is_charging"}]}
-        }
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "sneaking": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
-          "sneaking": {
-            "animations": ["sneaking"],
-            "transitions": [{"default": "!query.is_sneaking"}]
-          }
-        }
-      },
-      "bob": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bob"]}}
-      },
-      "damage_nearby_mobs": {
-        "initial_state": "default",
-        "states": {
-          "damage_nearby_mobs": {
-            "animations": ["damage_nearby_mobs"],
-            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
-          },
-          "default": {
-            "transitions": [
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
-            ]
-          }
-        }
-      },
-      "bow_and_arrow": {
-        "initial_state": "default",
-        "states": {
-          "bow_and_arrow": {
-            "animations": ["bow_and_arrow"],
-            "transitions": [{"default": "!query.has_target"}]
-          },
-          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
-        }
-      },
-      "swimming": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"swimming": "variable.swim_amount > 0.0"}]
-          },
-          "swimming": {
-            "animations": ["swimming"],
-            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
-          }
-        }
-      },
-      "use_item_progress": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
-              }
-            ]
-          },
-          "use_item_progress": {
-            "animations": ["use_item_progress"],
-            "transitions": [
-              {
-                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
-              }
-            ]
-          }
-        }
-      },
-      "vex_move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["vex_move"]}}
-      }
-    },
-    "render_controllers": ["controller.render.vex"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 41}
-  },
-  "villager": {
-    "identifier": "minecraft:villager",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "villager"},
-    "textures": {
-      "farmer": "textures/entity/villager/profession/farmer",
-      "librarian": "textures/entity/villager/profession/librarian",
-      "priest": "textures/entity/villager/profession/cleric",
-      "smith": "textures/entity/villager/profession/weaponsmith",
-      "butcher": "textures/entity/villager/profession/butcher"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 2.5,
-        "visible_bounds_offset": [0, 1.25, 0],
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 10, 8], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "nose",
-            "parent": "head",
-            "pivot": [0, 26, 0],
-            "cubes": [
-              {"origin": [-1, 23, -6], "size": [2, 4, 2], "uv": [24, 0]}
-            ]
-          },
-          {
-            "name": "body",
-            "cubes": [
-              {"origin": [-4, 12, -3], "size": [8, 12, 6], "uv": [16, 20]},
-              {
-                "origin": [-4, 6, -3],
-                "size": [8, 18, 6],
-                "uv": [0, 38],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "arms",
-            "parent": "body",
-            "pivot": [0, 22, 0],
-            "cubes": [
-              {"origin": [-4, 16, -2], "size": [8, 4, 4], "uv": [40, 38]},
-              {"origin": [-8, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
-              {"origin": [4, 16, -2], "size": [4, 8, 4], "uv": [44, 22]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-2, 12, 0],
-            "cubes": [
-              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [2, 12, 0],
-            "cubes": [{"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}]
-          }
-        ]
-      }
-    },
-    "scripts": {"scale": "0.9375"},
-    "animations": {
-      "general": {
-        "loop": true,
-        "bones": {
-          "arms": {"position": [0, -1, -1], "rotation": ["-42.97 - this", 0, 0]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              "(math.cos(query.anim_time * 38.17) * 40.0) - this",
-              "-this",
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "(math.cos(query.anim_time * 38.17 + 180) * 40.0) - this",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "baby_transform": {"loop": true, "bones": {"head": {"scale": 1.5}}}
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["general", {"look_at_target": "!query.is_sleeping"}]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {"animations": [{"move": "query.modified_move_speed"}]}
-        }
-      },
-      "baby": {
-        "initial_state": "baby",
-        "states": {
-          "baby": {"animations": [{"baby_transform": "query.is_baby"}]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.villager"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 14}
-  },
-  "vindicator": {
-    "identifier": "minecraft:vindicator",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "vindicator"},
-    "textures": {"default": "textures/entity/illager/vindicator"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 2.5,
-        "visible_bounds_offset": [0, 1.25, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 10, 8], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "nose",
-            "parent": "head",
-            "pivot": [0, 26, 0],
-            "cubes": [
-              {"origin": [-1, 23, -6], "size": [2, 4, 2], "uv": [24, 0]}
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -3], "size": [8, 12, 6], "uv": [16, 20]},
-              {
-                "origin": [-4, 6, -3],
-                "size": [8, 18, 6],
-                "uv": [0, 38],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "arms",
-            "parent": "body",
-            "pivot": [0, 22, 0],
-            "cubes": [
-              {"origin": [-8, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
-              {"origin": [4, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
-              {"origin": [-4, 16, -2], "size": [8, 4, 4], "uv": [40, 38]}
-            ]
-          },
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-2, 12, 0],
-            "cubes": [
-              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [2, 12, 0],
-            "mirror": true,
-            "cubes": [{"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}]
-          },
-          {
-            "name": "rightArm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
-            ]
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-5.5, 16, 0.5],
-            "neverRender": true,
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftArm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "mirror": true,
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
-            ]
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 39},
-    "scripts": {
-      "scale": "0.9375",
-      "animate": [
-        "vindicator_base",
-        "vindicator_walk",
-        "controller_look_at_target",
-        "controller_vindicator_base",
-        "controller_riding"
-      ]
-    },
-    "animations": {
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {"leftarm": {"rotation": [-36, 0, 0]}}
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leg0": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]},
-          "leg1": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]}
-        }
-      },
-      "vindicator_base": {
-        "loop": true,
-        "bones": {
-          "arms": {
-            "position": [0, "-3.0 - this", "-1.0 - this"],
-            "rotation": ["-42.97 - this", 0, 0]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.cos(query.life_time * 20.0 * 3.84) * 2.87",
-              -9,
-              "-1 * (math.cos(query.life_time * 20.0 * 5.16) * 2.87 + 2.87)"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.cos(query.life_time * 20.0 * 3.84) * 2.87",
-              9,
-              "math.cos(query.life_time * 20.0 * 5.16) * 2.87 + 2.87"
-            ]
-          }
-        }
-      },
-      "vindicator_attack": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.is_riding ? 0.0 : ((math.cos(query.life_time * 20.0 * 10.89) * 28.65) + (math.sin(variable.attack_time * 180.0) * 68.76 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0)) * 22.92))",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "(-108 + math.cos(query.life_time * 20.0 * 3.84) * 2.87) + (math.sin(variable.attack_time * 180.0) * 126.05 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0)) * 22.92)",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "vindicator_hand_attack": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "(-108 + math.cos(query.life_time * 20.0 * 3.84) * 2.87) + (math.sin(variable.attack_time * 180.0) * 126.05 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0)) * 22.92)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "(-108 + math.cos(query.life_time * 20.0 * 3.84) * 2.87) + (math.sin(variable.attack_time * 180.0) * 126.05 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0)) * 22.92)",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "vindicator_walk": {
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              "(math.cos(query.modified_distance_moved * 38.17) * 80.21) * query.modified_move_speed * 0.5",
-              0,
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "(math.cos(query.modified_distance_moved * 38.17 + 180) * 80.21) * query.modified_move_speed * 0.5",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "celebrating": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "(math.cos(query.life_time * 800.0) * 2.865)",
-              180,
-              -135
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "(math.cos(query.life_time * 800.0) * 2.865)",
-              180,
-              153
-            ]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.vindicator"],
-    "enable_attachables": true,
-    "animation_controllers": {
-      "controller_look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "controller_vindicator_base": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "blend_transition": 0.2,
-            "blend_via_shortest_path": true,
-            "transitions": [
-              {"celebrating": "query.is_celebrating"},
-              {
-                "hand_attack": "!query.is_item_equipped && variable.has_target && variable.attack_time >= 0.0"
-              },
-              {
-                "melee_attack": "query.is_item_equipped && variable.has_target && variable.attack_time >= 0.0"
-              }
-            ]
-          },
-          "hand_attack": {
-            "blend_transition": 0.2,
-            "blend_via_shortest_path": true,
-            "animations": ["vindicator_hand_attack"],
-            "transitions": [
-              {
-                "default": "query.is_item_equipped || !variable.has_target || variable.attack_time < 0.0 || query.is_celebrating"
-              }
-            ]
-          },
-          "melee_attack": {
-            "blend_transition": 0.2,
-            "blend_via_shortest_path": true,
-            "animations": ["vindicator_attack"],
-            "transitions": [
-              {
-                "default": "!query.is_item_equipped || !variable.has_target || variable.attack_time < 0.0 || query.is_celebrating"
-              }
-            ]
-          },
-          "celebrating": {
-            "animations": ["celebrating"],
-            "blend_transition": 0.2,
-            "blend_via_shortest_path": true,
-            "transitions": [{"default": "!query.is_celebrating"}]
-          }
-        }
-      },
-      "controller_riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      }
-    }
-  },
-  "wandering_trader": {
-    "identifier": "minecraft:wandering_trader",
-    "materials": {"default": "wandering_trader"},
-    "textures": {"default": "textures/entity/wandering_trader"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 2.5,
-        "visible_bounds_offset": [0, 1.25, 0],
-        "bones": [
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 10, 8], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "helmet",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 10, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "brim",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "bind_pose_rotation": [-90, 0, 0],
-            "cubes": [
-              {
-                "origin": [-8, 16, -6],
-                "size": [16, 16, 1],
-                "uv": [30, 47],
-                "inflate": 0.1
-              }
-            ]
-          },
-          {
-            "name": "nose",
-            "parent": "head",
-            "pivot": [0, 26, 0],
-            "cubes": [
-              {"origin": [-1, 23, -6], "size": [2, 4, 2], "uv": [24, 0]}
-            ]
-          },
-          {
-            "name": "body",
-            "locators": {"lead_hold": [0, 40, 0]},
-            "cubes": [
-              {"origin": [-4, 12, -3], "size": [8, 12, 6], "uv": [16, 20]},
-              {
-                "origin": [-4, 6, -3],
-                "size": [8, 18, 6],
-                "uv": [0, 38],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {
-            "name": "arms",
-            "parent": "body",
-            "pivot": [0, 22, 0],
-            "cubes": [
-              {"origin": [-4, 16, -2], "size": [8, 4, 4], "uv": [40, 38]},
-              {"origin": [-8, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
-              {
-                "origin": [4, 16, -2],
-                "size": [4, 8, 4],
-                "uv": [44, 22],
-                "mirror": true
-              }
-            ]
-          },
-          {"name": "held_item", "parent": "arms", "pivot": [0, 0, 0]},
-          {
-            "name": "leg0",
-            "parent": "body",
-            "pivot": [-2, 12, 0],
-            "cubes": [
-              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "parent": "body",
-            "pivot": [2, 12, 0],
-            "cubes": [
-              {
-                "origin": [0, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 22],
-                "mirror": true
-              }
-            ]
-          }
-        ]
-      }
-    },
-    "scripts": {"scale": "0.9375"},
-    "animations": {
-      "general": {
-        "loop": true,
-        "bones": {
-          "arms": {"position": [0, -1, -1], "rotation": ["-42.97 - this", 0, 0]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "raise_arms": {
-        "loop": true,
-        "bones": {"arms": {"rotation": ["variable.raise_arms * -15.0", 0, 0]}}
-      },
-      "move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              "(math.cos(query.anim_time * 38.17) * 40.0) - this",
-              "-this",
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "(math.cos(query.anim_time * 38.17 + 180) * 40.0) - this",
-              "-this",
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["general", {"look_at_target": "!query.is_sleeping"}]
-          }
-        }
-      },
-      "raise_arms": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"raising": "variable.raise_arms > 0.0"}]
-          },
-          "raising": {
-            "animations": ["raise_arms"],
-            "transitions": [{"default": "variable.raise_arms == 0.0"}]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {"animations": [{"move": "query.modified_move_speed"}]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.wandering_trader"],
-    "spawn_egg": {"texture": "spawn_egg_wandering_trader"}
-  },
-  "witch": {
-    "identifier": "minecraft:witch",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "witch"},
-    "textures": {"default": "textures/entity/witch"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1.5, 0],
-        "texturewidth": 64,
-        "textureheight": 128,
-        "bones": [
-          {
-            "name": "nose",
-            "parent": "head",
-            "cubes": [
-              {
-                "origin": [0, 25, -6.75],
-                "size": [1, 1, 1],
-                "uv": [0, 0],
-                "inflate": -0.25
-              }
-            ]
-          },
-          {
-            "name": "hat",
-            "parent": "head",
-            "pivot": [-5, 32.03125, -5],
-            "cubes": [
-              {"origin": [-5, 32.05, -5], "size": [10, 2, 10], "uv": [0, 64]}
-            ]
-          },
-          {
-            "name": "hat2",
-            "parent": "hat",
-            "pivot": [1.75, 32, 2],
-            "cubes": [
-              {"origin": [-3.25, 33.5, -3], "size": [7, 4, 7], "uv": [0, 76]}
-            ],
-            "rotation": [-3, 0, 1.5]
-          },
-          {
-            "name": "hat3",
-            "parent": "hat2",
-            "pivot": [1.75, 35, 2],
-            "cubes": [
-              {"origin": [-1.5, 36.5, -1], "size": [4, 4, 4], "uv": [0, 87]}
-            ],
-            "rotation": [-6, 0, 3]
-          },
-          {
-            "name": "hat4",
-            "parent": "hat3",
-            "pivot": [1.75, 38, 2],
-            "cubes": [
-              {
-                "origin": [0.25, 40, 1],
-                "size": [1, 2, 1],
-                "uv": [0, 95],
-                "inflate": 0.25
-              }
-            ],
-            "rotation": [-12, 0, 6]
-          }
-        ]
-      }
-    },
-    "scripts": {"scale": "0.9375"},
-    "animations": {
-      "villager_general": {
-        "loop": true,
-        "bones": {
-          "arms": {"position": [0, -1, -1], "rotation": ["-42.97 - this", 0, 0]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "anim_time_update": "query.modified_distance_moved",
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              "(math.cos(query.anim_time * 38.17) * 40.0) - this",
-              "-this",
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "(math.cos(query.anim_time * 38.17 + 180) * 40.0) - this",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "general": {
-        "loop": true,
-        "bones": {
-          "nose": {
-            "rotation": [
-              "(variable.isholdingitem ? -25.7831 : (math.sin(query.life_time * 57.296) * 4.5)) - this",
-              0,
-              "(math.cos(query.life_time * 57.296) * 2.5) - this"
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "general": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["villager_general", "look_at_target", "general"]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {"animations": [{"move": "query.modified_move_speed"}]}
-        }
-      }
-    },
-    "render_controllers": ["controller.render.witch"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 17}
-  },
-  "wither": {
-    "identifier": "minecraft:wither",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "wither_boss", "armor": "wither_boss_armor"},
-    "textures": {
-      "default": "textures/entity/wither/wither",
-      "armor_white": "textures/entity/wither/wither_armor",
-      "armor_blue": "textures/entity/wither/wither_armor",
-      "invulnerable": "textures/entity/wither/wither_invulnerable"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 3,
-        "visible_bounds_height": 4,
-        "visible_bounds_offset": [0, 2, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "upperBodyPart1",
-            "cubes": [
-              {"origin": [-10, 17.1, -0.5], "size": [20, 3, 3], "uv": [0, 16]}
-            ]
-          },
-          {
-            "name": "upperBodyPart2",
-            "parent": "upperBodyPart1",
-            "pivot": [-2, 17.1, -0.5],
-            "cubes": [
-              {"origin": [-2, 7.1, -0.5], "size": [3, 10, 3], "uv": [0, 22]},
-              {"origin": [-6, 13.6, 0], "size": [11, 2, 2], "uv": [24, 22]},
-              {"origin": [-6, 11.1, 0], "size": [11, 2, 2], "uv": [24, 22]},
-              {"origin": [-6, 8.6, 0], "size": [11, 2, 2], "uv": [24, 22]}
-            ]
-          },
-          {
-            "name": "upperBodyPart3",
-            "parent": "upperBodyPart2",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [0, 18, 0], "size": [3, 6, 3], "uv": [12, 22]}]
-          },
-          {
-            "name": "head1",
-            "parent": "upperBodyPart1",
-            "pivot": [0, 20, 0],
-            "cubes": [{"origin": [-4, 20, -4], "size": [8, 8, 8], "uv": [0, 0]}]
-          },
-          {
-            "name": "head2",
-            "parent": "upperBodyPart1",
-            "pivot": [-9, 18, -1],
-            "cubes": [
-              {"origin": [-12, 18, -4], "size": [6, 6, 6], "uv": [32, 0]}
-            ]
-          },
-          {
-            "name": "head3",
-            "parent": "upperBodyPart1",
-            "pivot": [9, 18, -1],
-            "cubes": [{"origin": [6, 18, -4], "size": [6, 6, 6], "uv": [32, 0]}]
-          }
-        ]
-      },
-      "armor": {
-        "visible_bounds_width": 3,
-        "visible_bounds_height": 4,
-        "visible_bounds_offset": [0, 2, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "upperBodyPart1",
-            "cubes": [
-              {"origin": [-10, 17.1, -0.5], "size": [20, 3, 3], "uv": [0, 16]}
-            ],
-            "inflate": 2
-          },
-          {
-            "name": "upperBodyPart2",
-            "parent": "upperBodyPart1",
-            "pivot": [-2, 17.1, -0.5],
-            "cubes": [
-              {"origin": [-2, 7.1, -0.5], "size": [3, 10, 3], "uv": [0, 22]},
-              {"origin": [-6, 13.6, 0], "size": [11, 2, 2], "uv": [24, 22]},
-              {"origin": [-6, 11.1, 0], "size": [11, 2, 2], "uv": [24, 22]},
-              {"origin": [-6, 8.6, 0], "size": [11, 2, 2], "uv": [24, 22]}
-            ],
-            "inflate": 2
-          },
-          {
-            "name": "upperBodyPart3",
-            "parent": "upperBodyPart2",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [0, 18, 0], "size": [3, 6, 3], "uv": [12, 22]}
-            ],
-            "inflate": 2
-          },
-          {
-            "name": "head1",
-            "parent": "upperBodyPart1",
-            "pivot": [0, 20, 0],
-            "cubes": [
-              {"origin": [-4, 20, -4], "size": [8, 8, 8], "uv": [0, 0]}
-            ],
-            "inflate": 2
-          },
-          {
-            "name": "head2",
-            "parent": "upperBodyPart1",
-            "pivot": [-9, 18, -1],
-            "cubes": [
-              {"origin": [-12, 18, -4], "size": [6, 6, 6], "uv": [32, 0]}
-            ],
-            "inflate": 2
-          },
-          {
-            "name": "head3",
-            "parent": "upperBodyPart1",
-            "pivot": [9, 18, -1],
-            "cubes": [
-              {"origin": [6, 18, -4], "size": [6, 6, 6], "uv": [32, 0]}
-            ],
-            "inflate": 2
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.base_scale = 2;",
-        "variable.swell_clamped = Math.clamp(query.swell_amount, 0.0, 1.0);",
-        "variable.wobble = 1.0 + Math.sin(query.swell_amount * 5730) * query.swell_amount * 0.01;",
-        "variable.swell_adjustment = Math.pow(variable.swell_clamped, 4);",
-        "variable.scale_xz = (1.0 + variable.swell_adjustment * 0.4) * variable.wobble;",
-        "variable.scale_y = (1.0 + variable.swell_adjustment * 0.1) / variable.wobble;",
-        "variable.body_base_rotation = Math.cos(query.life_time * 114.6);",
-        "variable.upper_body_rotation = (0.065 + 0.05 * variable.body_base_rotation) * 180 + query.target_x_rotation;",
-        "variable.is_invulnerable = query.invulnerable_ticks > 0.0;",
-        "variable.display_normal_skin = (query.invulnerable_ticks <= 0) || ((query.invulnerable_ticks <= 80) && (Math.mod(query.invulnerable_ticks / 5, 2) == 1));"
-      ],
-      "scalex": "variable.scale_xz * variable.base_scale",
-      "scaley": "variable.scale_y * variable.base_scale",
-      "scalez": "variable.scale_xz * variable.base_scale"
-    },
-    "animations": {
-      "scale": {
-        "loop": true,
-        "bones": {"upperbodypart1": {"rotation": ["-this", "-this", "-this"]}}
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "upperbodypart2": {
-            "rotation": [
-              "variable.upper_body_rotation - this",
-              "-this",
-              "-this"
-            ]
-          },
-          "upperbodypart3": {
-            "position": [-2, -16.9, -0.5],
-            "rotation": [
-              "((0.2 + 0.1 * variable.body_base_rotation) * 180) - this",
-              "-this",
-              "-this"
-            ]
-          }
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head1": {
-            "rotation": [
-              "query.head_x_rotation(0) - this",
-              "query.head_y_rotation(0) - this",
-              "-this"
-            ]
-          },
-          "head2": {
-            "rotation": [
-              "query.head_x_rotation(1) - this",
-              "query.head_y_rotation(1) - this",
-              "-this"
-            ]
-          },
-          "head3": {
-            "rotation": [
-              "query.head_x_rotation(2) - this",
-              "query.head_y_rotation(2) - this",
-              "-this"
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "move": {
-        "initial_state": "default",
-        "states": {
-          "default": {"animations": ["scale", "move", "look_at_target"]}
-        }
-      }
-    },
-    "render_controllers": [
-      "controller.render.wither_boss",
-      "controller.render.wither_boss_armor_white",
-      "controller.render.wither_boss_armor_blue"
-    ]
-  },
-  "wither_skeleton": {
-    "identifier": "minecraft:wither_skeleton",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "skeleton"},
-    "textures": {"default": "textures/entity/skeleton/wither_skeleton"},
-    "geometry": {
-      "default": {
-        "texturewidth": 64,
-        "textureheight": 32,
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1.5, 0],
-        "bones": [
-          {
-            "name": "body",
-            "parent": "waist",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ]
-          },
-          {"name": "waist", "pivot": [0, 12, 0]},
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [{"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}]
-          },
-          {
-            "name": "hat",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ],
-            "neverRender": true
-          },
-          {
-            "name": "rightArm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-6, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
-            ]
-          },
-          {
-            "name": "rightItem",
-            "parent": "rightArm",
-            "pivot": [-5, 15, 1],
-            "neverRender": true
-          },
-          {
-            "name": "leftArm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
-            ],
-            "mirror": true
-          },
-          {
-            "name": "leftItem",
-            "parent": "leftArm",
-            "pivot": [6, 15, 1],
-            "neverRender": true
-          },
-          {
-            "name": "rightLeg",
-            "parent": "body",
-            "pivot": [-2, 12, 0],
-            "cubes": [
-              {"origin": [-3, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
-            ]
-          },
-          {
-            "name": "leftLeg",
-            "parent": "body",
-            "pivot": [2, 12, 0],
-            "cubes": [
-              {"origin": [1, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
-            ],
-            "mirror": true
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ]
-    },
-    "animations": {
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "sneaking": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["0.5 - this", 0, 0]},
-          "head": {"position": [0, 1, 0]},
-          "leftarm": {"rotation": [72, 0, 0]},
-          "leftleg": {"position": [0, -3, 4]},
-          "rightarm": {"rotation": [72, 0, 0]},
-          "rightleg": {"position": [0, -3, 4]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "bow_and_arrow": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation + 28.65",
-              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation - 5.73",
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      },
-      "wither_skeleton_attack": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-90 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) - (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "5.73 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 0.6) - this",
-              "math.cos(query.life_time * 103.13244) * -2.865 - 2.865 - this"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "-90 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) + (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "(math.sin(variable.attack_time * 180.0) * 57.3) * 0.6 - 5.73 - this",
-              "math.cos(query.life_time * 103.13244) * 2.865 + 2.865 - this"
-            ]
-          }
-        }
-      },
-      "swimming": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [
-              0,
-              "variable.swim_amount * -10.0 - this",
-              "variable.swim_amount * 9.0 - this"
-            ],
-            "rotation": [
-              "variable.swim_amount * (90.0 + query.target_x_rotation)",
-              0,
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) - (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "leftleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0 + 180.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) + (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, -14.325, variable.swim_amount) + (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      },
-      "holding": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["holding"]}}
-      },
-      "brandish_spear": {
-        "initial_state": "default",
-        "states": {
-          "brandish_spear": {
-            "animations": ["brandish_spear"],
-            "transitions": [{"default": "!variable.is_brandishing_spear"}]
-          },
-          "default": {
-            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
-          }
-        }
-      },
-      "charging": {
-        "initial_state": "default",
-        "states": {
-          "charging": {
-            "animations": ["charging"],
-            "transitions": [{"default": "!query.is_charging"}]
-          },
-          "default": {"transitions": [{"charging": "query.is_charging"}]}
-        }
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "sneaking": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
-          "sneaking": {
-            "animations": ["sneaking"],
-            "transitions": [{"default": "!query.is_sneaking"}]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "initial_state": "default",
-        "states": {
-          "damage_nearby_mobs": {
-            "animations": ["damage_nearby_mobs"],
-            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
-          },
-          "default": {
-            "transitions": [
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
-            ]
-          }
-        }
-      },
-      "bow_and_arrow": {
-        "initial_state": "default",
-        "states": {
-          "bow_and_arrow": {
-            "animations": ["bow_and_arrow"],
-            "transitions": [{"default": "!query.has_target"}]
-          },
-          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
-        }
-      },
-      "use_item_progress": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
-              }
-            ]
-          },
-          "use_item_progress": {
-            "animations": ["use_item_progress"],
-            "transitions": [
-              {
-                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
-              }
-            ]
-          }
-        }
-      },
-      "wither_skeleton_attack": {
-        "initial_state": "default",
-        "states": {
-          "chase_target": {
-            "animations": ["wither_skeleton_attack"],
-            "transitions": [{"default": "!variable.has_target"}]
-          },
-          "default": {"transitions": [{"chase_target": "variable.has_target"}]}
-        }
-      },
-      "swimming": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_swimming": "variable.swim_amount > 0.0"}]
-          },
-          "is_swimming": {
-            "animations": ["swimming"],
-            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.wither_skeleton"],
-    "enable_attachables": true,
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 29}
-  },
-  "wither_skull": {
-    "identifier": "minecraft:wither_skull",
-    "materials": {"default": "wither_skull"},
-    "textures": {"default": "textures/entity/wither/wither"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "head",
-            "cubes": [{"origin": [-4, 0, -4], "size": [8, 8, 8], "uv": [0, 35]}]
-          }
-        ],
-        "visible_bounds_width": 1,
-        "visible_bounds_height": 1,
-        "texturewidth": 64,
-        "textureheight": 64
-      }
-    },
-    "animations": {
-      "move": {
-        "loop": true,
-        "bones": {"head": {"rotation": [0, "-query.target_y_rotation", 0]}}
-      }
-    },
-    "scripts": {"animate": ["move"]},
-    "render_controllers": ["controller.render.wither_skull"]
-  },
-  "wolf": {
-    "identifier": "minecraft:wolf",
-    "materials": {"default": "wolf"},
-    "textures": {
-      "default": "textures/entity/wolf/wolf",
-      "angry": "textures/entity/wolf/wolf_angry",
-      "tame": "textures/entity/wolf/wolf_tame"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 1,
-        "visible_bounds_offset": [0, 0.5, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "head",
-            "pivot": [-1, 10.5, -7],
-            "locators": {"lead": [-1, 10.5, -7]},
-            "cubes": [
-              {"origin": [-4, 7.5, -9], "size": [6, 6, 4], "uv": [0, 0]},
-              {"origin": [-4, 13.5, -7], "size": [2, 2, 1], "uv": [16, 14]},
-              {"origin": [0, 13.5, -7], "size": [2, 2, 1], "uv": [16, 14]},
-              {
-                "origin": [-2.5, 7.515625, -12],
-                "size": [3, 3, 4],
-                "uv": [0, 10]
-              }
-            ]
-          },
-          {
-            "name": "body",
-            "pivot": [0, 10, 2],
-            "cubes": [
-              {"origin": [-4, 3, -1], "size": [6, 9, 6], "uv": [18, 14]}
-            ]
-          },
-          {
-            "name": "upperBody",
-            "pivot": [-1, 10, 2],
-            "cubes": [{"origin": [-5, 7, -1], "size": [8, 6, 7], "uv": [21, 0]}]
-          },
-          {
-            "name": "leg0",
-            "pivot": [-2.5, 8, 7],
-            "cubes": [
-              {"origin": [-3.5, 0, 6], "size": [2, 8, 2], "uv": [0, 18]}
-            ]
-          },
-          {
-            "name": "leg1",
-            "pivot": [0.5, 8, 7],
-            "cubes": [
-              {"origin": [-0.5, 0, 6], "size": [2, 8, 2], "uv": [0, 18]}
-            ]
-          },
-          {
-            "name": "leg2",
-            "pivot": [-2.5, 8, -4],
-            "cubes": [
-              {"origin": [-3.5, 0, -5], "size": [2, 8, 2], "uv": [0, 18]}
-            ]
-          },
-          {
-            "name": "leg3",
-            "pivot": [0.5, 8, -4],
-            "cubes": [
-              {"origin": [-0.5, 0, -5], "size": [2, 8, 2], "uv": [0, 18]}
-            ]
-          },
-          {
-            "name": "tail",
-            "pivot": [-1, 12, 8],
-            "cubes": [{"origin": [-2, 4, 7], "size": [2, 8, 2], "uv": [9, 18]}]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.body_shake_angle = 0.05 * query.frame_alpha + query.shake_angle;",
-        "variable.body_roll_progress = Math.clamp((variable.body_shake_angle - 0.16) / 1.8, 0, 1);",
-        "variable.body_rot_z = Math.sin(variable.body_roll_progress * 180) * Math.sin(variable.body_roll_progress * 1980) * 27;",
-        "variable.upper_body_roll_progress = Math.clamp((variable.body_shake_angle - 0.08) / 1.8, 0, 1);",
-        "variable.upper_body_rot_z = (Math.sin(variable.upper_body_roll_progress * 180) * Math.sin(variable.upper_body_roll_progress * 1980) * 27) - variable.body_rot_z;",
-        "variable.tail_roll_progress = Math.clamp((variable.body_shake_angle - 0.2) / 1.8, 0, 1);",
-        "variable.tail_rot_z = (Math.sin(variable.tail_roll_progress * 180) * Math.sin(variable.tail_roll_progress * 1980) * 27) - variable.body_rot_z;",
-        "variable.head_roll_progress = Math.clamp(variable.body_shake_angle / 1.8, 0, 1);",
-        "variable.head_rot_z = (Math.sin(variable.head_roll_progress * 180) * Math.sin(variable.head_roll_progress * 1980) * 27) - variable.body_rot_z;"
-      ]
-    },
-    "animations": {
-      "wolf_setup": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": ["-this", "-14 - this", "2.0 - this"],
-            "rotation": ["90 - this", 0, 0]
-          },
-          "leg0": {"position": ["-2.5 - this", "-16 - this", "7 - this"]},
-          "leg1": {"position": ["0.5 - this", "-16 - this", "7 - this"]},
-          "leg2": {"position": ["-2.5 - this", "-16 - this", "-4 - this"]},
-          "leg3": {"position": ["0.5 - this", "-16 - this", "-4 - this"]},
-          "tail": {"position": ["-1.0 - this", "-12 - this", "8.0 - this"]},
-          "upperbody": {
-            "position": ["-1.0 - this", "-14 - this", "-3.0 - this"],
-            "rotation": ["90 - this", 0, 0]
-          }
-        }
-      },
-      "wolf_baby_scaling": {
-        "loop": true,
-        "bones": {"head": {"position": [0, 1, -2], "scale": 1.6}}
-      },
-      "wolf_look_at": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation - this",
-              "query.target_y_rotation - this",
-              0
-            ]
-          }
-        }
-      },
-      "wolf_head_rot_z": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              0,
-              0,
-              "(query.is_interested ? (query.head_roll_angle * 57.3) : 0) + (query.is_shaking_wetness ? variable.head_rot_z : 0) - this"
-            ]
-          }
-        }
-      },
-      "wolf_tail_default": {
-        "loop": true,
-        "bones": {
-          "tail": {
-            "rotation": [
-              "query.tail_angle * 57.3 - this",
-              0,
-              "variable.tail_rot_z - this"
-            ]
-          }
-        }
-      },
-      "wolf_angry": {
-        "loop": true,
-        "bones": {
-          "tail": {
-            "rotation": [
-              0,
-              "query.is_angry ? -this : (math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed * 80.22 - this)",
-              0
-            ]
-          }
-        }
-      },
-      "wolf_sitting": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": ["-this", "-18 - this", "-this"],
-            "rotation": ["45.0 - this", 0, 0]
-          },
-          "leg0": {
-            "position": ["-2.5 - this", "-22 - this", "2 - this"],
-            "rotation": ["270 - this", 0, 0]
-          },
-          "leg1": {
-            "position": ["0.5 - this", "-22 - this", "2 - this"],
-            "rotation": ["270 - this", 0, 0]
-          },
-          "leg2": {
-            "position": ["-2.49 - this", "-17 - this", "-4 - this"],
-            "rotation": ["333 - this", 0, 0]
-          },
-          "leg3": {
-            "position": ["0.51 - this", "-17 - this", "-4 - this"],
-            "rotation": ["333 - this", 0, 0]
-          },
-          "tail": {"position": ["-1.0 - this", "-19 - this", "6.0 - this"]},
-          "upperbody": {
-            "position": ["-1.0 - this", "-16 - this", "-3.0 - this"],
-            "rotation": ["72 - this", "-this", 0]
-          }
-        }
-      },
-      "wolf_shaking": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": [0, 0, "variable.body_rot_z - this"]},
-          "upperbody": {"rotation": [0, 0, "variable.upper_body_rot_z - this"]}
-        }
-      },
-      "wolf_leg_default": {
-        "loop": true,
-        "bones": {
-          "leg0": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 80.22 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "leg1": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180) * 80.22 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "leg2": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17 + 180) * 80.22 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          },
-          "leg3": {
-            "rotation": [
-              "math.cos(query.modified_distance_moved * 38.17) * 80.22 * query.modified_move_speed - this",
-              0,
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "wolf_setup": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["wolf_setup"]}}
-      },
-      "wolf_look_at": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["wolf_look_at"]}}
-      },
-      "wolf_baby_scaling": {
-        "initial_state": "default",
-        "states": {
-          "baby": {
-            "animations": ["wolf_baby_scaling"],
-            "transitions": [{"default": "!query.is_baby"}]
-          },
-          "default": {"transitions": [{"baby": "query.is_baby"}]}
-        }
-      },
-      "wolf_head_rot_z": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {"rot": "query.is_interested || query.is_shaking_wetness"}
-            ]
-          },
-          "rot": {
-            "animations": ["wolf_head_rot_z"],
-            "transitions": [
-              {"default": "!query.is_interested && !query.is_shaking_wetness"}
-            ]
-          }
-        }
-      },
-      "wolf_tail_default": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["wolf_tail_default"]}}
-      },
-      "wolf_angry": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["wolf_angry"]}}
-      },
-      "wolf_sitting": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["wolf_leg_default"],
-            "transitions": [{"sitting": "query.is_sitting"}]
-          },
-          "sitting": {
-            "animations": ["wolf_sitting"],
-            "transitions": [{"default": "!query.is_sitting"}]
-          }
-        }
-      },
-      "wolf_shaking": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"shaking": "query.is_shaking_wetness"}]},
-          "shaking": {
-            "animations": ["wolf_shaking"],
-            "transitions": [{"default": "!query.is_shaking_wetness"}]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.wolf"],
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 4}
-  },
-  "zoglin": {
-    "identifier": "minecraft:zoglin",
-    "materials": {"default": "zoglin"},
-    "textures": {"default": "textures/entity/hoglin/zoglin"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 19, -3],
-            "cubes": [
-              {
-                "origin": [-8, 11, -7],
-                "size": [16, 14, 26],
-                "inflate": 0.02,
-                "uv": [1, 1]
-              },
-              {
-                "origin": [0, 22, -10],
-                "size": [0, 10, 19],
-                "inflate": 0.02,
-                "uv": [90, 33]
-              }
-            ],
-            "locators": {"lead": [0, 20, -5]}
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 22, -5],
-            "rotation": [50, 0, 0],
-            "cubes": [
-              {"origin": [-7, 21, -24], "size": [14, 6, 19], "uv": [61, 1]},
-              {"origin": [-8, 22, -19], "size": [2, 11, 2], "uv": [1, 13]},
-              {"origin": [6, 22, -19], "size": [2, 11, 2], "uv": [1, 13]}
-            ]
-          },
-          {
-            "name": "right_ear",
-            "parent": "head",
-            "pivot": [-7, 27, -7],
-            "rotation": [0, 0, -50],
-            "cubes": [
-              {"origin": [-13, 26, -10], "size": [6, 1, 4], "uv": [1, 1]}
-            ]
-          },
-          {
-            "name": "left_ear",
-            "parent": "head",
-            "pivot": [7, 27, -7],
-            "rotation": [0, 0, 50],
-            "cubes": [{"origin": [7, 26, -10], "size": [6, 1, 4], "uv": [1, 6]}]
-          },
-          {
-            "name": "leg_back_right",
-            "pivot": [6, 8, 17],
-            "cubes": [
-              {"origin": [-8, 0, 13], "size": [5, 11, 5], "uv": [21, 45]}
-            ]
-          },
-          {
-            "name": "leg_back_left",
-            "pivot": [-6, 8, 17],
-            "cubes": [{"origin": [3, 0, 13], "size": [5, 11, 5], "uv": [0, 45]}]
-          },
-          {
-            "name": "leg_front_right",
-            "pivot": [-6, 12, -3],
-            "cubes": [
-              {"origin": [-8, 0, -6], "size": [6, 14, 6], "uv": [66, 42]}
-            ]
-          },
-          {
-            "name": "leg_front_left",
-            "pivot": [6, 12, -3],
-            "cubes": [
-              {"origin": [2, 0, -6], "size": [6, 14, 6], "uv": [41, 42]}
-            ]
-          }
-        ],
-        "visible_bounds_width": 4,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1.5, 0],
-        "texturewidth": 128,
-        "textureheight": 64
-      }
-    },
-    "spawn_egg": {"base_color": "#c66e55", "overlay_color": "#e6e6e6"},
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos_right_side = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;",
-        "variable.tcos_left_side = -variable.tcos_right_side;",
-        "variable.attack_head_rot =  Math.sin(variable.attack_time * 180.0) * -37.3;"
-      ],
-      "animate": [
-        "walk",
-        "look_at_target",
-        {"attack": "variable.has_target && variable.attack_time >= 0.0"},
-        {"hoglin_baby_scaling": "query.is_baby"}
-      ]
-    },
-    "animations": {
-      "walk": {
-        "loop": true,
-        "bones": {
-          "left_ear": {"rotation": [0, 0, "variable.tcos_left_side * 0.5"]},
-          "right_ear": {"rotation": [0, 0, "variable.tcos_right_side * 0.5"]},
-          "leg_back_right": {"rotation": ["variable.tcos_right_side", 0, 0]},
-          "leg_back_left": {"rotation": ["variable.tcos_left_side", 0, 0]},
-          "leg_front_right": {"rotation": ["-variable.tcos_right_side", 0, 0]},
-          "leg_front_left": {"rotation": ["-variable.tcos_left_side", 0, 0]}
-        }
-      },
-      "look_at_target": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [0, "query.target_y_rotation - this", 0]
-          }
-        }
-      },
-      "attack": {
-        "loop": true,
-        "bones": {"head": {"rotation": ["variable.attack_head_rot", 0, 0]}}
-      },
-      "hoglin_baby_scaling": {
-        "loop": true,
-        "bones": {"head": {"position": [0, 10, 4], "scale": 1.4}}
-      }
-    },
-    "render_controllers": ["controller.render.zoglin"]
-  },
-  "zombie": {
-    "identifier": "minecraft:zombie",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "zombie"},
-    "textures": {"default": "textures/entity/zombie/zombie"},
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 32,
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
-            ],
-            "parent": "waist"
-          },
-          {"name": "waist", "neverRender": true, "pivot": [0, 12, 0]},
-          {
-            "name": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "hat",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ],
-            "neverRender": true,
-            "parent": "head"
-          },
-          {
-            "name": "rightArm",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-6, 15, 1],
-            "neverRender": true,
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftArm",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
-            ],
-            "mirror": true,
-            "parent": "body"
-          },
-          {
-            "name": "rightLeg",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-3.9, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
-            ],
-            "parent": "body"
-          },
-          {
-            "name": "leftLeg",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {"origin": [-0.1, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
-            ],
-            "mirror": true,
-            "parent": "body"
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 12},
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ]
-    },
-    "animations": {
-      "humanoid_big_head": {"loop": true, "bones": {"head": {"scale": 1.4}}},
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "sneaking": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["0.5 - this", 0, 0]},
-          "head": {"position": [0, 1, 0]},
-          "leftarm": {"rotation": [72, 0, 0]},
-          "leftleg": {"position": [0, -3, 4]},
-          "rightarm": {"rotation": [72, 0, 0]},
-          "rightleg": {"position": [0, -3, 4]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "bow_and_arrow": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation + 28.65",
-              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation - 5.73",
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      },
-      "zombie_attack_bare_hand": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-90.0 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) - (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "5.73 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 0.6) - this",
-              "math.cos(query.life_time * 103.13244) * -2.865 - 2.865 - this"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "90.0 * (variable.is_brandishing_spear - 1.0) - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) + (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "(math.sin(variable.attack_time * 180.0) * 57.3) * 0.6 - 5.73 - this",
-              "math.cos(query.life_time * 103.13244) * 2.865 + 2.865 - this"
-            ]
-          }
-        }
-      },
-      "swimming": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [
-              0,
-              "variable.swim_amount * -10.0 - this",
-              "variable.swim_amount * 9.0 - this"
-            ],
-            "rotation": [
-              "variable.swim_amount * (90.0 + query.target_x_rotation)",
-              0,
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) - (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "leftleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0 + 180.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) + (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, -14.325, variable.swim_amount) + (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "humanoid_baby_big_head": {
-        "initial_state": "default",
-        "states": {
-          "baby": {
-            "animations": ["humanoid_big_head"],
-            "transitions": [{"default": "!query.is_baby"}]
-          },
-          "default": {"transitions": [{"baby": "query.is_baby"}]}
-        }
-      },
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      },
-      "holding": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["holding"]}}
-      },
-      "brandish_spear": {
-        "initial_state": "default",
-        "states": {
-          "brandish_spear": {
-            "animations": ["brandish_spear"],
-            "transitions": [{"default": "!variable.is_brandishing_spear"}]
-          },
-          "default": {
-            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
-          }
-        }
-      },
-      "charging": {
-        "initial_state": "default",
-        "states": {
-          "charging": {
-            "animations": ["charging"],
-            "transitions": [{"default": "!query.is_charging"}]
-          },
-          "default": {"transitions": [{"charging": "query.is_charging"}]}
-        }
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "sneaking": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
-          "sneaking": {
-            "animations": ["sneaking"],
-            "transitions": [{"default": "!query.is_sneaking"}]
-          }
-        }
-      },
-      "bob": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bob"]}}
-      },
-      "damage_nearby_mobs": {
-        "initial_state": "default",
-        "states": {
-          "damage_nearby_mobs": {
-            "animations": ["damage_nearby_mobs"],
-            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
-          },
-          "default": {
-            "transitions": [
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
-            ]
-          }
-        }
-      },
-      "bow_and_arrow": {
-        "initial_state": "default",
-        "states": {
-          "bow_and_arrow": {
-            "animations": ["bow_and_arrow"],
-            "transitions": [{"default": "!query.has_target"}]
-          },
-          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
-        }
-      },
-      "use_item_progress": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
-              }
-            ]
-          },
-          "use_item_progress": {
-            "animations": ["use_item_progress"],
-            "transitions": [
-              {
-                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
-              }
-            ]
-          }
-        }
-      },
-      "zombie_attack_bare_hand": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_bare_hand": "variable.is_holding_left != 1.0"}]
-          },
-          "is_bare_hand": {
-            "animations": ["zombie_attack_bare_hand"],
-            "transitions": [{"default": "variable.is_holding_left == 1.0"}]
-          }
-        }
-      },
-      "swimming": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_swimming": "variable.swim_amount > 0.0"}]
-          },
-          "is_swimming": {
-            "animations": ["swimming"],
-            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.zombie"],
-    "enable_attachables": true
-  },
-  "zombie_horse": {
-    "identifier": "minecraft:zombie_horse",
-    "textures": {
-      "base_brown": "textures/entity/horse/horse_brown",
-      "base_white": "textures/entity/horse/horse_white",
-      "base_chestnut": "textures/entity/horse/horse_chestnut",
-      "base_creamy": "textures/entity/horse/horse_creamy",
-      "base_black": "textures/entity/horse/horse_black",
-      "base_gray": "textures/entity/horse/horse_gray",
-      "base_darkbrown": "textures/entity/horse/horse_darkbrown",
-      "markings_none": "textures/entity/horse/horse_markings_none",
-      "markings_white": "textures/entity/horse/horse_markings_white",
-      "markings_whitefield": "textures/entity/horse/horse_markings_whitefield",
-      "markings_whitedots": "textures/entity/horse/horse_markings_whitedots",
-      "markings_blackdots": "textures/entity/horse/horse_markings_blackdots",
-      "mule": "textures/entity/horse/mule",
-      "donkey": "textures/entity/horse/donkey",
-      "skeleton": "textures/entity/horse/horse_skeleton",
-      "zombie": "textures/entity/horse/horse_zombie",
-      "armor_none": "textures/entity/horse/armor/horse_armor_none",
-      "armor_leather": "textures/entity/horse/armor/horse_armor_leather",
-      "armor_iron": "textures/entity/horse/armor/horse_armor_iron",
-      "armor_gold": "textures/entity/horse/armor/horse_armor_gold",
-      "armor_diamond": "textures/entity/horse/armor/horse_armor_diamond"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 3,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 128,
-        "textureheight": 128,
-        "bones": [
-          {
-            "name": "Body",
-            "pivot": [0, 13, 9],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 11, -10], "size": [10, 10, 24], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "TailA",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1, 20, 14], "size": [2, 2, 3], "uv": [44, 0]}
-            ]
-          },
-          {
-            "name": "TailB",
-            "pivot": [0, 21, 14],
-            "rotation": [-65, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 19, 17], "size": [3, 4, 7], "uv": [38, 7]}
-            ]
-          },
-          {
-            "name": "TailC",
-            "pivot": [0, 21, 14],
-            "rotation": [-80.34, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 21.5, 23], "size": [3, 4, 7], "uv": [24, 3]}
-            ]
-          },
-          {
-            "name": "Leg1A",
-            "pivot": [4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 8, 8.5], "size": [4, 9, 5], "uv": [78, 29]}
-            ]
-          },
-          {
-            "name": "Leg1B",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2, 3, 9.5], "size": [3, 5, 3], "uv": [78, 43]}
-            ]
-          },
-          {
-            "name": "Leg1C",
-            "pivot": [4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.5, -0.1, 9], "size": [4, 3, 4], "uv": [78, 51]}
-            ]
-          },
-          {
-            "name": "Leg2A",
-            "pivot": [-4, 15, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 8, 8.5], "size": [4, 9, 5], "uv": [96, 29]}
-            ]
-          },
-          {
-            "name": "Leg2B",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 3, 9.5], "size": [3, 5, 3], "uv": [96, 43]}
-            ]
-          },
-          {
-            "name": "Leg2C",
-            "pivot": [-4, 8, 11],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, -0.1, 9], "size": [4, 3, 4], "uv": [96, 51]}
-            ]
-          },
-          {
-            "name": "Leg3A",
-            "pivot": [4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 8, -10.1], "size": [3, 8, 4], "uv": [44, 29]}
-            ]
-          },
-          {
-            "name": "Leg3B",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.1, 3, -9.6], "size": [3, 5, 3], "uv": [44, 41]}
-            ]
-          },
-          {
-            "name": "Leg3C",
-            "pivot": [4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [1.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [44, 51]}
-            ]
-          },
-          {
-            "name": "Leg4A",
-            "pivot": [-4, 15, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 8, -10.1], "size": [3, 8, 4], "uv": [60, 29]}
-            ]
-          },
-          {
-            "name": "Leg4B",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.1, 3, -9.6], "size": [3, 5, 3], "uv": [60, 41]}
-            ]
-          },
-          {
-            "name": "Leg4C",
-            "pivot": [-4, 8, -8],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [60, 51]}
-            ]
-          },
-          {
-            "name": "Head",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 25, -11.5], "size": [5, 5, 7], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "UMouth",
-            "pivot": [0, 20.05, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 27.05, -17], "size": [4, 3, 6], "uv": [24, 18]}
-            ]
-          },
-          {
-            "name": "LMouth",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2, 25, -16.5], "size": [4, 2, 5], "uv": [24, 27]}
-            ]
-          },
-          {
-            "name": "Ear1",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [0.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "Ear2",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
-            ]
-          },
-          {
-            "name": "MuleEarL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 15],
-            "cubes": [
-              {"origin": [-2, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "MuleEarR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, -15],
-            "cubes": [{"origin": [0, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}]
-          },
-          {
-            "name": "Neck",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.05, 15.8, -12], "size": [4, 14, 8], "uv": [0, 12]}
-            ]
-          },
-          {
-            "name": "Bag1",
-            "pivot": [-7.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [-10.5, 13, 10], "size": [8, 8, 3], "uv": [0, 34]}
-            ]
-          },
-          {
-            "name": "Bag2",
-            "pivot": [4.5, 21, 10],
-            "rotation": [0, 90, 0],
-            "cubes": [
-              {"origin": [1.5, 13, 10], "size": [8, 8, 3], "uv": [0, 47]}
-            ]
-          },
-          {
-            "name": "Saddle",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5, 21, -1], "size": [10, 1, 8], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleB",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-1.5, 22, -1], "size": [3, 1, 2], "uv": [106, 9]}
-            ]
-          },
-          {
-            "name": "SaddleC",
-            "pivot": [0, 22, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [{"origin": [-4, 22, 5], "size": [8, 1, 2], "uv": [80, 9]}]
-          },
-          {
-            "name": "SaddleL2",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 13, 1], "size": [1, 2, 2], "uv": [74, 0]}
-            ]
-          },
-          {
-            "name": "SaddleL",
-            "pivot": [5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [4.5, 15, 1.5], "size": [1, 6, 1], "uv": [70, 0]}
-            ]
-          },
-          {
-            "name": "SaddleR2",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 13, 1], "size": [1, 2, 2], "uv": [74, 4]}
-            ]
-          },
-          {
-            "name": "SaddleR",
-            "pivot": [-5, 21, 2],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-5.5, 15, 1.5], "size": [1, 6, 1], "uv": [80, 0]}
-            ]
-          },
-          {
-            "name": "SaddleMouthL",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [1.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthR",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-2.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLine",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 10]}
-            ]
-          },
-          {
-            "name": "SaddleMouthLineR",
-            "pivot": [0, 20, -10],
-            "rotation": [0, 0, 0],
-            "cubes": [
-              {"origin": [-2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 5]}
-            ]
-          },
-          {
-            "name": "Mane",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {"origin": [-1, 15.5, -5], "size": [2, 16, 4], "uv": [58, 0]}
-            ]
-          },
-          {
-            "name": "HeadSaddle",
-            "pivot": [0, 20, -10],
-            "rotation": [30, 0, 0],
-            "cubes": [
-              {
-                "origin": [-2.5, 25.1, -17],
-                "size": [5, 5, 12],
-                "uv": [80, 12],
-                "inflate": 0.05
-              }
-            ]
-          }
-        ]
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 33}
-  },
-  "zombified_piglin": {
-    "identifier": "minecraft:zombie_pigman",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "zombie"},
-    "textures": {"default": "textures/entity/piglin/zombified_piglin"},
-    "geometry": {
-      "default": {
-        "bones": [
-          {
-            "name": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]},
-              {
-                "origin": [-4, 12, -2],
-                "size": [8, 12, 4],
-                "uv": [16, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-5, 24, -4],
-                "size": [10, 8, 8],
-                "uv": [0, 0],
-                "inflate": -0.02
-              },
-              {"origin": [-2, 24, -5], "size": [4, 4, 1], "uv": [31, 1]},
-              {"origin": [2, 24, -5], "size": [1, 2, 1], "uv": [2, 4]},
-              {"origin": [-3, 24, -5], "size": [1, 2, 1], "uv": [2, 0]}
-            ],
-            "inflate": -0.02
-          },
-          {
-            "name": "leftear",
-            "parent": "head",
-            "pivot": [5, 30, 0],
-            "rotation": [0, 0, -30],
-            "cubes": [{"origin": [4, 25, -2], "size": [1, 5, 4], "uv": [51, 6]}]
-          },
-          {
-            "name": "rightear",
-            "parent": "head",
-            "pivot": [-5, 30, 0],
-            "rotation": [0, 0, 30],
-            "cubes": [
-              {"origin": [-5, 25, -2], "size": [1, 5, 4], "uv": [39, 6]}
-            ]
-          },
-          {"name": "hat", "parent": "head", "pivot": [0, 24, 0]},
-          {
-            "name": "rightarm",
-            "parent": "body",
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]},
-              {
-                "origin": [-8, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [40, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {"name": "rightItem", "parent": "rightarm", "pivot": [-6, 15, 1]},
-          {
-            "name": "leftarm",
-            "parent": "body",
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [32, 48]},
-              {
-                "origin": [4, 12, -2],
-                "size": [4, 12, 4],
-                "uv": [48, 48],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {"name": "leftItem", "parent": "leftArm", "pivot": [6, 15, 1]},
-          {
-            "name": "rightleg",
-            "parent": "body",
-            "pivot": [-1.9, 12, 0],
-            "cubes": [
-              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 16]},
-              {
-                "origin": [-4, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 32],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "leftleg",
-            "parent": "body",
-            "pivot": [1.9, 12, 0],
-            "cubes": [
-              {"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [16, 48]},
-              {
-                "origin": [0, 0, -2],
-                "size": [4, 12, 4],
-                "uv": [0, 48],
-                "inflate": 0.25
-              }
-            ]
-          }
-        ],
-        "visible_bounds_width": 2,
-        "visible_bounds_height": 2,
-        "visible_bounds_offset": [0, 1, 0],
-        "texturewidth": 64,
-        "textureheight": 64
-      }
-    },
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 13},
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ]
-    },
-    "animations": {
-      "humanoid_big_head": {"loop": true, "bones": {"head": {"scale": 1.4}}},
-      "humanoid_base_pose": {
-        "loop": true,
-        "bones": {"waist": {"rotation": [0, 0, 0]}}
-      },
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "sneaking": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["0.5 - this", 0, 0]},
-          "head": {"position": [0, 1, 0]},
-          "leftarm": {"rotation": [72, 0, 0]},
-          "leftleg": {"position": [0, -3, 4]},
-          "rightarm": {"rotation": [72, 0, 0]},
-          "rightleg": {"position": [0, -3, 4]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "bow_and_arrow": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation + 28.65",
-              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation - 5.73",
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "swimming": {
-        "animation_length": 1.3,
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": {
-              "0.7": {
-                "post": [
-                  "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)"
-                ],
-                "pre": [
-                  "math.lerp(this, 0.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0 - 0.01877 * (-65.0 * math.mod(query.modified_distance_moved, 26.0) + math.mod(query.modified_distance_moved, 26.0) * math.mod(query.modified_distance_moved, 26.0)), variable.leftarmswim_amount)"
-                ]
-              },
-              "1.1": [
-                "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)",
-                "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)"
-              ],
-              "1.3": {
-                "post": [
-                  "math.lerp(this, 90.0 - (22.5 * math.mod(query.modified_distance_moved, 26.0)), variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)"
-                ],
-                "pre": [
-                  "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.leftarmswim_amount)",
-                  "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.leftarmswim_amount)"
-                ]
-              }
-            }
-          },
-          "leftleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.modified_distance_moved * 19.5 + 180.0) * 17.2, variable.leftarmswim_amount) - this",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": {
-              "0.7": {
-                "post": [
-                  "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)"
-                ],
-                "pre": [
-                  "math.lerp(this, 0.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, -0.1019 * (-65.0 * math.mod(query.modified_distance_moved, 26.0) + math.mod(query.modified_distance_moved, 26.0) * math.mod(query.modified_distance_moved, 26.0)), variable.rightarmswim_amount)"
-                ]
-              },
-              "1.1": [
-                "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)",
-                "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)"
-              ],
-              "1.3": {
-                "post": [
-                  "math.lerp(this, 90.0 - (22.5 * math.mod(query.modified_distance_moved, 26.0)), variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)"
-                ],
-                "pre": [
-                  "math.lerp(this, 11.25 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)",
-                  "math.lerp(this, 180.0, variable.rightarmswim_amount)",
-                  "math.lerp(this, 72.77 + 13.4 * math.mod(query.modified_distance_moved, 26.0), variable.rightarmswim_amount)"
-                ]
-              }
-            }
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.modified_distance_moved * 19.5) * 17.2, variable.leftarmswim_amount) - this",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      },
-      "zombie_attack_bare_hand": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-90.0 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) - (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "5.73 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 0.6) - this",
-              "math.cos(query.life_time * 103.13244) * -2.865 - 2.865 - this"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "90.0 * (variable.is_brandishing_spear - 1.0) - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) + (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "(math.sin(variable.attack_time * 180.0) * 57.3) * 0.6 - 5.73 - this",
-              "math.cos(query.life_time * 103.13244) * 2.865 + 2.865 - this"
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "humanoid_baby_big_head": {
-        "initial_state": "default",
-        "states": {
-          "baby": {
-            "animations": ["humanoid_big_head"],
-            "transitions": [{"default": "!query.is_baby"}]
-          },
-          "default": {"transitions": [{"baby": "query.is_baby"}]}
-        }
-      },
-      "humanoid_base_pose": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["humanoid_base_pose"]}}
-      },
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      },
-      "holding": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["holding"]}}
-      },
-      "brandish_spear": {
-        "initial_state": "default",
-        "states": {
-          "brandish_spear": {
-            "animations": ["brandish_spear"],
-            "transitions": [{"default": "!variable.is_brandishing_spear"}]
-          },
-          "default": {
-            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
-          }
-        }
-      },
-      "charging": {
-        "initial_state": "default",
-        "states": {
-          "charging": {
-            "animations": ["charging"],
-            "transitions": [{"default": "!query.is_charging"}]
-          },
-          "default": {"transitions": [{"charging": "query.is_charging"}]}
-        }
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "sneaking": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
-          "sneaking": {
-            "animations": ["sneaking"],
-            "transitions": [{"default": "!query.is_sneaking"}]
-          }
-        }
-      },
-      "bob": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bob"]}}
-      },
-      "damage_nearby_mobs": {
-        "initial_state": "default",
-        "states": {
-          "damage_nearby_mobs": {
-            "animations": ["damage_nearby_mobs"],
-            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
-          },
-          "default": {
-            "transitions": [
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
-            ]
-          }
-        }
-      },
-      "bow_and_arrow": {
-        "initial_state": "default",
-        "states": {
-          "bow_and_arrow": {
-            "animations": ["bow_and_arrow"],
-            "transitions": [{"default": "!query.has_target"}]
-          },
-          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
-        }
-      },
-      "swimming": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"swimming": "variable.swim_amount > 0.0"}]
-          },
-          "swimming": {
-            "animations": ["swimming"],
-            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
-          }
-        }
-      },
-      "use_item_progress": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
-              }
-            ]
-          },
-          "use_item_progress": {
-            "animations": ["use_item_progress"],
-            "transitions": [
-              {
-                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
-              }
-            ]
-          }
-        }
-      },
-      "zombie_attack_bare_hand": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_bare_hand": "variable.is_holding_left != 1.0"}]
-          },
-          "is_bare_hand": {
-            "animations": ["zombie_attack_bare_hand"],
-            "transitions": [{"default": "variable.is_holding_left == 1.0"}]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.zombie_pigman"],
-    "enable_attachables": true
-  },
-  "zombie_villager": {
-    "identifier": "minecraft:zombie_villager",
-    "min_engine_version": "1.8.0",
-    "materials": {"default": "zombie_villager"},
-    "textures": {
-      "smith": "textures/entity/zombie_villager/profession/weaponsmith",
-      "butcher": "textures/entity/zombie_villager/profession/butcher",
-      "librarian": "textures/entity/zombie_villager/profession/librarian",
-      "priest": "textures/entity/zombie_villager/profession/cleric",
-      "farmer": "textures/entity/zombie_villager/profession/farmer"
-    },
-    "geometry": {
-      "default": {
-        "visible_bounds_width": 1.5,
-        "visible_bounds_height": 2.5,
-        "visible_bounds_offset": [0, 1.25, 0],
-        "texturewidth": 64,
-        "textureheight": 64,
-        "bones": [
-          {
-            "name": "hat",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ],
-            "neverRender": true
-          },
-          {
-            "name": "head",
-            "parent": "body",
-            "reset": true,
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 10, 8],
-                "uv": [0, 0],
-                "inflate": 0.25
-              },
-              {
-                "origin": [-1, 23, -6],
-                "size": [2, 4, 2],
-                "uv": [24, 0],
-                "inflate": 0.25
-              }
-            ]
-          },
-          {
-            "name": "hat",
-            "parent": "head",
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {
-                "origin": [-4, 24, -4],
-                "size": [8, 8, 8],
-                "uv": [32, 0],
-                "inflate": 0.5
-              }
-            ],
-            "neverRender": true
-          },
-          {
-            "name": "body",
-            "parent": "waist",
-            "reset": true,
-            "pivot": [0, 24, 0],
-            "cubes": [
-              {"origin": [-4, 12, -3], "size": [8, 12, 6], "uv": [16, 20]},
-              {
-                "origin": [-4, 6, -3],
-                "size": [8, 18, 6],
-                "uv": [0, 38],
-                "inflate": 0.5
-              }
-            ]
-          },
-          {"name": "waist", "neverRender": true, "pivot": [0, 12, 0]},
-          {
-            "name": "rightArm",
-            "parent": "body",
-            "reset": true,
-            "pivot": [-5, 22, 0],
-            "cubes": [
-              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [44, 38]}
-            ]
-          },
-          {
-            "name": "rightItem",
-            "pivot": [-6, 15, 1],
-            "neverRender": true,
-            "parent": "rightArm"
-          },
-          {
-            "name": "leftArm",
-            "parent": "body",
-            "reset": true,
-            "mirror": true,
-            "pivot": [5, 22, 0],
-            "cubes": [
-              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [44, 38]}
-            ]
-          },
-          {
-            "name": "rightLeg",
-            "parent": "body",
-            "reset": true,
-            "pivot": [-2, 12, 0],
-            "cubes": [
-              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}
-            ]
-          },
-          {
-            "name": "leftLeg",
-            "parent": "body",
-            "reset": true,
-            "mirror": true,
-            "pivot": [2, 12, 0],
-            "cubes": [{"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}]
-          }
-        ]
-      }
-    },
-    "scripts": {
-      "pre_animation": [
-        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
-      ]
-    },
-    "animations": {
-      "humanoid_big_head": {"loop": true, "bones": {"head": {"scale": 1.4}}},
-      "humanoid_base_pose": {
-        "loop": true,
-        "bones": {"waist": {"rotation": [0, 0, 0]}}
-      },
-      "look_at_target_default": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "relative_to": {"rotation": "entity"},
-            "rotation": [
-              "query.target_x_rotation",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "look_at_target_gliding": {
-        "loop": true,
-        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
-      },
-      "look_at_target_swimming": {
-        "loop": true,
-        "bones": {
-          "head": {
-            "rotation": [
-              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
-              "query.target_y_rotation",
-              0
-            ]
-          }
-        }
-      },
-      "move": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
-          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
-          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
-          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
-        }
-      },
-      "riding.arms": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": [-36, 0, 0]},
-          "rightarm": {"rotation": [-36, 0, 0]}
-        }
-      },
-      "riding.legs": {
-        "loop": true,
-        "bones": {
-          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
-          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
-        }
-      },
-      "holding": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
-              0,
-              0
-            ]
-          }
-        }
-      },
-      "brandish_spear": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
-              "-this",
-              0
-            ]
-          }
-        }
-      },
-      "charging": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
-          }
-        }
-      },
-      "attack.rotations": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "rotation": [
-              0,
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
-              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
-              0
-            ]
-          }
-        }
-      },
-      "sneaking": {
-        "loop": true,
-        "bones": {
-          "body": {"rotation": ["0.5 - this", 0, 0]},
-          "head": {"position": [0, 1, 0]},
-          "leftarm": {"rotation": [72, 0, 0]},
-          "leftleg": {"position": [0, -3, 4]},
-          "rightarm": {"rotation": [72, 0, 0]},
-          "rightleg": {"position": [0, -3, 4]}
-        }
-      },
-      "bob": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              0,
-              0,
-              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              0,
-              0,
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "damage_nearby_mobs": {
-        "loop": true,
-        "bones": {
-          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
-          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
-          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
-        }
-      },
-      "bow_and_arrow": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation + 28.65",
-              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
-              "query.target_y_rotation - 5.73",
-              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
-            ]
-          }
-        }
-      },
-      "use_item_progress": {
-        "loop": true,
-        "bones": {
-          "rightarm": {
-            "rotation": [
-              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
-              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
-            ]
-          }
-        }
-      },
-      "zombie_attack_bare_hand": {
-        "loop": true,
-        "bones": {
-          "leftarm": {
-            "rotation": [
-              "-90.0 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) - (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "5.73 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 0.6) - this",
-              "math.cos(query.life_time * 103.13244) * -2.865 - 2.865 - this"
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "90.0 * (variable.is_brandishing_spear - 1.0) - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) + (math.sin(query.life_time * 76.776372) * 2.865) - this",
-              "(math.sin(variable.attack_time * 180.0) * 57.3) * 0.6 - 5.73 - this",
-              "math.cos(query.life_time * 103.13244) * 2.865 + 2.865 - this"
-            ]
-          }
-        }
-      },
-      "swimming": {
-        "loop": true,
-        "bones": {
-          "body": {
-            "position": [
-              0,
-              "variable.swim_amount * -10.0 - this",
-              "variable.swim_amount * 9.0 - this"
-            ],
-            "rotation": [
-              "variable.swim_amount * (90.0 + query.target_x_rotation)",
-              0,
-              0
-            ]
-          },
-          "leftarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) - (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "leftleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0 + 180.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          },
-          "rightarm": {
-            "rotation": [
-              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) + (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
-              "math.lerp(this, 14.325, variable.swim_amount) - this",
-              "math.lerp(this, -14.325, variable.swim_amount) + (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
-            ]
-          },
-          "rightleg": {
-            "rotation": [
-              "math.lerp(this, math.cos(query.life_time * 390.0) * 0.3, variable.swim_amount)",
-              0,
-              0
-            ]
-          }
-        }
-      }
-    },
-    "animation_controllers": {
-      "humanoid_baby_big_head": {
-        "initial_state": "default",
-        "states": {
-          "baby": {
-            "animations": ["humanoid_big_head"],
-            "transitions": [{"default": "!query.is_baby"}]
-          },
-          "default": {"transitions": [{"baby": "query.is_baby"}]}
-        }
-      },
-      "humanoid_base_pose": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["humanoid_base_pose"]}}
-      },
-      "look_at_target": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "animations": ["look_at_target_default"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"swimming": "query.is_swimming"}
-            ]
-          },
-          "gliding": {
-            "animations": ["look_at_target_gliding"],
-            "transitions": [
-              {"swimming": "query.is_swimming"},
-              {"default": "!query.is_gliding"}
-            ]
-          },
-          "swimming": {
-            "animations": ["look_at_target_swimming"],
-            "transitions": [
-              {"gliding": "query.is_gliding"},
-              {"default": "!query.is_swimming"}
-            ]
-          }
-        }
-      },
-      "move": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["move"]}}
-      },
-      "riding": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"riding": "query.is_riding"}]},
-          "riding": {
-            "animations": ["riding.arms", "riding.legs"],
-            "transitions": [{"default": "!query.is_riding"}]
-          }
-        }
-      },
-      "holding": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["holding"]}}
-      },
-      "brandish_spear": {
-        "initial_state": "default",
-        "states": {
-          "brandish_spear": {
-            "animations": ["brandish_spear"],
-            "transitions": [{"default": "!variable.is_brandishing_spear"}]
-          },
-          "default": {
-            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
-          }
-        }
-      },
-      "charging": {
-        "initial_state": "default",
-        "states": {
-          "charging": {
-            "animations": ["charging"],
-            "transitions": [{"default": "!query.is_charging"}]
-          },
-          "default": {"transitions": [{"charging": "query.is_charging"}]}
-        }
-      },
-      "attack": {
-        "initial_state": "default",
-        "states": {
-          "attacking": {
-            "animations": ["attack.rotations"],
-            "transitions": [{"default": "variable.attack_time < 0.0"}]
-          },
-          "default": {
-            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
-          }
-        }
-      },
-      "sneaking": {
-        "initial_state": "default",
-        "states": {
-          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
-          "sneaking": {
-            "animations": ["sneaking"],
-            "transitions": [{"default": "!query.is_sneaking"}]
-          }
-        }
-      },
-      "bob": {
-        "initial_state": "default",
-        "states": {"default": {"animations": ["bob"]}}
-      },
-      "damage_nearby_mobs": {
-        "initial_state": "default",
-        "states": {
-          "damage_nearby_mobs": {
-            "animations": ["damage_nearby_mobs"],
-            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
-          },
-          "default": {
-            "transitions": [
-              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
-            ]
-          }
-        }
-      },
-      "bow_and_arrow": {
-        "initial_state": "default",
-        "states": {
-          "bow_and_arrow": {
-            "animations": ["bow_and_arrow"],
-            "transitions": [{"default": "!query.has_target"}]
-          },
-          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
-        }
-      },
-      "use_item_progress": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [
-              {
-                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
-              }
-            ]
-          },
-          "use_item_progress": {
-            "animations": ["use_item_progress"],
-            "transitions": [
-              {
-                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
-              }
-            ]
-          }
-        }
-      },
-      "zombie_attack_bare_hand": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_bare_hand": "variable.is_holding_left != 1.0"}]
-          },
-          "is_bare_hand": {
-            "animations": ["zombie_attack_bare_hand"],
-            "transitions": [{"default": "variable.is_holding_left == 1.0"}]
-          }
-        }
-      },
-      "swimming": {
-        "initial_state": "default",
-        "states": {
-          "default": {
-            "transitions": [{"is_swimming": "variable.swim_amount > 0.0"}]
-          },
-          "is_swimming": {
-            "animations": ["swimming"],
-            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
-          }
-        }
-      }
-    },
-    "render_controllers": ["controller.render.zombie_villager"],
-    "enable_attachables": true,
-    "spawn_egg": {"texture": "spawn_egg", "texture_index": 42}
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/lib/entity/models/zombie.obj b/prismarine-viewer/viewer/lib/entity/models/zombie.obj
deleted file mode 100644
index bcd7444c..00000000
--- a/prismarine-viewer/viewer/lib/entity/models/zombie.obj
+++ /dev/null
@@ -1,325 +0,0 @@
-# Made in Blockbench 4.9.4
-mtllib materials.mtl
-
-o Body
-v 0.25 1.5 0.125
-v 0.25 1.5 -0.125
-v 0.25 0.75 0.125
-v 0.25 0.75 -0.125
-v -0.25 1.5 -0.125
-v -0.25 1.5 0.125
-v -0.25 0.75 -0.125
-v -0.25 0.75 0.125
-vt 0.3125 0.375
-vt 0.4375 0.375
-vt 0.4375 0
-vt 0.3125 0
-vt 0.25 0.375
-vt 0.3125 0.375
-vt 0.3125 0
-vt 0.25 0
-vt 0.5 0.375
-vt 0.625 0.375
-vt 0.625 0
-vt 0.5 0
-vt 0.4375 0.375
-vt 0.5 0.375
-vt 0.5 0
-vt 0.4375 0
-vt 0.4375 0.375
-vt 0.3125 0.375
-vt 0.3125 0.5
-vt 0.4375 0.5
-vt 0.5625 0.5
-vt 0.4375 0.5
-vt 0.4375 0.375
-vt 0.5625 0.375
-vn 0 0 -1
-vn 1 0 0
-vn 0 0 1
-vn -1 0 0
-vn 0 1 0
-vn 0 -1 0
-usemtl m_9eb5cf2e-0212-52a4-6070-8cb3b67f2e24
-f 4/4/1 7/3/1 5/2/1 2/1/1
-f 3/8/2 4/7/2 2/6/2 1/5/2
-f 8/12/3 3/11/3 1/10/3 6/9/3
-f 7/16/4 8/15/4 6/14/4 5/13/4
-f 6/20/5 1/19/5 2/18/5 5/17/5
-f 7/24/6 4/23/6 3/22/6 8/21/6
-o Head
-v 0.25 2 0.25
-v 0.25 2 -0.25
-v 0.25 1.5 0.25
-v 0.25 1.5 -0.25
-v -0.25 2 -0.25
-v -0.25 2 0.25
-v -0.25 1.5 -0.25
-v -0.25 1.5 0.25
-vt 0.125 0.75
-vt 0.25 0.75
-vt 0.25 0.5
-vt 0.125 0.5
-vt 0 0.75
-vt 0.125 0.75
-vt 0.125 0.5
-vt 0 0.5
-vt 0.375 0.75
-vt 0.5 0.75
-vt 0.5 0.5
-vt 0.375 0.5
-vt 0.25 0.75
-vt 0.375 0.75
-vt 0.375 0.5
-vt 0.25 0.5
-vt 0.25 0.75
-vt 0.125 0.75
-vt 0.125 1
-vt 0.25 1
-vt 0.375 1
-vt 0.25 1
-vt 0.25 0.75
-vt 0.375 0.75
-vn 0 0 -1
-vn 1 0 0
-vn 0 0 1
-vn -1 0 0
-vn 0 1 0
-vn 0 -1 0
-usemtl m_9eb5cf2e-0212-52a4-6070-8cb3b67f2e24
-f 12/28/7 15/27/7 13/26/7 10/25/7
-f 11/32/8 12/31/8 10/30/8 9/29/8
-f 16/36/9 11/35/9 9/34/9 14/33/9
-f 15/40/10 16/39/10 14/38/10 13/37/10
-f 14/44/11 9/43/11 10/42/11 13/41/11
-f 15/48/12 12/47/12 11/46/12 16/45/12
-o Hat Layer
-v 0.28125 2.03125 0.28125
-v 0.28125 2.03125 -0.28125
-v 0.28125 1.46875 0.28125
-v 0.28125 1.46875 -0.28125
-v -0.28125 2.03125 -0.28125
-v -0.28125 2.03125 0.28125
-v -0.28125 1.46875 -0.28125
-v -0.28125 1.46875 0.28125
-vt 0.625 0.75
-vt 0.75 0.75
-vt 0.75 0.5
-vt 0.625 0.5
-vt 0.5 0.75
-vt 0.625 0.75
-vt 0.625 0.5
-vt 0.5 0.5
-vt 0.875 0.75
-vt 1 0.75
-vt 1 0.5
-vt 0.875 0.5
-vt 0.75 0.75
-vt 0.875 0.75
-vt 0.875 0.5
-vt 0.75 0.5
-vt 0.75 0.75
-vt 0.625 0.75
-vt 0.625 1
-vt 0.75 1
-vt 0.875 1
-vt 0.75 1
-vt 0.75 0.75
-vt 0.875 0.75
-vn 0 0 -1
-vn 1 0 0
-vn 0 0 1
-vn -1 0 0
-vn 0 1 0
-vn 0 -1 0
-usemtl m_9eb5cf2e-0212-52a4-6070-8cb3b67f2e24
-f 20/52/13 23/51/13 21/50/13 18/49/13
-f 19/56/14 20/55/14 18/54/14 17/53/14
-f 24/60/15 19/59/15 17/58/15 22/57/15
-f 23/64/16 24/63/16 22/62/16 21/61/16
-f 22/68/17 17/67/17 18/66/17 21/65/17
-f 23/72/18 20/71/18 19/70/18 24/69/18
-o RightArm
-v 0.5 1.5 0.125
-v 0.5 1.5 -0.125
-v 0.5 0.75 0.125
-v 0.5 0.75 -0.125
-v 0.25 1.5 -0.125
-v 0.25 1.5 0.125
-v 0.25 0.75 -0.125
-v 0.25 0.75 0.125
-vt 0.6875 0.375
-vt 0.75 0.375
-vt 0.75 0
-vt 0.6875 0
-vt 0.625 0.375
-vt 0.6875 0.375
-vt 0.6875 0
-vt 0.625 0
-vt 0.8125 0.375
-vt 0.875 0.375
-vt 0.875 0
-vt 0.8125 0
-vt 0.75 0.375
-vt 0.8125 0.375
-vt 0.8125 0
-vt 0.75 0
-vt 0.75 0.375
-vt 0.6875 0.375
-vt 0.6875 0.5
-vt 0.75 0.5
-vt 0.8125 0.5
-vt 0.75 0.5
-vt 0.75 0.375
-vt 0.8125 0.375
-vn 0 0 -1
-vn 1 0 0
-vn 0 0 1
-vn -1 0 0
-vn 0 1 0
-vn 0 -1 0
-usemtl m_9eb5cf2e-0212-52a4-6070-8cb3b67f2e24
-f 28/76/19 31/75/19 29/74/19 26/73/19
-f 27/80/20 28/79/20 26/78/20 25/77/20
-f 32/84/21 27/83/21 25/82/21 30/81/21
-f 31/88/22 32/87/22 30/86/22 29/85/22
-f 30/92/23 25/91/23 26/90/23 29/89/23
-f 31/96/24 28/95/24 27/94/24 32/93/24
-o LeftArm
-v -0.25 1.5 0.125
-v -0.25 1.5 -0.125
-v -0.25 0.75 0.125
-v -0.25 0.75 -0.125
-v -0.5 1.5 -0.125
-v -0.5 1.5 0.125
-v -0.5 0.75 -0.125
-v -0.5 0.75 0.125
-vt 0.75 0.375
-vt 0.6875 0.375
-vt 0.6875 0
-vt 0.75 0
-vt 0.8125 0.375
-vt 0.75 0.375
-vt 0.75 0
-vt 0.8125 0
-vt 0.875 0.375
-vt 0.8125 0.375
-vt 0.8125 0
-vt 0.875 0
-vt 0.6875 0.375
-vt 0.625 0.375
-vt 0.625 0
-vt 0.6875 0
-vt 0.6875 0.375
-vt 0.75 0.375
-vt 0.75 0.5
-vt 0.6875 0.5
-vt 0.75 0.5
-vt 0.8125 0.5
-vt 0.8125 0.375
-vt 0.75 0.375
-vn 0 0 -1
-vn 1 0 0
-vn 0 0 1
-vn -1 0 0
-vn 0 1 0
-vn 0 -1 0
-usemtl m_9eb5cf2e-0212-52a4-6070-8cb3b67f2e24
-f 36/100/25 39/99/25 37/98/25 34/97/25
-f 35/104/26 36/103/26 34/102/26 33/101/26
-f 40/108/27 35/107/27 33/106/27 38/105/27
-f 39/112/28 40/111/28 38/110/28 37/109/28
-f 38/116/29 33/115/29 34/114/29 37/113/29
-f 39/120/30 36/119/30 35/118/30 40/117/30
-o RightLeg
-v 0.24375000000000002 0.75 0.125
-v 0.24375000000000002 0.75 -0.125
-v 0.24375000000000002 0 0.125
-v 0.24375000000000002 0 -0.125
-v -0.006249999999999978 0.75 -0.125
-v -0.006249999999999978 0.75 0.125
-v -0.006249999999999978 0 -0.125
-v -0.006249999999999978 0 0.125
-vt 0.0625 0.375
-vt 0.125 0.375
-vt 0.125 0
-vt 0.0625 0
-vt 0 0.375
-vt 0.0625 0.375
-vt 0.0625 0
-vt 0 0
-vt 0.1875 0.375
-vt 0.25 0.375
-vt 0.25 0
-vt 0.1875 0
-vt 0.125 0.375
-vt 0.1875 0.375
-vt 0.1875 0
-vt 0.125 0
-vt 0.125 0.375
-vt 0.0625 0.375
-vt 0.0625 0.5
-vt 0.125 0.5
-vt 0.1875 0.5
-vt 0.125 0.5
-vt 0.125 0.375
-vt 0.1875 0.375
-vn 0 0 -1
-vn 1 0 0
-vn 0 0 1
-vn -1 0 0
-vn 0 1 0
-vn 0 -1 0
-usemtl m_9eb5cf2e-0212-52a4-6070-8cb3b67f2e24
-f 44/124/31 47/123/31 45/122/31 42/121/31
-f 43/128/32 44/127/32 42/126/32 41/125/32
-f 48/132/33 43/131/33 41/130/33 46/129/33
-f 47/136/34 48/135/34 46/134/34 45/133/34
-f 46/140/35 41/139/35 42/138/35 45/137/35
-f 47/144/36 44/143/36 43/142/36 48/141/36
-o LeftLeg
-v 0.006249999999999978 0.75 0.125
-v 0.006249999999999978 0.75 -0.125
-v 0.006249999999999978 0 0.125
-v 0.006249999999999978 0 -0.125
-v -0.24375000000000002 0.75 -0.125
-v -0.24375000000000002 0.75 0.125
-v -0.24375000000000002 0 -0.125
-v -0.24375000000000002 0 0.125
-vt 0.125 0.375
-vt 0.0625 0.375
-vt 0.0625 0
-vt 0.125 0
-vt 0.1875 0.375
-vt 0.125 0.375
-vt 0.125 0
-vt 0.1875 0
-vt 0.25 0.375
-vt 0.1875 0.375
-vt 0.1875 0
-vt 0.25 0
-vt 0.0625 0.375
-vt 0 0.375
-vt 0 0
-vt 0.0625 0
-vt 0.0625 0.375
-vt 0.125 0.375
-vt 0.125 0.5
-vt 0.0625 0.5
-vt 0.125 0.5
-vt 0.1875 0.5
-vt 0.1875 0.375
-vt 0.125 0.375
-vn 0 0 -1
-vn 1 0 0
-vn 0 0 1
-vn -1 0 0
-vn 0 1 0
-vn 0 -1 0
-usemtl m_9eb5cf2e-0212-52a4-6070-8cb3b67f2e24
-f 52/148/37 55/147/37 53/146/37 50/145/37
-f 51/152/38 52/151/38 50/150/38 49/149/38
-f 56/156/39 51/155/39 49/154/39 54/153/39
-f 55/160/40 56/159/40 54/158/40 53/157/40
-f 54/164/41 49/163/41 50/162/41 53/161/41
-f 55/168/42 52/167/42 51/166/42 56/165/42
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/lib/entity/objModels.js b/prismarine-viewer/viewer/lib/entity/objModels.js
deleted file mode 100644
index bfd6b114..00000000
--- a/prismarine-viewer/viewer/lib/entity/objModels.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import * as externalModels from './exportedModels'
-
-export { externalModels }
diff --git a/prismarine-viewer/viewer/lib/mesher/mesher.ts b/prismarine-viewer/viewer/lib/mesher/mesher.ts
deleted file mode 100644
index 67eb7adc..00000000
--- a/prismarine-viewer/viewer/lib/mesher/mesher.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { World } from './world'
-import { Vec3 } from 'vec3'
-import { getSectionGeometry, setBlockStatesData } from './models'
-
-if (module.require) {
-  // If we are in a node environement, we need to fake some env variables
-  const r = module.require
-  const { parentPort } = r('worker_threads')
-  global.self = parentPort
-  global.postMessage = (value, transferList) => { parentPort.postMessage(value, transferList) }
-  global.performance = r('perf_hooks').performance
-}
-
-let world: World
-let dirtySections: Map<string, number> = new Map()
-let blockStatesReady = false
-
-function sectionKey (x, y, z) {
-  return `${x},${y},${z}`
-}
-
-const batchMessagesLimit = 100
-
-let queuedMessages = [] as any[]
-let queueWaiting = false
-const postMessage = (data, transferList = []) => {
-  queuedMessages.push({ data, transferList })
-  if (queuedMessages.length > batchMessagesLimit) {
-    drainQueue(0, batchMessagesLimit)
-  }
-  if (queueWaiting) return
-  queueWaiting = true
-  setTimeout(() => {
-    queueWaiting = false
-    drainQueue(0, queuedMessages.length)
-  })
-}
-
-function drainQueue (from, to) {
-  const messages = queuedMessages.slice(from, to)
-  global.postMessage(messages.map(m => m.data), messages.flatMap(m => m.transferList) as unknown as string)
-  queuedMessages = queuedMessages.slice(to)
-}
-
-function setSectionDirty (pos, value = true) {
-  const x = Math.floor(pos.x / 16) * 16
-  const y = Math.floor(pos.y / 16) * 16
-  const z = Math.floor(pos.z / 16) * 16
-  const key = sectionKey(x, y, z)
-  if (!value) {
-    dirtySections.delete(key)
-    postMessage({ type: 'sectionFinished', key })
-    return
-  }
-
-  const chunk = world.getColumn(x, z)
-  if (chunk?.getSection(pos)) {
-    dirtySections.set(key, (dirtySections.get(key) || 0) + 1)
-  } else {
-    postMessage({ type: 'sectionFinished', key })
-  }
-}
-
-const softCleanup = () => {
-  // clean block cache and loaded chunks
-  world = new World(world.config.version)
-}
-
-const handleMessage = data => {
-  const globalVar: any = globalThis
-
-  if (data.type === 'mcData') {
-    globalVar.mcData = data.mcData
-  }
-
-  if (data.config) {
-    world ??= new World(data.config.version)
-    world.config = { ...world.config, ...data.config }
-    globalThis.world = world
-  }
-
-  if (data.type === 'mesherData') {
-    setBlockStatesData(data.json)
-    blockStatesReady = true
-  } else if (data.type === 'dirty') {
-    const loc = new Vec3(data.x, data.y, data.z)
-    setSectionDirty(loc, data.value)
-  } else if (data.type === 'chunk') {
-    world.addColumn(data.x, data.z, data.chunk)
-  } else if (data.type === 'unloadChunk') {
-    world.removeColumn(data.x, data.z)
-    if (Object.keys(world.columns).length === 0) softCleanup()
-  } else if (data.type === 'blockUpdate') {
-    const loc = new Vec3(data.pos.x, data.pos.y, data.pos.z).floored()
-    world.setBlockStateId(loc, data.stateId)
-  } else if (data.type === 'reset') {
-    world = undefined as any
-    // blocksStates = null
-    dirtySections = new Map()
-    // todo also remove cached
-    globalVar.mcData = null
-    blockStatesReady = false
-  }
-}
-
-self.onmessage = ({ data }) => {
-  if (Array.isArray(data)) {
-    data.forEach(handleMessage)
-    return
-  }
-
-  handleMessage(data)
-}
-
-setInterval(() => {
-  if (world === null || !blockStatesReady) return
-
-  if (dirtySections.size === 0) return
-  // console.log(sections.length + ' dirty sections')
-
-  // const start = performance.now()
-  for (const key of dirtySections.keys()) {
-    let [x, y, z] = key.split(',').map(v => parseInt(v, 10))
-    const chunk = world.getColumn(x, z)
-    if (chunk?.getSection(new Vec3(x, y, z))) {
-      const geometry = getSectionGeometry(x, y, z, world)
-      const transferable = [geometry.positions.buffer, geometry.normals.buffer, geometry.colors.buffer, geometry.uvs.buffer]
-      //@ts-ignore
-      postMessage({ type: 'geometry', key, geometry }, transferable)
-    } else {
-      // console.info('[mesher] Missing section', x, y, z)
-    }
-    const dirtyTimes = dirtySections.get(key)
-    if (!dirtyTimes) throw new Error('dirtySections.get(key) is falsy')
-    for (let i = 0; i < dirtyTimes; i++) {
-      postMessage({ type: 'sectionFinished', key })
-    }
-    dirtySections.delete(key)
-  }
-  // const time = performance.now() - start
-  // console.log(`Processed ${sections.length} sections in ${time} ms (${time / sections.length} ms/section)`)
-}, 50)
diff --git a/prismarine-viewer/viewer/lib/mesher/models.ts b/prismarine-viewer/viewer/lib/mesher/models.ts
deleted file mode 100644
index ab77d516..00000000
--- a/prismarine-viewer/viewer/lib/mesher/models.ts
+++ /dev/null
@@ -1,695 +0,0 @@
-import { Vec3 } from 'vec3'
-import type { BlockStatesOutput } from '../../prepare/modelsBuilder'
-import { World } from './world'
-import { WorldBlock as Block } from './world'
-import legacyJson from '../../../../src/preflatMap.json'
-import { versionToNumber } from '../../prepare/utils'
-
-const tints: any = {}
-let blockStates: BlockStatesOutput
-let needTiles = false
-
-let tintsData
-try {
-  tintsData = require('esbuild-data').tints
-} catch (err) {
-  tintsData = require("minecraft-data/minecraft-data/data/pc/1.16.2/tints.json")
-}
-for (const key of Object.keys(tintsData)) {
-  tints[key] = prepareTints(tintsData[key])
-}
-
-function prepareTints (tints) {
-  const map = new Map()
-  const defaultValue = tintToGl(tints.default)
-  for (let { keys, color } of tints.data) {
-    color = tintToGl(color)
-    for (const key of keys) {
-      map.set(`${key}`, color)
-    }
-  }
-  return new Proxy(map, {
-    get: (target, key) => {
-      return target.has(key) ? target.get(key) : defaultValue
-    }
-  })
-}
-
-const calculatedBlocksEntries = Object.entries(legacyJson.clientCalculatedBlocks)
-export function preflatBlockCalculation (block: Block, world: World, position: Vec3) {
-  const type = calculatedBlocksEntries.find(([name, blocks]) => blocks.includes(block.name))?.[0]
-  if (!type) return
-  switch (type) {
-    case 'directional': {
-      const isSolidConnection = !block.name.includes('redstone') && !block.name.includes('tripwire')
-      const neighbors = [
-        world.getBlock(position.offset(0, 0, 1)),
-        world.getBlock(position.offset(0, 0, -1)),
-        world.getBlock(position.offset(1, 0, 0)),
-        world.getBlock(position.offset(-1, 0, 0))
-      ]
-      // set needed props to true: east:'false',north:'false',south:'false',west:'false'
-      const props = {}
-      for (const [i, neighbor] of neighbors.entries()) {
-        const isConnectedToSolid = isSolidConnection ? (neighbor && !neighbor.transparent) : false
-        if (isConnectedToSolid || neighbor?.name === block.name) {
-          props[['south', 'north', 'east', 'west'][i]] = 'true'
-        }
-      }
-      return props
-    }
-    // case 'gate_in_wall': {}
-    case 'block_snowy': {
-      const aboveIsSnow = world.getBlock(position.offset(0, 1, 0))?.name === 'snow'
-      return {
-        snowy: `${aboveIsSnow}`
-      }
-    }
-    case 'door': {
-      // upper half matches lower in
-      const half = block.getProperties().half
-      if (half === 'upper') {
-        // copy other properties
-        const lower = world.getBlock(position.offset(0, -1, 0))
-        if (lower?.name === block.name) {
-          return {
-            ...lower.getProperties(),
-            half: 'upper'
-          }
-        }
-      }
-    }
-  }
-}
-
-function tintToGl (tint) {
-  const r = (tint >> 16) & 0xff
-  const g = (tint >> 8) & 0xff
-  const b = tint & 0xff
-  return [r / 255, g / 255, b / 255]
-}
-
-const elemFaces = {
-  up: {
-    dir: [0, 1, 0],
-    mask1: [1, 1, 0],
-    mask2: [0, 1, 1],
-    corners: [
-      [0, 1, 1, 0, 1],
-      [1, 1, 1, 1, 1],
-      [0, 1, 0, 0, 0],
-      [1, 1, 0, 1, 0]
-    ]
-  },
-  down: {
-    dir: [0, -1, 0],
-    mask1: [1, 1, 0],
-    mask2: [0, 1, 1],
-    corners: [
-      [1, 0, 1, 0, 1],
-      [0, 0, 1, 1, 1],
-      [1, 0, 0, 0, 0],
-      [0, 0, 0, 1, 0]
-    ]
-  },
-  east: {
-    dir: [1, 0, 0],
-    mask1: [1, 1, 0],
-    mask2: [1, 0, 1],
-    corners: [
-      [1, 1, 1, 0, 0],
-      [1, 0, 1, 0, 1],
-      [1, 1, 0, 1, 0],
-      [1, 0, 0, 1, 1]
-    ]
-  },
-  west: {
-    dir: [-1, 0, 0],
-    mask1: [1, 1, 0],
-    mask2: [1, 0, 1],
-    corners: [
-      [0, 1, 0, 0, 0],
-      [0, 0, 0, 0, 1],
-      [0, 1, 1, 1, 0],
-      [0, 0, 1, 1, 1]
-    ]
-  },
-  north: {
-    dir: [0, 0, -1],
-    mask1: [1, 0, 1],
-    mask2: [0, 1, 1],
-    corners: [
-      [1, 0, 0, 0, 1],
-      [0, 0, 0, 1, 1],
-      [1, 1, 0, 0, 0],
-      [0, 1, 0, 1, 0]
-    ]
-  },
-  south: {
-    dir: [0, 0, 1],
-    mask1: [1, 0, 1],
-    mask2: [0, 1, 1],
-    corners: [
-      [0, 0, 1, 0, 1],
-      [1, 0, 1, 1, 1],
-      [0, 1, 1, 0, 0],
-      [1, 1, 1, 1, 0]
-    ]
-  }
-}
-
-function getLiquidRenderHeight (world, block, type, pos) {
-  if (!block || block.type !== type) return 1 / 9
-  if (block.metadata === 0) { // source block
-    const blockAbove = world.getBlock(pos.offset(0, 1, 0))
-    if (blockAbove && blockAbove.type === type) return 1
-    return 8 / 9
-  }
-  return ((block.metadata >= 8 ? 8 : 7 - block.metadata) + 1) / 9
-}
-
-const everyArray = (array, callback) => {
-  if (!array?.length) return false
-  return array.every(callback)
-}
-
-
-const isCube = (block) => {
-  if (!block || block.transparent) return false
-  if (block.isCube) return true
-  if (!block.variant) block.variant = getModelVariants(block)
-  if (!block.variant.length) return false
-  return block.variant.every(v => everyArray(v?.model?.elements, e => {
-    return e.from[0] === 0 && e.from[1] === 0 && e.from[2] === 0 && e.to[0] === 16 && e.to[1] === 16 && e.to[2] === 16
-  }))
-}
-
-function renderLiquid (world, cursor, texture, type, biome, water, attr) {
-  const heights: number[] = []
-  for (let z = -1; z <= 1; z++) {
-    for (let x = -1; x <= 1; x++) {
-      const pos = cursor.offset(x, 0, z)
-      heights.push(getLiquidRenderHeight(world, world.getBlock(pos), type, pos))
-    }
-  }
-  const cornerHeights = [
-    Math.max(Math.max(heights[0], heights[1]), Math.max(heights[3], heights[4])),
-    Math.max(Math.max(heights[1], heights[2]), Math.max(heights[4], heights[5])),
-    Math.max(Math.max(heights[3], heights[4]), Math.max(heights[6], heights[7])),
-    Math.max(Math.max(heights[4], heights[5]), Math.max(heights[7], heights[8]))
-  ]
-
-  for (const face in elemFaces) {
-    const { dir, corners } = elemFaces[face]
-    const isUp = dir[1] === 1
-
-    const neighborPos = cursor.offset(...dir)
-    const neighbor = world.getBlock(neighborPos)
-    if (!neighbor) continue
-    if (neighbor.type === type) continue
-    const isGlass = neighbor.name.includes('glass')
-    if ((isCube(neighbor) && !isUp) || neighbor.material === 'plant' || neighbor.getProperties().waterlogged) continue
-
-    let tint = [1, 1, 1]
-    if (water) {
-      let m = 1 // Fake lighting to improve lisibility
-      if (Math.abs(dir[0]) > 0) m = 0.6
-      else if (Math.abs(dir[2]) > 0) m = 0.8
-      tint = tints.water[biome]
-      tint = [tint[0] * m, tint[1] * m, tint[2] * m]
-    }
-
-    if (needTiles) {
-      attr.tiles[`${cursor.x},${cursor.y},${cursor.z}`] ??= {
-        block: 'water',
-        faces: [],
-      }
-      attr.tiles[`${cursor.x},${cursor.y},${cursor.z}`].faces.push({
-        face,
-        neighbor: `${neighborPos.x},${neighborPos.y},${neighborPos.z}`,
-        // texture: eFace.texture.name,
-      })
-    }
-
-    const u = texture.u
-    const v = texture.v
-    const su = texture.su
-    const sv = texture.sv
-
-    for (const pos of corners) {
-      const height = cornerHeights[pos[2] * 2 + pos[0]]
-      attr.t_positions.push(
-        (pos[0] ? 0.999 : 0.001) + (cursor.x & 15) - 8,
-        (pos[1] ? height - 0.001 : 0.001) + (cursor.y & 15) - 8,
-        (pos[2] ? 0.999 : 0.001) + (cursor.z & 15) - 8)
-      attr.t_normals.push(...dir)
-      attr.t_uvs.push(pos[3] * su + u, pos[4] * sv * (pos[1] ? 1 : height) + v)
-      attr.t_colors.push(tint[0], tint[1], tint[2])
-    }
-  }
-}
-
-function vecadd3 (a, b) {
-  if (!b) return a
-  return [a[0] + b[0], a[1] + b[1], a[2] + b[2]]
-}
-
-function vecsub3 (a, b) {
-  if (!b) return a
-  return [a[0] - b[0], a[1] - b[1], a[2] - b[2]]
-}
-
-function matmul3 (matrix, vector): [number, number, number] {
-  if (!matrix) return vector
-  return [
-    matrix[0][0] * vector[0] + matrix[0][1] * vector[1] + matrix[0][2] * vector[2],
-    matrix[1][0] * vector[0] + matrix[1][1] * vector[1] + matrix[1][2] * vector[2],
-    matrix[2][0] * vector[0] + matrix[2][1] * vector[1] + matrix[2][2] * vector[2]
-  ]
-}
-
-function matmulmat3 (a, b) {
-  const te = [[0, 0, 0], [0, 0, 0], [0, 0, 0]]
-
-  const a11 = a[0][0]; const a12 = a[1][0]; const a13 = a[2][0]
-  const a21 = a[0][1]; const a22 = a[1][1]; const a23 = a[2][1]
-  const a31 = a[0][2]; const a32 = a[1][2]; const a33 = a[2][2]
-
-  const b11 = b[0][0]; const b12 = b[1][0]; const b13 = b[2][0]
-  const b21 = b[0][1]; const b22 = b[1][1]; const b23 = b[2][1]
-  const b31 = b[0][2]; const b32 = b[1][2]; const b33 = b[2][2]
-
-  te[0][0] = a11 * b11 + a12 * b21 + a13 * b31
-  te[1][0] = a11 * b12 + a12 * b22 + a13 * b32
-  te[2][0] = a11 * b13 + a12 * b23 + a13 * b33
-
-  te[0][1] = a21 * b11 + a22 * b21 + a23 * b31
-  te[1][1] = a21 * b12 + a22 * b22 + a23 * b32
-  te[2][1] = a21 * b13 + a22 * b23 + a23 * b33
-
-  te[0][2] = a31 * b11 + a32 * b21 + a33 * b31
-  te[1][2] = a31 * b12 + a32 * b22 + a33 * b32
-  te[2][2] = a31 * b13 + a32 * b23 + a33 * b33
-
-  return te
-}
-
-function buildRotationMatrix (axis, degree) {
-  const radians = degree / 180 * Math.PI
-  const cos = Math.cos(radians)
-  const sin = Math.sin(radians)
-
-  const axis0 = { x: 0, y: 1, z: 2 }[axis]
-  const axis1 = (axis0 + 1) % 3
-  const axis2 = (axis0 + 2) % 3
-
-  const matrix = [
-    [0, 0, 0],
-    [0, 0, 0],
-    [0, 0, 0]
-  ]
-
-  matrix[axis0][axis0] = 1
-  matrix[axis1][axis1] = cos
-  matrix[axis1][axis2] = -sin
-  matrix[axis2][axis1] = +sin
-  matrix[axis2][axis2] = cos
-
-  return matrix
-}
-
-let needRecompute = false
-
-function renderElement (world: World, cursor: Vec3, element, doAO: boolean, attr, globalMatrix, globalShift, block: Block, biome) {
-  const position = cursor
-  // const key = `${position.x},${position.y},${position.z}`
-  // if (!globalThis.allowedBlocks.includes(key)) return
-  const cullIfIdentical = block.name.indexOf('glass') >= 0
-
-  for (const face in element.faces) {
-    const eFace = element.faces[face]
-    const { corners, mask1, mask2 } = elemFaces[face]
-    const dir = matmul3(globalMatrix, elemFaces[face].dir)
-
-    if (eFace.cullface) {
-      const neighbor = world.getBlock(cursor.plus(new Vec3(...dir)))
-      if (neighbor) {
-        if (cullIfIdentical && neighbor.type === block.type) continue
-        if (!neighbor.transparent && isCube(neighbor)) continue
-      } else {
-        needRecompute = true
-        continue
-      }
-    }
-
-    const minx = element.from[0]
-    const miny = element.from[1]
-    const minz = element.from[2]
-    const maxx = element.to[0]
-    const maxy = element.to[1]
-    const maxz = element.to[2]
-
-    const u = eFace.texture.u
-    const v = eFace.texture.v
-    const su = eFace.texture.su
-    const sv = eFace.texture.sv
-
-    const ndx = Math.floor(attr.positions.length / 3)
-
-    let tint = [1, 1, 1]
-    if (eFace.tintindex !== undefined) {
-      if (eFace.tintindex === 0) {
-        if (block.name === 'redstone_wire') {
-          tint = tints.redstone[`${block.getProperties().power}`]
-        } else if (block.name === 'birch_leaves' ||
-          block.name === 'spruce_leaves' ||
-          block.name === 'lily_pad') {
-          tint = tints.constant[block.name]
-        } else if (block.name.includes('leaves') || block.name === 'vine') {
-          tint = tints.foliage[biome]
-        } else {
-          tint = tints.grass[biome]
-        }
-      }
-    }
-
-    // UV rotation
-    const r = eFace.rotation || 0
-    const uvcs = Math.cos(r * Math.PI / 180)
-    const uvsn = -Math.sin(r * Math.PI / 180)
-
-    let localMatrix = null as any
-    let localShift = null as any
-
-    if (element.rotation) {
-      localMatrix = buildRotationMatrix(
-        element.rotation.axis,
-        element.rotation.angle
-      )
-
-      localShift = vecsub3(
-        element.rotation.origin,
-        matmul3(
-          localMatrix,
-          element.rotation.origin
-        )
-      )
-    }
-
-    const aos: number[] = []
-    const neighborPos = position.plus(new Vec3(...dir))
-    const baseLight = world.getLight(neighborPos, undefined, undefined, block.name) / 15
-    for (const pos of corners) {
-      let vertex = [
-        (pos[0] ? maxx : minx),
-        (pos[1] ? maxy : miny),
-        (pos[2] ? maxz : minz)
-      ]
-
-      vertex = vecadd3(matmul3(localMatrix, vertex), localShift)
-      vertex = vecadd3(matmul3(globalMatrix, vertex), globalShift)
-      vertex = vertex.map(v => v / 16)
-
-      attr.positions.push(
-        vertex[0] + (cursor.x & 15) - 8,
-        vertex[1] + (cursor.y & 15) - 8,
-        vertex[2] + (cursor.z & 15) - 8
-      )
-
-      attr.normals.push(...dir)
-
-      const baseu = (pos[3] - 0.5) * uvcs - (pos[4] - 0.5) * uvsn + 0.5
-      const basev = (pos[3] - 0.5) * uvsn + (pos[4] - 0.5) * uvcs + 0.5
-      attr.uvs.push(baseu * su + u, basev * sv + v)
-
-      let light = 1
-      if (doAO) {
-        const dx = pos[0] * 2 - 1
-        const dy = pos[1] * 2 - 1
-        const dz = pos[2] * 2 - 1
-        const cornerDir = matmul3(globalMatrix, [dx, dy, dz])
-        const side1Dir = matmul3(globalMatrix, [dx * mask1[0], dy * mask1[1], dz * mask1[2]])
-        const side2Dir = matmul3(globalMatrix, [dx * mask2[0], dy * mask2[1], dz * mask2[2]])
-        const side1 = world.getBlock(cursor.offset(...side1Dir))
-        const side2 = world.getBlock(cursor.offset(...side2Dir))
-        const corner = world.getBlock(cursor.offset(...cornerDir))
-
-        let cornerLightResult = 15
-        if (/* world.config.smoothLighting */false) { // todo fix
-          const side1Light = world.getLight(cursor.plus(new Vec3(...side1Dir)), true)
-          const side2Light = world.getLight(cursor.plus(new Vec3(...side2Dir)), true)
-          const cornerLight = world.getLight(cursor.plus(new Vec3(...cornerDir)), true)
-          // interpolate
-          cornerLightResult = (side1Light + side2Light + cornerLight) / 3
-        }
-
-        const side1Block = world.shouldMakeAo(side1) ? 1 : 0
-        const side2Block = world.shouldMakeAo(side2) ? 1 : 0
-        const cornerBlock = world.shouldMakeAo(corner) ? 1 : 0
-
-        // TODO: correctly interpolate ao light based on pos (evaluate once for each corner of the block)
-
-        const ao = (side1Block && side2Block) ? 0 : (3 - (side1Block + side2Block + cornerBlock))
-        // todo light should go upper on lower blocks
-        light = (ao + 1) / 4 * (cornerLightResult / 15)
-        aos.push(ao)
-      }
-
-      attr.colors.push(baseLight * tint[0] * light, baseLight * tint[1] * light, baseLight * tint[2] * light)
-    }
-
-    if (needTiles) {
-      attr.tiles[`${cursor.x},${cursor.y},${cursor.z}`] ??= {
-        block: block.name,
-        faces: [],
-      }
-      attr.tiles[`${cursor.x},${cursor.y},${cursor.z}`].faces.push({
-        face,
-        neighbor: `${neighborPos.x},${neighborPos.y},${neighborPos.z}`,
-        light: baseLight
-        // texture: eFace.texture.name,
-      })
-    }
-
-    if (doAO && aos[0] + aos[3] >= aos[1] + aos[2]) {
-      attr.indices.push(
-        ndx, ndx + 3, ndx + 2,
-        ndx, ndx + 1, ndx + 3
-      )
-    } else {
-      attr.indices.push(
-        ndx, ndx + 1, ndx + 2,
-        ndx + 2, ndx + 1, ndx + 3
-      )
-    }
-  }
-}
-
-export function getSectionGeometry (sx, sy, sz, world: World) {
-  let delayedRender = [] as (() => void)[]
-
-  const attr = {
-    sx: sx + 8,
-    sy: sy + 8,
-    sz: sz + 8,
-    positions: [],
-    normals: [],
-    colors: [],
-    uvs: [],
-    t_positions: [],
-    t_normals: [],
-    t_colors: [],
-    t_uvs: [],
-    indices: [],
-    tiles: {},
-    // todo this can be removed here
-    signs: {}
-  } as Record<string, any>
-
-  const cursor = new Vec3(0, 0, 0)
-  for (cursor.y = sy; cursor.y < sy + 16; cursor.y++) {
-    for (cursor.z = sz; cursor.z < sz + 16; cursor.z++) {
-      for (cursor.x = sx; cursor.x < sx + 16; cursor.x++) {
-        const block = world.getBlock(cursor)!
-        if (block.name.includes('_sign') || block.name === 'sign') {
-          const key = `${cursor.x},${cursor.y},${cursor.z}`
-          const props: any = block.getProperties()
-          const facingRotationMap = {
-            "north": 2,
-            "south": 0,
-            "west": 1,
-            "east": 3
-          }
-          const isWall = block.name.endsWith('wall_sign') || block.name.endsWith('wall_hanging_sign')
-          const isHanging = block.name.endsWith('hanging_sign')
-          attr.signs[key] = {
-            isWall,
-            isHanging,
-            rotation: isWall ? facingRotationMap[props.facing] : +props.rotation
-          }
-        }
-        const biome = block.biome.name
-
-        let preflatRecomputeVariant = !!(block as any)._originalProperties
-        if (world.preflat) {
-          const patchProperties = preflatBlockCalculation(block, world, cursor)
-          if (patchProperties) {
-            //@ts-ignore
-            block._originalProperties ??= block._properties
-            //@ts-ignore
-            block._properties = { ...block._originalProperties, ...patchProperties }
-            preflatRecomputeVariant = true
-          } else {
-            //@ts-ignore
-            block._properties = block._originalProperties ?? block._properties
-            //@ts-ignore
-            block._originalProperties = undefined
-          }
-        }
-        if (block.variant === undefined || preflatRecomputeVariant) {
-          block.variant = getModelVariants(block)
-        }
-
-        for (const variant of block.variant) {
-          if (!variant || !variant.model) continue
-
-          const isWaterlogged = block.getProperties().waterlogged
-          if (block.name === 'water' || isWaterlogged) {
-            const waterBlock = block.name === 'water' ? block : { name: 'water', metadata: 0 }
-            const variant = getModelVariants(waterBlock as any)[0]
-            const pos = cursor.clone()
-            delayedRender.push(() => {
-              renderLiquid(world, pos, variant.model.textures.particle, block.type, biome, true, attr)
-            })
-          } else if (block.name === 'lava') {
-            renderLiquid(world, cursor, variant.model.textures.particle, block.type, biome, false, attr)
-          }
-          if (block.name !== "water") {
-            let globalMatrix = null as any
-            let globalShift = null as any
-
-            for (const axis of ['x', 'y', 'z']) {
-              if (axis in variant) {
-                if (!globalMatrix) globalMatrix = buildRotationMatrix(axis, -variant[axis])
-                else globalMatrix = matmulmat3(globalMatrix, buildRotationMatrix(axis, -variant[axis]))
-              }
-            }
-
-            if (globalMatrix) {
-              globalShift = [8, 8, 8]
-              globalShift = vecsub3(globalShift, matmul3(globalMatrix, globalShift))
-            }
-
-            for (const element of variant.model.elements) {
-              if (block.transparent) {
-                const pos = cursor.clone()
-                delayedRender.push(() => {
-                  renderElement(world, pos, element, variant.model.ao, attr, globalMatrix, globalShift, block, biome)
-                })
-              } else {
-                renderElement(world, cursor, element, variant.model.ao, attr, globalMatrix, globalShift, block, biome)
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  for (const render of delayedRender) {
-    render()
-  }
-  delayedRender = []
-
-  let ndx = attr.positions.length / 3
-  for (let i = 0; i < attr.t_positions.length / 12; i++) {
-    attr.indices.push(
-      ndx, ndx + 1, ndx + 2,
-      ndx + 2, ndx + 1, ndx + 3,
-      // back face
-      ndx, ndx + 2, ndx + 1,
-      ndx + 2, ndx + 3, ndx + 1
-    )
-    ndx += 4
-  }
-
-  attr.positions.push(...attr.t_positions)
-  attr.normals.push(...attr.t_normals)
-  attr.colors.push(...attr.t_colors)
-  attr.uvs.push(...attr.t_uvs)
-
-  delete attr.t_positions
-  delete attr.t_normals
-  delete attr.t_colors
-  delete attr.t_uvs
-
-  attr.positions = new Float32Array(attr.positions) as any
-  attr.normals = new Int8Array(attr.normals) as any
-  attr.colors = new Float32Array(attr.colors) as any
-  attr.uvs = new Float32Array(attr.uvs) as any
-
-  return attr
-}
-
-function parseProperties (properties) {
-  if (typeof properties === 'object') { return properties }
-
-  const json = {}
-  for (const prop of properties.split(',')) {
-    const [key, value] = prop.split('=')
-    json[key] = value
-  }
-  return json
-}
-
-function matchProperties (block: Block, /* to match against */properties: Record<string, string | boolean> & { OR }) {
-  if (!properties) { return true }
-
-  properties = parseProperties(properties)
-  const blockProps = block.getProperties()
-  if (properties.OR) {
-    return properties.OR.some((or) => matchProperties(block, or))
-  }
-  for (const prop in blockProps) {
-    if (properties[prop] === undefined) continue // unknown property, ignore
-    if (typeof properties[prop] !== 'string') properties[prop] = String(properties[prop])
-    if (!(properties[prop] as string).split('|').some((value) => value === String(blockProps[prop]))) {
-      return false
-    }
-  }
-  return true
-}
-
-function getModelVariants (block: Block) {
-  // air, cave_air, void_air and so on...
-  // full list of invisible & special blocks https://minecraft.wiki/w/Model#Blocks_and_fluids
-  if (block.name === '' || block.name === 'air' || block.name.endsWith('_air')) return []
-  if (block.name === 'barrier') return []
-  const matchedState = blockStates[block.name]
-  // if (!matchedState) currentWarnings.value.add(`Missing block ${block.name}`)
-  const state = matchedState ?? blockStates.missing_texture
-  if (!state) return []
-  if (state.variants) {
-    for (const [properties, variant] of Object.entries(state.variants)) {
-      if (!matchProperties(block, properties as any)) continue
-      if (variant instanceof Array) return [variant[0]]
-      return [variant]
-    }
-  }
-  if (state.multipart) {
-    const parts = state.multipart.filter(multipart => matchProperties(block, multipart.when))
-    let variants = [] as any[]
-    for (const part of parts) {
-      variants = [...variants, ...Array.isArray(part.apply) ? part.apply : [part.apply]]
-    }
-
-    return variants
-  }
-
-  return []
-}
-
-export const setBlockStatesData = (_blockStates: BlockStatesOutput | null, _needTiles = false) => {
-  blockStates = _blockStates!
-  needTiles = _needTiles
-}
diff --git a/prismarine-viewer/viewer/lib/mesher/shared.ts b/prismarine-viewer/viewer/lib/mesher/shared.ts
deleted file mode 100644
index 36c319b1..00000000
--- a/prismarine-viewer/viewer/lib/mesher/shared.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export const defaultMesherConfig = {
-  version: '',
-  enableLighting: true,
-  skyLight: 15,
-  smoothLighting: true,
-  outputFormat: 'threeJs' as 'threeJs' | 'webgl',
-  textureSize: 1024, // for testing
-}
-
-export type MesherConfig = typeof defaultMesherConfig
diff --git a/prismarine-viewer/viewer/lib/mesher/test/mesherTester.ts b/prismarine-viewer/viewer/lib/mesher/test/mesherTester.ts
deleted file mode 100644
index 6103a3d4..00000000
--- a/prismarine-viewer/viewer/lib/mesher/test/mesherTester.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { setBlockStatesData, getSectionGeometry } from '../models'
-import { World as MesherWorld } from '../world'
-import ChunkLoader, { PCChunk } from 'prismarine-chunk'
-import { Vec3 } from 'vec3'
-import MinecraftData from 'minecraft-data'
-
-export const setup = (version, initialBlocks: [number[], string][]) => {
-    const mcData = MinecraftData(version)
-    const blockStates = require(`../../../../public/blocksStates/${version}.json`)
-    const mesherWorld = new MesherWorld(version)
-    const Chunk = ChunkLoader(version)
-    const chunk1 = new Chunk(undefined as any)
-
-    const pos = new Vec3(2, 5, 2)
-    for (const [addPos, name] of initialBlocks) {
-        chunk1.setBlockStateId(pos.offset(addPos[0], addPos[1], addPos[2]), mcData.blocksByName[name].defaultState!)
-    }
-
-    const getGeometry = () => {
-        const sectionGeometry = getSectionGeometry(0, 0, 0, mesherWorld)
-        const centerFaces = sectionGeometry.tiles[`${pos.x},${pos.y},${pos.z}`]?.faces.length ?? 0
-        const totalTiles = Object.values(sectionGeometry.tiles).reduce((acc, val: any) => acc + val.faces.length, 0)
-        const centerTileNeighbors = Object.entries(sectionGeometry.tiles).reduce((acc, [key, val]: any) => {
-            return acc + val.faces.filter((face: any) => face.neighbor === `${pos.x},${pos.y},${pos.z}`).length
-        }, 0)
-        return {
-            centerFaces,
-            totalTiles,
-            centerTileNeighbors,
-            faces: sectionGeometry.tiles[`${pos.x},${pos.y},${pos.z}`]?.faces ?? []
-        }
-    }
-
-    setBlockStatesData(blockStates, true)
-    const reload = () => {
-        mesherWorld.removeColumn(0, 0)
-        mesherWorld.addColumn(0, 0, chunk1.toJson())
-    }
-    reload()
-
-    const getLights = () => {
-        return Object.fromEntries(getGeometry().faces.map(({ face, light }) => ([face, light * 15 - 2])))
-    }
-
-    const setLight = (x: number, y: number, z: number, val = 0) => {
-        // create columns first
-        chunk1.setBlockLight(pos.offset(x, y, z), 15)
-        chunk1.setSkyLight(pos.offset(x, y, z), 15)
-        chunk1.setBlockLight(pos.offset(x, y, z), val)
-        chunk1.setSkyLight(pos.offset(x, y, z), 0)
-    }
-
-    return {
-        mesherWorld,
-        setLight,
-        getLights,
-        getGeometry,
-        pos,
-        mcData,
-        reload,
-        chunk: chunk1 as PCChunk
-    }
-}
-
-// surround it
-const addPositions = [
-    // [[0, 0, 0], 'diamond_block'],
-    [[1, 0, 0], 'stone'],
-    [[-1, 0, 0], 'stone'],
-    [[0, 1, 0], 'stone'],
-    [[0, -1, 0], 'stone'],
-    [[0, 0, 1], 'stone'],
-    [[0, 0, -1], 'stone'],
-]
diff --git a/prismarine-viewer/viewer/lib/mesher/test/playground.ts b/prismarine-viewer/viewer/lib/mesher/test/playground.ts
deleted file mode 100644
index 6e9e7b10..00000000
--- a/prismarine-viewer/viewer/lib/mesher/test/playground.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { setup } from './mesherTester'
-
-const addPositions = [
-    // [[0, 0, 0], 'diamond_block'],
-    [[1, 0, 0], 'stone'],
-    [[-1, 0, 0], 'stone'],
-    [[0, 1, 0], 'stone'],
-    [[0, -1, 0], 'stone'],
-    [[0, 0, 1], 'stone'],
-    [[0, 0, -1], 'stone'],
-] as const
-
-const { mesherWorld, getGeometry, pos, mcData } = setup('1.18.1', addPositions as any)
-
-// mesherWorld.setBlockStateId(pos, mcData.blocksByName.soul_sand.defaultState)
-
-// console.log(getGeometry().centerTileNeighbors)
diff --git a/prismarine-viewer/viewer/lib/mesher/test/tests.test.ts b/prismarine-viewer/viewer/lib/mesher/test/tests.test.ts
deleted file mode 100644
index de5db815..00000000
--- a/prismarine-viewer/viewer/lib/mesher/test/tests.test.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-import { test, expect } from 'vitest'
-import { setup } from './mesherTester'
-import minecraftData from 'minecraft-data'
-import minecraftAssets from 'minecraft-assets'
-
-const version = minecraftAssets.versions.at(-1)
-
-const addPositions = [
-  // [[0, 0, 0], 'diamond_block'],
-  // [[1, 0, 0], 'stone'],
-  // [[-1, 0, 0], 'stone'],
-  // [[0, 1, 0], 'stone'],
-  // [[0, -1, 0], 'stone'],
-  // [[0, 0, 1], 'stone'],
-  // [[0, 0, -1], 'stone'],
-] as const
-
-test('Known blocks are not rendered', () => {
-  const { mesherWorld, getGeometry, pos, mcData } = setup(version, addPositions as any)
-  const ignoreAsExpected = ['air', 'cave_air', 'void_air', 'barrier', 'water', 'lava', 'moving_piston', 'light']
-
-  let time = 0
-  let times = 0
-  const invalidBlocks = {}/*  as {[number, number]} */
-  for (const block of mcData.blocksArray) {
-    if (ignoreAsExpected.includes(block.name)) continue
-    // if (block.maxStateId! - block.minStateId! > 100) continue
-    // for (let i = block.minStateId!; i <= block.maxStateId!; i++) {
-    for (let i = block.defaultState!; i <= block.defaultState!; i++) {
-      // if (block.transparent) continue
-      mesherWorld.setBlockStateId(pos, i)
-      const start = performance.now()
-      const { centerFaces, totalTiles, centerTileNeighbors } = getGeometry()
-      time += performance.now() - start
-      times++
-      if (centerFaces === 0) {
-        if (invalidBlocks[block.name]) continue
-        invalidBlocks[block.name] = true
-        // invalidBlocks[block.name] = [i - block.defaultState!, centerTileNeighbors]
-        // console.log('INVALID', block.name, centerTileNeighbors, i - block.minStateId)
-      }
-    }
-  }
-  console.log('Average time', time / times)
-  // should be fixed, but to avoid regressions & for visibility
-  expect(invalidBlocks).toMatchInlineSnapshot(`
-    {
-      "black_banner": true,
-      "black_bed": true,
-      "black_candle": true,
-      "black_wall_banner": true,
-      "blue_banner": true,
-      "blue_bed": true,
-      "blue_candle": true,
-      "blue_wall_banner": true,
-      "brown_banner": true,
-      "brown_bed": true,
-      "brown_candle": true,
-      "brown_wall_banner": true,
-      "bubble_column": true,
-      "candle": true,
-      "creeper_head": true,
-      "creeper_wall_head": true,
-      "cyan_banner": true,
-      "cyan_bed": true,
-      "cyan_candle": true,
-      "cyan_wall_banner": true,
-      "dragon_head": true,
-      "dragon_wall_head": true,
-      "end_gateway": true,
-      "end_portal": true,
-      "gray_banner": true,
-      "gray_bed": true,
-      "gray_candle": true,
-      "gray_wall_banner": true,
-      "green_banner": true,
-      "green_bed": true,
-      "green_candle": true,
-      "green_wall_banner": true,
-      "light_blue_banner": true,
-      "light_blue_bed": true,
-      "light_blue_candle": true,
-      "light_blue_wall_banner": true,
-      "light_gray_banner": true,
-      "light_gray_bed": true,
-      "light_gray_candle": true,
-      "light_gray_wall_banner": true,
-      "lime_banner": true,
-      "lime_bed": true,
-      "lime_candle": true,
-      "lime_wall_banner": true,
-      "magenta_banner": true,
-      "magenta_bed": true,
-      "magenta_candle": true,
-      "magenta_wall_banner": true,
-      "orange_banner": true,
-      "orange_bed": true,
-      "orange_candle": true,
-      "orange_wall_banner": true,
-      "piglin_head": true,
-      "piglin_wall_head": true,
-      "pink_banner": true,
-      "pink_bed": true,
-      "pink_candle": true,
-      "pink_petals": true,
-      "pink_wall_banner": true,
-      "player_head": true,
-      "player_wall_head": true,
-      "powder_snow_cauldron": true,
-      "purple_banner": true,
-      "purple_bed": true,
-      "purple_candle": true,
-      "purple_wall_banner": true,
-      "red_banner": true,
-      "red_bed": true,
-      "red_candle": true,
-      "red_wall_banner": true,
-      "repeater": true,
-      "sea_pickle": true,
-      "skeleton_skull": true,
-      "skeleton_wall_skull": true,
-      "snow": true,
-      "structure_void": true,
-      "turtle_egg": true,
-      "water_cauldron": true,
-      "white_banner": true,
-      "white_bed": true,
-      "white_candle": true,
-      "white_wall_banner": true,
-      "wither_skeleton_skull": true,
-      "wither_skeleton_wall_skull": true,
-      "yellow_banner": true,
-      "yellow_bed": true,
-      "yellow_candle": true,
-      "yellow_wall_banner": true,
-      "zombie_head": true,
-      "zombie_wall_head": true,
-    }
-  `)
-})
diff --git a/prismarine-viewer/viewer/lib/renderUtils.js b/prismarine-viewer/viewer/lib/renderUtils.js
deleted file mode 100644
index 0a879322..00000000
--- a/prismarine-viewer/viewer/lib/renderUtils.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { fromFormattedString } from '@xmcl/text-component'
-
-export const formattedStringToSimpleString = (str) => {
-  const result = fromFormattedString(str)
-  let str = result.text
-  // todo recursive
-  for (const extra of result.extra) {
-    str += extra.text
-  }
-  return str
-}
diff --git a/prismarine-viewer/viewer/lib/threeJsUtils.ts b/prismarine-viewer/viewer/lib/threeJsUtils.ts
deleted file mode 100644
index ee22c477..00000000
--- a/prismarine-viewer/viewer/lib/threeJsUtils.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as THREE from 'three'
-
-export const disposeObject = (obj: THREE.Object3D) => {
-  // not cleaning texture there as it might be used by other objects, but would be good to also do that
-  if (obj instanceof THREE.Mesh) {
-    obj.geometry?.dispose?.()
-    obj.material?.dispose?.()
-  }
-  if (obj.children) {
-    obj.children.forEach(disposeObject)
-  }
-}
diff --git a/prismarine-viewer/viewer/lib/utils.electron.js b/prismarine-viewer/viewer/lib/utils.electron.js
deleted file mode 100644
index e3066cd5..00000000
--- a/prismarine-viewer/viewer/lib/utils.electron.js
+++ /dev/null
@@ -1,17 +0,0 @@
-const THREE = require('three')
-const path = require('path')
-
-const textureCache = {}
-function loadTexture (texture, cb) {
-  if (!textureCache[texture]) {
-    const url = path.resolve(__dirname, '../../public/' + texture)
-    textureCache[texture] = new THREE.TextureLoader().load(url)
-  }
-  cb(textureCache[texture])
-}
-
-function loadJSON (json, cb) {
-  cb(require(path.resolve(__dirname, '../../public/' + json)))
-}
-
-module.exports = { loadTexture, loadJSON }
diff --git a/prismarine-viewer/viewer/lib/utils.js b/prismarine-viewer/viewer/lib/utils.js
deleted file mode 100644
index 332d0d41..00000000
--- a/prismarine-viewer/viewer/lib/utils.js
+++ /dev/null
@@ -1,57 +0,0 @@
-function safeRequire (path) {
-  try {
-    return require(path)
-  } catch (e) {
-    return {}
-  }
-}
-const { loadImage } = safeRequire('node-canvas-webgl/lib')
-const path = require('path')
-const THREE = require('three')
-
-const textureCache = {}
-// todo not ideal, export different functions for browser and node
-export function loadTexture (texture, cb) {
-  if (process.platform === 'browser') {
-    return require('./utils.web').loadTexture(texture, cb)
-  }
-
-  if (textureCache[texture]) {
-    cb(textureCache[texture])
-  } else {
-    loadImage(path.resolve(__dirname, '../../public/' + texture)).then(image => {
-      textureCache[texture] = new THREE.CanvasTexture(image)
-      cb(textureCache[texture])
-    })
-  }
-}
-
-export function loadJSON (json, cb) {
-  if (process.platform === 'browser') {
-    return require('./utils.web').loadJSON(json, cb)
-  }
-  cb(require(path.resolve(__dirname, '../../public/' + json)))
-}
-
-export const loadScript = async function (/** @type {string} */scriptSrc) {
-  if (document.querySelector(`script[src="${scriptSrc}"]`)) {
-    return
-  }
-
-  return new Promise((resolve, reject) => {
-    const scriptElement = document.createElement('script')
-    scriptElement.src = scriptSrc
-    scriptElement.async = true
-
-    scriptElement.addEventListener('load', () => {
-      resolve(scriptElement)
-    })
-
-    scriptElement.onerror = (error) => {
-      reject(new Error(error.message))
-      scriptElement.remove()
-    }
-
-    document.head.appendChild(scriptElement)
-  })
-}
diff --git a/prismarine-viewer/viewer/lib/utils.web.js b/prismarine-viewer/viewer/lib/utils.web.js
deleted file mode 100644
index ffa22808..00000000
--- a/prismarine-viewer/viewer/lib/utils.web.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/* global XMLHttpRequest */
-const THREE = require('three')
-
-const textureCache = {}
-function loadTexture (texture, cb, onLoad) {
-  const cached = textureCache[texture]
-  if (!cached) {
-    textureCache[texture] = new THREE.TextureLoader().load(texture, onLoad)
-  }
-  cb(textureCache[texture])
-  if (cached) onLoad?.()
-}
-
-function loadJSON (url, callback) {
-  const xhr = new XMLHttpRequest()
-  xhr.open('GET', url, true)
-  xhr.responseType = 'json'
-  xhr.onload = function () {
-    const status = xhr.status
-    if (status === 200) {
-      callback(xhr.response)
-    } else {
-      throw new Error(url + ' not found')
-    }
-  }
-  xhr.send()
-}
-
-module.exports = { loadTexture, loadJSON }
diff --git a/prismarine-viewer/viewer/lib/version.js b/prismarine-viewer/viewer/lib/version.js
deleted file mode 100644
index 804bd0c7..00000000
--- a/prismarine-viewer/viewer/lib/version.js
+++ /dev/null
@@ -1,30 +0,0 @@
-const supportedVersions = require('../../public/supportedVersions.json')
-
-const lastOfMajor = {}
-for (const version of supportedVersions) {
-  const major = toMajor(version)
-  if (lastOfMajor[major]) {
-    if (minor(lastOfMajor[major]) < minor(version)) {
-      lastOfMajor[major] = version
-    }
-  } else {
-    lastOfMajor[major] = version
-  }
-}
-
-function toMajor (version) {
-  const [a, b] = (version + '').split('.')
-  return a + '.' + b
-}
-
-function minor (version) {
-  const [, , c] = (version + '.0').split('.')
-  return parseInt(c, 10)
-}
-
-function getVersion (version) {
-  if (supportedVersions.indexOf(version) !== -1) return version
-  return lastOfMajor[toMajor(version)] ?? Object.values(lastOfMajor).at(-1)
-}
-
-module.exports = { getVersion, toMajor }
diff --git a/prismarine-viewer/viewer/lib/viewer.ts b/prismarine-viewer/viewer/lib/viewer.ts
deleted file mode 100644
index c95127f2..00000000
--- a/prismarine-viewer/viewer/lib/viewer.ts
+++ /dev/null
@@ -1,222 +0,0 @@
-import * as THREE from 'three'
-import { Vec3 } from 'vec3'
-import { Entities } from './entities'
-import { Primitives } from './primitives'
-import { getVersion } from './version'
-import EventEmitter from 'events'
-import { WorldRendererThree } from './worldrendererThree'
-import { generateSpiralMatrix } from 'flying-squid/dist/utils'
-import { WorldRendererCommon, WorldRendererConfig, defaultWorldRendererConfig } from './worldrendererCommon'
-import { versionToNumber } from '../prepare/utils'
-
-export class Viewer {
-  scene: THREE.Scene
-  ambientLight: THREE.AmbientLight
-  directionalLight: THREE.DirectionalLight
-  world: WorldRendererCommon
-  entities: Entities
-  // primitives: Primitives
-  domElement: HTMLCanvasElement
-  playerHeight = 1.62
-  isSneaking = false
-  threeJsWorld: WorldRendererThree
-  cameraObjectOverride?: THREE.Object3D // for xr
-  audioListener: THREE.AudioListener
-  renderingUntilNoUpdates = false
-  processEntityOverrides = (e, overrides) => overrides
-
-  get camera () {
-    return this.world.camera
-  }
-  set camera (camera) {
-    this.world.camera = camera
-  }
-
-  constructor(public renderer: THREE.WebGLRenderer, worldConfig = defaultWorldRendererConfig) {
-    // https://discourse.threejs.org/t/updates-to-color-management-in-three-js-r152/50791
-    THREE.ColorManagement.enabled = false
-    renderer.outputColorSpace = THREE.LinearSRGBColorSpace
-
-    this.scene = new THREE.Scene()
-    this.scene.matrixAutoUpdate = false // for perf
-    this.threeJsWorld = new WorldRendererThree(this.scene, this.renderer, worldConfig)
-    this.setWorld()
-    this.resetScene()
-    this.entities = new Entities(this.scene)
-    // this.primitives = new Primitives(this.scene, this.camera)
-
-    this.domElement = renderer.domElement
-  }
-
-  setWorld () {
-    this.world = this.threeJsWorld
-  }
-
-  resetScene () {
-    this.scene.background = new THREE.Color('lightblue')
-
-    if (this.ambientLight) this.scene.remove(this.ambientLight)
-    this.ambientLight = new THREE.AmbientLight(0xcc_cc_cc)
-    this.scene.add(this.ambientLight)
-
-    if (this.directionalLight) this.scene.remove(this.directionalLight)
-    this.directionalLight = new THREE.DirectionalLight(0xff_ff_ff, 0.5)
-    this.directionalLight.position.set(1, 1, 0.5).normalize()
-    this.directionalLight.castShadow = true
-    this.scene.add(this.directionalLight)
-
-    const size = this.renderer.getSize(new THREE.Vector2())
-    this.camera = new THREE.PerspectiveCamera(75, size.x / size.y, 0.1, 1000)
-  }
-
-  resetAll () {
-    this.resetScene()
-    this.world.resetWorld()
-    this.entities.clear()
-    // this.primitives.clear()
-  }
-
-  setVersion (userVersion: string) {
-    let texturesVersion = getVersion(userVersion)
-    if (versionToNumber(userVersion) < versionToNumber('1.13')) texturesVersion = '1.13.2' // we normalize to post-flatenning in mesher
-    console.log('[viewer] Using version:', userVersion, 'textures:', texturesVersion)
-    this.world.setVersion(userVersion, texturesVersion)
-    this.entities.clear()
-    // this.primitives.clear()
-  }
-
-  addColumn (x, z, chunk, isLightUpdate = false) {
-    this.world.addColumn(x, z, chunk, isLightUpdate)
-  }
-
-  removeColumn (x: string, z: string) {
-    this.world.removeColumn(x, z)
-  }
-
-  setBlockStateId (pos: Vec3, stateId: number) {
-    this.world.setBlockStateId(pos, stateId)
-  }
-
-  updateEntity (e) {
-    this.entities.update(e, this.processEntityOverrides(e, {
-      rotation: {
-        head: {
-          x: e.headPitch ?? e.pitch,
-          y: e.headYaw,
-          z: 0
-        }
-      }
-    }))
-  }
-
-  setFirstPersonCamera (pos: Vec3 | null, yaw: number, pitch: number, roll = 0) {
-    const cam = this.cameraObjectOverride || this.camera
-    let yOffset = this.playerHeight
-    if (this.isSneaking) yOffset -= 0.3
-
-    if (this.world instanceof WorldRendererThree) this.world.camera = cam as THREE.PerspectiveCamera
-    this.world.updateCamera(pos?.offset(0, yOffset, 0) ?? null, yaw, pitch)
-  }
-
-  playSound (position: Vec3, path: string, volume = 1) {
-    if (!this.audioListener) {
-      this.audioListener = new THREE.AudioListener()
-      this.camera.add(this.audioListener)
-    }
-
-    const sound = new THREE.PositionalAudio(this.audioListener)
-
-    const audioLoader = new THREE.AudioLoader()
-    let start = Date.now()
-    audioLoader.loadAsync(path).then((buffer) => {
-      if (Date.now() - start > 500) return
-      // play
-      sound.setBuffer(buffer)
-      sound.setRefDistance(20)
-      sound.setVolume(volume)
-      this.scene.add(sound)
-      // set sound position
-      sound.position.set(position.x, position.y, position.z)
-      sound.onEnded = () => {
-        this.scene.remove(sound)
-        sound.disconnect()
-        audioLoader.manager.itemEnd(path)
-      }
-      sound.play()
-    })
-  }
-
-  // todo type
-  listen (emitter: EventEmitter) {
-    emitter.on('entity', (e) => {
-      this.updateEntity(e)
-    })
-
-    emitter.on('primitive', (p) => {
-      // this.updatePrimitive(p)
-    })
-
-    emitter.on('loadChunk', ({ x, z, chunk, worldConfig, isLightUpdate }) => {
-      this.world.worldConfig = worldConfig
-      this.addColumn(x, z, chunk, isLightUpdate)
-    })
-    // todo remove and use other architecture instead so data flow is clear
-    emitter.on('blockEntities', (blockEntities) => {
-      if (this.world instanceof WorldRendererThree) this.world.blockEntities = blockEntities
-    })
-
-    emitter.on('unloadChunk', ({ x, z }) => {
-      this.removeColumn(x, z)
-    })
-
-    emitter.on('blockUpdate', ({ pos, stateId }) => {
-      this.setBlockStateId(new Vec3(pos.x, pos.y, pos.z), stateId)
-    })
-
-    emitter.on('chunkPosUpdate', ({ pos }) => {
-      this.world.updateViewerPosition(pos)
-    })
-
-    emitter.on('renderDistance', (d) => {
-      this.world.viewDistance = d
-      this.world.chunksLength = d === 0 ? 1 : generateSpiralMatrix(d).length
-      this.world.allChunksFinished = Object.keys(this.world.finishedChunks).length === this.world.chunksLength
-    })
-
-    emitter.on('updateLight', ({ pos }) => {
-      if (this.world instanceof WorldRendererThree) this.world.updateLight(pos.x, pos.z)
-    })
-
-    emitter.on('time', (timeOfDay) => {
-      this.world.timeUpdated?.(timeOfDay)
-
-      let skyLight = 15
-      if (timeOfDay < 0 || timeOfDay > 24000) {
-        throw new Error("Invalid time of day. It should be between 0 and 24000.")
-      } else if (timeOfDay <= 6000 || timeOfDay >= 18000) {
-        skyLight = 15
-      } else if (timeOfDay > 6000 && timeOfDay < 12000) {
-        skyLight = 15 - ((timeOfDay - 6000) / 6000) * 15
-      } else if (timeOfDay >= 12000 && timeOfDay < 18000) {
-        skyLight = ((timeOfDay - 12000) / 6000) * 15
-      }
-
-      skyLight = Math.floor(skyLight) // todo: remove this after optimization
-
-      if (this.world.mesherConfig.skyLight === skyLight) return
-      this.world.mesherConfig.skyLight = skyLight
-        ; (this.world as WorldRendererThree).rerenderAllChunks?.()
-    })
-
-    emitter.emit('listening')
-  }
-
-  render () {
-    this.world.render()
-    this.entities.render()
-  }
-
-  async waitForChunksToRender () {
-    await this.world.waitForChunksToRender()
-  }
-}
diff --git a/prismarine-viewer/viewer/lib/viewerWrapper.ts b/prismarine-viewer/viewer/lib/viewerWrapper.ts
deleted file mode 100644
index 57317f42..00000000
--- a/prismarine-viewer/viewer/lib/viewerWrapper.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { statsEnd, statsStart } from '../../../src/topRightStats'
-
-// wrapper for now
-export class ViewerWrapper {
-    previousWindowWidth: number
-    previousWindowHeight: number
-    globalObject = globalThis as any
-    stopRenderOnBlur = false
-    addedToPage = false
-    renderInterval = 0
-    renderIntervalUnfocused: number | undefined
-    fpsInterval
-
-    constructor (public canvas: HTMLCanvasElement, public renderer?: THREE.WebGLRenderer) {
-        if (this.renderer) this.globalObject.renderer = this.renderer
-    }
-    addToPage (startRendering = true) {
-        if (this.addedToPage) throw new Error('Already added to page')
-        let pixelRatio = window.devicePixelRatio || 1 // todo this value is too high on ios, need to check, probably we should use avg, also need to make it configurable
-        if (this.renderer) {
-            if (!this.renderer.capabilities.isWebGL2) pixelRatio = 1 // webgl1 has issues with high pixel ratio (sometimes screen is clipped)
-            this.renderer.setPixelRatio(pixelRatio)
-            this.renderer.setSize(window.innerWidth, window.innerHeight)
-        } else {
-            this.canvas.width = window.innerWidth * pixelRatio
-            this.canvas.height = window.innerHeight * pixelRatio
-        }
-        this.previousWindowWidth = window.innerWidth
-        this.previousWindowHeight = window.innerHeight
-
-        this.canvas.id = 'viewer-canvas'
-        document.body.appendChild(this.canvas)
-
-        this.addedToPage = true
-
-        let max = 0
-        this.fpsInterval = setInterval(() => {
-            if (max > 0) {
-                viewer.world.droppedFpsPercentage = this.renderedFps / max
-            }
-            max = Math.max(this.renderedFps, max)
-            this.renderedFps = 0
-        }, 1000)
-        if (startRendering) {
-            this.globalObject.requestAnimationFrame(this.render.bind(this))
-        }
-        if (typeof window !== 'undefined') {
-            this.trackWindowFocus()
-        }
-    }
-
-    windowFocused = true
-    trackWindowFocus () {
-        window.addEventListener('focus', () => {
-            this.windowFocused = true
-        })
-        window.addEventListener('blur', () => {
-            this.windowFocused = false
-        })
-    }
-
-    dispose () {
-        if (!this.addedToPage) throw new Error('Not added to page')
-        document.body.removeChild(this.canvas)
-        this.renderer?.dispose()
-        // this.addedToPage = false
-        clearInterval(this.fpsInterval)
-    }
-
-
-    renderedFps = 0
-    lastTime = performance.now()
-    delta = 0
-    preRender = () => { }
-    postRender = () => { }
-    render (time: DOMHighResTimeStamp) {
-        if (this.globalObject.stopLoop) return
-        for (const fn of beforeRenderFrame) fn()
-        this.globalObject.requestAnimationFrame(this.render.bind(this))
-        if (this.globalObject.stopRender || this.renderer?.xr.isPresenting || (this.stopRenderOnBlur && !this.windowFocused)) return
-        const renderInterval = (this.windowFocused ? this.renderInterval : this.renderIntervalUnfocused) ?? this.renderInterval
-        if (renderInterval) {
-            this.delta += time - this.lastTime
-            this.lastTime = time
-            if (this.delta > renderInterval) {
-                this.delta %= renderInterval
-                // continue rendering
-            } else {
-                return
-            }
-        }
-        this.preRender()
-        statsStart()
-        // ios bug: viewport dimensions are updated after the resize event
-        if (this.previousWindowWidth !== window.innerWidth || this.previousWindowHeight !== window.innerHeight) {
-            this.resizeHandler()
-            this.previousWindowWidth = window.innerWidth
-            this.previousWindowHeight = window.innerHeight
-        }
-        viewer.render()
-        this.renderedFps++
-        statsEnd()
-        this.postRender()
-    }
-
-    resizeHandler () {
-        const width = window.innerWidth
-        const height = window.innerHeight
-
-        viewer.camera.aspect = width / height
-        viewer.camera.updateProjectionMatrix()
-
-        if (this.renderer) {
-            this.renderer.setSize(width, height)
-        }
-        viewer.world.handleResize()
-    }
-}
diff --git a/prismarine-viewer/viewer/lib/workerProxy.ts b/prismarine-viewer/viewer/lib/workerProxy.ts
deleted file mode 100644
index adfe6ac2..00000000
--- a/prismarine-viewer/viewer/lib/workerProxy.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-export function createWorkerProxy<T extends Record<string, (...args: any[]) => void>> (handlers: T): { __workerProxy: T } {
-    addEventListener('message', (event) => {
-        const { type, args } = event.data
-        if (handlers[type]) {
-            handlers[type](...args)
-        }
-    })
-    return null as any
-}
-
-/**
- * in main thread
- * ```ts
- * // either:
- * import type { importedTypeWorkerProxy } from './worker'
- * // or:
- * type importedTypeWorkerProxy = import('./worker').importedTypeWorkerProxy
- *
- * const workerChannel = useWorkerProxy<typeof importedTypeWorkerProxy>(worker)
- * ```
- */
-export const useWorkerProxy = <T extends { __workerProxy: Record<string, (...args: any[]) => void> }> (worker: Worker, autoTransfer = true): T['__workerProxy'] & {
-    transfer: (...args: Transferable[]) => T['__workerProxy']
-} => {
-    // in main thread
-    return new Proxy({} as any, {
-        get: (target, prop) => {
-            if (prop === 'transfer') return (...transferable: Transferable[]) => {
-                return new Proxy({}, {
-                    get: (target, prop) => {
-                        return (...args: any[]) => {
-                            worker.postMessage({
-                                type: prop,
-                                args,
-                            }, transferable)
-                        }
-                    }
-                })
-            }
-            return (...args: any[]) => {
-                const transfer = autoTransfer ? args.filter(arg => arg instanceof ArrayBuffer || arg instanceof MessagePort || arg instanceof ImageBitmap || arg instanceof OffscreenCanvas) : []
-                worker.postMessage({
-                    type: prop,
-                    args,
-                }, transfer)
-            }
-        }
-    })
-}
-
-// const workerProxy = createWorkerProxy({
-//     startRender (canvas: HTMLCanvasElement) {
-//     },
-// })
-
-// const worker = useWorkerProxy(null, workerProxy)
-
-// worker.
diff --git a/prismarine-viewer/viewer/lib/worldDataEmitter.ts b/prismarine-viewer/viewer/lib/worldDataEmitter.ts
deleted file mode 100644
index 5df5cc73..00000000
--- a/prismarine-viewer/viewer/lib/worldDataEmitter.ts
+++ /dev/null
@@ -1,213 +0,0 @@
-import { chunkPos } from './simpleUtils'
-
-// todo refactor into its own commons module
-import { generateSpiralMatrix, ViewRect } from 'flying-squid/dist/utils'
-import { Vec3 } from 'vec3'
-import { EventEmitter } from 'events'
-import { BotEvents } from 'mineflayer'
-
-export type ChunkPosKey = string
-type ChunkPos = { x: number, z: number }
-
-/**
- * Usually connects to mineflayer bot and emits world data (chunks, entities)
- * It's up to the consumer to serialize the data if needed
- */
-export class WorldDataEmitter extends EventEmitter {
-  private loadedChunks: Record<ChunkPosKey, boolean>
-  private lastPos: Vec3
-  private eventListeners: Record<string, any> = {};
-  private emitter: WorldDataEmitter
-
-  constructor (public world: typeof __type_bot['world'], public viewDistance: number, position: Vec3 = new Vec3(0, 0, 0)) {
-    super()
-    this.loadedChunks = {}
-    this.lastPos = new Vec3(0, 0, 0).update(position)
-    // todo
-    this.emitter = this
-
-    this.emitter.on('mouseClick', async (click) => {
-      const ori = new Vec3(click.origin.x, click.origin.y, click.origin.z)
-      const dir = new Vec3(click.direction.x, click.direction.y, click.direction.z)
-      const block = this.world.raycast(ori, dir, 256)
-      if (!block) return
-      //@ts-ignore
-      this.emit('blockClicked', block, block.face, click.button)
-    })
-  }
-
-  updateViewDistance (viewDistance: number) {
-    this.viewDistance = viewDistance
-    this.emitter.emit('renderDistance', viewDistance)
-  }
-
-  listenToBot (bot: typeof __type_bot) {
-    const emitEntity = (e) => {
-      if (!e || e === bot.entity) return
-      this.emitter.emit('entity', { ...e, pos: e.position, username: e.username })
-    }
-
-    this.eventListeners[bot.username] = {
-      // 'move': botPosition,
-      entitySpawn: (e: any) => {
-        emitEntity(e)
-      },
-      entityUpdate: (e: any) => {
-        emitEntity(e)
-      },
-      entityMoved: (e: any) => {
-        emitEntity(e)
-      },
-      entityGone: (e: any) => {
-        this.emitter.emit('entity', { id: e.id, delete: true })
-      },
-      chunkColumnLoad: (pos: Vec3) => {
-        this.loadChunk(pos)
-      },
-      blockUpdate: (oldBlock: any, newBlock: any) => {
-        const stateId = newBlock.stateId ? newBlock.stateId : ((newBlock.type << 4) | newBlock.metadata)
-        this.emitter.emit('blockUpdate', { pos: oldBlock.position, stateId })
-      },
-      time: () => {
-        this.emitter.emit('time', bot.time.timeOfDay)
-      },
-    } satisfies Partial<BotEvents>
-
-    bot._client.on('update_light', ({ chunkX, chunkZ }) => {
-      const chunkPos = new Vec3(chunkX * 16, 0, chunkZ * 16)
-      this.loadChunk(chunkPos, true)
-    })
-
-    this.emitter.on('listening', () => {
-      this.emitter.emit('blockEntities', new Proxy({}, {
-        get (_target, posKey, receiver) {
-          if (typeof posKey !== 'string') return
-          const [x, y, z] = posKey.split(',').map(Number)
-          return bot.world.getBlock(new Vec3(x, y, z))?.entity
-        },
-      }))
-      this.emitter.emit('renderDistance', this.viewDistance)
-      this.emitter.emit('time', bot.time.timeOfDay)
-    })
-    // node.js stream data event pattern
-    if (this.emitter.listenerCount('blockEntities')) {
-      this.emitter.emit('listening')
-    }
-
-    for (const [evt, listener] of Object.entries(this.eventListeners[bot.username])) {
-      bot.on(evt as any, listener)
-    }
-
-    for (const id in bot.entities) {
-      const e = bot.entities[id]
-      emitEntity(e)
-    }
-  }
-
-  removeListenersFromBot (bot: import('mineflayer').Bot) {
-    for (const [evt, listener] of Object.entries(this.eventListeners[bot.username])) {
-      bot.removeListener(evt as any, listener)
-    }
-    delete this.eventListeners[bot.username]
-  }
-
-  async init (pos: Vec3) {
-    this.updateViewDistance(this.viewDistance)
-    this.emitter.emit('chunkPosUpdate', { pos })
-    const [botX, botZ] = chunkPos(pos)
-
-    const positions = generateSpiralMatrix(this.viewDistance).map(([x, z]) => new Vec3((botX + x) * 16, 0, (botZ + z) * 16))
-
-    this.lastPos.update(pos)
-    await this._loadChunks(positions)
-  }
-
-  async _loadChunks (positions: Vec3[], sliceSize = 5, waitTime = 0) {
-    let i = 0
-    const interval = setInterval(() => {
-      if (i >= positions.length) {
-        clearInterval(interval)
-        return
-      }
-      this.loadChunk(positions[i])
-      i++
-    }, 1)
-  }
-
-  readdDebug () {
-    const clonedLoadedChunks = { ...this.loadedChunks }
-    this.unloadAllChunks()
-    for (const loadedChunk in clonedLoadedChunks) {
-      const [x, z] = loadedChunk.split(',').map(Number)
-      this.loadChunk(new Vec3(x, 0, z))
-    }
-  }
-
-  async loadChunk (pos: ChunkPos, isLightUpdate = false) {
-    const [botX, botZ] = chunkPos(this.lastPos)
-    const dx = Math.abs(botX - Math.floor(pos.x / 16))
-    const dz = Math.abs(botZ - Math.floor(pos.z / 16))
-    if (dx <= this.viewDistance && dz <= this.viewDistance) {
-      const column = await this.world.getColumnAt(pos['y'] ? pos as Vec3 : new Vec3(pos.x, 0, pos.z))
-      if (column) {
-        // todo optimize toJson data, make it clear why it is used
-        const chunk = column.toJson()
-        // TODO: blockEntities
-        const worldConfig = {
-          minY: column['minY'] ?? 0,
-          worldHeight: column['worldHeight'] ?? 256,
-        }
-        //@ts-ignore
-        this.emitter.emit('loadChunk', { x: pos.x, z: pos.z, chunk, blockEntities: column.blockEntities, worldConfig, isLightUpdate })
-        this.loadedChunks[`${pos.x},${pos.z}`] = true
-      }
-    } else {
-      // console.debug('skipped loading chunk', dx, dz, '>', this.viewDistance)
-    }
-  }
-
-  unloadAllChunks () {
-    for (const coords of Object.keys(this.loadedChunks)) {
-      const [x, z] = coords.split(',').map(Number)
-      this.unloadChunk({ x, z })
-    }
-  }
-
-  unloadChunk (pos: ChunkPos) {
-    this.emitter.emit('unloadChunk', { x: pos.x, z: pos.z })
-    delete this.loadedChunks[`${pos.x},${pos.z}`]
-  }
-
-  async updatePosition (pos: Vec3, force = false) {
-    const [lastX, lastZ] = chunkPos(this.lastPos)
-    const [botX, botZ] = chunkPos(pos)
-    if (lastX !== botX || lastZ !== botZ || force) {
-      this.emitter.emit('chunkPosUpdate', { pos })
-      const newView = new ViewRect(botX, botZ, this.viewDistance)
-      const chunksToUnload: Vec3[] = []
-      for (const coords of Object.keys(this.loadedChunks)) {
-        const x = parseInt(coords.split(',')[0])
-        const z = parseInt(coords.split(',')[1])
-        const p = new Vec3(x, 0, z)
-        const [chunkX, chunkZ] = chunkPos(p)
-        if (!newView.contains(chunkX, chunkZ)) {
-          chunksToUnload.push(p)
-        }
-      }
-      console.log('unloading', chunksToUnload.length, 'total now', Object.keys(this.loadedChunks).length)
-      for (const p of chunksToUnload) {
-        this.unloadChunk(p)
-      }
-      const positions = generateSpiralMatrix(this.viewDistance).map(([x, z]) => {
-        const pos = new Vec3((botX + x) * 16, 0, (botZ + z) * 16)
-        if (!this.loadedChunks[`${pos.x},${pos.z}`]) return pos
-        return undefined!
-      }).filter(a => !!a)
-      this.lastPos.update(pos)
-      await this._loadChunks(positions)
-    } else {
-      this.emitter.emit('chunkPosUpdate', { pos }) // todo-low
-      this.lastPos.update(pos)
-    }
-  }
-}
diff --git a/prismarine-viewer/viewer/lib/worldrendererCommon.ts b/prismarine-viewer/viewer/lib/worldrendererCommon.ts
deleted file mode 100644
index 7660a522..00000000
--- a/prismarine-viewer/viewer/lib/worldrendererCommon.ts
+++ /dev/null
@@ -1,351 +0,0 @@
-import * as THREE from 'three'
-import { Vec3 } from 'vec3'
-import { loadJSON } from './utils'
-import { loadTexture } from './utils.web'
-import { EventEmitter } from 'events'
-import mcDataRaw from 'minecraft-data/data.js' // handled correctly in esbuild plugin
-import { dynamicMcDataFiles } from '../../buildMesherConfig.mjs'
-import { toMajor } from './version.js'
-import { chunkPos } from './simpleUtils'
-import { defaultMesherConfig } from './mesher/shared'
-import { buildCleanupDecorator } from './cleanupDecorator'
-
-function mod (x, n) {
-  return ((x % n) + n) % n
-}
-
-export const worldCleanup = buildCleanupDecorator('resetWorld')
-
-export const defaultWorldRendererConfig = {
-  showChunkBorders: false,
-  numWorkers: 4
-}
-
-export type WorldRendererConfig = typeof defaultWorldRendererConfig
-
-export abstract class WorldRendererCommon<WorkerSend = any, WorkerReceive = any> {
-  worldConfig = { minY: 0, worldHeight: 256 }
-  material = new THREE.MeshLambertMaterial({ vertexColors: true, transparent: true, alphaTest: 0.1 })
-
-  @worldCleanup()
-  active = false
-  version = undefined as string | undefined
-  @worldCleanup()
-  loadedChunks = {} as Record<string, boolean>
-  @worldCleanup()
-  finishedChunks = {} as Record<string, boolean>
-  @worldCleanup()
-  sectionsOutstanding = new Map<string, number>()
-  renderUpdateEmitter = new EventEmitter()
-  customBlockStatesData = undefined as any
-  customTexturesDataUrl = undefined as string | undefined
-  downloadedBlockStatesData = undefined as any
-  downloadedTextureImage = undefined as any
-  workers: any[] = []
-  viewerPosition?: Vec3
-  lastCamUpdate = 0
-  droppedFpsPercentage = 0
-  initialChunksLoad = true
-  enableChunksLoadDelay = false
-  texturesVersion?: string
-  viewDistance = -1
-  chunksLength = 0
-  @worldCleanup()
-  allChunksFinished = false
-  handleResize = () => { }
-  mesherConfig = defaultMesherConfig
-  camera: THREE.PerspectiveCamera
-
-  abstract outputFormat: 'threeJs' | 'webgl'
-
-  constructor (public config: WorldRendererConfig) {
-    // this.initWorkers(1) // preload script on page load
-    this.snapshotInitialValues()
-  }
-
-  snapshotInitialValues () { }
-
-  initWorkers (numWorkers = this.config.numWorkers) {
-    // init workers
-    for (let i = 0; i < numWorkers; i++) {
-      // Node environment needs an absolute path, but browser needs the url of the file
-      const workerName = 'mesher.js'
-      const src = typeof window === 'undefined' ? `${__dirname}/${workerName}` : workerName
-
-      const worker: any = new Worker(src)
-      const handleMessage = (data) => {
-        if (!this.active) return
-        this.handleWorkerMessage(data)
-        new Promise(resolve => {
-          setTimeout(resolve, 0)
-        })
-        if (data.type === 'sectionFinished') {
-          if (!this.sectionsOutstanding.get(data.key)) throw new Error(`sectionFinished event for non-outstanding section ${data.key}`)
-          this.sectionsOutstanding.set(data.key, this.sectionsOutstanding.get(data.key)! - 1)
-          if (this.sectionsOutstanding.get(data.key) === 0) this.sectionsOutstanding.delete(data.key)
-
-          const chunkCoords = data.key.split(',').map(Number)
-          if (this.loadedChunks[`${chunkCoords[0]},${chunkCoords[2]}`]) { // ensure chunk data was added, not a neighbor chunk update
-            const loadingKeys = [...this.sectionsOutstanding.keys()]
-            if (!loadingKeys.some(key => {
-              const [x, y, z] = key.split(',').map(Number)
-              return x === chunkCoords[0] && z === chunkCoords[2]
-            })) {
-              this.finishedChunks[`${chunkCoords[0]},${chunkCoords[2]}`] = true
-            }
-          }
-          if (this.sectionsOutstanding.size === 0) {
-            const allFinished = Object.keys(this.finishedChunks).length === this.chunksLength
-            if (allFinished) {
-              this.allChunksLoaded?.()
-              this.allChunksFinished = true
-            }
-          }
-
-          this.renderUpdateEmitter.emit('update')
-        }
-      }
-      worker.onmessage = ({ data }) => {
-        if (Array.isArray(data)) {
-          data.forEach(handleMessage)
-          return
-        }
-        handleMessage(data)
-      }
-      if (worker.on) worker.on('message', (data) => { worker.onmessage({ data }) })
-      this.workers.push(worker)
-    }
-  }
-
-  abstract handleWorkerMessage (data: WorkerReceive): void
-
-  abstract updateCamera (pos: Vec3 | null, yaw: number, pitch: number): void
-
-  abstract render (): void
-
-  /**
-   * Optionally update data that are depedendent on the viewer position
-   */
-  updatePosDataChunk?(key: string): void
-
-  allChunksLoaded?(): void
-
-  timeUpdated?(newTime: number): void
-
-  updateViewerPosition (pos: Vec3) {
-    this.viewerPosition = pos
-    for (const [key, value] of Object.entries(this.loadedChunks)) {
-      if (!value) continue
-      this.updatePosDataChunk?.(key)
-    }
-  }
-
-  sendWorkers (message: WorkerSend) {
-    for (const worker of this.workers) {
-      worker.postMessage(message)
-    }
-  }
-
-  getDistance (posAbsolute: Vec3) {
-    const [botX, botZ] = chunkPos(this.viewerPosition!)
-    const dx = Math.abs(botX - Math.floor(posAbsolute.x / 16))
-    const dz = Math.abs(botZ - Math.floor(posAbsolute.z / 16))
-    return [dx, dz] as [number, number]
-  }
-
-  abstract updateShowChunksBorder (value: boolean): void
-
-  resetWorld () {
-    // destroy workers
-    for (const worker of this.workers) {
-      worker.terminate()
-    }
-    this.workers = []
-  }
-
-  // new game load happens here
-  setVersion (version, texturesVersion = version) {
-    this.version = version
-    this.texturesVersion = texturesVersion
-    this.resetWorld()
-    this.initWorkers()
-    this.active = true
-    this.mesherConfig.outputFormat = this.outputFormat
-    this.mesherConfig.version = this.version!
-
-    this.sendMesherMcData()
-    this.updateTexturesData()
-  }
-
-  sendMesherMcData () {
-    const allMcData = mcDataRaw.pc[this.version] ?? mcDataRaw.pc[toMajor(this.version)]
-    const mcData = Object.fromEntries(Object.entries(allMcData).filter(([key]) => dynamicMcDataFiles.includes(key)))
-    mcData.version = JSON.parse(JSON.stringify(mcData.version))
-
-    for (const worker of this.workers) {
-      worker.postMessage({ type: 'mcData', mcData, config: this.mesherConfig })
-    }
-  }
-
-  updateTexturesData () {
-    loadTexture(this.customTexturesDataUrl || `textures/${this.texturesVersion}.png`, (texture: import('three').Texture) => {
-      texture.magFilter = THREE.NearestFilter
-      texture.minFilter = THREE.NearestFilter
-      texture.flipY = false
-      this.material.map = texture
-    }, () => {
-      this.downloadedTextureImage = this.material.map!.image
-      const loadBlockStates = async () => {
-        return new Promise(resolve => {
-          if (this.customBlockStatesData) return resolve(this.customBlockStatesData)
-          return loadJSON(`/blocksStates/${this.texturesVersion}.json`, (data) => {
-            this.downloadedBlockStatesData = data
-            this.renderUpdateEmitter.emit('blockStatesDownloaded')
-            resolve(data)
-          })
-        })
-      }
-      loadBlockStates().then((blockStates) => {
-        this.mesherConfig.textureSize = this.material.map!.image.width
-
-        for (const worker of this.workers) {
-          worker.postMessage({
-            type: 'mesherData',
-            json: blockStates,
-            config: this.mesherConfig,
-          })
-        }
-        this.renderUpdateEmitter.emit('textureDownloaded')
-      })
-    })
-
-  }
-
-  getHighestTerrainBlock (x, z) {
-    //@ts-ignore
-    const chunk: import('prismarine-chunk').PCChunk = bot.world.getColumn(x / 16, z / 16)
-    let y_res = [] as number[]
-    const computeBlock = (x, z) => {
-      for (let y = this.worldConfig.worldHeight - 1; y >= this.worldConfig.minY; y--) {
-        const block = chunk.getBlock(new Vec3(x, y, z))
-        const ignoreBlocks = ['air', /* 'water', 'lava',  */'log', 'leaves', 'tallgrass', 'deadbush', 'waterlily', 'reeds', 'vine', 'lilypad', 'nether_wart', 'fire', 'magma', 'portal', 'end_portal', 'end_portal_frame', 'end_gateway', 'end_rod', 'chorus_flower', 'chorus_plant', 'beetroots', 'carrots', 'potatoes', 'wheat', 'cactus', 'sugar_cane', 'deadbush', 'grass', 'fern', 'tallgrass', 'seagrass', 'tall_seagrass', 'kelp', 'short_grass']
-        if (!ignoreBlocks.includes(block.name)) {
-          y_res.push(y)
-          break
-        }
-      }
-    }
-    computeBlock(x, z)
-    computeBlock(x + 16, z)
-    computeBlock(x, z + 16)
-    computeBlock(x + 16, z + 16)
-    // console.log('y_res', y_res)
-    return y_res
-  }
-
-  addColumn (x: number, z: number, chunk: any, isLightUpdate: boolean) {
-    if (!this.active) return
-    if (this.workers.length === 0) throw new Error('workers not initialized yet')
-    this.initialChunksLoad = false
-    this.loadedChunks[`${x},${z}`] = true
-    for (const worker of this.workers) {
-      // todo optimize
-      worker.postMessage({ type: 'chunk', x, z, chunk })
-    }
-    const highestTerrainBlock = this.getHighestTerrainBlock(x, z)
-    for (const y of highestTerrainBlock) {
-      const loc = new Vec3(x, y, z)
-      this.setSectionDirty(loc)
-      if (!isLightUpdate || this.mesherConfig.smoothLighting) {
-        // this.setSectionDirty(loc.offset(-16, 0, 0))
-        // this.setSectionDirty(loc.offset(16, 0, 0))
-        // this.setSectionDirty(loc.offset(0, 0, -16))
-        // this.setSectionDirty(loc.offset(0, 0, 16))
-      }
-    }
-  }
-
-  removeColumn (x, z) {
-    delete this.loadedChunks[`${x},${z}`]
-    for (const worker of this.workers) {
-      worker.postMessage({ type: 'unloadChunk', x, z })
-    }
-    this.allChunksFinished = Object.keys(this.finishedChunks).length === this.chunksLength
-    delete this.finishedChunks[`${x},${z}`]
-  }
-
-  setBlockStateId (pos: Vec3, stateId: number) {
-    for (const worker of this.workers) {
-      worker.postMessage({ type: 'blockUpdate', pos, stateId })
-    }
-    this.setSectionDirty(pos)
-    if ((pos.x & 15) === 0) this.setSectionDirty(pos.offset(-16, 0, 0))
-    if ((pos.x & 15) === 15) this.setSectionDirty(pos.offset(16, 0, 0))
-    if ((pos.y & 15) === 0) this.setSectionDirty(pos.offset(0, -16, 0))
-    if ((pos.y & 15) === 15) this.setSectionDirty(pos.offset(0, 16, 0))
-    if ((pos.z & 15) === 0) this.setSectionDirty(pos.offset(0, 0, -16))
-    if ((pos.z & 15) === 15) this.setSectionDirty(pos.offset(0, 0, 16))
-  }
-
-  queueAwaited = false
-  messagesQueue = {} as { [workerIndex: string]: any[] }
-
-  setSectionDirty (pos: Vec3, value = true) {
-    if (this.viewDistance === -1) throw new Error('viewDistance not set')
-    this.allChunksFinished = false
-    const distance = this.getDistance(pos)
-    if (!this.workers.length || distance[0] > this.viewDistance || distance[1] > this.viewDistance) return
-    const key = `${Math.floor(pos.x / 16) * 16},${Math.floor(pos.y / 16) * 16},${Math.floor(pos.z / 16) * 16}`
-    // if (this.sectionsOutstanding.has(key)) return
-    this.renderUpdateEmitter.emit('dirty', pos, value)
-    // Dispatch sections to workers based on position
-    // This guarantees uniformity accross workers and that a given section
-    // is always dispatched to the same worker
-    const hash = mod(Math.floor(pos.x / 16) + Math.floor(pos.y / 16) + Math.floor(pos.z / 16), this.workers.length)
-    this.sectionsOutstanding.set(key, (this.sectionsOutstanding.get(key) ?? 0) + 1)
-    this.messagesQueue[hash] ??= []
-    this.messagesQueue[hash].push({
-      // this.workers[hash].postMessage({
-      type: 'dirty',
-      x: pos.x,
-      y: pos.y,
-      z: pos.z,
-      value,
-      config: this.mesherConfig,
-    })
-    this.dispatchMessages()
-  }
-
-  dispatchMessages () {
-    if (this.queueAwaited) return
-    this.queueAwaited = true
-    setTimeout(() => {
-      // group messages and send as one
-      for (const workerIndex in this.messagesQueue) {
-        const worker = this.workers[Number(workerIndex)]
-        worker.postMessage(this.messagesQueue[workerIndex])
-      }
-      this.messagesQueue = {}
-      this.queueAwaited = false
-    })
-  }
-
-  // Listen for chunk rendering updates emitted if a worker finished a render and resolve if the number
-  // of sections not rendered are 0
-  async waitForChunksToRender () {
-    return new Promise<void>((resolve, reject) => {
-      if ([...this.sectionsOutstanding].length === 0) {
-        resolve()
-        return
-      }
-
-      const updateHandler = () => {
-        if (this.sectionsOutstanding.size === 0) {
-          this.renderUpdateEmitter.removeListener('update', updateHandler)
-          resolve()
-        }
-      }
-      this.renderUpdateEmitter.on('update', updateHandler)
-    })
-  }
-}
diff --git a/prismarine-viewer/viewer/lib/worldrendererThree.ts b/prismarine-viewer/viewer/lib/worldrendererThree.ts
deleted file mode 100644
index cc89a823..00000000
--- a/prismarine-viewer/viewer/lib/worldrendererThree.ts
+++ /dev/null
@@ -1,420 +0,0 @@
-import * as THREE from 'three'
-import { Vec3 } from 'vec3'
-import nbt from 'prismarine-nbt'
-import PrismarineChatLoader from 'prismarine-chat'
-import { renderSign } from '../sign-renderer/'
-import { chunkPos, sectionPos } from './simpleUtils'
-import { WorldRendererCommon, WorldRendererConfig } from './worldrendererCommon'
-import * as tweenJs from '@tweenjs/tween.js'
-import { BloomPass, RenderPass, UnrealBloomPass, EffectComposer, WaterPass, GlitchPass } from 'three-stdlib'
-import { disposeObject } from './threeJsUtils'
-
-export class WorldRendererThree extends WorldRendererCommon {
-    outputFormat = 'threeJs' as const
-    blockEntities = {}
-    sectionObjects: Record<string, THREE.Object3D> = {}
-    chunkTextures = new Map<string, { [pos: string]: THREE.Texture }>()
-    signsCache = new Map<string, any>()
-    starField: StarField
-    cameraSectionPos: Vec3 = new Vec3(0, 0, 0)
-
-    get tilesRendered () {
-        return Object.values(this.sectionObjects).reduce((acc, obj) => acc + (obj as any).tilesCount, 0)
-    }
-
-    constructor (public scene: THREE.Scene, public renderer: THREE.WebGLRenderer, public config: WorldRendererConfig) {
-        super(config)
-        this.starField = new StarField(scene)
-    }
-
-    timeUpdated (newTime: number): void {
-        const nightTime = 13_500
-        const morningStart = 23_000
-        const displayStars = newTime > nightTime && newTime < morningStart
-        if (displayStars && !this.starField.points) {
-            this.starField.addToScene()
-        } else if (!displayStars && this.starField.points) {
-            this.starField.remove()
-        }
-    }
-
-    /**
-     * Optionally update data that are depedendent on the viewer position
-     */
-    updatePosDataChunk (key: string) {
-        const [x, y, z] = key.split(',').map(x => Math.floor(+x / 16))
-        // sum of distances: x + y + z
-        const chunkDistance = Math.abs(x - this.cameraSectionPos.x) + Math.abs(y - this.cameraSectionPos.y) + Math.abs(z - this.cameraSectionPos.z)
-        const section = this.sectionObjects[key].children.find(child => child.name === 'mesh')!
-        section.renderOrder = 500 - chunkDistance
-    }
-
-    updateViewerPosition (pos: Vec3): void {
-        this.viewerPosition = pos
-        const cameraPos = this.camera.position.toArray().map(x => Math.floor(x / 16)) as [number, number, number]
-        this.cameraSectionPos = new Vec3(...cameraPos)
-        for (const key in this.sectionObjects) {
-            const value = this.sectionObjects[key]
-            if (!value) continue
-            this.updatePosDataChunk(key)
-        }
-    }
-
-    handleWorkerMessage (data: any): void {
-        if (data.type !== 'geometry') return
-        let object: THREE.Object3D = this.sectionObjects[data.key]
-        if (object) {
-            this.scene.remove(object)
-            disposeObject(object)
-            delete this.sectionObjects[data.key]
-        }
-
-        const chunkCoords = data.key.split(',')
-        if (!this.loadedChunks[chunkCoords[0] + ',' + chunkCoords[2]] || !data.geometry.positions.length || !this.active) return
-
-        // if (!this.initialChunksLoad && this.enableChunksLoadDelay) {
-        //   const newPromise = new Promise(resolve => {
-        //     if (this.droppedFpsPercentage > 0.5) {
-        //       setTimeout(resolve, 1000 / 50 * this.droppedFpsPercentage)
-        //     } else {
-        //       setTimeout(resolve)
-        //     }
-        //   })
-        //   this.promisesQueue.push(newPromise)
-        //   for (const promise of this.promisesQueue) {
-        //     await promise
-        //   }
-        // }
-
-        const geometry = new THREE.BufferGeometry()
-        geometry.setAttribute('position', new THREE.BufferAttribute(data.geometry.positions, 3))
-        geometry.setAttribute('normal', new THREE.BufferAttribute(data.geometry.normals, 3))
-        geometry.setAttribute('color', new THREE.BufferAttribute(data.geometry.colors, 3))
-        geometry.setAttribute('uv', new THREE.BufferAttribute(data.geometry.uvs, 2))
-        geometry.setIndex(data.geometry.indices)
-
-        const mesh = new THREE.Mesh(geometry, this.material)
-        mesh.position.set(data.geometry.sx, data.geometry.sy, data.geometry.sz)
-        mesh.name = 'mesh'
-        object = new THREE.Group()
-        object.add(mesh)
-        // mesh with static dimensions: 16x16x16
-        const staticChunkMesh = new THREE.Mesh(new THREE.BoxGeometry(16, 16, 16), new THREE.MeshBasicMaterial({ color: 0x000000, transparent: true, opacity: 0 }))
-        staticChunkMesh.position.set(data.geometry.sx, data.geometry.sy, data.geometry.sz)
-        const boxHelper = new THREE.BoxHelper(staticChunkMesh, 0xffff00)
-        boxHelper.name = 'helper'
-        object.add(boxHelper)
-        object.name = 'chunk'
-        //@ts-ignore
-        object.tilesCount = data.geometry.positions.length / 3 / 4
-        if (!this.config.showChunkBorders) {
-            boxHelper.visible = false
-        }
-        // should not compute it once
-        if (Object.keys(data.geometry.signs).length) {
-            for (const [posKey, { isWall, isHanging, rotation }] of Object.entries(data.geometry.signs)) {
-                const [x, y, z] = posKey.split(',')
-                const signBlockEntity = this.blockEntities[posKey]
-                if (!signBlockEntity) continue
-                const sign = this.renderSign(new Vec3(+x, +y, +z), rotation, isWall, isHanging, nbt.simplify(signBlockEntity))
-                if (!sign) continue
-                object.add(sign)
-            }
-        }
-        this.sectionObjects[data.key] = object
-        this.updatePosDataChunk(data.key)
-        object.matrixAutoUpdate = false
-        mesh.onAfterRender = (renderer, scene, camera, geometry, material, group) => {
-            // mesh.matrixAutoUpdate = false
-        }
-
-        this.scene.add(object)
-    }
-
-    getSignTexture (position: Vec3, blockEntity, backSide = false) {
-        const chunk = chunkPos(position)
-        let textures = this.chunkTextures.get(`${chunk[0]},${chunk[1]}`)
-        if (!textures) {
-            textures = {}
-            this.chunkTextures.set(`${chunk[0]},${chunk[1]}`, textures)
-        }
-        const texturekey = `${position.x},${position.y},${position.z}`
-        // todo investigate bug and remove this so don't need to clean in section dirty
-        if (textures[texturekey]) return textures[texturekey]
-
-        const PrismarineChat = PrismarineChatLoader(this.version!)
-        const canvas = renderSign(blockEntity, PrismarineChat)
-        if (!canvas) return
-        const tex = new THREE.Texture(canvas)
-        tex.magFilter = THREE.NearestFilter
-        tex.minFilter = THREE.NearestFilter
-        tex.needsUpdate = true
-        textures[texturekey] = tex
-        return tex
-    }
-
-    updateCamera (pos: Vec3 | null, yaw: number, pitch: number): void {
-        if (pos) {
-            new tweenJs.Tween(this.camera.position).to({ x: pos.x, y: pos.y, z: pos.z }, 50).start()
-        }
-        this.camera.rotation.set(pitch, yaw, 0, 'ZYX')
-    }
-
-    render () {
-        tweenJs.update()
-        const cam = this.camera instanceof THREE.Group ? this.camera.children.find(child => child instanceof THREE.PerspectiveCamera) as THREE.PerspectiveCamera : this.camera
-        this.renderer.render(this.scene, cam)
-    }
-
-    renderSign (position: Vec3, rotation: number, isWall: boolean, isHanging: boolean, blockEntity) {
-        const tex = this.getSignTexture(position, blockEntity)
-
-        if (!tex) return
-
-        // todo implement
-        // const key = JSON.stringify({ position, rotation, isWall })
-        // if (this.signsCache.has(key)) {
-        //   console.log('cached', key)
-        // } else {
-        //   this.signsCache.set(key, tex)
-        // }
-
-        const mesh = new THREE.Mesh(new THREE.PlaneGeometry(1, 1), new THREE.MeshBasicMaterial({ map: tex, transparent: true, }))
-        mesh.renderOrder = 999
-
-        const lineHeight = 7 / 16
-        const scaleFactor = isHanging ? 1.3 : 1
-        mesh.scale.set(1 * scaleFactor, lineHeight * scaleFactor, 1 * scaleFactor)
-
-        const thickness = (isHanging ? 2 : 1.5) / 16
-        const wallSpacing = 0.25 / 16
-        if (isWall && !isHanging) {
-            mesh.position.set(0, 0, -0.5 + thickness + wallSpacing + 0.0001)
-        } else {
-            mesh.position.set(0, 0, thickness / 2 + 0.0001)
-        }
-
-        const group = new THREE.Group()
-        group.rotation.set(0, -THREE.MathUtils.degToRad(
-            rotation * (isWall ? 90 : 45 / 2)
-        ), 0)
-        group.add(mesh)
-        const height = (isHanging ? 10 : 8) / 16
-        const heightOffset = (isHanging ? 0 : isWall ? 4.333 : 9.333) / 16
-        const textPosition = height / 2 + heightOffset
-        group.position.set(position.x + 0.5, position.y + textPosition, position.z + 0.5)
-        return group
-    }
-
-    updateLight (chunkX: number, chunkZ: number) {
-        // set all sections in the chunk dirty
-        for (let y = this.worldConfig.minY; y < this.worldConfig.worldHeight; y += 16) {
-            this.setSectionDirty(new Vec3(chunkX, y, chunkZ))
-        }
-    }
-
-    async doHmr () {
-        const oldSections = { ...this.sectionObjects }
-        this.sectionObjects = {} // skip clearing
-        worldView!.unloadAllChunks()
-        this.setVersion(this.version, this.texturesVersion)
-        this.sectionObjects = oldSections
-        // this.rerenderAllChunks()
-
-        // supply new data
-        await worldView!.updatePosition(bot.entity.position, true)
-    }
-
-    rerenderAllChunks () { // todo not clear what to do with loading chunks
-        for (const key of Object.keys(this.sectionObjects)) {
-            const [x, y, z] = key.split(',').map(Number)
-            this.setSectionDirty(new Vec3(x, y, z))
-        }
-    }
-
-    updateShowChunksBorder (value: boolean) {
-        this.config.showChunkBorders = value
-        for (const object of Object.values(this.sectionObjects)) {
-            for (const child of object.children) {
-                if (child.name === 'helper') {
-                    child.visible = value
-                }
-            }
-        }
-    }
-
-    resetWorld () {
-        super.resetWorld()
-
-        for (const mesh of Object.values(this.sectionObjects)) {
-            this.scene.remove(mesh)
-        }
-    }
-
-    getLoadedChunksRelative (pos: Vec3, includeY = false) {
-        const [currentX, currentY, currentZ] = sectionPos(pos)
-        return Object.fromEntries(Object.entries(this.sectionObjects).map(([key, o]) => {
-            const [xRaw, yRaw, zRaw] = key.split(',').map(Number)
-            const [x, y, z] = sectionPos({ x: xRaw, y: yRaw, z: zRaw })
-            const setKey = includeY ? `${x - currentX},${y - currentY},${z - currentZ}` : `${x - currentX},${z - currentZ}`
-            return [setKey, o]
-        }))
-    }
-
-    cleanChunkTextures (x, z) {
-        const textures = this.chunkTextures.get(`${Math.floor(x / 16)},${Math.floor(z / 16)}`) ?? {}
-        for (const key of Object.keys(textures)) {
-            textures[key].dispose()
-            delete textures[key]
-        }
-    }
-
-    readdChunks () {
-        for (const key of Object.keys(this.sectionObjects)) {
-            this.scene.remove(this.sectionObjects[key])
-        }
-        setTimeout(() => {
-            for (const key of Object.keys(this.sectionObjects)) {
-                this.scene.add(this.sectionObjects[key])
-            }
-        }, 500)
-    }
-
-    disableUpdates (children = this.scene.children) {
-        for (const child of children) {
-            child.matrixWorldNeedsUpdate = false
-            this.disableUpdates(child.children ?? [])
-        }
-    }
-
-    removeColumn (x, z) {
-        super.removeColumn(x, z)
-
-        this.cleanChunkTextures(x, z)
-        for (let y = this.worldConfig.minY; y < this.worldConfig.worldHeight; y += 16) {
-            this.setSectionDirty(new Vec3(x, y, z), false)
-            const key = `${x},${y},${z}`
-            const mesh = this.sectionObjects[key]
-            if (mesh) {
-                this.scene.remove(mesh)
-                disposeObject(mesh)
-            }
-            delete this.sectionObjects[key]
-        }
-    }
-
-    setSectionDirty (pos, value = true) {
-        this.cleanChunkTextures(pos.x, pos.z) // todo don't do this!
-        super.setSectionDirty(pos, value)
-    }
-}
-
-class StarField {
-    points?: THREE.Points
-    private _enabled = true
-    get enabled () {
-        return this._enabled
-    }
-    set enabled (value) {
-        this._enabled = value
-        if (this.points) {
-            this.points.visible = value
-        }
-    }
-
-    constructor (private scene: THREE.Scene) {
-    }
-
-    addToScene () {
-        if (this.points || !this.enabled) return
-
-        const radius = 80
-        const depth = 50
-        const count = 7000
-        const factor = 7
-        const saturation = 10
-        const speed = 0.2
-
-        const geometry = new THREE.BufferGeometry()
-
-        const genStar = r => new THREE.Vector3().setFromSpherical(new THREE.Spherical(r, Math.acos(1 - Math.random() * 2), Math.random() * 2 * Math.PI))
-
-        const positions = [] as number[]
-        const colors = [] as number[]
-        const sizes = Array.from({ length: count }, () => (0.5 + 0.5 * Math.random()) * factor)
-        const color = new THREE.Color()
-        let r = radius + depth
-        const increment = depth / count
-        for (let i = 0; i < count; i++) {
-            r -= increment * Math.random()
-            positions.push(...genStar(r).toArray())
-            color.setHSL(i / count, saturation, 0.9)
-            colors.push(color.r, color.g, color.b)
-        }
-
-        geometry.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3))
-        geometry.setAttribute('color', new THREE.Float32BufferAttribute(colors, 3))
-        geometry.setAttribute('size', new THREE.Float32BufferAttribute(sizes, 1))
-
-        // Create a material
-        const material = new StarfieldMaterial()
-        material.blending = THREE.AdditiveBlending
-        material.depthTest = false
-        material.transparent = true
-
-        // Create points and add them to the scene
-        this.points = new THREE.Points(geometry, material)
-        this.scene.add(this.points)
-
-        const clock = new THREE.Clock()
-        this.points.onBeforeRender = (renderer, scene, camera) => {
-            this.points?.position.copy?.(camera.position)
-            material.uniforms.time.value = clock.getElapsedTime() * speed
-        }
-    }
-
-    remove () {
-        if (this.points) {
-            this.points.geometry.dispose();
-            (this.points.material as THREE.Material).dispose()
-            this.scene.remove(this.points)
-
-            this.points = undefined
-        }
-    }
-}
-
-const version = parseInt(THREE.REVISION.replace(/\D+/g, ''))
-class StarfieldMaterial extends THREE.ShaderMaterial {
-    constructor () {
-        super({
-            uniforms: { time: { value: 0.0 }, fade: { value: 1.0 } },
-            vertexShader: /* glsl */ `
-                uniform float time;
-                attribute float size;
-                varying vec3 vColor;
-                attribute vec3 color;
-                void main() {
-                vColor = color;
-                vec4 mvPosition = modelViewMatrix * vec4(position, 0.5);
-                gl_PointSize = size * (30.0 / -mvPosition.z) * (3.0 + sin(time + 100.0));
-                gl_Position = projectionMatrix * mvPosition;
-            }`,
-            fragmentShader: /* glsl */ `
-                uniform sampler2D pointTexture;
-                uniform float fade;
-                varying vec3 vColor;
-                void main() {
-                float opacity = 1.0;
-                if (fade == 1.0) {
-                    float d = distance(gl_PointCoord, vec2(0.5, 0.5));
-                    opacity = 1.0 / (1.0 + exp(16.0 * (d - 0.25)));
-                }
-                gl_FragColor = vec4(vColor, opacity);
-
-                #include <tonemapping_fragment>
-                #include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
-            }`,
-        })
-    }
-}
diff --git a/prismarine-viewer/viewer/prepare/atlas.ts b/prismarine-viewer/viewer/prepare/atlas.ts
deleted file mode 100644
index cf73fdc4..00000000
--- a/prismarine-viewer/viewer/prepare/atlas.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-import { Canvas, Image } from 'canvas'
-import { getAdditionalTextures } from './moreGeneratedBlocks'
-import { McAssets } from './modelsBuilder'
-
-function nextPowerOfTwo (n) {
-  if (n === 0) return 1
-  n--
-  n |= n >> 1
-  n |= n >> 2
-  n |= n >> 4
-  n |= n >> 8
-  n |= n >> 16
-  return n + 1
-}
-
-const localTextures = ['missing_texture.png']
-
-function readTexture (basePath, name) {
-  if (localTextures.includes(name)) {
-    // grab ./missing_texture.png
-    basePath = __dirname
-  }
-  return fs.readFileSync(path.join(basePath, name), 'base64')
-}
-
-export type JsonAtlas = {
-  size: number,
-  textures: {
-    [file: string]: {
-      u: number,
-      v: number,
-    }
-  }
-}
-
-export const makeTextureAtlas = (input: string[], getInputData: (name) => { contents: string, tileWidthMult?: number, origSizeTextures?}, tilesCount = input.length, suSvOptimize: 'remove' | null = null): {
-  image: Buffer,
-  canvas: Canvas,
-  json: JsonAtlas
-} => {
-  const texSize = nextPowerOfTwo(Math.ceil(Math.sqrt(tilesCount)))
-  const tileSize = 16
-
-  const imgSize = texSize * tileSize
-  const canvas = new Canvas(imgSize, imgSize, 'png' as any)
-  const g = canvas.getContext('2d')
-
-  const texturesIndex = {}
-
-  let nextX = 0
-  let nextY = 0
-  let rowMaxY = 0
-
-  const goToNextRow = () => {
-    nextX = 0
-    nextY += rowMaxY
-    rowMaxY = 0
-  }
-
-  const suSv = tileSize / imgSize
-  for (const i in input) {
-    const img = new Image()
-    const keyValue = input[i]
-    const inputData = getInputData(keyValue)
-    img.src = inputData.contents
-    let su = suSv
-    let sv = suSv
-    let renderWidth = tileSize * (inputData.tileWidthMult ?? 1)
-    let renderHeight = tileSize
-    if (inputData.origSizeTextures?.[keyValue]) {
-      // todo check have enough space
-      renderWidth = Math.ceil(img.width / tileSize) * tileSize
-      renderHeight = Math.ceil(img.height / tileSize) * tileSize
-      su = renderWidth / imgSize
-      sv = renderHeight / imgSize
-      if (renderHeight > imgSize || renderWidth > imgSize) {
-        throw new Error('Texture ' + keyValue + ' is too big')
-      }
-    }
-
-    if (nextX + renderWidth > imgSize) {
-      goToNextRow()
-    }
-
-    const x = nextX
-    const y = nextY
-
-    nextX += renderWidth
-    rowMaxY = Math.max(rowMaxY, renderHeight)
-    if (nextX >= imgSize) {
-      goToNextRow()
-    }
-
-    g.drawImage(img, 0, 0, renderWidth, renderHeight, x, y, renderWidth, renderHeight)
-
-    const cleanName = keyValue.split('.').slice(0, -1).join('.') || keyValue
-    texturesIndex[cleanName] = {
-      u: x / imgSize,
-      v: y / imgSize,
-      ...suSvOptimize === 'remove' ? {} : {
-        su: su,
-        sv: sv
-      }
-    }
-  }
-
-  return { image: canvas.toBuffer(), canvas, json: { size: suSv, textures: texturesIndex } }
-}
-
-export const writeCanvasStream = (canvas, path, onEnd) => {
-  const out = fs.createWriteStream(path)
-  const stream = (canvas as any).pngStream()
-  stream.on('data', (chunk) => out.write(chunk))
-  if (onEnd) stream.on('end', onEnd)
-  return stream
-}
-
-export function makeBlockTextureAtlas (mcAssets: McAssets) {
-  const blocksTexturePath = path.join(mcAssets.directory, '/blocks')
-  const textureFiles = fs.readdirSync(blocksTexturePath).filter(file => file.endsWith('.png'))
-  // const textureFiles = mostEncounteredBlocks.map(x => x + '.png')
-  textureFiles.unshift(...localTextures)
-
-  const { generated: additionalTextures, origSizeTextures } = getAdditionalTextures()
-  textureFiles.push(...Object.keys(additionalTextures))
-
-  const atlas = makeTextureAtlas(textureFiles, name => {
-    let contents: string
-    if (additionalTextures[name]) {
-      contents = additionalTextures[name]
-    } else {
-      contents = 'data:image/png;base64,' + readTexture(blocksTexturePath, name)
-    }
-
-    return {
-      contents,
-      // tileWidthMult: twoTileTextures.includes(name) ? 2 : undefined,
-      origSizeTextures
-    }
-  })
-  return atlas
-}
diff --git a/prismarine-viewer/viewer/prepare/blockStates/chest.json b/prismarine-viewer/viewer/prepare/blockStates/chest.json
deleted file mode 100644
index 11053c9d..00000000
--- a/prismarine-viewer/viewer/prepare/blockStates/chest.json
+++ /dev/null
@@ -1,49 +0,0 @@
-{
-    "variants": {
-        "facing=north,type=single": {
-            "model": "chest"
-        },
-        "facing=east,type=single": {
-            "model": "chest",
-            "y": 90
-        },
-        "facing=south,type=single": {
-            "model": "chest",
-            "y": 180
-        },
-        "facing=west,type=single": {
-            "model": "chest",
-            "y": 270
-        },
-        "facing=north,type=left": {
-            "model": "chest_left"
-        },
-        "facing=east,type=left": {
-            "model": "chest_left",
-            "y": 90
-        },
-        "facing=south,type=left": {
-            "model": "chest_left",
-            "y": 180
-        },
-        "facing=west,type=left": {
-            "model": "chest_left",
-            "y": 270
-        },
-        "facing=north,type=right": {
-            "model": "chest_right"
-        },
-        "facing=east,type=right": {
-            "model": "chest_right",
-            "y": 90
-        },
-        "facing=south,type=right": {
-            "model": "chest_right",
-            "y": 180
-        },
-        "facing=west,type=right": {
-            "model": "chest_right",
-            "y": 270
-        }
-    }
-}
diff --git a/prismarine-viewer/viewer/prepare/blockStates/ender_chest.json b/prismarine-viewer/viewer/prepare/blockStates/ender_chest.json
deleted file mode 100644
index 7d81b878..00000000
--- a/prismarine-viewer/viewer/prepare/blockStates/ender_chest.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=north": {
-      "model": "chest"
-    },
-    "facing=east": {
-      "model": "chest",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "chest",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "chest",
-      "y": 270
-    }
-  }
-}
diff --git a/prismarine-viewer/viewer/prepare/blockStates/trapped_chest.json b/prismarine-viewer/viewer/prepare/blockStates/trapped_chest.json
deleted file mode 100644
index 11053c9d..00000000
--- a/prismarine-viewer/viewer/prepare/blockStates/trapped_chest.json
+++ /dev/null
@@ -1,49 +0,0 @@
-{
-    "variants": {
-        "facing=north,type=single": {
-            "model": "chest"
-        },
-        "facing=east,type=single": {
-            "model": "chest",
-            "y": 90
-        },
-        "facing=south,type=single": {
-            "model": "chest",
-            "y": 180
-        },
-        "facing=west,type=single": {
-            "model": "chest",
-            "y": 270
-        },
-        "facing=north,type=left": {
-            "model": "chest_left"
-        },
-        "facing=east,type=left": {
-            "model": "chest_left",
-            "y": 90
-        },
-        "facing=south,type=left": {
-            "model": "chest_left",
-            "y": 180
-        },
-        "facing=west,type=left": {
-            "model": "chest_left",
-            "y": 270
-        },
-        "facing=north,type=right": {
-            "model": "chest_right"
-        },
-        "facing=east,type=right": {
-            "model": "chest_right",
-            "y": 90
-        },
-        "facing=south,type=right": {
-            "model": "chest_right",
-            "y": 180
-        },
-        "facing=west,type=right": {
-            "model": "chest_right",
-            "y": 270
-        }
-    }
-}
diff --git a/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/oak.json b/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/oak.json
deleted file mode 100644
index 2f16a429..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/oak.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/sign"
-  }
-}
diff --git a/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/oak_wall.json b/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/oak_wall.json
deleted file mode 100644
index dfdb230f..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/oak_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/sign"
-  }
-}
diff --git a/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/sign.json b/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/sign.json
deleted file mode 100644
index 4562cfae..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/sign.json
+++ /dev/null
@@ -1,140 +0,0 @@
-{
-  "elements": [
-    {
-      "from": [
-        7.25,
-        0,
-        7.25
-      ],
-      "to": [
-        8.75,
-        9.333,
-        8.75
-      ],
-      "faces": {
-        "north": {
-          "uv": [
-            1.5,
-            8,
-            2,
-            15
-          ],
-          "texture": "#sign"
-        },
-        "east": {
-          "uv": [
-            1,
-            8,
-            1.5,
-            15
-          ],
-          "texture": "#sign"
-        },
-        "south": {
-          "uv": [
-            0.5,
-            8,
-            1,
-            15
-          ],
-          "texture": "#sign"
-        },
-        "west": {
-          "uv": [
-            0,
-            8,
-            0.5,
-            15
-          ],
-          "texture": "#sign"
-        },
-        "up": {
-          "uv": [
-            0.5,
-            7,
-            1,
-            8
-          ],
-          "texture": "#sign"
-        },
-        "down": {
-          "uv": [
-            1,
-            7,
-            1.5,
-            8
-          ],
-          "texture": "#sign"
-        }
-      }
-    },
-    {
-      "from": [
-        0,
-        9.333,
-        7.25
-      ],
-      "to": [
-        16,
-        17.333,
-        8.75
-      ],
-      "faces": {
-        "north": {
-          "uv": [
-            7,
-            1,
-            13,
-            7
-          ],
-          "texture": "#sign"
-        },
-        "east": {
-          "uv": [
-            6.5,
-            1,
-            7,
-            7
-          ],
-          "texture": "#sign"
-        },
-        "south": {
-          "uv": [
-            0.5,
-            1,
-            6.5,
-            7
-          ],
-          "texture": "#sign"
-        },
-        "west": {
-          "uv": [
-            0,
-            1,
-            0.5,
-            7
-          ],
-          "texture": "#sign"
-        },
-        "up": {
-          "uv": [
-            0.5,
-            0,
-            6.5,
-            1
-          ],
-          "texture": "#sign"
-        },
-        "down": {
-          "uv": [
-            6.5,
-            1,
-            12.5,
-            0
-          ],
-          "texture": "#sign"
-        }
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/sign_wall.json b/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/sign_wall.json
deleted file mode 100644
index b743c983..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.13/blockModels/sign/sign_wall.json
+++ /dev/null
@@ -1,72 +0,0 @@
-{
-  "elements": [
-    {
-      "from": [
-        0,
-        4.333,
-        0.25
-      ],
-      "to": [
-        16,
-        12.333,
-        1.75
-      ],
-      "faces": {
-        "north": {
-          "uv": [
-            7,
-            1,
-            13,
-            7
-          ],
-          "texture": "#sign"
-        },
-        "east": {
-          "uv": [
-            6.5,
-            1,
-            7,
-            7
-          ],
-          "texture": "#sign"
-        },
-        "south": {
-          "uv": [
-            0.5,
-            1,
-            6.5,
-            7
-          ],
-          "texture": "#sign"
-        },
-        "west": {
-          "uv": [
-            0,
-            1,
-            0.5,
-            7
-          ],
-          "texture": "#sign"
-        },
-        "up": {
-          "uv": [
-            0.5,
-            0,
-            6.5,
-            1
-          ],
-          "texture": "#sign"
-        },
-        "down": {
-          "uv": [
-            6.5,
-            1,
-            12.5,
-            0
-          ],
-          "texture": "#sign"
-        }
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.13/blockStates/sign/sign.json b/prismarine-viewer/viewer/prepare/data/1.13/blockStates/sign/sign.json
deleted file mode 100644
index 4ebcedcd..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.13/blockStates/sign/sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/oak"
-    },
-    "rotation=1": {
-      "model": "sign/oak",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/oak",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/oak",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/oak",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/oak",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/oak",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/oak",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/oak",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/oak",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/oak",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/oak",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/oak",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/oak",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/oak",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/oak",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.13/blockStates/sign/wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.13/blockStates/sign/wall_sign.json
deleted file mode 100644
index 26453d53..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.13/blockStates/sign/wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/oak_wall"
-    },
-    "facing=west": {
-      "model": "sign/oak_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/oak_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/oak_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/acacia.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/acacia.json
deleted file mode 100644
index 7057ded0..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/acacia.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/acacia"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/acacia_wall.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/acacia_wall.json
deleted file mode 100644
index 70b755bf..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/acacia_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/acacia"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/birch.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/birch.json
deleted file mode 100644
index d20d1438..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/birch.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/birch"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/birch_wall.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/birch_wall.json
deleted file mode 100644
index c7983bee..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/birch_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/birch"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/dark_oak.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/dark_oak.json
deleted file mode 100644
index 803add52..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/dark_oak.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/dark_oak"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/dark_oak_wall.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/dark_oak_wall.json
deleted file mode 100644
index b410acfe..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/dark_oak_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/dark_oak"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/jungle.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/jungle.json
deleted file mode 100644
index 17d52250..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/jungle.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/jungle"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/jungle_wall.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/jungle_wall.json
deleted file mode 100644
index bfe6c8f8..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/jungle_wall.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/jungle"
-  }
-}
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/spruce.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/spruce.json
deleted file mode 100644
index 8f2b2179..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/spruce.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/spruce"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/spruce_wall.json b/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/spruce_wall.json
deleted file mode 100644
index 1509eb3c..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockModels/sign/spruce_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/spruce"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/acacia_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/acacia_sign.json
deleted file mode 100644
index 370c2c84..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/acacia_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/acacia"
-    },
-    "rotation=1": {
-      "model": "sign/acacia",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/acacia",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/acacia",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/acacia",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/acacia",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/acacia",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/acacia",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/acacia",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/acacia",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/acacia",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/acacia",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/acacia",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/acacia",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/acacia",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/acacia",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/acacia_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/acacia_wall_sign.json
deleted file mode 100644
index b524b126..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/acacia_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/acacia_wall"
-    },
-    "facing=west": {
-      "model": "sign/acacia_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/acacia_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/acacia_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/birch_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/birch_sign.json
deleted file mode 100644
index 2ffe5fd5..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/birch_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/birch"
-    },
-    "rotation=1": {
-      "model": "sign/birch",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/birch",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/birch",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/birch",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/birch",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/birch",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/birch",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/birch",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/birch",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/birch",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/birch",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/birch",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/birch",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/birch",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/birch",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/birch_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/birch_wall_sign.json
deleted file mode 100644
index 622924b5..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/birch_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/birch_wall"
-    },
-    "facing=west": {
-      "model": "sign/birch_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/birch_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/birch_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/dark_oak_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/dark_oak_sign.json
deleted file mode 100644
index 6001019b..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/dark_oak_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/dark_oak"
-    },
-    "rotation=1": {
-      "model": "sign/dark_oak",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/dark_oak",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/dark_oak",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/dark_oak",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/dark_oak",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/dark_oak",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/dark_oak",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/dark_oak",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/dark_oak",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/dark_oak",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/dark_oak",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/dark_oak",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/dark_oak",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/dark_oak",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/dark_oak",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/dark_oak_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/dark_oak_wall_sign.json
deleted file mode 100644
index 4b5cc921..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/dark_oak_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/dark_oak_wall"
-    },
-    "facing=west": {
-      "model": "sign/dark_oak_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/dark_oak_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/dark_oak_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/jungle_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/jungle_sign.json
deleted file mode 100644
index 983c2d68..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/jungle_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/jungle"
-    },
-    "rotation=1": {
-      "model": "sign/jungle",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/jungle",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/jungle",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/jungle",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/jungle",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/jungle",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/jungle",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/jungle",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/jungle",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/jungle",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/jungle",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/jungle",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/jungle",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/jungle",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/jungle",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/jungle_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/jungle_wall_sign.json
deleted file mode 100644
index 898f7323..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/jungle_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/jungle_wall"
-    },
-    "facing=west": {
-      "model": "sign/jungle_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/jungle_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/jungle_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/oak_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/oak_sign.json
deleted file mode 100644
index 4ebcedcd..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/oak_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/oak"
-    },
-    "rotation=1": {
-      "model": "sign/oak",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/oak",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/oak",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/oak",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/oak",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/oak",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/oak",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/oak",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/oak",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/oak",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/oak",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/oak",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/oak",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/oak",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/oak",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/oak_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/oak_wall_sign.json
deleted file mode 100644
index 26453d53..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/oak_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/oak_wall"
-    },
-    "facing=west": {
-      "model": "sign/oak_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/oak_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/oak_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/spruce_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/spruce_sign.json
deleted file mode 100644
index 78722223..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/spruce_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/spruce"
-    },
-    "rotation=1": {
-      "model": "sign/spruce",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/spruce",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/spruce",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/spruce",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/spruce",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/spruce",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/spruce",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/spruce",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/spruce",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/spruce",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/spruce",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/spruce",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/spruce",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/spruce",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/spruce",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/spruce_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/spruce_wall_sign.json
deleted file mode 100644
index 8366709a..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.14/blockStates/sign/spruce_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/spruce_wall"
-    },
-    "facing=west": {
-      "model": "sign/spruce_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/spruce_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/spruce_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/crimson.json b/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/crimson.json
deleted file mode 100644
index 201e42ad..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/crimson.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/crimson"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/crimson_wall.json b/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/crimson_wall.json
deleted file mode 100644
index 3faf8661..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/crimson_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/crimson"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/warped.json b/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/warped.json
deleted file mode 100644
index 6dd3269e..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/warped.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/warped"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/warped_wall.json b/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/warped_wall.json
deleted file mode 100644
index a046ec14..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.16/blockModels/sign/warped_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/warped"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/crimson_sign.json b/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/crimson_sign.json
deleted file mode 100644
index 5df00a29..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/crimson_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/crimson"
-    },
-    "rotation=1": {
-      "model": "sign/crimson",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/crimson",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/crimson",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/crimson",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/crimson",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/crimson",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/crimson",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/crimson",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/crimson",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/crimson",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/crimson",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/crimson",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/crimson",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/crimson",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/crimson",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/crimson_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/crimson_wall_sign.json
deleted file mode 100644
index 149227b2..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/crimson_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/crimson_wall"
-    },
-    "facing=west": {
-      "model": "sign/crimson_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/crimson_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/crimson_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/warped_sign.json b/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/warped_sign.json
deleted file mode 100644
index 4af216ca..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/warped_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/warped"
-    },
-    "rotation=1": {
-      "model": "sign/warped",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/warped",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/warped",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/warped",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/warped",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/warped",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/warped",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/warped",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/warped",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/warped",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/warped",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/warped",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/warped",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/warped",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/warped",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/warped_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/warped_wall_sign.json
deleted file mode 100644
index b1d7f5e0..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.16/blockStates/sign/warped_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/warped_wall"
-    },
-    "facing=west": {
-      "model": "sign/warped_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/warped_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/warped_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.19/blockModels/sign/mangrove.json b/prismarine-viewer/viewer/prepare/data/1.19/blockModels/sign/mangrove.json
deleted file mode 100644
index bb82e85a..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.19/blockModels/sign/mangrove.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/mangrove"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.19/blockModels/sign/mangrove_wall.json b/prismarine-viewer/viewer/prepare/data/1.19/blockModels/sign/mangrove_wall.json
deleted file mode 100644
index 30e9bd55..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.19/blockModels/sign/mangrove_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/mangrove"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.19/blockStates/sign/mangrove_sign.json b/prismarine-viewer/viewer/prepare/data/1.19/blockStates/sign/mangrove_sign.json
deleted file mode 100644
index 54a92e7e..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.19/blockStates/sign/mangrove_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/mangrove"
-    },
-    "rotation=1": {
-      "model": "sign/mangrove",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/mangrove",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/mangrove",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/mangrove",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/mangrove",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/mangrove",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/mangrove",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/mangrove",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/mangrove",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/mangrove",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/mangrove",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/mangrove",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/mangrove",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/mangrove",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/mangrove",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.19/blockStates/sign/mangrove_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.19/blockStates/sign/mangrove_wall_sign.json
deleted file mode 100644
index d00760e7..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.19/blockStates/sign/mangrove_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/mangrove_wall"
-    },
-    "facing=west": {
-      "model": "sign/mangrove_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/mangrove_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/mangrove_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/decorated_pot.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/decorated_pot.json
deleted file mode 100644
index 364c72d4..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/decorated_pot.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "texture_size": [32, 32],
-  "textures": {
-    "0": "entity/decorated_pot/decorated_pot_base"
-  },
-  "elements": [
-    {
-      "name": "Body",
-      "from": [1, 0, 1],
-      "to": [15, 16, 15],
-      "faces": {
-        "north": {"uv": [0, 6.5, 7, 13.5], "texture": "#0"},
-        "east": {"uv": [0, 6.5, 7, 13.5], "texture": "#0"},
-        "south": {"uv": [0, 6.5, 7, 13.5], "texture": "#0"},
-        "west": {"uv": [0, 6.5, 7, 13.5], "texture": "#0"},
-        "up": {"uv": [7, 6.5, 14, 13.5], "texture": "#0"},
-        "down": {"uv": [7, 6.5, 14, 13.5], "texture": "#0"}
-      }
-    },
-    {
-      "name": "Neck",
-      "from": [5, 16, 5],
-      "to": [11, 17, 11],
-      "faces": {
-        "north": {"uv": [6, 5.5, 9, 6], "texture": "#0"},
-        "east": {"uv": [9, 5.5, 12, 6], "texture": "#0"},
-        "south": {"uv": [2.5, 5.5, 5.5, 6], "texture": "#0"},
-        "west": {"uv": [0, 5.5, 3, 6], "texture": "#0"},
-        "up": {"uv": [0, 0, 3, 3], "texture": "#0"},
-        "down": {"uv": [0, 0, 3, 3], "texture": "#0"}
-      }
-    },
-    {
-      "name": "Head",
-      "from": [4, 17, 4],
-      "to": [12, 20, 12],
-      "faces": {
-        "north": {"uv": [0, 4, 4, 5.5], "texture": "#0"},
-        "east": {"uv": [4, 4, 8, 5.5], "texture": "#0"},
-        "south": {"uv": [8, 4, 12, 5.5], "texture": "#0"},
-        "west": {"uv": [12, 4, 16, 5.5], "texture": "#0"},
-        "up": {"uv": [4, 0, 8, 4], "texture": "#0"},
-        "down": {"uv": [8, 0, 12, 4], "texture": "#0"}
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/acacia_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/acacia_hanging.json
deleted file mode 100644
index 13702388..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/acacia_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/acacia"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/acacia_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/acacia_wall_hanging.json
deleted file mode 100644
index 1e2a9d85..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/acacia_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/acacia"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo.json
deleted file mode 100644
index 6c9fd930..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/bamboo"
-  }
-}
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo_hanging.json
deleted file mode 100644
index c5302b1b..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/bamboo"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo_wall.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo_wall.json
deleted file mode 100644
index bf726f10..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/bamboo"
-  }
-}
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo_wall_hanging.json
deleted file mode 100644
index d3a46453..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/bamboo_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/bamboo"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/birch_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/birch_hanging.json
deleted file mode 100644
index 71a4b708..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/birch_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/birch"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/birch_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/birch_wall_hanging.json
deleted file mode 100644
index 13b215a5..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/birch_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/birch"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry.json
deleted file mode 100644
index 406c6318..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign",
-  "textures": {
-    "sign": "entity/signs/cherry"
-  }
-}
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry_hanging.json
deleted file mode 100644
index 6ff4c5b7..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/cherry"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry_wall.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry_wall.json
deleted file mode 100644
index b3b07061..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry_wall.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "parent": "sign/sign_wall",
-  "textures": {
-    "sign": "entity/signs/cherry"
-  }
-}
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry_wall_hanging.json
deleted file mode 100644
index aeef94bd..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/cherry_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/cherry"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/crimson_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/crimson_hanging.json
deleted file mode 100644
index a6c9286a..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/crimson_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/crimson"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/crimson_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/crimson_wall_hanging.json
deleted file mode 100644
index 20889940..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/crimson_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/crimson"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/dark_oak_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/dark_oak_hanging.json
deleted file mode 100644
index 506c4440..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/dark_oak_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/dark_oak"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/dark_oak_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/dark_oak_wall_hanging.json
deleted file mode 100644
index 21c1ebd5..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/dark_oak_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/dark_oak"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/hanging.json
deleted file mode 100644
index 52d90ee3..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/hanging.json
+++ /dev/null
@@ -1,115 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "ambientocclusion": false,
-  "texture_size": [
-    64,
-    32
-  ],
-  "textures": {
-    "wood": "entity/signs/hanging/oak"
-  },
-  "elements": [
-    {
-      "name": "Sign",
-      "from": [
-        1,
-        0,
-        7
-      ],
-      "to": [
-        15,
-        10,
-        9
-      ],
-      "faces": {
-        "north": {
-          "uv": [
-            4.5,
-            7,
-            8,
-            12
-          ],
-          "texture": "#wood"
-        },
-        "east": {
-          "uv": [
-            4,
-            7,
-            4.5,
-            12
-          ],
-          "texture": "#wood"
-        },
-        "south": {
-          "uv": [
-            0.5,
-            7,
-            4,
-            12
-          ],
-          "texture": "#wood"
-        },
-        "west": {
-          "uv": [
-            0,
-            7,
-            0.5,
-            12
-          ],
-          "texture": "#wood"
-        },
-        "up": {
-          "uv": [
-            4,
-            6,
-            0.5,
-            7
-          ],
-          "rotation": 180,
-          "texture": "#wood"
-        },
-        "down": {
-          "uv": [
-            4,
-            7,
-            7.5,
-            6
-          ],
-          "texture": "#wood"
-        }
-      }
-    },
-    {
-      "from": [
-        2,
-        10,
-        8
-      ],
-      "to": [
-        14,
-        16,
-        8
-      ],
-      "faces": {
-        "north": {
-          "uv": [
-            3.5,
-            3,
-            6.5,
-            6
-          ],
-          "texture": "#wood"
-        },
-        "south": {
-          "uv": [
-            3.5,
-            3,
-            6.5,
-            6
-          ],
-          "texture": "#wood"
-        }
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/jungle_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/jungle_hanging.json
deleted file mode 100644
index db141f6d..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/jungle_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/jungle"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/jungle_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/jungle_wall_hanging.json
deleted file mode 100644
index aefe92f3..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/jungle_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/jungle"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/mangrove_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/mangrove_hanging.json
deleted file mode 100644
index e84c41f2..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/mangrove_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/mangrove"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/mangrove_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/mangrove_wall_hanging.json
deleted file mode 100644
index e5feb72e..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/mangrove_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/mangrove"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/oak_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/oak_hanging.json
deleted file mode 100644
index 7437c82f..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/oak_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/oak"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/oak_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/oak_wall_hanging.json
deleted file mode 100644
index 3c8d9e5e..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/oak_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/oak"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/spruce_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/spruce_hanging.json
deleted file mode 100644
index 3dee635d..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/spruce_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/spruce"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/spruce_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/spruce_wall_hanging.json
deleted file mode 100644
index 71e66b9c..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/spruce_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/spruce"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/wall_hanging.json
deleted file mode 100644
index 424ffe37..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/wall_hanging.json
+++ /dev/null
@@ -1,347 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "ambientocclusion": false,
-  "texture_size": [
-    64,
-    32
-  ],
-  "textures": {
-    "wood": "entity/signs/hanging/oak"
-  },
-  "elements": [
-    {
-      "name": "Sign",
-      "from": [
-        1,
-        0,
-        7
-      ],
-      "to": [
-        15,
-        10,
-        9
-      ],
-      "rotation": {
-        "angle": 0,
-        "axis": "y",
-        "origin": [
-          8,
-          8,
-          8
-        ]
-      },
-      "faces": {
-        "north": {
-          "uv": [
-            4.5,
-            7,
-            8,
-            12
-          ],
-          "texture": "#wood"
-        },
-        "east": {
-          "uv": [
-            4,
-            7,
-            4.5,
-            12
-          ],
-          "texture": "#wood"
-        },
-        "south": {
-          "uv": [
-            0.5,
-            7,
-            4,
-            12
-          ],
-          "texture": "#wood"
-        },
-        "west": {
-          "uv": [
-            0,
-            7,
-            0.5,
-            12
-          ],
-          "texture": "#wood"
-        },
-        "up": {
-          "uv": [
-            4,
-            6,
-            0.5,
-            7
-          ],
-          "rotation": 180,
-          "texture": "#wood"
-        },
-        "down": {
-          "uv": [
-            4,
-            7,
-            7.5,
-            6
-          ],
-          "texture": "#wood"
-        }
-      }
-    },
-    {
-      "name": "Hanger",
-      "from": [
-        0,
-        14,
-        6
-      ],
-      "to": [
-        16,
-        16,
-        10
-      ],
-      "rotation": {
-        "angle": 0,
-        "axis": "y",
-        "origin": [
-          8,
-          8,
-          8
-        ]
-      },
-      "faces": {
-        "north": {
-          "uv": [
-            6,
-            2,
-            10,
-            3
-          ],
-          "texture": "#wood"
-        },
-        "east": {
-          "uv": [
-            0,
-            2,
-            1,
-            3
-          ],
-          "texture": "#wood"
-        },
-        "south": {
-          "uv": [
-            1,
-            2,
-            5,
-            3
-          ],
-          "texture": "#wood"
-        },
-        "west": {
-          "uv": [
-            0,
-            2,
-            1,
-            3
-          ],
-          "texture": "#wood"
-        },
-        "up": {
-          "uv": [
-            1,
-            0,
-            5,
-            2
-          ],
-          "rotation": 180,
-          "texture": "#wood"
-        },
-        "down": {
-          "uv": [
-            5,
-            0,
-            9,
-            2
-          ],
-          "texture": "#wood"
-        }
-      }
-    },
-    {
-      "name": "ChainA1",
-      "from": [
-        4.8,
-        10,
-        10.5
-      ],
-      "to": [
-        6.2,
-        14,
-        10.5
-      ],
-      "shade": false,
-      "rotation": {
-        "angle": -45,
-        "axis": "y",
-        "origin": [
-          8,
-          8,
-          8
-        ],
-        "rescale": true
-      },
-      "faces": {
-        "north": {
-          "uv": [
-            1.5,
-            3,
-            2.25,
-            6
-          ],
-          "texture": "#wood"
-        },
-        "south": {
-          "uv": [
-            1.5,
-            3,
-            2.25,
-            6
-          ],
-          "texture": "#wood"
-        }
-      }
-    },
-    {
-      "name": "ChainB2",
-      "from": [
-        10.5,
-        10,
-        4.8
-      ],
-      "to": [
-        10.5,
-        14,
-        6.2
-      ],
-      "shade": false,
-      "rotation": {
-        "angle": -45,
-        "axis": "y",
-        "origin": [
-          8,
-          8,
-          8
-        ],
-        "rescale": true
-      },
-      "faces": {
-        "east": {
-          "uv": [
-            0,
-            3,
-            0.75,
-            6
-          ],
-          "texture": "#wood"
-        },
-        "west": {
-          "uv": [
-            0,
-            3,
-            0.75,
-            6
-          ],
-          "texture": "#wood"
-        }
-      }
-    },
-    {
-      "name": "ChainB1",
-      "from": [
-        9.8,
-        10,
-        5.5
-      ],
-      "to": [
-        11.2,
-        14,
-        5.5
-      ],
-      "shade": false,
-      "rotation": {
-        "angle": -45,
-        "axis": "y",
-        "origin": [
-          8,
-          8,
-          8
-        ],
-        "rescale": true
-      },
-      "faces": {
-        "north": {
-          "uv": [
-            1.5,
-            3,
-            2.25,
-            6
-          ],
-          "texture": "#wood"
-        },
-        "south": {
-          "uv": [
-            1.5,
-            3,
-            2.25,
-            6
-          ],
-          "texture": "#wood"
-        }
-      }
-    },
-    {
-      "name": "ChainA2",
-      "from": [
-        5.5,
-        10,
-        9.8
-      ],
-      "to": [
-        5.5,
-        14,
-        11.2
-      ],
-      "shade": false,
-      "rotation": {
-        "angle": -45,
-        "axis": "y",
-        "origin": [
-          8,
-          8,
-          8
-        ],
-        "rescale": true
-      },
-      "faces": {
-        "east": {
-          "uv": [
-            0,
-            3,
-            0.75,
-            6
-          ],
-          "texture": "#wood"
-        },
-        "west": {
-          "uv": [
-            0,
-            3,
-            0.75,
-            6
-          ],
-          "texture": "#wood"
-        }
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/warped_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/warped_hanging.json
deleted file mode 100644
index 015ba2c0..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/warped_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/warped"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/warped_wall_hanging.json b/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/warped_wall_hanging.json
deleted file mode 100644
index 8870c317..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockModels/sign/warped_wall_hanging.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "credit": "Made with Blockbench by TyBraniff for Bluemaps support.",
-  "parent": "sign/wall_hanging",
-  "textures": {
-    "wood": "entity/signs/hanging/warped"
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/decorated_pot.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/decorated_pot.json
deleted file mode 100644
index 5b46a220..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/decorated_pot.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "decorated_pot",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "decorated_pot",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "decorated_pot",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "decorated_pot"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/acacia_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/acacia_hanging_sign.json
deleted file mode 100644
index 18a25013..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/acacia_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/acacia_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/acacia_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/acacia_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/acacia_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/acacia_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/acacia_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/acacia_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/acacia_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/acacia_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/acacia_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/acacia_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/acacia_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/acacia_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/acacia_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/acacia_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/acacia_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/acacia_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/acacia_wall_hanging_sign.json
deleted file mode 100644
index edbae40d..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/acacia_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/acacia_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/acacia_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/acacia_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/acacia_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_hanging_sign.json
deleted file mode 100644
index 5ff1854b..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/bamboo_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/bamboo_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/bamboo_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/bamboo_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/bamboo_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/bamboo_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/bamboo_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/bamboo_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/bamboo_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/bamboo_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/bamboo_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/bamboo_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/bamboo_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/bamboo_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/bamboo_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/bamboo_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_sign.json
deleted file mode 100644
index 1041460a..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/bamboo"
-    },
-    "rotation=1": {
-      "model": "sign/bamboo",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/bamboo",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/bamboo",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/bamboo",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/bamboo",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/bamboo",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/bamboo",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/bamboo",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/bamboo",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/bamboo",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/bamboo",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/bamboo",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/bamboo",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/bamboo",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/bamboo",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_wall_hanging_sign.json
deleted file mode 100644
index 3bd24804..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/bamboo_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/bamboo_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/bamboo_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/bamboo_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_wall_sign.json
deleted file mode 100644
index 8b5ce481..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/bamboo_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/bamboo_wall"
-    },
-    "facing=west": {
-      "model": "sign/bamboo_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/bamboo_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/bamboo_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/birch_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/birch_hanging_sign.json
deleted file mode 100644
index 6052d4f7..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/birch_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/birch_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/birch_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/birch_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/birch_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/birch_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/birch_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/birch_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/birch_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/birch_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/birch_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/birch_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/birch_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/birch_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/birch_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/birch_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/birch_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/birch_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/birch_wall_hanging_sign.json
deleted file mode 100644
index 656e8093..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/birch_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/birch_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/birch_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/birch_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/birch_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_hanging_sign.json
deleted file mode 100644
index 32ce33dc..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/cherry_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/cherry_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/cherry_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/cherry_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/cherry_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/cherry_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/cherry_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/cherry_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/cherry_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/cherry_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/cherry_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/cherry_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/cherry_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/cherry_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/cherry_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/cherry_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_sign.json
deleted file mode 100644
index 4e562a26..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/cherry"
-    },
-    "rotation=1": {
-      "model": "sign/cherry",
-      "y": 22.5
-    },
-    "rotation=2": {
-      "model": "sign/cherry",
-      "y": 45
-    },
-    "rotation=3": {
-      "model": "sign/cherry",
-      "y": 67.5
-    },
-    "rotation=4": {
-      "model": "sign/cherry",
-      "y": 90
-    },
-    "rotation=5": {
-      "model": "sign/cherry",
-      "y": 112.5
-    },
-    "rotation=6": {
-      "model": "sign/cherry",
-      "y": 135
-    },
-    "rotation=7": {
-      "model": "sign/cherry",
-      "y": 157.5
-    },
-    "rotation=8": {
-      "model": "sign/cherry",
-      "y": 180
-    },
-    "rotation=9": {
-      "model": "sign/cherry",
-      "y": 202.5
-    },
-    "rotation=10": {
-      "model": "sign/cherry",
-      "y": 225
-    },
-    "rotation=11": {
-      "model": "sign/cherry",
-      "y": 247.5
-    },
-    "rotation=12": {
-      "model": "sign/cherry",
-      "y": 270
-    },
-    "rotation=13": {
-      "model": "sign/cherry",
-      "y": 292.5
-    },
-    "rotation=14": {
-      "model": "sign/cherry",
-      "y": 315
-    },
-    "rotation=15": {
-      "model": "sign/cherry",
-      "y": 337.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_wall_hanging_sign.json
deleted file mode 100644
index 3e0a2d04..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/cherry_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/cherry_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/cherry_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/cherry_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_wall_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_wall_sign.json
deleted file mode 100644
index 1b13342c..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/cherry_wall_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=south": {
-      "model": "sign/cherry_wall"
-    },
-    "facing=west": {
-      "model": "sign/cherry_wall",
-      "y": 90
-    },
-    "facing=north": {
-      "model": "sign/cherry_wall",
-      "y": 180
-    },
-    "facing=east": {
-      "model": "sign/cherry_wall",
-      "y": 270
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/crimson_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/crimson_hanging_sign.json
deleted file mode 100644
index 6e4131f2..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/crimson_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/crimson_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/crimson_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/crimson_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/crimson_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/crimson_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/crimson_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/crimson_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/crimson_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/crimson_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/crimson_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/crimson_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/crimson_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/crimson_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/crimson_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/crimson_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/crimson_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/crimson_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/crimson_wall_hanging_sign.json
deleted file mode 100644
index 63c560ae..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/crimson_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/crimson_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/crimson_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/crimson_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/crimson_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/dark_oak_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/dark_oak_hanging_sign.json
deleted file mode 100644
index a2bc0458..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/dark_oak_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/dark_oak_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/dark_oak_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/dark_oak_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/dark_oak_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/dark_oak_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/dark_oak_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/dark_oak_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/dark_oak_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/dark_oak_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/dark_oak_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/dark_oak_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/dark_oak_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/dark_oak_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/dark_oak_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/dark_oak_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/dark_oak_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/dark_oak_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/dark_oak_wall_hanging_sign.json
deleted file mode 100644
index 138154f9..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/dark_oak_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/dark_oak_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/dark_oak_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/dark_oak_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/dark_oak_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/jungle_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/jungle_hanging_sign.json
deleted file mode 100644
index 9f1f9eeb..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/jungle_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/jungle_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/jungle_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/jungle_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/jungle_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/jungle_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/jungle_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/jungle_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/jungle_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/jungle_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/jungle_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/jungle_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/jungle_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/jungle_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/jungle_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/jungle_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/jungle_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/jungle_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/jungle_wall_hanging_sign.json
deleted file mode 100644
index 3bdb8191..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/jungle_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/jungle_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/jungle_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/jungle_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/jungle_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/mangrove_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/mangrove_hanging_sign.json
deleted file mode 100644
index ff977160..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/mangrove_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/mangrove_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/mangrove_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/mangrove_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/mangrove_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/mangrove_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/mangrove_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/mangrove_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/mangrove_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/mangrove_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/mangrove_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/mangrove_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/mangrove_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/mangrove_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/mangrove_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/mangrove_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/mangrove_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/mangrove_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/mangrove_wall_hanging_sign.json
deleted file mode 100644
index 9d1d019a..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/mangrove_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/mangrove_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/mangrove_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/mangrove_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/mangrove_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/oak_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/oak_hanging_sign.json
deleted file mode 100644
index 01e66da8..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/oak_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/oak_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/oak_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/oak_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/oak_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/oak_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/oak_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/oak_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/oak_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/oak_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/oak_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/oak_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/oak_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/oak_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/oak_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/oak_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/oak_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/oak_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/oak_wall_hanging_sign.json
deleted file mode 100644
index 9af80947..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/oak_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/oak_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/oak_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/oak_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/oak_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/spruce_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/spruce_hanging_sign.json
deleted file mode 100644
index ee9509f6..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/spruce_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/spruce_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/spruce_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/spruce_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/spruce_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/spruce_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/spruce_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/spruce_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/spruce_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/spruce_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/spruce_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/spruce_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/spruce_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/spruce_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/spruce_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/spruce_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/spruce_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/spruce_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/spruce_wall_hanging_sign.json
deleted file mode 100644
index 0b9ec25a..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/spruce_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/spruce_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/spruce_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/spruce_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/spruce_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/warped_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/warped_hanging_sign.json
deleted file mode 100644
index 93764856..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/warped_hanging_sign.json
+++ /dev/null
@@ -1,67 +0,0 @@
-{
-  "variants": {
-    "rotation=0": {
-      "model": "sign/warped_hanging",
-      "y": 180
-    },
-    "rotation=1": {
-      "model": "sign/warped_hanging",
-      "y": 202.5
-    },
-    "rotation=2": {
-      "model": "sign/warped_hanging",
-      "y": 225
-    },
-    "rotation=3": {
-      "model": "sign/warped_hanging",
-      "y": 247.5
-    },
-    "rotation=4": {
-      "model": "sign/warped_hanging",
-      "y": 270
-    },
-    "rotation=5": {
-      "model": "sign/warped_hanging",
-      "y": 292.5
-    },
-    "rotation=6": {
-      "model": "sign/warped_hanging",
-      "y": 315
-    },
-    "rotation=7": {
-      "model": "sign/warped_hanging",
-      "y": 337.5
-    },
-    "rotation=8": {
-      "model": "sign/warped_hanging"
-    },
-    "rotation=9": {
-      "model": "sign/warped_hanging",
-      "y": 22.5
-    },
-    "rotation=10": {
-      "model": "sign/warped_hanging",
-      "y": 45
-    },
-    "rotation=11": {
-      "model": "sign/warped_hanging",
-      "y": 67.5
-    },
-    "rotation=12": {
-      "model": "sign/warped_hanging",
-      "y": 90
-    },
-    "rotation=13": {
-      "model": "sign/warped_hanging",
-      "y": 112.5
-    },
-    "rotation=14": {
-      "model": "sign/warped_hanging",
-      "y": 135
-    },
-    "rotation=15": {
-      "model": "sign/warped_hanging",
-      "y": 157.5
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/warped_wall_hanging_sign.json b/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/warped_wall_hanging_sign.json
deleted file mode 100644
index 378e80f8..00000000
--- a/prismarine-viewer/viewer/prepare/data/1.20/blockStates/sign/warped_wall_hanging_sign.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "variants": {
-    "facing=east": {
-      "model": "sign/warped_wall_hanging",
-      "y": 90
-    },
-    "facing=south": {
-      "model": "sign/warped_wall_hanging",
-      "y": 180
-    },
-    "facing=west": {
-      "model": "sign/warped_wall_hanging",
-      "y": 270
-    },
-    "facing=north": {
-      "model": "sign/warped_wall_hanging"
-    }
-  }
-}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/prepare/genItemsAtlas.ts b/prismarine-viewer/viewer/prepare/genItemsAtlas.ts
deleted file mode 100644
index 788f1b60..00000000
--- a/prismarine-viewer/viewer/prepare/genItemsAtlas.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-import fs from 'fs'
-import McAssets from 'minecraft-assets'
-import { join } from 'path'
-import { filesize } from 'filesize'
-import minecraftDataLoader from 'minecraft-data'
-import BlockLoader from 'prismarine-block'
-import { JsonAtlas, makeTextureAtlas, writeCanvasStream } from './atlas'
-import looksSame from 'looks-same' // ensure after canvas import
-import { Version as _Version } from 'minecraft-data'
-import { versionToNumber } from './utils'
-
-// todo move it, remove it
-const legacyInvsprite = JSON.parse(fs.readFileSync(join(__dirname, '../../../src/invsprite.json'), 'utf8'))
-
-//@ts-ignore
-const latestMcAssetsVersion = McAssets.versions.at(-1)!
-// const latestVersion = minecraftDataLoader.supportedVersions.pc.at(-1)
-const mcData = minecraftDataLoader(latestMcAssetsVersion)
-const PBlock = BlockLoader(latestMcAssetsVersion)
-
-function isCube (name) {
-  const id = mcData.blocksByName[name]?.id
-  if (!id) return
-  const block = new PBlock(id, 0, 0)
-  const shape = block.shapes?.[0]
-  return block.shapes?.length === 1 && shape[0] === 0 && shape[1] === 0 && shape[2] === 0 && shape[3] === 1 && shape[4] === 1 && shape[5] === 1
-}
-
-export type ItemsAtlasesOutputJson = {
-  latest: JsonAtlas
-  legacy: JsonAtlas
-  legacyMap: [string, string[]][]
-}
-
-export const generateItemsAtlases = async () => {
-  const latestAssets = McAssets(latestMcAssetsVersion)
-  const latestItems = fs.readdirSync(join(latestAssets.directory, 'items')).map(f => f.split('.')[0])
-
-  // item - texture path
-  const toAddTextures = {
-    fromBlocks: {} as Record<string, string>,
-    remapItems: {} as Record<string, string>, // todo
-  }
-
-  const getItemTextureOfBlock = (name: string) => {
-    const blockModel = latestAssets.blocksModels[name]
-    // const isPlainBlockDisplay = blockModel?.display?.gui?.rotation?.[0] === 0 && blockModel?.display?.gui?.rotation?.[1] === 0 && blockModel?.display?.gui?.rotation?.[2] === 0
-    // it seems that information about cross blocks is hardcoded
-    if (blockModel?.parent?.endsWith('block/cross')) {
-      toAddTextures.fromBlocks[name] = `blocks/${blockModel.textures.cross.split('/')[1]}`
-      return true
-    }
-
-    if (legacyInvsprite[name]) {
-      return true
-    }
-
-    if (fs.existsSync(join(latestAssets.directory, 'blocks', name + '.png'))) {
-      // very last resort
-      toAddTextures.fromBlocks[name] = `blocks/${name}`
-      return true
-    }
-    if (name.endsWith('_spawn_egg')) {
-      // todo also color
-      toAddTextures.fromBlocks[name] = `items/spawn_egg`
-    }
-  }
-
-  for (const item of mcData.itemsArray) {
-    if (latestItems.includes(item.name)) {
-      continue
-    }
-    // USE IN RUNTIME
-    if (isCube(item.name)) {
-      // console.log('cube', block.name)
-    } else if (!getItemTextureOfBlock(item.name)) {
-      console.warn('skipping item (not cube, no item texture)', item.name)
-    }
-  }
-
-  let fullItemsMap = {} as Record<string, string[]>
-
-  const itemsSizes = {}
-  let saving = 0
-  let overallsize = 0
-  let prevItemsDir
-  let prevVersion
-  for (const version of [...McAssets.versions].reverse()) {
-    const itemsDir = join(McAssets(version).directory, 'items')
-    for (const item of fs.readdirSync(itemsDir)) {
-      const prevItemPath = !prevItemsDir ? undefined : join(prevItemsDir, item)
-      const itemSize = fs.statSync(join(itemsDir, item)).size
-      if (prevItemPath && fs.existsSync(prevItemPath) && (await looksSame(join(itemsDir, item), prevItemPath, { strict: true })).equal) {
-        saving += itemSize
-      } else {
-        fullItemsMap[version] ??= []
-        fullItemsMap[version].push(item)
-      }
-      overallsize += itemSize
-    }
-    prevItemsDir = itemsDir
-    prevVersion = version
-  }
-
-  fullItemsMap = Object.fromEntries(Object.entries(fullItemsMap).map(([ver, items]) => [ver, items.filter(item => item.endsWith('.png'))]))
-  const latestVersionItems = fullItemsMap[latestMcAssetsVersion]
-  delete fullItemsMap[latestMcAssetsVersion]
-  const legacyItemsSortedEntries = Object.entries(fullItemsMap).sort(([a], [b]) => versionToNumber(a) - versionToNumber(b)).map(([key, value]) => [key, value.map(x => x.replace('.png', ''))] as [typeof key, typeof value])
-  // const allItemsLength = Object.values(fullItemsMap).reduce((acc, x) => acc + x.length, 0)
-  // console.log(`Items to generate: ${allItemsLength} (latest version: ${latestVersionItems.length})`)
-  const fullLatestItemsObject = {
-    ...Object.fromEntries(latestVersionItems.map(item => [item, `items/${item.replace('.png', '')}`])),
-    ...toAddTextures.fromBlocks,
-    ...toAddTextures.remapItems
-  }
-
-  const latestAtlas = makeTextureAtlas(Object.keys(fullLatestItemsObject), (name) => {
-    const contents = `data:image/png;base64,${fs.readFileSync(join(latestAssets.directory, `${fullLatestItemsObject[name]}.png`), 'base64')}`
-    return {
-      contents,
-    }
-  }, undefined, 'remove')
-  const texturesPath = join(__dirname, '../../public/textures')
-  writeCanvasStream(latestAtlas.canvas, join(texturesPath, 'items.png'), () => {
-    console.log('Generated latest items atlas')
-  })
-
-  const legacyItemsMap = legacyItemsSortedEntries.flatMap(([ver, items]) => items.map(item => `${ver}-${item}.png`))
-  const legacyItemsAtlas = makeTextureAtlas(legacyItemsMap, (name) => {
-    const [ver, item] = name.split('-')
-    const contents = `data:image/png;base64,${fs.readFileSync(join(McAssets(ver).directory, `items/${item}`), 'base64')}`
-    return {
-      contents,
-    }
-  }, undefined, 'remove')
-  writeCanvasStream(legacyItemsAtlas.canvas, join(texturesPath, 'items-legacy.png'), () => {
-    console.log('Generated legacy items atlas')
-  })
-
-  const allItemsMaps: ItemsAtlasesOutputJson = {
-    latest: latestAtlas.json,
-    legacy: legacyItemsAtlas.json,
-    legacyMap: legacyItemsSortedEntries
-  }
-  fs.writeFileSync(join(texturesPath, 'items.json'), JSON.stringify(allItemsMaps), 'utf8')
-
-  console.log(`Generated items! Input size: ${filesize(overallsize)}, saving: ~${filesize(saving)}`)
-}
diff --git a/prismarine-viewer/viewer/prepare/generateTextures.ts b/prismarine-viewer/viewer/prepare/generateTextures.ts
deleted file mode 100644
index f66fb5d7..00000000
--- a/prismarine-viewer/viewer/prepare/generateTextures.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import path from 'path'
-import { makeBlockTextureAtlas } from './atlas'
-import { prepareBlocksStates } from './modelsBuilder'
-import mcAssets from 'minecraft-assets'
-import fs from 'fs-extra'
-import { prepareMoreGeneratedBlocks } from './moreGeneratedBlocks'
-import { generateItemsAtlases } from './genItemsAtlas'
-import { versionToNumber } from './utils'
-
-const publicPath = path.resolve(__dirname, '../../public')
-
-const texturesPath = path.join(publicPath, 'textures')
-fs.mkdirSync(texturesPath, { recursive: true })
-
-const blockStatesPath = path.join(publicPath, 'blocksStates')
-fs.mkdirSync(blockStatesPath, { recursive: true })
-
-const warnings = new Set<string>()
-Promise.resolve().then(async () => {
-  generateItemsAtlases()
-  console.time('generateTextures')
-  const versions = process.argv.includes('-l') ? [mcAssets.versions.at(-1)!] : mcAssets.versions
-  for (const version of versions as typeof mcAssets['versions']) {
-    // for debugging (e.g. when above is overridden)
-    if (!versions.includes(version)) {
-      throw new Error(`Version ${version} is not supported by minecraft-assets`)
-    }
-    if (versionToNumber(version) < versionToNumber('1.13')) {
-      // we normalize data to 1.13 for pre 1.13 versions
-      continue
-    }
-    const assets = mcAssets(version)
-    const { warnings: _warnings } = await prepareMoreGeneratedBlocks(assets)
-    _warnings.forEach(x => warnings.add(x))
-    // #region texture atlas
-    const atlas = makeBlockTextureAtlas(assets)
-    const out = fs.createWriteStream(path.resolve(texturesPath, version + '.png'))
-    const stream = (atlas.canvas as any).pngStream()
-    stream.on('data', (chunk) => out.write(chunk))
-    stream.on('end', () => console.log('Generated textures/' + version + '.png'))
-    // #endregion
-
-    const blocksStates = JSON.stringify(prepareBlocksStates(assets, atlas))
-    fs.writeFileSync(path.resolve(blockStatesPath, version + '.json'), blocksStates)
-
-    fs.copySync(assets.directory, path.resolve(texturesPath, version), { overwrite: true })
-  }
-
-  fs.writeFileSync(path.join(publicPath, 'supportedVersions.json'), '[' + versions.map(v => `"${v}"`).toString() + ']')
-  warnings.forEach(x => console.warn(x))
-  console.timeEnd('generateTextures')
-})
diff --git a/prismarine-viewer/viewer/prepare/missing_texture.png b/prismarine-viewer/viewer/prepare/missing_texture.png
deleted file mode 100644
index affd9d68..00000000
Binary files a/prismarine-viewer/viewer/prepare/missing_texture.png and /dev/null differ
diff --git a/prismarine-viewer/viewer/prepare/modelsBuilder.ts b/prismarine-viewer/viewer/prepare/modelsBuilder.ts
deleted file mode 100644
index b6e5268f..00000000
--- a/prismarine-viewer/viewer/prepare/modelsBuilder.ts
+++ /dev/null
@@ -1,259 +0,0 @@
-type ModelBasic = {
-  model: string
-  x?: number
-  y?: number
-  uvlock?: boolean
-}
-
-type BlockApplyModel = ModelBasic | (ModelBasic & { weight })[]
-
-type BlockStateCondition = {
-  [name: string]: string | number
-}
-
-type BlockState = {
-  variants?: {
-    [name: string | ""]: BlockApplyModel
-  }
-  multipart?: {
-    when: {
-      [name: string]: string | number
-    } & {
-      OR?: BlockStateCondition[]
-    }
-    apply: BlockApplyModel
-  }[]
-}
-
-type BlockModel = {
-  parent?: string
-  textures?: {
-    [name: string]: string
-  }
-  elements?: {
-    from: number[]
-    to: number[]
-    faces: {
-      [name: string]: {
-        texture: string
-        uv?: number[]
-        cullface?: string
-      }
-    }
-  }[]
-  ambientocclusion?: boolean
-  x?: number
-  y?: number
-  z?: number
-  ao?: boolean
-}
-
-export type McAssets = {
-  blocksStates: {
-    [x: string]: BlockState
-  }
-  blocksModels: {
-    [x: string]: BlockModel
-  }
-  directory: string
-  version: string
-}
-
-export type BlockStatesOutput = {
-  // states: {
-  [blockName: string]: any/* ResolvedModel */
-  // }
-  // defaults: {
-  //   su: number
-  //   sv: number
-  // }
-}
-
-export type ResolvedModel = {
-  textures: {
-    [name: string]: {
-      u: number
-      v: number
-      su: number
-      sv: number
-      bu: number
-      bv: number
-    }
-  }
-  elements: {
-    from: number[]
-    to: number[]
-    faces: {
-      [name: string]: {
-        texture: {
-          u: number
-          v: number
-          su: number
-          sv: number
-          bu: number
-          bv: number
-        }
-      }
-    }
-  }[]
-  ao: boolean
-  x?: number
-  y?: number
-  z?: number
-}
-
-export const addBlockAllModel = (mcAssets: McAssets, name: string, texture = name) => {
-  mcAssets.blocksStates[name] = {
-    "variants": {
-      "": {
-        "model": name
-      }
-    }
-  }
-  mcAssets.blocksModels[name] = {
-    "parent": "block/cube_all",
-    "textures": {
-      "all": `blocks/${texture}`
-    }
-  }
-}
-
-function cleanupBlockName (name: string) {
-  if (name.startsWith('block') || name.startsWith('minecraft:block')) return name.split('/')[1]
-  return name
-}
-
-const objectAssignStrict = <T extends Record<string, any>> (target: T, source: Partial<T>) => Object.assign(target, source)
-
-function getFinalModel (name: string, blocksModels: { [x: string]: BlockModel }) {
-  name = cleanupBlockName(name)
-  const input = blocksModels[name]
-  if (!input) {
-    return null
-  }
-
-  let out: BlockModel | null = {
-    textures: {},
-    elements: [],
-    ao: true,
-    x: input.x,
-    y: input.y,
-    z: input.z,
-  }
-
-  if (input.parent) {
-    out = getFinalModel(input.parent, blocksModels)
-    if (!out) return null
-  }
-  if (input.textures) {
-    Object.assign(out.textures!, deepCopy(input.textures))
-  }
-  if (input.elements) out.elements = deepCopy(input.elements)
-  if (input.ao !== undefined) out.ao = input.ao
-  return out
-}
-
-const deepCopy = (obj) => JSON.parse(JSON.stringify(obj))
-
-const workerUsedTextures = ['particle']
-function prepareModel (model: BlockModel, texturesJson) {
-  const newModel = {}
-
-  const getFinalTexture = (originalBlockName) => {
-    // texture name e.g. blocks/anvil_base
-    const cleanBlockName = cleanupBlockName(originalBlockName)
-    return { ...texturesJson[cleanBlockName], /* __debugName: cleanBlockName */ }
-  }
-
-  const finalTextures = []
-
-  // resolve texture names eg west: #all -> blocks/stone
-  for (const side in model.textures) {
-    let texture = model.textures[side]
-
-    while (texture.charAt(0) === '#') {
-      const textureName = texture.slice(1)
-      texture = model.textures[textureName]
-      if (texture === undefined) throw new Error(`Texture ${textureName} in ${JSON.stringify(model.textures)} not found`)
-    }
-
-    finalTextures[side] = getFinalTexture(texture)
-    if (workerUsedTextures.includes(side)) {
-      model.textures[side] = finalTextures[side]
-    }
-  }
-
-  for (const elem of model.elements!) {
-    for (const sideName of Object.keys(elem.faces)) {
-      const face = elem.faces[sideName]
-
-      const textureRaw = face.texture.charAt(0) === '#'
-        ? finalTextures![face.texture.slice(1)]
-        : getFinalTexture(face.texture)
-      if (!textureRaw) throw new Error(`Texture ${face.texture} in ${JSON.stringify(model.textures)} not found`)
-      const finalTexture = deepCopy(
-        textureRaw
-      )
-
-      const _from = elem.from
-      const _to = elem.to
-      // taken from https://github.com/DragonDev1906/Minecraft-Overviewer/
-      const uv = face.uv || {
-        // default UVs
-        // format: [u1, v1, u2, v2] (u = x, v = y)
-        north: [_to[0], 16 - _to[1], _from[0], 16 - _from[1]],
-        east: [_from[2], 16 - _to[1], _to[2], 16 - _from[1]],
-        south: [_from[0], 16 - _to[1], _to[0], 16 - _from[1]],
-        west: [_from[2], 16 - _to[1], _to[2], 16 - _from[1]],
-        up: [_from[0], _from[2], _to[0], _to[2]],
-        down: [_to[0], _from[2], _from[0], _to[2]]
-      }[sideName]!
-
-      const su = (uv[2] - uv[0]) / 16 * finalTexture.su
-      const sv = (uv[3] - uv[1]) / 16 * finalTexture.sv
-      finalTexture.u += uv[0] / 16 * finalTexture.su
-      finalTexture.v += uv[1] / 16 * finalTexture.sv
-      finalTexture.su = su
-      finalTexture.sv = sv
-      face.texture = finalTexture
-    }
-  }
-  return model
-}
-
-function resolveModel (name, blocksModels, texturesJson) {
-  const model = getFinalModel(name, blocksModels)
-  return prepareModel(model, texturesJson.textures)
-}
-
-export function prepareBlocksStates (mcAssets: McAssets, atlas: { json: any }) {
-  addBlockAllModel(mcAssets, 'missing_texture')
-
-  const blocksStates = mcAssets.blocksStates
-  for (const block of Object.values(blocksStates)) {
-    if (!block) continue
-    if (block.variants) {
-      for (const variant of Object.values(block.variants)) {
-        if (variant instanceof Array) {
-          for (const v of variant) {
-            v.model = resolveModel(v.model, mcAssets.blocksModels, atlas.json) as any
-          }
-        } else {
-          variant.model = resolveModel(variant.model, mcAssets.blocksModels, atlas.json) as any
-        }
-      }
-    }
-    if (block.multipart) {
-      for (const variant of block.multipart) {
-        if (variant.apply instanceof Array) {
-          for (const v of variant.apply) {
-            v.model = resolveModel(v.model, mcAssets.blocksModels, atlas.json) as any
-          }
-        } else {
-          variant.apply.model = resolveModel(variant.apply.model, mcAssets.blocksModels, atlas.json) as any
-        }
-      }
-    }
-  }
-  return blocksStates
-}
diff --git a/prismarine-viewer/viewer/prepare/moreGeneratedBlocks.ts b/prismarine-viewer/viewer/prepare/moreGeneratedBlocks.ts
deleted file mode 100644
index e64b7cff..00000000
--- a/prismarine-viewer/viewer/prepare/moreGeneratedBlocks.ts
+++ /dev/null
@@ -1,421 +0,0 @@
-import Jimp from 'jimp'
-import minecraftData from 'minecraft-data'
-import { McAssets } from './modelsBuilder'
-import path from 'path'
-import fs from 'fs'
-import { fileURLToPath } from 'url'
-import { versionToNumber } from './utils'
-
-// todo refactor
-const handledBlocks = ['water', 'lava', 'barrier']
-const origSizeTextures: string[] = []
-let currentImage: Jimp
-let currentBlockName: string
-let currentMcAssets: McAssets
-const __dirname = path.dirname(fileURLToPath(new URL(import.meta.url)))
-
-type SidesType = {
-  "up": string
-  "north": string
-  "east": string
-  "south": string
-  "west": string
-  "down": string
-}
-
-const getBlockStates = (name: string) => {
-  const mcData = minecraftData(currentMcAssets.version)
-  return mcData.blocksByName[name]?.states
-}
-
-export const addBlockCustomSidesModel = (name: string, sides: SidesType) => {
-  currentMcAssets.blocksStates[name] = {
-    "variants": {
-      "": {
-        "model": name
-      }
-    }
-  }
-  currentMcAssets.blocksModels[name] = {
-    "parent": "block/cube",
-    "textures": sides
-  }
-}
-
-type TextureMap = [
-  x: number,
-  y: number,
-  width?: number,
-  height?: number,
-]
-
-const justCropUV = (x: number, y: number, x1, y1) => {
-  // input: 0-16, output: 0-currentImage.getWidth()
-  const width = Math.abs(x1 - x)
-  const height = Math.abs(y1 - y)
-  return currentImage.clone().crop(
-    x / 16 * currentImage.getWidth(),
-    y / 16 * currentImage.getHeight(),
-    width / 16 * currentImage.getWidth(),
-    height / 16 * currentImage.getHeight(),
-  )
-}
-const justCrop = (x: number, y: number, width = 16, height = 16) => {
-  return currentImage.clone().crop(x, y, width, height)
-}
-
-const combineTextures = (locations: TextureMap[]) => {
-  const resized: Jimp[] = []
-  for (const [x, y, height = 16, width = 16] of locations) {
-    resized.push(justCrop(x, y, width, height))
-  }
-
-  const combinedImage = new Jimp(locations[0]![2] ?? 16, locations[0]![3] ?? 16)
-  for (const image of resized) {
-    combinedImage.blit(image, 0, 0)
-  }
-  return combinedImage
-}
-
-const generatedImageTextures: { [blockName: string]: /* base64 */string } = {}
-
-const getBlockTexturesFromJimp = async <T extends Record<string, Jimp>> (sides: T, withUv = false, textureNameBase = currentBlockName): Promise<Record<keyof T, any>> => {
-  const sidesTextures = {} as any
-  for (const [side, jimp] of Object.entries(sides)) {
-    const textureName = `${textureNameBase}_${side}`
-    const sideTexture = withUv ? { uv: [0, 0, jimp.getWidth(), jimp.getHeight()], texture: textureName } : textureName
-    const base64Url = await jimp.getBase64Async(jimp.getMIME())
-    if (side === 'side') {
-      sidesTextures['north'] = sideTexture
-      sidesTextures['east'] = sideTexture
-      sidesTextures['south'] = sideTexture
-      sidesTextures['west'] = sideTexture
-    } else {
-      sidesTextures[side] = sideTexture
-    }
-    generatedImageTextures[textureName] = base64Url
-  }
-
-  return sidesTextures
-}
-
-const addSimpleCubeWithSides = async (sides: Record<string, Jimp>) => {
-  const sidesTextures = await getBlockTexturesFromJimp(sides)
-
-  addBlockCustomSidesModel(currentBlockName, sidesTextures as any)
-}
-
-const handleShulkerBox = async (dataBase: string, match: RegExpExecArray) => {
-  const [, shulkerColor = ''] = match
-  currentImage = await Jimp.read(dataBase + `entity/shulker/shulker${shulkerColor && `_${shulkerColor}`}.png`)
-
-  const shulkerBoxTextures = {
-    // todo do all sides
-    side: combineTextures([
-      [0, 16], // top
-      [0, 36], // bottom
-    ]),
-    up: justCrop(16, 0),
-    down: justCrop(32, 28)
-  }
-
-  await addSimpleCubeWithSides(shulkerBoxTextures)
-}
-
-// TODO! should not be there! move to data with signs!
-const chestModels = {
-  chest: {
-    "parent": "block/block",
-    "textures": {
-      "particle": "#particles"
-    },
-    "elements": [
-      {
-        "from": [1, 0, 1],
-        "to": [15, 10, 15],
-        "faces": {
-          "down": { "texture": "#chest", "uv": [3.5, 4.75, 7, 8.25], "rotation": 180 },
-          "north": { "texture": "#chest", "uv": [10.5, 8.25, 14, 10.75], "rotation": 180 },
-          "east": { "texture": "#chest", "uv": [0, 8.25, 3.5, 10.75], "rotation": 180 },
-          "south": { "texture": "#chest", "uv": [3.5, 8.25, 7, 10.75], "rotation": 180 },
-          "west": { "texture": "#chest", "uv": [7, 8.25, 10.5, 10.75], "rotation": 180 }
-        },
-      },
-      {
-        "from": [1, 10, 1],
-        "to": [15, 14, 15],
-        "faces": {
-          "up": { "texture": "#chest", "uv": [3.5, 4.75, 7, 8.25] },
-          "north": { "texture": "#chest", "uv": [10.5, 3.75, 14, 4.75], "rotation": 180 },
-          "east": { "texture": "#chest", "uv": [0, 3.75, 3.5, 4.75], "rotation": 180 },
-          "south": { "texture": "#chest", "uv": [3.5, 3.75, 7, 4.75], "rotation": 180 },
-          "west": { "texture": "#chest", "uv": [7, 3.75, 10.5, 4.75], "rotation": 180 }
-        }
-      },
-      {
-        "from": [7, 7, 0],
-        "to": [9, 11, 1],
-        "faces": {
-          "down": { "texture": "#chest", "uv": [0.25, 0, 0.75, 0.25], "rotation": 180 },
-          "up": { "texture": "#chest", "uv": [0.75, 0, 1.25, 0.25], "rotation": 180 },
-          "north": { "texture": "#chest", "uv": [1, 0.25, 1.5, 1.25], "rotation": 180 },
-          "west": { "texture": "#chest", "uv": [0.75, 0.25, 1, 1.25], "rotation": 180 },
-          "east": { "texture": "#chest", "uv": [0, 0.25, 0.25, 1.25], "rotation": 180 }
-        }
-      }
-    ]
-  },
-  chest_left: {
-    "parent": "block/block",
-    "textures": {
-      "particle": "#particles"
-    },
-    "elements": [
-      {
-        "from": [1, 0, 1],
-        "to": [16, 10, 15],
-        "faces": {
-          "down": { "texture": "#chest", "uv": [3.5, 4.75, 7.25, 8.25], "rotation": 180 },
-          "north": { "texture": "#chest", "uv": [10.75, 8.25, 14.5, 10.75], "rotation": 180 },
-          "south": { "texture": "#chest", "uv": [3.5, 8.25, 7.25, 10.75], "rotation": 180 },
-          "west": { "texture": "#chest", "uv": [7.25, 8.25, 10.75, 10.75], "rotation": 180 }
-        }
-      },
-      {
-        "from": [1, 10, 1],
-        "to": [16, 14, 15],
-        "faces": {
-          "up": { "texture": "#chest", "uv": [3.5, 4.75, 7.25, 8.25], "rotation": 180 },
-          "north": { "texture": "#chest", "uv": [10.75, 3.75, 14.5, 4.75], "rotation": 180 },
-          "south": { "texture": "#chest", "uv": [3.5, 3.75, 7.25, 4.75], "rotation": 180 },
-          "west": { "texture": "#chest", "uv": [7.25, 3.75, 10.75, 4.75], "rotation": 180 }
-        }
-      },
-      {
-        "from": [15, 7, 0],
-        "to": [16, 11, 1],
-        "faces": {
-          "down": { "texture": "#chest", "uv": [0.25, 0, 0.5, 0.25], "rotation": 180 },
-          "up": { "texture": "#chest", "uv": [0.5, 0, 0.75, 0.25], "rotation": 180 },
-          "north": { "texture": "#chest", "uv": [0.75, 0.25, 1, 1.25], "rotation": 180 },
-          "west": { "texture": "#chest", "uv": [0.5, 0.25, 0.75, 1.25], "rotation": 180 }
-        }
-      }
-    ]
-  },
-  chest_right: {
-    "parent": "block/block",
-    "textures": {
-      "particle": "#particles"
-    },
-    "elements": [
-      {
-        "from": [0, 0, 1],
-        "to": [15, 10, 15],
-        "faces": {
-          "down": { "texture": "#chest", "uv": [3.5, 4.75, 7.25, 8.25], "rotation": 180 },
-          "north": { "texture": "#chest", "uv": [10.75, 8.25, 14.5, 10.75], "rotation": 180 },
-          "east": { "texture": "#chest", "uv": [0, 8.25, 3.5, 10.75], "rotation": 180 },
-          "south": { "texture": "#chest", "uv": [3.5, 8.25, 7.25, 10.75], "rotation": 180 }
-        }
-      },
-      {
-        "from": [0, 10, 1],
-        "to": [15, 14, 15],
-        "faces": {
-          "up": { "texture": "#chest", "uv": [3.5, 4.75, 7.25, 8.25], "rotation": 180 },
-          "north": { "texture": "#chest", "uv": [10.75, 3.75, 14.5, 4.75], "rotation": 180 },
-          "east": { "texture": "#chest", "uv": [0, 3.75, 3.5, 4.75], "rotation": 180 },
-          "south": { "texture": "#chest", "uv": [3.5, 3.75, 7.25, 4.75], "rotation": 180 }
-        }
-      },
-      {
-        "from": [0, 7, 0],
-        "to": [1, 11, 1],
-        "faces": {
-          "down": { "texture": "#chest", "uv": [0.25, 0, 0.5, 0.25], "rotation": 180 },
-          "up": { "texture": "#chest", "uv": [0.5, 0, 0.75, 0.25], "rotation": 180 },
-          "north": { "texture": "#chest", "uv": [0.75, 0.25, 1, 1.25], "rotation": 180 },
-          "east": { "texture": "#chest", "uv": [0.0, 0.25, 0.25, 1.25], "rotation": 180 }
-        }
-      }
-    ]
-  }
-}
-
-// these blockStates / models copied from https://github.com/FakeDomi/FastChest/blob/master/src/main/resources/assets/minecraft/blockstates/
-const chestBlockStatesMap = {
-  chest: JSON.parse(fs.readFileSync(path.join(__dirname, 'blockStates/chest.json'), 'utf-8')),
-  trapped_chest: JSON.parse(fs.readFileSync(path.join(__dirname, 'blockStates/trapped_chest.json'), 'utf-8')),
-  ender_chest: JSON.parse(fs.readFileSync(path.join(__dirname, 'blockStates/ender_chest.json'), 'utf-8')),
-}
-const handleChest = async (dataBase: string, match: RegExpExecArray) => {
-  const blockStates = structuredClone(chestBlockStatesMap[currentBlockName])
-
-  const particle = match[1] === 'ender' ? 'obsidian' : 'oak_planks'
-
-  const blockStatesVariants = Object.values(blockStates.variants) as { model }[]
-  const neededModels = [...new Set(blockStatesVariants.map((x) => x.model))]
-
-  for (const modelName of neededModels) {
-    let chestTextureName = {
-      chest: 'normal',
-      trapped_chest: 'trapped',
-      ender_chest: 'ender',
-    }[currentBlockName]
-    if (modelName.endsWith('_left')) chestTextureName = `${chestTextureName}_left`
-    if (modelName.endsWith('_right')) chestTextureName = `${chestTextureName}_right`
-
-    const texture = path.join(currentMcAssets.directory, `../1.19.1/entity/chest/${chestTextureName}.png`)
-
-    currentImage = await Jimp.read(texture)
-
-    const model = structuredClone(chestModels[modelName])
-    model.textures.particle = particle
-    const newModelName = `${currentBlockName}_${modelName}`
-    for (const variant of blockStatesVariants) {
-      if (variant.model !== modelName) continue
-      variant.model = newModelName
-    }
-    for (const [i, { faces }] of model.elements.entries()) {
-      for (const [faceName, face] of Object.entries(faces) as any) {
-        const { uv } = face
-        //@ts-ignore
-        const jimp = justCropUV(...uv)
-        const key = `${chestTextureName}_${modelName}_${i}_${faceName}`
-        const texture = await getBlockTexturesFromJimp({
-          [key]: jimp
-        }, true, key).then(a => a[key])
-        face.texture = texture.texture
-        face.uv = texture.uv
-      }
-    }
-    currentMcAssets.blocksModels[newModelName] = model
-  }
-  currentMcAssets.blocksStates[currentBlockName] = blockStates
-}
-
-async function loadBlockModelTextures (dataBase: string, blockModel: any) {
-  for (const key in blockModel.textures) {
-    let texture: string = blockModel.textures[key]
-    const useAssetsPath = !!texture.match(/^[0-9.]+\//)
-    blockModel.textures.particle = texture
-    generatedImageTextures[texture] = `data:image/png;base64,${fs.readFileSync(path.join(dataBase, useAssetsPath ? '..' : '', texture + '.png'), 'base64')}`
-    origSizeTextures[texture] = true
-  }
-}
-
-const handlers = [
-  [/(.+)_shulker_box$/, handleShulkerBox],
-  [/^shulker_box$/, handleShulkerBox],
-  [/^(?:(ender|trapped)_)?chest$/, handleChest],
-  // [/(^|(.+)_)bed$/, handleBed],
-  // no-op just suppress warning
-  [/(^light|^moving_piston$)/, true],
-] as const
-
-export const tryHandleBlockEntity = async (dataBase, blockName) => {
-  currentBlockName = blockName
-  for (const [regex, handler] of handlers) {
-    const match = regex.exec(blockName)
-    if (!match) continue
-    if (handler !== true) {
-      await handler(dataBase, match)
-    }
-    return true
-  }
-}
-
-async function readAllBlockStates (blockStatesDir: string) {
-  const files = fs.readdirSync(blockStatesDir)
-  for (const file of files) {
-    if (file.endsWith('.json')) {
-      const state = JSON.parse(fs.readFileSync(path.join(blockStatesDir, file), 'utf-8'))
-      const name = file.replace('.json', '')
-      currentMcAssets.blocksStates[name] = state
-      handledBlocks.push(name)
-    } else {
-      await readAllBlockStates(path.join(blockStatesDir, file))
-    }
-  }
-}
-
-async function readAllBlockModels (dataBase: string, blockModelsDir: string, completePath: string) {
-  const actualPath = completePath.length ? completePath + "/" : ""
-  const files = fs.readdirSync(blockModelsDir)
-  for (const file of files) {
-    if (file.endsWith('.json')) {
-      const model = JSON.parse(fs.readFileSync(path.join(blockModelsDir, file), 'utf-8'))
-      const name = actualPath + file.replace('.json', '')
-      currentMcAssets.blocksModels[name] = model
-      await loadBlockModelTextures(dataBase, model)
-    } else {
-      await readAllBlockModels(dataBase, path.join(blockModelsDir, file), actualPath + file)
-    }
-  }
-}
-
-const handleExternalData = async (assetsPathRoot: string, version: string) => {
-  const currentVersionNumber = versionToNumber(version)
-  const versions = fs.readdirSync(path.join(__dirname, 'data'), { withFileTypes: true })
-    .filter(x => x.isDirectory())
-    .map(x => x.name)
-    .sort((a, b) => versionToNumber(b) - versionToNumber(a))
-
-  const allAssetsVersions = fs.readdirSync(assetsPathRoot, { withFileTypes: true })
-    .filter(x => x.isDirectory())
-    .map(x => x.name)
-    .sort((a, b) => versionToNumber(b) - versionToNumber(a))
-
-  const getAssetsVersion = (version: string) => {
-    return allAssetsVersions[version] ?? allAssetsVersions.find(x => x.startsWith(version))
-  }
-
-  for (const curVer of versions) {
-    const baseDir = path.join(__dirname, 'data', curVer)
-    if (versionToNumber(curVer) > currentVersionNumber) continue
-
-    const assetsVersion = getAssetsVersion(curVer)
-    await readAllBlockStates(path.join(baseDir, 'blockStates'))
-    await readAllBlockModels(path.join(assetsPathRoot, assetsVersion), path.join(baseDir, 'blockModels'), "")
-  }
-}
-
-export const prepareMoreGeneratedBlocks = async (mcAssets: McAssets) => {
-  const mcData = minecraftData(mcAssets.version)
-  const allTheBlocks = mcData.blocksArray.map(x => x.name)
-
-  currentMcAssets = mcAssets
-  // todo
-  const ignoredBlocks = ['skull', 'structure_void', 'banner', 'bed', 'end_portal']
-
-  for (const theBlock of allTheBlocks) {
-    try {
-      if (await tryHandleBlockEntity(mcAssets.directory, theBlock)) {
-        handledBlocks.push(theBlock)
-      }
-    } catch (err) {
-      // todo remove when all warnings are resolved
-      console.warn(`[${mcAssets.version}] failed to generate block ${theBlock}`)
-    }
-  }
-
-  await handleExternalData(path.join(mcAssets.directory, '..'), mcAssets.version)
-
-  const warnings: string[] = []
-  for (const [name, model] of Object.entries(mcAssets.blocksModels)) {
-    if (Object.keys(model).length === 1 && model.textures) {
-      const keys = Object.keys(model.textures)
-      if (keys.length === 1 && keys[0] === 'particle') {
-        if (handledBlocks.includes(name) || ignoredBlocks.includes(name)) continue
-        warnings.push(`unhandled block ${name}`)
-      }
-    }
-  }
-
-  return { warnings }
-}
-
-export const getAdditionalTextures = () => {
-  return { generated: generatedImageTextures, origSizeTextures }
-}
diff --git a/prismarine-viewer/viewer/prepare/postinstall.ts b/prismarine-viewer/viewer/prepare/postinstall.ts
deleted file mode 100644
index bf70d26c..00000000
--- a/prismarine-viewer/viewer/prepare/postinstall.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import path from 'path'
-import fs from 'fs'
-
-const publicPath = path.resolve(__dirname, '../../public')
-const texturesPath = path.join(publicPath, 'textures')
-
-if (fs.existsSync(texturesPath) && !process.argv.includes('-f')) {
-    console.log('textures folder already exists, skipping...')
-    process.exit(0)
-} else {
-    import('./generateTextures')
-}
diff --git a/prismarine-viewer/viewer/prepare/utils.ts b/prismarine-viewer/viewer/prepare/utils.ts
deleted file mode 100644
index a33909a9..00000000
--- a/prismarine-viewer/viewer/prepare/utils.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const versionToNumber = (ver: string) => {
-  const [x, y = '0', z = '0'] = ver.split('.')
-  return +`${x.padStart(2, '0')}${y.padStart(2, '0')}${z.padStart(2, '0')}`
-}
diff --git a/prismarine-viewer/viewer/sign-renderer/index.ts b/prismarine-viewer/viewer/sign-renderer/index.ts
deleted file mode 100644
index 8c0f488c..00000000
--- a/prismarine-viewer/viewer/sign-renderer/index.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { fromFormattedString, render, RenderNode, TextComponent } from '@xmcl/text-component'
-import type { ChatMessage } from 'prismarine-chat'
-
-type SignBlockEntity = {
-    Color?: string
-    GlowingText?: 0 | 1
-    Text1?: string
-    Text2?: string
-    Text3?: string
-    Text4?: string
-} | {
-    // todo
-    is_waxed?: 0 | 1
-    front_text: {
-        color: string
-        messages: string[]
-        // todo
-        has_glowing_text?: 0 | 1
-    }
-    // todo
-    // back_text: {}
-}
-
-type JsonEncodedType = string | null | Record<string, any>
-
-const parseSafe = (text: string, task: string) => {
-    try {
-        return JSON.parse(text)
-    } catch (e) {
-        console.warn(`Failed to parse ${task}`, e)
-        return null
-    }
-}
-
-export const renderSign = (blockEntity: SignBlockEntity, PrismarineChat: typeof ChatMessage, ctxHook = (ctx) => { }) => {
-    // todo don't use texture rendering, investigate the font rendering when possible
-    // or increase factor when needed
-    const factor = 40
-    const signboardY = [16, 9]
-    const heightOffset = signboardY[0] - signboardY[1]
-    const heightScalar = heightOffset / 16
-
-    let canvas: HTMLCanvasElement | undefined
-    let _ctx: CanvasRenderingContext2D | null = null
-    const getCtx = () => {
-        if (_ctx) return _ctx
-        canvas = document.createElement('canvas')
-
-        canvas.width = 16 * factor
-        canvas.height = heightOffset * factor
-
-        _ctx = canvas.getContext('2d')!
-        _ctx.imageSmoothingEnabled = false
-
-        ctxHook(_ctx)
-        return _ctx
-    }
-
-    const texts = 'front_text' in blockEntity ? /* > 1.20 */ blockEntity.front_text.messages : [
-        blockEntity.Text1,
-        blockEntity.Text2,
-        blockEntity.Text3,
-        blockEntity.Text4
-    ]
-    const defaultColor = ('front_text' in blockEntity ? blockEntity.front_text.color : blockEntity.Color) || 'black'
-    for (let [lineNum, text] of texts.slice(0, 4).entries()) {
-        // todo: in pre flatenning it seems the format was not json
-        if (text === 'null') continue
-        const parsed = text?.startsWith('{') || text?.startsWith('"') ? parseSafe(text ?? '""', 'sign text') : text
-        if (!parsed || (typeof parsed !== 'object' && typeof parsed !== 'string')) continue
-        // todo fix type
-        const message = typeof parsed === 'string' ? fromFormattedString(parsed) : new PrismarineChat(parsed) as never
-        const patchExtra = ({ extra }: TextComponent) => {
-            if (!extra) return
-            for (const child of extra) {
-                if (child.color) {
-                    child.color = child.color === 'dark_green' ? child.color.toUpperCase() : child.color.toLowerCase()
-                }
-                patchExtra(child)
-            }
-        }
-        patchExtra(message)
-        const rendered = render(message)
-
-        const toRenderCanvas: {
-            fontStyle: string
-            fillStyle: string
-            underlineStyle: boolean
-            strikeStyle: boolean
-            text: string
-        }[] = []
-        let plainText = ''
-        // todo the text should be clipped based on it's render width (needs investigate)
-        const MAX_LENGTH = 50 // avoid abusing the signboard
-        const renderText = (node: RenderNode) => {
-            const { component } = node
-            let { text } = component
-            if (plainText.length + text.length > MAX_LENGTH) {
-                text = text.slice(0, MAX_LENGTH - plainText.length)
-                if (!text) return false
-            }
-            plainText += text
-            toRenderCanvas.push({
-                fontStyle: `${component.bold ? 'bold' : ''} ${component.italic ? 'italic' : ''}`,
-                fillStyle: node.style['color'] || defaultColor,
-                underlineStyle: component.underlined ?? false,
-                strikeStyle: component.strikethrough ?? false,
-                text
-            })
-            for (const child of node.children) {
-                const stop = renderText(child) === false
-                if (stop) return false
-            }
-        }
-
-        renderText(rendered)
-
-        // skip rendering empty lines (and possible signs)
-        if (!plainText.trim()) continue
-
-        const ctx = getCtx()
-        const fontSize = 1.6 * factor;
-        ctx.font = `${fontSize}px mojangles`
-        const textWidth = ctx.measureText(plainText).width
-
-        let renderedWidth = 0
-        for (const { fillStyle, fontStyle, strikeStyle, text, underlineStyle } of toRenderCanvas) {
-            // todo strikeStyle, underlineStyle
-            ctx.fillStyle = fillStyle
-            ctx.font = `${fontStyle} ${fontSize}px mojangles`
-            ctx.fillText(text, (canvas!.width - textWidth) / 2 + renderedWidth, fontSize * (lineNum + 1))
-            renderedWidth += ctx.measureText(text).width // todo isn't the font is monospace?
-        }
-    }
-    // ctx.fillStyle = 'red'
-    // ctx.fillRect(0, 0, canvas.width, canvas.height)
-
-    return canvas
-}
diff --git a/prismarine-viewer/viewer/supportedVersions.json b/prismarine-viewer/viewer/supportedVersions.json
deleted file mode 100644
index d4fcd3d8..00000000
--- a/prismarine-viewer/viewer/supportedVersions.json
+++ /dev/null
@@ -1 +0,0 @@
-["1.8.8", "1.9.4", "1.10.2", "1.11.2", "1.12.2", "1.13.2", "1.14.4", "1.15.2", "1.16.1", "1.16.4", "1.17.1", "1.18.1", "1.18.2"]
\ No newline at end of file
diff --git a/prismarine-viewer/webpack.config.js b/prismarine-viewer/webpack.config.js
deleted file mode 100644
index d1577c9d..00000000
--- a/prismarine-viewer/webpack.config.js
+++ /dev/null
@@ -1,88 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-const webpack = require('webpack')
-const path = require('path')
-// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
-
-// Minify the index.js by removing unused minecraft data. Since the worker only needs to do meshing,
-// we can remove all the other data unrelated to meshing.
-const blockedIndexFiles = ['blocksB2J', 'blocksJ2B', 'blockMappings', 'steve', 'recipes']
-const allowedWorkerFiles = ['blocks', 'blockCollisionShapes', 'tints', 'blockStates',
-  'biomes', 'features', 'version', 'legacy', 'versions', 'version', 'protocolVersions']
-
-const indexConfig = {
-  entry: './lib/index.js',
-  mode: 'production',
-  output: {
-    path: path.resolve(__dirname, './public'),
-    filename: './index.js'
-  },
-  resolve: {
-    fallback: {
-      zlib: false
-    }
-  },
-  plugins: [
-    // fix "process is not defined" error:
-    new webpack.ProvidePlugin({
-      process: 'process/browser'
-    }),
-    new webpack.ProvidePlugin({
-      Buffer: ['buffer', 'Buffer']
-    }),
-    new webpack.NormalModuleReplacementPlugin(
-      // eslint-disable-next-line
-      /viewer[\/|\\]lib[\/|\\]utils/,
-      './utils.web.js'
-    )
-    // new BundleAnalyzerPlugin()
-  ],
-  externals: [
-    function (req, cb) {
-      if (req.context.includes('minecraft-data') && req.request.endsWith('.json')) {
-        const fileName = req.request.split('/').pop().replace('.json', '')
-        if (blockedIndexFiles.includes(fileName)) {
-          cb(null, [])
-          return
-        }
-      }
-      cb()
-    }
-  ]
-}
-
-const workerConfig = {
-  entry: './viewer/lib/worker.js',
-  mode: 'production',
-  output: {
-    path: path.join(__dirname, '/public'),
-    filename: './worker.js'
-  },
-  resolve: {
-    fallback: {
-      zlib: false
-    }
-  },
-  plugins: [
-    // fix "process is not defined" error:
-    new webpack.ProvidePlugin({
-      process: 'process/browser'
-    }),
-    new webpack.ProvidePlugin({
-      Buffer: ['buffer', 'Buffer']
-    })
-  ],
-  externals: [
-    function (req, cb) {
-      if (req.context.includes('minecraft-data') && req.request.endsWith('.json')) {
-        const fileName = req.request.split('/').pop().replace('.json', '')
-        if (!allowedWorkerFiles.includes(fileName)) {
-          cb(null, [])
-          return
-        }
-      }
-      cb()
-    }
-  ]
-}
-
-module.exports = [indexConfig, workerConfig]
diff --git a/prismarine-viewer/.npmrc b/renderer/.npmrc
similarity index 100%
rename from prismarine-viewer/.npmrc
rename to renderer/.npmrc
diff --git a/prismarine-viewer/buildMesherConfig.mjs b/renderer/buildMesherConfig.mjs
similarity index 100%
rename from prismarine-viewer/buildMesherConfig.mjs
rename to renderer/buildMesherConfig.mjs
diff --git a/prismarine-viewer/buildMesherWorker.mjs b/renderer/buildMesherWorker.mjs
similarity index 85%
rename from prismarine-viewer/buildMesherWorker.mjs
rename to renderer/buildMesherWorker.mjs
index e9f6a16f..d88297a5 100644
--- a/prismarine-viewer/buildMesherWorker.mjs
+++ b/renderer/buildMesherWorker.mjs
@@ -22,23 +22,28 @@ const buildOptions = {
   },
   platform: 'browser',
   entryPoints: [path.join(__dirname, './viewer/lib/mesher/mesher.ts')],
-  minify: true,
+  minify: !watch,
   logLevel: 'info',
   drop: !watch ? [
     'debugger'
   ] : [],
   sourcemap: 'linked',
+  target: watch ? undefined : ['ios14'],
   write: false,
   metafile: true,
-  outdir: path.join(__dirname, './public'),
+  outdir: path.join(__dirname, './dist'),
   define: {
     'process.env.BROWSER': '"true"',
   },
+  loader: {
+    '.png': 'dataurl',
+    '.obj': 'text'
+  },
   plugins: [
     ...mesherSharedPlugins,
     {
       name: 'external-json',
-      setup (build) {
+      setup(build) {
         build.onResolve({ filter: /\.json$/ }, args => {
           const fileName = args.path.split('/').pop().replace('.json', '')
           if (args.resolveDir.includes('minecraft-data')) {
@@ -108,15 +113,17 @@ const buildOptions = {
         })
         build.onEnd(({ metafile, outputFiles }) => {
           if (!metafile) return
-          fs.writeFileSync(path.join(__dirname, './public/metafile.json'), JSON.stringify(metafile))
-          for (const outDir of ['../dist/', './public/']) {
+          fs.mkdirSync(path.join(__dirname, './dist'), { recursive: true })
+          fs.writeFileSync(path.join(__dirname, './dist/metafile.json'), JSON.stringify(metafile))
+          for (const outDir of ['../dist/', './dist/']) {
             for (const outputFile of outputFiles) {
               if (outDir === '../dist/' && outputFile.path.endsWith('.map')) {
                 // skip writing & browser loading sourcemap there, worker debugging should be done in playground
                 // continue
               }
-              fs.mkdirSync(outDir, { recursive: true })
-              fs.writeFileSync(path.join(__dirname, outDir, path.basename(outputFile.path)), outputFile.text)
+              const writePath = path.join(__dirname, outDir, path.basename(outputFile.path))
+              fs.mkdirSync(path.dirname(writePath), { recursive: true })
+              fs.writeFileSync(writePath, outputFile.text)
             }
           }
         })
diff --git a/prismarine-viewer/package.json b/renderer/package.json
similarity index 79%
rename from prismarine-viewer/package.json
rename to renderer/package.json
index 7fd2507f..10049f4f 100644
--- a/prismarine-viewer/package.json
+++ b/renderer/package.json
@@ -1,12 +1,9 @@
 {
-  "name": "prismarine-viewer",
+  "name": "renderer",
   "version": "1.25.0",
   "description": "Web based viewer",
   "main": "index.js",
-  "scripts": {
-    "postinstall": "pnpm generate-textures && node buildMesherWorker.mjs",
-    "generate-textures": "tsx viewer/prepare/postinstall.ts"
-  },
+  "scripts": {},
   "author": "PrismarineJS",
   "license": "MIT",
   "standard": {
@@ -21,17 +18,15 @@
     "@tweenjs/tween.js": "^20.0.3",
     "assert": "^2.0.0",
     "buffer": "^6.0.3",
-    "canvas": "^2.11.2",
     "filesize": "^10.0.12",
     "fs-extra": "^11.0.0",
     "lil-gui": "^0.18.2",
-    "looks-same": "^8.2.3",
     "minecraft-wrap": "^1.3.0",
     "minecrafthawkeye": "^1.3.6",
     "prismarine-block": "^1.7.3",
     "prismarine-chunk": "^1.22.0",
     "prismarine-schematic": "^1.2.0",
-    "prismarine-viewer": "link:./",
+    "renderer": "link:./",
     "process": "^0.11.10",
     "socket.io": "^4.0.0",
     "socket.io-client": "^4.0.0",
@@ -41,6 +36,10 @@
     "vec3": "^0.1.7"
   },
   "optionalDependencies": {
+    "canvas": "^2.11.2",
     "node-canvas-webgl": "^0.3.0"
+  },
+  "devDependencies": {
+    "live-server": "^1.2.2"
   }
 }
diff --git a/prismarine-viewer/playground.html b/renderer/playground.html
similarity index 58%
rename from prismarine-viewer/playground.html
rename to renderer/playground.html
index fd92009a..258426fe 100644
--- a/prismarine-viewer/playground.html
+++ b/renderer/playground.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Prismarine Viewer Playground</title>
+    <title>Renderer Playground</title>
     <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover'>
     <style type="text/css">
       html {
@@ -11,11 +11,17 @@
 
       html, body {
         height: 100%;
+        touch-action: none;
 
         margin: 0;
         padding: 0;
       }
 
+      * {
+        user-select: none;
+        -webkit-user-select: none;
+      }
+
       canvas {
         height: 100%;
         width: 100%;
@@ -28,9 +34,18 @@
           font-family: mojangles;
           src: url(../../../assets/mojangles.ttf);
       }
+      * {
+        user-select: none;
+      }
     </style>
+    <script>
+      if (window.location.pathname.endsWith('playground')) {
+        // add trailing slash
+        window.location.href = `${window.location.origin}${window.location.pathname}/${window.location.search}`
+      }
+    </script>
   </head>
   <body>
-    <script type="text/javascript" src="playground.js"></script>
+    <div id="root"></div>
   </body>
 </html>
diff --git a/renderer/playground/allEntitiesDebug.ts b/renderer/playground/allEntitiesDebug.ts
new file mode 100644
index 00000000..5bc56ca6
--- /dev/null
+++ b/renderer/playground/allEntitiesDebug.ts
@@ -0,0 +1,170 @@
+import { EntityMesh, rendererSpecialHandled, EntityDebugFlags } from '../viewer/three/entity/EntityMesh'
+
+export const displayEntitiesDebugList = (version: string) => {
+  // Create results container
+  const container = document.createElement('div')
+  container.style.cssText = `
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    max-height: 90vh;
+    overflow-y: auto;
+    background: rgba(0,0,0,0.8);
+    color: white;
+    padding: 20px;
+    border-radius: 8px;
+    font-family: monospace;
+    min-width: 400px;
+    z-index: 1000;
+  `
+  document.body.appendChild(container)
+
+  // Add title
+  const title = document.createElement('h2')
+  title.textContent = 'Minecraft Entity Support'
+  title.style.cssText = 'margin-top: 0; text-align: center;'
+  container.appendChild(title)
+
+  // Test entities
+  const results: Array<{
+    entity: string;
+    supported: boolean;
+    type?: 'obj' | 'bedrock' | 'special';
+    mappedFrom?: string;
+    textureMap?: boolean;
+    errors?: string[];
+  }> = []
+  const { mcData } = window
+  const entityNames = Object.keys(mcData.entitiesArray.reduce((acc, entity) => {
+    acc[entity.name] = true
+    return acc
+  }, {}))
+
+  // Add loading indicator
+  const loading = document.createElement('div')
+  loading.textContent = 'Testing entities...'
+  loading.style.textAlign = 'center'
+  container.appendChild(loading)
+
+  for (const entity of entityNames) {
+    const debugFlags: EntityDebugFlags = {}
+
+    if (rendererSpecialHandled.includes(entity)) {
+      results.push({
+        entity,
+        supported: true,
+        type: 'special',
+      })
+      continue
+    }
+
+    try {
+
+      const { mesh: entityMesh } = new EntityMesh(version, entity, undefined, {}, debugFlags)
+      // find the most distant pos child
+      window.objects ??= {}
+      window.objects[entity] = entityMesh
+
+      results.push({
+        entity,
+        supported: !!debugFlags.type || rendererSpecialHandled.includes(entity),
+        type: debugFlags.type,
+        mappedFrom: debugFlags.tempMap,
+        textureMap: debugFlags.textureMap,
+        errors: debugFlags.errors
+      })
+    } catch (e) {
+      console.error(e)
+      results.push({
+        entity,
+        supported: false,
+        mappedFrom: debugFlags.tempMap
+      })
+    }
+  }
+
+  // Remove loading indicator
+  loading.remove()
+
+  const createSection = (title: string, items: any[], filter: (item: any) => boolean) => {
+    const section = document.createElement('div')
+    section.style.marginBottom = '20px'
+
+    const sectionTitle = document.createElement('h3')
+    sectionTitle.textContent = title
+    sectionTitle.style.textAlign = 'center'
+    section.appendChild(sectionTitle)
+
+    const list = document.createElement('ul')
+    list.style.cssText = 'padding-left: 20px; list-style-type: none; margin: 0;'
+
+    const filteredItems = items.filter(filter)
+    for (const item of filteredItems) {
+      const listItem = document.createElement('li')
+      listItem.style.cssText = 'line-height: 1.4; margin: 8px 0;'
+
+      const entityName = document.createElement('strong')
+      entityName.style.cssText = 'user-select: text;-webkit-user-select: text;'
+      entityName.textContent = item.entity
+      listItem.appendChild(entityName)
+
+      let text = ''
+      if (item.mappedFrom) {
+        text += ` -> ${item.mappedFrom}`
+      }
+      if (item.type) {
+        text += ` - ${item.type}`
+      }
+      if (item.textureMap) {
+        text += ' ⚠️'
+      }
+      if (item.errors) {
+        text += ' ❌'
+      }
+
+      listItem.appendChild(document.createTextNode(text))
+      list.appendChild(listItem)
+    }
+
+    section.appendChild(list)
+    return { section, count: filteredItems.length }
+  }
+
+  // Sort results - bedrock first
+  results.sort((a, b) => {
+    if (a.type === 'bedrock' && b.type !== 'bedrock') return -1
+    if (a.type !== 'bedrock' && b.type === 'bedrock') return 1
+    return a.entity.localeCompare(b.entity)
+  })
+
+  // Add sections
+  const sections = [
+    {
+      title: '❌ Unsupported Entities',
+      filter: (r: any) => !r.supported && !r.mappedFrom
+    },
+    {
+      title: '⚠️ Partially Supported Entities',
+      filter: (r: any) => r.mappedFrom
+    },
+    {
+      title: '✅ Supported Entities',
+      filter: (r: any) => r.supported && !r.mappedFrom
+    }
+  ]
+
+  for (const { title, filter } of sections) {
+    const { section, count } = createSection(title, results, filter)
+    if (count > 0) {
+      container.appendChild(section)
+    }
+  }
+
+  // log object with errors per entity
+  const errors = results.filter(r => r.errors).map(r => ({
+    entity: r.entity,
+    errors: r.errors
+  }))
+  console.log(errors)
+}
diff --git a/renderer/playground/baseScene.ts b/renderer/playground/baseScene.ts
new file mode 100644
index 00000000..b9e7791d
--- /dev/null
+++ b/renderer/playground/baseScene.ts
@@ -0,0 +1,414 @@
+//@ts-nocheck
+import { Vec3 } from 'vec3'
+import * as THREE from 'three'
+import '../../src/getCollisionShapes'
+import { IndexedData } from 'minecraft-data'
+import BlockLoader from 'prismarine-block'
+import blockstatesModels from 'mc-assets/dist/blockStatesModels.json'
+import ChunkLoader from 'prismarine-chunk'
+import WorldLoader from 'prismarine-world'
+
+//@ts-expect-error
+import { OrbitControls } from 'three/addons/controls/OrbitControls.js'
+// eslint-disable-next-line import/no-named-as-default
+import GUI from 'lil-gui'
+import _ from 'lodash'
+import { toMajorVersion } from '../../src/utils'
+import { WorldDataEmitter } from '../viewer'
+import { Viewer } from '../viewer/lib/viewer'
+import { BlockNames } from '../../src/mcDataTypes'
+import { initWithRenderer, statsEnd, statsStart } from '../../src/topRightStats'
+import { defaultWorldRendererConfig } from '../viewer/lib/worldrendererCommon'
+import { getSyncWorld } from './shared'
+
+window.THREE = THREE
+
+export class BasePlaygroundScene {
+  continuousRender = false
+  stopRender = false
+  guiParams = {}
+  viewDistance = 0
+  targetPos = new Vec3(2, 90, 2)
+  params = {} as Record<string, any>
+  paramOptions = {} as Partial<Record<keyof typeof this.params, {
+    hide?: boolean
+    options?: string[]
+    min?: number
+    max?: number
+    reloadOnChange?: boolean
+  }>>
+  version = new URLSearchParams(window.location.search).get('version') || globalThis.includedVersions.at(-1)
+  Chunk: typeof import('prismarine-chunk/types/index').PCChunk
+  Block: typeof import('prismarine-block').Block
+  ignoreResize = false
+  enableCameraControls = true // not finished
+  enableCameraOrbitControl = true
+  gui = new GUI()
+  onParamUpdate = {} as Record<string, () => void>
+  alwaysIgnoreQs = [] as string[]
+  skipUpdateQs = false
+  controls: any
+  windowHidden = false
+  world: ReturnType<typeof getSyncWorld>
+
+  _worldConfig = defaultWorldRendererConfig
+  get worldConfig () {
+    return this._worldConfig
+  }
+  set worldConfig (value) {
+    this._worldConfig = value
+    viewer.world.config = value
+  }
+
+  constructor () {
+    void this.initData().then(() => {
+      this.addKeyboardShortcuts()
+    })
+  }
+
+  onParamsUpdate (paramName: string, object: any) {}
+  updateQs (paramName: string, valueSet: any) {
+    if (this.skipUpdateQs) return
+    const newQs = new URLSearchParams(window.location.search)
+    // if (oldQs.get('scene')) {
+    //   newQs.set('scene', oldQs.get('scene')!)
+    // }
+    for (const [key, value] of Object.entries({ [paramName]: valueSet })) {
+      if (typeof value === 'function' || this.params.skipQs?.includes(key) || this.alwaysIgnoreQs.includes(key)) continue
+      if (value) {
+        newQs.set(key, value)
+      } else {
+        newQs.delete(key)
+      }
+    }
+    window.history.replaceState({}, '', `${window.location.pathname}?${newQs.toString()}`)
+  }
+
+  // async initialSetup () {}
+  renderFinish () {
+    this.render()
+  }
+
+  initGui () {
+    const qs = new URLSearchParams(window.location.search)
+    for (const key of Object.keys(this.params)) {
+      const value = qs.get(key)
+      if (!value) continue
+      const parsed = /^-?\d+$/.test(value) ? Number(value) : value === 'true' ? true : value === 'false' ? false : value
+      this.params[key] = parsed
+    }
+
+    for (const param of Object.keys(this.params)) {
+      const option = this.paramOptions[param]
+      if (option?.hide) continue
+      this.gui.add(this.params, param, option?.options ?? option?.min, option?.max)
+    }
+    if (window.innerHeight < 700) {
+      this.gui.open(false)
+    } else {
+      // const observer = new MutationObserver(() => {
+      //   this.gui.domElement.classList.remove('transition')
+      // })
+      // observer.observe(this.gui.domElement, {
+      //   attributes: true,
+      //   attributeFilter: ['class'],
+      // })
+      setTimeout(() => {
+        this.gui.domElement.classList.remove('transition')
+      }, 500)
+    }
+
+    this.gui.onChange(({ property, object }) => {
+      if (object === this.params) {
+        this.onParamUpdate[property]?.()
+        this.onParamsUpdate(property, object)
+        const value = this.params[property]
+        if (this.paramOptions[property]?.reloadOnChange && (typeof value === 'boolean' || this.paramOptions[property].options)) {
+          setTimeout(() => {
+            window.location.reload()
+          })
+        }
+        this.updateQs(property, value)
+      } else {
+        this.onParamsUpdate(property, object)
+      }
+    })
+  }
+
+  // mainChunk: import('prismarine-chunk/types/index').PCChunk
+
+  // overridables
+  setupWorld () { }
+  sceneReset () {}
+
+  // eslint-disable-next-line max-params
+  addWorldBlock (xOffset: number, yOffset: number, zOffset: number, blockName: BlockNames, properties?: Record<string, any>) {
+    if (xOffset > 16 || yOffset > 16 || zOffset > 16) throw new Error('Offset too big')
+    const block =
+      properties ?
+        this.Block.fromProperties(loadedData.blocksByName[blockName].id, properties ?? {}, 0) :
+        this.Block.fromStateId(loadedData.blocksByName[blockName].defaultState, 0)
+    this.world.setBlock(this.targetPos.offset(xOffset, yOffset, zOffset), block)
+  }
+
+  resetCamera () {
+    const { targetPos } = this
+    this.controls?.target.set(targetPos.x + 0.5, targetPos.y + 0.5, targetPos.z + 0.5)
+
+    const cameraPos = targetPos.offset(2, 2, 2)
+    const pitch = THREE.MathUtils.degToRad(-45)
+    const yaw = THREE.MathUtils.degToRad(45)
+    viewer.camera.rotation.set(pitch, yaw, 0, 'ZYX')
+    viewer.camera.lookAt(targetPos.x + 0.5, targetPos.y + 0.5, targetPos.z + 0.5)
+    viewer.camera.position.set(cameraPos.x + 0.5, cameraPos.y + 0.5, cameraPos.z + 0.5)
+    this.controls?.update()
+  }
+
+  async initData () {
+    await window._LOAD_MC_DATA()
+    const mcData: IndexedData = require('minecraft-data')(this.version)
+    window.loadedData = window.mcData = mcData
+
+    this.Chunk = (ChunkLoader as any)(this.version)
+    this.Block = (BlockLoader as any)(this.version)
+
+    const world = getSyncWorld(this.version)
+    world.setBlockStateId(this.targetPos, 0)
+    this.world = world
+
+    this.initGui()
+
+    const worldView = new WorldDataEmitter(world, this.viewDistance, this.targetPos)
+    worldView.addWaitTime = 0
+    window.worldView = worldView
+
+    // Create three.js context, add to page
+    const renderer = new THREE.WebGLRenderer({ alpha: true, ...localStorage['renderer'] })
+    renderer.setPixelRatio(window.devicePixelRatio || 1)
+    renderer.setSize(window.innerWidth, window.innerHeight)
+
+    // Create viewer
+    const viewer = new Viewer(renderer, this.worldConfig)
+    window.viewer = viewer
+    window.world = window.viewer.world
+    const isWebgpu = false
+    const promises = [] as Array<Promise<void>>
+    if (isWebgpu) {
+      // promises.push(initWebgpuRenderer(() => { }, true, true)) // todo
+    } else {
+      initWithRenderer(renderer.domElement)
+      renderer.domElement.id = 'viewer-canvas'
+      document.body.appendChild(renderer.domElement)
+    }
+    viewer.addChunksBatchWaitTime = 0
+    viewer.world.blockstatesModels = blockstatesModels
+    viewer.entities.setDebugMode('basic')
+    viewer.setVersion(this.version)
+    viewer.entities.onSkinUpdate = () => {
+      viewer.render()
+    }
+    viewer.world.mesherConfig.enableLighting = false
+    await Promise.all(promises)
+    this.setupWorld()
+
+    viewer.connect(worldView)
+
+    await worldView.init(this.targetPos)
+
+    if (this.enableCameraControls) {
+      const { targetPos } = this
+      const canvas = document.querySelector('#viewer-canvas')
+      const controls = this.enableCameraOrbitControl ? new OrbitControls(viewer.camera, canvas) : undefined
+      this.controls = controls
+
+      this.resetCamera()
+
+      // #region camera rotation param
+      const cameraSet = this.params.camera || localStorage.camera
+      if (cameraSet) {
+        const [x, y, z, rx, ry] = cameraSet.split(',').map(Number)
+        viewer.camera.position.set(x, y, z)
+        viewer.camera.rotation.set(rx, ry, 0, 'ZYX')
+        this.controls?.update()
+      }
+      const throttledCamQsUpdate = _.throttle(() => {
+        const { camera } = viewer
+        // params.camera = `${camera.rotation.x.toFixed(2)},${camera.rotation.y.toFixed(2)}`
+        // this.updateQs()
+        localStorage.camera = [
+          camera.position.x.toFixed(2),
+          camera.position.y.toFixed(2),
+          camera.position.z.toFixed(2),
+          camera.rotation.x.toFixed(2),
+          camera.rotation.y.toFixed(2),
+        ].join(',')
+      }, 200)
+      if (this.controls) {
+        this.controls.addEventListener('change', () => {
+          throttledCamQsUpdate()
+          this.render()
+        })
+      } else {
+        setInterval(() => {
+          throttledCamQsUpdate()
+        }, 200)
+      }
+      // #endregion
+    }
+
+    if (!this.enableCameraOrbitControl) {
+      // mouse
+      let mouseMoveCounter = 0
+      const mouseMove = (e: PointerEvent) => {
+        if ((e.target as HTMLElement).closest('.lil-gui')) return
+        if (e.buttons === 1 || e.pointerType === 'touch') {
+          mouseMoveCounter++
+          viewer.camera.rotation.x -= e.movementY / 100
+          //viewer.camera.
+          viewer.camera.rotation.y -= e.movementX / 100
+          if (viewer.camera.rotation.x < -Math.PI / 2) viewer.camera.rotation.x = -Math.PI / 2
+          if (viewer.camera.rotation.x > Math.PI / 2) viewer.camera.rotation.x = Math.PI / 2
+
+          // yaw += e.movementY / 20;
+          // pitch += e.movementX / 20;
+        }
+        if (e.buttons === 2) {
+          viewer.camera.position.set(0, 0, 0)
+        }
+      }
+      setInterval(() => {
+        // updateTextEvent(`Mouse Events: ${mouseMoveCounter}`)
+        mouseMoveCounter = 0
+      }, 1000)
+      window.addEventListener('pointermove', mouseMove)
+    }
+
+    // await this.initialSetup()
+    this.onResize()
+    window.addEventListener('resize', () => this.onResize())
+    void viewer.waitForChunksToRender().then(async () => {
+      this.renderFinish()
+    })
+
+    viewer.world.renderUpdateEmitter.addListener('update', () => {
+      this.render()
+    })
+
+    this.loop()
+  }
+
+  loop () {
+    if (this.continuousRender && !this.windowHidden) {
+      this.render(true)
+      requestAnimationFrame(() => this.loop())
+    }
+  }
+
+  render (fromLoop = false) {
+    if (!fromLoop && this.continuousRender) return
+    if (this.stopRender) return
+    statsStart()
+    viewer.render()
+    statsEnd()
+  }
+
+  addKeyboardShortcuts () {
+    document.addEventListener('keydown', (e) => {
+      if (!e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) {
+        if (e.code === 'KeyR') {
+          this.controls?.reset()
+          this.resetCamera()
+        }
+        if (e.code === 'KeyE') { // refresh block (main)
+          worldView!.setBlockStateId(this.targetPos, this.world.getBlockStateId(this.targetPos))
+        }
+        if (e.code === 'KeyF') { // reload all chunks
+          this.sceneReset()
+          worldView!.unloadAllChunks()
+          void worldView!.init(this.targetPos)
+        }
+      }
+    })
+    document.addEventListener('visibilitychange', () => {
+      this.windowHidden = document.visibilityState === 'hidden'
+    })
+    document.addEventListener('blur', () => {
+      this.windowHidden = true
+    })
+    document.addEventListener('focus', () => {
+      this.windowHidden = false
+    })
+
+    const updateKeys = () => {
+      if (pressedKeys.has('ControlLeft') || pressedKeys.has('MetaLeft')) {
+        return
+      }
+      // if (typeof viewer === 'undefined') return
+      // Create a vector that points in the direction the camera is looking
+      const direction = new THREE.Vector3(0, 0, 0)
+      if (pressedKeys.has('KeyW')) {
+        direction.z = -0.5
+      }
+      if (pressedKeys.has('KeyS')) {
+        direction.z += 0.5
+      }
+      if (pressedKeys.has('KeyA')) {
+        direction.x -= 0.5
+      }
+      if (pressedKeys.has('KeyD')) {
+        direction.x += 0.5
+      }
+
+
+      if (pressedKeys.has('ShiftLeft')) {
+        viewer.camera.position.y -= 0.5
+      }
+      if (pressedKeys.has('Space')) {
+        viewer.camera.position.y += 0.5
+      }
+      direction.applyQuaternion(viewer.camera.quaternion)
+      direction.y = 0
+
+      if (pressedKeys.has('ShiftLeft')) {
+        direction.y *= 2
+        direction.x *= 2
+        direction.z *= 2
+      }
+      // Add the vector to the camera's position to move the camera
+      viewer.camera.position.add(direction.normalize())
+      this.controls?.update()
+      this.render()
+    }
+    setInterval(updateKeys, 1000 / 30)
+
+    const pressedKeys = new Set<string>()
+    const keys = (e) => {
+      const { code } = e
+      const pressed = e.type === 'keydown'
+      if (pressed) {
+        pressedKeys.add(code)
+      } else {
+        pressedKeys.delete(code)
+      }
+    }
+
+    window.addEventListener('keydown', keys)
+    window.addEventListener('keyup', keys)
+    window.addEventListener('blur', (e) => {
+      for (const key of pressedKeys) {
+        keys(new KeyboardEvent('keyup', { code: key }))
+      }
+    })
+  }
+
+  onResize () {
+    if (this.ignoreResize) return
+
+    const { camera, renderer } = viewer
+    viewer.camera.aspect = window.innerWidth / window.innerHeight
+    viewer.camera.updateProjectionMatrix()
+    renderer.setSize(window.innerWidth, window.innerHeight)
+
+    this.render()
+  }
+}
diff --git a/renderer/playground/playground.ts b/renderer/playground/playground.ts
new file mode 100644
index 00000000..de201d8f
--- /dev/null
+++ b/renderer/playground/playground.ts
@@ -0,0 +1,12 @@
+if (!new URL(location.href).searchParams.get('playground')) location.href = '/?playground=true'
+// import { BasePlaygroundScene } from './baseScene'
+// import { playgroundGlobalUiState } from './playgroundUi'
+// import * as scenes from './scenes'
+
+// const qsScene = new URLSearchParams(window.location.search).get('scene')
+// const Scene: typeof BasePlaygroundScene = qsScene ? scenes[qsScene] : scenes.main
+// playgroundGlobalUiState.scenes = ['main', 'railsCobweb', 'floorRandom', 'lightingStarfield', 'transparencyIssue', 'entities', 'frequentUpdates', 'slabsOptimization', 'allEntities']
+// playgroundGlobalUiState.selected = qsScene ?? 'main'
+
+// const scene = new Scene()
+// globalThis.scene = scene
diff --git a/renderer/playground/playgroundUi.tsx b/renderer/playground/playgroundUi.tsx
new file mode 100644
index 00000000..ed183d78
--- /dev/null
+++ b/renderer/playground/playgroundUi.tsx
@@ -0,0 +1,175 @@
+import { renderToDom } from '@zardoy/react-util'
+import { useEffect } from 'react'
+import { proxy, useSnapshot } from 'valtio'
+import { LeftTouchArea, RightTouchArea, useInterfaceState } from '@dimaka/interface'
+import { css } from '@emotion/css'
+import { Vec3 } from 'vec3'
+import useLongPress from '../../src/react/useLongPress'
+import { isMobile } from '../viewer/lib/simpleUtils'
+
+export const playgroundGlobalUiState = proxy({
+  scenes: [] as string[],
+  selected: '',
+  selectorOpened: false,
+  actions: {} as Record<string, () => void>,
+})
+
+renderToDom(<Playground />)
+
+function Playground () {
+  useEffect(() => {
+    const style = document.createElement('style')
+    style.innerHTML = /* css */ `
+      .lil-gui {
+        top: 60px !important;
+        right: 0 !important;
+      }
+    `
+    document.body.appendChild(style)
+    return () => {
+      style.remove()
+    }
+  }, [])
+
+  return <div style={{
+    fontFamily: 'monospace',
+    color: 'white',
+  }}>
+    <Controls />
+    <SceneSelector />
+    <ActionsSelector />
+  </div>
+}
+
+function SceneSelector () {
+  const mobile = isMobile()
+  const { scenes, selected } = useSnapshot(playgroundGlobalUiState)
+  const longPressEvents = useLongPress(() => {
+    playgroundGlobalUiState.selectorOpened = true
+  }, () => { })
+
+  return <div
+    style={{
+      position: 'fixed',
+      top: 0,
+      left: 0,
+    }} {...longPressEvents}>
+    {scenes.map(scene => <div
+      key={scene}
+      style={{
+        padding: mobile ? '5px' : '2px 5px',
+        cursor: 'pointer',
+        userSelect: 'none',
+        background: scene === selected ? 'rgba(0, 0, 0, 0.5)' : 'rgba(0, 0, 0, 0.6)',
+        fontWeight: scene === selected ? 'bold' : 'normal',
+      }}
+      onClick={() => {
+        const qs = new URLSearchParams(window.location.search)
+        qs.set('scene', scene)
+        location.search = qs.toString()
+      }}
+    >{scene}</div>)}
+  </div>
+}
+
+const ActionsSelector = () => {
+  const { actions, selectorOpened } = useSnapshot(playgroundGlobalUiState)
+
+  if (!selectorOpened) return null
+  return <div style={{
+    position: 'fixed',
+    inset: 0,
+    background: 'rgba(0, 0, 0, 0.5)',
+    zIndex: 10,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: 5,
+    fontSize: 24,
+  }}>{Object.entries({
+      ...actions,
+      'Close' () {
+        playgroundGlobalUiState.selectorOpened = false
+      }
+    }).map(([name, action]) => <div
+      key={name}
+      style={{
+        padding: '2px 5px',
+        cursor: 'pointer',
+        userSelect: 'none',
+        background: 'rgba(0, 0, 0, 0.5)',
+      }}
+      onClick={() => {
+        action()
+        playgroundGlobalUiState.selectorOpened = false
+      }}
+    >{name}</div>)}</div>
+}
+
+const Controls = () => {
+  // todo setting
+  const usingTouch = navigator.maxTouchPoints > 0
+
+  useEffect(() => {
+    window.addEventListener('touchstart', (e) => {
+      e.preventDefault()
+    })
+
+    const pressedKeys = new Set<string>()
+    useInterfaceState.setState({
+      isFlying: false,
+      uiCustomization: {
+        touchButtonSize: 40,
+      },
+      updateCoord ([coord, state]) {
+        const vec3 = new Vec3(0, 0, 0)
+        vec3[coord] = state
+        let key: string | undefined
+        if (vec3.z < 0) key = 'KeyW'
+        if (vec3.z > 0) key = 'KeyS'
+        if (vec3.y > 0) key = 'Space'
+        if (vec3.y < 0) key = 'ShiftLeft'
+        if (vec3.x < 0) key = 'KeyA'
+        if (vec3.x > 0) key = 'KeyD'
+        if (key) {
+          if (!pressedKeys.has(key)) {
+            pressedKeys.add(key)
+            window.dispatchEvent(new KeyboardEvent('keydown', { code: key }))
+          }
+        }
+        for (const k of pressedKeys) {
+          if (k !== key) {
+            window.dispatchEvent(new KeyboardEvent('keyup', { code: k }))
+            pressedKeys.delete(k)
+          }
+        }
+      }
+    })
+  }, [])
+
+  if (!usingTouch) return null
+  return (
+    <div
+      style={{ zIndex: 8 }}
+      className={css`
+        position: fixed;
+        inset: 0;
+        height: 100%;
+        display: flex;
+        width: 100%;
+        justify-content: space-between;
+        align-items: flex-end;
+        pointer-events: none;
+        touch-action: none;
+        & > div {
+            pointer-events: auto;
+        }
+    `}
+    >
+      <LeftTouchArea />
+      <div />
+      <RightTouchArea />
+    </div>
+  )
+}
diff --git a/renderer/playground/scenes/allEntities.ts b/renderer/playground/scenes/allEntities.ts
new file mode 100644
index 00000000..281af807
--- /dev/null
+++ b/renderer/playground/scenes/allEntities.ts
@@ -0,0 +1,13 @@
+import { BasePlaygroundScene } from '../baseScene'
+import { EntityDebugFlags, EntityMesh, rendererSpecialHandled } from '../../viewer/three/entity/EntityMesh'
+import { displayEntitiesDebugList } from '../allEntitiesDebug'
+
+export default class AllEntities extends BasePlaygroundScene {
+  continuousRender = false
+  enableCameraControls = false
+
+  async initData () {
+    await super.initData()
+    displayEntitiesDebugList(this.version)
+  }
+}
diff --git a/renderer/playground/scenes/entities.ts b/renderer/playground/scenes/entities.ts
new file mode 100644
index 00000000..5b5d0582
--- /dev/null
+++ b/renderer/playground/scenes/entities.ts
@@ -0,0 +1,37 @@
+//@ts-nocheck
+import * as THREE from 'three'
+import { Vec3 } from 'vec3'
+import { BasePlaygroundScene } from '../baseScene'
+import { WorldRendererThree } from '../../viewer/three/worldrendererThree'
+
+export default class extends BasePlaygroundScene {
+  continuousRender = true
+
+  override initGui (): void {
+    this.params = {
+      starfield: false,
+      entity: 'player',
+      count: 4
+    }
+  }
+
+  override renderFinish (): void {
+    if (this.params.starfield) {
+      ;(viewer.world as WorldRendererThree).scene.background = new THREE.Color(0x00_00_00)
+      ;(viewer.world as WorldRendererThree).starField.enabled = true
+      ;(viewer.world as WorldRendererThree).starField.addToScene()
+    }
+
+    for (let i = 0; i < this.params.count; i++) {
+      for (let j = 0; j < this.params.count; j++) {
+        for (let k = 0; k < this.params.count; k++) {
+          viewer.entities.update({
+            id: i * 1000 + j * 100 + k,
+            name: this.params.entity,
+            pos: this.targetPos.offset(i, j, k)
+          } as any, {})
+        }
+      }
+    }
+  }
+}
diff --git a/renderer/playground/scenes/floorRandom.ts b/renderer/playground/scenes/floorRandom.ts
new file mode 100644
index 00000000..c6d2ccf1
--- /dev/null
+++ b/renderer/playground/scenes/floorRandom.ts
@@ -0,0 +1,33 @@
+import { BasePlaygroundScene } from '../baseScene'
+
+export default class RailsCobwebScene extends BasePlaygroundScene {
+  viewDistance = 5
+  continuousRender = true
+
+  override initGui (): void {
+    this.params = {
+      squareSize: 50
+    }
+
+    super.initGui()
+  }
+
+  setupWorld () {
+    const squareSize = this.params.squareSize ?? 30
+    const maxSquareSize = this.viewDistance * 16 * 2
+    if (squareSize > maxSquareSize) throw new Error(`Square size too big, max is ${maxSquareSize}`)
+    // const fullBlocks = loadedData.blocksArray.map(x => x.name)
+    const fullBlocks = loadedData.blocksArray.filter(block => {
+      const b = this.Block.fromStateId(block.defaultState, 0)
+      if (b.shapes?.length !== 1) return false
+      const shape = b.shapes[0]
+      return shape[0] === 0 && shape[1] === 0 && shape[2] === 0 && shape[3] === 1 && shape[4] === 1 && shape[5] === 1
+    })
+    for (let x = -squareSize; x <= squareSize; x++) {
+      for (let z = -squareSize; z <= squareSize; z++) {
+        const i = Math.abs(x + z) * squareSize
+        worldView!.world.setBlock(this.targetPos.offset(x, 0, z), this.Block.fromStateId(fullBlocks[i % fullBlocks.length].defaultState, 0))
+      }
+    }
+  }
+}
diff --git a/renderer/playground/scenes/frequentUpdates.ts b/renderer/playground/scenes/frequentUpdates.ts
new file mode 100644
index 00000000..caaf7207
--- /dev/null
+++ b/renderer/playground/scenes/frequentUpdates.ts
@@ -0,0 +1,148 @@
+//@ts-nocheck
+import { Vec3 } from 'vec3'
+import { BasePlaygroundScene } from '../baseScene'
+
+export default class extends BasePlaygroundScene {
+  viewDistance = 5
+  continuousRender = true
+
+  override initGui (): void {
+    this.params = {
+      testActive: false,
+      testUpdatesPerSecond: 10,
+      testInitialUpdate: false,
+      stopGeometryUpdate: false,
+      manualTest: () => {
+        this.updateBlock()
+      },
+      testNeighborUpdates: () => {
+        this.testNeighborUpdates()
+      }
+    }
+
+    super.initGui()
+  }
+
+  lastUpdatedOffset = 0
+  lastUpdatedId = 2
+  updateBlock () {
+    const x = this.lastUpdatedOffset % 16
+    const z = Math.floor(this.lastUpdatedOffset / 16)
+    const y = 90
+    worldView!.setBlockStateId(new Vec3(x, y, z), this.lastUpdatedId++)
+    this.lastUpdatedOffset++
+    if (this.lastUpdatedOffset > 16 * 16) this.lastUpdatedOffset = 0
+    if (this.lastUpdatedId > 500) this.lastUpdatedId = 1
+  }
+
+  testNeighborUpdates () {
+    viewer.world.setBlockStateId(new Vec3(15, 95, 15), 1)
+    viewer.world.setBlockStateId(new Vec3(0, 95, 15), 1)
+    viewer.world.setBlockStateId(new Vec3(15, 95, 0), 1)
+    viewer.world.setBlockStateId(new Vec3(0, 95, 0), 1)
+
+    viewer.world.setBlockStateId(new Vec3(16, 95, 15), 1)
+    viewer.world.setBlockStateId(new Vec3(-1, 95, 15), 1)
+    viewer.world.setBlockStateId(new Vec3(15, 95, -1), 1)
+    viewer.world.setBlockStateId(new Vec3(-1, 95, 0), 1)
+    setTimeout(() => {
+      viewer.world.setBlockStateId(new Vec3(16, 96, 16), 1)
+      viewer.world.setBlockStateId(new Vec3(-1, 96, 16), 1)
+      viewer.world.setBlockStateId(new Vec3(16, 96, -1), 1)
+      viewer.world.setBlockStateId(new Vec3(-1, 96, -1), 1)
+    }, 3000)
+  }
+
+  setupTimer () {
+    // this.stopRender = true
+
+    let lastTime = 0
+    const tick = () => {
+      viewer.world.debugStopGeometryUpdate = this.params.stopGeometryUpdate
+      const updateEach = 1000 / this.params.testUpdatesPerSecond
+      requestAnimationFrame(tick)
+      if (!this.params.testActive) return
+      const updateCount = Math.floor(performance.now() - lastTime) / updateEach
+      for (let i = 0; i < updateCount; i++) {
+        this.updateBlock()
+      }
+      lastTime = performance.now()
+    }
+
+    requestAnimationFrame(tick)
+
+    // const limit = 1000
+    // const limit = 100
+    // const limit = 1
+    // const updatedChunks = new Set<string>()
+    // const updatedBlocks = new Set<string>()
+    // let lastSecond = 0
+    // setInterval(() => {
+    //   const second = Math.floor(performance.now() / 1000)
+    //   if (lastSecond !== second) {
+    //     lastSecond = second
+    //     updatedChunks.clear()
+    //     updatedBlocks.clear()
+    //   }
+    //   const isEven = second % 2 === 0
+    //   if (updatedBlocks.size > limit) {
+    //     return
+    //   }
+    //   const changeBlock = (x, z) => {
+    //     const chunkKey = `${Math.floor(x / 16)},${Math.floor(z / 16)}`
+    //     const key = `${x},${z}`
+    //     if (updatedBlocks.has(chunkKey)) return
+
+    //     updatedChunks.add(chunkKey)
+    //     worldView!.world.setBlock(this.targetPos.offset(x, 0, z), this.Block.fromStateId(isEven ? 2 : 3, 0))
+    //     updatedBlocks.add(key)
+    //   }
+    //   const { squareSize } = this.params
+    //   const xStart = -squareSize
+    //   const zStart = -squareSize
+    //   const xEnd = squareSize
+    //   const zEnd = squareSize
+    //   for (let x = xStart; x <= xEnd; x += 16) {
+    //     for (let z = zStart; z <= zEnd; z += 16) {
+    //       const key = `${x},${z}`
+    //       if (updatedChunks.has(key)) continue
+    //       changeBlock(x, z)
+    //       return
+    //     }
+    //   }
+    // for (let x = xStart; x <= xEnd; x += 16) {
+    //   for (let z = zStart; z <= zEnd; z += 16) {
+    //     const key = `${x},${z}`
+    //     if (updatedChunks.has(key)) continue
+    //     changeBlock(x, z)
+    //     return
+    //   }
+    // }
+    // }, 1)
+  }
+
+  setupWorld () {
+    this.worldConfig.showChunkBorders = true
+
+    const maxSquareRadius = this.viewDistance * 16
+    // const fullBlocks = loadedData.blocksArray.map(x => x.name)
+    const squareSize = maxSquareRadius
+    for (let x = -squareSize; x <= squareSize; x++) {
+      for (let z = -squareSize; z <= squareSize; z++) {
+        const i = Math.abs(x + z) * squareSize
+        worldView!.world.setBlock(this.targetPos.offset(x, 0, z), this.Block.fromStateId(1, 0))
+      }
+    }
+    let done = false
+    viewer.world.renderUpdateEmitter.on('update', () => {
+      if (!viewer.world.allChunksFinished || done) return
+      done = true
+      this.setupTimer()
+    })
+    setTimeout(() => {
+      if (this.params.testInitialUpdate) {
+        this.updateBlock()
+      }
+    })
+  }
+}
diff --git a/renderer/playground/scenes/index.ts b/renderer/playground/scenes/index.ts
new file mode 100644
index 00000000..bf881812
--- /dev/null
+++ b/renderer/playground/scenes/index.ts
@@ -0,0 +1,11 @@
+// export { default as rotation } from './rotation'
+export { default as main } from './main'
+export { default as railsCobweb } from './railsCobweb'
+export { default as floorRandom } from './floorRandom'
+export { default as lightingStarfield } from './lightingStarfield'
+export { default as transparencyIssue } from './transparencyIssue'
+export { default as rotationIssue } from './rotationIssue'
+export { default as entities } from './entities'
+export { default as frequentUpdates } from './frequentUpdates'
+export { default as slabsOptimization } from './slabsOptimization'
+export { default as allEntities } from './allEntities'
diff --git a/renderer/playground/scenes/lightingStarfield.ts b/renderer/playground/scenes/lightingStarfield.ts
new file mode 100644
index 00000000..eec0a7d3
--- /dev/null
+++ b/renderer/playground/scenes/lightingStarfield.ts
@@ -0,0 +1,40 @@
+//@ts-nocheck
+import * as THREE from 'three'
+import { Vec3 } from 'vec3'
+import { BasePlaygroundScene } from '../baseScene'
+import { WorldRendererThree } from '../../viewer/three/worldrendererThree'
+
+export default class extends BasePlaygroundScene {
+  continuousRender = true
+
+  override setupWorld (): void {
+    viewer.world.mesherConfig.enableLighting = true
+    viewer.world.mesherConfig.skyLight = 0
+    this.addWorldBlock(0, 0, 0, 'stone')
+    this.addWorldBlock(0, 0, 1, 'stone')
+    this.addWorldBlock(1, 0, 0, 'stone')
+    this.addWorldBlock(1, 0, 1, 'stone')
+    // chess like
+    worldView?.world.setBlockLight(this.targetPos.offset(0, 1, 0), 15)
+    worldView?.world.setBlockLight(this.targetPos.offset(0, 1, 1), 0)
+    worldView?.world.setBlockLight(this.targetPos.offset(1, 1, 0), 0)
+    worldView?.world.setBlockLight(this.targetPos.offset(1, 1, 1), 15)
+  }
+
+  override renderFinish (): void {
+    viewer.scene.background = new THREE.Color(0x00_00_00)
+    // starfield and test entities
+    ;(viewer.world as WorldRendererThree).starField.enabled = true
+    ;(viewer.world as WorldRendererThree).starField.addToScene()
+    viewer.entities.update({
+      id: 0,
+      name: 'player',
+      pos: this.targetPos.clone()
+    } as any, {})
+    viewer.entities.update({
+      id: 1,
+      name: 'creeper',
+      pos: this.targetPos.offset(1, 0, 0)
+    } as any, {})
+  }
+}
diff --git a/renderer/playground/scenes/main.ts b/renderer/playground/scenes/main.ts
new file mode 100644
index 00000000..64925f61
--- /dev/null
+++ b/renderer/playground/scenes/main.ts
@@ -0,0 +1,314 @@
+//@ts-nocheck
+// eslint-disable-next-line import/no-named-as-default
+import GUI, { Controller } from 'lil-gui'
+import * as THREE from 'three'
+import JSZip from 'jszip'
+import { BasePlaygroundScene } from '../baseScene'
+import { TWEEN_DURATION } from '../../viewer/three/entities'
+import { EntityMesh } from '../../viewer/three/entity/EntityMesh'
+
+class MainScene extends BasePlaygroundScene {
+  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
+  constructor (...args) {
+    //@ts-expect-error
+    super(...args)
+  }
+
+  override initGui (): void {
+    // initial values
+    this.params = {
+      version: globalThis.includedVersions.at(-1),
+      skipQs: '',
+      block: '',
+      metadata: 0,
+      supportBlock: false,
+      entity: '',
+      removeEntity () {
+        this.entity = ''
+      },
+      entityRotate: false,
+      camera: '',
+      playSound () { },
+      blockIsomorphicRenderBundle () { },
+      modelVariant: 0
+    }
+    this.metadataGui = this.gui.add(this.params, 'metadata')
+    this.paramOptions = {
+      version: {
+        options: globalThis.includedVersions,
+        hide: false
+      },
+      block: {
+        options: mcData.blocksArray.map(b => b.name).sort((a, b) => a.localeCompare(b))
+      },
+      entity: {
+        options: mcData.entitiesArray.map(b => b.name).sort((a, b) => a.localeCompare(b))
+      },
+      camera: {
+        hide: true,
+      }
+    }
+    super.initGui()
+  }
+
+  blockProps = {}
+  metadataFolder: GUI | undefined
+  metadataGui: Controller
+
+  override onParamUpdate = {
+    version () {
+      // if (initialUpdate) return
+      // viewer.world.texturesVersion = params.version
+      // viewer.world.updateTexturesData()
+      // todo warning
+    },
+    block: () => {
+      this.blockProps = {}
+      this.metadataFolder?.destroy()
+      const block = mcData.blocksByName[this.params.block]
+      if (!block) return
+      console.log('block', block.name)
+      const props = new this.Block(block.id, 0, 0).getProperties()
+      const { states } = mcData.blocksByStateId[this.getBlock()?.minStateId] ?? {}
+      this.metadataFolder = this.gui.addFolder('metadata')
+      if (states) {
+        for (const state of states) {
+          let defaultValue: string | number | boolean
+          if (state.values) { // int, enum
+            defaultValue = state.values[0]
+          } else {
+            switch (state.type) {
+              case 'bool':
+                defaultValue = false
+                break
+              case 'int':
+                defaultValue = 0
+                break
+              case 'direction':
+                defaultValue = 'north'
+                break
+
+              default:
+                continue
+            }
+          }
+          this.blockProps[state.name] = defaultValue
+          if (state.values) {
+            this.metadataFolder.add(this.blockProps, state.name, state.values)
+          } else {
+            this.metadataFolder.add(this.blockProps, state.name)
+          }
+        }
+      } else {
+        for (const [name, value] of Object.entries(props)) {
+          this.blockProps[name] = value
+          this.metadataFolder.add(this.blockProps, name)
+        }
+      }
+      console.log('props', this.blockProps)
+      this.metadataFolder.open()
+    },
+    entity: () => {
+      this.continuousRender = this.params.entity === 'player'
+      this.entityUpdateShared()
+      if (!this.params.entity) return
+      if (this.params.entity === 'player') {
+        viewer.entities.updatePlayerSkin('id', viewer.entities.entities.id.username, undefined, true, true)
+        viewer.entities.playAnimation('id', 'running')
+      }
+      // let prev = false
+      // setInterval(() => {
+      //   viewer.entities.playAnimation('id', prev ? 'running' : 'idle')
+      //   prev = !prev
+      // }, 1000)
+
+      EntityMesh.getStaticData(this.params.entity)
+      // entityRotationFolder.destroy()
+      // entityRotationFolder = gui.addFolder('entity metadata')
+      // entityRotationFolder.add(params, 'entityRotate')
+      // entityRotationFolder.open()
+    },
+    supportBlock: () => {
+      viewer.setBlockStateId(this.targetPos.offset(0, -1, 0), this.params.supportBlock ? 1 : 0)
+    },
+    modelVariant: () => {
+      viewer.world.mesherConfig.debugModelVariant = this.params.modelVariant === 0 ? undefined : [this.params.modelVariant]
+    }
+  }
+
+  entityUpdateShared () {
+    viewer.entities.clear()
+    if (!this.params.entity) return
+    worldView!.emit('entity', {
+      id: 'id', name: this.params.entity, pos: this.targetPos.offset(0.5, 1, 0.5), width: 1, height: 1, username: localStorage.testUsername, yaw: Math.PI, pitch: 0
+    })
+    const enableSkeletonDebug = (obj) => {
+      const { children, isSkeletonHelper } = obj
+      if (!Array.isArray(children)) return
+      if (isSkeletonHelper) {
+        obj.visible = true
+        return
+      }
+      for (const child of children) {
+        if (typeof child === 'object') enableSkeletonDebug(child)
+      }
+    }
+    enableSkeletonDebug(viewer.entities.entities['id'])
+    setTimeout(() => {
+      viewer.render()
+    }, TWEEN_DURATION)
+  }
+
+  blockIsomorphicRenderBundle () {
+    const { renderer } = viewer
+
+    const canvas = renderer.domElement
+    const onlyCurrent = !confirm('Ok - render all blocks, Cancel - render only current one')
+    const sizeRaw = prompt('Size', '512')
+    if (!sizeRaw) return
+    const size = parseInt(sizeRaw, 10)
+    // const size = 512
+
+    this.ignoreResize = true
+    canvas.width = size
+    canvas.height = size
+    renderer.setSize(size, size)
+
+    viewer.camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 10)
+    viewer.scene.background = null
+
+    const rad = THREE.MathUtils.degToRad(-120)
+    viewer.directionalLight.position.set(
+      Math.cos(rad),
+      Math.sin(rad),
+      0.2
+    ).normalize()
+    viewer.directionalLight.intensity = 1
+
+    const cameraPos = this.targetPos.offset(2, 2, 2)
+    const pitch = THREE.MathUtils.degToRad(-30)
+    const yaw = THREE.MathUtils.degToRad(45)
+    viewer.camera.rotation.set(pitch, yaw, 0, 'ZYX')
+    // viewer.camera.lookAt(center.x + 0.5, center.y + 0.5, center.z + 0.5)
+    viewer.camera.position.set(cameraPos.x + 1, cameraPos.y + 0.5, cameraPos.z + 1)
+
+    const allBlocks = mcData.blocksArray.map(b => b.name)
+    // const allBlocks = ['stone', 'warped_slab']
+
+    let blockCount = 1
+    let blockName = allBlocks[0]
+
+    const updateBlock = () => {
+      // viewer.setBlockStateId(targetPos, mcData.blocksByName[blockName].minStateId)
+      this.params.block = blockName
+      // todo cleanup (introduce getDefaultState)
+      // TODO
+      // onUpdate.block()
+      // applyChanges(false, true)
+    }
+    void viewer.waitForChunksToRender().then(async () => {
+      // wait for next macro task
+      await new Promise(resolve => {
+        setTimeout(resolve, 0)
+      })
+      if (onlyCurrent) {
+        viewer.render()
+        onWorldUpdate()
+      } else {
+        // will be called on every render update
+        viewer.world.renderUpdateEmitter.addListener('update', onWorldUpdate)
+        updateBlock()
+      }
+    })
+
+    const zip = new JSZip()
+    zip.file('description.txt', 'Generated with mcraft.fun/playground')
+
+    const end = async () => {
+      // download zip file
+
+      const a = document.createElement('a')
+      const blob = await zip.generateAsync({ type: 'blob' })
+      const dataUrlZip = URL.createObjectURL(blob)
+      a.href = dataUrlZip
+      a.download = 'blocks_render.zip'
+      a.click()
+      URL.revokeObjectURL(dataUrlZip)
+      console.log('end')
+
+      viewer.world.renderUpdateEmitter.removeListener('update', onWorldUpdate)
+    }
+
+    async function onWorldUpdate () {
+      // await new Promise(resolve => {
+      //   setTimeout(resolve, 50)
+      // })
+      const dataUrl = canvas.toDataURL('image/png')
+
+      zip.file(`${blockName}.png`, dataUrl.split(',')[1], { base64: true })
+
+      if (onlyCurrent) {
+        end()
+      } else {
+        nextBlock()
+      }
+    }
+    const nextBlock = async () => {
+      blockName = allBlocks[blockCount++]
+      console.log(allBlocks.length, '/', blockCount, blockName)
+      if (blockCount % 5 === 0) {
+        await new Promise(resolve => {
+          setTimeout(resolve, 100)
+        })
+      }
+      if (blockName) {
+        updateBlock()
+      } else {
+        end()
+      }
+    }
+  }
+
+  getBlock () {
+    return mcData.blocksByName[this.params.block || 'air']
+  }
+
+  // applyChanges (metadataUpdate = false, skipQs = false) {
+  override onParamsUpdate (paramName: string, object: any) {
+    const metadataUpdate = paramName === 'metadata'
+
+    const blockId = this.getBlock()?.id
+    let block: import('prismarine-block').Block
+    if (metadataUpdate) {
+      block = new this.Block(blockId, 0, this.params.metadata)
+      Object.assign(this.blockProps, block.getProperties())
+      for (const _child of this.metadataFolder!.children) {
+        const child = _child as import('lil-gui').Controller
+        child.updateDisplay()
+      }
+    } else {
+      try {
+        block = this.Block.fromProperties(blockId ?? -1, this.blockProps, 0)
+      } catch (err) {
+        console.error(err)
+        block = this.Block.fromStateId(0, 0)
+      }
+    }
+
+    worldView!.setBlockStateId(this.targetPos, block.stateId ?? 0)
+    console.log('up stateId', block.stateId)
+    this.params.metadata = block.metadata
+    this.metadataGui.updateDisplay()
+  }
+
+  override renderFinish () {
+    for (const update of Object.values(this.onParamUpdate)) {
+      // update(true)
+      update()
+    }
+    this.onParamsUpdate('', {})
+    this.gui.openAnimated()
+  }
+}
+
+export default MainScene
diff --git a/renderer/playground/scenes/railsCobweb.ts b/renderer/playground/scenes/railsCobweb.ts
new file mode 100644
index 00000000..bc1c271a
--- /dev/null
+++ b/renderer/playground/scenes/railsCobweb.ts
@@ -0,0 +1,14 @@
+import { BasePlaygroundScene } from '../baseScene'
+
+export default class RailsCobwebScene extends BasePlaygroundScene {
+  setupWorld () {
+    this.addWorldBlock(0, 0, 0, 'cobweb')
+    this.addWorldBlock(0, -1, 0, 'cobweb')
+    this.addWorldBlock(1, -1, 0, 'cobweb')
+    this.addWorldBlock(1, 0, 0, 'cobweb')
+
+    this.addWorldBlock(0, 0, 1, 'powered_rail', { shape: 'north_south', waterlogged: false })
+    this.addWorldBlock(0, 0, 2, 'powered_rail', { shape: 'ascending_south', waterlogged: false })
+    this.addWorldBlock(0, 1, 3, 'powered_rail', { shape: 'north_south', waterlogged: false })
+  }
+}
diff --git a/renderer/playground/scenes/rotationIssue.ts b/renderer/playground/scenes/rotationIssue.ts
new file mode 100644
index 00000000..2c56876a
--- /dev/null
+++ b/renderer/playground/scenes/rotationIssue.ts
@@ -0,0 +1,7 @@
+import { BasePlaygroundScene } from '../baseScene'
+
+export default class RotationIssueScene extends BasePlaygroundScene {
+  setupWorld () {
+    // todo
+  }
+}
diff --git a/renderer/playground/scenes/slabsOptimization.ts b/renderer/playground/scenes/slabsOptimization.ts
new file mode 100644
index 00000000..9035a777
--- /dev/null
+++ b/renderer/playground/scenes/slabsOptimization.ts
@@ -0,0 +1,15 @@
+import { BasePlaygroundScene } from '../baseScene'
+
+export default class extends BasePlaygroundScene {
+  expectedNumberOfFaces = 30
+
+  setupWorld () {
+    this.addWorldBlock(0, 1, 0, 'stone_slab')
+    this.addWorldBlock(0, 0, 0, 'stone')
+    this.addWorldBlock(0, -1, 0, 'stone_slab', { type: 'top', waterlogged: false })
+    this.addWorldBlock(0, -1, -1, 'stone_slab', { type: 'top', waterlogged: false })
+    this.addWorldBlock(0, -1, 1, 'stone_slab', { type: 'top', waterlogged: false })
+    this.addWorldBlock(-1, -1, 0, 'stone_slab', { type: 'top', waterlogged: false })
+    this.addWorldBlock(1, -1, 0, 'stone_slab', { type: 'top', waterlogged: false })
+  }
+}
diff --git a/renderer/playground/scenes/transparencyIssue.ts b/renderer/playground/scenes/transparencyIssue.ts
new file mode 100644
index 00000000..9ce1b967
--- /dev/null
+++ b/renderer/playground/scenes/transparencyIssue.ts
@@ -0,0 +1,11 @@
+import { BasePlaygroundScene } from '../baseScene'
+
+export default class extends BasePlaygroundScene {
+  setupWorld () {
+    this.addWorldBlock(0, 0, 0, 'water')
+    this.addWorldBlock(0, 1, 0, 'lime_stained_glass')
+    this.addWorldBlock(0, 0, -1, 'lime_stained_glass')
+    this.addWorldBlock(0, -1, 0, 'lime_stained_glass')
+    this.addWorldBlock(0, -1, -1, 'stone')
+  }
+}
diff --git a/renderer/playground/shared.ts b/renderer/playground/shared.ts
new file mode 100644
index 00000000..9d12fae9
--- /dev/null
+++ b/renderer/playground/shared.ts
@@ -0,0 +1,79 @@
+import WorldLoader, { world } from 'prismarine-world'
+import ChunkLoader from 'prismarine-chunk'
+
+export type BlockFaceType = {
+  side: number
+  textureIndex: number
+  tint?: [number, number, number]
+  isTransparent?: boolean
+
+  // for testing
+  face?: string
+  neighbor?: string
+  light?: number
+}
+
+export type BlockType = {
+  faces: BlockFaceType[]
+
+  // for testing
+  block: string
+}
+
+export const makeError = (str: string) => {
+  reportError?.(str)
+}
+export const makeErrorCritical = (str: string) => {
+  throw new Error(str)
+}
+
+export const getSyncWorld = (version: string): world.WorldSync => {
+  const World = (WorldLoader as any)(version)
+  const Chunk = (ChunkLoader as any)(version)
+
+  const world = new World(version).sync
+
+  const methods = getAllMethods(world)
+  for (const method of methods) {
+    if (method.startsWith('set') && method !== 'setColumn') {
+      const oldMethod = world[method].bind(world)
+      world[method] = (...args) => {
+        const arg = args[0]
+        if (arg.x !== undefined && !world.getColumnAt(arg)) {
+          world.setColumn(Math.floor(arg.x / 16), Math.floor(arg.z / 16), new Chunk(undefined as any))
+        }
+        oldMethod(...args)
+      }
+    }
+  }
+
+  return world
+}
+
+function getAllMethods (obj) {
+  const methods = new Set()
+  let currentObj = obj
+
+  do {
+    for (const name of Object.getOwnPropertyNames(currentObj)) {
+      if (typeof obj[name] === 'function' && name !== 'constructor') {
+        methods.add(name)
+      }
+    }
+  } while ((currentObj = Object.getPrototypeOf(currentObj)))
+
+  return [...methods] as string[]
+}
+
+export const delayedIterator = async <T> (arr: T[], delay: number, exec: (item: T, index: number) => Promise<void>, chunkSize = 1) => {
+  // if delay is 0 then don't use setTimeout
+  for (let i = 0; i < arr.length; i += chunkSize) {
+    if (delay) {
+      // eslint-disable-next-line no-await-in-loop
+      await new Promise(resolve => {
+        setTimeout(resolve, delay)
+      })
+    }
+    await exec(arr[i], i)
+  }
+}
diff --git a/renderer/rsbuild.config.ts b/renderer/rsbuild.config.ts
new file mode 100644
index 00000000..2b40e79c
--- /dev/null
+++ b/renderer/rsbuild.config.ts
@@ -0,0 +1,59 @@
+import { defineConfig, mergeRsbuildConfig, RsbuildPluginAPI } from '@rsbuild/core';
+import supportedVersions from '../src/supportedVersions.mjs'
+import childProcess from 'child_process'
+import path, { dirname, join } from 'path'
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginNodePolyfill } from '@rsbuild/plugin-node-polyfill';
+import fs from 'fs'
+import fsExtra from 'fs-extra'
+import { appAndRendererSharedConfig, rspackViewerConfig } from './rsbuildSharedConfig';
+
+const mcDataPath = join(__dirname, '../generated/minecraft-data-optimized.json')
+
+// if (!fs.existsSync('./playground/textures')) {
+//     fsExtra.copySync('node_modules/mc-assets/dist/other-textures/latest/entity', './playground/textures/entity')
+// }
+
+if (!fs.existsSync(mcDataPath)) {
+    childProcess.execSync('tsx ./scripts/makeOptimizedMcData.mjs', { stdio: 'inherit', cwd: path.join(__dirname, '..') })
+}
+
+export default mergeRsbuildConfig(
+    appAndRendererSharedConfig(),
+    defineConfig({
+        html: {
+            template: join(__dirname, './playground.html'),
+        },
+        output: {
+            cleanDistPath: false,
+            distPath: {
+                root: join(__dirname, './dist'),
+            },
+        },
+        server: {
+            port: 9090,
+        },
+        source: {
+            entry: {
+                index: join(__dirname, './playground/playground.ts')
+            },
+            define: {
+                'globalThis.includedVersions': JSON.stringify(supportedVersions),
+            },
+        },
+        plugins: [
+            {
+                name: 'test',
+                setup (build: RsbuildPluginAPI) {
+                    const prep = async () => {
+                        fsExtra.copySync(join(__dirname, '../node_modules/mc-assets/dist/other-textures/latest/entity'), join(__dirname, './dist/textures/entity'))
+                    }
+                    build.onBeforeBuild(async () => {
+                        await prep()
+                    })
+                    build.onBeforeStartDevServer(() => prep())
+            },
+            },
+        ],
+    })
+)
diff --git a/renderer/rsbuildSharedConfig.ts b/renderer/rsbuildSharedConfig.ts
new file mode 100644
index 00000000..45da30b1
--- /dev/null
+++ b/renderer/rsbuildSharedConfig.ts
@@ -0,0 +1,124 @@
+import { defineConfig, ModifyRspackConfigUtils } from '@rsbuild/core';
+import { pluginNodePolyfill } from '@rsbuild/plugin-node-polyfill';
+import { pluginReact } from '@rsbuild/plugin-react';
+import path from 'path'
+import fs from 'fs'
+
+export const appAndRendererSharedConfig = () => defineConfig({
+    dev: {
+        progressBar: true,
+        writeToDisk: true,
+        watchFiles: {
+            paths: [
+                path.join(__dirname, './dist/webgpuRendererWorker.js'),
+                path.join(__dirname, './dist/mesher.js'),
+            ]
+        },
+    },
+    output: {
+        polyfill: 'usage',
+        // 50kb limit for data uri
+        dataUriLimit: 50 * 1024,
+        assetPrefix: './',
+    },
+    source: {
+        alias: {
+            fs: path.join(__dirname, `../src/shims/fs.js`),
+            http: 'http-browserify',
+            stream: 'stream-browserify',
+            net: 'net-browserify',
+            'minecraft-protocol$': 'minecraft-protocol/src/index.js',
+            'buffer$': 'buffer',
+            // avoid bundling, not used on client side
+            'prismarine-auth': path.join(__dirname, `../src/shims/prismarineAuthReplacement.ts`),
+            perf_hooks: path.join(__dirname, `../src/shims/perf_hooks_replacement.js`),
+            crypto: path.join(__dirname, `../src/shims/crypto.js`),
+            dns: path.join(__dirname, `../src/shims/dns.js`),
+            yggdrasil: path.join(__dirname, `../src/shims/yggdrasilReplacement.ts`),
+            'three$': 'three/src/Three.js',
+            'stats.js$': 'stats.js/src/Stats.js',
+        },
+        define: {
+            'process.platform': '"browser"',
+        },
+        decorators: {
+            version: 'legacy', // default is a lie
+        },
+    },
+    server: {
+        htmlFallback: false,
+        // publicDir: false,
+        headers: {
+            // enable shared array buffer
+            'Cross-Origin-Opener-Policy': 'same-origin',
+            'Cross-Origin-Embedder-Policy': 'require-corp',
+        },
+        open: process.env.OPEN_BROWSER === 'true',
+    },
+    plugins: [
+        pluginReact(),
+        pluginNodePolyfill()
+    ],
+    tools: {
+        rspack (config, helpers) {
+            const packageJson = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json'), 'utf8'))
+            const hasFileProtocol = Object.values(packageJson.pnpm.overrides).some((dep) => (dep as string).startsWith('file:'))
+            if (hasFileProtocol) {
+                // enable node_modules watching
+                config.watchOptions.ignored = /\.git/
+            }
+            rspackViewerConfig(config, helpers)
+        }
+    },
+})
+
+export const rspackViewerConfig = (config, { appendPlugins, addRules, rspack }: ModifyRspackConfigUtils) => {
+    appendPlugins(new rspack.NormalModuleReplacementPlugin(/data|prismarine-physics/, (resource) => {
+        let absolute: string
+        const request = resource.request.replaceAll('\\', '/')
+        absolute = path.join(resource.context, request).replaceAll('\\', '/')
+        if (request.includes('minecraft-data/data/pc/1.') || request.includes('prismarine-physics')) {
+            console.log('Error: incompatible resource', request, 'from', resource.contextInfo.issuer)
+            process.exit(1)
+            // throw new Error(`${resource.request} was requested by ${resource.contextInfo.issuer}`)
+        }
+        if (absolute.endsWith('/minecraft-data/data.js')) {
+            resource.request = path.join(__dirname, `../src/shims/minecraftData.ts`)
+        }
+        if (absolute.endsWith('/minecraft-data/data/bedrock/common/legacy.json')) {
+            resource.request = path.join(__dirname, `../src/shims/empty.ts`)
+        }
+        if (absolute.endsWith('/minecraft-data/data/pc/common/legacy.json')) {
+            resource.request = path.join(__dirname, `../src/preflatMap.json`)
+        }
+    }))
+    addRules([
+        {
+            test: /\.obj$/,
+            type: 'asset/source',
+        },
+        {
+            test: /\.wgsl$/,
+            type: 'asset/source',
+        },
+        {
+            test: /\.mp3$/,
+            type: 'asset/source',
+        },
+        {
+            test: /\.txt$/,
+            type: 'asset/source',
+        },
+        {
+            test: /\.log$/,
+            type: 'asset/source',
+        }
+    ])
+    config.ignoreWarnings = [
+        /the request of a dependency is an expression/,
+        /Unsupported pseudo class or element: xr-overlay/
+    ]
+    if (process.env.SINGLE_FILE_BUILD === 'true') {
+        config.module!.parser!.javascript!.dynamicImportMode = 'eager'
+    }
+}
diff --git a/prismarine-viewer/viewer/.gitignore b/renderer/viewer/.gitignore
similarity index 100%
rename from prismarine-viewer/viewer/.gitignore
rename to renderer/viewer/.gitignore
diff --git a/renderer/viewer/baseGraphicsBackend.ts b/renderer/viewer/baseGraphicsBackend.ts
new file mode 100644
index 00000000..486c930f
--- /dev/null
+++ b/renderer/viewer/baseGraphicsBackend.ts
@@ -0,0 +1,27 @@
+import { proxy } from 'valtio'
+import { NonReactiveState, RendererReactiveState } from '../../src/appViewer'
+
+export const getDefaultRendererState = (): {
+  reactive: RendererReactiveState
+  nonReactive: NonReactiveState
+} => {
+  return {
+    reactive: proxy({
+      world: {
+        chunksLoaded: new Set(),
+        heightmaps: new Map(),
+        allChunksLoaded: true,
+        mesherWork: false,
+        intersectMedia: null
+      },
+      renderer: '',
+      preventEscapeMenu: false
+    }),
+    nonReactive: {
+      world: {
+        chunksLoaded: new Set(),
+        chunksTotalNumber: 0,
+      }
+    }
+  }
+}
diff --git a/renderer/viewer/common/utils.ts b/renderer/viewer/common/utils.ts
new file mode 100644
index 00000000..958273f3
--- /dev/null
+++ b/renderer/viewer/common/utils.ts
@@ -0,0 +1,18 @@
+export const versionToNumber = (ver: string) => {
+  const [x, y = '0', z = '0'] = ver.split('.')
+  return +`${x.padStart(2, '0')}${y.padStart(2, '0')}${z.padStart(2, '0')}`
+}
+
+export const versionToMajor = (version: string) => {
+  const [x, y = '0'] = version.split('.')
+  return `${x.padStart(2, '0')}.${y.padStart(2, '0')}`
+}
+
+export const versionsMapToMajor = <T> (versionsMap: Record<string, T>) => {
+  const majorVersions = {} as Record<string, T>
+  for (const [ver, data] of Object.entries(versionsMap)) {
+    const major = versionToMajor(ver)
+    majorVersions[major] = data
+  }
+  return majorVersions
+}
diff --git a/renderer/viewer/lib/DebugGui.ts b/renderer/viewer/lib/DebugGui.ts
new file mode 100644
index 00000000..f296c873
--- /dev/null
+++ b/renderer/viewer/lib/DebugGui.ts
@@ -0,0 +1,174 @@
+// eslint-disable-next-line import/no-named-as-default
+import GUI from 'lil-gui'
+
+export interface ParamMeta {
+  min?: number
+  max?: number
+  step?: number
+}
+
+export class DebugGui {
+  private gui: GUI
+  private readonly storageKey: string
+  private target: any
+  private readonly params: string[]
+  private readonly paramsMeta: Record<string, ParamMeta>
+  private _visible = false // Default to not visible
+  private readonly initialValues: Record<string, any> = {} // Store initial values
+  private initialized = false
+
+  constructor (id: string, target: any, params?: string[], paramsMeta?: Record<string, ParamMeta>) {
+    this.gui = new GUI()
+    this.storageKey = `debug_params_${id}`
+    this.target = target
+    this.paramsMeta = paramsMeta ?? {}
+    this.params = params ?? Object.keys(target)
+
+    // Store initial values
+    for (const param of this.params) {
+      this.initialValues[param] = target[param]
+    }
+
+    // Hide by default
+    this.gui.domElement.style.display = 'none'
+  }
+
+  // Initialize and show the GUI
+  activate () {
+    if (!this.initialized) {
+      this.loadSavedValues()
+      this.setupControls()
+      this.initialized = true
+    }
+    this.show()
+    return this
+  }
+
+  // Getter for visibility
+  get visible (): boolean {
+    return this._visible
+  }
+
+  // Setter for visibility
+  set visible (value: boolean) {
+    this._visible = value
+    this.gui.domElement.style.display = value ? 'block' : 'none'
+    this.saveVisibility()
+  }
+
+  private loadSavedValues () {
+    try {
+      const saved = localStorage.getItem(this.storageKey)
+      if (saved) {
+        const values = JSON.parse(saved)
+        // Apply saved values to target
+        for (const param of this.params) {
+          if (param in values) {
+            const value = values[param]
+            if (value !== null) {
+              this.target[param] = value
+            }
+          }
+        }
+      }
+    } catch (e) {
+      console.warn('Failed to load debug values:', e)
+    }
+  }
+
+  private saveValues (deleteKey = false) {
+    try {
+      const values = {}
+      for (const param of this.params) {
+        values[param] = this.target[param]
+      }
+      if (deleteKey) {
+        localStorage.removeItem(this.storageKey)
+      } else {
+        localStorage.setItem(this.storageKey, JSON.stringify(values))
+      }
+    } catch (e) {
+      console.warn('Failed to save debug values:', e)
+    }
+  }
+
+  private saveVisibility () {
+    try {
+      localStorage.setItem(`${this.storageKey}_visible`, this._visible.toString())
+    } catch (e) {
+      console.warn('Failed to save debug visibility:', e)
+    }
+  }
+
+  private setupControls () {
+    // Add visibility toggle at the top
+    this.gui.add(this, 'visible').name('Show Controls')
+    this.gui.add({ resetAll: () => {
+      for (const param of this.params) {
+        this.target[param] = this.initialValues[param]
+      }
+      this.saveValues(true)
+      this.gui.destroy()
+      this.gui = new GUI()
+      this.setupControls()
+    } }, 'resetAll').name('Reset All Parameters')
+
+    for (const param of this.params) {
+      const value = this.target[param]
+      const meta = this.paramsMeta[param] ?? {}
+
+      if (typeof value === 'number') {
+        // For numbers, use meta values or calculate reasonable defaults
+        const min = meta.min ?? value - Math.abs(value * 2)
+        const max = meta.max ?? value + Math.abs(value * 2)
+        const step = meta.step ?? Math.abs(value) / 100
+
+        this.gui.add(this.target, param, min, max, step)
+          .onChange(() => this.saveValues())
+      } else if (typeof value === 'boolean') {
+        // For booleans, create a checkbox
+        this.gui.add(this.target, param)
+          .onChange(() => this.saveValues())
+      } else if (typeof value === 'string' && ['x', 'y', 'z'].includes(param)) {
+        // Special case for xyz coordinates
+        const min = meta.min ?? -10
+        const max = meta.max ?? 10
+        const step = meta.step ?? 0.1
+
+        this.gui.add(this.target, param, min, max, step)
+          .onChange(() => this.saveValues())
+      } else if (Array.isArray(value)) {
+        // For arrays, create a dropdown
+        this.gui.add(this.target, param, value)
+          .onChange(() => this.saveValues())
+      }
+    }
+  }
+
+  // Method to manually trigger save
+  save () {
+    this.saveValues()
+    this.saveVisibility()
+  }
+
+  // Method to destroy the GUI and clean up
+  destroy () {
+    this.saveVisibility()
+    this.gui.destroy()
+  }
+
+  // Toggle visibility
+  toggle () {
+    this.visible = !this.visible
+  }
+
+  // Show the GUI
+  show () {
+    this.visible = true
+  }
+
+  // Hide the GUI
+  hide () {
+    this.visible = false
+  }
+}
diff --git a/renderer/viewer/lib/animationController.ts b/renderer/viewer/lib/animationController.ts
new file mode 100644
index 00000000..329d0e24
--- /dev/null
+++ b/renderer/viewer/lib/animationController.ts
@@ -0,0 +1,85 @@
+import * as tweenJs from '@tweenjs/tween.js'
+
+export class AnimationController {
+  private currentAnimation: tweenJs.Group | null = null
+  private isAnimating = false
+  private cancelRequested = false
+  private completionCallbacks: Array<() => void> = []
+  private currentCancelCallback: (() => void) | null = null
+
+  /** Main method */
+  async startAnimation (createAnimation: () => tweenJs.Group, onCancelled?: () => void): Promise<void> {
+    if (this.isAnimating) {
+      await this.cancelCurrentAnimation()
+    }
+
+    return new Promise((resolve) => {
+      this.isAnimating = true
+      this.cancelRequested = false
+      this.currentCancelCallback = onCancelled ?? null
+      this.currentAnimation = createAnimation()
+
+      this.completionCallbacks.push(() => {
+        this.isAnimating = false
+        this.currentAnimation = null
+        resolve()
+      })
+    })
+  }
+
+  /** Main method */
+  async cancelCurrentAnimation (): Promise<void> {
+    if (!this.isAnimating) return
+
+    if (this.currentCancelCallback) {
+      const callback = this.currentCancelCallback
+      this.currentCancelCallback = null
+      callback()
+    }
+
+    return new Promise((resolve) => {
+      this.cancelRequested = true
+      this.completionCallbacks.push(() => {
+        resolve()
+      })
+    })
+  }
+
+  animationCycleFinish () {
+    if (this.cancelRequested) this.forceFinish()
+  }
+
+  forceFinish (callComplete = true) {
+    if (!this.isAnimating) return
+
+    if (this.currentAnimation) {
+      for (const tween of this.currentAnimation.getAll()) tween.stop()
+      this.currentAnimation.removeAll()
+      this.currentAnimation = null
+    }
+
+    this.isAnimating = false
+    this.cancelRequested = false
+
+    const callbacks = [...this.completionCallbacks]
+    this.completionCallbacks = []
+    if (callComplete) {
+      for (const cb of callbacks) cb()
+    }
+  }
+
+  /** Required method */
+  update () {
+    if (this.currentAnimation) {
+      this.currentAnimation.update()
+    }
+  }
+
+  get isActive () {
+    return this.isAnimating
+  }
+
+  get shouldCancel () {
+    return this.cancelRequested
+  }
+}
diff --git a/renderer/viewer/lib/basePlayerState.ts b/renderer/viewer/lib/basePlayerState.ts
new file mode 100644
index 00000000..9cf1350a
--- /dev/null
+++ b/renderer/viewer/lib/basePlayerState.ts
@@ -0,0 +1,87 @@
+import { ItemSelector } from 'mc-assets/dist/itemDefinitions'
+import { GameMode, Team } from 'mineflayer'
+import { proxy } from 'valtio'
+import type { HandItemBlock } from '../three/holdingBlock'
+
+export type MovementState = 'NOT_MOVING' | 'WALKING' | 'SPRINTING' | 'SNEAKING'
+export type ItemSpecificContextProperties = Partial<Pick<ItemSelector['properties'], 'minecraft:using_item' | 'minecraft:use_duration' | 'minecraft:use_cycle' | 'minecraft:display_context'>>
+export type CameraPerspective = 'first_person' | 'third_person_back' | 'third_person_front'
+
+export type BlockShape = { position: any; width: any; height: any; depth: any; }
+export type BlocksShapes = BlockShape[]
+
+// edit src/mineflayer/playerState.ts for implementation of player state from mineflayer
+export const getInitialPlayerState = () => proxy({
+  playerSkin: undefined as string | undefined,
+  inWater: false,
+  waterBreathing: false,
+  backgroundColor: [0, 0, 0] as [number, number, number],
+  ambientLight: 0,
+  directionalLight: 0,
+  eyeHeight: 0,
+  gameMode: undefined as GameMode | undefined,
+  lookingAtBlock: undefined as {
+    x: number
+    y: number
+    z: number
+    face?: number
+    shapes: BlocksShapes
+  } | undefined,
+  diggingBlock: undefined as {
+    x: number
+    y: number
+    z: number
+    stage: number
+    face?: number
+    mergedShape: BlockShape | undefined
+  } | undefined,
+  movementState: 'NOT_MOVING' as MovementState,
+  onGround: true,
+  sneaking: false,
+  flying: false,
+  sprinting: false,
+  itemUsageTicks: 0,
+  username: '',
+  onlineMode: false,
+  lightingDisabled: false,
+  shouldHideHand: false,
+  heldItemMain: undefined as HandItemBlock | undefined,
+  heldItemOff: undefined as HandItemBlock | undefined,
+  perspective: 'first_person' as CameraPerspective,
+  onFire: false,
+
+  cameraSpectatingEntity: undefined as number | undefined,
+
+  team: undefined as Team | undefined,
+})
+
+export const getPlayerStateUtils = (reactive: PlayerStateReactive) => ({
+  isSpectator () {
+    return reactive.gameMode === 'spectator'
+  },
+  isSpectatingEntity () {
+    return reactive.cameraSpectatingEntity !== undefined && reactive.gameMode === 'spectator'
+  },
+  isThirdPerson () {
+    if ((this as PlayerStateUtils).isSpectatingEntity()) return false
+    return reactive.perspective === 'third_person_back' || reactive.perspective === 'third_person_front'
+  }
+})
+
+export const getInitialPlayerStateRenderer = () => ({
+  reactive: getInitialPlayerState()
+})
+
+export type PlayerStateReactive = ReturnType<typeof getInitialPlayerState>
+export type PlayerStateUtils = ReturnType<typeof getPlayerStateUtils>
+
+export type PlayerStateRenderer = PlayerStateReactive
+
+export const getItemSelector = (playerState: PlayerStateRenderer, specificProperties: ItemSpecificContextProperties, item?: import('prismarine-item').Item) => {
+  return {
+    ...specificProperties,
+    'minecraft:date': new Date(),
+    // "minecraft:context_dimension": bot.entityp,
+    // 'minecraft:time': bot.time.timeOfDay / 24_000,
+  }
+}
diff --git a/renderer/viewer/lib/cameraBobbing.ts b/renderer/viewer/lib/cameraBobbing.ts
new file mode 100644
index 00000000..6bf32c76
--- /dev/null
+++ b/renderer/viewer/lib/cameraBobbing.ts
@@ -0,0 +1,94 @@
+export class CameraBobbing {
+  private walkDistance = 0
+  private prevWalkDistance = 0
+  private bobAmount = 0
+  private prevBobAmount = 0
+  private readonly gameTimer = new GameTimer()
+
+  // eslint-disable-next-line max-params
+  constructor (
+    private readonly BOB_FREQUENCY: number = Math.PI, // How fast the bob cycles
+    private readonly BOB_BASE_AMPLITUDE: number = 0.5, // Base amplitude of the bob
+    private readonly VERTICAL_MULTIPLIER: number = 1, // Vertical movement multiplier
+    private readonly ROTATION_MULTIPLIER_Z: number = 3, // Roll rotation multiplier
+    private readonly ROTATION_MULTIPLIER_X: number = 5 // Pitch rotation multiplier
+  ) {}
+
+  // Call this when player is moving
+  public updateWalkDistance (distance: number): void {
+    this.prevWalkDistance = this.walkDistance
+    this.walkDistance = distance
+  }
+
+  // Call this when player is moving to update bob amount
+  public updateBobAmount (isMoving: boolean): void {
+    const targetBob = isMoving ? 1 : 0
+    this.prevBobAmount = this.bobAmount
+
+    // Update timing
+    const ticks = this.gameTimer.update()
+    const deltaTime = ticks / 20 // Convert ticks to seconds assuming 20 TPS
+
+    // Smooth transition for bob amount
+    const bobDelta = (targetBob - this.bobAmount) * Math.min(1, deltaTime * 10)
+    this.bobAmount += bobDelta
+  }
+
+  // Call this in your render/animation loop
+  public getBobbing (): { position: { x: number, y: number }, rotation: { x: number, z: number } } {
+    // Interpolate walk distance
+    const walkDist = this.prevWalkDistance +
+      (this.walkDistance - this.prevWalkDistance) * this.gameTimer.partialTick
+
+    // Interpolate bob amount
+    const bob = this.prevBobAmount +
+      (this.bobAmount - this.prevBobAmount) * this.gameTimer.partialTick
+
+    // Calculate total distance for bob cycle
+    const totalDist = -(walkDist * this.BOB_FREQUENCY)
+
+    // Calculate offsets
+    const xOffset = Math.sin(totalDist) * bob * this.BOB_BASE_AMPLITUDE
+    const yOffset = -Math.abs(Math.cos(totalDist) * bob) * this.VERTICAL_MULTIPLIER
+
+    // Calculate rotations (in radians)
+    const zRot = (Math.sin(totalDist) * bob * this.ROTATION_MULTIPLIER_Z) * (Math.PI / 180)
+    const xRot = (Math.abs(Math.cos(totalDist - 0.2) * bob) * this.ROTATION_MULTIPLIER_X) * (Math.PI / 180)
+
+    return {
+      position: { x: xOffset, y: yOffset },
+      rotation: { x: xRot, z: zRot }
+    }
+  }
+}
+
+class GameTimer {
+  private readonly msPerTick: number
+  private lastMs: number
+  public partialTick = 0
+
+  constructor (tickRate = 20) {
+    this.msPerTick = 1000 / tickRate
+    this.lastMs = performance.now()
+  }
+
+  update (): number {
+    const currentMs = performance.now()
+    const deltaSinceLastTick = currentMs - this.lastMs
+
+    // Calculate how much of a tick has passed
+    const tickDelta = deltaSinceLastTick / this.msPerTick
+    this.lastMs = currentMs
+
+    // Add to accumulated partial ticks
+    this.partialTick += tickDelta
+
+    // Get whole number of ticks that should occur
+    const wholeTicks = Math.floor(this.partialTick)
+
+    // Keep the remainder as the new partial tick
+    this.partialTick -= wholeTicks
+
+    return wholeTicks
+  }
+}
diff --git a/prismarine-viewer/viewer/lib/cleanupDecorator.ts b/renderer/viewer/lib/cleanupDecorator.ts
similarity index 81%
rename from prismarine-viewer/viewer/lib/cleanupDecorator.ts
rename to renderer/viewer/lib/cleanupDecorator.ts
index 476546a6..79b35828 100644
--- a/prismarine-viewer/viewer/lib/cleanupDecorator.ts
+++ b/renderer/viewer/lib/cleanupDecorator.ts
@@ -1,6 +1,6 @@
 export function buildCleanupDecorator (cleanupMethod: string) {
   return function () {
-    return function (_target: {snapshotInitialValues}, propertyKey: string) {
+    return function (_target: { snapshotInitialValues }, propertyKey: string) {
       const target = _target as any
       // Store the initial value of the property
       if (!target._snapshotMethodPatched) {
@@ -19,7 +19,8 @@ export function buildCleanupDecorator (cleanupMethod: string) {
           for (const key of target._toCleanup) {
             this[key] = this._initialValues[key]
           }
-          originalMethod.apply(this, arguments)
+          // eslint-disable-next-line prefer-rest-params
+          Reflect.apply(originalMethod, this, arguments)
         }
       }
       target._cleanupPatched = true
diff --git a/renderer/viewer/lib/createPlayerObject.ts b/renderer/viewer/lib/createPlayerObject.ts
new file mode 100644
index 00000000..836c8062
--- /dev/null
+++ b/renderer/viewer/lib/createPlayerObject.ts
@@ -0,0 +1,55 @@
+import { PlayerObject, PlayerAnimation } from 'skinview3d'
+import * as THREE from 'three'
+import { WalkingGeneralSwing } from '../three/entity/animations'
+import { loadSkinImage, stevePngUrl } from './utils/skins'
+
+export type PlayerObjectType = PlayerObject & {
+  animation?: PlayerAnimation
+  realPlayerUuid: string
+  realUsername: string
+}
+
+export function createPlayerObject (options: {
+  username?: string
+  uuid?: string
+  scale?: number
+}): {
+    playerObject: PlayerObjectType
+    wrapper: THREE.Group
+  } {
+  const wrapper = new THREE.Group()
+  const playerObject = new PlayerObject() as PlayerObjectType
+
+  playerObject.realPlayerUuid = options.uuid ?? ''
+  playerObject.realUsername = options.username ?? ''
+  playerObject.position.set(0, 16, 0)
+
+  // fix issues with starfield
+  playerObject.traverse((obj) => {
+    if (obj instanceof THREE.Mesh && obj.material instanceof THREE.MeshStandardMaterial) {
+      obj.material.transparent = true
+    }
+  })
+
+  wrapper.add(playerObject as any)
+  const scale = options.scale ?? (1 / 16)
+  wrapper.scale.set(scale, scale, scale)
+  wrapper.rotation.set(0, Math.PI, 0)
+
+  // Set up animation
+  playerObject.animation = new WalkingGeneralSwing()
+  ;(playerObject.animation as WalkingGeneralSwing).isMoving = false
+  playerObject.animation.update(playerObject, 0)
+
+  return { playerObject, wrapper }
+}
+
+export const applySkinToPlayerObject = async (playerObject: PlayerObjectType, skinUrl: string) => {
+  return loadSkinImage(skinUrl || stevePngUrl).then(({ canvas }) => {
+    const skinTexture = new THREE.CanvasTexture(canvas)
+    skinTexture.magFilter = THREE.NearestFilter
+    skinTexture.minFilter = THREE.NearestFilter
+    skinTexture.needsUpdate = true
+    playerObject.skin.map = skinTexture as any
+  }).catch(console.error)
+}
diff --git a/renderer/viewer/lib/guiRenderer.ts b/renderer/viewer/lib/guiRenderer.ts
new file mode 100644
index 00000000..709941dc
--- /dev/null
+++ b/renderer/viewer/lib/guiRenderer.ts
@@ -0,0 +1,282 @@
+// Import placeholders - replace with actual imports for your environment
+import { ItemRenderer, Identifier, ItemStack, NbtString, Structure, StructureRenderer, ItemRendererResources, BlockDefinition, BlockModel, TextureAtlas, Resources, ItemModel } from 'deepslate'
+import { mat4, vec3 } from 'gl-matrix'
+import { AssetsParser } from 'mc-assets/dist/assetsParser'
+import { getLoadedImage, versionToNumber } from 'mc-assets/dist/utils'
+import { BlockModel as BlockModelMcAssets, AtlasParser } from 'mc-assets'
+import { getLoadedBlockstatesStore, getLoadedModelsStore } from 'mc-assets/dist/stores'
+import { makeTextureAtlas } from 'mc-assets/dist/atlasCreator'
+import { proxy, ref } from 'valtio'
+import { getItemDefinition } from 'mc-assets/dist/itemDefinitions'
+
+export const getNonFullBlocksModels = () => {
+  let version = appViewer.resourcesManager.currentResources!.version ?? 'latest'
+  if (versionToNumber(version) < versionToNumber('1.13')) version = '1.13'
+  const itemsDefinitions = appViewer.resourcesManager.itemsDefinitionsStore.data.latest
+  const blockModelsResolved = {} as Record<string, any>
+  const itemsModelsResolved = {} as Record<string, any>
+  const fullBlocksWithNonStandardDisplay = [] as string[]
+  const handledItemsWithDefinitions = new Set()
+  const assetsParser = new AssetsParser(version, getLoadedBlockstatesStore(appViewer.resourcesManager.currentResources!.blockstatesModels), getLoadedModelsStore(appViewer.resourcesManager.currentResources!.blockstatesModels))
+
+  const standardGuiDisplay = {
+    'rotation': [
+      30,
+      225,
+      0
+    ],
+    'translation': [
+      0,
+      0,
+      0
+    ],
+    'scale': [
+      0.625,
+      0.625,
+      0.625
+    ]
+  }
+
+  const arrEqual = (a: number[], b: number[]) => a.length === b.length && a.every((x, i) => x === b[i])
+  const addModelIfNotFullblock = (name: string, model: BlockModelMcAssets) => {
+    if (blockModelsResolved[name]) return
+    if (!model?.elements?.length) return
+    const isFullBlock = model.elements.length === 1 && arrEqual(model.elements[0].from, [0, 0, 0]) && arrEqual(model.elements[0].to, [16, 16, 16])
+    if (isFullBlock) return
+    const hasBetterPrerender = assetsParser.blockModelsStore.data.latest[`item/${name}`]?.textures?.['layer0']?.startsWith('invsprite_')
+    if (hasBetterPrerender) return
+    model['display'] ??= {}
+    model['display']['gui'] ??= standardGuiDisplay
+    blockModelsResolved[name] = model
+  }
+
+  for (const [name, definition] of Object.entries(itemsDefinitions)) {
+    const item = getItemDefinition(appViewer.resourcesManager.itemsDefinitionsStore, {
+      version,
+      name,
+      properties: {
+        'minecraft:display_context': 'gui',
+      },
+    })
+    if (item) {
+      const { resolvedModel } = assetsParser.getResolvedModelsByModel((item.special ? name : item.model).replace('minecraft:', '')) ?? {}
+      if (resolvedModel) {
+        handledItemsWithDefinitions.add(name)
+      }
+      if (resolvedModel?.elements) {
+        let hasStandardDisplay = true
+        if (resolvedModel['display']?.gui) {
+          hasStandardDisplay =
+            arrEqual(resolvedModel['display'].gui.rotation, standardGuiDisplay.rotation)
+            && arrEqual(resolvedModel['display'].gui.translation, standardGuiDisplay.translation)
+            && arrEqual(resolvedModel['display'].gui.scale, standardGuiDisplay.scale)
+        }
+
+        addModelIfNotFullblock(name, resolvedModel)
+
+        if (!blockModelsResolved[name] && !hasStandardDisplay) {
+          fullBlocksWithNonStandardDisplay.push(name)
+        }
+        const notSideLight = resolvedModel['gui_light'] && resolvedModel['gui_light'] !== 'side'
+        if (!hasStandardDisplay || notSideLight) {
+          blockModelsResolved[name] = resolvedModel
+        }
+      }
+      if (!blockModelsResolved[name] && item.tints && resolvedModel) {
+        resolvedModel['tints'] = item.tints
+        if (resolvedModel.elements) {
+          blockModelsResolved[name] = resolvedModel
+        } else {
+          itemsModelsResolved[name] = resolvedModel
+        }
+      }
+    }
+  }
+
+  for (const [name, blockstate] of Object.entries(appViewer.resourcesManager.currentResources!.blockstatesModels.blockstates.latest)) {
+    if (handledItemsWithDefinitions.has(name)) {
+      continue
+    }
+    const resolvedModel = assetsParser.getResolvedModelFirst({ name: name.replace('minecraft:', ''), properties: {} }, true)
+    if (resolvedModel) {
+      addModelIfNotFullblock(name, resolvedModel[0])
+    }
+  }
+
+  return {
+    blockModelsResolved,
+    itemsModelsResolved
+  }
+}
+
+// customEvents.on('gameLoaded', () => {
+//   const res = getNonFullBlocksModels()
+// })
+
+const RENDER_SIZE = 64
+
+const generateItemsGui = async (models: Record<string, BlockModelMcAssets>, isItems = false) => {
+  const { currentResources } = appViewer.resourcesManager
+  const imgBitmap = isItems ? currentResources!.itemsAtlasImage : currentResources!.blocksAtlasImage
+  const canvasTemp = document.createElement('canvas')
+  canvasTemp.width = imgBitmap.width
+  canvasTemp.height = imgBitmap.height
+  canvasTemp.style.imageRendering = 'pixelated'
+  const ctx = canvasTemp.getContext('2d')!
+  ctx.imageSmoothingEnabled = false
+  ctx.drawImage(imgBitmap, 0, 0)
+
+  const atlasParser = isItems ? appViewer.resourcesManager.itemsAtlasParser : appViewer.resourcesManager.blocksAtlasParser
+  const textureAtlas = new TextureAtlas(
+    ctx.getImageData(0, 0, imgBitmap.width, imgBitmap.height),
+    Object.fromEntries(Object.entries(atlasParser.atlas.latest.textures).map(([key, value]) => {
+      return [key, [
+        value.u,
+        value.v,
+        (value.u + (value.su ?? atlasParser.atlas.latest.suSv)),
+        (value.v + (value.sv ?? atlasParser.atlas.latest.suSv)),
+      ]] as [string, [number, number, number, number]]
+    }))
+  )
+
+  const PREVIEW_ID = Identifier.parse('preview:preview')
+  const PREVIEW_DEFINITION = new BlockDefinition({ '': { model: PREVIEW_ID.toString() } }, undefined)
+
+  let textureWasRequested = false
+  let modelData: any
+  let currentModelName: string | undefined
+  const resources: ItemRendererResources = {
+    getBlockModel (id) {
+      if (id.equals(PREVIEW_ID)) {
+        return BlockModel.fromJson(modelData ?? {})
+      }
+      return null
+    },
+    getTextureUV (texture) {
+      textureWasRequested = true
+      return textureAtlas.getTextureUV(texture.toString().replace('minecraft:', '').replace('block/', '').replace('item/', '').replace('blocks/', '').replace('items/', '') as any)
+    },
+    getTextureAtlas () {
+      return textureAtlas.getTextureAtlas()
+    },
+    getItemComponents (id) {
+      return new Map()
+    },
+    getItemModel (id) {
+      // const isSpecial = currentModelName === 'shield' || currentModelName === 'conduit' || currentModelName === 'trident'
+      const isSpecial = false
+      if (id.equals(PREVIEW_ID)) {
+        return ItemModel.fromJson({
+          type: isSpecial ? 'minecraft:special' : 'minecraft:model',
+          model: isSpecial ? {
+            type: currentModelName,
+          } : PREVIEW_ID.toString(),
+          base: PREVIEW_ID.toString(),
+          tints: modelData?.tints,
+        })
+      }
+      return null
+    },
+  }
+
+  const canvas = document.createElement('canvas')
+  canvas.width = RENDER_SIZE
+  canvas.height = RENDER_SIZE
+  const gl = canvas.getContext('webgl2', { preserveDrawingBuffer: true })
+  if (!gl) {
+    throw new Error('Cannot get WebGL2 context')
+  }
+
+  function resetGLContext (gl) {
+    gl.clearColor(0, 0, 0, 0)
+    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT | gl.STENCIL_BUFFER_BIT)
+  }
+
+  // const includeOnly = ['powered_repeater', 'wooden_door']
+  const includeOnly = [] as string[]
+
+  const images: Record<string, HTMLImageElement> = {}
+  const item = new ItemStack(PREVIEW_ID, 1, new Map(Object.entries({
+    'minecraft:item_model': new NbtString(PREVIEW_ID.toString()),
+  })))
+  const renderer = new ItemRenderer(gl, item, resources, { display_context: 'gui' })
+  const missingTextures = new Set()
+  for (const [modelName, model] of Object.entries(models)) {
+    textureWasRequested = false
+    if (includeOnly.length && !includeOnly.includes(modelName)) continue
+
+    const patchMissingTextures = () => {
+      for (const element of model.elements ?? []) {
+        for (const [faceName, face] of Object.entries(element.faces)) {
+          if (face.texture.startsWith('#')) {
+            missingTextures.add(`${modelName} ${faceName}: ${face.texture}`)
+            face.texture = 'block/unknown'
+          }
+        }
+      }
+    }
+    patchMissingTextures()
+    // TODO eggs
+
+    modelData = model
+    currentModelName = modelName
+    resetGLContext(gl)
+    if (!modelData) continue
+    renderer.setItem(item, { display_context: 'gui' })
+    renderer.drawItem()
+    if (!textureWasRequested) continue
+    const url = canvas.toDataURL()
+    // eslint-disable-next-line no-await-in-loop
+    const img = await getLoadedImage(url)
+    images[modelName] = img
+  }
+
+  if (missingTextures.size) {
+    console.warn(`[guiRenderer] Missing textures in ${[...missingTextures].join(', ')}`)
+  }
+
+  return images
+}
+
+/**
+ * @mainThread
+ */
+const generateAtlas = async (images: Record<string, HTMLImageElement>) => {
+  const atlas = makeTextureAtlas({
+    input: Object.keys(images),
+    tileSize: RENDER_SIZE,
+    getLoadedImage (name) {
+      return {
+        image: images[name],
+      }
+    },
+  })
+
+  // const atlasParser = new AtlasParser({ latest: atlas.json }, atlas.canvas.toDataURL())
+  // const a = document.createElement('a')
+  // a.href = await atlasParser.createDebugImage(true)
+  // a.download = 'blocks_atlas.png'
+  // a.click()
+
+  appViewer.resourcesManager.currentResources!.guiAtlas = {
+    json: atlas.json,
+    image: await createImageBitmap(atlas.canvas),
+  }
+
+  return atlas
+}
+
+export const generateGuiAtlas = async () => {
+  const { blockModelsResolved, itemsModelsResolved } = getNonFullBlocksModels()
+
+  // Generate blocks atlas
+  console.time('generate blocks gui atlas')
+  const blockImages = await generateItemsGui(blockModelsResolved, false)
+  console.timeEnd('generate blocks gui atlas')
+  console.time('generate items gui atlas')
+  const itemImages = await generateItemsGui(itemsModelsResolved, true)
+  console.timeEnd('generate items gui atlas')
+  await generateAtlas({ ...blockImages, ...itemImages })
+  appViewer.resourcesManager.currentResources!.guiAtlasVersion++
+  // await generateAtlas(blockImages)
+}
diff --git a/renderer/viewer/lib/mesher/mesher.ts b/renderer/viewer/lib/mesher/mesher.ts
new file mode 100644
index 00000000..a063d77f
--- /dev/null
+++ b/renderer/viewer/lib/mesher/mesher.ts
@@ -0,0 +1,239 @@
+import { Vec3 } from 'vec3'
+import { World } from './world'
+import { getSectionGeometry, setBlockStatesData as setMesherData } from './models'
+import { BlockStateModelInfo } from './shared'
+import { INVISIBLE_BLOCKS } from './worldConstants'
+
+globalThis.structuredClone ??= (value) => JSON.parse(JSON.stringify(value))
+
+if (module.require) {
+  // If we are in a node environement, we need to fake some env variables
+  const r = module.require
+  const { parentPort } = r('worker_threads')
+  global.self = parentPort
+  global.postMessage = (value, transferList) => { parentPort.postMessage(value, transferList) }
+  global.performance = r('perf_hooks').performance
+}
+
+let workerIndex = 0
+let world: World
+let dirtySections = new Map<string, number>()
+let allDataReady = false
+
+function sectionKey (x, y, z) {
+  return `${x},${y},${z}`
+}
+
+const batchMessagesLimit = 100
+
+let queuedMessages = [] as any[]
+let queueWaiting = false
+const postMessage = (data, transferList = []) => {
+  queuedMessages.push({ data, transferList })
+  if (queuedMessages.length > batchMessagesLimit) {
+    drainQueue(0, batchMessagesLimit)
+  }
+  if (queueWaiting) return
+  queueWaiting = true
+  setTimeout(() => {
+    queueWaiting = false
+    drainQueue(0, queuedMessages.length)
+  })
+}
+
+function drainQueue (from, to) {
+  const messages = queuedMessages.slice(from, to)
+  global.postMessage(messages.map(m => m.data), messages.flatMap(m => m.transferList) as unknown as string)
+  queuedMessages = queuedMessages.slice(to)
+}
+
+function setSectionDirty (pos, value = true) {
+  const x = Math.floor(pos.x / 16) * 16
+  const y = Math.floor(pos.y / 16) * 16
+  const z = Math.floor(pos.z / 16) * 16
+  const key = sectionKey(x, y, z)
+  if (!value) {
+    dirtySections.delete(key)
+    postMessage({ type: 'sectionFinished', key, workerIndex })
+    return
+  }
+
+  const chunk = world.getColumn(x, z)
+  if (chunk?.getSection(pos)) {
+    dirtySections.set(key, (dirtySections.get(key) || 0) + 1)
+  } else {
+    postMessage({ type: 'sectionFinished', key, workerIndex })
+  }
+}
+
+const softCleanup = () => {
+  // clean block cache and loaded chunks
+  world = new World(world.config.version)
+  globalThis.world = world
+}
+
+const handleMessage = data => {
+  const globalVar: any = globalThis
+
+  if (data.type === 'mcData') {
+    globalVar.mcData = data.mcData
+    globalVar.loadedData = data.mcData
+  }
+
+  if (data.config) {
+    if (data.type === 'mesherData' && world) {
+      // reset models
+      world.blockCache = {}
+      world.erroredBlockModel = undefined
+    }
+
+    world ??= new World(data.config.version)
+    world.config = { ...world.config, ...data.config }
+    globalThis.world = world
+    globalThis.Vec3 = Vec3
+  }
+
+  switch (data.type) {
+    case 'mesherData': {
+      setMesherData(data.blockstatesModels, data.blocksAtlas, data.config.outputFormat === 'webgpu')
+      allDataReady = true
+      workerIndex = data.workerIndex
+
+      break
+    }
+    case 'dirty': {
+      const loc = new Vec3(data.x, data.y, data.z)
+      setSectionDirty(loc, data.value)
+
+      break
+    }
+    case 'chunk': {
+      world.addColumn(data.x, data.z, data.chunk)
+      if (data.customBlockModels) {
+        const chunkKey = `${data.x},${data.z}`
+        world.customBlockModels.set(chunkKey, data.customBlockModels)
+      }
+      break
+    }
+    case 'unloadChunk': {
+      world.removeColumn(data.x, data.z)
+      world.customBlockModels.delete(`${data.x},${data.z}`)
+      if (Object.keys(world.columns).length === 0) softCleanup()
+      break
+    }
+    case 'blockUpdate': {
+      const loc = new Vec3(data.pos.x, data.pos.y, data.pos.z).floored()
+      if (data.stateId !== undefined && data.stateId !== null) {
+        world?.setBlockStateId(loc, data.stateId)
+      }
+
+      const chunkKey = `${Math.floor(loc.x / 16) * 16},${Math.floor(loc.z / 16) * 16}`
+      if (data.customBlockModels) {
+        world?.customBlockModels.set(chunkKey, data.customBlockModels)
+      }
+      break
+    }
+    case 'reset': {
+      world = undefined as any
+      // blocksStates = null
+      dirtySections = new Map()
+      // todo also remove cached
+      globalVar.mcData = null
+      globalVar.loadedData = null
+      allDataReady = false
+
+      break
+    }
+    case 'getCustomBlockModel': {
+      const pos = new Vec3(data.pos.x, data.pos.y, data.pos.z)
+      const chunkKey = `${Math.floor(pos.x / 16) * 16},${Math.floor(pos.z / 16) * 16}`
+      const customBlockModel = world.customBlockModels.get(chunkKey)?.[`${pos.x},${pos.y},${pos.z}`]
+      global.postMessage({ type: 'customBlockModel', chunkKey, customBlockModel })
+      break
+    }
+    case 'getHeightmap': {
+      const heightmap = new Uint8Array(256)
+
+      const blockPos = new Vec3(0, 0, 0)
+      for (let z = 0; z < 16; z++) {
+        for (let x = 0; x < 16; x++) {
+          const blockX = x + data.x
+          const blockZ = z + data.z
+          blockPos.x = blockX
+          blockPos.z = blockZ
+          blockPos.y = world.config.worldMaxY
+          let block = world.getBlock(blockPos)
+          while (block && INVISIBLE_BLOCKS.has(block.name) && blockPos.y > world.config.worldMinY) {
+            blockPos.y -= 1
+            block = world.getBlock(blockPos)
+          }
+          const index = z * 16 + x
+          heightmap[index] = block ? blockPos.y : 0
+        }
+      }
+      postMessage({ type: 'heightmap', key: `${Math.floor(data.x / 16)},${Math.floor(data.z / 16)}`, heightmap })
+
+      break
+    }
+  // No default
+  }
+}
+
+// eslint-disable-next-line no-restricted-globals -- TODO
+self.onmessage = ({ data }) => {
+  if (Array.isArray(data)) {
+    // eslint-disable-next-line unicorn/no-array-for-each
+    data.forEach(handleMessage)
+    return
+  }
+
+  handleMessage(data)
+}
+
+setInterval(() => {
+  if (world === null || !allDataReady) return
+
+  if (dirtySections.size === 0) return
+  // console.log(sections.length + ' dirty sections')
+
+  // const start = performance.now()
+  for (const key of dirtySections.keys()) {
+    const [x, y, z] = key.split(',').map(v => parseInt(v, 10))
+    const chunk = world.getColumn(x, z)
+    let processTime = 0
+    if (chunk?.getSection(new Vec3(x, y, z))) {
+      const start = performance.now()
+      const geometry = getSectionGeometry(x, y, z, world)
+      const transferable = [geometry.positions?.buffer, geometry.normals?.buffer, geometry.colors?.buffer, geometry.uvs?.buffer].filter(Boolean)
+      //@ts-expect-error
+      postMessage({ type: 'geometry', key, geometry, workerIndex }, transferable)
+      processTime = performance.now() - start
+    } else {
+      // console.info('[mesher] Missing section', x, y, z)
+    }
+    const dirtyTimes = dirtySections.get(key)
+    if (!dirtyTimes) throw new Error('dirtySections.get(key) is falsy')
+    for (let i = 0; i < dirtyTimes; i++) {
+      postMessage({ type: 'sectionFinished', key, workerIndex, processTime })
+      processTime = 0
+    }
+    dirtySections.delete(key)
+  }
+
+  // Send new block state model info if any
+  if (world.blockStateModelInfo.size > 0) {
+    const newBlockStateInfo: Record<string, BlockStateModelInfo> = {}
+    for (const [cacheKey, info] of world.blockStateModelInfo) {
+      if (!world.sentBlockStateModels.has(cacheKey)) {
+        newBlockStateInfo[cacheKey] = info
+        world.sentBlockStateModels.add(cacheKey)
+      }
+    }
+    if (Object.keys(newBlockStateInfo).length > 0) {
+      postMessage({ type: 'blockStateModelInfo', info: newBlockStateInfo })
+    }
+  }
+
+  // const time = performance.now() - start
+  // console.log(`Processed ${sections.length} sections in ${time} ms (${time / sections.length} ms/section)`)
+}, 50)
diff --git a/renderer/viewer/lib/mesher/models.ts b/renderer/viewer/lib/mesher/models.ts
new file mode 100644
index 00000000..aca47e15
--- /dev/null
+++ b/renderer/viewer/lib/mesher/models.ts
@@ -0,0 +1,745 @@
+import { Vec3 } from 'vec3'
+import worldBlockProvider, { WorldBlockProvider } from 'mc-assets/dist/worldBlockProvider'
+import legacyJson from '../../../../src/preflatMap.json'
+import { BlockType } from '../../../playground/shared'
+import { World, BlockModelPartsResolved, WorldBlock as Block, WorldBlock } from './world'
+import { BlockElement, buildRotationMatrix, elemFaces, matmul3, matmulmat3, vecadd3, vecsub3 } from './modelsGeometryCommon'
+import { INVISIBLE_BLOCKS } from './worldConstants'
+import { MesherGeometryOutput, HighestBlockInfo } from './shared'
+
+
+let blockProvider: WorldBlockProvider
+
+const tints: any = {}
+let needTiles = false
+
+let tintsData
+try {
+  tintsData = require('esbuild-data').tints
+} catch (err) {
+  tintsData = require('minecraft-data/minecraft-data/data/pc/1.16.2/tints.json')
+}
+for (const key of Object.keys(tintsData)) {
+  tints[key] = prepareTints(tintsData[key])
+}
+
+type Tiles = {
+  [blockPos: string]: BlockType
+}
+
+function prepareTints (tints) {
+  const map = new Map()
+  const defaultValue = tintToGl(tints.default)
+  for (let { keys, color } of tints.data) {
+    color = tintToGl(color)
+    for (const key of keys) {
+      map.set(`${key}`, color)
+    }
+  }
+  return new Proxy(map, {
+    get (target, key) {
+      return target.has(key) ? target.get(key) : defaultValue
+    }
+  })
+}
+
+const calculatedBlocksEntries = Object.entries(legacyJson.clientCalculatedBlocks)
+export function preflatBlockCalculation (block: Block, world: World, position: Vec3) {
+  const type = calculatedBlocksEntries.find(([name, blocks]) => blocks.includes(block.name))?.[0]
+  if (!type) return
+  switch (type) {
+    case 'directional': {
+      const isSolidConnection = !block.name.includes('redstone') && !block.name.includes('tripwire')
+      const neighbors = [
+        world.getBlock(position.offset(0, 0, 1)),
+        world.getBlock(position.offset(0, 0, -1)),
+        world.getBlock(position.offset(1, 0, 0)),
+        world.getBlock(position.offset(-1, 0, 0))
+      ]
+      // set needed props to true: east:'false',north:'false',south:'false',west:'false'
+      const props = {}
+      let changed = false
+      for (const [i, neighbor] of neighbors.entries()) {
+        const isConnectedToSolid = isSolidConnection ? (neighbor && !neighbor.transparent) : false
+        if (isConnectedToSolid || neighbor?.name === block.name) {
+          props[['south', 'north', 'east', 'west'][i]] = 'true'
+          changed = true
+        }
+      }
+      return changed ? props : undefined
+    }
+    // case 'gate_in_wall': {}
+    case 'block_snowy': {
+      const aboveIsSnow = world.getBlock(position.offset(0, 1, 0))?.name === 'snow'
+      if (aboveIsSnow) {
+        return {
+          snowy: `${aboveIsSnow}`
+        }
+      } else {
+        return
+      }
+    }
+    case 'door': {
+      // upper half matches lower in
+      const { half } = block.getProperties()
+      if (half === 'upper') {
+        // copy other properties
+        const lower = world.getBlock(position.offset(0, -1, 0))
+        if (lower?.name === block.name) {
+          return {
+            ...lower.getProperties(),
+            half: 'upper'
+          }
+        }
+      }
+    }
+  }
+}
+
+function tintToGl (tint) {
+  const r = (tint >> 16) & 0xff
+  const g = (tint >> 8) & 0xff
+  const b = tint & 0xff
+  return [r / 255, g / 255, b / 255]
+}
+
+function getLiquidRenderHeight (world: World, block: WorldBlock | null, type: number, pos: Vec3, isWater: boolean, isRealWater: boolean) {
+  if ((isWater && !isRealWater) || (block && isBlockWaterlogged(block))) return 8 / 9
+  if (!block || block.type !== type) return 1 / 9
+  if (block.metadata === 0) { // source block
+    const blockAbove = world.getBlock(pos.offset(0, 1, 0))
+    if (blockAbove && blockAbove.type === type) return 1
+    return 8 / 9
+  }
+  return ((block.metadata >= 8 ? 8 : 7 - block.metadata) + 1) / 9
+}
+
+
+const isCube = (block: Block) => {
+  if (!block || block.transparent) return false
+  if (block.isCube) return true
+  if (!block.models?.length || block.models.length !== 1) return false
+  // all variants
+  return block.models[0].every(v => v.elements.every(e => {
+    return e.from[0] === 0 && e.from[1] === 0 && e.from[2] === 0 && e.to[0] === 16 && e.to[1] === 16 && e.to[2] === 16
+  }))
+}
+
+const getVec = (v: Vec3, dir: Vec3) => {
+  for (const coord of ['x', 'y', 'z']) {
+    if (Math.abs(dir[coord]) > 0) v[coord] = 0
+  }
+  return v.plus(dir)
+}
+
+function renderLiquid (world: World, cursor: Vec3, texture: any | undefined, type: number, biome: string, water: boolean, attr: MesherGeometryOutput, isRealWater: boolean) {
+  const heights: number[] = []
+  for (let z = -1; z <= 1; z++) {
+    for (let x = -1; x <= 1; x++) {
+      const pos = cursor.offset(x, 0, z)
+      heights.push(getLiquidRenderHeight(world, world.getBlock(pos), type, pos, water, isRealWater))
+    }
+  }
+  const cornerHeights = [
+    Math.max(Math.max(heights[0], heights[1]), Math.max(heights[3], heights[4])),
+    Math.max(Math.max(heights[1], heights[2]), Math.max(heights[4], heights[5])),
+    Math.max(Math.max(heights[3], heights[4]), Math.max(heights[6], heights[7])),
+    Math.max(Math.max(heights[4], heights[5]), Math.max(heights[7], heights[8]))
+  ]
+
+  // eslint-disable-next-line guard-for-in
+  for (const face in elemFaces) {
+    const { dir, corners, mask1, mask2 } = elemFaces[face]
+    const isUp = dir[1] === 1
+
+    const neighborPos = cursor.offset(...dir as [number, number, number])
+    const neighbor = world.getBlock(neighborPos)
+    if (!neighbor) continue
+    if (neighbor.type === type || (water && (neighbor.name === 'water' || isBlockWaterlogged(neighbor)))) continue
+    if (isCube(neighbor) && !isUp) continue
+
+    let tint = [1, 1, 1]
+    if (water) {
+      let m = 1 // Fake lighting to improve lisibility
+      if (Math.abs(dir[0]) > 0) m = 0.6
+      else if (Math.abs(dir[2]) > 0) m = 0.8
+      tint = tints.water[biome]
+      tint = [tint[0] * m, tint[1] * m, tint[2] * m]
+    }
+
+    if (needTiles) {
+      const tiles = attr.tiles as Tiles
+      tiles[`${cursor.x},${cursor.y},${cursor.z}`] ??= {
+        block: 'water',
+        faces: [],
+      }
+      tiles[`${cursor.x},${cursor.y},${cursor.z}`].faces.push({
+        face,
+        neighbor: `${neighborPos.x},${neighborPos.y},${neighborPos.z}`,
+        side: 0, // todo
+        textureIndex: 0,
+        // texture: eFace.texture.name,
+      })
+    }
+
+    const { u } = texture
+    const { v } = texture
+    const { su } = texture
+    const { sv } = texture
+
+    // Get base light value for the face
+    const baseLight = world.getLight(neighborPos, undefined, undefined, water ? 'water' : 'lava') / 15
+
+    for (const pos of corners) {
+      const height = cornerHeights[pos[2] * 2 + pos[0]]
+      const OFFSET = 0.0001
+      attr.t_positions!.push(
+        (pos[0] ? 1 - OFFSET : OFFSET) + (cursor.x & 15) - 8,
+        (pos[1] ? height - OFFSET : OFFSET) + (cursor.y & 15) - 8,
+        (pos[2] ? 1 - OFFSET : OFFSET) + (cursor.z & 15) - 8
+      )
+      attr.t_normals!.push(...dir)
+      attr.t_uvs!.push(pos[3] * su + u, pos[4] * sv * (pos[1] ? 1 : height) + v)
+
+      let cornerLightResult = baseLight
+      if (world.config.smoothLighting) {
+        const dx = pos[0] * 2 - 1
+        const dy = pos[1] * 2 - 1
+        const dz = pos[2] * 2 - 1
+        const cornerDir: [number, number, number] = [dx, dy, dz]
+        const side1Dir: [number, number, number] = [dx * mask1[0], dy * mask1[1], dz * mask1[2]]
+        const side2Dir: [number, number, number] = [dx * mask2[0], dy * mask2[1], dz * mask2[2]]
+
+        const dirVec = new Vec3(...dir as [number, number, number])
+
+        const side1LightDir = getVec(new Vec3(...side1Dir), dirVec)
+        const side1Light = world.getLight(cursor.plus(side1LightDir)) / 15
+        const side2DirLight = getVec(new Vec3(...side2Dir), dirVec)
+        const side2Light = world.getLight(cursor.plus(side2DirLight)) / 15
+        const cornerLightDir = getVec(new Vec3(...cornerDir), dirVec)
+        const cornerLight = world.getLight(cursor.plus(cornerLightDir)) / 15
+        // interpolate
+        const lights = [side1Light, side2Light, cornerLight, baseLight]
+        cornerLightResult = lights.reduce((acc, cur) => acc + cur, 0) / lights.length
+      }
+
+      // Apply light value to tint
+      attr.t_colors!.push(tint[0] * cornerLightResult, tint[1] * cornerLightResult, tint[2] * cornerLightResult)
+    }
+  }
+}
+
+const identicalCull = (currentElement: BlockElement, neighbor: Block, direction: Vec3) => {
+  const dirStr = `${direction.x},${direction.y},${direction.z}`
+  const lookForOppositeSide = {
+    '0,1,0': 'down',
+    '0,-1,0': 'up',
+    '1,0,0': 'east',
+    '-1,0,0': 'west',
+    '0,0,1': 'south',
+    '0,0,-1': 'north',
+  }[dirStr]!
+  const elemCompareForm = {
+    '0,1,0': (e: BlockElement) => `${e.from[0]},${e.from[2]}:${e.to[0]},${e.to[2]}`,
+    '0,-1,0': (e: BlockElement) => `${e.to[0]},${e.to[2]}:${e.from[0]},${e.from[2]}`,
+    '1,0,0': (e: BlockElement) => `${e.from[2]},${e.from[1]}:${e.to[2]},${e.to[1]}`,
+    '-1,0,0': (e: BlockElement) => `${e.to[2]},${e.to[1]}:${e.from[2]},${e.from[1]}`,
+    '0,0,1': (e: BlockElement) => `${e.from[1]},${e.from[2]}:${e.to[1]},${e.to[2]}`,
+    '0,0,-1': (e: BlockElement) => `${e.to[1]},${e.to[2]}:${e.from[1]},${e.from[2]}`,
+  }[dirStr]!
+  const elementEdgeValidator = {
+    '0,1,0': (e: BlockElement) => currentElement.from[1] === 0 && e.to[2] === 16,
+    '0,-1,0': (e: BlockElement) => currentElement.from[1] === 0 && e.to[2] === 16,
+    '1,0,0': (e: BlockElement) => currentElement.from[0] === 0 && e.to[1] === 16,
+    '-1,0,0': (e: BlockElement) => currentElement.from[0] === 0 && e.to[1] === 16,
+    '0,0,1': (e: BlockElement) => currentElement.from[2] === 0 && e.to[0] === 16,
+    '0,0,-1': (e: BlockElement) => currentElement.from[2] === 0 && e.to[0] === 16,
+  }[dirStr]!
+  const useVar = 0
+  const models = neighbor.models?.map(m => m[useVar] ?? m[0]) ?? []
+  // TODO we should support it! rewrite with optimizing general pipeline
+  if (models.some(m => m.x || m.y || m.z)) return
+  return models.every(model => {
+    return (model.elements ?? []).every(element => {
+      // todo check alfa on texture
+      return !!(element.faces[lookForOppositeSide]?.cullface && elemCompareForm(currentElement) === elemCompareForm(element) && elementEdgeValidator(element))
+    })
+  })
+}
+
+let needSectionRecomputeOnChange = false
+
+function renderElement (world: World, cursor: Vec3, element: BlockElement, doAO: boolean, attr: MesherGeometryOutput, globalMatrix: any, globalShift: any, block: Block, biome: string) {
+  const position = cursor
+  // const key = `${position.x},${position.y},${position.z}`
+  // if (!globalThis.allowedBlocks.includes(key)) return
+  const cullIfIdentical = block.name.includes('glass') || block.name.includes('ice')
+
+  // eslint-disable-next-line guard-for-in
+  for (const face in element.faces) {
+    const eFace = element.faces[face]
+    const { corners, mask1, mask2, side } = elemFaces[face]
+    const dir = matmul3(globalMatrix, elemFaces[face].dir)
+
+    if (eFace.cullface) {
+      const neighbor = world.getBlock(cursor.plus(new Vec3(...dir)), blockProvider, {})
+      if (neighbor) {
+        if (cullIfIdentical && neighbor.stateId === block.stateId) continue
+        if (!neighbor.transparent && (isCube(neighbor) || identicalCull(element, neighbor, new Vec3(...dir)))) continue
+      } else {
+        needSectionRecomputeOnChange = true
+        // continue
+      }
+    }
+
+    const minx = element.from[0]
+    const miny = element.from[1]
+    const minz = element.from[2]
+    const maxx = element.to[0]
+    const maxy = element.to[1]
+    const maxz = element.to[2]
+
+    const texture = eFace.texture as any
+    const { u } = texture
+    const { v } = texture
+    const { su } = texture
+    const { sv } = texture
+
+    const ndx = Math.floor(attr.positions.length / 3)
+
+    let tint = [1, 1, 1]
+    if (eFace.tintindex !== undefined) {
+      if (eFace.tintindex === 0) {
+        if (block.name === 'redstone_wire') {
+          tint = tints.redstone[`${block.getProperties().power}`]
+        } else if (block.name === 'birch_leaves' ||
+          block.name === 'spruce_leaves' ||
+          block.name === 'lily_pad') {
+          tint = tints.constant[block.name]
+        } else if (block.name.includes('leaves') || block.name === 'vine') {
+          tint = tints.foliage[biome]
+        } else {
+          tint = tints.grass[biome]
+        }
+      }
+    }
+
+    // UV rotation
+    let r = eFace.rotation || 0
+    if (face === 'down') {
+      r += 180
+    }
+    const uvcs = Math.cos(r * Math.PI / 180)
+    const uvsn = -Math.sin(r * Math.PI / 180)
+
+    let localMatrix = null as any
+    let localShift = null as any
+
+    if (element.rotation && !needTiles) {
+      // Rescale support for block model rotations
+      localMatrix = buildRotationMatrix(
+        element.rotation.axis,
+        element.rotation.angle
+      )
+
+      localShift = vecsub3(
+        element.rotation.origin,
+        matmul3(
+          localMatrix,
+          element.rotation.origin
+        )
+      )
+
+      // Apply rescale if specified
+      if (element.rotation.rescale) {
+        const FIT_TO_BLOCK_SCALE_MULTIPLIER = 2 - Math.sqrt(2)
+        const angleRad = element.rotation.angle * Math.PI / 180
+        const scale = Math.abs(Math.sin(angleRad)) * FIT_TO_BLOCK_SCALE_MULTIPLIER
+
+        // Get axis vector components (1 for the rotation axis, 0 for others)
+        const axisX = element.rotation.axis === 'x' ? 1 : 0
+        const axisY = element.rotation.axis === 'y' ? 1 : 0
+        const axisZ = element.rotation.axis === 'z' ? 1 : 0
+
+        // Create scale matrix: scale = (1 - axisComponent) * scaleFactor + 1
+        const scaleMatrix = [
+          [(1 - axisX) * scale + 1, 0, 0],
+          [0, (1 - axisY) * scale + 1, 0],
+          [0, 0, (1 - axisZ) * scale + 1]
+        ]
+
+        // Apply scaling to the transformation matrix
+        localMatrix = matmulmat3(localMatrix, scaleMatrix)
+
+        // Recalculate shift with the new matrix
+        localShift = vecsub3(
+          element.rotation.origin,
+          matmul3(
+            localMatrix,
+            element.rotation.origin
+          )
+        )
+      }
+    }
+
+    const aos: number[] = []
+    const neighborPos = position.plus(new Vec3(...dir))
+    // 10%
+    const baseLight = world.getLight(neighborPos, undefined, undefined, block.name) / 15
+    for (const pos of corners) {
+      let vertex = [
+        (pos[0] ? maxx : minx),
+        (pos[1] ? maxy : miny),
+        (pos[2] ? maxz : minz)
+      ]
+
+      if (!needTiles) { // 10%
+        vertex = vecadd3(matmul3(localMatrix, vertex), localShift)
+        vertex = vecadd3(matmul3(globalMatrix, vertex), globalShift)
+        vertex = vertex.map(v => v / 16)
+
+        attr.positions.push(
+          vertex[0] + (cursor.x & 15) - 8,
+          vertex[1] + (cursor.y & 15) - 8,
+          vertex[2] + (cursor.z & 15) - 8
+        )
+
+        attr.normals.push(...dir)
+
+        const baseu = (pos[3] - 0.5) * uvcs - (pos[4] - 0.5) * uvsn + 0.5
+        const basev = (pos[3] - 0.5) * uvsn + (pos[4] - 0.5) * uvcs + 0.5
+        attr.uvs.push(baseu * su + u, basev * sv + v)
+      }
+
+      let light = 1
+      const { smoothLighting } = world.config
+      // const smoothLighting = true
+      if (doAO) {
+        const dx = pos[0] * 2 - 1
+        const dy = pos[1] * 2 - 1
+        const dz = pos[2] * 2 - 1
+        const cornerDir = matmul3(globalMatrix, [dx, dy, dz])
+        const side1Dir = matmul3(globalMatrix, [dx * mask1[0], dy * mask1[1], dz * mask1[2]])
+        const side2Dir = matmul3(globalMatrix, [dx * mask2[0], dy * mask2[1], dz * mask2[2]])
+        const side1 = world.getBlock(cursor.offset(...side1Dir))
+        const side2 = world.getBlock(cursor.offset(...side2Dir))
+        const corner = world.getBlock(cursor.offset(...cornerDir))
+
+        let cornerLightResult = baseLight * 15
+
+        if (smoothLighting) {
+          const dirVec = new Vec3(...dir)
+          const getVec = (v: Vec3) => {
+            for (const coord of ['x', 'y', 'z']) {
+              if (Math.abs(dirVec[coord]) > 0) v[coord] = 0
+            }
+            return v.plus(dirVec)
+          }
+          const side1LightDir = getVec(new Vec3(...side1Dir))
+          const side1Light = world.getLight(cursor.plus(side1LightDir))
+          const side2DirLight = getVec(new Vec3(...side2Dir))
+          const side2Light = world.getLight(cursor.plus(side2DirLight))
+          const cornerLightDir = getVec(new Vec3(...cornerDir))
+          const cornerLight = world.getLight(cursor.plus(cornerLightDir))
+          // interpolate
+          const lights = [side1Light, side2Light, cornerLight, baseLight * 15]
+          cornerLightResult = lights.reduce((acc, cur) => acc + cur, 0) / lights.length
+        }
+
+        const side1Block = world.shouldMakeAo(side1) ? 1 : 0
+        const side2Block = world.shouldMakeAo(side2) ? 1 : 0
+        const cornerBlock = world.shouldMakeAo(corner) ? 1 : 0
+
+        // TODO: correctly interpolate ao light based on pos (evaluate once for each corner of the block)
+
+        const ao = (side1Block && side2Block) ? 0 : (3 - (side1Block + side2Block + cornerBlock))
+        // todo light should go upper on lower blocks
+        light = (ao + 1) / 4 * (cornerLightResult / 15)
+        aos.push(ao)
+      }
+
+      if (!needTiles) {
+        attr.colors.push(tint[0] * light, tint[1] * light, tint[2] * light)
+      }
+    }
+
+    const lightWithColor = [baseLight * tint[0], baseLight * tint[1], baseLight * tint[2]] as [number, number, number]
+
+    if (needTiles) {
+      const tiles = attr.tiles as Tiles
+      tiles[`${cursor.x},${cursor.y},${cursor.z}`] ??= {
+        block: block.name,
+        faces: [],
+      }
+      const needsOnlyOneFace = false
+      const isTilesEmpty = tiles[`${cursor.x},${cursor.y},${cursor.z}`].faces.length < 1
+      if (isTilesEmpty || !needsOnlyOneFace) {
+        tiles[`${cursor.x},${cursor.y},${cursor.z}`].faces.push({
+          face,
+          side,
+          textureIndex: eFace.texture.tileIndex,
+          neighbor: `${neighborPos.x},${neighborPos.y},${neighborPos.z}`,
+          light: baseLight,
+          tint: lightWithColor,
+          //@ts-expect-error debug prop
+          texture: eFace.texture.debugName || block.name,
+        } satisfies BlockType['faces'][number])
+      }
+    }
+
+    if (!needTiles) {
+      if (doAO && aos[0] + aos[3] >= aos[1] + aos[2]) {
+        attr.indices[attr.indicesCount++] = ndx
+        attr.indices[attr.indicesCount++] = ndx + 3
+        attr.indices[attr.indicesCount++] = ndx + 2
+        attr.indices[attr.indicesCount++] = ndx
+        attr.indices[attr.indicesCount++] = ndx + 1
+        attr.indices[attr.indicesCount++] = ndx + 3
+      } else {
+        attr.indices[attr.indicesCount++] = ndx
+        attr.indices[attr.indicesCount++] = ndx + 1
+        attr.indices[attr.indicesCount++] = ndx + 2
+        attr.indices[attr.indicesCount++] = ndx + 2
+        attr.indices[attr.indicesCount++] = ndx + 1
+        attr.indices[attr.indicesCount++] = ndx + 3
+      }
+    }
+  }
+}
+
+const ALWAYS_WATERLOGGED = new Set([
+  'seagrass',
+  'tall_seagrass',
+  'kelp',
+  'kelp_plant',
+  'bubble_column'
+])
+const isBlockWaterlogged = (block: Block) => {
+  return block.getProperties().waterlogged === true || block.getProperties().waterlogged === 'true' || ALWAYS_WATERLOGGED.has(block.name)
+}
+
+let unknownBlockModel: BlockModelPartsResolved
+export function getSectionGeometry (sx: number, sy: number, sz: number, world: World) {
+  let delayedRender = [] as Array<() => void>
+
+  const attr: MesherGeometryOutput = {
+    sx: sx + 8,
+    sy: sy + 8,
+    sz: sz + 8,
+    positions: [],
+    normals: [],
+    colors: [],
+    uvs: [],
+    t_positions: [],
+    t_normals: [],
+    t_colors: [],
+    t_uvs: [],
+    indices: [],
+    indicesCount: 0, // Track current index position
+    using32Array: true,
+    tiles: {},
+    // todo this can be removed here
+    heads: {},
+    signs: {},
+    // isFull: true,
+    hadErrors: false,
+    blocksCount: 0
+  }
+
+  const cursor = new Vec3(0, 0, 0)
+  for (cursor.y = sy; cursor.y < sy + 16; cursor.y++) {
+    for (cursor.z = sz; cursor.z < sz + 16; cursor.z++) {
+      for (cursor.x = sx; cursor.x < sx + 16; cursor.x++) {
+        let block = world.getBlock(cursor, blockProvider, attr)!
+        if (INVISIBLE_BLOCKS.has(block.name)) continue
+        if ((block.name.includes('_sign') || block.name === 'sign') && !world.config.disableSignsMapsSupport) {
+          const key = `${cursor.x},${cursor.y},${cursor.z}`
+          const props: any = block.getProperties()
+          const facingRotationMap = {
+            'north': 2,
+            'south': 0,
+            'west': 1,
+            'east': 3
+          }
+          const isWall = block.name.endsWith('wall_sign') || block.name.endsWith('wall_hanging_sign')
+          const isHanging = block.name.endsWith('hanging_sign')
+          attr.signs[key] = {
+            isWall,
+            isHanging,
+            rotation: isWall ? facingRotationMap[props.facing] : +props.rotation
+          }
+        } else if (block.name === 'player_head' || block.name === 'player_wall_head') {
+          const key = `${cursor.x},${cursor.y},${cursor.z}`
+          const props: any = block.getProperties()
+          const facingRotationMap = {
+            'north': 0,
+            'south': 2,
+            'west': 3,
+            'east': 1
+          }
+          const isWall = block.name === 'player_wall_head'
+          attr.heads[key] = {
+            isWall,
+            rotation: isWall ? facingRotationMap[props.facing] : +props.rotation
+          }
+        }
+        const biome = block.biome.name
+
+        if (world.preflat) { // 10% perf
+          const patchProperties = preflatBlockCalculation(block, world, cursor)
+          if (patchProperties) {
+            block._originalProperties ??= block._properties
+            block._properties = { ...block._originalProperties, ...patchProperties }
+            if (block.models && JSON.stringify(block._originalProperties) !== JSON.stringify(block._properties)) {
+              // recompute models
+              block.models = undefined
+              block = world.getBlock(cursor, blockProvider, attr)!
+            }
+          } else {
+            block._properties = block._originalProperties ?? block._properties
+            block._originalProperties = undefined
+          }
+        }
+
+        const isWaterlogged = isBlockWaterlogged(block)
+        if (block.name === 'water' || isWaterlogged) {
+          const pos = cursor.clone()
+          // eslint-disable-next-line @typescript-eslint/no-loop-func
+          delayedRender.push(() => {
+            renderLiquid(world, pos, blockProvider.getTextureInfo('water_still'), block.type, biome, true, attr, !isWaterlogged)
+          })
+          attr.blocksCount++
+        } else if (block.name === 'lava') {
+          renderLiquid(world, cursor, blockProvider.getTextureInfo('lava_still'), block.type, biome, false, attr, false)
+          attr.blocksCount++
+        }
+        if (block.name !== 'water' && block.name !== 'lava' && !INVISIBLE_BLOCKS.has(block.name)) {
+          // cache
+          let { models } = block
+
+          models ??= unknownBlockModel
+
+          const firstForceVar = world.config.debugModelVariant?.[0]
+          let part = 0
+          for (const modelVars of models ?? []) {
+            const pos = cursor.clone()
+            // const variantRuntime = mod(Math.floor(pos.x / 16) + Math.floor(pos.y / 16) + Math.floor(pos.z / 16), modelVars.length)
+            const variantRuntime = 0
+            const useVariant = world.config.debugModelVariant?.[part] ?? firstForceVar ?? variantRuntime
+            part++
+            const model = modelVars[useVariant] ?? modelVars[0]
+            if (!model) continue
+
+            // #region 10%
+            let globalMatrix = null as any
+            let globalShift = null as any
+            for (const axis of ['x', 'y', 'z'] as const) {
+              if (axis in model) {
+                globalMatrix = globalMatrix ?
+                  matmulmat3(globalMatrix, buildRotationMatrix(axis, -(model[axis] ?? 0))) :
+                  buildRotationMatrix(axis, -(model[axis] ?? 0))
+              }
+            }
+            if (globalMatrix) {
+              globalShift = [8, 8, 8]
+              globalShift = vecsub3(globalShift, matmul3(globalMatrix, globalShift))
+            }
+            // #endregion
+
+            for (const element of model.elements ?? []) {
+              const ao = model.ao ?? true
+              if (block.transparent) {
+                const pos = cursor.clone()
+                delayedRender.push(() => {
+                  renderElement(world, pos, element, ao, attr, globalMatrix, globalShift, block, biome)
+                })
+              } else {
+                // 60%
+                renderElement(world, cursor, element, ao, attr, globalMatrix, globalShift, block, biome)
+              }
+            }
+          }
+          if (part > 0) attr.blocksCount++
+        }
+      }
+    }
+  }
+
+  for (const render of delayedRender) {
+    render()
+  }
+  delayedRender = []
+
+  let ndx = attr.positions.length / 3
+  for (let i = 0; i < attr.t_positions!.length / 12; i++) {
+    attr.indices[attr.indicesCount++] = ndx
+    attr.indices[attr.indicesCount++] = ndx + 1
+    attr.indices[attr.indicesCount++] = ndx + 2
+    attr.indices[attr.indicesCount++] = ndx + 2
+    attr.indices[attr.indicesCount++] = ndx + 1
+    attr.indices[attr.indicesCount++] = ndx + 3
+    // back face
+    attr.indices[attr.indicesCount++] = ndx
+    attr.indices[attr.indicesCount++] = ndx + 2
+    attr.indices[attr.indicesCount++] = ndx + 1
+    attr.indices[attr.indicesCount++] = ndx + 2
+    attr.indices[attr.indicesCount++] = ndx + 3
+    attr.indices[attr.indicesCount++] = ndx + 1
+    ndx += 4
+  }
+
+  attr.positions.push(...attr.t_positions!)
+  attr.normals.push(...attr.t_normals!)
+  attr.colors.push(...attr.t_colors!)
+  attr.uvs.push(...attr.t_uvs!)
+
+  delete attr.t_positions
+  delete attr.t_normals
+  delete attr.t_colors
+  delete attr.t_uvs
+
+  attr.positions = new Float32Array(attr.positions) as any
+  attr.normals = new Float32Array(attr.normals) as any
+  attr.colors = new Float32Array(attr.colors) as any
+  attr.uvs = new Float32Array(attr.uvs) as any
+  attr.using32Array = arrayNeedsUint32(attr.indices)
+  if (attr.using32Array) {
+    attr.indices = new Uint32Array(attr.indices)
+  } else {
+    attr.indices = new Uint16Array(attr.indices)
+  }
+
+  if (needTiles) {
+    delete attr.positions
+    delete attr.normals
+    delete attr.colors
+    delete attr.uvs
+  }
+
+  return attr
+}
+
+// copied from three.js
+function arrayNeedsUint32 (array) {
+
+  // assumes larger values usually on last
+
+  for (let i = array.length - 1; i >= 0; -- i) {
+
+    if (array[i] >= 65_535) return true // account for PRIMITIVE_RESTART_FIXED_INDEX, #24565
+
+  }
+
+  return false
+
+}
+
+export const setBlockStatesData = (blockstatesModels, blocksAtlas: any, _needTiles = false, useUnknownBlockModel = true, version = 'latest') => {
+  blockProvider = worldBlockProvider(blockstatesModels, blocksAtlas, version)
+  globalThis.blockProvider = blockProvider
+  if (useUnknownBlockModel) {
+    unknownBlockModel = blockProvider.getAllResolvedModels0_1({ name: 'unknown', properties: {} })
+  }
+
+  needTiles = _needTiles
+}
diff --git a/renderer/viewer/lib/mesher/modelsGeometryCommon.ts b/renderer/viewer/lib/mesher/modelsGeometryCommon.ts
new file mode 100644
index 00000000..3df20556
--- /dev/null
+++ b/renderer/viewer/lib/mesher/modelsGeometryCommon.ts
@@ -0,0 +1,142 @@
+import { BlockModelPartsResolved } from './world'
+
+export type BlockElement = NonNullable<BlockModelPartsResolved[0][0]['elements']>[0]
+
+
+export function buildRotationMatrix (axis, degree) {
+  const radians = degree / 180 * Math.PI
+  const cos = Math.cos(radians)
+  const sin = Math.sin(radians)
+
+  const axis0 = { x: 0, y: 1, z: 2 }[axis]
+  const axis1 = (axis0 + 1) % 3
+  const axis2 = (axis0 + 2) % 3
+
+  const matrix = [
+    [0, 0, 0],
+    [0, 0, 0],
+    [0, 0, 0]
+  ]
+
+  matrix[axis0][axis0] = 1
+  matrix[axis1][axis1] = cos
+  matrix[axis1][axis2] = -sin
+  matrix[axis2][axis1] = +sin
+  matrix[axis2][axis2] = cos
+
+  return matrix
+}
+
+export function vecadd3 (a, b) {
+  if (!b) return a
+  return [a[0] + b[0], a[1] + b[1], a[2] + b[2]]
+}
+
+export function vecsub3 (a, b) {
+  if (!b) return a
+  return [a[0] - b[0], a[1] - b[1], a[2] - b[2]]
+}
+
+export function matmul3 (matrix, vector): [number, number, number] {
+  if (!matrix) return vector
+  return [
+    matrix[0][0] * vector[0] + matrix[0][1] * vector[1] + matrix[0][2] * vector[2],
+    matrix[1][0] * vector[0] + matrix[1][1] * vector[1] + matrix[1][2] * vector[2],
+    matrix[2][0] * vector[0] + matrix[2][1] * vector[1] + matrix[2][2] * vector[2]
+  ]
+}
+
+export function matmulmat3 (a, b) {
+  const te = [[0, 0, 0], [0, 0, 0], [0, 0, 0]]
+
+  const a11 = a[0][0]; const a12 = a[1][0]; const a13 = a[2][0]
+  const a21 = a[0][1]; const a22 = a[1][1]; const a23 = a[2][1]
+  const a31 = a[0][2]; const a32 = a[1][2]; const a33 = a[2][2]
+
+  const b11 = b[0][0]; const b12 = b[1][0]; const b13 = b[2][0]
+  const b21 = b[0][1]; const b22 = b[1][1]; const b23 = b[2][1]
+  const b31 = b[0][2]; const b32 = b[1][2]; const b33 = b[2][2]
+
+  te[0][0] = a11 * b11 + a12 * b21 + a13 * b31
+  te[1][0] = a11 * b12 + a12 * b22 + a13 * b32
+  te[2][0] = a11 * b13 + a12 * b23 + a13 * b33
+
+  te[0][1] = a21 * b11 + a22 * b21 + a23 * b31
+  te[1][1] = a21 * b12 + a22 * b22 + a23 * b32
+  te[2][1] = a21 * b13 + a22 * b23 + a23 * b33
+
+  te[0][2] = a31 * b11 + a32 * b21 + a33 * b31
+  te[1][2] = a31 * b12 + a32 * b22 + a33 * b32
+  te[2][2] = a31 * b13 + a32 * b23 + a33 * b33
+
+  return te
+}
+
+export const elemFaces = {
+  up: {
+    dir: [0, 1, 0],
+    mask1: [1, 1, 0],
+    mask2: [0, 1, 1],
+    corners: [
+      [0, 1, 1, 0, 1],
+      [1, 1, 1, 1, 1],
+      [0, 1, 0, 0, 0],
+      [1, 1, 0, 1, 0]
+    ]
+  },
+  down: {
+    dir: [0, -1, 0],
+    mask1: [1, 1, 0],
+    mask2: [0, 1, 1],
+    corners: [
+      [1, 0, 1, 0, 1],
+      [0, 0, 1, 1, 1],
+      [1, 0, 0, 0, 0],
+      [0, 0, 0, 1, 0]
+    ]
+  },
+  east: {
+    dir: [1, 0, 0],
+    mask1: [1, 1, 0],
+    mask2: [1, 0, 1],
+    corners: [
+      [1, 1, 1, 0, 0],
+      [1, 0, 1, 0, 1],
+      [1, 1, 0, 1, 0],
+      [1, 0, 0, 1, 1]
+    ]
+  },
+  west: {
+    dir: [-1, 0, 0],
+    mask1: [1, 1, 0],
+    mask2: [1, 0, 1],
+    corners: [
+      [0, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1],
+      [0, 1, 1, 1, 0],
+      [0, 0, 1, 1, 1]
+    ]
+  },
+  north: {
+    dir: [0, 0, -1],
+    mask1: [1, 0, 1],
+    mask2: [0, 1, 1],
+    corners: [
+      [1, 0, 0, 1, 1],
+      [0, 0, 0, 0, 1],
+      [1, 1, 0, 1, 0],
+      [0, 1, 0, 0, 0]
+    ]
+  },
+  south: {
+    dir: [0, 0, 1],
+    mask1: [1, 0, 1],
+    mask2: [0, 1, 1],
+    corners: [
+      [0, 0, 1, 0, 1],
+      [1, 0, 1, 1, 1],
+      [0, 1, 1, 0, 0],
+      [1, 1, 1, 1, 0]
+    ]
+  }
+}
diff --git a/renderer/viewer/lib/mesher/shared.ts b/renderer/viewer/lib/mesher/shared.ts
new file mode 100644
index 00000000..230db6b9
--- /dev/null
+++ b/renderer/viewer/lib/mesher/shared.ts
@@ -0,0 +1,70 @@
+import { BlockType } from '../../../playground/shared'
+
+// only here for easier testing
+export const defaultMesherConfig = {
+  version: '',
+  worldMaxY: 256,
+  worldMinY: 0,
+  enableLighting: true,
+  skyLight: 15,
+  smoothLighting: true,
+  outputFormat: 'threeJs' as 'threeJs' | 'webgpu',
+  // textureSize: 1024, // for testing
+  debugModelVariant: undefined as undefined | number[],
+  clipWorldBelowY: undefined as undefined | number,
+  disableSignsMapsSupport: false
+}
+
+export type CustomBlockModels = {
+  [blockPosKey: string]: string // blockPosKey is "x,y,z" -> model name
+}
+
+export type MesherConfig = typeof defaultMesherConfig
+
+export type MesherGeometryOutput = {
+  sx: number,
+  sy: number,
+  sz: number,
+  // resulting: float32array
+  positions: any,
+  normals: any,
+  colors: any,
+  uvs: any,
+  t_positions?: number[],
+  t_normals?: number[],
+  t_colors?: number[],
+  t_uvs?: number[],
+
+  indices: Uint32Array | Uint16Array | number[],
+  indicesCount: number,
+  using32Array: boolean,
+  tiles: Record<string, BlockType>,
+  heads: Record<string, any>,
+  signs: Record<string, any>,
+  // isFull: boolean
+  hadErrors: boolean
+  blocksCount: number
+  customBlockModels?: CustomBlockModels
+}
+
+export interface MesherMainEvents {
+  geometry: { type: 'geometry'; key: string; geometry: MesherGeometryOutput; workerIndex: number };
+  sectionFinished: { type: 'sectionFinished'; key: string; workerIndex: number; processTime?: number };
+  blockStateModelInfo: { type: 'blockStateModelInfo'; info: Record<string, BlockStateModelInfo> };
+  heightmap: { type: 'heightmap'; key: string; heightmap: Uint8Array };
+}
+
+export type MesherMainEvent = MesherMainEvents[keyof MesherMainEvents]
+
+export type HighestBlockInfo = { y: number, stateId: number | undefined, biomeId: number | undefined }
+
+export type BlockStateModelInfo = {
+  cacheKey: string
+  issues: string[]
+  modelNames: string[]
+  conditions: string[]
+}
+
+export const getBlockAssetsCacheKey = (stateId: number, modelNameOverride?: string) => {
+  return modelNameOverride ? `${stateId}:${modelNameOverride}` : String(stateId)
+}
diff --git a/renderer/viewer/lib/mesher/standaloneRenderer.ts b/renderer/viewer/lib/mesher/standaloneRenderer.ts
new file mode 100644
index 00000000..3d468dce
--- /dev/null
+++ b/renderer/viewer/lib/mesher/standaloneRenderer.ts
@@ -0,0 +1,270 @@
+/* eslint-disable @stylistic/function-call-argument-newline */
+import { Vec3 } from 'vec3'
+import { Block } from 'prismarine-block'
+import { IndexedData } from 'minecraft-data'
+import * as THREE from 'three'
+import { BlockModelPartsResolved } from './world'
+import { BlockElement, buildRotationMatrix, elemFaces, matmul3, matmulmat3, vecadd3, vecsub3 } from './modelsGeometryCommon'
+
+type NeighborSide = 'up' | 'down' | 'east' | 'west' | 'north' | 'south'
+
+function tintToGl (tint) {
+  const r = (tint >> 16) & 0xff
+  const g = (tint >> 8) & 0xff
+  const b = tint & 0xff
+  return [r / 255, g / 255, b / 255]
+}
+
+type Neighbors = Partial<Record<NeighborSide, boolean>>
+function renderElement (element: BlockElement, doAO: boolean, attr, globalMatrix, globalShift, block: Block | undefined, biome: string, neighbors: Neighbors) {
+  const cursor = new Vec3(0, 0, 0)
+
+  // const key = `${position.x},${position.y},${position.z}`
+  // if (!globalThis.allowedBlocks.includes(key)) return
+  // const cullIfIdentical = block.name.indexOf('glass') >= 0
+
+  // eslint-disable-next-line guard-for-in
+  for (const face in element.faces) {
+    const eFace = element.faces[face]
+    const { corners, mask1, mask2 } = elemFaces[face]
+    const dir = matmul3(globalMatrix, elemFaces[face].dir)
+
+    if (eFace.cullface) {
+      if (neighbors[face]) continue
+    }
+
+    const minx = element.from[0]
+    const miny = element.from[1]
+    const minz = element.from[2]
+    const maxx = element.to[0]
+    const maxy = element.to[1]
+    const maxz = element.to[2]
+
+    const texture = eFace.texture as any
+    const { u } = texture
+    const { v } = texture
+    const { su } = texture
+    const { sv } = texture
+
+    const ndx = Math.floor(attr.positions.length / 3)
+
+    let tint = [1, 1, 1]
+    if (eFace.tintindex !== undefined) {
+      if (eFace.tintindex === 0) {
+        // TODO
+        // if (block.name === 'redstone_wire') {
+        //   tint = tints.redstone[`${block.getProperties().power}`]
+        // } else if (block.name === 'birch_leaves' ||
+        //   block.name === 'spruce_leaves' ||
+        //   block.name === 'lily_pad') {
+        //   tint = tints.constant[block.name]
+        // } else if (block.name.includes('leaves') || block.name === 'vine') {
+        //   tint = tints.foliage[biome]
+        // } else {
+        //   tint = tints.grass[biome]
+        // }
+        const grassTint = [145 / 255, 189 / 255, 89 / 255]
+        tint = grassTint
+      }
+    }
+
+    // UV rotation
+    const r = eFace.rotation || 0
+    const uvcs = Math.cos(r * Math.PI / 180)
+    const uvsn = -Math.sin(r * Math.PI / 180)
+
+    let localMatrix = null as any
+    let localShift = null as any
+
+    if (element.rotation) {
+      // todo do we support rescale?
+      localMatrix = buildRotationMatrix(
+        element.rotation.axis,
+        element.rotation.angle
+      )
+
+      localShift = vecsub3(
+        element.rotation.origin,
+        matmul3(
+          localMatrix,
+          element.rotation.origin
+        )
+      )
+    }
+
+    const aos: number[] = []
+    // const neighborPos = position.plus(new Vec3(...dir))
+    // const baseLight = world.getLight(neighborPos, undefined, undefined, block.name) / 15
+    const baseLight = 1
+    for (const pos of corners) {
+      let vertex = [
+        (pos[0] ? maxx : minx),
+        (pos[1] ? maxy : miny),
+        (pos[2] ? maxz : minz)
+      ]
+
+      vertex = vecadd3(matmul3(localMatrix, vertex), localShift)
+      vertex = vecadd3(matmul3(globalMatrix, vertex), globalShift)
+      vertex = vertex.map(v => v / 16)
+
+      attr.positions.push(
+        vertex[0]/*  + (cursor.x & 15) - 8 */,
+        vertex[1]/*  + (cursor.y & 15) x */,
+        vertex[2]/*  + (cursor.z & 15) - 8 */
+      )
+
+      attr.normals.push(...dir)
+
+      const baseu = (pos[3] - 0.5) * uvcs - (pos[4] - 0.5) * uvsn + 0.5
+      const basev = (pos[3] - 0.5) * uvsn + (pos[4] - 0.5) * uvcs + 0.5
+      attr.uvs.push(baseu * su + u, basev * sv + v)
+
+      let light = 1
+      if (doAO) {
+        const cornerLightResult = 15
+
+        const side1Block = 0
+        const side2Block = 0
+        const cornerBlock = 0
+
+        const ao = (side1Block && side2Block) ? 0 : (3 - (side1Block + side2Block + cornerBlock))
+        // todo light should go upper on lower blocks
+        light = (ao + 1) / 4 * (cornerLightResult / 15)
+        aos.push(ao)
+      }
+
+      attr.colors.push(baseLight * tint[0] * light, baseLight * tint[1] * light, baseLight * tint[2] * light)
+    }
+
+    // if (needTiles) {
+    //   attr.tiles[`${cursor.x},${cursor.y},${cursor.z}`] ??= {
+    //     block: block.name,
+    //     faces: [],
+    //   }
+    //   attr.tiles[`${cursor.x},${cursor.y},${cursor.z}`].faces.push({
+    //     face,
+    //     neighbor: `${neighborPos.x},${neighborPos.y},${neighborPos.z}`,
+    //     light: baseLight
+    //     // texture: eFace.texture.name,
+    //   })
+    // }
+
+    if (doAO && aos[0] + aos[3] >= aos[1] + aos[2]) {
+      attr.indices.push(
+
+        ndx, ndx + 3, ndx + 2,
+        ndx, ndx + 1, ndx + 3
+      )
+    } else {
+      attr.indices.push(
+
+        ndx, ndx + 1, ndx + 2,
+        ndx + 2, ndx + 1, ndx + 3
+      )
+    }
+  }
+}
+
+export const renderBlockThreeAttr = (models: BlockModelPartsResolved, block: Block | undefined, biome: string, mcData: IndexedData, variants = [], neighbors: Neighbors = {}) => {
+  const sx = 0
+  const sy = 0
+  const sz = 0
+
+  const attr = {
+    sx: sx + 0.5,
+    sy: sy + 0.5,
+    sz: sz + 0.5,
+    positions: [],
+    normals: [],
+    colors: [],
+    uvs: [],
+    t_positions: [],
+    t_normals: [],
+    t_colors: [],
+    t_uvs: [],
+    indices: [],
+    tiles: {},
+  } as Record<string, any>
+
+  for (const [i, modelVars] of models.entries()) {
+    const model = modelVars[variants[i]] ?? modelVars[0]
+    if (!model) continue
+    let globalMatrix = null as any
+    let globalShift = null as any
+    for (const axis of ['x', 'y', 'z'] as const) {
+      if (axis in model) {
+        if (globalMatrix) { globalMatrix = matmulmat3(globalMatrix, buildRotationMatrix(axis, -(model[axis] ?? 0))) } else { globalMatrix = buildRotationMatrix(axis, -(model[axis] ?? 0)) }
+      }
+    }
+    if (globalMatrix) {
+      globalShift = [8, 8, 8]
+      globalShift = vecsub3(globalShift, matmul3(globalMatrix, globalShift))
+    }
+
+    const ao = model.ao ?? true
+
+    for (const element of model.elements ?? []) {
+      renderElement(element, ao, attr, globalMatrix, globalShift, block, biome, neighbors)
+    }
+  }
+
+  let ndx = attr.positions.length / 3
+  for (let i = 0; i < attr.t_positions.length / 12; i++) {
+    attr.indices.push(
+      ndx, ndx + 1, ndx + 2, ndx + 2, ndx + 1, ndx + 3,
+      // back face
+      ndx, ndx + 2, ndx + 1, ndx + 2, ndx + 3, ndx + 1
+    )
+    ndx += 4
+  }
+
+  attr.positions.push(...attr.t_positions)
+  attr.normals.push(...attr.t_normals)
+  attr.colors.push(...attr.t_colors)
+  attr.uvs.push(...attr.t_uvs)
+
+  delete attr.t_positions
+  delete attr.t_normals
+  delete attr.t_colors
+  delete attr.t_uvs
+
+  attr.positions = new Float32Array(attr.positions) as any
+  attr.normals = new Float32Array(attr.normals) as any
+  attr.colors = new Float32Array(attr.colors) as any
+  attr.uvs = new Float32Array(attr.uvs) as any
+
+  return attr
+}
+
+export const renderBlockThree = (...args: Parameters<typeof renderBlockThreeAttr>) => {
+  const attr = renderBlockThreeAttr(...args)
+  const data = {
+    geometry: attr
+  }
+
+  const geometry = new THREE.BufferGeometry()
+  geometry.setAttribute('position', new THREE.BufferAttribute(data.geometry.positions, 3))
+  geometry.setAttribute('normal', new THREE.BufferAttribute(data.geometry.normals, 3))
+  geometry.setAttribute('color', new THREE.BufferAttribute(data.geometry.colors, 3))
+  geometry.setAttribute('uv', new THREE.BufferAttribute(data.geometry.uvs, 2))
+  geometry.setIndex(data.geometry.indices)
+  geometry.name = 'block-geometry'
+
+  return geometry
+}
+
+export const getThreeBlockModelGroup = (material: THREE.Material, ...args: Parameters<typeof renderBlockThree>) => {
+  const geometry = renderBlockThree(...args)
+  const mesh = new THREE.Mesh(geometry, material)
+  mesh.position.set(-0.5, -0.5, -0.5)
+  const group = new THREE.Group()
+  group.add(mesh)
+  group.rotation.set(0, -THREE.MathUtils.degToRad(90), 0, 'ZYX')
+  globalThis.mesh = group
+  return group
+  // return new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), new THREE.MeshPhongMaterial({ color: 0x00_00_ff, transparent: true, opacity: 0.5 }))
+}
+
+export const setBlockPosition = (object: THREE.Object3D, position: { x: number, y: number, z: number }) => {
+  object.position.set(position.x + 0.5, position.y + 0.5, position.z + 0.5)
+}
diff --git a/renderer/viewer/lib/mesher/test/mesherTester.ts b/renderer/viewer/lib/mesher/test/mesherTester.ts
new file mode 100644
index 00000000..e75d803d
--- /dev/null
+++ b/renderer/viewer/lib/mesher/test/mesherTester.ts
@@ -0,0 +1,76 @@
+import ChunkLoader, { PCChunk } from 'prismarine-chunk'
+import { Vec3 } from 'vec3'
+import MinecraftData from 'minecraft-data'
+import blocksAtlasesJson from 'mc-assets/dist/blocksAtlases.json'
+import { World as MesherWorld } from '../world'
+import { setBlockStatesData, getSectionGeometry } from '../models'
+
+export const setup = (version, initialBlocks: Array<[number[], string]>) => {
+  const mcData = MinecraftData(version)
+  const blockStatesModels = require(`mc-assets/dist/blockStatesModels.json`)
+  const mesherWorld = new MesherWorld(version)
+  const Chunk = ChunkLoader(version)
+  const chunk1 = new Chunk(undefined as any)
+
+  const pos = new Vec3(2, 5, 2)
+  for (const [addPos, name] of initialBlocks) {
+    chunk1.setBlockStateId(pos.offset(addPos[0], addPos[1], addPos[2]), mcData.blocksByName[name].defaultState)
+  }
+
+  const getGeometry = () => {
+    const sectionGeometry = getSectionGeometry(0, 0, 0, mesherWorld)
+    const centerFaces = sectionGeometry.tiles[`${pos.x},${pos.y},${pos.z}`]?.faces.length ?? 0
+    const totalTiles = Object.values(sectionGeometry.tiles).reduce((acc, val: any) => acc + val.faces.length, 0)
+    const centerTileNeighbors = Object.entries(sectionGeometry.tiles).reduce((acc, [key, val]: any) => {
+      return acc + val.faces.filter((face: any) => face.neighbor === `${pos.x},${pos.y},${pos.z}`).length
+    }, 0)
+    return {
+      centerFaces,
+      totalTiles,
+      centerTileNeighbors,
+      faces: sectionGeometry.tiles[`${pos.x},${pos.y},${pos.z}`]?.faces ?? [],
+      attr: sectionGeometry
+    }
+  }
+
+  setBlockStatesData(blockStatesModels, blocksAtlasesJson, true, false, version)
+  const reload = () => {
+    mesherWorld.removeColumn(0, 0)
+    mesherWorld.addColumn(0, 0, chunk1.toJson())
+  }
+  reload()
+
+  const getLights = () => {
+    return Object.fromEntries(getGeometry().faces.map(({ face, light }) => ([face, (light ?? 0) * 15 - 2])))
+  }
+
+  const setLight = (x: number, y: number, z: number, val = 0) => {
+    // create columns first
+    chunk1.setBlockLight(pos.offset(x, y, z), 15)
+    chunk1.setSkyLight(pos.offset(x, y, z), 15)
+    chunk1.setBlockLight(pos.offset(x, y, z), val)
+    chunk1.setSkyLight(pos.offset(x, y, z), 0)
+  }
+
+  return {
+    mesherWorld,
+    setLight,
+    getLights,
+    getGeometry,
+    pos,
+    mcData,
+    reload,
+    chunk: chunk1 as PCChunk
+  }
+}
+
+// surround it
+const addPositions = [
+  // [[0, 0, 0], 'diamond_block'],
+  [[1, 0, 0], 'stone'],
+  [[-1, 0, 0], 'stone'],
+  [[0, 1, 0], 'stone'],
+  [[0, -1, 0], 'stone'],
+  [[0, 0, 1], 'stone'],
+  [[0, 0, -1], 'stone'],
+]
diff --git a/renderer/viewer/lib/mesher/test/playground.ts b/renderer/viewer/lib/mesher/test/playground.ts
new file mode 100644
index 00000000..0441dd60
--- /dev/null
+++ b/renderer/viewer/lib/mesher/test/playground.ts
@@ -0,0 +1,20 @@
+import { BlockNames } from '../../../../../src/mcDataTypes'
+import { setup } from './mesherTester'
+
+const addPositions = [
+  // [[0, 0, 0], 'diamond_block'],
+  [[1, 0, 0], 'stone'],
+  [[-1, 0, 0], 'stone'],
+  [[0, 1, 0], 'stone'],
+  [[0, -1, 0], 'stone'],
+  [[0, 0, 1], 'stone'],
+  [[0, 0, -1], 'stone'],
+] as const
+
+const { mesherWorld, getGeometry, pos, mcData } = setup('1.21.1', addPositions as any)
+
+// mesherWorld.setBlockStateId(pos, 712)
+// mesherWorld.setBlockStateId(pos, mcData.blocksByName.stone_slab.defaultState)
+mesherWorld.setBlockStateId(pos, 11_225)
+
+console.log(getGeometry().centerTileNeighbors)
diff --git a/renderer/viewer/lib/mesher/test/tests.test.ts b/renderer/viewer/lib/mesher/test/tests.test.ts
new file mode 100644
index 00000000..2c3dc6a5
--- /dev/null
+++ b/renderer/viewer/lib/mesher/test/tests.test.ts
@@ -0,0 +1,56 @@
+import { test, expect } from 'vitest'
+import supportedVersions from '../../../../../src/supportedVersions.mjs'
+import { INVISIBLE_BLOCKS } from '../worldConstants'
+import { setup } from './mesherTester'
+
+const lastVersion = supportedVersions.at(-1)
+
+const addPositions = [
+  // [[0, 0, 0], 'diamond_block'],
+  // [[1, 0, 0], 'stone'],
+  // [[-1, 0, 0], 'stone'],
+  // [[0, 1, 0], 'stone'],
+  // [[0, -1, 0], 'stone'],
+  // [[0, 0, 1], 'stone'],
+  // [[0, 0, -1], 'stone'],
+] as const
+
+test('Known blocks are not rendered', () => {
+  const { mesherWorld, getGeometry, pos, mcData } = setup(lastVersion, addPositions as any)
+  const ignoreAsExpected = new Set([...INVISIBLE_BLOCKS, 'water', 'lava'])
+
+  let time = 0
+  let times = 0
+  const missingBlocks = {}/*  as {[number, number]} */
+  const erroredBlocks = {}/*  as {[number, number]} */
+  for (const block of mcData.blocksArray) {
+    if (ignoreAsExpected.has(block.name)) continue
+    // if (block.maxStateId! - block.minStateId! > 100) continue
+    // for (let i = block.minStateId!; i <= block.maxStateId!; i++) {
+    for (let i = block.defaultState; i <= block.defaultState; i++) {
+      // if (block.transparent) continue
+      mesherWorld.setBlockStateId(pos, i)
+      const start = performance.now()
+      const { centerFaces, totalTiles, centerTileNeighbors, attr } = getGeometry()
+      time += performance.now() - start
+      times++
+      if (centerFaces === 0) {
+        const objAdd = attr.hadErrors ? erroredBlocks : missingBlocks
+        if (objAdd[block.name]) continue
+        objAdd[block.name] = true
+        // invalidBlocks[block.name] = [i - block.defaultState!, centerTileNeighbors]
+        // console.log('INVALID', block.name, centerTileNeighbors, i - block.minStateId)
+      }
+    }
+  }
+  console.log('Checking blocks of version', lastVersion)
+  console.log('Average time', time / times)
+  // should be fixed, but to avoid regressions & for visibility
+  // TODO resolve creaking_heart issue (1.21.3)
+  expect(missingBlocks).toMatchInlineSnapshot(`
+    {
+      "structure_void": true,
+    }
+  `)
+  expect(erroredBlocks).toMatchInlineSnapshot('{}')
+})
diff --git a/prismarine-viewer/viewer/lib/mesher/world.ts b/renderer/viewer/lib/mesher/world.ts
similarity index 50%
rename from prismarine-viewer/viewer/lib/mesher/world.ts
rename to renderer/viewer/lib/mesher/world.ts
index 5f3a281d..f2757ae6 100644
--- a/prismarine-viewer/viewer/lib/mesher/world.ts
+++ b/renderer/viewer/lib/mesher/world.ts
@@ -1,10 +1,12 @@
 import Chunks from 'prismarine-chunk'
 import mcData from 'minecraft-data'
-import { Block } from "prismarine-block"
+import { Block } from 'prismarine-block'
 import { Vec3 } from 'vec3'
+import { WorldBlockProvider } from 'mc-assets/dist/worldBlockProvider'
 import moreBlockDataGeneratedJson from '../moreBlockDataGenerated.json'
-import { defaultMesherConfig } from './shared'
 import legacyJson from '../../../../src/preflatMap.json'
+import { defaultMesherConfig, CustomBlockModels, BlockStateModelInfo, getBlockAssetsCacheKey } from './shared'
+import { INVISIBLE_BLOCKS } from './worldConstants'
 
 const ignoreAoBlocks = Object.keys(moreBlockDataGeneratedJson.noOcclusions)
 
@@ -18,13 +20,17 @@ function isCube (shapes) {
   return shape[0] === 0 && shape[1] === 0 && shape[2] === 0 && shape[3] === 1 && shape[4] === 1 && shape[5] === 1
 }
 
+export type BlockModelPartsResolved = ReturnType<WorldBlockProvider['getAllResolvedModels0_1']>
+
 export type WorldBlock = Omit<Block, 'position'> & {
-  variant?: any
   // todo
   isCube: boolean
+  /** cache */
+  models?: BlockModelPartsResolved | null
+  _originalProperties?: Record<string, any>
+  _properties?: Record<string, any>
 }
 
-
 export class World {
   config = defaultMesherConfig
   Chunk: typeof import('prismarine-chunk/types/index').PCChunk
@@ -32,8 +38,12 @@ export class World {
   blockCache = {}
   biomeCache: { [id: number]: mcData.Biome }
   preflat: boolean
+  erroredBlockModel?: BlockModelPartsResolved
+  customBlockModels = new Map<string, CustomBlockModels>() // chunkKey -> blockModels
+  sentBlockStateModels = new Set<string>()
+  blockStateModelInfo = new Map<string, BlockStateModelInfo>()
 
-  constructor(version) {
+  constructor (version) {
     this.Chunk = Chunks(version) as any
     this.biomeCache = mcData(version).biomes
     this.preflat = !mcData(version).supportFeature('blockStateId')
@@ -41,6 +51,8 @@ export class World {
   }
 
   getLight (pos: Vec3, isNeighbor = false, skipMoreChecks = false, curBlockName = '') {
+    // for easier testing
+    if (!(pos instanceof Vec3)) pos = new Vec3(...pos as [number, number, number])
     const { enableLighting, skyLight } = this.config
     if (!enableLighting) return 15
     // const key = `${pos.x},${pos.y},${pos.z}`
@@ -55,7 +67,7 @@ export class World {
       ) + 2
     )
     // lightsCache.set(key, result)
-    if (result === 2 && [this.getBlock(pos)?.name ?? '', curBlockName].some(x => x.match(/_stairs|slab|glass_pane/)) && !skipMoreChecks) { // todo this is obviously wrong
+    if (result === 2 && [this.getBlock(pos)?.name ?? '', curBlockName].some(x => /_stairs|slab|glass_pane/.exec(x)) && !skipMoreChecks) { // todo this is obviously wrong
       const lights = [
         this.getLight(pos.offset(0, 1, 0), undefined, true),
         this.getLight(pos.offset(0, -1, 0), undefined, true),
@@ -64,8 +76,10 @@ export class World {
         this.getLight(pos.offset(1, 0, 0), undefined, true),
         this.getLight(pos.offset(-1, 0, 0), undefined, true)
       ].filter(x => x !== 2)
-      const min = Math.min(...lights)
-      result = min
+      if (lights.length) {
+        const min = Math.min(...lights)
+        result = min
+      }
     }
     if (isNeighbor && result === 2) result = 15 // TODO
     return result
@@ -102,10 +116,12 @@ export class World {
     return this.getColumn(Math.floor(pos.x / 16) * 16, Math.floor(pos.z / 16) * 16)
   }
 
-  getBlock (pos: Vec3): WorldBlock | null {
+  getBlock (pos: Vec3, blockProvider?: WorldBlockProvider, attr?: { hadErrors?: boolean }): WorldBlock | null {
     // for easier testing
     if (!(pos instanceof Vec3)) pos = new Vec3(...pos as [number, number, number])
     const key = columnKey(Math.floor(pos.x / 16) * 16, Math.floor(pos.z / 16) * 16)
+    const blockPosKey = `${pos.x},${pos.y},${pos.z}`
+    const modelOverride = this.customBlockModels.get(key)?.[blockPosKey]
 
     const column = this.columns[key]
     // null column means chunk not loaded
@@ -115,39 +131,108 @@ export class World {
     const locInChunk = posInChunk(loc)
     const stateId = column.getBlockStateId(locInChunk)
 
-    if (!this.blockCache[stateId]) {
-      const b = column.getBlock(locInChunk)
-      //@ts-expect-error
+    const cacheKey = getBlockAssetsCacheKey(stateId, modelOverride)
+
+    if (!this.blockCache[cacheKey]) {
+      const b = column.getBlock(locInChunk) as unknown as WorldBlock
+      if (modelOverride) {
+        b.name = modelOverride
+      }
       b.isCube = isCube(b.shapes)
-      this.blockCache[stateId] = b
+      this.blockCache[cacheKey] = b
       Object.defineProperty(b, 'position', {
         get () {
           throw new Error('position is not reliable, use pos parameter instead of block.position')
         }
       })
       if (this.preflat) {
-        const namePropsStr = legacyJson.blocks[b.type + ':' + b.metadata] || legacyJson.blocks[b.type + ':' + '0']
-        b.name = namePropsStr.split('[')[0]
-        const propsStr = namePropsStr.split('[')?.[1]?.split(']');
-        if (propsStr) {
-          const newProperties = Object.fromEntries(propsStr.join('').split(',').map(x => {
-            let [key, val] = x.split('=') as any
-            if (!isNaN(val)) val = parseInt(val)
-            return [key, val]
-          }))
-          //@ts-ignore
-          b._properties = newProperties
-        } else {
-          //@ts-ignore
-          b._properties = {}
+        b._properties = {}
+
+        const namePropsStr = legacyJson.blocks[b.type + ':' + b.metadata] || findClosestLegacyBlockFallback(b.type, b.metadata, pos)
+        if (namePropsStr) {
+          b.name = namePropsStr.split('[')[0]
+          const propsStr = namePropsStr.split('[')?.[1]?.split(']')
+          if (propsStr) {
+            const newProperties = Object.fromEntries(propsStr.join('').split(',').map(x => {
+              let [key, val] = x.split('=')
+              if (!isNaN(val)) val = parseInt(val, 10)
+              return [key, val]
+            }))
+            b._properties = newProperties
+          }
         }
       }
     }
 
-    const block = this.blockCache[stateId]
+    const block: WorldBlock = this.blockCache[cacheKey]
+
+    if (block.models === undefined && blockProvider) {
+      if (!attr) throw new Error('attr is required')
+      const props = block.getProperties()
+
+      try {
+        // fixme
+        if (this.preflat) {
+          if (block.name === 'cobblestone_wall') {
+            props.up = 'true'
+            for (const key of ['north', 'south', 'east', 'west']) {
+              const val = props[key]
+              if (val === 'false' || val === 'true') {
+                props[key] = val === 'true' ? 'low' : 'none'
+              }
+            }
+          }
+        }
+
+        const useFallbackModel = !!(this.preflat || modelOverride)
+        const issues = [] as string[]
+        const resolvedModelNames = [] as string[]
+        const resolvedConditions = [] as string[]
+        block.models = blockProvider.getAllResolvedModels0_1(
+          {
+            name: block.name,
+            properties: props,
+          },
+          useFallbackModel,
+          issues,
+          resolvedModelNames,
+          resolvedConditions
+        )!
+
+        // Track block state model info
+        if (!this.sentBlockStateModels.has(cacheKey)) {
+          this.blockStateModelInfo.set(cacheKey, {
+            cacheKey,
+            issues,
+            modelNames: resolvedModelNames,
+            conditions: resolvedConditions
+          })
+        }
+
+        if (!block.models.length) {
+          if (block.name !== 'water' && block.name !== 'lava' && !INVISIBLE_BLOCKS.has(block.name)) {
+            console.debug('[mesher] block to render not found', block.name, props)
+          }
+          block.models = null
+        }
+
+        if (block.models && modelOverride) {
+          const model = block.models[0]
+          block.transparent = model[0]?.['transparent'] ?? block.transparent
+        }
+      } catch (err) {
+        this.erroredBlockModel ??= blockProvider.getAllResolvedModels0_1({ name: 'errored', properties: {} })
+        block.models ??= this.erroredBlockModel
+        console.error(`Critical assets error. Unable to get block model for ${block.name}[${JSON.stringify(props)}]: ` + err.message, err.stack)
+        attr.hadErrors = true
+      }
+    }
+
     if (block.name === 'flowing_water') block.name = 'water'
     if (block.name === 'flowing_lava') block.name = 'lava'
+    if (block.name === 'bubble_column') block.name = 'water' // TODO need to distinguish between water and bubble column
     // block.position = loc // it overrides position of all currently loaded blocks
+    //@ts-expect-error
     block.biome = this.biomeCache[column.getBiome(locInChunk)] ?? this.biomeCache[1] ?? this.biomeCache[0]
     if (block.name === 'redstone_ore') block.transparent = false
     return block
@@ -158,6 +243,15 @@ export class World {
   }
 }
 
+const findClosestLegacyBlockFallback = (id, metadata, pos) => {
+  console.warn(`[mesher] Unknown block with ${id}:${metadata} at ${pos}, falling back`) // todo has known issues
+  for (const [key, value] of Object.entries(legacyJson.blocks)) {
+    const [idKey, meta] = key.split(':')
+    if (idKey === id) return value
+  }
+  return null
+}
+
 // todo export in chunk instead
 const hasChunkSection = (column, pos) => {
   if (column._getSection) return column._getSection(pos)
diff --git a/renderer/viewer/lib/mesher/worldConstants.ts b/renderer/viewer/lib/mesher/worldConstants.ts
new file mode 100644
index 00000000..6aa0e0fc
--- /dev/null
+++ b/renderer/viewer/lib/mesher/worldConstants.ts
@@ -0,0 +1 @@
+export const INVISIBLE_BLOCKS = new Set(['air', 'void_air', 'cave_air', 'barrier', 'light', 'moving_piston'])
diff --git a/renderer/viewer/lib/mesherlogReader.ts b/renderer/viewer/lib/mesherlogReader.ts
new file mode 100644
index 00000000..0f1e74c0
--- /dev/null
+++ b/renderer/viewer/lib/mesherlogReader.ts
@@ -0,0 +1,131 @@
+/* eslint-disable no-await-in-loop */
+import { Vec3 } from 'vec3'
+
+// import log from '../../../../../Downloads/mesher (2).log'
+import { WorldRendererCommon } from './worldrendererCommon'
+const log = ''
+
+
+export class MesherLogReader {
+  chunksToReceive: Array<{
+    x: number
+    z: number
+    chunkLength: number
+  }> = []
+  messagesQueue: Array<{
+    fromWorker: boolean
+    workerIndex: number
+    message: any
+  }> = []
+
+  sectionFinishedToReceive = null as {
+    messagesLeft: string[]
+    resolve: () => void
+  } | null
+  replayStarted = false
+
+  constructor (private readonly worldRenderer: WorldRendererCommon) {
+    this.parseMesherLog()
+  }
+
+  chunkReceived (x: number, z: number, chunkLength: number) {
+    // remove existing chunks with same x and z
+    const existingChunkIndex = this.chunksToReceive.findIndex(chunk => chunk.x === x && chunk.z === z)
+    if (existingChunkIndex === -1) {
+      // console.error('Chunk not found', x, z)
+    } else {
+      // warn if chunkLength is different
+      if (this.chunksToReceive[existingChunkIndex].chunkLength !== chunkLength) {
+        // console.warn('Chunk length mismatch', x, z, this.chunksToReceive[existingChunkIndex].chunkLength, chunkLength)
+      }
+      // remove chunk
+      this.chunksToReceive = this.chunksToReceive.filter((chunk, index) => chunk.x !== x || chunk.z !== z)
+    }
+    this.maybeStartReplay()
+  }
+
+  async maybeStartReplay () {
+    if (this.chunksToReceive.length !== 0 || this.replayStarted) return
+    const lines = log.split('\n')
+    console.log('starting replay')
+    this.replayStarted = true
+    const waitForWorkersMessages = async () => {
+      if (!this.sectionFinishedToReceive) return
+      await new Promise<void>(resolve => {
+        this.sectionFinishedToReceive!.resolve = resolve
+      })
+    }
+
+    for (const line of lines) {
+      if (line.includes('dispatchMessages dirty')) {
+        await waitForWorkersMessages()
+        this.worldRenderer.stopMesherMessagesProcessing = true
+        const message = JSON.parse(line.slice(line.indexOf('{'), line.lastIndexOf('}') + 1))
+        if (!message.value) continue
+        const index = line.split(' ')[1]
+        const type = line.split(' ')[3]
+        // console.log('sending message', message.x, message.y, message.z)
+        this.worldRenderer.forceCallFromMesherReplayer = true
+        this.worldRenderer.setSectionDirty(new Vec3(message.x, message.y, message.z), message.value)
+        this.worldRenderer.forceCallFromMesherReplayer = false
+      }
+      if (line.includes('-> blockUpdate')) {
+        await waitForWorkersMessages()
+        this.worldRenderer.stopMesherMessagesProcessing = true
+        const message = JSON.parse(line.slice(line.indexOf('{'), line.lastIndexOf('}') + 1))
+        this.worldRenderer.forceCallFromMesherReplayer = true
+        this.worldRenderer.setBlockStateIdInner(new Vec3(message.pos.x, message.pos.y, message.pos.z), message.stateId)
+        this.worldRenderer.forceCallFromMesherReplayer = false
+      }
+
+      if (line.includes(' sectionFinished ')) {
+        if (!this.sectionFinishedToReceive) {
+          console.log('starting worker message processing validating')
+          this.worldRenderer.stopMesherMessagesProcessing = false
+          this.sectionFinishedToReceive = {
+            messagesLeft: [],
+            resolve: () => {
+              this.sectionFinishedToReceive = null
+            }
+          }
+        }
+        const parts = line.split(' ')
+        const coordsPart = parts.find(part => part.split(',').length === 3)
+        if (!coordsPart) throw new Error(`no coords part found ${line}`)
+        const [x, y, z] = coordsPart.split(',').map(Number)
+        this.sectionFinishedToReceive.messagesLeft.push(`${x},${y},${z}`)
+      }
+    }
+  }
+
+  workerMessageReceived (type: string, message: any) {
+    if (type === 'sectionFinished') {
+      const { key } = message
+      if (!this.sectionFinishedToReceive) {
+        console.warn(`received sectionFinished message but no sectionFinishedToReceive ${key}`)
+        return
+      }
+
+      const idx = this.sectionFinishedToReceive.messagesLeft.indexOf(key)
+      if (idx === -1) {
+        console.warn(`received sectionFinished message for non-outstanding section ${key}`)
+        return
+      }
+      this.sectionFinishedToReceive.messagesLeft.splice(idx, 1)
+      if (this.sectionFinishedToReceive.messagesLeft.length === 0) {
+        this.sectionFinishedToReceive.resolve()
+      }
+    }
+  }
+
+  parseMesherLog () {
+    const lines = log.split('\n')
+    for (const line of lines) {
+      if (line.startsWith('-> chunk')) {
+        const chunk = JSON.parse(line.slice('-> chunk'.length))
+        this.chunksToReceive.push(chunk)
+        continue
+      }
+    }
+  }
+}
diff --git a/prismarine-viewer/viewer/lib/moreBlockDataGenerated.json b/renderer/viewer/lib/moreBlockDataGenerated.json
similarity index 100%
rename from prismarine-viewer/viewer/lib/moreBlockDataGenerated.json
rename to renderer/viewer/lib/moreBlockDataGenerated.json
diff --git a/prismarine-viewer/viewer/lib/simpleUtils.ts b/renderer/viewer/lib/simpleUtils.ts
similarity index 67%
rename from prismarine-viewer/viewer/lib/simpleUtils.ts
rename to renderer/viewer/lib/simpleUtils.ts
index 3f17e5ad..2d0b6255 100644
--- a/prismarine-viewer/viewer/lib/simpleUtils.ts
+++ b/renderer/viewer/lib/simpleUtils.ts
@@ -1,14 +1,12 @@
-export function getBufferFromStream (stream) {
-  return new Promise(
-    (resolve, reject) => {
-      let buffer = Buffer.from([])
-      stream.on('data', buf => {
-        buffer = Buffer.concat([buffer, buf])
-      })
-      stream.on('end', () => resolve(buffer))
-      stream.on('error', reject)
-    }
-  )
+export async function getBufferFromStream (stream) {
+  return new Promise((resolve, reject) => {
+    let buffer = Buffer.from([])
+    stream.on('data', buf => {
+      buffer = Buffer.concat([buffer, buf])
+    })
+    stream.on('end', () => resolve(buffer))
+    stream.on('error', reject)
+  })
 }
 
 export function openURL (url, newTab = true) {
diff --git a/renderer/viewer/lib/smoothSwitcher.ts b/renderer/viewer/lib/smoothSwitcher.ts
new file mode 100644
index 00000000..74eb1171
--- /dev/null
+++ b/renderer/viewer/lib/smoothSwitcher.ts
@@ -0,0 +1,168 @@
+import * as tweenJs from '@tweenjs/tween.js'
+import { AnimationController } from './animationController'
+
+export type StateProperties = Record<string, number>
+export type StateGetterFn = () => StateProperties
+export type StateSetterFn = (property: string, value: number) => void
+
+// Speed in units per second for each property type
+const DEFAULT_SPEEDS = {
+  x: 3000, // pixels/units per second
+  y: 3000,
+  z: 3000,
+  rotation: Math.PI, // radians per second
+  scale: 1, // scale units per second
+  default: 3000 // default speed for unknown properties
+}
+
+export class SmoothSwitcher {
+  private readonly animationController = new AnimationController()
+  // private readonly currentState: StateProperties = {}
+  private readonly defaultState: StateProperties
+  private readonly speeds: Record<string, number>
+  public currentStateName = ''
+  public transitioningToStateName = ''
+
+  constructor (
+    public getState: StateGetterFn,
+    public setState: StateSetterFn,
+    speeds?: Partial<Record<string, number>>
+  ) {
+
+    // Initialize speeds with defaults and overrides
+    this.speeds = { ...DEFAULT_SPEEDS }
+    if (speeds) {
+      Object.assign(this.speeds, speeds)
+    }
+
+    // Store initial values
+    this.defaultState = this.getState()
+  }
+
+  /**
+   * Calculate transition duration based on the largest property change
+   */
+  private calculateDuration (newState: Partial<StateProperties>): number {
+    let maxDuration = 0
+    const currentState = this.getState()
+
+    for (const [key, targetValue] of Object.entries(newState)) {
+      const currentValue = currentState[key]
+      const diff = Math.abs(targetValue! - currentValue)
+      const speed = this.getPropertySpeed(key)
+      const duration = (diff / speed) * 1000 // Convert to milliseconds
+
+      maxDuration = Math.max(maxDuration, duration)
+    }
+
+    // Ensure minimum duration of 50ms and maximum of 2000ms
+    return Math.min(Math.max(maxDuration, 200), 2000)
+  }
+
+  private getPropertySpeed (property: string): number {
+    // Check for specific property speed
+    if (property in this.speeds) {
+      return this.speeds[property]
+    }
+
+    // Check for property type (rotation, scale, etc.)
+    if (property.toLowerCase().includes('rotation')) return this.speeds.rotation
+    if (property.toLowerCase().includes('scale')) return this.speeds.scale
+    if (property.toLowerCase() === 'x' || property.toLowerCase() === 'y' || property.toLowerCase() === 'z') {
+      return this.speeds[property]
+    }
+
+    return this.speeds.default
+  }
+
+  /**
+   * Start a transition to a new state
+   * @param newState Partial state - only need to specify properties that change
+   * @param easing Easing function to use
+   */
+  startTransition (
+    newState: Partial<StateProperties>,
+    stateName?: string,
+    onEnd?: () => void,
+    easing: (amount: number) => number = tweenJs.Easing.Linear.None,
+    onCancelled?: () => void
+  ): void {
+    if (this.isTransitioning) {
+      this.animationController.forceFinish(false)
+    }
+
+    this.transitioningToStateName = stateName ?? ''
+    const state = this.getState()
+
+    const duration = this.calculateDuration(newState)
+    // console.log('duration', duration, JSON.stringify(state), JSON.stringify(newState))
+
+    void this.animationController.startAnimation(() => {
+      const group = new tweenJs.Group()
+      new tweenJs.Tween(state, group)
+        .to(newState, duration)
+        .easing(easing)
+        .onUpdate((obj) => {
+          for (const key of Object.keys(obj)) {
+            this.setState(key, obj[key])
+          }
+        })
+        .onComplete(() => {
+          this.animationController.forceFinish()
+          this.currentStateName = this.transitioningToStateName
+          this.transitioningToStateName = ''
+          onEnd?.()
+        })
+        .start()
+      return group
+    }, onCancelled)
+  }
+
+  /**
+   * Reset to default state
+   */
+  reset (): void {
+    this.startTransition(this.defaultState)
+  }
+
+
+  /**
+   * Update the animation (should be called in your render/update loop)
+   */
+  update (): void {
+    this.animationController.update()
+  }
+
+  /**
+   * Force finish the current transition
+   */
+  forceFinish (): void {
+    this.animationController.forceFinish()
+  }
+
+  /**
+   * Start a new transition to the specified state
+   */
+  transitionTo (
+    newState: Partial<StateProperties>,
+    stateName?: string,
+    onEnd?: () => void,
+    onCancelled?: () => void
+  ): void {
+    this.startTransition(newState, stateName, onEnd, tweenJs.Easing.Linear.None, onCancelled)
+  }
+
+  /**
+   * Get the current value of a property
+   */
+  getCurrentValue (property: string): number {
+    return this.getState()[property]
+  }
+
+  /**
+   * Check if currently transitioning
+   */
+  get isTransitioning (): boolean {
+    return this.animationController.isActive
+  }
+}
diff --git a/renderer/viewer/lib/ui/newStats.ts b/renderer/viewer/lib/ui/newStats.ts
new file mode 100644
index 00000000..4a1b0a0f
--- /dev/null
+++ b/renderer/viewer/lib/ui/newStats.ts
@@ -0,0 +1,112 @@
+/* eslint-disable unicorn/prefer-dom-node-text-content */
+const rightOffset = 0
+
+const stats = {}
+
+let lastY = 40
+export const addNewStat = (id: string, width = 80, x = rightOffset, y = lastY) => {
+  const pane = document.createElement('div')
+  pane.style.position = 'fixed'
+  pane.style.top = `${y ?? lastY}px`
+  pane.style.right = `${x}px`
+  // gray bg
+  pane.style.backgroundColor = 'rgba(0, 0, 0, 0.7)'
+  pane.style.color = 'white'
+  pane.style.padding = '2px'
+  pane.style.fontFamily = 'monospace'
+  pane.style.fontSize = '12px'
+  pane.style.zIndex = '100'
+  pane.style.pointerEvents = 'none'
+  document.body.appendChild(pane)
+  stats[id] = pane
+  if (y === undefined && x === rightOffset) { // otherwise it's a custom position
+    // rightOffset += width
+    lastY += 20
+  }
+
+  return {
+    updateText (text: string) {
+      if (pane.innerText === text) return
+      pane.innerText = text
+    },
+    setVisibility (visible: boolean) {
+      pane.style.display = visible ? 'block' : 'none'
+    }
+  }
+}
+
+export const addNewStat2 = (id: string, { top, bottom, right, left, displayOnlyWhenWider }: { top?: number, bottom?: number, right?: number, left?: number, displayOnlyWhenWider?: number }) => {
+  if (top === undefined && bottom === undefined) top = 0
+  const pane = document.createElement('div')
+  pane.style.position = 'fixed'
+  if (top !== undefined) {
+    pane.style.top = `${top}px`
+  }
+  if (bottom !== undefined) {
+    pane.style.bottom = `${bottom}px`
+  }
+  if (left !== undefined) {
+    pane.style.left = `${left}px`
+  }
+  if (right !== undefined) {
+    pane.style.right = `${right}px`
+  }
+  // gray bg
+  pane.style.backgroundColor = 'rgba(0, 0, 0, 0.7)'
+  pane.style.color = 'white'
+  pane.style.padding = '2px'
+  pane.style.fontFamily = 'monospace'
+  pane.style.fontSize = '12px'
+  pane.style.zIndex = '10000'
+  pane.style.pointerEvents = 'none'
+  document.body.appendChild(pane)
+  stats[id] = pane
+
+  const resizeCheck = () => {
+    if (!displayOnlyWhenWider) return
+    pane.style.display = window.innerWidth > displayOnlyWhenWider ? 'block' : 'none'
+  }
+  window.addEventListener('resize', resizeCheck)
+  resizeCheck()
+
+  return {
+    updateText (text: string) {
+      pane.innerText = text
+    },
+    setVisibility (visible: boolean) {
+      pane.style.display = visible ? 'block' : 'none'
+    }
+  }
+}
+
+export const updateStatText = (id, text) => {
+  if (!stats[id]) return
+  stats[id].innerText = text
+}
+
+export const updatePanesVisibility = (visible: boolean) => {
+  // eslint-disable-next-line guard-for-in
+  for (const id in stats) {
+    stats[id].style.display = visible ? 'block' : 'none'
+  }
+}
+
+export const removeAllStats = () => {
+  // eslint-disable-next-line guard-for-in
+  for (const id in stats) {
+    removeStat(id)
+  }
+}
+
+export const removeStat = (id) => {
+  if (!stats[id]) return
+  stats[id].remove()
+  delete stats[id]
+}
+
+if (typeof customEvents !== 'undefined') {
+  customEvents.on('gameLoaded', () => {
+    const chunksLoaded = addNewStat('chunks-loaded', 80, 0, 0)
+    const chunksTotal = addNewStat('chunks-read', 80, 0, 0)
+  })
+}
diff --git a/renderer/viewer/lib/utils.ts b/renderer/viewer/lib/utils.ts
new file mode 100644
index 00000000..f471aa9d
--- /dev/null
+++ b/renderer/viewer/lib/utils.ts
@@ -0,0 +1,57 @@
+export const loadScript = async function (scriptSrc: string, highPriority = true): Promise<HTMLScriptElement> {
+  const existingScript = document.querySelector<HTMLScriptElement>(`script[src="${scriptSrc}"]`)
+  if (existingScript) {
+    return existingScript
+  }
+
+  return new Promise((resolve, reject) => {
+    const scriptElement = document.createElement('script')
+    scriptElement.src = scriptSrc
+
+    if (highPriority) {
+      scriptElement.fetchPriority = 'high'
+    }
+    scriptElement.async = true
+
+    scriptElement.addEventListener('load', () => {
+      resolve(scriptElement)
+    })
+
+    scriptElement.onerror = (error) => {
+      reject(new Error(typeof error === 'string' ? error : (error as any).message))
+      scriptElement.remove()
+    }
+
+    document.head.appendChild(scriptElement)
+  })
+}
+
+const detectFullOffscreenCanvasSupport = () => {
+  if (typeof OffscreenCanvas === 'undefined') return false
+  try {
+    const canvas = new OffscreenCanvas(1, 1)
+    // Try to get a WebGL context - this will fail on iOS where only 2D is supported (iOS 16)
+    const gl = canvas.getContext('webgl2') || canvas.getContext('webgl')
+    return gl !== null
+  } catch (e) {
+    return false
+  }
+}
+
+const hasFullOffscreenCanvasSupport = detectFullOffscreenCanvasSupport()
+
+export const createCanvas = (width: number, height: number): OffscreenCanvas => {
+  if (hasFullOffscreenCanvasSupport) {
+    return new OffscreenCanvas(width, height)
+  }
+  const canvas = document.createElement('canvas')
+  canvas.width = width
+  canvas.height = height
+  return canvas as unknown as OffscreenCanvas // todo-low
+}
+
+export async function loadImageFromUrl (imageUrl: string): Promise<ImageBitmap> {
+  const response = await fetch(imageUrl)
+  const blob = await response.blob()
+  return createImageBitmap(blob)
+}
diff --git a/renderer/viewer/lib/utils/proxy.ts b/renderer/viewer/lib/utils/proxy.ts
new file mode 100644
index 00000000..d30ceb7e
--- /dev/null
+++ b/renderer/viewer/lib/utils/proxy.ts
@@ -0,0 +1,23 @@
+import { subscribeKey } from 'valtio/utils'
+
+// eslint-disable-next-line max-params
+export function watchProperty<T extends Record<string, any>, K> (asyncGetter: (value: T[keyof T]) => Promise<K>, valtioProxy: T, key: keyof T, readySetter: (res: K) => void, cleanup?: (res: K) => void) {
+  let i = 0
+  let lastRes: K | undefined
+  const request = async () => {
+    const req = ++i
+    const res = await asyncGetter(valtioProxy[key])
+    if (req === i) {
+      if (lastRes) {
+        cleanup?.(lastRes)
+      }
+      readySetter(res)
+      lastRes = res
+    } else {
+      // rejected
+      cleanup?.(res)
+    }
+  }
+  void request()
+  return subscribeKey(valtioProxy, key, request)
+}
diff --git a/renderer/viewer/lib/utils/skins.ts b/renderer/viewer/lib/utils/skins.ts
new file mode 100644
index 00000000..3163702c
--- /dev/null
+++ b/renderer/viewer/lib/utils/skins.ts
@@ -0,0 +1,59 @@
+import { loadSkinToCanvas } from 'skinview-utils'
+import { createCanvas, loadImageFromUrl } from '../utils'
+
+export { default as stevePngUrl } from 'mc-assets/dist/other-textures/latest/entity/player/wide/steve.png'
+
+const config = {
+  apiEnabled: true,
+}
+
+export const setSkinsConfig = (newConfig: Partial<typeof config>) => {
+  Object.assign(config, newConfig)
+}
+
+export async function loadSkinFromUsername (username: string, type: 'skin' | 'cape'): Promise<string | undefined> {
+  if (!config.apiEnabled) return
+
+  if (type === 'cape') return
+  const url = `https://playerdb.co/api/player/minecraft/${username}`
+  const response = await fetch(url)
+  if (!response.ok) return
+
+  const data: {
+    data: {
+      player: {
+        skin_texture: string
+      }
+    }
+  } = await response.json()
+  return data.data.player.skin_texture
+}
+
+export const parseSkinTexturesValue = (value: string) => {
+  const decodedData: {
+    textures: {
+      SKIN: {
+        url: string
+      }
+    }
+  } = JSON.parse(Buffer.from(value, 'base64').toString())
+  return decodedData.textures?.SKIN?.url
+}
+
+export async function loadSkinImage (skinUrl: string): Promise<{ canvas: OffscreenCanvas, image: ImageBitmap }> {
+  if (!skinUrl.startsWith('data:')) {
+    skinUrl = await fetchAndConvertBase64Skin(skinUrl.replace('http://', 'https://'))
+  }
+
+  const image = await loadImageFromUrl(skinUrl)
+  const skinCanvas = createCanvas(64, 64)
+  loadSkinToCanvas(skinCanvas, image)
+  return { canvas: skinCanvas, image }
+}
+
+const fetchAndConvertBase64Skin = async (skinUrl: string) => {
+  const response = await fetch(skinUrl, { })
+  const arrayBuffer = await response.arrayBuffer()
+  const base64 = Buffer.from(arrayBuffer).toString('base64')
+  return `data:image/png;base64,${base64}`
+}
diff --git a/renderer/viewer/lib/workerProxy.ts b/renderer/viewer/lib/workerProxy.ts
new file mode 100644
index 00000000..2b38dca9
--- /dev/null
+++ b/renderer/viewer/lib/workerProxy.ts
@@ -0,0 +1,92 @@
+import { proxy, getVersion, subscribe } from 'valtio'
+
+export function createWorkerProxy<T extends Record<string, (...args: any[]) => void | Promise<any>>> (handlers: T, channel?: MessagePort): { __workerProxy: T } {
+  const target = channel ?? globalThis
+  target.addEventListener('message', (event: any) => {
+    const { type, args, msgId } = event.data
+    if (handlers[type]) {
+      const result = handlers[type](...args)
+      if (result instanceof Promise) {
+        void result.then((result) => {
+          target.postMessage({
+            type: 'result',
+            msgId,
+            args: [result]
+          })
+        })
+      }
+    }
+  })
+  return null as any
+}
+
+/**
+ * in main thread
+ * ```ts
+ * // either:
+ * import type { importedTypeWorkerProxy } from './worker'
+ * // or:
+ * type importedTypeWorkerProxy = import('./worker').importedTypeWorkerProxy
+ *
+ * const workerChannel = useWorkerProxy<typeof importedTypeWorkerProxy>(worker)
+ * ```
+ */
+export const useWorkerProxy = <T extends { __workerProxy: Record<string, (...args: any[]) => void> }> (worker: Worker | MessagePort, autoTransfer = true): T['__workerProxy'] & {
+  transfer: (...args: Transferable[]) => T['__workerProxy']
+} => {
+  let messageId = 0
+  // in main thread
+  return new Proxy({} as any, {
+    get (target, prop) {
+      if (prop === 'transfer') {
+        return (...transferable: Transferable[]) => {
+          return new Proxy({}, {
+            get (target, prop) {
+              return (...args: any[]) => {
+                worker.postMessage({
+                  type: prop,
+                  args,
+                }, transferable)
+              }
+            }
+          })
+        }
+      }
+      return (...args: any[]) => {
+        const msgId = messageId++
+        const transfer = autoTransfer ? args.filter(arg => {
+          return arg instanceof ArrayBuffer || arg instanceof MessagePort
+            || (typeof ImageBitmap !== 'undefined' && arg instanceof ImageBitmap)
+            || (typeof OffscreenCanvas !== 'undefined' && arg instanceof OffscreenCanvas)
+            || (typeof ImageData !== 'undefined' && arg instanceof ImageData)
+        }) : []
+        worker.postMessage({
+          type: prop,
+          msgId,
+          args,
+        }, transfer)
+        return {
+          // eslint-disable-next-line unicorn/no-thenable
+          then (onfulfilled: (value: any) => void) {
+            const handler = ({ data }: MessageEvent): void => {
+              if (data.type === 'result' && data.msgId === msgId) {
+                onfulfilled(data.args[0])
+                worker.removeEventListener('message', handler as EventListener)
+              }
+            }
+            worker.addEventListener('message', handler as EventListener)
+          }
+        }
+      }
+    }
+  })
+}
+
+// const workerProxy = createWorkerProxy({
+//     startRender (canvas: HTMLCanvasElement) {
+//     },
+// })
+
+// const worker = useWorkerProxy(null, workerProxy)
+
+// worker.
diff --git a/renderer/viewer/lib/worldDataEmitter.ts b/renderer/viewer/lib/worldDataEmitter.ts
new file mode 100644
index 00000000..dfbdb35c
--- /dev/null
+++ b/renderer/viewer/lib/worldDataEmitter.ts
@@ -0,0 +1,431 @@
+/* eslint-disable guard-for-in */
+
+// todo refactor into its own commons module
+import { EventEmitter } from 'events'
+import { generateSpiralMatrix, ViewRect } from 'flying-squid/dist/utils'
+import { Vec3 } from 'vec3'
+import { BotEvents } from 'mineflayer'
+import { proxy } from 'valtio'
+import TypedEmitter from 'typed-emitter'
+import { Biome } from 'minecraft-data'
+import { delayedIterator } from '../../playground/shared'
+import { chunkPos } from './simpleUtils'
+
+export type ChunkPosKey = string // like '16,16'
+type ChunkPos = { x: number, z: number } // like { x: 16, z: 16 }
+
+export type WorldDataEmitterEvents = {
+  chunkPosUpdate: (data: { pos: Vec3 }) => void
+  blockUpdate: (data: { pos: Vec3, stateId: number }) => void
+  entity: (data: any) => void
+  entityMoved: (data: any) => void
+  playerEntity: (data: any) => void
+  time: (data: number) => void
+  renderDistance: (viewDistance: number) => void
+  blockEntities: (data: Record<string, any> | { blockEntities: Record<string, any> }) => void
+  markAsLoaded: (data: { x: number, z: number }) => void
+  unloadChunk: (data: { x: number, z: number }) => void
+  loadChunk: (data: { x: number, z: number, chunk: string, blockEntities: any, worldConfig: any, isLightUpdate: boolean }) => void
+  updateLight: (data: { pos: Vec3 }) => void
+  onWorldSwitch: () => void
+  end: () => void
+  biomeUpdate: (data: { biome: Biome }) => void
+  biomeReset: () => void
+}
+
+export class WorldDataEmitterWorker extends (EventEmitter as new () => TypedEmitter<WorldDataEmitterEvents>) {
+  static readonly restorerName = 'WorldDataEmitterWorker'
+}
+
+export class WorldDataEmitter extends (EventEmitter as new () => TypedEmitter<WorldDataEmitterEvents>) {
+  spiralNumber = 0
+  gotPanicLastTime = false
+  panicChunksReload = () => {}
+  loadedChunks: Record<ChunkPosKey, boolean>
+  private inLoading = false
+  private chunkReceiveTimes: number[] = []
+  private lastChunkReceiveTime = 0
+  public lastChunkReceiveTimeAvg = 0
+  private panicTimeout?: NodeJS.Timeout
+  readonly lastPos: Vec3
+  private eventListeners: Record<string, any> = {}
+  private readonly emitter: WorldDataEmitter
+  debugChunksInfo: Record<ChunkPosKey, {
+    loads: Array<{
+      dataLength: number
+      reason: string
+      time: number
+    }>
+    // blockUpdates: number
+  }> = {}
+
+  waitingSpiralChunksLoad = {} as Record<ChunkPosKey, (value: boolean) => void>
+
+  addWaitTime = 1
+  /* config */ keepChunksDistance = 0
+  /* config */ isPlayground = false
+  /* config */ allowPositionUpdate = true
+
+  constructor (public world: typeof __type_bot['world'], public viewDistance: number, position: Vec3 = new Vec3(0, 0, 0)) {
+    // eslint-disable-next-line constructor-super
+    super()
+    this.loadedChunks = {}
+    this.lastPos = new Vec3(0, 0, 0).update(position)
+    // todo
+    this.emitter = this
+  }
+
+  setBlockStateId (position: Vec3, stateId: number) {
+    const val = this.world.setBlockStateId(position, stateId) as Promise<void> | void
+    if (val) throw new Error('setBlockStateId returned promise (not supported)')
+    // const chunkX = Math.floor(position.x / 16)
+    // const chunkZ = Math.floor(position.z / 16)
+    // if (!this.loadedChunks[`${chunkX},${chunkZ}`] && !this.waitingSpiralChunksLoad[`${chunkX},${chunkZ}`]) {
+    //   void this.loadChunk({ x: chunkX, z: chunkZ })
+    //   return
+    // }
+
+    this.emit('blockUpdate', { pos: position, stateId })
+  }
+
+  updateViewDistance (viewDistance: number) {
+    this.viewDistance = viewDistance
+    this.emitter.emit('renderDistance', viewDistance)
+  }
+
+  listenToBot (bot: typeof __type_bot) {
+    const entitiesObjectData = new Map<string, number>()
+    bot._client.prependListener('spawn_entity', (data) => {
+      if (data.objectData && data.entityId !== undefined) {
+        entitiesObjectData.set(data.entityId, data.objectData)
+      }
+    })
+
+    const emitEntity = (e, name = 'entity') => {
+      if (!e) return
+      if (e === bot.entity) {
+        if (name === 'entity') {
+          this.emitter.emit('playerEntity', e)
+        }
+        return
+      }
+      if (!e.name) return // mineflayer received update for not spawned entity
+      e.objectData = entitiesObjectData.get(e.id)
+      this.emitter.emit(name as any, {
+        ...e,
+        pos: e.position,
+        username: e.username,
+        team: bot.teamMap[e.username] || bot.teamMap[e.uuid],
+        // set debugTree (obj) {
+        //   e.debugTree = obj
+        // }
+      })
+    }
+
+    this.eventListeners = {
+      // 'move': botPosition,
+      entitySpawn (e: any) {
+        if (e.name === 'item_frame' || e.name === 'glow_item_frame') {
+          // Item frames use block positions in the protocol, not their center. Fix that.
+          e.position.translate(0.5, 0.5, 0.5)
+        }
+        emitEntity(e)
+      },
+      entityUpdate (e: any) {
+        emitEntity(e)
+      },
+      entityEquip (e: any) {
+        emitEntity(e)
+      },
+      entityMoved (e: any) {
+        emitEntity(e, 'entityMoved')
+      },
+      entityGone: (e: any) => {
+        this.emitter.emit('entity', { id: e.id, delete: true })
+      },
+      chunkColumnLoad: (pos: Vec3) => {
+        const now = performance.now()
+        if (this.lastChunkReceiveTime) {
+          this.chunkReceiveTimes.push(now - this.lastChunkReceiveTime)
+        }
+        this.lastChunkReceiveTime = now
+
+        if (this.waitingSpiralChunksLoad[`${pos.x},${pos.z}`]) {
+          this.waitingSpiralChunksLoad[`${pos.x},${pos.z}`](true)
+          delete this.waitingSpiralChunksLoad[`${pos.x},${pos.z}`]
+        } else if (this.loadedChunks[`${pos.x},${pos.z}`]) {
+          void this.loadChunk(pos, false, 'Received another chunkColumnLoad event while already loaded')
+        }
+        this.chunkProgress()
+      },
+      chunkColumnUnload: (pos: Vec3) => {
+        this.unloadChunk(pos)
+      },
+      blockUpdate: (oldBlock: any, newBlock: any) => {
+        const stateId = newBlock.stateId ?? ((newBlock.type << 4) | newBlock.metadata)
+        this.emitter.emit('blockUpdate', { pos: oldBlock.position, stateId })
+      },
+      time: () => {
+        this.emitter.emit('time', bot.time.timeOfDay)
+      },
+      end: () => {
+        this.emitter.emit('end')
+      },
+      // when dimension might change
+      login: () => {
+        void this.updatePosition(bot.entity.position, true)
+        this.emitter.emit('playerEntity', bot.entity)
+      },
+      respawn: () => {
+        void this.updatePosition(bot.entity.position, true)
+        this.emitter.emit('playerEntity', bot.entity)
+        this.emitter.emit('onWorldSwitch')
+      },
+    } satisfies Partial<BotEvents>
+
+
+    bot._client.on('update_light', ({ chunkX, chunkZ }) => {
+      const chunkPos = new Vec3(chunkX * 16, 0, chunkZ * 16)
+      if (!this.waitingSpiralChunksLoad[`${chunkX},${chunkZ}`] && this.loadedChunks[`${chunkX},${chunkZ}`]) {
+        void this.loadChunk(chunkPos, true, 'update_light')
+      }
+    })
+
+    for (const [evt, listener] of Object.entries(this.eventListeners)) {
+      bot.on(evt as any, listener)
+    }
+
+    for (const id in bot.entities) {
+      const e = bot.entities[id]
+      try {
+        emitEntity(e)
+      } catch (err) {
+        // reportError?.(err)
+        console.error('error processing entity', err)
+      }
+    }
+  }
+
+  emitterGotConnected () {
+    this.emitter.emit('blockEntities', new Proxy({}, {
+      get (_target, posKey, receiver) {
+        if (typeof posKey !== 'string') return
+        const [x, y, z] = posKey.split(',').map(Number)
+        return bot.world.getBlock(new Vec3(x, y, z))?.entity
+      },
+    }))
+  }
+
+  removeListenersFromBot (bot: import('mineflayer').Bot) {
+    for (const [evt, listener] of Object.entries(this.eventListeners)) {
+      bot.removeListener(evt as any, listener)
+    }
+  }
+
+  async init (pos: Vec3) {
+    this.updateViewDistance(this.viewDistance)
+    this.emitter.emit('chunkPosUpdate', { pos })
+    if (bot?.time?.timeOfDay) {
+      this.emitter.emit('time', bot.time.timeOfDay)
+    }
+    if (bot?.entity) {
+      this.emitter.emit('playerEntity', bot.entity)
+    }
+    this.emitterGotConnected()
+    const [botX, botZ] = chunkPos(pos)
+
+    const positions = generateSpiralMatrix(this.viewDistance).map(([x, z]) => new Vec3((botX + x) * 16, 0, (botZ + z) * 16))
+
+    this.lastPos.update(pos)
+    await this._loadChunks(positions, pos)
+  }
+
+  chunkProgress () {
+    if (this.panicTimeout) clearTimeout(this.panicTimeout)
+    if (this.chunkReceiveTimes.length >= 5) {
+      const avgReceiveTime = this.chunkReceiveTimes.reduce((a, b) => a + b, 0) / this.chunkReceiveTimes.length
+      this.lastChunkReceiveTimeAvg = avgReceiveTime
+      const timeoutDelay = avgReceiveTime * 2 + 1000 // 2x average + 1 second
+
+      // Clear any existing timeout
+      if (this.panicTimeout) clearTimeout(this.panicTimeout)
+
+      // Set new timeout for panic reload
+      this.panicTimeout = setTimeout(() => {
+        if (!this.gotPanicLastTime && this.inLoading) {
+          console.warn('Chunk loading seems stuck, triggering panic reload')
+          this.gotPanicLastTime = true
+          this.panicChunksReload()
+        }
+      }, timeoutDelay)
+    }
+  }
+
+  async _loadChunks (positions: Vec3[], centerPos: Vec3) {
+    this.spiralNumber++
+    const { spiralNumber } = this
+    // stop loading previous chunks
+    for (const pos of Object.keys(this.waitingSpiralChunksLoad)) {
+      this.waitingSpiralChunksLoad[pos](false)
+      delete this.waitingSpiralChunksLoad[pos]
+    }
+
+    let continueLoading = true
+    this.inLoading = true
+    await delayedIterator(positions, this.addWaitTime, async (pos) => {
+      if (!continueLoading || this.loadedChunks[`${pos.x},${pos.z}`]) return
+
+      // Wait for chunk to be available from server
+      if (!this.world.getColumnAt(pos)) {
+        continueLoading = await new Promise<boolean>(resolve => {
+          this.waitingSpiralChunksLoad[`${pos.x},${pos.z}`] = resolve
+        })
+      }
+      if (!continueLoading) return
+      await this.loadChunk(pos, undefined, `spiral ${spiralNumber} from ${centerPos.x},${centerPos.z}`)
+      this.chunkProgress()
+    })
+    if (this.panicTimeout) clearTimeout(this.panicTimeout)
+    this.inLoading = false
+    this.gotPanicLastTime = false
+    this.chunkReceiveTimes = []
+    this.lastChunkReceiveTime = 0
+  }
+
+  readdDebug () {
+    const clonedLoadedChunks = { ...this.loadedChunks }
+    this.unloadAllChunks()
+    console.time('readdDebug')
+    for (const loadedChunk in clonedLoadedChunks) {
+      const [x, z] = loadedChunk.split(',').map(Number)
+      void this.loadChunk(new Vec3(x, 0, z))
+    }
+    const interval = setInterval(() => {
+      if (appViewer.rendererState.world.allChunksLoaded) {
+        clearInterval(interval)
+        console.timeEnd('readdDebug')
+      }
+    }, 100)
+  }
+
+  // debugGotChunkLatency = [] as number[]
+  // lastTime = 0
+
+  async loadChunk (pos: ChunkPos, isLightUpdate = false, reason = 'spiral') {
+    const [botX, botZ] = chunkPos(this.lastPos)
+
+    const dx = Math.abs(botX - Math.floor(pos.x / 16))
+    const dz = Math.abs(botZ - Math.floor(pos.z / 16))
+    if (dx <= this.viewDistance && dz <= this.viewDistance) {
+      // eslint-disable-next-line @typescript-eslint/await-thenable -- todo allow to use async world provider but not sure if needed
+      const column = await this.world.getColumnAt(pos['y'] ? pos as Vec3 : new Vec3(pos.x, 0, pos.z))
+      if (column) {
+        // const latency = Math.floor(performance.now() - this.lastTime)
+        // this.debugGotChunkLatency.push(latency)
+        // this.lastTime = performance.now()
+        // todo optimize toJson data, make it clear why it is used
+        const chunk = column.toJson()
+        // TODO: blockEntities
+        const worldConfig = {
+          minY: column['minY'] ?? 0,
+          worldHeight: column['worldHeight'] ?? 256,
+        }
+        //@ts-expect-error
+        this.emitter.emit('loadChunk', { x: pos.x, z: pos.z, chunk, blockEntities: column.blockEntities, worldConfig, isLightUpdate })
+        this.loadedChunks[`${pos.x},${pos.z}`] = true
+
+        this.debugChunksInfo[`${pos.x},${pos.z}`] ??= {
+          loads: []
+        }
+        this.debugChunksInfo[`${pos.x},${pos.z}`].loads.push({
+          dataLength: chunk.length,
+          reason,
+          time: Date.now(),
+        })
+      } else if (this.isPlayground) { // don't allow in real worlds pre-flag chunks as loaded to avoid race condition when the chunk might still be loading. In playground it's assumed we always pre-load all chunks first
+        this.emitter.emit('markAsLoaded', { x: pos.x, z: pos.z })
+      }
+    } else {
+      // console.debug('skipped loading chunk', dx, dz, '>', this.viewDistance)
+    }
+  }
+
+  unloadAllChunks () {
+    for (const coords of Object.keys(this.loadedChunks)) {
+      const [x, z] = coords.split(',').map(Number)
+      this.unloadChunk({ x, z })
+    }
+  }
+
+  unloadChunk (pos: ChunkPos) {
+    this.emitter.emit('unloadChunk', { x: pos.x, z: pos.z })
+    delete this.loadedChunks[`${pos.x},${pos.z}`]
+    delete this.debugChunksInfo[`${pos.x},${pos.z}`]
+  }
+
+  lastBiomeId: number | null = null
+
+  udpateBiome (pos: Vec3) {
+    try {
+      const biomeId = this.world.getBiome(pos)
+      if (biomeId !== this.lastBiomeId) {
+        this.lastBiomeId = biomeId
+        const biomeData = loadedData.biomes[biomeId]
+        if (biomeData) {
+          this.emitter.emit('biomeUpdate', {
+            biome: biomeData
+          })
+        } else {
+          // unknown biome
+          this.emitter.emit('biomeReset')
+        }
+      }
+    } catch (e) {
+      console.error('error updating biome', e)
+    }
+  }
+
+  lastPosCheck: Vec3 | null = null
+  async updatePosition (pos: Vec3, force = false) {
+    if (!this.allowPositionUpdate) return
+    const posFloored = pos.floored()
+    if (!force && this.lastPosCheck && this.lastPosCheck.equals(posFloored)) return
+    this.lastPosCheck = posFloored
+
+    this.udpateBiome(pos)
+
+    const [lastX, lastZ] = chunkPos(this.lastPos)
+    const [botX, botZ] = chunkPos(pos)
+    if (lastX !== botX || lastZ !== botZ || force) {
+      this.emitter.emit('chunkPosUpdate', { pos })
+
+      // unload chunks that are no longer in view
+      const newViewToUnload = new ViewRect(botX, botZ, this.viewDistance + this.keepChunksDistance)
+      const chunksToUnload: Vec3[] = []
+      for (const coords of Object.keys(this.loadedChunks)) {
+        const x = parseInt(coords.split(',')[0], 10)
+        const z = parseInt(coords.split(',')[1], 10)
+        const p = new Vec3(x, 0, z)
+        const [chunkX, chunkZ] = chunkPos(p)
+        if (!newViewToUnload.contains(chunkX, chunkZ)) {
+          chunksToUnload.push(p)
+        }
+      }
+      for (const p of chunksToUnload) {
+        this.unloadChunk(p)
+      }
+
+      // load new chunks
+      const positions = generateSpiralMatrix(this.viewDistance).map(([x, z]) => {
+        const pos = new Vec3((botX + x) * 16, 0, (botZ + z) * 16)
+        if (!this.loadedChunks[`${pos.x},${pos.z}`]) return pos
+        return undefined!
+      }).filter(a => !!a)
+      this.lastPos.update(pos)
+      void this._loadChunks(positions, pos)
+    } else {
+      this.emitter.emit('chunkPosUpdate', { pos }) // todo-low
+      this.lastPos.update(pos)
+    }
+  }
+}
diff --git a/renderer/viewer/lib/worldrendererCommon.ts b/renderer/viewer/lib/worldrendererCommon.ts
new file mode 100644
index 00000000..4140e3fa
--- /dev/null
+++ b/renderer/viewer/lib/worldrendererCommon.ts
@@ -0,0 +1,1087 @@
+/* eslint-disable guard-for-in */
+import { EventEmitter } from 'events'
+import { Vec3 } from 'vec3'
+import mcDataRaw from 'minecraft-data/data.js' // note: using alias
+import TypedEmitter from 'typed-emitter'
+import { WorldBlockProvider } from 'mc-assets/dist/worldBlockProvider'
+import { generateSpiralMatrix } from 'flying-squid/dist/utils'
+import { subscribeKey } from 'valtio/utils'
+import { proxy } from 'valtio'
+import { dynamicMcDataFiles } from '../../buildMesherConfig.mjs'
+import type { ResourcesManagerTransferred } from '../../../src/resourcesManager'
+import { DisplayWorldOptions, GraphicsInitOptions, RendererReactiveState } from '../../../src/appViewer'
+import { SoundSystem } from '../three/threeJsSound'
+import { buildCleanupDecorator } from './cleanupDecorator'
+import { HighestBlockInfo, CustomBlockModels, BlockStateModelInfo, getBlockAssetsCacheKey, MesherConfig, MesherMainEvent } from './mesher/shared'
+import { chunkPos } from './simpleUtils'
+import { addNewStat, removeAllStats, updatePanesVisibility, updateStatText } from './ui/newStats'
+import { WorldDataEmitterWorker } from './worldDataEmitter'
+import { getPlayerStateUtils, PlayerStateReactive, PlayerStateRenderer, PlayerStateUtils } from './basePlayerState'
+import { MesherLogReader } from './mesherlogReader'
+import { setSkinsConfig } from './utils/skins'
+
+function mod (x, n) {
+  return ((x % n) + n) % n
+}
+
+const toMajorVersion = version => {
+  const [a, b] = (String(version)).split('.')
+  return `${a}.${b}`
+}
+
+export const worldCleanup = buildCleanupDecorator('resetWorld')
+
+export const defaultWorldRendererConfig = {
+  // Debug settings
+  showChunkBorders: false,
+  enableDebugOverlay: false,
+
+  // Performance settings
+  mesherWorkers: 4,
+  addChunksBatchWaitTime: 200,
+  _experimentalSmoothChunkLoading: true,
+  _renderByChunks: false,
+
+  // Rendering engine settings
+  dayCycle: true,
+  smoothLighting: true,
+  enableLighting: true,
+  starfield: true,
+  defaultSkybox: true,
+  renderEntities: true,
+  extraBlockRenderers: true,
+  foreground: true,
+  fov: 75,
+  volume: 1,
+
+  // Camera visual related settings
+  showHand: false,
+  viewBobbing: false,
+  renderEars: true,
+  highlightBlockColor: 'blue',
+
+  // Player models
+  fetchPlayerSkins: true,
+  skinTexturesProxy: undefined as string | undefined,
+
+  // VR settings
+  vrSupport: true,
+  vrPageGameRendering: true,
+
+  // World settings
+  clipWorldBelowY: undefined as number | undefined,
+  isPlayground: false
+}
+
+export type WorldRendererConfig = typeof defaultWorldRendererConfig
+
+export abstract class WorldRendererCommon<WorkerSend = any, WorkerReceive = any> {
+  worldReadyResolvers = Promise.withResolvers<void>()
+  worldReadyPromise = this.worldReadyResolvers.promise
+  timeOfTheDay = 0
+  worldSizeParams = { minY: 0, worldHeight: 256 }
+  reactiveDebugParams = proxy({
+    stopRendering: false,
+    chunksRenderAboveOverride: undefined as number | undefined,
+    chunksRenderAboveEnabled: false,
+    chunksRenderBelowOverride: undefined as number | undefined,
+    chunksRenderBelowEnabled: false,
+    chunksRenderDistanceOverride: undefined as number | undefined,
+    chunksRenderDistanceEnabled: false,
+    disableEntities: false,
+    // disableParticles: false
+  })
+
+  active = false
+
+  // #region CHUNK & SECTIONS TRACKING
+  @worldCleanup()
+  loadedChunks = {} as Record<string, boolean> // data is added for these chunks and they might be still processing
+
+  @worldCleanup()
+  finishedChunks = {} as Record<string, boolean> // these chunks are fully loaded into the world (scene)
+
+  @worldCleanup()
+  finishedSections = {} as Record<string, boolean> // these sections are fully loaded into the world (scene)
+
+  @worldCleanup()
+  // loading sections (chunks)
+  sectionsWaiting = new Map<string, number>()
+
+  @worldCleanup()
+  queuedChunks = new Set<string>()
+  queuedFunctions = [] as Array<() => void>
+  // #endregion
+
+  renderUpdateEmitter = new EventEmitter() as unknown as TypedEmitter<{
+    dirty (pos: Vec3, value: boolean): void
+    update (/* pos: Vec3, value: boolean */): void
+    chunkFinished (key: string): void
+    heightmap (key: string, heightmap: Uint8Array): void
+  }>
+  customTexturesDataUrl = undefined as string | undefined
+  workers: any[] = []
+  viewerChunkPosition?: Vec3
+  lastCamUpdate = 0
+  droppedFpsPercentage = 0
+  initialChunkLoadWasStartedIn: number | undefined
+  initialChunksLoad = true
+  enableChunksLoadDelay = false
+  texturesVersion?: string
+  viewDistance = -1
+  chunksLength = 0
+  allChunksFinished = false
+  messageQueue: any[] = []
+  isProcessingQueue = false
+  ONMESSAGE_TIME_LIMIT = 30 // ms
+
+  handleResize = () => { }
+  highestBlocksByChunks = new Map<string, { [chunkKey: string]: HighestBlockInfo }>()
+  blockEntities = {}
+
+  workersProcessAverageTime = 0
+  workersProcessAverageTimeCount = 0
+  maxWorkersProcessTime = 0
+  geometryReceiveCount = {} as Record<number, number>
+  allLoadedIn: undefined | number
+  onWorldSwitched = [] as Array<() => void>
+  renderTimeMax = 0
+  renderTimeAvg = 0
+  renderTimeAvgCount = 0
+  edgeChunks = {} as Record<string, boolean>
+  lastAddChunk = null as null | {
+    timeout: any
+    x: number
+    z: number
+  }
+  neighborChunkUpdates = true
+  lastChunkDistance = 0
+  debugStopGeometryUpdate = false
+
+  protocolCustomBlocks = new Map<string, CustomBlockModels>()
+
+  @worldCleanup()
+  blockStateModelInfo = new Map<string, BlockStateModelInfo>()
+
+  abstract outputFormat: 'threeJs' | 'webgpu'
+  worldBlockProvider: WorldBlockProvider
+  soundSystem: SoundSystem | undefined
+
+  abstract changeBackgroundColor (color: [number, number, number]): void
+
+  worldRendererConfig: WorldRendererConfig
+  playerStateReactive: PlayerStateReactive
+  playerStateUtils: PlayerStateUtils
+  reactiveState: RendererReactiveState
+  mesherLogReader: MesherLogReader | undefined
+  forceCallFromMesherReplayer = false
+  stopMesherMessagesProcessing = false
+
+  abortController = new AbortController()
+  lastRendered = 0
+  renderingActive = true
+  geometryReceiveCountPerSec = 0
+  mesherLogger = {
+    contents: [] as string[],
+    active: new URL(location.href).searchParams.get('mesherlog') === 'true'
+  }
+  currentRenderedFrames = 0
+  fpsAverage = 0
+  lastFps = 0
+  fpsWorst = undefined as number | undefined
+  fpsSamples = 0
+  mainThreadRendering = true
+  backendInfoReport = '-'
+  chunksFullInfo = '-'
+  workerCustomHandleTime = 0
+
+  get version () {
+    return this.displayOptions.version
+  }
+
+  get displayAdvancedStats () {
+    return (this.initOptions.config.statsVisible ?? 0) > 1
+  }
+
+  constructor (public readonly resourcesManager: ResourcesManagerTransferred, public displayOptions: DisplayWorldOptions, public initOptions: GraphicsInitOptions) {
+    this.snapshotInitialValues()
+    this.worldRendererConfig = displayOptions.inWorldRenderingConfig
+    this.playerStateReactive = displayOptions.playerStateReactive
+    this.playerStateUtils = getPlayerStateUtils(this.playerStateReactive)
+    this.reactiveState = displayOptions.rendererState
+    // this.mesherLogReader = new MesherLogReader(this)
+    this.renderUpdateEmitter.on('update', () => {
+      const loadedChunks = Object.keys(this.finishedChunks).length
+      updateStatText('loaded-chunks', `${loadedChunks}/${this.chunksLength} chunks (${this.lastChunkDistance}/${this.viewDistance})`)
+    })
+
+    addNewStat('downloaded-chunks', 100, 140, 20)
+
+    this.connect(this.displayOptions.worldView)
+
+    const interval = setInterval(() => {
+      this.geometryReceiveCountPerSec = Object.values(this.geometryReceiveCount).reduce((acc, curr) => acc + curr, 0)
+      this.geometryReceiveCount = {}
+      updatePanesVisibility(this.displayAdvancedStats)
+      this.updateChunksStats()
+      if (this.mainThreadRendering) {
+        this.fpsUpdate()
+      }
+    }, 500)
+    this.abortController.signal.addEventListener('abort', () => {
+      clearInterval(interval)
+    })
+  }
+
+  fpsUpdate () {
+    this.fpsSamples++
+    this.fpsAverage = (this.fpsAverage * (this.fpsSamples - 1) + this.currentRenderedFrames) / this.fpsSamples
+    if (this.fpsWorst === undefined) {
+      this.fpsWorst = this.currentRenderedFrames
+    } else {
+      this.fpsWorst = Math.min(this.fpsWorst, this.currentRenderedFrames)
+    }
+    this.lastFps = this.currentRenderedFrames
+    this.currentRenderedFrames = 0
+  }
+
+  logWorkerWork (message: string | (() => string)) {
+    if (!this.mesherLogger.active) return
+    this.mesherLogger.contents.push(typeof message === 'function' ? message() : message)
+  }
+
+  async init () {
+    if (this.active) throw new Error('WorldRendererCommon is already initialized')
+
+    await Promise.all([
+      this.resetWorkers(),
+      (async () => {
+        if (this.resourcesManager.currentResources?.allReady) {
+          await this.updateAssetsData()
+        }
+      })()
+    ])
+
+    this.resourcesManager.on('assetsTexturesUpdated', async () => {
+      if (!this.active) return
+      await this.updateAssetsData()
+    })
+
+    this.watchReactivePlayerState()
+    this.watchReactiveConfig()
+    this.worldReadyResolvers.resolve()
+  }
+
+  snapshotInitialValues () { }
+
+  wasChunkSentToWorker (chunkKey: string) {
+    return this.loadedChunks[chunkKey]
+  }
+
+  async getHighestBlocks (chunkKey: string) {
+    return this.highestBlocksByChunks.get(chunkKey)
+  }
+
+  updateCustomBlock (chunkKey: string, blockPos: string, model: string) {
+    this.protocolCustomBlocks.set(chunkKey, {
+      ...this.protocolCustomBlocks.get(chunkKey),
+      [blockPos]: model
+    })
+    this.logWorkerWork(() => `-> updateCustomBlock ${chunkKey} ${blockPos} ${model} ${this.wasChunkSentToWorker(chunkKey)}`)
+    if (this.wasChunkSentToWorker(chunkKey)) {
+      const [x, y, z] = blockPos.split(',').map(Number)
+      this.setBlockStateId(new Vec3(x, y, z), undefined)
+    }
+  }
+
+  async getBlockInfo (blockPos: { x: number, y: number, z: number }, stateId: number) {
+    const chunkKey = `${Math.floor(blockPos.x / 16) * 16},${Math.floor(blockPos.z / 16) * 16}`
+    const customBlockName = this.protocolCustomBlocks.get(chunkKey)?.[`${blockPos.x},${blockPos.y},${blockPos.z}`]
+    const cacheKey = getBlockAssetsCacheKey(stateId, customBlockName)
+    const modelInfo = this.blockStateModelInfo.get(cacheKey)
+    return {
+      customBlockName,
+      modelInfo
+    }
+  }
+
+  initWorkers (numWorkers = this.worldRendererConfig.mesherWorkers) {
+    // init workers
+    for (let i = 0; i < numWorkers + 1; i++) {
+      const worker = initMesherWorker((data) => {
+        if (Array.isArray(data)) {
+          this.messageQueue.push(...data)
+        } else {
+          this.messageQueue.push(data)
+        }
+        void this.processMessageQueue('worker')
+      })
+      this.workers.push(worker)
+    }
+  }
+
+  onReactivePlayerStateUpdated<T extends keyof PlayerStateReactive>(key: T, callback: (value: PlayerStateReactive[T]) => void, initial = true) {
+    if (initial) {
+      callback(this.playerStateReactive[key])
+    }
+    subscribeKey(this.playerStateReactive, key, callback)
+  }
+
+  onReactiveConfigUpdated<T extends keyof typeof this.worldRendererConfig>(key: T, callback: (value: typeof this.worldRendererConfig[T]) => void) {
+    callback(this.worldRendererConfig[key])
+    subscribeKey(this.worldRendererConfig, key, callback)
+  }
+
+  onReactiveDebugUpdated<T extends keyof typeof this.reactiveDebugParams>(key: T, callback: (value: typeof this.reactiveDebugParams[T]) => void) {
+    callback(this.reactiveDebugParams[key])
+    subscribeKey(this.reactiveDebugParams, key, callback)
+  }
+
+  watchReactivePlayerState () {
+    this.onReactivePlayerStateUpdated('backgroundColor', (value) => {
+      this.changeBackgroundColor(value)
+    })
+  }
+
+  watchReactiveConfig () {
+    this.onReactiveConfigUpdated('fetchPlayerSkins', (value) => {
+      setSkinsConfig({ apiEnabled: value })
+    })
+  }
+
+  async processMessageQueue (source: string) {
+    if (this.isProcessingQueue || this.messageQueue.length === 0) return
+    this.logWorkerWork(`# ${source} processing queue`)
+    if (this.lastRendered && performance.now() - this.lastRendered > this.ONMESSAGE_TIME_LIMIT && this.worldRendererConfig._experimentalSmoothChunkLoading && this.renderingActive) {
+      const start = performance.now()
+      await new Promise(resolve => {
+        requestAnimationFrame(resolve)
+      })
+      this.logWorkerWork(`# processing got delayed by ${performance.now() - start}ms`)
+    }
+    this.isProcessingQueue = true
+
+    const startTime = performance.now()
+    let processedCount = 0
+
+    while (this.messageQueue.length > 0) {
+      const processingStopped = this.stopMesherMessagesProcessing
+      if (!processingStopped) {
+        const data = this.messageQueue.shift()!
+        this.handleMessage(data)
+        processedCount++
+      }
+
+      // Check if we've exceeded the time limit
+      if (processingStopped || (performance.now() - startTime > this.ONMESSAGE_TIME_LIMIT && this.renderingActive && this.worldRendererConfig._experimentalSmoothChunkLoading)) {
+        // If we have more messages and exceeded time limit, schedule next batch
+        if (this.messageQueue.length > 0) {
+          requestAnimationFrame(async () => {
+            this.isProcessingQueue = false
+            void this.processMessageQueue('queue-delay')
+          })
+          return
+        }
+        break
+      }
+    }
+
+    this.isProcessingQueue = false
+  }
+
+  handleMessage (rawData: any) {
+    const data = rawData as MesherMainEvent
+    if (!this.active) return
+    this.mesherLogReader?.workerMessageReceived(data.type, data)
+    if (data.type !== 'geometry' || !this.debugStopGeometryUpdate) {
+      const start = performance.now()
+      this.handleWorkerMessage(data as WorkerReceive)
+      this.workerCustomHandleTime += performance.now() - start
+    }
+    if (data.type === 'geometry') {
+      this.logWorkerWork(() => `-> ${data.workerIndex} geometry ${data.key} ${JSON.stringify({ dataSize: JSON.stringify(data).length })}`)
+      this.geometryReceiveCount[data.workerIndex] ??= 0
+      this.geometryReceiveCount[data.workerIndex]++
+      const chunkCoords = data.key.split(',').map(Number)
+      this.lastChunkDistance = Math.max(...this.getDistance(new Vec3(chunkCoords[0], 0, chunkCoords[2])))
+    }
+    if (data.type === 'sectionFinished') { // on after load & unload section
+      this.logWorkerWork(`<- ${data.workerIndex} sectionFinished ${data.key} ${JSON.stringify({ processTime: data.processTime })}`)
+      if (!this.sectionsWaiting.has(data.key)) throw new Error(`sectionFinished event for non-outstanding section ${data.key}`)
+      this.sectionsWaiting.set(data.key, this.sectionsWaiting.get(data.key)! - 1)
+      if (this.sectionsWaiting.get(data.key) === 0) {
+        this.sectionsWaiting.delete(data.key)
+        this.finishedSections[data.key] = true
+      }
+
+      const chunkCoords = data.key.split(',').map(Number)
+      const chunkKey = `${chunkCoords[0]},${chunkCoords[2]}`
+      if (this.loadedChunks[chunkKey]) { // ensure chunk data was added, not a neighbor chunk update
+        let loaded = true
+        for (let y = this.worldMinYRender; y < this.worldSizeParams.worldHeight; y += 16) {
+          if (!this.finishedSections[`${chunkCoords[0]},${y},${chunkCoords[2]}`]) {
+            loaded = false
+            break
+          }
+        }
+        if (loaded) {
+          // CHUNK FINISHED
+          this.finishedChunks[chunkKey] = true
+          this.reactiveState.world.chunksLoaded.add(`${Math.floor(chunkCoords[0] / 16)},${Math.floor(chunkCoords[2] / 16)}`)
+          this.renderUpdateEmitter.emit(`chunkFinished`, `${chunkCoords[0]},${chunkCoords[2]}`)
+          this.checkAllFinished()
+          // merge highest blocks by sections into highest blocks by chunks
+          // for (let y = this.worldMinYRender; y < this.worldSizeParams.worldHeight; y += 16) {
+          //   const sectionKey = `${chunkCoords[0]},${y},${chunkCoords[2]}`
+          //   for (let x = 0; x < 16; x++) {
+          //     for (let z = 0; z < 16; z++) {
+          //       const posInsideKey = `${chunkCoords[0] + x},${chunkCoords[2] + z}`
+          //       let block = null as HighestBlockInfo | null
+          //       const highestBlock = this.highestBlocksBySections[sectionKey]?.[posInsideKey]
+          //       if (!highestBlock) continue
+          //       if (!block || highestBlock.y > block.y) {
+          //         block = highestBlock
+          //       }
+          //       if (block) {
+          //         this.highestBlocksByChunks[chunkKey] ??= {}
+          //         this.highestBlocksByChunks[chunkKey][posInsideKey] = block
+          //       }
+          //     }
+          //   }
+          //   delete this.highestBlocksBySections[sectionKey]
+          // }
+        }
+      }
+
+      this.renderUpdateEmitter.emit('update')
+      if (data.processTime) {
+        this.workersProcessAverageTimeCount++
+        this.workersProcessAverageTime = ((this.workersProcessAverageTime * (this.workersProcessAverageTimeCount - 1)) + data.processTime) / this.workersProcessAverageTimeCount
+        this.maxWorkersProcessTime = Math.max(this.maxWorkersProcessTime, data.processTime)
+      }
+    }
+
+    if (data.type === 'blockStateModelInfo') {
+      for (const [cacheKey, info] of Object.entries(data.info)) {
+        this.blockStateModelInfo.set(cacheKey, info)
+      }
+    }
+
+    if (data.type === 'heightmap') {
+      this.reactiveState.world.heightmaps.set(data.key, new Uint8Array(data.heightmap))
+    }
+  }
+
+  downloadMesherLog () {
+    const a = document.createElement('a')
+    a.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(this.mesherLogger.contents.join('\n'))
+    a.download = 'mesher.log'
+    a.click()
+  }
+
+  checkAllFinished () {
+    if (this.sectionsWaiting.size === 0) {
+      this.reactiveState.world.mesherWork = false
+    }
+    // todo check exact surrounding chunks
+    const allFinished = Object.keys(this.finishedChunks).length >= this.chunksLength
+    if (allFinished) {
+      this.allChunksLoaded?.()
+      this.allChunksFinished = true
+      this.allLoadedIn ??= Date.now() - this.initialChunkLoadWasStartedIn!
+    }
+    this.updateChunksStats()
+  }
+
+  changeHandSwingingState (isAnimationPlaying: boolean, isLeftHand: boolean): void { }
+
+  abstract handleWorkerMessage (data: WorkerReceive): void
+
+  abstract updateCamera (pos: Vec3 | null, yaw: number, pitch: number): void
+
+  abstract render (): void
+
+  /**
+   * Optionally update data that are depedendent on the viewer position
+   */
+  updatePosDataChunk? (key: string): void
+
+  allChunksLoaded? (): void
+
+  timeUpdated? (newTime: number): void
+
+  biomeUpdated? (biome: any): void
+
+  biomeReset? (): void
+
+  updateViewerPosition (pos: Vec3) {
+    this.viewerChunkPosition = pos
+    for (const [key, value] of Object.entries(this.loadedChunks)) {
+      if (!value) continue
+      this.updatePosDataChunk?.(key)
+    }
+  }
+
+  sendWorkers (message: WorkerSend) {
+    for (const worker of this.workers) {
+      worker.postMessage(message)
+    }
+  }
+
+  getDistance (posAbsolute: Vec3) {
+    const [botX, botZ] = chunkPos(this.viewerChunkPosition!)
+    const dx = Math.abs(botX - Math.floor(posAbsolute.x / 16))
+    const dz = Math.abs(botZ - Math.floor(posAbsolute.z / 16))
+    return [dx, dz] as [number, number]
+  }
+
+  abstract updateShowChunksBorder (value: boolean): void
+
+  resetWorld () {
+    // destroy workers
+    for (const worker of this.workers) {
+      worker.terminate()
+    }
+    this.workers = []
+  }
+
+  async resetWorkers () {
+    this.resetWorld()
+
+    // for workers in single file build
+    if (typeof document !== 'undefined' && document?.readyState === 'loading') {
+      await new Promise(resolve => {
+        document.addEventListener('DOMContentLoaded', resolve)
+      })
+    }
+
+    this.initWorkers()
+    this.active = true
+
+    this.sendMesherMcData()
+  }
+
+  getMesherConfig (): MesherConfig {
+    let skyLight = 15
+    const timeOfDay = this.timeOfTheDay
+    if (timeOfDay < 0 || timeOfDay > 24_000) {
+      //
+    } else if (timeOfDay <= 6000 || timeOfDay >= 18_000) {
+      skyLight = 15
+    } else if (timeOfDay > 6000 && timeOfDay < 12_000) {
+      skyLight = 15 - ((timeOfDay - 6000) / 6000) * 15
+    } else if (timeOfDay >= 12_000 && timeOfDay < 18_000) {
+      skyLight = ((timeOfDay - 12_000) / 6000) * 15
+    }
+
+    skyLight = Math.floor(skyLight)
+    return {
+      version: this.version,
+      enableLighting: this.worldRendererConfig.enableLighting,
+      skyLight,
+      smoothLighting: this.worldRendererConfig.smoothLighting,
+      outputFormat: this.outputFormat,
+      // textureSize: this.resourcesManager.currentResources!.blocksAtlasParser.atlas.latest.width,
+      debugModelVariant: undefined,
+      clipWorldBelowY: this.worldRendererConfig.clipWorldBelowY,
+      disableSignsMapsSupport: !this.worldRendererConfig.extraBlockRenderers,
+      worldMinY: this.worldMinYRender,
+      worldMaxY: this.worldMinYRender + this.worldSizeParams.worldHeight,
+    }
+  }
+
+  sendMesherMcData () {
+    const allMcData = mcDataRaw.pc[this.version] ?? mcDataRaw.pc[toMajorVersion(this.version)]
+    const mcData = {
+      version: JSON.parse(JSON.stringify(allMcData.version))
+    }
+    for (const key of dynamicMcDataFiles) {
+      mcData[key] = allMcData[key]
+    }
+
+    for (const worker of this.workers) {
+      worker.postMessage({ type: 'mcData', mcData, config: this.getMesherConfig() })
+    }
+    this.logWorkerWork('# mcData sent')
+  }
+
+  async updateAssetsData () {
+    const resources = this.resourcesManager.currentResources
+
+    if (this.workers.length === 0) throw new Error('workers not initialized yet')
+    for (const [i, worker] of this.workers.entries()) {
+      const { blockstatesModels } = resources
+
+      worker.postMessage({
+        type: 'mesherData',
+        workerIndex: i,
+        blocksAtlas: {
+          latest: resources.blocksAtlasJson
+        },
+        blockstatesModels,
+        config: this.getMesherConfig(),
+      })
+    }
+
+    this.logWorkerWork('# mesherData sent')
+    console.log('textures loaded')
+  }
+
+  get worldMinYRender () {
+    return Math.floor(Math.max(this.worldSizeParams.minY, this.worldRendererConfig.clipWorldBelowY ?? -Infinity) / 16) * 16
+  }
+
+  updateChunksStats () {
+    const loadedChunks = Object.keys(this.finishedChunks)
+    this.displayOptions.nonReactiveState.world.chunksLoaded = new Set(loadedChunks)
+    this.displayOptions.nonReactiveState.world.chunksTotalNumber = this.chunksLength
+    this.reactiveState.world.allChunksLoaded = this.allChunksFinished
+
+    const text = `Q: ${this.messageQueue.length} ${Object.keys(this.loadedChunks).length}/${Object.keys(this.finishedChunks).length}/${this.chunksLength} chunks (${this.workers.length}:${this.workersProcessAverageTime.toFixed(0)}ms/${this.geometryReceiveCountPerSec}ss/${this.allLoadedIn?.toFixed(1) ?? '-'}s)`
+    this.chunksFullInfo = text
+    updateStatText('downloaded-chunks', text)
+  }
+
+  addColumn (x: number, z: number, chunk: any, isLightUpdate: boolean) {
+    if (!this.active) return
+    if (this.workers.length === 0) throw new Error('workers not initialized yet')
+    this.initialChunksLoad = false
+    this.initialChunkLoadWasStartedIn ??= Date.now()
+    this.loadedChunks[`${x},${z}`] = true
+    this.updateChunksStats()
+
+    const chunkKey = `${x},${z}`
+    const customBlockModels = this.protocolCustomBlocks.get(chunkKey)
+
+    for (const worker of this.workers) {
+      worker.postMessage({
+        type: 'chunk',
+        x,
+        z,
+        chunk,
+        customBlockModels: customBlockModels || undefined
+      })
+    }
+    this.workers[0].postMessage({
+      type: 'getHeightmap',
+      x,
+      z,
+    })
+    this.logWorkerWork(() => `-> chunk ${JSON.stringify({ x, z, chunkLength: chunk.length, customBlockModelsLength: customBlockModels ? Object.keys(customBlockModels).length : 0 })}`)
+    this.mesherLogReader?.chunkReceived(x, z, chunk.length)
+    for (let y = this.worldMinYRender; y < this.worldSizeParams.worldHeight; y += 16) {
+      const loc = new Vec3(x, y, z)
+      this.setSectionDirty(loc)
+      if (this.neighborChunkUpdates && (!isLightUpdate || this.worldRendererConfig.smoothLighting)) {
+        this.setSectionDirty(loc.offset(-16, 0, 0))
+        this.setSectionDirty(loc.offset(16, 0, 0))
+        this.setSectionDirty(loc.offset(0, 0, -16))
+        this.setSectionDirty(loc.offset(0, 0, 16))
+      }
+    }
+  }
+
+  markAsLoaded (x, z) {
+    this.loadedChunks[`${x},${z}`] = true
+    this.finishedChunks[`${x},${z}`] = true
+    this.logWorkerWork(`-> markAsLoaded ${JSON.stringify({ x, z })}`)
+    this.checkAllFinished()
+  }
+
+  removeColumn (x, z) {
+    delete this.loadedChunks[`${x},${z}`]
+    for (const worker of this.workers) {
+      worker.postMessage({ type: 'unloadChunk', x, z })
+    }
+    this.logWorkerWork(`-> unloadChunk ${JSON.stringify({ x, z })}`)
+    delete this.finishedChunks[`${x},${z}`]
+    this.allChunksFinished = Object.keys(this.finishedChunks).length === this.chunksLength
+    if (Object.keys(this.finishedChunks).length === 0) {
+      this.allLoadedIn = undefined
+      this.initialChunkLoadWasStartedIn = undefined
+    }
+    for (let y = this.worldSizeParams.minY; y < this.worldSizeParams.worldHeight; y += 16) {
+      this.setSectionDirty(new Vec3(x, y, z), false)
+      delete this.finishedSections[`${x},${y},${z}`]
+    }
+    this.highestBlocksByChunks.delete(`${x},${z}`)
+
+    this.updateChunksStats()
+
+    if (Object.keys(this.loadedChunks).length === 0) {
+      this.mesherLogger.contents = []
+      this.logWorkerWork('# all chunks unloaded. New log started')
+      void this.mesherLogReader?.maybeStartReplay()
+    }
+  }
+
+  setBlockStateId (pos: Vec3, stateId: number | undefined, needAoRecalculation = true) {
+    const set = async () => {
+      const sectionX = Math.floor(pos.x / 16) * 16
+      const sectionZ = Math.floor(pos.z / 16) * 16
+      if (this.queuedChunks.has(`${sectionX},${sectionZ}`)) {
+        await new Promise<void>(resolve => {
+          this.queuedFunctions.push(() => {
+            resolve()
+          })
+        })
+      }
+      if (!this.loadedChunks[`${sectionX},${sectionZ}`]) {
+        // console.debug('[should be unreachable] setBlockStateId called for unloaded chunk', pos)
+      }
+      this.setBlockStateIdInner(pos, stateId, needAoRecalculation)
+    }
+    void set()
+  }
+
+  updateEntity (e: any, isUpdate = false) { }
+
+  abstract updatePlayerEntity? (e: any): void
+
+  lightUpdate (chunkX: number, chunkZ: number) { }
+
+  connect (worldView: WorldDataEmitterWorker) {
+    const worldEmitter = worldView
+
+    worldEmitter.on('entity', (e) => {
+      this.updateEntity(e, false)
+    })
+    worldEmitter.on('entityMoved', (e) => {
+      this.updateEntity(e, true)
+    })
+    worldEmitter.on('playerEntity', (e) => {
+      this.updatePlayerEntity?.(e)
+    })
+
+    let currentLoadChunkBatch = null as {
+      timeout
+      data
+    } | null
+    worldEmitter.on('loadChunk', ({ x, z, chunk, worldConfig, isLightUpdate }) => {
+      this.worldSizeParams = worldConfig
+      this.queuedChunks.add(`${x},${z}`)
+      const args = [x, z, chunk, isLightUpdate]
+      if (!currentLoadChunkBatch) {
+        // add a setting to use debounce instead
+        currentLoadChunkBatch = {
+          data: [],
+          timeout: setTimeout(() => {
+            for (const args of currentLoadChunkBatch!.data) {
+              this.queuedChunks.delete(`${args[0]},${args[1]}`)
+              this.addColumn(...args as Parameters<typeof this.addColumn>)
+            }
+            for (const fn of this.queuedFunctions) {
+              fn()
+            }
+            this.queuedFunctions = []
+            currentLoadChunkBatch = null
+          }, this.worldRendererConfig.addChunksBatchWaitTime)
+        }
+      }
+      currentLoadChunkBatch.data.push(args)
+    })
+    // todo remove and use other architecture instead so data flow is clear
+    worldEmitter.on('blockEntities', (blockEntities) => {
+      this.blockEntities = blockEntities
+    })
+
+    worldEmitter.on('unloadChunk', ({ x, z }) => {
+      this.removeColumn(x, z)
+    })
+
+    worldEmitter.on('blockUpdate', ({ pos, stateId }) => {
+      this.setBlockStateId(new Vec3(pos.x, pos.y, pos.z), stateId)
+    })
+
+    worldEmitter.on('chunkPosUpdate', ({ pos }) => {
+      this.updateViewerPosition(pos)
+    })
+
+    worldEmitter.on('end', () => {
+      this.worldStop?.()
+    })
+
+
+    worldEmitter.on('renderDistance', (d) => {
+      this.viewDistance = d
+      this.chunksLength = d === 0 ? 1 : generateSpiralMatrix(d).length
+    })
+
+    worldEmitter.on('renderDistance', (d) => {
+      this.viewDistance = d
+      this.chunksLength = d === 0 ? 1 : generateSpiralMatrix(d).length
+      this.allChunksFinished = Object.keys(this.finishedChunks).length === this.chunksLength
+    })
+
+    worldEmitter.on('markAsLoaded', ({ x, z }) => {
+      this.markAsLoaded(x, z)
+    })
+
+    worldEmitter.on('updateLight', ({ pos }) => {
+      this.lightUpdate(pos.x, pos.z)
+    })
+
+    worldEmitter.on('onWorldSwitch', () => {
+      for (const fn of this.onWorldSwitched) {
+        try {
+          fn()
+        } catch (e) {
+          setTimeout(() => {
+            console.log('[Renderer Backend] Error in onWorldSwitched:')
+            throw e
+          }, 0)
+        }
+      }
+    })
+
+    worldEmitter.on('time', (timeOfDay) => {
+      if (!this.worldRendererConfig.dayCycle) return
+      this.timeUpdated?.(timeOfDay)
+
+      this.timeOfTheDay = timeOfDay
+
+      // if (this.worldRendererConfig.skyLight === skyLight) return
+      // this.worldRendererConfig.skyLight = skyLight
+      // if (this instanceof WorldRendererThree) {
+      //   (this).rerenderAllChunks?.()
+      // }
+    })
+
+    worldEmitter.on('biomeUpdate', ({ biome }) => {
+      this.biomeUpdated?.(biome)
+    })
+
+    worldEmitter.on('biomeReset', () => {
+      this.biomeReset?.()
+    })
+  }
+
+  setBlockStateIdInner (pos: Vec3, stateId: number | undefined, needAoRecalculation = true) {
+    const chunkKey = `${Math.floor(pos.x / 16) * 16},${Math.floor(pos.z / 16) * 16}`
+    const blockPosKey = `${pos.x},${pos.y},${pos.z}`
+    const customBlockModels = this.protocolCustomBlocks.get(chunkKey) || {}
+
+    for (const worker of this.workers) {
+      worker.postMessage({
+        type: 'blockUpdate',
+        pos,
+        stateId,
+        customBlockModels
+      })
+    }
+    this.logWorkerWork(`-> blockUpdate ${JSON.stringify({ pos, stateId, customBlockModels })}`)
+    this.setSectionDirty(pos, true, true)
+    if (this.neighborChunkUpdates) {
+      if ((pos.x & 15) === 0) this.setSectionDirty(pos.offset(-16, 0, 0), true, true)
+      if ((pos.x & 15) === 15) this.setSectionDirty(pos.offset(16, 0, 0), true, true)
+      if ((pos.y & 15) === 0) this.setSectionDirty(pos.offset(0, -16, 0), true, true)
+      if ((pos.y & 15) === 15) this.setSectionDirty(pos.offset(0, 16, 0), true, true)
+      if ((pos.z & 15) === 0) this.setSectionDirty(pos.offset(0, 0, -16), true, true)
+      if ((pos.z & 15) === 15) this.setSectionDirty(pos.offset(0, 0, 16), true, true)
+
+      if (needAoRecalculation) {
+        // top view neighbors
+        if ((pos.x & 15) === 0 && (pos.z & 15) === 0) this.setSectionDirty(pos.offset(-16, 0, -16), true, true)
+        if ((pos.x & 15) === 15 && (pos.z & 15) === 0) this.setSectionDirty(pos.offset(16, 0, -16), true, true)
+        if ((pos.x & 15) === 0 && (pos.z & 15) === 15) this.setSectionDirty(pos.offset(-16, 0, 16), true, true)
+        if ((pos.x & 15) === 15 && (pos.z & 15) === 15) this.setSectionDirty(pos.offset(16, 0, 16), true, true)
+
+        // side view neighbors (but ignore updates above)
+        // z view neighbors
+        if ((pos.x & 15) === 0 && (pos.y & 15) === 0) this.setSectionDirty(pos.offset(-16, -16, 0), true, true)
+        if ((pos.x & 15) === 15 && (pos.y & 15) === 0) this.setSectionDirty(pos.offset(16, -16, 0), true, true)
+
+        // x view neighbors
+        if ((pos.z & 15) === 0 && (pos.y & 15) === 0) this.setSectionDirty(pos.offset(0, -16, -16), true, true)
+        if ((pos.z & 15) === 15 && (pos.y & 15) === 0) this.setSectionDirty(pos.offset(0, -16, 16), true, true)
+
+        // x & z neighbors
+        if ((pos.y & 15) === 0 && (pos.x & 15) === 0 && (pos.z & 15) === 0) this.setSectionDirty(pos.offset(-16, -16, -16), true, true)
+        if ((pos.y & 15) === 0 && (pos.x & 15) === 15 && (pos.z & 15) === 0) this.setSectionDirty(pos.offset(16, -16, -16), true, true)
+        if ((pos.y & 15) === 0 && (pos.x & 15) === 0 && (pos.z & 15) === 15) this.setSectionDirty(pos.offset(-16, -16, 16), true, true)
+        if ((pos.y & 15) === 0 && (pos.x & 15) === 15 && (pos.z & 15) === 15) this.setSectionDirty(pos.offset(16, -16, 16), true, true)
+      }
+    }
+  }
+
+  abstract worldStop? ()
+
+  queueAwaited = false
+  toWorkerMessagesQueue = {} as { [workerIndex: string]: any[] }
+
+  getWorkerNumber (pos: Vec3, updateAction = false) {
+    if (updateAction) {
+      const key = `${Math.floor(pos.x / 16) * 16},${Math.floor(pos.y / 16) * 16},${Math.floor(pos.z / 16) * 16}`
+      const cantUseChangeWorker = this.sectionsWaiting.get(key) && !this.finishedSections[key]
+      if (!cantUseChangeWorker) return 0
+    }
+
+    const hash = mod(Math.floor(pos.x / 16) + Math.floor(pos.y / 16) + Math.floor(pos.z / 16), this.workers.length - 1)
+    return hash + 1
+  }
+
+  async debugGetWorkerCustomBlockModel (pos: Vec3) {
+    const data = [] as Array<Promise<string>>
+    for (const worker of this.workers) {
+      data.push(new Promise((resolve) => {
+        worker.addEventListener('message', (e) => {
+          if (e.data.type === 'customBlockModel') {
+            resolve(e.data.customBlockModel)
+          }
+        })
+      }))
+      worker.postMessage({
+        type: 'getCustomBlockModel',
+        pos
+      })
+    }
+    return Promise.all(data)
+  }
+
+  setSectionDirty (pos: Vec3, value = true, useChangeWorker = false) { // value false is used for unloading chunks
+    if (!this.forceCallFromMesherReplayer && this.mesherLogReader) return
+
+    if (this.viewDistance === -1) throw new Error('viewDistance not set')
+    this.reactiveState.world.mesherWork = true
+    const distance = this.getDistance(pos)
+    // todo shouldnt we check loadedChunks instead?
+    if (!this.workers.length || distance[0] > this.viewDistance || distance[1] > this.viewDistance) return
+    const key = `${Math.floor(pos.x / 16) * 16},${Math.floor(pos.y / 16) * 16},${Math.floor(pos.z / 16) * 16}`
+    // if (this.sectionsOutstanding.has(key)) return
+    this.renderUpdateEmitter.emit('dirty', pos, value)
+    // Dispatch sections to workers based on position
+    // This guarantees uniformity accross workers and that a given section
+    // is always dispatched to the same worker
+    const hash = this.getWorkerNumber(pos, useChangeWorker && this.mesherLogger.active)
+    this.sectionsWaiting.set(key, (this.sectionsWaiting.get(key) ?? 0) + 1)
+    if (this.forceCallFromMesherReplayer) {
+      this.workers[hash].postMessage({
+        type: 'dirty',
+        x: pos.x,
+        y: pos.y,
+        z: pos.z,
+        value,
+        config: this.getMesherConfig(),
+      })
+    } else {
+      this.toWorkerMessagesQueue[hash] ??= []
+      this.toWorkerMessagesQueue[hash].push({
+        // this.workers[hash].postMessage({
+        type: 'dirty',
+        x: pos.x,
+        y: pos.y,
+        z: pos.z,
+        value,
+        config: this.getMesherConfig(),
+      })
+      this.dispatchMessages()
+    }
+  }
+
+  dispatchMessages () {
+    if (this.queueAwaited) return
+    this.queueAwaited = true
+    setTimeout(() => {
+      // group messages and send as one
+      for (const workerIndex in this.toWorkerMessagesQueue) {
+        const worker = this.workers[Number(workerIndex)]
+        worker.postMessage(this.toWorkerMessagesQueue[workerIndex])
+        for (const message of this.toWorkerMessagesQueue[workerIndex]) {
+          this.logWorkerWork(`-> ${workerIndex} dispatchMessages ${message.type} ${JSON.stringify({ x: message.x, y: message.y, z: message.z, value: message.value })}`)
+        }
+      }
+      this.toWorkerMessagesQueue = {}
+      this.queueAwaited = false
+    })
+  }
+
+  // Listen for chunk rendering updates emitted if a worker finished a render and resolve if the number
+  // of sections not rendered are 0
+  async waitForChunksToRender () {
+    return new Promise<void>((resolve, reject) => {
+      if ([...this.sectionsWaiting].length === 0) {
+        resolve()
+        return
+      }
+
+      const updateHandler = () => {
+        if (this.sectionsWaiting.size === 0) {
+          this.renderUpdateEmitter.removeListener('update', updateHandler)
+          resolve()
+        }
+      }
+      this.renderUpdateEmitter.on('update', updateHandler)
+    })
+  }
+
+  async waitForChunkToLoad (pos: Vec3) {
+    return new Promise<void>((resolve, reject) => {
+      const key = `${Math.floor(pos.x / 16) * 16},${Math.floor(pos.z / 16) * 16}`
+      if (this.loadedChunks[key]) {
+        resolve()
+        return
+      }
+      const updateHandler = () => {
+        if (this.loadedChunks[key]) {
+          this.renderUpdateEmitter.removeListener('update', updateHandler)
+          resolve()
+        }
+      }
+      this.renderUpdateEmitter.on('update', updateHandler)
+    })
+  }
+
+  destroy () {
+    // Stop all workers
+    for (const worker of this.workers) {
+      worker.terminate()
+    }
+    this.workers = []
+
+    // Stop and destroy sound system
+    if (this.soundSystem) {
+      this.soundSystem.destroy()
+      this.soundSystem = undefined
+    }
+
+    this.active = false
+
+    this.renderUpdateEmitter.removeAllListeners()
+    this.abortController.abort()
+    removeAllStats()
+  }
+}
+
+export const initMesherWorker = (onGotMessage: (data: any) => void) => {
+  // Node environment needs an absolute path, but browser needs the url of the file
+  const workerName = 'mesher.js'
+
+  let worker: any
+  if (process.env.SINGLE_FILE_BUILD) {
+    const workerCode = document.getElementById('mesher-worker-code')!.textContent!
+    const blob = new Blob([workerCode], { type: 'text/javascript' })
+    worker = new Worker(window.URL.createObjectURL(blob))
+  } else {
+    worker = new Worker(workerName)
+  }
+
+  worker.onmessage = ({ data }) => {
+    onGotMessage(data)
+  }
+  if (worker.on) worker.on('message', (data) => { worker.onmessage({ data }) })
+  return worker
+}
+
+export const meshersSendMcData = (workers: Worker[], version: string, addData = {} as Record<string, any>) => {
+  const allMcData = mcDataRaw.pc[version] ?? mcDataRaw.pc[toMajorVersion(version)]
+  const mcData = {
+    version: JSON.parse(JSON.stringify(allMcData.version))
+  }
+  for (const key of dynamicMcDataFiles) {
+    mcData[key] = allMcData[key]
+  }
+
+  for (const worker of workers) {
+    worker.postMessage({ type: 'mcData', mcData, ...addData })
+  }
+}
diff --git a/prismarine-viewer/viewer/sign-renderer/index.html b/renderer/viewer/sign-renderer/index.html
similarity index 100%
rename from prismarine-viewer/viewer/sign-renderer/index.html
rename to renderer/viewer/sign-renderer/index.html
diff --git a/renderer/viewer/sign-renderer/index.ts b/renderer/viewer/sign-renderer/index.ts
new file mode 100644
index 00000000..f14b9b4c
--- /dev/null
+++ b/renderer/viewer/sign-renderer/index.ts
@@ -0,0 +1,216 @@
+import type { ChatMessage } from 'prismarine-chat'
+import { createCanvas } from '../lib/utils'
+
+type SignBlockEntity = {
+  Color?: string
+  GlowingText?: 0 | 1
+  Text1?: string
+  Text2?: string
+  Text3?: string
+  Text4?: string
+} | {
+  // todo
+  is_waxed?: 0 | 1
+  front_text: {
+    color: string
+    messages: string[]
+    // todo
+    has_glowing_text?: 0 | 1
+  }
+  // todo
+  // back_text: {}
+}
+
+type JsonEncodedType = string | null | Record<string, any>
+
+const parseSafe = (text: string, task: string) => {
+  try {
+    return JSON.parse(text)
+  } catch (e) {
+    console.warn(`Failed to parse ${task}`, e)
+    return null
+  }
+}
+
+const LEGACY_COLORS = {
+  black: '#000000',
+  dark_blue: '#0000AA',
+  dark_green: '#00AA00',
+  dark_aqua: '#00AAAA',
+  dark_red: '#AA0000',
+  dark_purple: '#AA00AA',
+  gold: '#FFAA00',
+  gray: '#AAAAAA',
+  dark_gray: '#555555',
+  blue: '#5555FF',
+  green: '#55FF55',
+  aqua: '#55FFFF',
+  red: '#FF5555',
+  light_purple: '#FF55FF',
+  yellow: '#FFFF55',
+  white: '#FFFFFF',
+}
+
+export const renderSign = (
+  blockEntity: SignBlockEntity,
+  isHanging: boolean,
+  PrismarineChat: typeof ChatMessage,
+  ctxHook = (ctx) => { },
+  canvasCreator = (width, height): OffscreenCanvas => { return createCanvas(width, height) }
+) => {
+  // todo don't use texture rendering, investigate the font rendering when possible
+  // or increase factor when needed
+  const factor = 40
+  const fontSize = 1.6 * factor
+  const signboardY = [16, 9]
+  const heightOffset = signboardY[0] - signboardY[1]
+  const heightScalar = heightOffset / 16
+  // todo the text should be clipped based on it's render width (needs investigate)
+
+  const texts = 'front_text' in blockEntity ? /* > 1.20 */ blockEntity.front_text.messages : [
+    blockEntity.Text1,
+    blockEntity.Text2,
+    blockEntity.Text3,
+    blockEntity.Text4
+  ]
+
+  if (!texts.some((text) => text !== 'null')) {
+    return undefined
+  }
+
+  const canvas = canvasCreator(16 * factor, heightOffset * factor)
+
+  const _ctx = canvas.getContext('2d')!
+
+  ctxHook(_ctx)
+  const defaultColor = ('front_text' in blockEntity ? blockEntity.front_text.color : blockEntity.Color) || 'black'
+  for (const [lineNum, text] of texts.slice(0, 4).entries()) {
+    if (text === 'null') continue
+    renderComponent(text, PrismarineChat, canvas, fontSize, defaultColor, fontSize * (lineNum + 1) + (isHanging ? 0 : -8))
+  }
+  return canvas
+}
+
+export const renderComponent = (
+  text: JsonEncodedType | string | undefined,
+  PrismarineChat: typeof ChatMessage,
+  canvas: OffscreenCanvas,
+  fontSize: number,
+  defaultColor: string,
+  offset = 0
+) => {
+  // todo: in pre flatenning it seems the format was not json
+  const parsed = typeof text === 'string' && (text?.startsWith('{') || text?.startsWith('"')) ? parseSafe(text ?? '""', 'sign text') : text
+  if (!parsed || (typeof parsed !== 'object' && typeof parsed !== 'string')) return
+  // todo fix type
+
+  const ctx = canvas.getContext('2d')!
+  if (!ctx) throw new Error('Could not get 2d context')
+  ctx.imageSmoothingEnabled = false
+  ctx.font = `${fontSize}px mojangles`
+
+  type Formatting = {
+    color: string | undefined
+    underlined: boolean | undefined
+    strikethrough: boolean | undefined
+    bold: boolean | undefined
+    italic: boolean | undefined
+  }
+
+  type Message = ChatMessage & Formatting & { text: string }
+
+  const message = new PrismarineChat(parsed) as Message
+
+  const toRenderCanvas: Array<{
+    fontStyle: string
+    fillStyle: string
+    underlineStyle: boolean
+    strikeStyle: boolean
+    offset: number
+    text: string
+  }> = []
+  let visibleFormatting = false
+  let plainText = ''
+  let textOffset = offset
+  const textWidths: number[] = []
+
+  const renderText = (component: Message, parentFormatting?: Formatting | undefined) => {
+    const { text } = component
+    const formatting = {
+      color: component.color ?? parentFormatting?.color,
+      underlined: component.underlined ?? parentFormatting?.underlined,
+      strikethrough: component.strikethrough ?? parentFormatting?.strikethrough,
+      bold: component.bold ?? parentFormatting?.bold,
+      italic: component.italic ?? parentFormatting?.italic
+    }
+    visibleFormatting = visibleFormatting || formatting.underlined || formatting.strikethrough || false
+    if (text?.includes('\n')) {
+      for (const line of text.split('\n')) {
+        addTextPart(line, formatting)
+        textOffset += fontSize
+        plainText = ''
+      }
+    } else if (text) {
+      addTextPart(text, formatting)
+    }
+    if (component.extra) {
+      for (const child of component.extra) {
+        renderText(child as Message, formatting)
+      }
+    }
+  }
+
+  const addTextPart = (text: string, formatting: Formatting) => {
+    plainText += text
+    textWidths[textOffset] = ctx.measureText(plainText).width
+    let color = formatting.color ?? defaultColor
+    if (!color.startsWith('#')) {
+      color = LEGACY_COLORS[color.toLowerCase()] || color
+    }
+    toRenderCanvas.push({
+      fontStyle: `${formatting.bold ? 'bold' : ''} ${formatting.italic ? 'italic' : ''}`,
+      fillStyle: color,
+      underlineStyle: formatting.underlined ?? false,
+      strikeStyle: formatting.strikethrough ?? false,
+      offset: textOffset,
+      text
+    })
+  }
+
+  renderText(message)
+
+  // skip rendering empty lines
+  if (!visibleFormatting && !message.toString().trim()) return
+
+  let renderedWidth = 0
+  let previousOffsetY = 0
+  for (const { fillStyle, fontStyle, underlineStyle, strikeStyle, offset: offsetY, text } of toRenderCanvas) {
+    if (previousOffsetY !== offsetY) {
+      renderedWidth = 0
+    }
+    previousOffsetY = offsetY
+    ctx.fillStyle = fillStyle
+    ctx.textRendering = 'optimizeLegibility'
+    ctx.font = `${fontStyle} ${fontSize}px mojangles`
+    const textWidth = textWidths[offsetY] ?? ctx.measureText(text).width
+    const offsetX = (canvas.width - textWidth) / 2 + renderedWidth
+    ctx.fillText(text, offsetX, offsetY)
+    if (strikeStyle) {
+      ctx.lineWidth = fontSize / 8
+      ctx.strokeStyle = fillStyle
+      ctx.beginPath()
+      ctx.moveTo(offsetX, offsetY - ctx.lineWidth * 2.5)
+      ctx.lineTo(offsetX + ctx.measureText(text).width, offsetY - ctx.lineWidth * 2.5)
+      ctx.stroke()
+    }
+    if (underlineStyle) {
+      ctx.lineWidth = fontSize / 8
+      ctx.strokeStyle = fillStyle
+      ctx.beginPath()
+      ctx.moveTo(offsetX, offsetY + ctx.lineWidth)
+      ctx.lineTo(offsetX + ctx.measureText(text).width, offsetY + ctx.lineWidth)
+      ctx.stroke()
+    }
+    renderedWidth += ctx.measureText(text).width
+  }
+}
diff --git a/prismarine-viewer/viewer/sign-renderer/noop.js b/renderer/viewer/sign-renderer/noop.js
similarity index 100%
rename from prismarine-viewer/viewer/sign-renderer/noop.js
rename to renderer/viewer/sign-renderer/noop.js
diff --git a/prismarine-viewer/viewer/sign-renderer/package.json b/renderer/viewer/sign-renderer/package.json
similarity index 100%
rename from prismarine-viewer/viewer/sign-renderer/package.json
rename to renderer/viewer/sign-renderer/package.json
diff --git a/prismarine-viewer/viewer/sign-renderer/playground.ts b/renderer/viewer/sign-renderer/playground.ts
similarity index 69%
rename from prismarine-viewer/viewer/sign-renderer/playground.ts
rename to renderer/viewer/sign-renderer/playground.ts
index 4182b1c9..a7438092 100644
--- a/prismarine-viewer/viewer/sign-renderer/playground.ts
+++ b/renderer/viewer/sign-renderer/playground.ts
@@ -1,5 +1,5 @@
-import { renderSign } from '.'
 import PrismarineChatLoader from 'prismarine-chat'
+import { renderSign } from '.'
 
 const PrismarineChat = PrismarineChatLoader({ language: {} } as any)
 
@@ -11,19 +11,24 @@ await new Promise<void>(resolve => {
 })
 
 const blockEntity = {
-  "GlowingText": 0,
-  "Color": "black",
-  "Text4": "{\"text\":\"\"}",
-  "Text3": "{\"text\":\"\"}",
-  "Text2": "{\"text\":\"\"}",
-  "Text1": "{\"extra\":[{\"color\":\"dark_green\",\"text\":\"Minecraft \"},{\"text\":\"Tools\"}],\"text\":\"\"}"
+  'GlowingText': 0,
+  'Color': 'black',
+  'Text4': '{"text":""}',
+  'Text3': '{"text":""}',
+  'Text2': '{"text":""}',
+  'Text1': '{"extra":[{"color":"dark_green","text":"Minecraft "},{"text":"Tools"}],"text":""}'
 } as const
 
 await document.fonts.load('1em mojangles')
 
-const canvas = renderSign(blockEntity, PrismarineChat, (ctx) => {
+const canvas = renderSign(blockEntity, false, PrismarineChat, (ctx) => {
   ctx.drawImage(img, 0, 0, ctx.canvas.width, ctx.canvas.height)
-})
+}, (width, height) => {
+  const canvas = document.createElement('canvas')
+  canvas.width = width
+  canvas.height = height
+  return canvas as unknown as OffscreenCanvas
+}) as unknown as HTMLCanvasElement
 
 if (canvas) {
   canvas.style.imageRendering = 'pixelated'
diff --git a/prismarine-viewer/viewer/sign-renderer/tests.test.ts b/renderer/viewer/sign-renderer/tests.test.ts
similarity index 70%
rename from prismarine-viewer/viewer/sign-renderer/tests.test.ts
rename to renderer/viewer/sign-renderer/tests.test.ts
index 4549c6f4..ab268849 100644
--- a/prismarine-viewer/viewer/sign-renderer/tests.test.ts
+++ b/renderer/viewer/sign-renderer/tests.test.ts
@@ -1,6 +1,6 @@
 import { test, expect } from 'vitest'
-import { renderSign } from '.'
 import PrismarineChatLoader from 'prismarine-chat'
+import { renderSign } from '.'
 
 const PrismarineChat = PrismarineChatLoader({ language: {} } as any)
 let ctxTexts = [] as any[]
@@ -22,25 +22,21 @@ global.document = {
 
 const render = (entity) => {
   ctxTexts = []
-  renderSign(entity, PrismarineChat)
+  renderSign(entity, true, PrismarineChat)
   return ctxTexts.map(({ text, y }) => [y / 64, text])
 }
 
 test('sign renderer', () => {
   let blockEntity = {
-    "GlowingText": 0,
-    "Color": "black",
-    "Text4": "{\"text\":\"\"}",
-    "Text3": "{\"text\":\"\"}",
-    "Text2": "{\"text\":\"\"}",
-    "Text1": "{\"extra\":[{\"color\":\"dark_green\",\"text\":\"Minecraft \"},{\"text\":\"Tools\"}],\"text\":\"\"}"
+    'GlowingText': 0,
+    'Color': 'black',
+    'Text4': '{"text":""}',
+    'Text3': '{"text":""}',
+    'Text2': '{"text":""}',
+    'Text1': '{"extra":[{"color":"dark_green","text":"Minecraft "},{"text":"Tools"}],"text":""}'
   } as any
   expect(render(blockEntity)).toMatchInlineSnapshot(`
     [
-      [
-        1,
-        "",
-      ],
       [
         1,
         "Minecraft ",
@@ -53,10 +49,10 @@ test('sign renderer', () => {
   `)
 
   blockEntity = { // pre flatenning
-    "Text1": "Welcome to",
-    "Text2": "",
-    "Text3": "null",
-    "Text4": "\"Version 2.1\"",
+    'Text1': 'Welcome to',
+    'Text2': '',
+    'Text3': 'null',
+    'Text4': '"Version 2.1"',
   } as const
   expect(render(blockEntity)).toMatchInlineSnapshot(`
     [
diff --git a/prismarine-viewer/viewer/sign-renderer/vite.config.ts b/renderer/viewer/sign-renderer/vite.config.ts
similarity index 58%
rename from prismarine-viewer/viewer/sign-renderer/vite.config.ts
rename to renderer/viewer/sign-renderer/vite.config.ts
index 896ac865..aebfc20c 100644
--- a/prismarine-viewer/viewer/sign-renderer/vite.config.ts
+++ b/renderer/viewer/sign-renderer/vite.config.ts
@@ -3,8 +3,8 @@ import { defineConfig } from 'vite'
 export default defineConfig({
   resolve: {
     alias: {
-      'prismarine-registry': "./noop.js",
-      'prismarine-nbt': "./noop.js"
+      'prismarine-registry': './noop.js',
+      'prismarine-nbt': './noop.js'
     },
   },
 })
diff --git a/renderer/viewer/three/appShared.ts b/renderer/viewer/three/appShared.ts
new file mode 100644
index 00000000..5be9e10b
--- /dev/null
+++ b/renderer/viewer/three/appShared.ts
@@ -0,0 +1,74 @@
+import { BlockModel } from 'mc-assets/dist/types'
+import { ItemSpecificContextProperties, PlayerStateRenderer } from 'renderer/viewer/lib/basePlayerState'
+import { GeneralInputItem, getItemModelName } from '../../../src/mineflayer/items'
+import { ResourcesManager, ResourcesManagerTransferred } from '../../../src/resourcesManager'
+import { renderSlot } from './renderSlot'
+
+export const getItemUv = (item: Record<string, any>, specificProps: ItemSpecificContextProperties, resourcesManager: ResourcesManagerTransferred, playerState: PlayerStateRenderer): {
+  u: number
+  v: number
+  su: number
+  sv: number
+  renderInfo?: ReturnType<typeof renderSlot>
+  // texture: ImageBitmap
+  modelName: string
+} | {
+  resolvedModel: BlockModel
+  modelName: string
+} => {
+  const resources = resourcesManager.currentResources
+  if (!resources) throw new Error('Resources not loaded')
+  const idOrName = item.itemId ?? item.blockId ?? item.name
+  const { blockState } = item
+  try {
+    const name =
+      blockState
+        ? loadedData.blocksByStateId[blockState]?.name
+        : typeof idOrName === 'number' ? loadedData.items[idOrName]?.name : idOrName
+    if (!name) throw new Error(`Item not found: ${idOrName}`)
+
+    const model = getItemModelName({
+      ...item,
+      name,
+    } as GeneralInputItem, specificProps, resourcesManager, playerState)
+
+    const renderInfo = renderSlot({
+      modelName: model,
+    }, resourcesManager, false, true)
+
+    if (!renderInfo) throw new Error(`Failed to get render info for item ${name}`)
+
+    const img = renderInfo.texture === 'blocks' ? resources.blocksAtlasImage : resources.itemsAtlasImage
+
+    if (renderInfo.blockData) {
+      return {
+        resolvedModel: renderInfo.blockData.resolvedModel,
+        modelName: renderInfo.modelName!
+      }
+    }
+    if (renderInfo.slice) {
+      // Get slice coordinates from either block or item texture
+      const [x, y, w, h] = renderInfo.slice
+      const [u, v, su, sv] = [x / img.width, y / img.height, (w / img.width), (h / img.height)]
+      return {
+        u, v, su, sv,
+        renderInfo,
+        // texture: img,
+        modelName: renderInfo.modelName!
+      }
+    }
+
+    throw new Error(`Invalid render info for item ${name}`)
+  } catch (err) {
+    reportError?.(err)
+    // Return default UV coordinates for missing texture
+    return {
+      u: 0,
+      v: 0,
+      su: 16 / resources.blocksAtlasImage.width,
+      sv: 16 / resources.blocksAtlasImage.width,
+      // texture: resources.blocksAtlasImage,
+      modelName: 'missing'
+    }
+  }
+}
diff --git a/renderer/viewer/three/cameraShake.ts b/renderer/viewer/three/cameraShake.ts
new file mode 100644
index 00000000..7b159509
--- /dev/null
+++ b/renderer/viewer/three/cameraShake.ts
@@ -0,0 +1,120 @@
+import * as THREE from 'three'
+import { WorldRendererThree } from './worldrendererThree'
+
+export class CameraShake {
+  private rollAngle = 0
+  private get damageRollAmount () { return 5 }
+  private get damageAnimDuration () { return 200 }
+  private rollAnimation?: { startTime: number, startRoll: number, targetRoll: number, duration: number, returnToZero?: boolean }
+  private basePitch = 0
+  private baseYaw = 0
+
+  constructor (public worldRenderer: WorldRendererThree, public onRenderCallbacks: Array<() => void>) {
+    onRenderCallbacks.push(() => {
+      this.update()
+    })
+  }
+
+  setBaseRotation (pitch: number, yaw: number) {
+    this.basePitch = pitch
+    this.baseYaw = yaw
+    this.update()
+  }
+
+  getBaseRotation () {
+    return { pitch: this.basePitch, yaw: this.baseYaw }
+  }
+
+  shakeFromDamage (yaw?: number) {
+    // Add roll animation
+    const startRoll = this.rollAngle
+    const targetRoll = startRoll + (yaw ?? (Math.random() < 0.5 ? -1 : 1)) * this.damageRollAmount
+
+    this.rollAnimation = {
+      startTime: performance.now(),
+      startRoll,
+      targetRoll,
+      duration: this.damageAnimDuration / 2
+    }
+  }
+
+  update () {
+    if (this.worldRenderer.playerStateUtils.isSpectatingEntity()) {
+      // Remove any shaking when spectating
+      this.rollAngle = 0
+      this.rollAnimation = undefined
+    }
+    // Update roll animation
+    if (this.rollAnimation) {
+      const now = performance.now()
+      const elapsed = now - this.rollAnimation.startTime
+      const progress = Math.min(elapsed / this.rollAnimation.duration, 1)
+
+      if (this.rollAnimation.returnToZero) {
+        // Ease back to zero
+        this.rollAngle = this.rollAnimation.startRoll * (1 - this.easeInOut(progress))
+        if (progress === 1) {
+          this.rollAnimation = undefined
+        }
+      } else {
+        // Initial roll
+        this.rollAngle = this.rollAnimation.startRoll + (this.rollAnimation.targetRoll - this.rollAnimation.startRoll) * this.easeOut(progress)
+        if (progress === 1) {
+          // Start return to zero animation
+          this.rollAnimation = {
+            startTime: now,
+            startRoll: this.rollAngle,
+            targetRoll: 0,
+            duration: this.damageAnimDuration / 2,
+            returnToZero: true
+          }
+        }
+      }
+    }
+
+    const camera = this.worldRenderer.cameraObject
+
+    if (this.worldRenderer.cameraGroupVr) {
+      // For VR camera, only apply yaw rotation
+      const yawQuat = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0, 1, 0), this.baseYaw)
+      camera.setRotationFromQuaternion(yawQuat)
+    } else {
+      // For regular camera, apply all rotations
+      // Add tiny offsets to prevent z-fighting at ideal angles (90, 180, 270 degrees)
+      const pitchOffset = this.addAntiZfightingOffset(this.basePitch)
+      const yawOffset = this.addAntiZfightingOffset(this.baseYaw)
+
+      const pitchQuat = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(1, 0, 0), pitchOffset)
+      const yawQuat = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0, 1, 0), yawOffset)
+      const rollQuat = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0, 0, 1), THREE.MathUtils.degToRad(this.rollAngle))
+      // Combine rotations in the correct order: pitch -> yaw -> roll
+      const finalQuat = yawQuat.multiply(pitchQuat).multiply(rollQuat)
+      camera.setRotationFromQuaternion(finalQuat)
+    }
+  }
+
+  private easeOut (t: number): number {
+    return 1 - (1 - t) * (1 - t)
+  }
+
+  private easeInOut (t: number): number {
+    return t < 0.5 ? 2 * t * t : 1 - (-2 * t + 2) ** 2 / 2
+  }
+
+  private addAntiZfightingOffset (angle: number): number {
+    const offset = 0.001 // Very small offset in radians (about 0.057 degrees)
+
+    // Check if the angle is close to ideal angles (0, π/2, π, 3π/2)
+    const normalizedAngle = ((angle % (Math.PI * 2)) + Math.PI * 2) % (Math.PI * 2)
+    const tolerance = 0.01 // Tolerance for considering an angle "ideal"
+
+    if (Math.abs(normalizedAngle) < tolerance ||
+      Math.abs(normalizedAngle - Math.PI / 2) < tolerance ||
+      Math.abs(normalizedAngle - Math.PI) < tolerance ||
+      Math.abs(normalizedAngle - 3 * Math.PI / 2) < tolerance) {
+      return angle + offset
+    }
+
+    return angle
+  }
+}
diff --git a/renderer/viewer/three/documentRenderer.ts b/renderer/viewer/three/documentRenderer.ts
new file mode 100644
index 00000000..a5dc060d
--- /dev/null
+++ b/renderer/viewer/three/documentRenderer.ts
@@ -0,0 +1,328 @@
+import * as THREE from 'three'
+import Stats from 'stats.js'
+import StatsGl from 'stats-gl'
+import * as tween from '@tweenjs/tween.js'
+import { GraphicsBackendConfig, GraphicsInitOptions } from '../../../src/appViewer'
+import { WorldRendererConfig } from '../lib/worldrendererCommon'
+
+export class DocumentRenderer {
+  canvas: HTMLCanvasElement | OffscreenCanvas
+  readonly renderer: THREE.WebGLRenderer
+  private animationFrameId?: number
+  private timeoutId?: number
+  private lastRenderTime = 0
+
+  private previousCanvasWidth = 0
+  private previousCanvasHeight = 0
+  private currentWidth = 0
+  private currentHeight = 0
+
+  private renderedFps = 0
+  private fpsInterval: any
+  private readonly stats: TopRightStats | undefined
+  private paused = false
+  disconnected = false
+  preRender = () => { }
+  render = (sizeChanged: boolean) => { }
+  postRender = () => { }
+  sizeChanged = () => { }
+  droppedFpsPercentage: number
+  config: GraphicsBackendConfig
+  onRender = [] as Array<(sizeChanged: boolean) => void>
+  inWorldRenderingConfig: WorldRendererConfig | undefined
+
+  constructor (initOptions: GraphicsInitOptions, public externalCanvas?: OffscreenCanvas) {
+    this.config = initOptions.config
+
+    // Handle canvas creation/transfer based on context
+    if (externalCanvas) {
+      this.canvas = externalCanvas
+    } else {
+      this.addToPage()
+    }
+
+    try {
+      this.renderer = new THREE.WebGLRenderer({
+        canvas: this.canvas,
+        preserveDrawingBuffer: true,
+        logarithmicDepthBuffer: true,
+        powerPreference: this.config.powerPreference
+      })
+    } catch (err) {
+      initOptions.callbacks.displayCriticalError(new Error(`Failed to create WebGL context, not possible to render (restart browser): ${err.message}`))
+      throw err
+    }
+    this.renderer.outputColorSpace = THREE.LinearSRGBColorSpace
+    if (!externalCanvas) {
+      this.updatePixelRatio()
+    }
+    this.sizeUpdated()
+    // Initialize previous dimensions
+    this.previousCanvasWidth = this.canvas.width
+    this.previousCanvasHeight = this.canvas.height
+
+    const supportsWebGL2 = 'WebGL2RenderingContext' in window
+    // Only initialize stats and DOM-related features in main thread
+    if (!externalCanvas && supportsWebGL2) {
+      this.stats = new TopRightStats(this.canvas as HTMLCanvasElement, this.config.statsVisible)
+      this.setupFpsTracking()
+    }
+
+    this.startRenderLoop()
+  }
+
+  updatePixelRatio () {
+    let pixelRatio = window.devicePixelRatio || 1 // todo this value is too high on ios, need to check, probably we should use avg, also need to make it configurable
+    if (!this.renderer.capabilities.isWebGL2) {
+      pixelRatio = 1 // webgl1 has issues with high pixel ratio (sometimes screen is clipped)
+    }
+    this.renderer.setPixelRatio(pixelRatio)
+  }
+
+  sizeUpdated () {
+    this.renderer.setSize(this.currentWidth, this.currentHeight, false)
+  }
+
+  private addToPage () {
+    this.canvas = addCanvasToPage()
+    this.updateCanvasSize()
+  }
+
+  updateSizeExternal (newWidth: number, newHeight: number, pixelRatio: number) {
+    this.currentWidth = newWidth
+    this.currentHeight = newHeight
+    this.renderer.setPixelRatio(pixelRatio)
+    this.sizeUpdated()
+  }
+
+  private updateCanvasSize () {
+    if (!this.externalCanvas) {
+      const innnerWidth = window.innerWidth
+      const innnerHeight = window.innerHeight
+      if (this.currentWidth !== innnerWidth) {
+        this.currentWidth = innnerWidth
+      }
+      if (this.currentHeight !== innnerHeight) {
+        this.currentHeight = innnerHeight
+      }
+    }
+  }
+
+  private setupFpsTracking () {
+    let max = 0
+    this.fpsInterval = setInterval(() => {
+      if (max > 0) {
+        this.droppedFpsPercentage = this.renderedFps / max
+      }
+      max = Math.max(this.renderedFps, max)
+      this.renderedFps = 0
+    }, 1000)
+  }
+
+  private startRenderLoop () {
+    const animate = () => {
+      if (this.disconnected) return
+
+      if (this.config.timeoutRendering) {
+        this.timeoutId = setTimeout(animate, this.config.fpsLimit ? 1000 / this.config.fpsLimit : 0) as unknown as number
+      } else {
+        this.animationFrameId = requestAnimationFrame(animate)
+      }
+
+      if (this.paused || (this.renderer.xr.isPresenting && !this.inWorldRenderingConfig?.vrPageGameRendering)) return
+
+      // Handle FPS limiting
+      if (this.config.fpsLimit) {
+        const now = performance.now()
+        const elapsed = now - this.lastRenderTime
+        const fpsInterval = 1000 / this.config.fpsLimit
+
+        if (elapsed < fpsInterval) {
+          return
+        }
+
+        this.lastRenderTime = now - (elapsed % fpsInterval)
+      }
+
+      let sizeChanged = false
+      this.updateCanvasSize()
+      if (this.previousCanvasWidth !== this.currentWidth || this.previousCanvasHeight !== this.currentHeight) {
+        this.previousCanvasWidth = this.currentWidth
+        this.previousCanvasHeight = this.currentHeight
+        this.sizeUpdated()
+        sizeChanged = true
+      }
+
+      this.frameRender(sizeChanged)
+
+      // Update stats visibility each frame (main thread only)
+      if (this.config.statsVisible !== undefined) {
+        this.stats?.setVisibility(this.config.statsVisible)
+      }
+    }
+
+    animate()
+  }
+
+  frameRender (sizeChanged: boolean) {
+    this.preRender()
+    this.stats?.markStart()
+    tween.update()
+    if (!globalThis.freezeRender) {
+      this.render(sizeChanged)
+    }
+    for (const fn of this.onRender) {
+      fn(sizeChanged)
+    }
+    this.renderedFps++
+    this.stats?.markEnd()
+    this.postRender()
+  }
+
+  setPaused (paused: boolean) {
+    this.paused = paused
+  }
+
+  dispose () {
+    this.disconnected = true
+    if (this.animationFrameId) {
+      cancelAnimationFrame(this.animationFrameId)
+    }
+    if (this.timeoutId) {
+      clearTimeout(this.timeoutId)
+    }
+    if (this.canvas instanceof HTMLCanvasElement) {
+      this.canvas.remove()
+    }
+    clearInterval(this.fpsInterval)
+    this.stats?.dispose()
+    this.renderer.dispose()
+  }
+}
+
+class TopRightStats {
+  private readonly stats: Stats
+  private readonly stats2: Stats
+  private readonly statsGl: StatsGl
+  private total = 0
+  private readonly denseMode: boolean
+
+  constructor (private readonly canvas: HTMLCanvasElement, initialStatsVisible = 0) {
+    this.stats = new Stats()
+    this.stats2 = new Stats()
+    this.statsGl = new StatsGl({ minimal: true })
+    this.stats2.showPanel(2)
+    this.denseMode = process.env.NODE_ENV === 'production' || window.innerHeight < 500
+
+    this.initStats()
+    this.setVisibility(initialStatsVisible)
+  }
+
+  private addStat (dom: HTMLElement, size = 80) {
+    dom.style.position = 'absolute'
+    if (this.denseMode) dom.style.height = '12px'
+    dom.style.overflow = 'hidden'
+    dom.style.left = ''
+    dom.style.top = '0'
+    dom.style.right = `${this.total}px`
+    dom.style.width = '80px'
+    dom.style.zIndex = '1'
+    dom.style.opacity = '0.8'
+    document.body.appendChild(dom)
+    this.total += size
+  }
+
+  private initStats () {
+    const hasRamPanel = this.stats2.dom.children.length === 3
+
+    this.addStat(this.stats.dom)
+    if (process.env.NODE_ENV === 'development' && document.exitPointerLock) {
+      this.stats.dom.style.top = ''
+      this.stats.dom.style.bottom = '0'
+    }
+    if (hasRamPanel) {
+      this.addStat(this.stats2.dom)
+    }
+
+    this.statsGl.init(this.canvas)
+    this.statsGl.container.style.display = 'flex'
+    this.statsGl.container.style.justifyContent = 'flex-end'
+
+    let i = 0
+    for (const _child of this.statsGl.container.children) {
+      const child = _child as HTMLElement
+      if (i++ === 0) {
+        child.style.display = 'none'
+      }
+      child.style.position = ''
+    }
+  }
+
+  setVisibility (level: number) {
+    const visible = level > 0
+    if (visible) {
+      this.stats.dom.style.display = 'block'
+      this.stats2.dom.style.display = level >= 2 ? 'block' : 'none'
+      this.statsGl.container.style.display = level >= 2 ? 'block' : 'none'
+    } else {
+      this.stats.dom.style.display = 'none'
+      this.stats2.dom.style.display = 'none'
+      this.statsGl.container.style.display = 'none'
+    }
+  }
+
+  markStart () {
+    this.stats.begin()
+    this.stats2.begin()
+    this.statsGl.begin()
+  }
+
+  markEnd () {
+    this.stats.end()
+    this.stats2.end()
+    this.statsGl.end()
+  }
+
+  dispose () {
+    this.stats.dom.remove()
+    this.stats2.dom.remove()
+    this.statsGl.container.remove()
+  }
+}
+
+const addCanvasToPage = () => {
+  const canvas = document.createElement('canvas')
+  canvas.id = 'viewer-canvas'
+  document.body.appendChild(canvas)
+  return canvas
+}
+
+export const addCanvasForWorker = () => {
+  const canvas = addCanvasToPage()
+  const transferred = canvas.transferControlToOffscreen()
+  let removed = false
+  let onSizeChanged = (w, h) => { }
+  let oldSize = { width: 0, height: 0 }
+  const checkSize = () => {
+    if (removed) return
+    if (oldSize.width !== window.innerWidth || oldSize.height !== window.innerHeight) {
+      onSizeChanged(window.innerWidth, window.innerHeight)
+      oldSize = { width: window.innerWidth, height: window.innerHeight }
+    }
+    requestAnimationFrame(checkSize)
+  }
+  requestAnimationFrame(checkSize)
+  return {
+    canvas: transferred,
+    destroy () {
+      removed = true
+      canvas.remove()
+    },
+    onSizeChanged (cb: (width: number, height: number) => void) {
+      onSizeChanged = cb
+    },
+    get size () {
+      return { width: window.innerWidth, height: window.innerHeight }
+    }
+  }
+}
diff --git a/renderer/viewer/three/entities.ts b/renderer/viewer/three/entities.ts
new file mode 100644
index 00000000..fad30182
--- /dev/null
+++ b/renderer/viewer/three/entities.ts
@@ -0,0 +1,1493 @@
+//@ts-check
+import { UnionToIntersection } from 'type-fest'
+import nbt from 'prismarine-nbt'
+import * as TWEEN from '@tweenjs/tween.js'
+import * as THREE from 'three'
+import { PlayerAnimation, PlayerObject } from 'skinview3d'
+import { inferModelType, loadCapeToCanvas, loadEarsToCanvasFromSkin } from 'skinview-utils'
+// todo replace with url
+import { degreesToRadians } from '@nxg-org/mineflayer-tracker/lib/mathUtils'
+import { NameTagObject } from 'skinview3d/libs/nametag'
+import { flat, fromFormattedString } from '@xmcl/text-component'
+import mojangson from 'mojangson'
+import { snakeCase } from 'change-case'
+import { Item } from 'prismarine-item'
+import { isEntityAttackable } from 'mineflayer-mouse/dist/attackableEntity'
+import { Team } from 'mineflayer'
+import PrismarineChatLoader from 'prismarine-chat'
+import { EntityMetadataVersions } from '../../../src/mcDataTypes'
+import { ItemSpecificContextProperties } from '../lib/basePlayerState'
+import { loadSkinFromUsername, loadSkinImage, stevePngUrl } from '../lib/utils/skins'
+import { renderComponent } from '../sign-renderer'
+import { createCanvas } from '../lib/utils'
+import { PlayerObjectType } from '../lib/createPlayerObject'
+import { getBlockMeshFromModel } from './holdingBlock'
+import { createItemMesh } from './itemMesh'
+import * as Entity from './entity/EntityMesh'
+import { getMesh } from './entity/EntityMesh'
+import { WalkingGeneralSwing } from './entity/animations'
+import { disposeObject, loadTexture, loadThreeJsTextureFromUrl } from './threeJsUtils'
+import { armorModel, armorTextures, elytraTexture } from './entity/armorModels'
+import { WorldRendererThree } from './worldrendererThree'
+
+export const steveTexture = loadThreeJsTextureFromUrl(stevePngUrl)
+
+export const TWEEN_DURATION = 120
+
+function convert2sComplementToHex (complement: number) {
+  if (complement < 0) {
+    complement = (0xFF_FF_FF_FF + complement + 1) >>> 0
+  }
+  return complement.toString(16)
+}
+
+function toRgba (color: string | undefined) {
+  if (color === undefined) {
+    return undefined
+  }
+  if (parseInt(color, 10) === 0) {
+    return 'rgba(0, 0, 0, 0)'
+  }
+  const hex = convert2sComplementToHex(parseInt(color, 10))
+  if (hex.length === 8) {
+    return `#${hex.slice(2, 8)}${hex.slice(0, 2)}`
+  } else {
+    return `#${hex}`
+  }
+}
+
+function toQuaternion (quaternion: any, defaultValue?: THREE.Quaternion) {
+  if (quaternion === undefined) {
+    return defaultValue
+  }
+  if (quaternion instanceof THREE.Quaternion) {
+    return quaternion
+  }
+  if (Array.isArray(quaternion)) {
+    return new THREE.Quaternion(quaternion[0], quaternion[1], quaternion[2], quaternion[3])
+  }
+  return new THREE.Quaternion(quaternion.x, quaternion.y, quaternion.z, quaternion.w)
+}
+
+function poseToEuler (pose: any, defaultValue?: THREE.Euler) {
+  if (pose === undefined) {
+    return defaultValue ?? new THREE.Euler()
+  }
+  if (pose instanceof THREE.Euler) {
+    return pose
+  }
+  if (pose['yaw'] !== undefined && pose['pitch'] !== undefined && pose['roll'] !== undefined) {
+    // Convert Minecraft pitch, yaw, roll definitions to our angle system
+    return new THREE.Euler(-degreesToRadians(pose.pitch), -degreesToRadians(pose.yaw), degreesToRadians(pose.roll), 'ZYX')
+  }
+  if (pose['x'] !== undefined && pose['y'] !== undefined && pose['z'] !== undefined) {
+    return new THREE.Euler(pose.z, pose.y, pose.x, 'ZYX')
+  }
+  if (Array.isArray(pose)) {
+    return new THREE.Euler(pose[0], pose[1], pose[2])
+  }
+  return defaultValue ?? new THREE.Euler()
+}
+
+function getUsernameTexture ({
+  username,
+  nameTagBackgroundColor = 'rgba(0, 0, 0, 0.3)',
+  nameTagTextOpacity = 255
+}: any, { fontFamily = 'mojangles' }: any, version: string) {
+  const canvas = createCanvas(64, 64)
+
+  const PrismarineChat = PrismarineChatLoader(version)
+
+  const ctx = canvas.getContext('2d')
+  if (!ctx) throw new Error('Could not get 2d context')
+
+  const fontSize = 48
+  const padding = 5
+  ctx.font = `${fontSize}px ${fontFamily}`
+
+  const plainLines = String(typeof username === 'string' ? username : new PrismarineChat(username).toString()).split('\n')
+  let textWidth = 0
+  for (const line of plainLines) {
+    const width = ctx.measureText(line).width + padding * 2
+    if (width > textWidth) textWidth = width
+  }
+
+  canvas.width = textWidth
+  canvas.height = (fontSize + padding) * plainLines.length
+
+  ctx.fillStyle = nameTagBackgroundColor
+  ctx.fillRect(0, 0, canvas.width, canvas.height)
+
+  ctx.globalAlpha = nameTagTextOpacity / 255
+
+  renderComponent(username, PrismarineChat, canvas, fontSize, 'white', -padding + fontSize)
+
+  ctx.globalAlpha = 1
+
+  return canvas
+}
+
+const addNametag = (entity, options: { fontFamily: string }, mesh, version: string) => {
+  for (const c of mesh.children) {
+    if (c.name === 'nametag') {
+      c.removeFromParent()
+    }
+  }
+  if (entity.username !== undefined) {
+    const canvas = getUsernameTexture(entity, options, version)
+    const tex = new THREE.Texture(canvas)
+    tex.needsUpdate = true
+    let nameTag: THREE.Object3D
+    if (entity.nameTagFixed) {
+      const geometry = new THREE.PlaneGeometry()
+      const material = new THREE.MeshBasicMaterial({ map: tex })
+      material.transparent = true
+      nameTag = new THREE.Mesh(geometry, material)
+      nameTag.rotation.set(entity.pitch, THREE.MathUtils.degToRad(entity.yaw + 180), 0)
+      nameTag.position.y += entity.height + 0.3
+    } else {
+      const spriteMat = new THREE.SpriteMaterial({ map: tex })
+      nameTag = new THREE.Sprite(spriteMat)
+      nameTag.position.y += entity.height + 0.6
+    }
+    nameTag.renderOrder = 1000
+    nameTag.scale.set(canvas.width * 0.005, canvas.height * 0.005, 1)
+    if (entity.nameTagRotationRight) {
+      nameTag.applyQuaternion(entity.nameTagRotationRight)
+    }
+    if (entity.nameTagScale) {
+      nameTag.scale.multiply(entity.nameTagScale)
+    }
+    if (entity.nameTagRotationLeft) {
+      nameTag.applyQuaternion(entity.nameTagRotationLeft)
+    }
+    if (entity.nameTagTranslation) {
+      nameTag.position.add(entity.nameTagTranslation)
+    }
+    nameTag.name = 'nametag'
+
+    mesh.add(nameTag)
+    return nameTag
+  }
+}
+
+// todo cleanup
+const nametags = {}
+
+const isFirstUpperCase = (str) => str.charAt(0) === str.charAt(0).toUpperCase()
+
+function getEntityMesh (entity: import('prismarine-entity').Entity & { delete?: any; pos?: any; name?: any }, world: WorldRendererThree, options: { fontFamily: string }, overrides) {
+  if (entity.name) {
+    try {
+      // https://github.com/PrismarineJS/prismarine-viewer/pull/410
+      const entityName = (isFirstUpperCase(entity.name) ? snakeCase(entity.name) : entity.name).toLowerCase()
+      const e = new Entity.EntityMesh('1.16.4', entityName, world, overrides)
+
+      if (e.mesh) {
+        addNametag(entity, options, e.mesh, world.version)
+        return e.mesh
+      }
+    } catch (err) {
+      reportError?.(err)
+    }
+  }
+
+  if (!isEntityAttackable(loadedData, entity)) return
+  const geometry = new THREE.BoxGeometry(entity.width, entity.height, entity.width)
+  geometry.translate(0, entity.height / 2, 0)
+  const material = new THREE.MeshBasicMaterial({ color: 0xff_00_ff })
+  const cube = new THREE.Mesh(geometry, material)
+  const nametagCount = (nametags[entity.name] = (nametags[entity.name] || 0) + 1)
+  if (nametagCount < 6) {
+    addNametag({
+      username: entity.name,
+      height: entity.height,
+    }, options, cube, world.version)
+  }
+  return cube
+}
+
+export type SceneEntity = THREE.Object3D & {
+  playerObject?: PlayerObjectType
+  username?: string
+  uuid?: string
+  additionalCleanup?: () => void
+  originalEntity: import('prismarine-entity').Entity & { delete?; pos?, name, team?: Team }
+}
+
+export class Entities {
+  entities = {} as Record<string, SceneEntity>
+  playerEntity: SceneEntity | null = null // Special entity for the player in third person
+  entitiesOptions = {
+    fontFamily: 'mojangles'
+  }
+  debugMode: string
+  onSkinUpdate: () => void
+  clock = new THREE.Clock()
+  currentlyRendering = true
+  cachedMapsImages = {} as Record<number, string>
+  itemFrameMaps = {} as Record<number, Array<THREE.Mesh<THREE.PlaneGeometry, THREE.MeshLambertMaterial>>>
+
+  get entitiesByName (): Record<string, SceneEntity[]> {
+    const byName: Record<string, SceneEntity[]> = {}
+    for (const entity of Object.values(this.entities)) {
+      if (!entity['realName']) continue
+      byName[entity['realName']] = byName[entity['realName']] || []
+      byName[entity['realName']].push(entity)
+    }
+    return byName
+  }
+
+  get entitiesRenderingCount (): number {
+    return Object.values(this.entities).filter(entity => entity.visible).length
+  }
+
+  getDebugString (): string {
+    const totalEntities = Object.keys(this.entities).length
+    const visibleEntities = this.entitiesRenderingCount
+
+    const playerEntities = Object.values(this.entities).filter(entity => entity.playerObject)
+    const visiblePlayerEntities = playerEntities.filter(entity => entity.visible)
+
+    return `${visibleEntities}/${totalEntities} ${visiblePlayerEntities.length}/${playerEntities.length}`
+  }
+
+  constructor (public worldRenderer: WorldRendererThree) {
+    this.debugMode = 'none'
+    this.onSkinUpdate = () => { }
+    this.watchResourcesUpdates()
+  }
+
+  handlePlayerEntity (playerData: SceneEntity['originalEntity']) {
+    // Create player entity if it doesn't exist
+    if (!this.playerEntity) {
+      // Create the player entity similar to how normal entities are created
+      const group = new THREE.Group() as unknown as SceneEntity
+      group.originalEntity = { ...playerData, name: 'player' } as SceneEntity['originalEntity']
+
+      const wrapper = new THREE.Group()
+      const playerObject = this.setupPlayerObject(playerData, wrapper, {})
+      group.playerObject = playerObject
+      group.add(wrapper)
+
+      group.name = 'player_entity'
+      this.playerEntity = group
+      this.worldRenderer.scene.add(group)
+
+      void this.updatePlayerSkin(playerData.id, playerData.username, playerData.uuid ?? undefined, stevePngUrl)
+    }
+
+    // Update position and rotation
+    if (playerData.position) {
+      this.playerEntity.position.set(playerData.position.x, playerData.position.y, playerData.position.z)
+    }
+    if (playerData.yaw !== undefined) {
+      this.playerEntity.rotation.y = playerData.yaw
+    }
+
+    this.updateEntityEquipment(this.playerEntity, playerData)
+  }
+
+  clear () {
+    for (const mesh of Object.values(this.entities)) {
+      this.worldRenderer.scene.remove(mesh)
+      disposeObject(mesh)
+    }
+    this.entities = {}
+
+    // Clean up player entity
+    if (this.playerEntity) {
+      this.worldRenderer.scene.remove(this.playerEntity)
+      disposeObject(this.playerEntity)
+      this.playerEntity = null
+    }
+  }
+
+  reloadEntities () {
+    for (const entity of Object.values(this.entities)) {
+      // update all entities textures like held items, armour, etc
+      // todo update entity textures itself
+      this.update({ ...entity.originalEntity, delete: true, } as SceneEntity['originalEntity'], {})
+      this.update(entity.originalEntity, {})
+    }
+  }
+
+  watchResourcesUpdates () {
+    this.worldRenderer.resourcesManager.on('assetsTexturesUpdated', () => this.reloadEntities())
+    this.worldRenderer.resourcesManager.on('assetsInventoryReady', () => this.reloadEntities())
+  }
+
+  setDebugMode (mode: string, entity: THREE.Object3D | null = null) {
+    this.debugMode = mode
+    for (const mesh of entity ? [entity] : Object.values(this.entities)) {
+      const boxHelper = mesh.children.find(c => c.name === 'debug')!
+      boxHelper.visible = false
+      if (this.debugMode === 'basic') {
+        boxHelper.visible = true
+      }
+      // todo advanced
+    }
+  }
+
+  setRendering (rendering: boolean, entity: THREE.Object3D | null = null) {
+    this.currentlyRendering = rendering
+    for (const ent of entity ? [entity] : Object.values(this.entities)) {
+      if (rendering) {
+        if (!this.worldRenderer.scene.children.includes(ent)) this.worldRenderer.scene.add(ent)
+      } else {
+        this.worldRenderer.scene.remove(ent)
+      }
+    }
+  }
+
+  render () {
+    const renderEntitiesConfig = this.worldRenderer.worldRendererConfig.renderEntities
+    if (renderEntitiesConfig !== this.currentlyRendering) {
+      this.setRendering(renderEntitiesConfig)
+    }
+
+    const dt = this.clock.getDelta()
+    const botPos = this.worldRenderer.viewerChunkPosition
+    const VISIBLE_DISTANCE = 10 * 10
+
+    // Update regular entities
+    for (const [entityId, entity] of [...Object.entries(this.entities), ['player_entity', this.playerEntity] as [string, SceneEntity | null]]) {
+      if (!entity) continue
+      const { playerObject } = entity
+
+      // Update animations
+      if (playerObject?.animation) {
+        playerObject.animation.update(playerObject, dt)
+      }
+
+      // Update visibility based on distance and chunk load status
+      if (botPos && entity.position) {
+        const dx = entity.position.x - botPos.x
+        const dy = entity.position.y - botPos.y
+        const dz = entity.position.z - botPos.z
+        const distanceSquared = dx * dx + dy * dy + dz * dz
+
+        // Entity is visible if within 20 blocks OR in a finished chunk
+        entity.visible = !!(distanceSquared < VISIBLE_DISTANCE || this.worldRenderer.shouldObjectVisible(entity))
+
+        this.maybeRenderPlayerSkin(entityId)
+      }
+
+      if (entity.visible) {
+        // Update armor positions
+        this.syncArmorPositions(entity)
+      }
+
+      if (entityId === 'player_entity') {
+        entity.visible = this.worldRenderer.playerStateUtils.isThirdPerson()
+
+        if (entity.visible) {
+          // sync
+          const yOffset = this.worldRenderer.playerStateReactive.eyeHeight
+          const pos = this.worldRenderer.cameraObject.position.clone().add(new THREE.Vector3(0, -yOffset, 0))
+          entity.position.set(pos.x, pos.y, pos.z)
+
+          const rotation = this.worldRenderer.cameraShake.getBaseRotation()
+          entity.rotation.set(0, rotation.yaw, 0)
+
+          // Sync head rotation
+          entity.traverse((c) => {
+            if (c.name === 'head') {
+              c.rotation.set(-rotation.pitch, 0, 0)
+            }
+          })
+        }
+      }
+    }
+  }
+
+  private syncArmorPositions (entity: SceneEntity) {
+    if (!entity.playerObject) return
+
+    // todo-low use property access for less loop iterations (small performance gain)
+    entity.traverse((armor) => {
+      if (!armor.name.startsWith('geometry_armor_')) return
+
+      const { skin } = entity.playerObject!
+
+      switch (armor.name) {
+        case 'geometry_armor_head':
+          // Head armor sync
+          if (armor.children[0]?.children[0]) {
+            armor.children[0].children[0].rotation.set(
+              -skin.head.rotation.x,
+              skin.head.rotation.y,
+              skin.head.rotation.z,
+              skin.head.rotation.order
+            )
+          }
+          break
+
+        case 'geometry_armor_legs':
+          // Legs armor sync
+          if (armor.children[0]) {
+            // Left leg
+            if (armor.children[0].children[2]) {
+              armor.children[0].children[2].rotation.set(
+                -skin.leftLeg.rotation.x,
+                skin.leftLeg.rotation.y,
+                skin.leftLeg.rotation.z,
+                skin.leftLeg.rotation.order
+              )
+            }
+            // Right leg
+            if (armor.children[0].children[1]) {
+              armor.children[0].children[1].rotation.set(
+                -skin.rightLeg.rotation.x,
+                skin.rightLeg.rotation.y,
+                skin.rightLeg.rotation.z,
+                skin.rightLeg.rotation.order
+              )
+            }
+          }
+          break
+
+        case 'geometry_armor_feet':
+          // Boots armor sync
+          if (armor.children[0]) {
+            // Right boot
+            if (armor.children[0].children[0]) {
+              armor.children[0].children[0].rotation.set(
+                -skin.rightLeg.rotation.x,
+                skin.rightLeg.rotation.y,
+                skin.rightLeg.rotation.z,
+                skin.rightLeg.rotation.order
+              )
+            }
+            // Left boot (reversed Z rotation)
+            if (armor.children[0].children[1]) {
+              armor.children[0].children[1].rotation.set(
+                -skin.leftLeg.rotation.x,
+                skin.leftLeg.rotation.y,
+                -skin.leftLeg.rotation.z,
+                skin.leftLeg.rotation.order
+              )
+            }
+          }
+          break
+      }
+    })
+  }
+
+  getPlayerObject (entityId: string | number) {
+    if (this.playerEntity?.originalEntity.id === entityId) return this.playerEntity?.playerObject
+    const playerObject = this.entities[entityId]?.playerObject
+    return playerObject
+  }
+
+  uuidPerSkinUrlsCache = {} as Record<string, { skinUrl?: string, capeUrl?: string }>
+
+  private isCanvasBlank (canvas: HTMLCanvasElement): boolean {
+    return !canvas.getContext('2d')
+      ?.getImageData(0, 0, canvas.width, canvas.height).data
+      .some(channel => channel !== 0)
+  }
+
+  // todo true/undefined doesnt reset the skin to the default one
+  // eslint-disable-next-line max-params
+  async updatePlayerSkin (entityId: string | number, username: string | undefined, uuidCache: string | undefined, skinUrl: string | true, capeUrl: string | true | undefined = undefined) {
+    const isCustomSkin = skinUrl !== stevePngUrl
+    if (isCustomSkin) {
+      this.loadedSkinEntityIds.add(String(entityId))
+    }
+    if (uuidCache) {
+      if (typeof skinUrl === 'string' || typeof capeUrl === 'string') this.uuidPerSkinUrlsCache[uuidCache] = {}
+      if (typeof skinUrl === 'string') this.uuidPerSkinUrlsCache[uuidCache].skinUrl = skinUrl
+      if (typeof capeUrl === 'string') this.uuidPerSkinUrlsCache[uuidCache].capeUrl = capeUrl
+      if (skinUrl === true) {
+        skinUrl = this.uuidPerSkinUrlsCache[uuidCache]?.skinUrl ?? skinUrl
+      }
+      capeUrl ??= this.uuidPerSkinUrlsCache[uuidCache]?.capeUrl
+    }
+
+    const playerObject = this.getPlayerObject(entityId)
+    if (!playerObject) return
+
+    if (skinUrl === true) {
+      if (!username) return
+      const newSkinUrl = await loadSkinFromUsername(username, 'skin')
+      if (!this.getPlayerObject(entityId)) return
+      if (!newSkinUrl) return
+      skinUrl = newSkinUrl
+    }
+
+    if (typeof skinUrl !== 'string') throw new Error('Invalid skin url')
+    const renderEars = this.worldRenderer.worldRendererConfig.renderEars || username === 'deadmau5'
+    void this.loadAndApplySkin(entityId, skinUrl, renderEars).then(async () => {
+      if (capeUrl) {
+        if (capeUrl === true && username) {
+          const newCapeUrl = await loadSkinFromUsername(username, 'cape')
+          if (!this.getPlayerObject(entityId)) return
+          if (!newCapeUrl) return
+          capeUrl = newCapeUrl
+        }
+        if (typeof capeUrl === 'string') {
+          void this.loadAndApplyCape(entityId, capeUrl)
+        }
+      }
+    })
+
+
+    playerObject.cape.visible = false
+    if (!capeUrl) {
+      playerObject.backEquipment = null
+      playerObject.elytra.map = null
+      if (playerObject.cape.map) {
+        playerObject.cape.map.dispose()
+      }
+      playerObject.cape.map = null
+    }
+  }
+
+  private async loadAndApplySkin (entityId: string | number, skinUrl: string, renderEars: boolean) {
+    let playerObject = this.getPlayerObject(entityId)
+    if (!playerObject) return
+
+    try {
+      let playerCustomSkinImage: ImageBitmap | undefined
+
+      playerObject = this.getPlayerObject(entityId)
+      if (!playerObject) return
+
+      let skinTexture: THREE.Texture
+      let skinCanvas: OffscreenCanvas
+      if (skinUrl === stevePngUrl) {
+        skinTexture = await steveTexture
+        const canvas = createCanvas(64, 64)
+        const ctx = canvas.getContext('2d')
+        if (!ctx) throw new Error('Failed to get context')
+        ctx.drawImage(skinTexture.image, 0, 0)
+        skinCanvas = canvas
+      } else {
+        const { canvas, image } = await loadSkinImage(skinUrl)
+        playerCustomSkinImage = image
+        skinTexture = new THREE.CanvasTexture(canvas)
+        skinCanvas = canvas
+      }
+
+      skinTexture.magFilter = THREE.NearestFilter
+      skinTexture.minFilter = THREE.NearestFilter
+      skinTexture.needsUpdate = true
+      playerObject.skin.map = skinTexture as any
+      playerObject.skin.modelType = inferModelType(skinCanvas)
+
+      let earsCanvas: HTMLCanvasElement | undefined
+      if (!playerCustomSkinImage) {
+        renderEars = false
+      } else if (renderEars) {
+        earsCanvas = document.createElement('canvas')
+        loadEarsToCanvasFromSkin(earsCanvas, playerCustomSkinImage)
+        renderEars = !this.isCanvasBlank(earsCanvas)
+      }
+      if (renderEars) {
+        const earsTexture = new THREE.CanvasTexture(earsCanvas!)
+        earsTexture.magFilter = THREE.NearestFilter
+        earsTexture.minFilter = THREE.NearestFilter
+        earsTexture.needsUpdate = true
+        //@ts-expect-error
+        playerObject.ears.map = earsTexture
+        playerObject.ears.visible = true
+      } else {
+        playerObject.ears.map = null
+        playerObject.ears.visible = false
+      }
+      this.onSkinUpdate?.()
+    } catch (error) {
+      console.error('Error loading skin:', error)
+    }
+  }
+
+  private async loadAndApplyCape (entityId: string | number, capeUrl: string) {
+    let playerObject = this.getPlayerObject(entityId)
+    if (!playerObject) return
+
+    try {
+      const { canvas: capeCanvas, image: capeImage } = await loadSkinImage(capeUrl)
+
+      playerObject = this.getPlayerObject(entityId)
+      if (!playerObject) return
+
+      loadCapeToCanvas(capeCanvas, capeImage)
+      const capeTexture = new THREE.CanvasTexture(capeCanvas)
+      capeTexture.magFilter = THREE.NearestFilter
+      capeTexture.minFilter = THREE.NearestFilter
+      capeTexture.needsUpdate = true
+      //@ts-expect-error
+      playerObject.cape.map = capeTexture
+      playerObject.cape.visible = true
+      //@ts-expect-error
+      playerObject.elytra.map = capeTexture
+      this.onSkinUpdate?.()
+
+      if (!playerObject.backEquipment) {
+        playerObject.backEquipment = 'cape'
+      }
+    } catch (error) {
+      console.error('Error loading cape:', error)
+    }
+  }
+
+  debugSwingArm () {
+    const playerObject = Object.values(this.entities).find(entity => entity.playerObject?.animation instanceof WalkingGeneralSwing)
+    if (!playerObject) return
+    (playerObject.playerObject!.animation as WalkingGeneralSwing).swingArm()
+  }
+
+  playAnimation (entityPlayerId, animation: 'walking' | 'running' | 'oneSwing' | 'idle' | 'crouch' | 'crouchWalking') {
+    // TODO CLEANUP!
+    // Handle special player entity ID for bot entity in third person
+    if (entityPlayerId === 'player_entity' && this.playerEntity?.playerObject) {
+      const { playerObject } = this.playerEntity
+      if (animation === 'oneSwing') {
+        if (!(playerObject.animation instanceof WalkingGeneralSwing)) throw new Error('Expected WalkingGeneralSwing')
+        playerObject.animation.swingArm()
+        return
+      }
+
+      if (playerObject.animation instanceof WalkingGeneralSwing) {
+        playerObject.animation.switchAnimationCallback = () => {
+          if (!(playerObject.animation instanceof WalkingGeneralSwing)) throw new Error('Expected WalkingGeneralSwing')
+          playerObject.animation.isMoving = animation === 'walking' || animation === 'running' || animation === 'crouchWalking'
+          playerObject.animation.isRunning = animation === 'running'
+          playerObject.animation.isCrouched = animation === 'crouch' || animation === 'crouchWalking'
+        }
+      }
+      return
+    }
+
+    // Handle regular entities
+    const playerObject = this.getPlayerObject(entityPlayerId)
+    if (playerObject) {
+      if (animation === 'oneSwing') {
+        if (!(playerObject.animation instanceof WalkingGeneralSwing)) throw new Error('Expected WalkingGeneralSwing')
+        playerObject.animation.swingArm()
+        return
+      }
+
+      if (playerObject.animation instanceof WalkingGeneralSwing) {
+        playerObject.animation.switchAnimationCallback = () => {
+          if (!(playerObject.animation instanceof WalkingGeneralSwing)) throw new Error('Expected WalkingGeneralSwing')
+          playerObject.animation.isMoving = animation === 'walking' || animation === 'running' || animation === 'crouchWalking'
+          playerObject.animation.isRunning = animation === 'running'
+          playerObject.animation.isCrouched = animation === 'crouch' || animation === 'crouchWalking'
+        }
+      }
+      return
+    }
+
+    // Handle player entity (for third person view) - fallback for backwards compatibility
+    if (this.playerEntity?.playerObject) {
+      const { playerObject: playerEntityObject } = this.playerEntity
+      if (animation === 'oneSwing') {
+        if (!(playerEntityObject.animation instanceof WalkingGeneralSwing)) throw new Error('Expected WalkingGeneralSwing')
+        playerEntityObject.animation.swingArm()
+        return
+      }
+
+      if (playerEntityObject.animation instanceof WalkingGeneralSwing) {
+        playerEntityObject.animation.switchAnimationCallback = () => {
+          if (!(playerEntityObject.animation instanceof WalkingGeneralSwing)) throw new Error('Expected WalkingGeneralSwing')
+          playerEntityObject.animation.isMoving = animation === 'walking' || animation === 'running' || animation === 'crouchWalking'
+          playerEntityObject.animation.isRunning = animation === 'running'
+          playerEntityObject.animation.isCrouched = animation === 'crouch' || animation === 'crouchWalking'
+        }
+      }
+    }
+  }
+
+  parseEntityLabel (jsonLike) {
+    if (!jsonLike) return
+    try {
+      if (jsonLike.type === 'string') {
+        return jsonLike.value
+      }
+      const parsed = typeof jsonLike === 'string' ? mojangson.simplify(mojangson.parse(jsonLike)) : nbt.simplify(jsonLike)
+      const text = flat(parsed).map(this.textFromComponent)
+      return text.join('')
+    } catch (err) {
+      return jsonLike
+    }
+  }
+
+  private textFromComponent (component) {
+    return typeof component === 'string' ? component : component.text ?? ''
+  }
+
+  getItemMesh (item, specificProps: ItemSpecificContextProperties, faceCamera = false, previousModel?: string) {
+    if (!item.nbt && item.nbtData) item.nbt = item.nbtData
+    const textureUv = this.worldRenderer.getItemRenderData(item, specificProps)
+    if (previousModel && previousModel === textureUv?.modelName) return undefined
+
+    if (textureUv && 'resolvedModel' in textureUv) {
+      const mesh = getBlockMeshFromModel(this.worldRenderer.material, textureUv.resolvedModel, textureUv.modelName, this.worldRenderer.resourcesManager.currentResources.worldBlockProvider!)
+      let SCALE = 1
+      if (specificProps['minecraft:display_context'] === 'ground') {
+        SCALE = 0.5
+      } else if (specificProps['minecraft:display_context'] === 'thirdperson') {
+        SCALE = 6
+      }
+      mesh.scale.set(SCALE, SCALE, SCALE)
+      const outerGroup = new THREE.Group()
+      outerGroup.add(mesh)
+      return {
+        mesh: outerGroup,
+        isBlock: true,
+        modelName: textureUv.modelName,
+      }
+    }
+
+    // Render proper 3D model for items
+    if (textureUv) {
+      const textureThree = textureUv.renderInfo?.texture === 'blocks' ? this.worldRenderer.material.map! : this.worldRenderer.itemsTexture
+      const { u, v, su, sv } = textureUv
+      const sizeX = su ?? 1 // su is actually width
+      const sizeY = sv ?? 1 // sv is actually height
+
+      // Use the new unified item mesh function
+      const result = createItemMesh(textureThree, {
+        u,
+        v,
+        sizeX,
+        sizeY
+      }, {
+        faceCamera,
+        use3D: !faceCamera, // Only use 3D for non-camera-facing items
+      })
+
+      let SCALE = 1
+      if (specificProps['minecraft:display_context'] === 'ground') {
+        SCALE = 0.5
+      } else if (specificProps['minecraft:display_context'] === 'thirdperson') {
+        SCALE = 6
+      }
+      result.mesh.scale.set(SCALE, SCALE, SCALE)
+
+      return {
+        mesh: result.mesh,
+        isBlock: false,
+        modelName: textureUv.modelName,
+        cleanup: result.cleanup
+      }
+    }
+  }
+
+  setVisible (mesh: THREE.Object3D, visible: boolean) {
+    //mesh.visible = visible
+    //TODO: Fix workaround for visibility setting
+    if (visible) {
+      mesh.scale.set(1, 1, 1)
+    } else {
+      mesh.scale.set(0, 0, 0)
+    }
+  }
+
+  update (entity: SceneEntity['originalEntity'], overrides) {
+    const isPlayerModel = entity.name === 'player'
+    if (entity.name === 'zombie_villager' || entity.name === 'husk') {
+      overrides.texture = `textures/1.16.4/entity/${entity.name === 'zombie_villager' ? 'zombie_villager/zombie_villager.png' : `zombie/${entity.name}.png`}`
+    }
+    if (entity.name === 'glow_item_frame') {
+      if (!overrides.textures) overrides.textures = []
+      overrides.textures['background'] = 'block:glow_item_frame'
+    }
+    // this can be undefined in case where packet entity_destroy was sent twice (so it was already deleted)
+    let e = this.entities[entity.id]
+    const justAdded = !e
+
+    if (entity.delete) {
+      if (!e) return
+      if (e.additionalCleanup) e.additionalCleanup()
+      e.traverse(c => {
+        if (c['additionalCleanup']) c['additionalCleanup']()
+      })
+      this.onRemoveEntity(entity)
+      this.worldRenderer.scene.remove(e)
+      disposeObject(e)
+      // todo dispose textures as well ?
+      delete this.entities[entity.id]
+      return
+    }
+
+    let mesh: THREE.Object3D | undefined
+    if (e === undefined) {
+      const group = new THREE.Group() as unknown as SceneEntity
+      group.originalEntity = entity
+      if (entity.name === 'item' || entity.name === 'tnt' || entity.name === 'falling_block' || entity.name === 'snowball'
+        || entity.name === 'egg' || entity.name === 'ender_pearl' || entity.name === 'experience_bottle'
+        || entity.name === 'splash_potion' || entity.name === 'lingering_potion') {
+        const item = entity.name === 'tnt' || entity.type === 'projectile'
+          ? { name: entity.name }
+          : entity.name === 'falling_block'
+            ? { blockState: entity['objectData'] }
+            : entity.metadata?.find((m: any) => typeof m === 'object' && m?.itemCount)
+        if (item) {
+          const object = this.getItemMesh(item, {
+            'minecraft:display_context': 'ground',
+          }, entity.type === 'projectile')
+          if (object) {
+            mesh = object.mesh
+            if (entity.name === 'item' || entity.type === 'projectile') {
+              mesh.scale.set(0.5, 0.5, 0.5)
+              mesh.position.set(0, entity.name === 'item' ? 0.2 : 0.1, 0)
+            } else {
+              mesh.scale.set(2, 2, 2)
+              mesh.position.set(0, 0.5, 0)
+            }
+            // set faces
+            // mesh.position.set(targetPos.x + 0.5 + 2, targetPos.y + 0.5, targetPos.z + 0.5)
+            // viewer.scene.add(mesh)
+            if (entity.name === 'item') {
+              const clock = new THREE.Clock()
+              mesh.onBeforeRender = () => {
+                const delta = clock.getDelta()
+                mesh!.rotation.y += delta
+              }
+            }
+
+            // TNT blinking
+            // if (entity.name === 'tnt') {
+            //   let lastBlink = 0
+            //   const blinkInterval = 500 // ms between blinks
+            //   mesh.onBeforeRender = () => {
+            //     const now = Date.now()
+            //     if (now - lastBlink > blinkInterval) {
+            //       lastBlink = now
+            //       mesh.traverse((child) => {
+            //         if (child instanceof THREE.Mesh) {
+            //           const material = child.material as THREE.MeshLambertMaterial
+            //           material.color.set(material.color?.equals(new THREE.Color(0xff_ff_ff))
+            //             ? new THREE.Color(0xff_00_00)
+            //             : new THREE.Color(0xff_ff_ff))
+            //         }
+            //       })
+            //     }
+            //   }
+            // }
+
+            group.additionalCleanup = () => {
+              // important: avoid texture memory leak and gpu slowdown
+              if (object.cleanup) {
+                object.cleanup()
+              }
+            }
+          }
+        }
+      } else if (isPlayerModel) {
+        const wrapper = new THREE.Group()
+        const playerObject = this.setupPlayerObject(entity, wrapper, overrides)
+        group.playerObject = playerObject
+        mesh = wrapper
+
+        if (entity.username) {
+          const nametag = addNametag(entity, { fontFamily: 'mojangles' }, wrapper, this.worldRenderer.version)
+          if (nametag) {
+            nametag.position.y = playerObject.position.y + playerObject.scale.y * 16 + 3
+            nametag.scale.multiplyScalar(12)
+          }
+        }
+      } else {
+        mesh = getEntityMesh(entity, this.worldRenderer, this.entitiesOptions, { ...overrides, customModel: entity['customModel'] })
+      }
+      if (!mesh) return
+      mesh.name = 'mesh'
+      // set initial position so there are no weird jumps update after
+      const pos = entity.pos ?? entity.position
+      group.position.set(pos.x, pos.y, pos.z)
+
+      // todo use width and height instead
+      const boxHelper = new THREE.BoxHelper(
+        mesh,
+        entity.type === 'hostile' ? 0xff_00_00 :
+          entity.type === 'mob' ? 0x00_ff_00 :
+            entity.type === 'player' ? 0x00_00_ff :
+              0xff_a5_00,
+      )
+      boxHelper.name = 'debug'
+      group.add(mesh)
+      group.add(boxHelper)
+      boxHelper.visible = false
+      this.worldRenderer.scene.add(group)
+
+      e = group
+      e.name = 'entity'
+      e['realName'] = entity.name
+      this.entities[entity.id] = e
+
+      this.onAddEntity(entity)
+
+      if (isPlayerModel) {
+        void this.updatePlayerSkin(entity.id, entity.username, overrides?.texture ? entity.uuid : undefined, overrides?.texture || stevePngUrl)
+      }
+      this.setDebugMode(this.debugMode, group)
+      this.setRendering(this.currentlyRendering, group)
+    } else {
+      mesh = e.children.find(c => c.name === 'mesh')
+    }
+
+    // Update equipment
+    this.updateEntityEquipment(e, entity)
+
+    const meta = getGeneralEntitiesMetadata(entity)
+
+    const isInvisible = ((entity.metadata?.[0] ?? 0) as unknown as number) & 0x20 || (this.worldRenderer.playerStateReactive.cameraSpectatingEntity === entity.id && this.worldRenderer.playerStateUtils.isSpectator())
+    for (const child of mesh!.children ?? []) {
+      if (child.name !== 'nametag') {
+        child.visible = !isInvisible
+      }
+    }
+    // ---
+    // set baby size
+    if (meta.baby) {
+      e.scale.set(0.5, 0.5, 0.5)
+    } else {
+      e.scale.set(1, 1, 1)
+    }
+    // entity specific meta
+    const textDisplayMeta = getSpecificEntityMetadata('text_display', entity)
+    const displayTextRaw = textDisplayMeta?.text || meta.custom_name_visible && meta.custom_name
+    if (entity.name !== 'player' && displayTextRaw) {
+      const nameTagFixed = textDisplayMeta && (textDisplayMeta.billboard_render_constraints === 'fixed' || !textDisplayMeta.billboard_render_constraints)
+      const nameTagBackgroundColor = (textDisplayMeta && (parseInt(textDisplayMeta.style_flags, 10) & 0x04) === 0) ? toRgba(textDisplayMeta.background_color) : undefined
+      let nameTagTextOpacity: any
+      if (textDisplayMeta?.text_opacity) {
+        const rawOpacity = parseInt(textDisplayMeta?.text_opacity, 10)
+        nameTagTextOpacity = rawOpacity > 0 ? rawOpacity : 256 - rawOpacity
+      }
+      addNametag(
+        { ...entity, username: typeof displayTextRaw === 'string' ? mojangson.simplify(mojangson.parse(displayTextRaw)) : nbt.simplify(displayTextRaw),
+          nameTagBackgroundColor, nameTagTextOpacity, nameTagFixed,
+          nameTagScale: textDisplayMeta?.scale, nameTagTranslation: textDisplayMeta && (textDisplayMeta.translation || new THREE.Vector3(0, 0, 0)),
+          nameTagRotationLeft: toQuaternion(textDisplayMeta?.left_rotation), nameTagRotationRight: toQuaternion(textDisplayMeta?.right_rotation) },
+        this.entitiesOptions,
+        mesh,
+        this.worldRenderer.version
+      )
+    }
+
+    const armorStandMeta = getSpecificEntityMetadata('armor_stand', entity)
+    if (armorStandMeta) {
+      const isSmall = (parseInt(armorStandMeta.client_flags, 10) & 0x01) !== 0
+      const hasArms = (parseInt(armorStandMeta.client_flags, 10) & 0x04) !== 0
+      const hasBasePlate = (parseInt(armorStandMeta.client_flags, 10) & 0x08) === 0
+      const isMarker = (parseInt(armorStandMeta.client_flags, 10) & 0x10) !== 0
+      mesh!.castShadow = !isMarker
+      mesh!.receiveShadow = !isMarker
+      if (isSmall) {
+        e.scale.set(0.5, 0.5, 0.5)
+      } else {
+        e.scale.set(1, 1, 1)
+      }
+      e.traverse(c => {
+        switch (c.name) {
+          case 'bone_baseplate':
+            this.setVisible(c, hasBasePlate)
+            c.rotation.y = -e.rotation.y
+            break
+          case 'bone_head':
+            if (armorStandMeta.head_pose) {
+              c.setRotationFromEuler(poseToEuler(armorStandMeta.head_pose))
+            }
+            break
+          case 'bone_body':
+            if (armorStandMeta.body_pose) {
+              c.setRotationFromEuler(poseToEuler(armorStandMeta.body_pose))
+            }
+            break
+          case 'bone_rightarm':
+            if (c.parent?.name !== 'bone_armor') {
+              this.setVisible(c, hasArms)
+            }
+            if (armorStandMeta.left_arm_pose) {
+              c.setRotationFromEuler(poseToEuler(armorStandMeta.left_arm_pose))
+            } else {
+              c.setRotationFromEuler(poseToEuler({ 'yaw': -10, 'pitch': -10, 'roll': 0 }))
+            }
+            break
+          case 'bone_leftarm':
+            if (c.parent?.name !== 'bone_armor') {
+              this.setVisible(c, hasArms)
+            }
+            if (armorStandMeta.right_arm_pose) {
+              c.setRotationFromEuler(poseToEuler(armorStandMeta.right_arm_pose))
+            } else {
+              c.setRotationFromEuler(poseToEuler({ 'yaw': 10, 'pitch': -10, 'roll': 0 }))
+            }
+            break
+          case 'bone_rightleg':
+            if (armorStandMeta.left_leg_pose) {
+              c.setRotationFromEuler(poseToEuler(armorStandMeta.left_leg_pose))
+            } else {
+              c.setRotationFromEuler(poseToEuler({ 'yaw': -1, 'pitch': -1, 'roll': 0 }))
+            }
+            break
+          case 'bone_leftleg':
+            if (armorStandMeta.right_leg_pose) {
+              c.setRotationFromEuler(poseToEuler(armorStandMeta.right_leg_pose))
+            } else {
+              c.setRotationFromEuler(poseToEuler({ 'yaw': 1, 'pitch': 1, 'roll': 0 }))
+            }
+            break
+        }
+      })
+    }
+
+    // todo handle map, map_chunks events
+    let itemFrameMeta = getSpecificEntityMetadata('item_frame', entity)
+    if (!itemFrameMeta) {
+      itemFrameMeta = getSpecificEntityMetadata('glow_item_frame', entity)
+    }
+    if (itemFrameMeta) {
+      // TODO: fix type
+      // todo! fix errors in mc-data (no entities data prior 1.18.2)
+      const item = (itemFrameMeta?.item ?? entity.metadata?.[8]) as any as { itemId, blockId, components, nbtData: { value: { map: { value: number } } } }
+      mesh!.scale.set(1, 1, 1)
+      mesh!.position.set(0, 0, -0.5)
+
+      e.rotation.x = -entity.pitch
+      e.children.find(c => {
+        if (c.name.startsWith('map_')) {
+          disposeObject(c)
+          const existingMapNumber = parseInt(c.name.split('_')[1], 10)
+          this.itemFrameMaps[existingMapNumber] = this.itemFrameMaps[existingMapNumber]?.filter(mesh => mesh !== c)
+          if (c instanceof THREE.Mesh) {
+            c.material?.map?.dispose()
+          }
+          return true
+        } else if (c.name === 'item') {
+          disposeObject(c)
+          return true
+        }
+        return false
+      })?.removeFromParent()
+
+      if (item && (item.itemId ?? item.blockId ?? 0) !== 0) {
+        // Get rotation from metadata, default to 0 if not present
+        // Rotation is stored in 45° increments (0-7) for items, 90° increments (0-3) for maps
+        const rotation = (itemFrameMeta.rotation as any as number) ?? 0
+        const mapNumber = item.nbtData?.value?.map?.value ?? item.components?.find(x => x.type === 'map_id')?.data
+        if (mapNumber) {
+          // TODO: Use proper larger item frame model when a map exists
+          mesh!.scale.set(16 / 12, 16 / 12, 1)
+          // Handle map rotation (4 possibilities, 90° increments)
+          this.addMapModel(e, mapNumber, rotation)
+        } else {
+          // Handle regular item rotation (8 possibilities, 45° increments)
+          const itemMesh = this.getItemMesh(item, {
+            'minecraft:display_context': 'fixed',
+          })
+          if (itemMesh) {
+            itemMesh.mesh.position.set(0, 0, -0.05)
+            // itemMesh.mesh.position.set(0, 0, 0.43)
+            if (itemMesh.isBlock) {
+              itemMesh.mesh.scale.set(0.25, 0.25, 0.25)
+            } else {
+              itemMesh.mesh.scale.set(0.5, 0.5, 0.5)
+            }
+            // Rotate 180° around Y axis first
+            itemMesh.mesh.rotateY(Math.PI)
+            // Then apply the 45° increment rotation
+            itemMesh.mesh.rotateZ(-rotation * Math.PI / 4)
+            itemMesh.mesh.name = 'item'
+            e.add(itemMesh.mesh)
+          }
+        }
+      }
+    }
+
+    if (entity.username !== undefined) {
+      e.username = entity.username
+    }
+
+    this.updateNameTagVisibility(e)
+
+    this.updateEntityPosition(entity, justAdded, overrides)
+  }
+
+  updateEntityPosition (entity: import('prismarine-entity').Entity, justAdded: boolean, overrides: { rotation?: { head?: { y: number, x: number } } }) {
+    const e = this.entities[entity.id]
+    if (!e) return
+    const ANIMATION_DURATION = justAdded ? 0 : TWEEN_DURATION
+    if (entity.position) {
+      new TWEEN.Tween(e.position).to({ x: entity.position.x, y: entity.position.y, z: entity.position.z }, ANIMATION_DURATION).start()
+    }
+    if (entity.yaw) {
+      const da = (entity.yaw - e.rotation.y) % (Math.PI * 2)
+      const dy = 2 * da % (Math.PI * 2) - da
+      new TWEEN.Tween(e.rotation).to({ y: e.rotation.y + dy }, ANIMATION_DURATION).start()
+    }
+
+    if (e?.playerObject && overrides?.rotation?.head) {
+      const { playerObject } = e
+      const headRotationDiff = overrides.rotation.head.y ? overrides.rotation.head.y - entity.yaw : 0
+      playerObject.skin.head.rotation.y = -headRotationDiff
+      playerObject.skin.head.rotation.x = overrides.rotation.head.x ? - overrides.rotation.head.x : 0
+    }
+  }
+
+  onAddEntity (entity: import('prismarine-entity').Entity) {
+  }
+
+  loadedSkinEntityIds = new Set<string>()
+  maybeRenderPlayerSkin (entityId: string) {
+    let mesh = this.entities[entityId]
+    if (entityId === 'player_entity') {
+      mesh = this.playerEntity!
+      entityId = this.playerEntity?.originalEntity.id as any
+    }
+    if (!mesh) return
+    if (!mesh.playerObject) return
+    if (!mesh.visible) return
+
+    const MAX_DISTANCE_SKIN_LOAD = 128
+    const cameraPos = this.worldRenderer.cameraObject.position
+    const distance = mesh.position.distanceTo(cameraPos)
+    if (distance < MAX_DISTANCE_SKIN_LOAD && distance < (this.worldRenderer.viewDistance * 16)) {
+      if (this.loadedSkinEntityIds.has(String(entityId))) return
+      void this.updatePlayerSkin(entityId, mesh.playerObject.realUsername, mesh.playerObject.realPlayerUuid, true, true)
+    }
+  }
+
+  playerPerAnimation = {} as Record<number, string>
+  onRemoveEntity (entity: import('prismarine-entity').Entity) {
+    this.loadedSkinEntityIds.delete(entity.id.toString())
+  }
+
+  updateMap (mapNumber: string | number, data: string) {
+    this.cachedMapsImages[mapNumber] = data
+    let itemFrameMeshes = this.itemFrameMaps[mapNumber]
+    if (!itemFrameMeshes) return
+    itemFrameMeshes = itemFrameMeshes.filter(mesh => mesh.parent)
+    this.itemFrameMaps[mapNumber] = itemFrameMeshes
+    if (itemFrameMeshes) {
+      for (const mesh of itemFrameMeshes) {
+        mesh.material.map = this.loadMap(data)
+        mesh.material.needsUpdate = true
+        mesh.visible = true
+      }
+    }
+  }
+
+  updateNameTagVisibility (entity: SceneEntity) {
+    const playerTeam = this.worldRenderer.playerStateReactive.team
+    const entityTeam = entity.originalEntity.team
+    const nameTagVisibility = entityTeam?.nameTagVisibility || 'always'
+    const showNameTag = nameTagVisibility === 'always' ||
+      (nameTagVisibility === 'hideForOwnTeam' && entityTeam?.team !== playerTeam?.team) ||
+      (nameTagVisibility === 'hideForOtherTeams' && (entityTeam?.team === playerTeam?.team || playerTeam === undefined))
+    entity.traverse(c => {
+      if (c.name === 'nametag') {
+        c.visible = showNameTag
+      }
+    })
+  }
+
+  addMapModel (entityMesh: THREE.Object3D, mapNumber: number, rotation: number) {
+    const imageData = this.cachedMapsImages?.[mapNumber]
+    let texture: THREE.Texture | null = null
+    if (imageData) {
+      texture = this.loadMap(imageData)
+    }
+    const parameters = {
+      transparent: true,
+      alphaTest: 0.1,
+    }
+    if (texture) {
+      parameters['map'] = texture
+    }
+    const material = new THREE.MeshLambertMaterial(parameters)
+
+    const mapMesh = new THREE.Mesh(new THREE.PlaneGeometry(1, 1), material)
+
+    mapMesh.rotation.set(0, Math.PI, 0)
+    entityMesh.add(mapMesh)
+    let isInvisible = true
+    entityMesh.traverseVisible(c => {
+      if (c.name === 'geometry_frame') {
+        isInvisible = false
+      }
+    })
+    if (isInvisible) {
+      mapMesh.position.set(0, 0, 0.499)
+    } else {
+      mapMesh.position.set(0, 0, 0.437)
+    }
+    // Apply 90° increment rotation for maps (0-3)
+    mapMesh.rotateZ(Math.PI * 2 - rotation * Math.PI / 2)
+    mapMesh.name = `map_${mapNumber}`
+
+    if (!texture) {
+      mapMesh.visible = false
+    }
+
+    if (!this.itemFrameMaps[mapNumber]) {
+      this.itemFrameMaps[mapNumber] = []
+    }
+    this.itemFrameMaps[mapNumber].push(mapMesh)
+  }
+
+  loadMap (data: any) {
+    const texture = new THREE.TextureLoader().load(data)
+    if (texture) {
+      texture.magFilter = THREE.NearestFilter
+      texture.minFilter = THREE.NearestFilter
+      texture.needsUpdate = true
+    }
+    return texture
+  }
+
+  addItemModel (entityMesh: SceneEntity, hand: 'left' | 'right', item: Item, isPlayer = false) {
+    const bedrockParentName = `bone_${hand}item`
+    const itemName = `custom_item_${hand}`
+
+    // remove existing item
+    entityMesh.traverse(c => {
+      if (c.name === itemName) {
+        c.removeFromParent()
+        if (c['additionalCleanup']) c['additionalCleanup']()
+      }
+    })
+    if (!item) return
+
+    const itemObject = this.getItemMesh(item, {
+      'minecraft:display_context': 'thirdperson',
+    })
+    if (itemObject?.mesh) {
+      entityMesh.traverse(c => {
+        if (c.name.toLowerCase() === bedrockParentName || c.name === `${hand}Arm`) {
+          const group = new THREE.Object3D()
+          group['additionalCleanup'] = () => {
+            // important: avoid texture memory leak and gpu slowdown
+            if (itemObject.cleanup) {
+              itemObject.cleanup()
+            }
+          }
+          const itemMesh = itemObject.mesh
+          group.rotation.z = -Math.PI / 16
+          if (itemObject.isBlock) {
+            group.rotation.y = Math.PI / 4
+          } else {
+            itemMesh.rotation.z = -Math.PI / 4
+            group.rotation.y = Math.PI / 2
+            group.scale.multiplyScalar(2)
+          }
+
+          // if player, move item below and forward a bit
+          if (isPlayer) {
+            group.position.y = -8
+            group.position.z = 5
+            group.position.x = hand === 'left' ? 1 : -1
+            group.rotation.x = Math.PI
+          }
+
+          group.add(itemMesh)
+
+          group.name = itemName
+          c.add(group)
+        }
+      })
+    }
+  }
+
+  handleDamageEvent (entityId, damageAmount) {
+    const entityMesh = this.entities[entityId]?.children.find(c => c.name === 'mesh')
+    if (entityMesh) {
+      entityMesh.traverse((child) => {
+        if (child instanceof THREE.Mesh && child.material.clone) {
+          const clonedMaterial = child.material.clone()
+          clonedMaterial.dispose()
+          child.material = child.material.clone()
+          const originalColor = child.material.color.clone()
+          child.material.color.set(0xff_00_00)
+          new TWEEN.Tween(child.material.color)
+            .to(originalColor, 500)
+            .start()
+        }
+      })
+    }
+  }
+
+  raycastSceneDebug () {
+    // return any object from scene. raycast from camera
+    const raycaster = new THREE.Raycaster()
+    raycaster.setFromCamera(new THREE.Vector2(0, 0), this.worldRenderer.camera)
+    const intersects = raycaster.intersectObjects(this.worldRenderer.scene.children)
+    return intersects[0]?.object
+  }
+
+  private setupPlayerObject (entity: SceneEntity['originalEntity'], wrapper: THREE.Group, overrides: { texture?: string }): PlayerObjectType {
+    const playerObject = new PlayerObject() as PlayerObjectType
+    playerObject.realPlayerUuid = entity.uuid ?? ''
+    playerObject.realUsername = entity.username ?? ''
+    playerObject.position.set(0, 16, 0)
+
+    // fix issues with starfield
+    playerObject.traverse((obj) => {
+      if (obj instanceof THREE.Mesh && obj.material instanceof THREE.MeshStandardMaterial) {
+        obj.material.transparent = true
+      }
+    })
+
+    wrapper.add(playerObject as any)
+    const scale = 1 / 16
+    wrapper.scale.set(scale, scale, scale)
+    wrapper.rotation.set(0, Math.PI, 0)
+
+    // Set up animation
+    playerObject.animation = new WalkingGeneralSwing()
+    //@ts-expect-error
+    playerObject.animation.isMoving = false
+
+    return playerObject
+  }
+
+  private updateEntityEquipment (entityMesh: SceneEntity, entity: SceneEntity['originalEntity']) {
+    if (!entityMesh || !entity.equipment) return
+
+    const isPlayer = entity.type === 'player'
+    this.addItemModel(entityMesh, isPlayer ? 'right' : 'left', entity.equipment[0], isPlayer)
+    this.addItemModel(entityMesh, isPlayer ? 'left' : 'right', entity.equipment[1], isPlayer)
+    addArmorModel(this.worldRenderer, entityMesh, 'feet', entity.equipment[2])
+    addArmorModel(this.worldRenderer, entityMesh, 'legs', entity.equipment[3], 2)
+    addArmorModel(this.worldRenderer, entityMesh, 'chest', entity.equipment[4])
+    addArmorModel(this.worldRenderer, entityMesh, 'head', entity.equipment[5])
+
+    // Update player-specific equipment
+    if (isPlayer && entityMesh.playerObject) {
+      const { playerObject } = entityMesh
+      playerObject.backEquipment = entity.equipment.some((item) => item?.name === 'elytra') ? 'elytra' : 'cape'
+      if (playerObject.backEquipment === 'elytra') {
+        void this.loadAndApplyCape(entity.id, elytraTexture)
+      }
+      if (playerObject.cape.map === null) {
+        playerObject.cape.visible = false
+      }
+    }
+  }
+}
+
+function getGeneralEntitiesMetadata (entity: { name; metadata }): Partial<UnionToIntersection<EntityMetadataVersions[keyof EntityMetadataVersions]>> {
+  const entityData = loadedData.entitiesByName[entity.name]
+  return new Proxy({}, {
+    get (target, p, receiver) {
+      if (typeof p !== 'string' || !entityData) return
+      const index = entityData.metadataKeys?.indexOf(p)
+      return entity.metadata?.[index ?? -1]
+    },
+  })
+}
+
+function getSpecificEntityMetadata<T extends keyof EntityMetadataVersions> (name: T, entity): EntityMetadataVersions[T] | undefined {
+  if (entity.name !== name) return
+  return getGeneralEntitiesMetadata(entity) as any
+}
+
+function addArmorModel (worldRenderer: WorldRendererThree, entityMesh: THREE.Object3D, slotType: string, item: Item, layer = 1, overlay = false) {
+  if (!item) {
+    removeArmorModel(entityMesh, slotType)
+    return
+  }
+  const itemParts = item.name.split('_')
+  let texturePath
+  const isPlayerHead = slotType === 'head' && item.name === 'player_head'
+  if (isPlayerHead) {
+    removeArmorModel(entityMesh, slotType)
+    if (item.nbt) {
+      const itemNbt = nbt.simplify(item.nbt)
+      try {
+        let textureData
+        if (itemNbt.SkullOwner) {
+          textureData = itemNbt.SkullOwner.Properties.textures[0]?.Value
+        } else {
+          textureData = itemNbt['minecraft:profile']?.Properties?.find(p => p.name === 'textures')?.value
+        }
+        if (textureData) {
+          const decodedData = JSON.parse(Buffer.from(textureData, 'base64').toString())
+          texturePath = decodedData.textures?.SKIN?.url
+          const { skinTexturesProxy } = this.worldRenderer.worldRendererConfig
+          if (skinTexturesProxy) {
+            texturePath = texturePath?.replace('http://textures.minecraft.net/', skinTexturesProxy)
+              .replace('https://textures.minecraft.net/', skinTexturesProxy)
+          }
+        }
+      } catch (err) {
+        console.error('Error decoding player head texture:', err)
+      }
+    } else {
+      texturePath = stevePngUrl
+    }
+  }
+  const armorMaterial = itemParts[0]
+  if (!texturePath) {
+    // TODO: Support mirroring on certain parts of the model
+    const armorTextureName = `${armorMaterial}_layer_${layer}${overlay ? '_overlay' : ''}`
+    texturePath = worldRenderer.resourcesManager.currentResources.customTextures.armor?.textures[armorTextureName]?.src ?? armorTextures[armorTextureName]
+  }
+  if (!texturePath || !armorModel[slotType]) {
+    removeArmorModel(entityMesh, slotType)
+    return
+  }
+
+  const meshName = `geometry_armor_${slotType}${overlay ? '_overlay' : ''}`
+  let mesh = entityMesh.children.findLast(c => c.name === meshName) as THREE.Mesh
+  let material
+  if (mesh) {
+    material = mesh.material
+    void loadTexture(texturePath, texture => {
+      texture.magFilter = THREE.NearestFilter
+      texture.minFilter = THREE.NearestFilter
+      texture.flipY = false
+      texture.wrapS = THREE.MirroredRepeatWrapping
+      texture.wrapT = THREE.MirroredRepeatWrapping
+      material.map = texture
+    })
+  } else {
+    mesh = getMesh(worldRenderer, texturePath, armorModel[slotType])
+    // // enable debug mode to see the mesh
+    // mesh.traverse(c => {
+    //   if (c instanceof THREE.Mesh) {
+    //     c.material.wireframe = true
+    //   }
+    // })
+    if (slotType === 'head') {
+      // avoid z-fighting with the head
+      mesh.children[0].position.y += 0.01
+    }
+    mesh.name = meshName
+    material = mesh.material
+    if (!isPlayerHead) {
+      material.side = THREE.DoubleSide
+    }
+  }
+  if (armorMaterial === 'leather' && !overlay) {
+    const color = (item.nbt?.value as any)?.display?.value?.color?.value
+    if (color) {
+      const r = color >> 16 & 0xff
+      const g = color >> 8 & 0xff
+      const b = color & 0xff
+      material.color.setRGB(r / 255, g / 255, b / 255)
+    } else {
+      material.color.setHex(0xB5_6D_51) // default brown color
+    }
+    addArmorModel(worldRenderer, entityMesh, slotType, item, layer, true)
+  } else {
+    material.color.setHex(0xFF_FF_FF)
+  }
+  const group = new THREE.Object3D()
+  group.name = `armor_${slotType}${overlay ? '_overlay' : ''}`
+  group.add(mesh)
+
+  entityMesh.add(mesh)
+}
+
+function removeArmorModel (entityMesh: THREE.Object3D, slotType: string) {
+  for (const c of entityMesh.children) {
+    if (c.name === `geometry_armor_${slotType}` || c.name === `geometry_armor_${slotType}_overlay`) {
+      c.removeFromParent()
+    }
+  }
+}
diff --git a/renderer/viewer/three/entity/EntityMesh.ts b/renderer/viewer/three/entity/EntityMesh.ts
new file mode 100644
index 00000000..229da6d5
--- /dev/null
+++ b/renderer/viewer/three/entity/EntityMesh.ts
@@ -0,0 +1,550 @@
+import * as THREE from 'three'
+import { OBJLoader } from 'three-stdlib'
+import huskPng from 'mc-assets/dist/other-textures/latest/entity/zombie/husk.png'
+import { Vec3 } from 'vec3'
+import ocelotPng from '../../../../node_modules/mc-assets/dist/other-textures/latest/entity/cat/ocelot.png'
+import arrowTexture from '../../../../node_modules/mc-assets/dist/other-textures/1.21.2/entity/projectiles/arrow.png'
+import spectralArrowTexture from '../../../../node_modules/mc-assets/dist/other-textures/1.21.2/entity/projectiles/spectral_arrow.png'
+import tippedArrowTexture from '../../../../node_modules/mc-assets/dist/other-textures/1.21.2/entity/projectiles/tipped_arrow.png'
+import { loadTexture } from '../threeJsUtils'
+import { WorldRendererThree } from '../worldrendererThree'
+import entities from './entities.json'
+import { externalModels } from './objModels'
+import externalTexturesJson from './externalTextures.json'
+
+interface ElemFace {
+  dir: [number, number, number]
+  u0: [number, number, number]
+  v0: [number, number, number]
+  u1: [number, number, number]
+  v1: [number, number, number]
+  corners: Array<[number, number, number, number, number]>
+}
+
+interface GeoData {
+  positions: number[]
+  normals: number[]
+  uvs: number[]
+  indices: number[]
+  skinIndices: number[]
+  skinWeights: number[]
+}
+
+interface JsonBone {
+  name: string
+  pivot?: [number, number, number]
+  bind_pose_rotation?: [number, number, number]
+  rotation?: [number, number, number]
+  parent?: string
+  cubes?: JsonCube[]
+  mirror?: boolean
+}
+
+interface JsonCube {
+  origin: [number, number, number]
+  size: [number, number, number]
+  uv: [number, number]
+  inflate?: number
+  rotation?: [number, number, number]
+}
+
+interface JsonModel {
+  texturewidth?: number
+  textureheight?: number
+  bones: JsonBone[]
+}
+
+interface EntityOverrides {
+  textures?: Record<string, string>
+  rotation?: Record<string, { x?: number; y?: number; z?: number }>
+}
+
+const elemFaces: Record<string, ElemFace> = {
+  up: {
+    dir: [0, 1, 0],
+    u0: [0, 0, 1],
+    v0: [0, 0, 0],
+    u1: [1, 0, 1],
+    v1: [0, 0, 1],
+    corners: [
+      [0, 1, 1, 0, 0],
+      [1, 1, 1, 1, 0],
+      [0, 1, 0, 0, 1],
+      [1, 1, 0, 1, 1]
+    ]
+  },
+  down: {
+    dir: [0, -1, 0],
+    u0: [1, 0, 1],
+    v0: [0, 0, 0],
+    u1: [2, 0, 1],
+    v1: [0, 0, 1],
+    corners: [
+      [1, 0, 1, 0, 0],
+      [0, 0, 1, 1, 0],
+      [1, 0, 0, 0, 1],
+      [0, 0, 0, 1, 1]
+    ]
+  },
+  east: {
+    dir: [1, 0, 0],
+    u0: [0, 0, 0],
+    v0: [0, 0, 1],
+    u1: [0, 0, 1],
+    v1: [0, 1, 1],
+    corners: [
+      [1, 1, 1, 0, 0],
+      [1, 0, 1, 0, 1],
+      [1, 1, 0, 1, 0],
+      [1, 0, 0, 1, 1]
+    ]
+  },
+  west: {
+    dir: [-1, 0, 0],
+    u0: [1, 0, 1],
+    v0: [0, 0, 1],
+    u1: [1, 0, 2],
+    v1: [0, 1, 1],
+    corners: [
+      [0, 1, 0, 0, 0],
+      [0, 0, 0, 0, 1],
+      [0, 1, 1, 1, 0],
+      [0, 0, 1, 1, 1]
+    ]
+  },
+  north: {
+    dir: [0, 0, -1],
+    u0: [0, 0, 1],
+    v0: [0, 0, 1],
+    u1: [1, 0, 1],
+    v1: [0, 1, 1],
+    corners: [
+      [1, 0, 0, 0, 1],
+      [0, 0, 0, 1, 1],
+      [1, 1, 0, 0, 0],
+      [0, 1, 0, 1, 0]
+    ]
+  },
+  south: {
+    dir: [0, 0, 1],
+    u0: [1, 0, 2],
+    v0: [0, 0, 1],
+    u1: [2, 0, 2],
+    v1: [0, 1, 1],
+    corners: [
+      [0, 0, 1, 0, 1],
+      [1, 0, 1, 1, 1],
+      [0, 1, 1, 0, 0],
+      [1, 1, 1, 1, 0]
+    ]
+  }
+}
+
+function dot (a: number[], b: number[]): number {
+  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2]
+}
+
+function addCube (
+  attr: GeoData,
+  boneId: number,
+  bone: THREE.Bone,
+  cube: JsonCube,
+  sameTextureForAllFaces = false,
+  texWidth = 64,
+  texHeight = 64,
+  mirror = false,
+  errors: string[] = []
+): void {
+  const cubeRotation = new THREE.Euler(0, 0, 0)
+  if (cube.rotation) {
+    cubeRotation.x = -cube.rotation[0] * Math.PI / 180
+    cubeRotation.y = -cube.rotation[1] * Math.PI / 180
+    cubeRotation.z = -cube.rotation[2] * Math.PI / 180
+  }
+  for (const { dir, corners, u0, v0, u1, v1 } of Object.values(elemFaces)) {
+    const ndx = Math.floor(attr.positions.length / 3)
+
+    const eastOrWest = dir[0] !== 0
+    const faceUvs: number[] = []
+    for (const pos of corners) {
+      let u: number
+      let v: number
+      if (sameTextureForAllFaces) {
+        u = (cube.uv[0] + pos[3] * cube.size[0]) / texWidth
+        v = (cube.uv[1] + pos[4] * cube.size[1]) / texHeight
+      } else {
+        u = (cube.uv[0] + dot(pos[3] ? u1 : u0, cube.size)) / texWidth
+        v = (cube.uv[1] + dot(pos[4] ? v1 : v0, cube.size)) / texHeight
+      }
+      // if (isNaN(u) || isNaN(v)) {
+      //   errors.push(`NaN u: ${u}, v: ${v}`)
+      //   continue
+      // }
+      // if (u < 0 || u > 1 || v < 0 || v > 1) {
+      //   errors.push(`u: ${u}, v: ${v} out of range`)
+      //   continue
+      // }
+
+      const posX = eastOrWest && mirror ? pos[0] ^ 1 : pos[0]
+      const posY = pos[1]
+      const posZ = eastOrWest && mirror ? pos[2] ^ 1 : pos[2]
+      const inflate = cube.inflate ?? 0
+      let vecPos = new THREE.Vector3(
+        cube.origin[0] + posX * cube.size[0] + (posX ? inflate : -inflate),
+        cube.origin[1] + posY * cube.size[1] + (posY ? inflate : -inflate),
+        cube.origin[2] + posZ * cube.size[2] + (posZ ? inflate : -inflate)
+      )
+
+      vecPos = vecPos.applyEuler(cubeRotation)
+      vecPos = vecPos.sub(bone.position)
+      vecPos = vecPos.applyEuler(bone.rotation)
+      vecPos = vecPos.add(bone.position)
+
+      attr.positions.push(vecPos.x, vecPos.y, vecPos.z)
+      attr.normals.push(dir[0], dir[1], dir[2])
+      faceUvs.push(u, v)
+      attr.skinIndices.push(boneId, 0, 0, 0)
+      attr.skinWeights.push(1, 0, 0, 0)
+    }
+
+    if (mirror) {
+      for (let i = 0; i + 1 < corners.length; i += 2) {
+        const faceIndex = i * 2
+        const tempFaceUvs = faceUvs.slice(faceIndex, faceIndex + 4)
+        faceUvs[faceIndex] = tempFaceUvs[2]
+        faceUvs[faceIndex + 1] = tempFaceUvs[eastOrWest ? 1 : 3]
+        faceUvs[faceIndex + 2] = tempFaceUvs[0]
+        faceUvs[faceIndex + 3] = tempFaceUvs[eastOrWest ? 3 : 1]
+      }
+    }
+    attr.uvs.push(...faceUvs)
+
+    attr.indices.push(ndx, ndx + 1, ndx + 2, ndx + 2, ndx + 1, ndx + 3)
+  }
+}
+
+export function getMesh (
+  worldRenderer: WorldRendererThree | undefined,
+  texture: string,
+  jsonModel: JsonModel,
+  overrides: EntityOverrides = {},
+  debugFlags: EntityDebugFlags = {}
+): THREE.SkinnedMesh {
+  let textureWidth = jsonModel.texturewidth ?? 64
+  let textureHeight = jsonModel.textureheight ?? 64
+  let textureOffset: number[] | undefined
+  const useBlockTexture = texture.startsWith('block:')
+  const blocksTexture = worldRenderer?.material.map
+  if (useBlockTexture) {
+    if (!worldRenderer) throw new Error('worldRenderer is required for block textures')
+    const blockName = texture.slice(6)
+    const textureInfo = worldRenderer.resourcesManager.currentResources.blocksAtlasJson.textures[blockName]
+    if (textureInfo) {
+      textureWidth = blocksTexture?.image.width ?? textureWidth
+      textureHeight = blocksTexture?.image.height ?? textureHeight
+      // todo support su/sv
+      textureOffset = [textureInfo.u, textureInfo.v]
+    } else {
+      console.error(`Unknown block ${blockName}`)
+    }
+  }
+
+  const bones: Record<string, THREE.Bone> = {}
+
+  const geoData: GeoData = {
+    positions: [],
+    normals: [],
+    uvs: [],
+    indices: [],
+    skinIndices: [],
+    skinWeights: []
+  }
+  let i = 0
+  for (const jsonBone of jsonModel.bones) {
+    const bone = new THREE.Bone()
+    if (jsonBone.pivot) {
+      bone.position.x = jsonBone.pivot[0]
+      bone.position.y = jsonBone.pivot[1]
+      bone.position.z = jsonBone.pivot[2]
+    }
+    if (jsonBone.bind_pose_rotation) {
+      bone.rotation.x = -jsonBone.bind_pose_rotation[0] * Math.PI / 180
+      bone.rotation.y = -jsonBone.bind_pose_rotation[1] * Math.PI / 180
+      bone.rotation.z = -jsonBone.bind_pose_rotation[2] * Math.PI / 180
+    } else if (jsonBone.rotation) {
+      bone.rotation.x = -jsonBone.rotation[0] * Math.PI / 180
+      bone.rotation.y = -jsonBone.rotation[1] * Math.PI / 180
+      bone.rotation.z = -jsonBone.rotation[2] * Math.PI / 180
+    }
+    if (overrides.rotation?.[jsonBone.name]) {
+      bone.rotation.x -= (overrides.rotation[jsonBone.name].x ?? 0) * Math.PI / 180
+      bone.rotation.y -= (overrides.rotation[jsonBone.name].y ?? 0) * Math.PI / 180
+      bone.rotation.z -= (overrides.rotation[jsonBone.name].z ?? 0) * Math.PI / 180
+    }
+    bone.name = `bone_${jsonBone.name}`
+    bones[jsonBone.name] = bone
+
+    if (jsonBone.cubes) {
+      for (const cube of jsonBone.cubes) {
+        const errors: string[] = []
+        addCube(geoData, i, bone, cube, useBlockTexture, textureWidth, textureHeight, jsonBone.mirror, errors)
+        if (errors.length) {
+          debugFlags.errors ??= []
+          debugFlags.errors.push(...errors.map(error => `Bone ${jsonBone.name}: ${error}`))
+        }
+      }
+    }
+    i++
+  }
+
+  const rootBones: THREE.Object3D[] = []
+  for (const jsonBone of jsonModel.bones) {
+    if (jsonBone.parent && bones[jsonBone.parent]) {
+      bones[jsonBone.parent].add(bones[jsonBone.name])
+    } else {
+      rootBones.push(bones[jsonBone.name])
+    }
+  }
+
+  const skeleton = new THREE.Skeleton(Object.values(bones))
+
+  const geometry = new THREE.BufferGeometry()
+  geometry.setAttribute('position', new THREE.Float32BufferAttribute(geoData.positions, 3))
+  geometry.setAttribute('normal', new THREE.Float32BufferAttribute(geoData.normals, 3))
+  geometry.setAttribute('uv', new THREE.Float32BufferAttribute(geoData.uvs, 2))
+  geometry.setAttribute('skinIndex', new THREE.Uint16BufferAttribute(geoData.skinIndices, 4))
+  geometry.setAttribute('skinWeight', new THREE.Float32BufferAttribute(geoData.skinWeights, 4))
+  geometry.setIndex(geoData.indices)
+
+  const material = new THREE.MeshLambertMaterial({ transparent: true, alphaTest: 0.1 })
+  const mesh = new THREE.SkinnedMesh(geometry, material)
+  mesh.add(...rootBones)
+  mesh.bind(skeleton)
+  mesh.scale.set(1 / 16, 1 / 16, 1 / 16)
+
+  if (textureOffset) {
+    // todo(memory) dont clone
+    const loadedTexture = blocksTexture!.clone()
+    loadedTexture.offset.set(textureOffset[0], textureOffset[1])
+    loadedTexture.needsUpdate = true
+    material.map = loadedTexture
+  } else {
+    void loadTexture(texture, loadedTexture => {
+      if (material.map) {
+        // texture is already loaded
+        return
+      }
+      loadedTexture.magFilter = THREE.NearestFilter
+      loadedTexture.minFilter = THREE.NearestFilter
+      loadedTexture.flipY = false
+      loadedTexture.wrapS = THREE.RepeatWrapping
+      loadedTexture.wrapT = THREE.RepeatWrapping
+      material.map = loadedTexture
+    }, () => {
+      // This callback runs after the texture is fully loaded
+      const actualWidth = material.map!.image.width
+      if (actualWidth && textureWidth !== actualWidth) {
+        material.map!.repeat.x = textureWidth / actualWidth
+      }
+      const actualHeight = material.map!.image.height
+      if (actualHeight && textureHeight !== actualHeight) {
+        material.map!.repeat.y = textureHeight / actualHeight
+      }
+      material.needsUpdate = true
+    })
+  }
+
+  return mesh
+}
+
+export const rendererSpecialHandled = ['item_frame', 'item', 'player']
+
+type EntityMapping = {
+  pattern: string | RegExp
+  target: string
+}
+
+const temporaryMappings: EntityMapping[] = [
+  // Exact matches
+  { pattern: 'furnace_minecart', target: 'minecart' },
+  { pattern: 'spawner_minecart', target: 'minecart' },
+  { pattern: 'chest_minecart', target: 'minecart' },
+  { pattern: 'hopper_minecart', target: 'minecart' },
+  { pattern: 'command_block_minecart', target: 'minecart' },
+  { pattern: 'tnt_minecart', target: 'minecart' },
+  { pattern: 'glow_item_frame', target: 'item_frame' },
+  { pattern: 'glow_squid', target: 'squid' },
+  { pattern: 'trader_llama', target: 'llama' },
+  { pattern: 'chest_boat', target: 'boat' },
+  { pattern: 'spectral_arrow', target: 'arrow' },
+  { pattern: 'husk', target: 'zombie' },
+  { pattern: 'zombie_horse', target: 'horse' },
+  { pattern: 'donkey', target: 'horse' },
+  { pattern: 'skeleton_horse', target: 'horse' },
+  { pattern: 'mule', target: 'horse' },
+  { pattern: 'ocelot', target: 'cat' },
+  // Regex patterns
+  { pattern: /_minecraft$/, target: 'minecraft' },
+  { pattern: /_boat$/, target: 'boat' },
+  { pattern: /_raft$/, target: 'boat' },
+  { pattern: /_horse$/, target: 'horse' },
+  { pattern: /_zombie$/, target: 'zombie' },
+  { pattern: /_arrow$/, target: 'zombie' },
+]
+
+function getEntityMapping (type: string): string | undefined {
+  for (const mapping of temporaryMappings) {
+    if (typeof mapping.pattern === 'string') {
+      if (mapping.pattern === type) return mapping.target
+    } else if (mapping.pattern.test(type)) { return mapping.target }
+  }
+  return undefined
+}
+
+const getEntity = (name: string) => {
+  return entities[name]
+}
+
+const scaleEntity: Record<string, number> = {
+  zombie: 1.85,
+  husk: 1.85,
+  arrow: 0.0025
+}
+
+const offsetEntity: Record<string, Vec3> = {
+  zombie: new Vec3(0, 1, 0),
+  husk: new Vec3(0, 1, 0),
+  boat: new Vec3(0, -1, 0),
+  arrow: new Vec3(0, -0.9, 0)
+}
+
+interface EntityGeometry {
+  geometry: Array<{
+    name: string;
+    [key: string]: any;
+  }>;
+}
+
+export type EntityDebugFlags = {
+  type?: 'obj' | 'bedrock'
+  tempMap?: string
+  textureMap?: boolean
+  errors?: string[]
+  isHardcodedTexture?: boolean
+}
+
+export class EntityMesh {
+  mesh: THREE.Object3D
+
+  constructor (
+    version: string,
+    type: string,
+    worldRenderer?: WorldRendererThree,
+    overrides: EntityOverrides = {},
+    debugFlags: EntityDebugFlags = {}
+  ) {
+    const originalType = type
+    const mappedValue = getEntityMapping(type)
+    if (mappedValue) {
+      type = mappedValue
+      debugFlags.tempMap = mappedValue
+    }
+
+    if (externalModels[type]) {
+      const objLoader = new OBJLoader()
+      const texturePathMap = {
+        'zombie_horse': `textures/${version}/entity/horse/horse_zombie.png`,
+        'husk': huskPng,
+        'skeleton_horse': `textures/${version}/entity/horse/horse_skeleton.png`,
+        'donkey': `textures/${version}/entity/horse/donkey.png`,
+        'mule': `textures/${version}/entity/horse/mule.png`,
+        'ocelot': ocelotPng,
+        'arrow': arrowTexture,
+        'spectral_arrow': spectralArrowTexture,
+        'tipped_arrow': tippedArrowTexture
+      }
+      const tempTextureMap = texturePathMap[originalType] || texturePathMap[type]
+      if (tempTextureMap) {
+        debugFlags.textureMap = true
+      }
+      const texturePath = tempTextureMap || externalTexturesJson[type]
+      if (externalTexturesJson[type]) {
+        debugFlags.isHardcodedTexture = true
+      }
+      if (!texturePath) throw new Error(`No texture for ${type}`)
+      const texture = new THREE.TextureLoader().load(texturePath)
+      texture.minFilter = THREE.NearestFilter
+      texture.magFilter = THREE.NearestFilter
+      const material = new THREE.MeshBasicMaterial({
+        map: texture,
+        transparent: true,
+        alphaTest: 0.1
+      })
+      const obj = objLoader.parse(externalModels[type])
+      const scale = scaleEntity[originalType] || scaleEntity[type]
+      if (scale) obj.scale.set(scale, scale, scale)
+      const offset = offsetEntity[originalType]
+      if (offset) obj.position.set(offset.x, offset.y, offset.z)
+      obj.traverse((child) => {
+        if (child instanceof THREE.Mesh) {
+          child.material = material
+          // todo
+          if (child.name === 'Head layer') child.visible = false
+          if (child.name === 'Head' && overrides.rotation?.head) { // todo
+            child.rotation.x -= (overrides.rotation.head.x ?? 0) * Math.PI / 180
+            child.rotation.y -= (overrides.rotation.head.y ?? 0) * Math.PI / 180
+            child.rotation.z -= (overrides.rotation.head.z ?? 0) * Math.PI / 180
+          }
+        }
+      })
+      this.mesh = obj
+      debugFlags.type = 'obj'
+      return
+    }
+
+    if (originalType === 'arrow') {
+      // overrides.textures = {
+      //   'default': testArrow,
+      //   ...overrides.textures,
+      // }
+    }
+
+    const e = getEntity(type)
+    if (!e) {
+      // if (knownNotHandled.includes(type)) return
+      // throw new Error(`Unknown entity ${type}`)
+      return
+    }
+
+    this.mesh = new THREE.Object3D()
+    for (const [name, jsonModel] of Object.entries(e.geometry)) {
+      const texture = overrides.textures?.[name] ?? e.textures[name]
+      if (!texture) continue
+      // console.log(JSON.stringify(jsonModel, null, 2))
+      const mesh = getMesh(worldRenderer,
+        texture.endsWith('.png') || texture.startsWith('data:image/') || texture.startsWith('block:')
+          ? texture : texture + '.png',
+        jsonModel,
+        overrides,
+        debugFlags)
+      mesh.name = `geometry_${name}`
+      this.mesh.add(mesh)
+    }
+    debugFlags.type = 'bedrock'
+  }
+
+  static getStaticData (name: string): { boneNames: string[] } {
+    name = getEntityMapping(name) || name
+    if (externalModels[name]) {
+      return {
+        boneNames: [] // todo
+      }
+    }
+    const e = getEntity(name) as EntityGeometry
+    if (!e) throw new Error(`Unknown entity ${name}`)
+    return {
+      boneNames: Object.values(e.geometry).flatMap(x => x.name)
+    }
+  }
+}
+globalThis.EntityMesh = EntityMesh
diff --git a/renderer/viewer/three/entity/animations.js b/renderer/viewer/three/entity/animations.js
new file mode 100644
index 00000000..3295556f
--- /dev/null
+++ b/renderer/viewer/three/entity/animations.js
@@ -0,0 +1,171 @@
+//@ts-check
+import { PlayerAnimation } from 'skinview3d'
+
+export class WalkingGeneralSwing extends PlayerAnimation {
+
+  switchAnimationCallback
+
+  isRunning = false
+  isMoving = true
+  isCrouched = false
+
+  _startArmSwing
+
+  swingArm() {
+    this._startArmSwing = this.progress
+  }
+
+  animate(player) {
+    // Multiply by animation's natural speed
+    let t = 0
+    const updateT = () => {
+      if (!this.isMoving) {
+        t = 0
+        return
+      }
+      if (this.isRunning) {
+        t = this.progress * 10 + Math.PI * 0.5
+      } else {
+        t = this.progress * 8
+      }
+    }
+    updateT()
+    let reset = false
+
+    croughAnimation(player, this.isCrouched)
+
+    if ((this.isRunning ? Math.cos(t) : Math.sin(t)) < 0.01) {
+      if (this.switchAnimationCallback) {
+        reset = true
+        this.progress = 0
+        updateT()
+      }
+    }
+
+    if (this.isRunning) {
+      // Leg swing with larger amplitude
+      player.skin.leftLeg.rotation.x = Math.cos(t + Math.PI) * 1.3
+      player.skin.rightLeg.rotation.x = Math.cos(t) * 1.3
+    } else {
+      // Leg swing
+      player.skin.leftLeg.rotation.x = Math.sin(t) * 0.5
+      player.skin.rightLeg.rotation.x = Math.sin(t + Math.PI) * 0.5
+    }
+
+    if (this._startArmSwing) {
+      const tHand = (this.progress - this._startArmSwing) * 18 + Math.PI * 0.5
+      // player.skin.rightArm.rotation.x = Math.cos(tHand) * 1.5
+      // const basicArmRotationZ = Math.PI * 0.1
+      // player.skin.rightArm.rotation.z = Math.cos(t + Math.PI) * 0.3 - basicArmRotationZ
+      HitAnimation.animate((this.progress - this._startArmSwing), player, this.isMoving)
+
+      if (tHand > Math.PI + Math.PI) {
+        this._startArmSwing = null
+        player.skin.rightArm.rotation.z = 0
+      }
+    }
+
+    if (this.isRunning) {
+      player.skin.leftArm.rotation.x = Math.cos(t) * 1.5
+      if (!this._startArmSwing) {
+        player.skin.rightArm.rotation.x = Math.cos(t + Math.PI) * 1.5
+      }
+      const basicArmRotationZ = Math.PI * 0.1
+      player.skin.leftArm.rotation.z = Math.cos(t) * 0.1 + basicArmRotationZ
+      if (!this._startArmSwing) {
+        player.skin.rightArm.rotation.z = Math.cos(t + Math.PI) * 0.1 - basicArmRotationZ
+      }
+    } else {
+      // Arm swing
+      player.skin.leftArm.rotation.x = Math.sin(t + Math.PI) * 0.5
+      if (!this._startArmSwing) {
+        player.skin.rightArm.rotation.x = Math.sin(t) * 0.5
+      }
+      const basicArmRotationZ = Math.PI * 0.02
+      player.skin.leftArm.rotation.z = Math.cos(t) * 0.03 + basicArmRotationZ
+      if (!this._startArmSwing) {
+        player.skin.rightArm.rotation.z = Math.cos(t + Math.PI) * 0.03 - basicArmRotationZ
+      }
+    }
+
+    if (this.isRunning) {
+      player.rotation.z = Math.cos(t + Math.PI) * 0.01
+    }
+    if (this.isRunning) {
+      const basicCapeRotationX = Math.PI * 0.3
+      player.cape.rotation.x = Math.sin(t * 2) * 0.1 + basicCapeRotationX
+    } else {
+      // Always add an angle for cape around the x axis
+      const basicCapeRotationX = Math.PI * 0.06
+      player.cape.rotation.x = Math.sin(t / 1.5) * 0.06 + basicCapeRotationX
+    }
+
+    if (reset) {
+      this.switchAnimationCallback()
+      this.switchAnimationCallback = null
+    }
+  }
+}
+
+const HitAnimation = {
+  animate(progress, player, isMovingOrRunning) {
+    const t = progress * 18
+    player.skin.rightArm.rotation.x = -0.453_786_055_2 * 2 + 2 * Math.sin(t + Math.PI) * 0.3
+
+    if (!isMovingOrRunning) {
+      const basicArmRotationZ = 0.01 * Math.PI + 0.06
+      player.skin.rightArm.rotation.z = -Math.cos(t) * 0.403 + basicArmRotationZ
+      player.skin.body.rotation.y = -Math.cos(t) * 0.06
+      player.skin.leftArm.rotation.x = Math.sin(t + Math.PI) * 0.077
+      player.skin.leftArm.rotation.z = -Math.cos(t) * 0.015 + 0.13 - 0.05
+      player.skin.leftArm.position.z = Math.cos(t) * 0.3
+      player.skin.leftArm.position.x = 5 - Math.cos(t) * 0.05
+    }
+  },
+}
+
+const croughAnimation = (player, isCrouched) => {
+  const erp = 0
+
+  // let pr = this.progress * 8;
+  let pr = isCrouched ? 1 : 0
+  const showProgress = false
+  if (showProgress) {
+    pr = Math.floor(pr)
+  }
+  player.skin.body.rotation.x = 0.453_786_055_2 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.skin.body.position.z =
+			1.325_618_1 * Math.abs(Math.sin((pr * Math.PI) / 2)) - 3.450_031_037_7 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.skin.body.position.y = -6 - 2.103_677_462 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.cape.position.y = 8 - 1.851_236_166_577_372 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.cape.rotation.x = (10.8 * Math.PI) / 180 + 0.294_220_265_771 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.cape.position.z =
+			-2 + 3.786_619_432 * Math.abs(Math.sin((pr * Math.PI) / 2)) - 3.450_031_037_7 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.elytra.position.x = player.cape.position.x
+  player.elytra.position.y = player.cape.position.y
+  player.elytra.position.z = player.cape.position.z
+  player.elytra.rotation.x = player.cape.rotation.x - (10.8 * Math.PI) / 180
+  // const pr1 = this.progress / this.speed;
+  const pr1 = 1
+  if (Math.abs(Math.sin((pr * Math.PI) / 2)) === 1) {
+    player.elytra.leftWing.rotation.z =
+				0.261_799_44 + 0.458_200_6 * Math.abs(Math.sin((Math.min(pr1 - erp, 1) * Math.PI) / 2))
+    player.elytra.updateRightWing()
+  } else if (isCrouched !== undefined) {
+    player.elytra.leftWing.rotation.z =
+				0.72 - 0.458_200_6 * Math.abs(Math.sin((Math.min(pr1 - erp, 1) * Math.PI) / 2))
+    player.elytra.updateRightWing()
+  }
+  player.skin.head.position.y = -3.618_325_234_674 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.skin.leftArm.position.z =
+			3.618_325_234_674 * Math.abs(Math.sin((pr * Math.PI) / 2)) - 3.450_031_037_7 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.skin.rightArm.position.z = player.skin.leftArm.position.z
+  player.skin.leftArm.rotation.x = 0.410_367_746_202 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.skin.rightArm.rotation.x = player.skin.leftArm.rotation.x
+  player.skin.leftArm.rotation.z = 0.1
+  player.skin.rightArm.rotation.z = -player.skin.leftArm.rotation.z
+  player.skin.leftArm.position.y = -2 - 2.539_433_18 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.skin.rightArm.position.y = player.skin.leftArm.position.y
+  player.skin.rightLeg.position.z = -3.450_031_037_7 * Math.abs(Math.sin((pr * Math.PI) / 2))
+  player.skin.leftLeg.position.z = player.skin.rightLeg.position.z
+}
diff --git a/renderer/viewer/three/entity/armorModels.json b/renderer/viewer/three/entity/armorModels.json
new file mode 100644
index 00000000..d7a77d4c
--- /dev/null
+++ b/renderer/viewer/three/entity/armorModels.json
@@ -0,0 +1,204 @@
+{
+  "skull": {
+    "bones": [
+      {
+        "name": "head",
+        "pivot": [0, 12, 0],
+        "cubes": [
+          {
+            "origin": [-4, 0, -4],
+            "size": [8, 8, 8],
+            "uv": [0, 0],
+            "inflate": 1
+          }
+        ]
+      },
+      {
+        "name": "overlay",
+        "parent": "head",
+        "pivot": [0, 12, 0],
+        "cubes": [
+          {
+            "origin": [-4, 0, -4],
+            "size": [8, 8, 8],
+            "uv": [32, 0],
+            "inflate": 1.2
+          }
+        ]
+      }
+    ],
+    "visible_bounds_width": 1.5,
+    "visible_bounds_offset": [0, 0.5, 0],
+    "texturewidth": 64,
+    "textureheight": 32
+  },
+  "head": {
+    "bones": [
+      {"name": "armor", "pivot": [0, 12, 0]},
+      {
+        "name": "head",
+        "parent": "armor",
+        "pivot": [0, 12, 0],
+        "cubes": [
+          {
+            "origin": [-4, 23, -4],
+            "size": [8, 8, 8],
+            "uv": [0, 0],
+            "inflate": 1
+          }
+        ]
+      },
+      {
+        "name": "overlay",
+        "parent": "head",
+        "pivot": [0, 12, 0],
+        "cubes": [
+          {
+            "origin": [-4, 23, -4],
+            "size": [8, 8, 8],
+            "uv": [32, 0],
+            "inflate": 1.2
+          }
+        ]
+      }
+    ],
+    "visible_bounds_width": 1.5,
+    "visible_bounds_offset": [0, 0.5, 0],
+    "texturewidth": 64,
+    "textureheight": 32
+  },
+  "chest": {
+    "bones": [
+      {"name": "armor", "pivot": [0, 12, 0]},
+      {
+        "name": "body",
+        "parent": "armor",
+        "pivot": [0, 13, 0],
+        "cubes": [
+          {
+            "origin": [-4, 12, -2],
+            "size": [8, 12, 4],
+            "uv": [16, 16],
+            "inflate": 1
+          }
+        ]
+      },
+      {
+        "name": "leftarm",
+        "parent": "armor",
+        "pivot": [5, 10, 0],
+        "cubes": [
+          {
+            "origin": [4, 12, -2],
+            "size": [4, 12, 4],
+            "uv": [40, 16],
+            "inflate": 0.85
+          }
+        ]
+      },
+      {
+        "name": "rightarm",
+        "parent": "armor",
+        "pivot": [-5, 10, 0],
+        "cubes": [
+          {
+            "origin": [-8, 12, -2],
+            "size": [4, 12, 4],
+            "uv": [40, 16],
+            "inflate": 0.85
+          }
+        ],
+        "mirror": true
+      }
+    ],
+    "visible_bounds_width": 1.5,
+    "visible_bounds_offset": [0, 0.5, 0],
+    "texturewidth": 64,
+    "textureheight": 32
+  },
+  "legs": {
+    "bones": [
+      {"name": "armor", "pivot": [0, 12, 0]},
+      {
+        "name": "body",
+        "parent": "armor",
+        "pivot": [0, 13, 0],
+        "cubes": [
+          {
+            "origin": [-4, 12, -2],
+            "size": [8, 12, 4],
+            "uv": [16, 16],
+            "inflate": 0.5
+          }
+        ]
+      },
+      {
+        "name": "leftleg",
+        "parent": "armor",
+        "pivot": [1.9, 1, 0],
+        "cubes": [
+          {
+            "origin": [-0.1, 0, -2],
+            "size": [4, 12, 4],
+            "uv": [0, 16],
+            "inflate": 0.5
+          }
+        ]
+      },
+      {
+        "name": "rightleg",
+        "parent": "armor",
+        "pivot": [-1.9, 1, 0],
+        "cubes": [
+          {
+            "origin": [-3.9, 0, -2.01],
+            "size": [4, 12, 4],
+            "uv": [0, 16],
+            "inflate": 0.5
+          }
+        ],
+        "mirror": true
+      }
+    ],
+    "visible_bounds_width": 1.5,
+    "visible_bounds_offset": [0, 0.5, 0],
+    "texturewidth": 64,
+    "textureheight": 32
+  },
+  "feet": {
+    "bones": [
+      {"name": "armor", "pivot": [0, 12, 0]},
+      {
+        "name": "leftleg",
+        "parent": "armor",
+        "pivot": [1.9, 1, 0],
+        "cubes": [
+          {
+            "origin": [-0.1, 0, -2],
+            "size": [4, 12, 4],
+            "uv": [0, 16],
+            "inflate": 0.8
+          }
+        ]
+      },
+      {
+        "name": "rightleg",
+        "parent": "armor",
+        "pivot": [-1.9, 1, 0],
+        "cubes": [
+          {
+            "origin": [-3.9, 0.01, -2.01],
+            "size": [4, 12, 4],
+            "uv": [0, 16],
+            "inflate": 0.8
+          }
+        ],
+        "mirror": true
+      }
+    ],
+    "visible_bounds_width": 1.5,
+    "visible_bounds_offset": [0, 0.5, 0],
+    "texturewidth": 64,
+    "textureheight": 32
+  }
+}
\ No newline at end of file
diff --git a/renderer/viewer/three/entity/armorModels.ts b/renderer/viewer/three/entity/armorModels.ts
new file mode 100644
index 00000000..3681344c
--- /dev/null
+++ b/renderer/viewer/three/entity/armorModels.ts
@@ -0,0 +1,36 @@
+import { default as chainmailLayer1 } from 'mc-assets/dist/other-textures/latest/models/armor/chainmail_layer_1.png'
+import { default as chainmailLayer2 } from 'mc-assets/dist/other-textures/latest/models/armor/chainmail_layer_2.png'
+import { default as diamondLayer1 } from 'mc-assets/dist/other-textures/latest/models/armor/diamond_layer_1.png'
+import { default as diamondLayer2 } from 'mc-assets/dist/other-textures/latest/models/armor/diamond_layer_2.png'
+import { default as goldenLayer1 } from 'mc-assets/dist/other-textures/latest/models/armor/gold_layer_1.png'
+import { default as goldenLayer2 } from 'mc-assets/dist/other-textures/latest/models/armor/gold_layer_2.png'
+import { default as ironLayer1 } from 'mc-assets/dist/other-textures/latest/models/armor/iron_layer_1.png'
+import { default as ironLayer2 } from 'mc-assets/dist/other-textures/latest/models/armor/iron_layer_2.png'
+import { default as leatherLayer1 } from 'mc-assets/dist/other-textures/latest/models/armor/leather_layer_1.png'
+import { default as leatherLayer1Overlay } from 'mc-assets/dist/other-textures/latest/models/armor/leather_layer_1_overlay.png'
+import { default as leatherLayer2 } from 'mc-assets/dist/other-textures/latest/models/armor/leather_layer_2.png'
+import { default as leatherLayer2Overlay } from 'mc-assets/dist/other-textures/latest/models/armor/leather_layer_2_overlay.png'
+import { default as netheriteLayer1 } from 'mc-assets/dist/other-textures/latest/models/armor/netherite_layer_1.png'
+import { default as netheriteLayer2 } from 'mc-assets/dist/other-textures/latest/models/armor/netherite_layer_2.png'
+import { default as turtleLayer1 } from 'mc-assets/dist/other-textures/latest/models/armor/turtle_layer_1.png'
+
+export { default as elytraTexture } from 'mc-assets/dist/other-textures/latest/entity/elytra.png'
+export { default as armorModel } from './armorModels.json'
+
+export const armorTextures = {
+  'leather_layer_1': leatherLayer1,
+  'leather_layer_1_overlay': leatherLayer1Overlay,
+  'leather_layer_2': leatherLayer2,
+  'leather_layer_2_overlay': leatherLayer2Overlay,
+  'chainmail_layer_1': chainmailLayer1,
+  'chainmail_layer_2': chainmailLayer2,
+  'iron_layer_1': ironLayer1,
+  'iron_layer_2': ironLayer2,
+  'diamond_layer_1': diamondLayer1,
+  'diamond_layer_2': diamondLayer2,
+  'golden_layer_1': goldenLayer1,
+  'golden_layer_2': goldenLayer2,
+  'netherite_layer_1': netheriteLayer1,
+  'netherite_layer_2': netheriteLayer2,
+  'turtle_layer_1': turtleLayer1
+}
diff --git a/renderer/viewer/three/entity/entities.json b/renderer/viewer/three/entity/entities.json
new file mode 100644
index 00000000..feca5dc7
--- /dev/null
+++ b/renderer/viewer/three/entity/entities.json
@@ -0,0 +1,6230 @@
+{
+  "armor_stand": {
+    "identifier": "minecraft:armor_stand",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "armor_stand"},
+    "textures": {"default": "textures/entity/armorstand/wood"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "baseplate",
+            "parent": "waist",
+            "cubes": [
+              {"origin": [-6, 0, -6], "size": [12, 1, 12], "uv": [0, 32]}
+            ]
+          },
+          {"name": "waist", "pivot": [0, 12, 0]},
+          {
+            "name": "body",
+            "parent": "waist",
+            "pivot": [0, 13, 0],
+            "cubes": [
+              {"origin": [-6, 21, -1.5], "size": [12, 3, 3], "uv": [0, 26]},
+              {"origin": [-3, 14, -1], "size": [2, 7, 2], "uv": [16, 0]},
+              {"origin": [1, 14, -1], "size": [2, 7, 2], "uv": [48, 16]},
+              {"origin": [-4, 12, -1], "size": [8, 2, 2], "uv": [0, 48]}
+            ]
+          },
+          {
+            "name": "head",
+            "parent": "waist",
+            "pivot": [0, 12, 0],
+            "cubes": [{"origin": [-1, 24, -1], "size": [2, 7, 2], "uv": [0, 0]}]
+          },
+          {
+            "name": "hat",
+            "parent": "head",
+            "pivot": [0, 12, 0],
+            "cubes": [
+              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [32, 0]}
+            ]
+          },
+          {
+            "name": "leftarm",
+            "parent": "waist",
+            "mirror": true,
+            "pivot": [5, 10, 0],
+            "cubes": [
+              {"origin": [5, 12, -1], "size": [2, 12, 2], "uv": [32, 16]}
+            ]
+          },
+          {"name": "leftitem", "parent": "leftarm", "pivot": [1, -9, -5]},
+          {
+            "name": "leftleg",
+            "parent": "waist",
+            "mirror": true,
+            "pivot": [1.9, 1, 0],
+            "cubes": [
+              {"origin": [0.9, 1, -1], "size": [2, 11, 2], "uv": [40, 16]}
+            ]
+          },
+          {
+            "name": "rightarm",
+            "parent": "waist",
+            "pivot": [-5, 10, 0],
+            "cubes": [
+              {"origin": [-7, 12, -1], "size": [2, 12, 2], "uv": [24, 0]}
+            ]
+          },
+          {"name": "rightitem", "parent": "rightarm", "pivot": [-1, -9, -5]},
+          {
+            "name": "rightleg",
+            "parent": "waist",
+            "pivot": [-1.9, 1, 0],
+            "cubes": [
+              {"origin": [-2.9, 1, -1], "size": [2, 11, 2], "uv": [8, 0]}
+            ]
+          }
+        ],
+        "visible_bounds_width": 1.5,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 64
+      }
+    },
+    "render_controllers": ["controller.render.armor_stand"],
+    "enable_attachables": true
+  },
+  "arrow": {
+    "identifier": "minecraft:arrow",
+    "materials": {"default": "arrow"},
+    "textures": {"default": "textures/entity/arrow"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 1, 0],
+            "cubes": [
+              {
+                "origin": [0, -2.5, -3],
+                "rotation": [0, 0, 45],
+                "size": [0, 5, 16],
+                "uv": {"east": {"uv": [0, 0]}}
+              },
+              {
+                "origin": [0, -2.5, -3],
+                "rotation": [0, 0, -45],
+                "size": [0, 5, 16],
+                "uv": {"east": {"uv": [0, 0]}}
+              },
+              {
+                "origin": [-2.5, -2.5, 12],
+                "rotation": [0, 0, 45],
+                "size": [5, 5, 0],
+                "uv": {"south": {"uv": [0, 5]}}
+              }
+            ]
+          }
+        ],
+        "texturewidth": 32,
+        "textureheight": 32
+      }
+    },
+    "render_controllers": ["controller.render.arrow"]
+  },
+  "bat": {
+    "identifier": "minecraft:bat",
+    "materials": {"default": "bat"},
+    "textures": {"default": "textures/entity/bat"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1,
+        "visible_bounds_height": 1,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "bones": [
+          {
+            "name": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-3, 21, -3], "size": [6, 6, 6], "uv": [0, 0]}]
+          },
+          {
+            "name": "rightEar",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 26, -2], "size": [3, 4, 1], "uv": [24, 0]}
+            ],
+            "parent": "head"
+          },
+          {
+            "name": "leftEar",
+            "mirror": true,
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [1, 26, -2], "size": [3, 4, 1], "uv": [24, 0]}
+            ],
+            "parent": "head"
+          },
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-3, 8, -3], "size": [6, 12, 6], "uv": [0, 16]},
+              {"origin": [-5, -8, 0], "size": [10, 16, 1], "uv": [0, 34]}
+            ]
+          },
+          {
+            "name": "rightWing",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-12, 7, 1.5], "size": [10, 16, 1], "uv": [42, 0]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "rightWingTip",
+            "pivot": [-12, 23, 1.5],
+            "cubes": [
+              {"origin": [-20, 10, 1.5], "size": [8, 12, 1], "uv": [24, 16]}
+            ],
+            "parent": "rightWing"
+          },
+          {
+            "name": "leftWing",
+            "mirror": true,
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [2, 7, 1.5], "size": [10, 16, 1], "uv": [42, 0]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "leftWingTip",
+            "mirror": true,
+            "pivot": [12, 23, 1.5],
+            "cubes": [
+              {"origin": [12, 10, 1.5], "size": [8, 12, 1], "uv": [24, 16]}
+            ],
+            "parent": "leftWing"
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.bat"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 18}
+  },
+  "bee": {
+    "identifier": "minecraft:bee",
+    "materials": {"default": "bee"},
+    "textures": {
+      "default": "textures/entity/bee/bee",
+      "angry": "textures/entity/bee/bee_angry",
+      "nectar": "textures/entity/bee/bee_nectar",
+      "angry_nectar": "textures/entity/bee/bee_angry_nectar"
+    },
+    "geometry": {
+      "default": {
+        "texturewidth": 64,
+        "textureheight": 64,
+        "visible_bounds_width": 1.5,
+        "visible_bounds_height": 1.5,
+        "visible_bounds_offset": [0, 0.25, 0],
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0.5, 5, 0],
+            "cubes": [
+              {"origin": [-3, 2, -5], "size": [7, 7, 10], "uv": [0, 0]},
+              {"origin": [2, 7, -8], "size": [1, 2, 3], "uv": [2, 0]},
+              {"origin": [-2, 7, -8], "size": [1, 2, 3], "uv": [2, 3]}
+            ],
+            "locators": {"lead": [0, 4, -1]}
+          },
+          {
+            "name": "stinger",
+            "parent": "body",
+            "pivot": [0.5, 6, 1],
+            "cubes": [{"origin": [0.5, 5, 5], "size": [0, 1, 2], "uv": [26, 7]}]
+          },
+          {
+            "name": "rightwing_bone",
+            "parent": "body",
+            "pivot": [-1, 9, -3],
+            "rotation": [15, -15, 0],
+            "cubes": [
+              {"origin": [-10, 9, -3], "size": [9, 0, 6], "uv": [0, 18]}
+            ]
+          },
+          {
+            "name": "leftwing_bone",
+            "parent": "body",
+            "pivot": [2, 9, -3],
+            "rotation": [15, 15, 0],
+            "cubes": [{"origin": [2, 9, -3], "size": [9, 0, 6], "uv": [9, 24]}]
+          },
+          {
+            "name": "leg_front",
+            "parent": "body",
+            "pivot": [2, 2, -2],
+            "cubes": [{"origin": [-3, 0, -2], "size": [7, 2, 0], "uv": [26, 1]}]
+          },
+          {
+            "name": "leg_mid",
+            "parent": "body",
+            "pivot": [2, 2, 0],
+            "cubes": [{"origin": [-3, 0, 0], "size": [7, 2, 0], "uv": [26, 3]}]
+          },
+          {
+            "name": "leg_back",
+            "parent": "body",
+            "pivot": [2, 2, 2],
+            "cubes": [{"origin": [-3, 0, 2], "size": [7, 2, 0], "uv": [26, 5]}]
+          }
+        ]
+      }
+    },
+    "particle_effects": {"nectar_dripping": "minecraft:nectar_drip_particle"},
+    "render_controllers": ["controller.render.bee"],
+    "spawn_egg": {"texture": "egg_bee", "texture_index": 0}
+  },
+  "cave_spider": {
+    "identifier": "minecraft:cave_spider",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "spider", "invisible": "spider_invisible"},
+    "textures": {"default": "textures/entity/spider/cave_spider"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 1,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "head",
+            "pivot": [0, 9, -3],
+            "cubes": [
+              {"origin": [-4, 5, -11], "size": [8, 8, 8], "uv": [32, 4]}
+            ],
+            "parent": "body0"
+          },
+          {
+            "name": "body0",
+            "pivot": [0, 9, 0],
+            "cubes": [{"origin": [-3, 6, -3], "size": [6, 6, 6], "uv": [0, 0]}]
+          },
+          {
+            "name": "body1",
+            "pivot": [0, 9, 9],
+            "cubes": [
+              {"origin": [-5, 5, 3], "size": [10, 8, 12], "uv": [0, 12]}
+            ],
+            "parent": "body0"
+          },
+          {
+            "name": "leg0",
+            "pivot": [-4, 9, 2],
+            "cubes": [
+              {"origin": [-19, 8, 1], "size": [16, 2, 2], "uv": [18, 0]}
+            ],
+            "parent": "body0"
+          },
+          {
+            "name": "leg1",
+            "pivot": [4, 9, 2],
+            "cubes": [{"origin": [3, 8, 1], "size": [16, 2, 2], "uv": [18, 0]}],
+            "parent": "body0"
+          },
+          {
+            "name": "leg2",
+            "pivot": [-4, 9, 1],
+            "cubes": [
+              {"origin": [-19, 8, 0], "size": [16, 2, 2], "uv": [18, 0]}
+            ],
+            "parent": "body0"
+          },
+          {
+            "name": "leg3",
+            "pivot": [4, 9, 1],
+            "cubes": [{"origin": [3, 8, 0], "size": [16, 2, 2], "uv": [18, 0]}],
+            "parent": "body0"
+          },
+          {
+            "name": "leg4",
+            "pivot": [-4, 9, 0],
+            "cubes": [
+              {"origin": [-19, 8, -1], "size": [16, 2, 2], "uv": [18, 0]}
+            ],
+            "parent": "body0"
+          },
+          {
+            "name": "leg5",
+            "pivot": [4, 9, 0],
+            "cubes": [
+              {"origin": [3, 8, -1], "size": [16, 2, 2], "uv": [18, 0]}
+            ],
+            "parent": "body0"
+          },
+          {
+            "name": "leg6",
+            "pivot": [-4, 9, -1],
+            "cubes": [
+              {"origin": [-19, 8, -2], "size": [16, 2, 2], "uv": [18, 0]}
+            ],
+            "parent": "body0"
+          },
+          {
+            "name": "leg7",
+            "pivot": [4, 9, -1],
+            "cubes": [
+              {"origin": [3, 8, -2], "size": [16, 2, 2], "uv": [18, 0]}
+            ],
+            "parent": "body0"
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.spider"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 22}
+  },
+  "chest_minecart": {
+    "identifier": "minecraft:chest_minecart",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "minecart"},
+    "textures": {"default": "textures/entity/minecart"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "bottom",
+            "pivot": [0, 6, 0],
+            "cubes": [
+              {
+                "origin": [-10, -6.5, -1],
+                "size": [20, 16, 2],
+                "rotation": [90, 0, 0],
+                "uv": [0, 10]
+              }
+            ]
+          },
+          {
+            "name": "back",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-17, 2.5, -1],
+                "size": [16, 8, 2],
+                "rotation": [0, 270, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "front",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [1, 2.5, -1],
+                "size": [16, 8, 2],
+                "rotation": [0, 90, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "right",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, 2.5, -8],
+                "size": [16, 8, 2],
+                "rotation": [0, 180, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "left",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {"origin": [-8, 2.5, 6], "size": [16, 8, 2], "uv": [0, 0]}
+            ],
+            "parent": "bottom"
+          }
+        ],
+        "texturewidth": 64,
+        "textureheight": 32
+      }
+    },
+    "render_controllers": ["controller.render.minecart"]
+  },
+  "command_block_minecart": {
+    "identifier": "minecraft:command_block_minecart",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "minecart"},
+    "textures": {"default": "textures/entity/minecart"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "bottom",
+            "pivot": [0, 6, 0],
+            "cubes": [
+              {
+                "origin": [-10, -6.5, -1],
+                "size": [20, 16, 2],
+                "rotation": [90, 0, 0],
+                "uv": [0, 10]
+              }
+            ]
+          },
+          {
+            "name": "back",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-17, 2.5, -1],
+                "size": [16, 8, 2],
+                "rotation": [0, 270, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "front",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [1, 2.5, -1],
+                "size": [16, 8, 2],
+                "rotation": [0, 90, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "right",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, 2.5, -8],
+                "size": [16, 8, 2],
+                "rotation": [0, 180, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "left",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {"origin": [-8, 2.5, 6], "size": [16, 8, 2], "uv": [0, 0]}
+            ],
+            "parent": "bottom"
+          }
+        ],
+        "texturewidth": 64,
+        "textureheight": 32
+      }
+    },
+    "render_controllers": ["controller.render.minecart"]
+  },
+  "cow": {
+    "identifier": "minecraft:cow",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "cow"},
+    "textures": {"default": "textures/entity/cow/cow"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 1.75,
+        "visible_bounds_offset": [0, 0.75, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 19, 2],
+            "bind_pose_rotation": [90, 0, 0],
+            "cubes": [
+              {"origin": [-6, 11, -5], "size": [12, 18, 10], "uv": [18, 4]},
+              {"origin": [-2, 11, -6], "size": [4, 6, 1], "uv": [52, 0]}
+            ]
+          },
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 20, -8],
+            "locators": {"lead": [0, 20, -8]},
+            "cubes": [
+              {"origin": [-4, 16, -14], "size": [8, 8, 6], "uv": [0, 0]},
+              {"origin": [-5, 22, -12], "size": [1, 3, 1], "uv": [22, 0]},
+              {"origin": [4, 22, -12], "size": [1, 3, 1], "uv": [22, 0]}
+            ]
+          },
+          {
+            "name": "leg0",
+            "parent": "body",
+            "pivot": [-4, 12, 7],
+            "cubes": [{"origin": [-6, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
+          },
+          {
+            "name": "leg1",
+            "parent": "body",
+            "mirror": true,
+            "pivot": [4, 12, 7],
+            "cubes": [{"origin": [2, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
+          },
+          {
+            "name": "leg2",
+            "parent": "body",
+            "pivot": [-4, 12, -6],
+            "cubes": [
+              {"origin": [-6, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}
+            ]
+          },
+          {
+            "name": "leg3",
+            "parent": "body",
+            "mirror": true,
+            "pivot": [4, 12, -6],
+            "cubes": [{"origin": [2, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.cow"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 1}
+  },
+  "dragon_fireball": {
+    "identifier": "minecraft:dragon_fireball",
+    "materials": {"default": "fireball"},
+    "textures": {"default": "textures/entity/enderdragon/dragon_fireball"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -4, 0],
+                "size": [16, 16, 0],
+                "uv": {"south": {"uv": [0, 0]}}
+              }
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.fireball"]
+  },
+  "drowned": {
+    "identifier": "minecraft:drowned",
+    "min_engine_version": "1.16.0",
+    "materials": {"default": "drowned"},
+    "textures": {"default": "textures/entity/zombie/drowned"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
+            ]
+          },
+          {
+            "name": "jacket",
+            "parent": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 12, -2],
+                "size": [8, 12, 4],
+                "uv": [16, 32],
+                "inflate": 0.5
+              }
+            ]
+          },
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 24, -4],
+                "size": [8, 8, 8],
+                "uv": [0, 0],
+                "inflate": 0.5
+              }
+            ]
+          },
+          {
+            "name": "hat",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 24, -4],
+                "size": [8, 8, 8],
+                "uv": [32, 0],
+                "inflate": 1
+              }
+            ]
+          },
+          {
+            "name": "rightArm",
+            "parent": "body",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-7, 12, -2], "size": [4, 12, 4], "uv": [0, 16]}
+            ]
+          },
+          {
+            "name": "leftArm",
+            "parent": "body",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {
+                "origin": [4, 12, -2],
+                "size": [4, 12, 4],
+                "uv": [40, 16],
+                "mirror": true
+              }
+            ]
+          },
+          {
+            "name": "rightSleeve",
+            "parent": "rightArm",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {
+                "origin": [-7, 12, -2],
+                "size": [4, 12, 4],
+                "uv": [48, 48],
+                "inflate": 0.5
+              }
+            ]
+          },
+          {
+            "name": "leftSleeve",
+            "parent": "leftArm",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {
+                "origin": [4, 12, -2],
+                "size": [4, 12, 4],
+                "uv": [40, 32],
+                "inflate": 0.5,
+                "mirror": true
+              }
+            ]
+          },
+          {
+            "name": "rightLeg",
+            "parent": "body",
+            "pivot": [-1.9, 12, 0],
+            "cubes": [
+              {"origin": [-4.05, 0, -2], "size": [4, 12, 4], "uv": [16, 48]}
+            ]
+          },
+          {
+            "name": "leftLeg",
+            "parent": "body",
+            "pivot": [1.9, 12, 0],
+            "cubes": [
+              {
+                "origin": [0.05, 0, -2],
+                "size": [4, 12, 4],
+                "uv": [32, 48],
+                "mirror": true
+              }
+            ]
+          },
+          {
+            "name": "rightPants",
+            "parent": "rightLeg",
+            "pivot": [-1.9, 12, 0],
+            "cubes": [
+              {
+                "origin": [-4.25, 0, -2],
+                "size": [4, 12, 4],
+                "uv": [0, 48],
+                "inflate": 0.25
+              }
+            ]
+          },
+          {
+            "name": "leftPants",
+            "parent": "leftLeg",
+            "pivot": [1.9, 12, 0],
+            "cubes": [
+              {
+                "origin": [0.25, 0, -2],
+                "size": [4, 12, 4],
+                "uv": [0, 32],
+                "inflate": 0.25,
+                "mirror": true
+              }
+            ]
+          },
+          {"name": "waist", "parent": "body", "pivot": [0, 12, 0]},
+          {"name": "rightItem", "parent": "rightArm", "pivot": [-1, -45, -5]},
+          {"name": "leftItem", "parent": "leftArm", "pivot": [1, -45, -5]}
+        ],
+        "visible_bounds_width": 2.5,
+        "visible_bounds_height": 2.5,
+        "visible_bounds_offset": [0, 1.25, 0],
+        "texturewidth": 64,
+        "textureheight": 64
+      }
+    },
+    "render_controllers": ["controller.render.drowned"],
+    "enable_attachables": true,
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 48}
+  },
+  "egg": {
+    "identifier": "minecraft:egg",
+    "materials": {"default": "egg"},
+    "textures": {"default": "textures/items/egg"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -8, 0],
+                "size": [16, 16, 0],
+                "uv": [0, 0],
+                "rotation": [0, 0, 0]
+              }
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.item_sprite"]
+  },
+  "elder_guardian": {
+    "identifier": "minecraft:elder_guardian",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "guardian", "ghost": "guardian_ghost"},
+    "textures": {
+      "default": "textures/entity/guardian",
+      "elder": "textures/entity/guardian_elder",
+      "beam": "textures/entity/guardian_beam"
+    },
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 3.5,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "head",
+            "pivot": [0, 0, 0],
+            "mirror": true,
+            "cubes": [
+              {
+                "mirror": false,
+                "origin": [-6, 2, -8],
+                "size": [12, 12, 16],
+                "uv": [0, 0]
+              },
+              {
+                "mirror": false,
+                "origin": [-8, 2, -6],
+                "size": [2, 12, 12],
+                "uv": [0, 28]
+              },
+              {"origin": [6, 2, -6], "size": [2, 12, 12], "uv": [0, 28]},
+              {"origin": [-6, 14, -6], "size": [12, 2, 12], "uv": [16, 40]},
+              {"origin": [-6, 0, -6], "size": [12, 2, 12], "uv": [16, 40]}
+            ]
+          },
+          {
+            "name": "eye",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-1, 6, 0], "size": [2, 2, 1], "uv": [8, 0]}]
+          },
+          {
+            "name": "tailpart0",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-2, 6, 7], "size": [4, 4, 8], "uv": [40, 0]}]
+          },
+          {
+            "name": "tailpart1",
+            "parent": "tailpart0",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [0, 7, 0], "size": [3, 3, 7], "uv": [0, 54]}]
+          },
+          {
+            "name": "tailpart2",
+            "parent": "tailpart1",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [0, 8, 0], "size": [2, 2, 6], "uv": [41, 32]},
+              {"origin": [1, 4.5, 3], "size": [1, 9, 9], "uv": [25, 19]}
+            ]
+          },
+          {
+            "name": "spikepart0",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart1",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart2",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart3",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart4",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart5",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart6",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart7",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart8",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart9",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart10",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart11",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          }
+        ]
+      },
+      "ghost": {
+        "visible_bounds_width": 3.5,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "head",
+            "pivot": [0, 24, 0],
+            "mirror": true,
+            "cubes": [
+              {
+                "mirror": false,
+                "origin": [-6, 2, -8],
+                "size": [12, 12, 16],
+                "uv": [0, 0]
+              },
+              {
+                "mirror": false,
+                "origin": [-8, 2, -6],
+                "size": [2, 12, 12],
+                "uv": [0, 28]
+              },
+              {"origin": [6, 2, -6], "size": [2, 12, 12], "uv": [0, 28]},
+              {"origin": [-6, 14, -6], "size": [12, 2, 12], "uv": [16, 40]},
+              {"origin": [-6, 0, -6], "size": [12, 2, 12], "uv": [16, 40]}
+            ]
+          },
+          {
+            "name": "eye",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-1, 7, 0], "size": [2, 2, 1], "uv": [8, 0]}]
+          },
+          {
+            "name": "tailpart0",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-2, 6, 7], "size": [4, 4, 8], "uv": [40, 0]}]
+          },
+          {
+            "name": "tailpart1",
+            "parent": "tailpart0",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [0, 7, 0], "size": [3, 3, 7], "uv": [0, 54]}]
+          },
+          {
+            "name": "tailpart2",
+            "parent": "tailpart1",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [0, 8, 0], "size": [2, 2, 6], "uv": [41, 32]},
+              {"origin": [1, 4.5, 3], "size": [1, 9, 9], "uv": [25, 19]}
+            ]
+          },
+          {
+            "name": "spikepart0",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart1",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart2",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart3",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart4",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart5",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart6",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart7",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart8",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart9",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart10",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "spikepart11",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-1, 19.5, -1], "size": [2, 9, 2], "uv": [0, 0]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.guardian"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 36}
+  },
+  "eye_of_ender": {
+    "identifier": "minecraft:eye_of_ender_signal",
+    "materials": {"default": "eye_of_ender_signal"},
+    "textures": {"default": "textures/items/ender_eye"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -8, 0],
+                "size": [16, 16, 0],
+                "uv": [0, 0],
+                "rotation": [0, 0, 0]
+              }
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.item_sprite"]
+  },
+  "ender_pearl": {
+    "identifier": "minecraft:ender_pearl",
+    "materials": {"default": "ender_pearl"},
+    "textures": {"default": "textures/items/ender_pearl"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -8, 0],
+                "size": [16, 16, 0],
+                "uv": [0, 0],
+                "rotation": [0, 0, 0]
+              }
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.item_sprite"]
+  },
+  "evoker_fangs": {
+    "identifier": "minecraft:evocation_fang",
+    "materials": {"default": "fang"},
+    "textures": {"default": "textures/entity/illager/evoker_fangs"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1.5,
+        "visible_bounds_height": 3,
+        "visible_bounds_offset": [0, 1.5, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "upper_jaw",
+            "parent": "base",
+            "pivot": [0, 11, 0],
+            "cubes": [
+              {
+                "origin": [-1.5, 0, -4],
+                "size": [4, 14, 8],
+                "uv": [40, 0],
+                "inflate": 0.01
+              }
+            ]
+          },
+          {
+            "name": "lower_jaw",
+            "parent": "base",
+            "pivot": [0, 11, 0],
+            "bind_pose_rotation": [0, 180, 0],
+            "cubes": [
+              {"origin": [-1.5, 0, -4], "size": [4, 14, 8], "uv": [40, 0]}
+            ]
+          },
+          {
+            "name": "base",
+            "pivot": [0, 0, 0],
+            "bind_pose_rotation": [0, 90, 0],
+            "cubes": [
+              {"origin": [-5, 0, -5], "size": [10, 12, 10], "uv": [0, 0]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.evocation_fang"]
+  },
+  "evoker": {
+    "identifier": "minecraft:evocation_illager",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "evoker"},
+    "textures": {"default": "textures/entity/illager/evoker"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1.5,
+        "visible_bounds_height": 2.5,
+        "visible_bounds_offset": [0, 1.25, 0],
+        "texturewidth": 64,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 24, -4], "size": [8, 10, 8], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "nose",
+            "parent": "head",
+            "pivot": [0, 26, 0],
+            "cubes": [
+              {"origin": [-1, 23, -6], "size": [2, 4, 2], "uv": [24, 0]}
+            ]
+          },
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -3], "size": [8, 12, 6], "uv": [16, 20]},
+              {
+                "origin": [-4, 6, -3],
+                "size": [8, 18, 6],
+                "uv": [0, 38],
+                "inflate": 0.5
+              }
+            ]
+          },
+          {
+            "name": "arms",
+            "parent": "body",
+            "pivot": [0, 22, 0],
+            "cubes": [
+              {"origin": [-8, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
+              {"origin": [4, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
+              {"origin": [-4, 16, -2], "size": [8, 4, 4], "uv": [40, 38]}
+            ]
+          },
+          {
+            "name": "leg0",
+            "parent": "body",
+            "pivot": [-2, 12, 0],
+            "cubes": [
+              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}
+            ]
+          },
+          {
+            "name": "leg1",
+            "parent": "body",
+            "pivot": [2, 12, 0],
+            "mirror": true,
+            "cubes": [{"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}]
+          },
+          {
+            "name": "rightArm",
+            "parent": "body",
+            "pivot": [-5, 22, 0],
+            "locators": {"right_hand": [-6, 12, 0]},
+            "cubes": [
+              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
+            ]
+          },
+          {
+            "name": "rightItem",
+            "pivot": [-5.5, 16, 0.5],
+            "neverRender": true,
+            "parent": "rightArm"
+          },
+          {
+            "name": "leftArm",
+            "parent": "body",
+            "pivot": [5, 22, 0],
+            "locators": {"left_hand": [6, 12, 0]},
+            "mirror": true,
+            "cubes": [
+              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
+            ]
+          }
+        ]
+      }
+    },
+    "particle_effects": {"spell": "minecraft:evoker_spell"},
+    "render_controllers": ["controller.render.evoker"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 40}
+  },
+  "experience_bottle": {
+    "identifier": "minecraft:xp_bottle",
+    "materials": {"default": "xp_bottle"},
+    "textures": {
+      "default": "textures/items/experience_bottle",
+      "enchanted": "textures/misc/enchanted_item_glint"
+    },
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -8, 0],
+                "size": [16, 16, 0],
+                "uv": [0, 0],
+                "rotation": [0, 0, 0]
+              }
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.experience_bottle"]
+  },
+  "experience_orb": {
+    "identifier": "minecraft:xp_orb",
+    "materials": {"default": "experience_orb"},
+    "textures": {"default": "textures/entity/experience_orb"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [8, 8, 0],
+            "cubes": [
+              {
+                "origin": [0, 0, 0],
+                "size": [16, 16, 0],
+                "uv": {"south": {"uv": [0, 0]}}
+              }
+            ]
+          }
+        ],
+        "texturewidth": 64,
+        "textureheight": 64
+      }
+    },
+    "render_controllers": ["controller.render.experience_orb"]
+  },
+  "fireball": {
+    "identifier": "minecraft:fireball",
+    "materials": {"default": "fireball"},
+    "textures": {"default": "textures/items/fire_charge"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -4, 0],
+                "size": [16, 16, 0],
+                "uv": {"south": {"uv": [0, 0]}}
+              }
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.fireball"]
+  },
+  "firework_rocket": {
+    "identifier": "minecraft:fireworks_rocket",
+    "materials": {"default": "fireworks_rocket"},
+    "textures": {"default": "textures/entity/fireworks"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -8, 0],
+                "rotation": [0, 90, 0],
+                "size": [16, 16, 0],
+                "uv": {"north": {"uv": [0, 0]}}
+              },
+              {
+                "origin": [-8, -8, 0],
+                "rotation": [90, 90, 0],
+                "size": [16, 16, 0],
+                "uv": {"north": {"uv": [0, 0]}}
+              }
+            ]
+          }
+        ],
+        "texturewidth": 32,
+        "textureheight": 32
+      }
+    },
+    "render_controllers": ["controller.render.fireworks_rocket"]
+  },
+  "fishing_bobber": {
+    "identifier": "minecraft:fishing_hook",
+    "materials": {"default": "fishing_hook"},
+    "textures": {"default": "textures/entity/fishing_hook"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-1.5, -1.5, -1.5],
+                "size": [3, 3, 3],
+                "rotation": [0, 0, 180],
+                "uv": {
+                  "up": {"uv": [0, 0]},
+                  "down": {"uv": [3, 0]},
+                  "south": {"uv": [9, 0], "uv_size": [-3, 3]},
+                  "north": {"uv": [9, 0]},
+                  "east": {"uv": [12, 0]},
+                  "west": {"uv": [15, 0]}
+                }
+              },
+              {
+                "origin": [0, -4.5, -0.5],
+                "size": [0, 3, 3],
+                "uv": {"east": {"uv": [18, 0]}}
+              },
+              {
+                "origin": [0, 1.5, -1.5],
+                "size": [0, 3, 3],
+                "uv": {"east": {"uv": [21, 0]}}
+              },
+              {
+                "origin": [-1.5, 1.5, 0],
+                "size": [3, 3, 0],
+                "uv": {"north": {"uv": [21, 0]}}
+              }
+            ]
+          }
+        ],
+        "texturewidth": 24,
+        "textureheight": 3
+      }
+    },
+    "render_controllers": ["controller.render.fishing_hook"]
+  },
+  "hoglin": {
+    "identifier": "minecraft:hoglin",
+    "materials": {"default": "hoglin"},
+    "textures": {"default": "textures/entity/hoglin/hoglin"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 19, -3],
+            "cubes": [
+              {
+                "origin": [-8, 11, -7],
+                "size": [16, 14, 26],
+                "inflate": 0.02,
+                "uv": [1, 1]
+              },
+              {
+                "origin": [0, 22, -10],
+                "size": [0, 10, 19],
+                "inflate": 0.02,
+                "uv": [90, 33]
+              }
+            ],
+            "locators": {"lead": [0, 20, -5]}
+          },
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 22, -5],
+            "rotation": [50, 0, 0],
+            "cubes": [
+              {"origin": [-7, 21, -24], "size": [14, 6, 19], "uv": [61, 1]},
+              {"origin": [-8, 22, -19], "size": [2, 11, 2], "uv": [1, 13]},
+              {"origin": [6, 22, -19], "size": [2, 11, 2], "uv": [1, 13]}
+            ]
+          },
+          {
+            "name": "right_ear",
+            "parent": "head",
+            "pivot": [-7, 27, -7],
+            "rotation": [0, 0, -50],
+            "cubes": [
+              {"origin": [-13, 26, -10], "size": [6, 1, 4], "uv": [1, 1]}
+            ]
+          },
+          {
+            "name": "left_ear",
+            "parent": "head",
+            "pivot": [7, 27, -7],
+            "rotation": [0, 0, 50],
+            "cubes": [{"origin": [7, 26, -10], "size": [6, 1, 4], "uv": [1, 6]}]
+          },
+          {
+            "name": "leg_back_right",
+            "pivot": [6, 8, 17],
+            "cubes": [
+              {"origin": [-8, 0, 13], "size": [5, 11, 5], "uv": [21, 45]}
+            ]
+          },
+          {
+            "name": "leg_back_left",
+            "pivot": [-6, 8, 17],
+            "cubes": [{"origin": [3, 0, 13], "size": [5, 11, 5], "uv": [0, 45]}]
+          },
+          {
+            "name": "leg_front_right",
+            "pivot": [-6, 12, -3],
+            "cubes": [
+              {"origin": [-8, 0, -6], "size": [6, 14, 6], "uv": [66, 42]}
+            ]
+          },
+          {
+            "name": "leg_front_left",
+            "pivot": [6, 12, -3],
+            "cubes": [
+              {"origin": [2, 0, -6], "size": [6, 14, 6], "uv": [41, 42]}
+            ]
+          }
+        ],
+        "visible_bounds_width": 4,
+        "visible_bounds_height": 3,
+        "visible_bounds_offset": [0, 1.5, 0],
+        "texturewidth": 128,
+        "textureheight": 64
+      }
+    },
+    "spawn_egg": {"base_color": "#C66E55", "overlay_color": "#5f6464"},
+    "render_controllers": ["controller.render.hoglin"]
+  },
+  "hopper_minecart": {
+    "identifier": "minecraft:hopper_minecart",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "minecart"},
+    "textures": {"default": "textures/entity/minecart"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "bottom",
+            "pivot": [0, 6, 0],
+            "cubes": [
+              {
+                "origin": [-10, -6.5, -1],
+                "size": [20, 16, 2],
+                "rotation": [90, 0, 0],
+                "uv": [0, 10]
+              }
+            ]
+          },
+          {
+            "name": "back",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-17, 2.5, -1],
+                "size": [16, 8, 2],
+                "rotation": [0, 270, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "front",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [1, 2.5, -1],
+                "size": [16, 8, 2],
+                "rotation": [0, 90, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "right",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, 2.5, -8],
+                "size": [16, 8, 2],
+                "rotation": [0, 180, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "left",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {"origin": [-8, 2.5, 6], "size": [16, 8, 2], "uv": [0, 0]}
+            ],
+            "parent": "bottom"
+          }
+        ],
+        "texturewidth": 64,
+        "textureheight": 32
+      }
+    },
+    "render_controllers": ["controller.render.minecart"]
+  },
+  "husk": {
+    "identifier": "minecraft:husk",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "husk"},
+    "textures": {"default": "textures/entity/zombie/husk"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1.5,
+        "visible_bounds_height": 2.5,
+        "visible_bounds_offset": [0, 1.25, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
+            ],
+            "parent": "waist"
+          },
+          {"name": "waist", "neverRender": true, "pivot": [0, 12, 0]},
+          {
+            "name": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "hat",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 24, -4],
+                "size": [8, 8, 8],
+                "uv": [32, 0],
+                "inflate": 0.5
+              }
+            ],
+            "neverRender": true,
+            "parent": "head"
+          },
+          {
+            "name": "rightArm",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "rightItem",
+            "pivot": [-1, -45, -5],
+            "neverRender": true,
+            "parent": "rightArm"
+          },
+          {
+            "name": "leftArm",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
+            ],
+            "mirror": true,
+            "parent": "body"
+          },
+          {
+            "name": "leftItem",
+            "pivot": [1, -45, -5],
+            "neverRender": true,
+            "parent": "leftArm"
+          },
+          {
+            "name": "rightLeg",
+            "pivot": [-1.9, 12, 0],
+            "cubes": [
+              {"origin": [-3.9, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "leftLeg",
+            "pivot": [1.9, 12, 0],
+            "cubes": [
+              {"origin": [-0.1, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
+            ],
+            "mirror": true,
+            "parent": "body"
+          }
+        ]
+      }
+    },
+    "scripts": {
+      "pre_animation": [
+        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
+      ]
+    },
+    "animations": {
+      "humanoid_big_head": {"loop": true, "bones": {"head": {"scale": 1.4}}},
+      "look_at_target_default": {
+        "loop": true,
+        "bones": {
+          "head": {
+            "relative_to": {"rotation": "entity"},
+            "rotation": [
+              "query.target_x_rotation",
+              "query.target_y_rotation",
+              0
+            ]
+          }
+        }
+      },
+      "look_at_target_gliding": {
+        "loop": true,
+        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
+      },
+      "look_at_target_swimming": {
+        "loop": true,
+        "bones": {
+          "head": {
+            "rotation": [
+              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
+              "query.target_y_rotation",
+              0
+            ]
+          }
+        }
+      },
+      "move": {
+        "loop": true,
+        "bones": {
+          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
+          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
+          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
+          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
+        }
+      },
+      "riding.arms": {
+        "loop": true,
+        "bones": {
+          "leftarm": {"rotation": [-36, 0, 0]},
+          "rightarm": {"rotation": [-36, 0, 0]}
+        }
+      },
+      "riding.legs": {
+        "loop": true,
+        "bones": {
+          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
+          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
+        }
+      },
+      "holding": {
+        "loop": true,
+        "bones": {
+          "leftarm": {
+            "rotation": [
+              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
+              0,
+              0
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
+              0,
+              0
+            ]
+          }
+        }
+      },
+      "brandish_spear": {
+        "loop": true,
+        "bones": {
+          "rightarm": {
+            "rotation": [
+              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
+              "-this",
+              0
+            ]
+          }
+        }
+      },
+      "charging": {
+        "loop": true,
+        "bones": {
+          "rightarm": {
+            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
+          }
+        }
+      },
+      "attack.rotations": {
+        "loop": true,
+        "bones": {
+          "body": {
+            "rotation": [
+              0,
+              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
+              0
+            ]
+          },
+          "leftarm": {
+            "rotation": [
+              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
+              0,
+              0
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
+              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
+              0
+            ]
+          }
+        }
+      },
+      "sneaking": {
+        "loop": true,
+        "bones": {
+          "body": {"rotation": ["0.5 - this", 0, 0]},
+          "head": {"position": [0, 1, 0]},
+          "leftarm": {"rotation": [72, 0, 0]},
+          "leftleg": {"position": [0, -3, 4]},
+          "rightarm": {"rotation": [72, 0, 0]},
+          "rightleg": {"position": [0, -3, 4]}
+        }
+      },
+      "bob": {
+        "loop": true,
+        "bones": {
+          "leftarm": {
+            "rotation": [
+              0,
+              0,
+              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              0,
+              0,
+              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
+            ]
+          }
+        }
+      },
+      "damage_nearby_mobs": {
+        "loop": true,
+        "bones": {
+          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
+          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
+          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
+          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
+        }
+      },
+      "bow_and_arrow": {
+        "loop": true,
+        "bones": {
+          "leftarm": {
+            "rotation": [
+              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
+              "query.target_y_rotation + 28.65",
+              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
+              "query.target_y_rotation - 5.73",
+              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
+            ]
+          }
+        }
+      },
+      "use_item_progress": {
+        "loop": true,
+        "bones": {
+          "rightarm": {
+            "rotation": [
+              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
+              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
+              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
+            ]
+          }
+        }
+      },
+      "zombie_attack_bare_hand": {
+        "loop": true,
+        "bones": {
+          "leftarm": {
+            "rotation": [
+              "-90.0 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) - (math.sin(query.life_time * 76.776372) * 2.865) - this",
+              "5.73 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 0.6) - this",
+              "math.cos(query.life_time * 103.13244) * -2.865 - 2.865 - this"
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "90.0 * (variable.is_brandishing_spear - 1.0) - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) + (math.sin(query.life_time * 76.776372) * 2.865) - this",
+              "(math.sin(variable.attack_time * 180.0) * 57.3) * 0.6 - 5.73 - this",
+              "math.cos(query.life_time * 103.13244) * 2.865 + 2.865 - this"
+            ]
+          }
+        }
+      },
+      "swimming": {
+        "loop": true,
+        "bones": {
+          "body": {
+            "position": [
+              0,
+              "variable.swim_amount * -10.0 - this",
+              "variable.swim_amount * 9.0 - this"
+            ],
+            "rotation": [
+              "variable.swim_amount * (90.0 + query.target_x_rotation)",
+              0,
+              0
+            ]
+          },
+          "leftarm": {
+            "rotation": [
+              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) - (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
+              "math.lerp(this, 14.325, variable.swim_amount) - this",
+              "math.lerp(this, 14.325, variable.swim_amount) - (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
+            ]
+          },
+          "leftleg": {
+            "rotation": [
+              "math.lerp(this, math.cos(query.life_time * 390.0 + 180.0) * 0.3, variable.swim_amount)",
+              0,
+              0
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) + (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
+              "math.lerp(this, 14.325, variable.swim_amount) - this",
+              "math.lerp(this, -14.325, variable.swim_amount) + (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
+            ]
+          },
+          "rightleg": {
+            "rotation": [
+              "math.lerp(this, math.cos(query.life_time * 390.0) * 0.3, variable.swim_amount)",
+              0,
+              0
+            ]
+          }
+        }
+      }
+    },
+    "animation_controllers": {
+      "humanoid_baby_big_head": {
+        "initial_state": "default",
+        "states": {
+          "baby": {
+            "animations": ["humanoid_big_head"],
+            "transitions": [{"default": "!query.is_baby"}]
+          },
+          "default": {"transitions": [{"baby": "query.is_baby"}]}
+        }
+      },
+      "look_at_target": {
+        "initial_state": "default",
+        "states": {
+          "default": {
+            "animations": ["look_at_target_default"],
+            "transitions": [
+              {"gliding": "query.is_gliding"},
+              {"swimming": "query.is_swimming"}
+            ]
+          },
+          "gliding": {
+            "animations": ["look_at_target_gliding"],
+            "transitions": [
+              {"swimming": "query.is_swimming"},
+              {"default": "!query.is_gliding"}
+            ]
+          },
+          "swimming": {
+            "animations": ["look_at_target_swimming"],
+            "transitions": [
+              {"gliding": "query.is_gliding"},
+              {"default": "!query.is_swimming"}
+            ]
+          }
+        }
+      },
+      "move": {
+        "initial_state": "default",
+        "states": {"default": {"animations": ["move"]}}
+      },
+      "riding": {
+        "initial_state": "default",
+        "states": {
+          "default": {"transitions": [{"riding": "query.is_riding"}]},
+          "riding": {
+            "animations": ["riding.arms", "riding.legs"],
+            "transitions": [{"default": "!query.is_riding"}]
+          }
+        }
+      },
+      "holding": {
+        "initial_state": "default",
+        "states": {"default": {"animations": ["holding"]}}
+      },
+      "brandish_spear": {
+        "initial_state": "default",
+        "states": {
+          "brandish_spear": {
+            "animations": ["brandish_spear"],
+            "transitions": [{"default": "!variable.is_brandishing_spear"}]
+          },
+          "default": {
+            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
+          }
+        }
+      },
+      "charging": {
+        "initial_state": "default",
+        "states": {
+          "charging": {
+            "animations": ["charging"],
+            "transitions": [{"default": "!query.is_charging"}]
+          },
+          "default": {"transitions": [{"charging": "query.is_charging"}]}
+        }
+      },
+      "attack": {
+        "initial_state": "default",
+        "states": {
+          "attacking": {
+            "animations": ["attack.rotations"],
+            "transitions": [{"default": "variable.attack_time < 0.0"}]
+          },
+          "default": {
+            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
+          }
+        }
+      },
+      "sneaking": {
+        "initial_state": "default",
+        "states": {
+          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
+          "sneaking": {
+            "animations": ["sneaking"],
+            "transitions": [{"default": "!query.is_sneaking"}]
+          }
+        }
+      },
+      "bob": {
+        "initial_state": "default",
+        "states": {"default": {"animations": ["bob"]}}
+      },
+      "damage_nearby_mobs": {
+        "initial_state": "default",
+        "states": {
+          "damage_nearby_mobs": {
+            "animations": ["damage_nearby_mobs"],
+            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
+          },
+          "default": {
+            "transitions": [
+              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
+            ]
+          }
+        }
+      },
+      "bow_and_arrow": {
+        "initial_state": "default",
+        "states": {
+          "bow_and_arrow": {
+            "animations": ["bow_and_arrow"],
+            "transitions": [{"default": "!query.has_target"}]
+          },
+          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
+        }
+      },
+      "use_item_progress": {
+        "initial_state": "default",
+        "states": {
+          "default": {
+            "transitions": [
+              {
+                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
+              }
+            ]
+          },
+          "use_item_progress": {
+            "animations": ["use_item_progress"],
+            "transitions": [
+              {
+                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
+              }
+            ]
+          }
+        }
+      },
+      "zombie_attack_bare_hand": {
+        "initial_state": "default",
+        "states": {
+          "default": {
+            "transitions": [{"is_bare_hand": "variable.is_holding_left != 1.0"}]
+          },
+          "is_bare_hand": {
+            "animations": ["zombie_attack_bare_hand"],
+            "transitions": [{"default": "variable.is_holding_left == 1.0"}]
+          }
+        }
+      },
+      "swimming": {
+        "initial_state": "default",
+        "states": {
+          "default": {
+            "transitions": [{"is_swimming": "variable.swim_amount > 0.0"}]
+          },
+          "is_swimming": {
+            "animations": ["swimming"],
+            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
+          }
+        }
+      }
+    },
+    "render_controllers": ["controller.render.husk"],
+    "enable_attachables": true,
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 28}
+  },
+  "iron_golem": {
+    "identifier": "minecraft:iron_golem",
+    "materials": {"default": "iron_golem"},
+    "textures": {"default": "textures/entity/iron_golem/iron_golem"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 3,
+        "visible_bounds_height": 3,
+        "visible_bounds_offset": [0, 1.5, 0],
+        "texturewidth": 128,
+        "textureheight": 128,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 31, 0],
+            "cubes": [
+              {"origin": [-9, 21, -6], "size": [18, 12, 11], "uv": [0, 40]},
+              {
+                "origin": [-4.5, 16, -3],
+                "size": [9, 5, 6],
+                "uv": [0, 70],
+                "inflate": 0.5
+              }
+            ]
+          },
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 31, -2],
+            "locators": {"lead": [0, 31, -2]},
+            "cubes": [
+              {"origin": [-4, 33, -7.5], "size": [8, 10, 8], "uv": [0, 0]},
+              {"origin": [-1, 32, -9.5], "size": [2, 4, 2], "uv": [24, 0]}
+            ]
+          },
+          {
+            "name": "arm0",
+            "parent": "body",
+            "pivot": [0, 31, 0],
+            "cubes": [
+              {"origin": [-13, 3.5, -3], "size": [4, 30, 6], "uv": [60, 21]}
+            ]
+          },
+          {
+            "name": "arm1",
+            "parent": "body",
+            "pivot": [0, 31, 0],
+            "cubes": [
+              {"origin": [9, 3.5, -3], "size": [4, 30, 6], "uv": [60, 58]}
+            ]
+          },
+          {
+            "name": "leg0",
+            "parent": "body",
+            "pivot": [-4, 13, 0],
+            "cubes": [
+              {"origin": [-7.5, 0, -3], "size": [6, 16, 5], "uv": [37, 0]}
+            ]
+          },
+          {
+            "name": "leg1",
+            "parent": "body",
+            "mirror": true,
+            "pivot": [5, 13, 0],
+            "cubes": [
+              {"origin": [1.5, 0, -3], "size": [6, 16, 5], "uv": [60, 0]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.iron_golem"]
+  },
+  "item_frame": {
+    "identifier": "minecraft:item_frame",
+    "materials": {"default": "item_frame"},
+    "textures": {
+      "background": "block:item_frame",
+      "frame": "block:oak_planks"
+    },
+    "geometry": {
+      "background": {
+        "bones": [
+          {
+            "name": "base"
+          },
+          {
+            "name": "background",
+            "parent": "base",
+            "rotation": [0, 180, 0],
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5, -5, -8], "size": [10, 10, 0.5], "uv": [3, 3]}
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      },
+      "frame": {
+        "bones": [
+          {
+            "name": "frame",
+            "parent": "base",
+            "rotation": [0, 180, 0],
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {"origin": [-6, -6, -8], "size": [12, 1, 1], "uv": [2, 2]},
+              {"origin": [-6, 5, -8], "size": [12, 1, 1], "uv": [2, 13]},
+              {"origin": [-6, -5, -8], "size": [1, 10, 1], "uv": [2, 3]},
+              {"origin": [5, -5, -8], "size": [1, 10, 1], "uv": [13, 3]}
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.item_frame"]
+  },
+  "leash_knot": {
+    "identifier": "minecraft:leash_knot",
+    "materials": {"default": "leash_knot"},
+    "textures": {"default": "textures/entity/lead_knot"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "knot",
+            "rotation": [0, 180, 0],
+            "cubes": [{"origin": [5, 6, 5], "size": [6, 8, 6], "uv": [0, 0]}]
+          }
+        ],
+        "texturewidth": 32,
+        "textureheight": 32
+      }
+    },
+    "render_controllers": ["controller.render.leash_knot"]
+  },
+  "llama_spit": {
+    "identifier": "minecraft:llama_spit",
+    "materials": {"default": "llama_spit"},
+    "textures": {"default": "textures/entity/llama/spit"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1,
+        "visible_bounds_height": 1,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 22, 0], "size": [2, 2, 2], "uv": [0, 0]},
+              {"origin": [0, 26, 0], "size": [2, 2, 2], "uv": [0, 0]},
+              {"origin": [0, 22, -4], "size": [2, 2, 2], "uv": [0, 0]},
+              {"origin": [0, 22, 0], "size": [2, 2, 2], "uv": [0, 0]},
+              {"origin": [2, 22, 0], "size": [2, 2, 2], "uv": [0, 0]},
+              {"origin": [0, 20, 0], "size": [2, 2, 2], "uv": [0, 0]},
+              {"origin": [0, 22, 2], "size": [2, 2, 2], "uv": [0, 0]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.llama_spit"]
+  },
+  "magma_cube": {
+    "identifier": "minecraft:magma_cube",
+    "materials": {"default": "magma_cube"},
+    "textures": {"default": "textures/entity/slime/magmacube"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 2.5,
+        "visible_bounds_height": 5,
+        "visible_bounds_offset": [0, 2.5, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "bodyCube_0",
+            "parent": "insideCube",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-4, 7, -4], "size": [8, 1, 8], "uv": [0, 0]}]
+          },
+          {
+            "name": "bodyCube_1",
+            "parent": "insideCube",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-4, 6, -4], "size": [8, 1, 8], "uv": [0, 1]}]
+          },
+          {
+            "name": "bodyCube_2",
+            "parent": "insideCube",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 5, -4], "size": [8, 1, 8], "uv": [24, 10]}
+            ]
+          },
+          {
+            "name": "bodyCube_3",
+            "parent": "insideCube",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 4, -4], "size": [8, 1, 8], "uv": [24, 19]}
+            ]
+          },
+          {
+            "name": "bodyCube_4",
+            "parent": "insideCube",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-4, 3, -4], "size": [8, 1, 8], "uv": [0, 4]}]
+          },
+          {
+            "name": "bodyCube_5",
+            "parent": "insideCube",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-4, 2, -4], "size": [8, 1, 8], "uv": [0, 5]}]
+          },
+          {
+            "name": "bodyCube_6",
+            "parent": "insideCube",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-4, 1, -4], "size": [8, 1, 8], "uv": [0, 6]}]
+          },
+          {
+            "name": "bodyCube_7",
+            "parent": "insideCube",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-4, 0, -4], "size": [8, 1, 8], "uv": [0, 7]}]
+          },
+          {
+            "name": "insideCube",
+            "pivot": [0, 0, 0],
+            "cubes": [{"origin": [-2, 2, -2], "size": [4, 4, 4], "uv": [0, 16]}]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.magma_cube"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 20}
+  },
+  "mooshroom": {
+    "identifier": "minecraft:mooshroom",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "mooshroom"},
+    "textures": {
+      "default": "textures/entity/cow/red_mooshroom",
+      "brown": "textures/entity/cow/brown_mooshroom"
+    },
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 19, 2],
+            "bind_pose_rotation": [90, 0, 0],
+            "cubes": [
+              {"origin": [-6, 11, -5], "size": [12, 18, 10], "uv": [18, 4]},
+              {"origin": [-2, 11, -6], "size": [4, 6, 1], "uv": [52, 0]}
+            ]
+          },
+          {
+            "name": "head",
+            "pivot": [0, 20, -8],
+            "locators": {"lead": [0, 20, -8]},
+            "cubes": [
+              {"origin": [-4, 16, -14], "size": [8, 8, 6], "uv": [0, 0]},
+              {"origin": [-5, 22, -12], "size": [1, 3, 1], "uv": [22, 0]},
+              {"origin": [4, 22, -12], "size": [1, 3, 1], "uv": [22, 0]}
+            ]
+          },
+          {
+            "name": "leg0",
+            "parent": "body",
+            "pivot": [-4, 12, 7],
+            "cubes": [{"origin": [-6, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
+          },
+          {
+            "name": "leg1",
+            "parent": "body",
+            "mirror": true,
+            "pivot": [4, 12, 7],
+            "cubes": [{"origin": [2, 0, 5], "size": [4, 12, 4], "uv": [0, 16]}]
+          },
+          {
+            "name": "leg2",
+            "parent": "body",
+            "pivot": [-4, 12, -6],
+            "cubes": [
+              {"origin": [-6, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}
+            ]
+          },
+          {
+            "name": "leg3",
+            "parent": "body",
+            "mirror": true,
+            "pivot": [4, 12, -6],
+            "cubes": [{"origin": [2, 0, -7], "size": [4, 12, 4], "uv": [0, 16]}]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.mooshroom"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 5}
+  },
+  "panda": {
+    "identifier": "minecraft:panda",
+    "materials": {"default": "panda"},
+    "textures": {
+      "default": "textures/entity/panda/panda",
+      "lazy": "textures/entity/panda/lazy_panda",
+      "worried": "textures/entity/panda/worried_panda",
+      "playful": "textures/entity/panda/playful_panda",
+      "brown": "textures/entity/panda/brown_panda",
+      "weak": "textures/entity/panda/weak_panda",
+      "aggressive": "textures/entity/panda/aggressive_panda"
+    },
+    "geometry": {
+      "default": {
+        "texturewidth": 64,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 12.5, -17],
+            "locators": {"lead": [0, 14, -16]},
+            "cubes": [
+              {"origin": [-6.5, 7.5, -21], "size": [13, 10, 9], "uv": [0, 6]},
+              {"origin": [-3.5, 7.5, -23], "size": [7, 5, 2], "uv": [45, 16]},
+              {"origin": [-8.5, 16.5, -18], "size": [5, 4, 1], "uv": [52, 25]},
+              {"origin": [3.5, 16.5, -18], "size": [5, 4, 1], "uv": [52, 25]}
+            ]
+          },
+          {
+            "name": "body",
+            "pivot": [0, 14, 0],
+            "bind_pose_rotation": [90, 0, 0],
+            "cubes": [
+              {"origin": [-9.5, 1, -6.5], "size": [19, 26, 13], "uv": [0, 25]}
+            ]
+          },
+          {
+            "name": "leg0",
+            "parent": "body",
+            "pivot": [-5.5, 9, 9],
+            "cubes": [
+              {"origin": [-8.5, 0, 6], "size": [6, 9, 6], "uv": [40, 0]}
+            ]
+          },
+          {
+            "name": "leg1",
+            "parent": "body",
+            "pivot": [5.5, 9, 9],
+            "cubes": [{"origin": [2.5, 0, 6], "size": [6, 9, 6], "uv": [40, 0]}]
+          },
+          {
+            "name": "leg2",
+            "parent": "body",
+            "pivot": [-5.5, 9, -9],
+            "cubes": [
+              {"origin": [-8.5, 0, -12], "size": [6, 9, 6], "uv": [40, 0]}
+            ]
+          },
+          {
+            "name": "leg3",
+            "parent": "body",
+            "pivot": [5.5, 9, -9],
+            "cubes": [
+              {"origin": [2.5, 0, -12], "size": [6, 9, 6], "uv": [40, 0]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.panda"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 54}
+  },
+  "phantom": {
+    "identifier": "minecraft:phantom",
+    "materials": {"default": "phantom", "invisible": "phantom_invisible"},
+    "textures": {"default": "textures/entity/phantom"},
+    "geometry": {
+      "default": {
+        "texturewidth": 64,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "bind_pose_rotation": [0, 0, 0],
+            "cubes": [{"origin": [-3, 23, -8], "size": [5, 3, 9], "uv": [0, 8]}]
+          },
+          {
+            "name": "wing0",
+            "pivot": [2, 26, -8],
+            "bind_pose_rotation": [0, 0, 5.7],
+            "cubes": [
+              {"origin": [2, 24, -8], "size": [6, 2, 9], "uv": [23, 12]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "wingtip0",
+            "pivot": [8, 26, -8],
+            "bind_pose_rotation": [0, 0, 5.7],
+            "locators": {"left_wing": [21, 26, 0]},
+            "cubes": [
+              {"origin": [8, 25, -8], "size": [13, 1, 9], "uv": [16, 24]}
+            ],
+            "parent": "wing0"
+          },
+          {
+            "name": "wing1",
+            "pivot": [-3, 26, -8],
+            "bind_pose_rotation": [0, 0, -5.7],
+            "mirror": true,
+            "cubes": [
+              {"origin": [-9, 24, -8], "size": [6, 2, 9], "uv": [23, 12]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "wingtip1",
+            "pivot": [-9, 24, -8],
+            "bind_pose_rotation": [0, 0, -5.7],
+            "locators": {"right_wing": [-22, 24, 0]},
+            "mirror": true,
+            "cubes": [
+              {"origin": [-22, 25, -8], "size": [13, 1, 9], "uv": [16, 24]}
+            ],
+            "parent": "wing1"
+          },
+          {
+            "name": "head",
+            "pivot": [0, 23, -7],
+            "bind_pose_rotation": [11.5, 0, 0],
+            "cubes": [
+              {"origin": [-4, 22, -12], "size": [7, 3, 5], "uv": [0, 0]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "tail",
+            "pivot": [0, 26, 1],
+            "bind_pose_rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-2, 24, 1], "size": [3, 2, 6], "uv": [3, 20]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "tailtip",
+            "pivot": [0, 25.5, 7],
+            "bind_pose_rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-1, 24.5, 7], "size": [1, 1, 6], "uv": [4, 29]}
+            ],
+            "parent": "tail"
+          }
+        ]
+      }
+    },
+    "particle_effects": {"wing_dust": "minecraft:phantom_trail_particle"},
+    "sound_effects": {"flap": "mob.phantom.flap"},
+    "render_controllers": ["controller.render.phantom"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 51}
+  },
+  "pig": {
+    "identifier": "minecraft:pig",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "pig"},
+    "textures": {
+      "default": "textures/entity/pig/pig",
+      "saddled": "textures/entity/pig/pig_saddle"
+    },
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 1.5,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 13, 2],
+            "bind_pose_rotation": [90, 0, 0],
+            "cubes": [
+              {"origin": [-5, 7, -5], "size": [10, 16, 8], "uv": [28, 8]}
+            ]
+          },
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 12, -6],
+            "locators": {"lead": [0, 14, -6]},
+            "cubes": [
+              {"origin": [-4, 8, -14], "size": [8, 8, 8], "uv": [0, 0]},
+              {"origin": [-2, 9, -15], "size": [4, 3, 1], "uv": [16, 16]}
+            ]
+          },
+          {
+            "name": "leg0",
+            "parent": "body",
+            "pivot": [-3, 6, 7],
+            "cubes": [{"origin": [-5, 0, 5], "size": [4, 6, 4], "uv": [0, 16]}]
+          },
+          {
+            "name": "leg1",
+            "parent": "body",
+            "mirror": true,
+            "pivot": [3, 6, 7],
+            "cubes": [{"origin": [1, 0, 5], "size": [4, 6, 4], "uv": [0, 16]}]
+          },
+          {
+            "name": "leg2",
+            "parent": "body",
+            "pivot": [-3, 6, -5],
+            "cubes": [{"origin": [-5, 0, -7], "size": [4, 6, 4], "uv": [0, 16]}]
+          },
+          {
+            "name": "leg3",
+            "parent": "body",
+            "mirror": true,
+            "pivot": [3, 6, -5],
+            "cubes": [{"origin": [1, 0, -7], "size": [4, 6, 4], "uv": [0, 16]}]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.pig"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 2}
+  },
+  "piglin_brute": {
+    "identifier": "minecraft:piglin_brute",
+    "materials": {"default": "piglin_brute"},
+    "textures": {"default": "textures/entity/piglin/piglin_brute"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]},
+              {
+                "origin": [-4, 12, -2],
+                "size": [8, 12, 4],
+                "uv": [16, 32],
+                "inflate": 0.25
+              }
+            ]
+          },
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-5, 24, -4],
+                "size": [10, 8, 8],
+                "uv": [0, 0],
+                "inflate": -0.02
+              },
+              {"origin": [-2, 24, -5], "size": [4, 4, 1], "uv": [31, 1]},
+              {"origin": [2, 24, -5], "size": [1, 2, 1], "uv": [2, 4]},
+              {"origin": [-3, 24, -5], "size": [1, 2, 1], "uv": [2, 0]}
+            ],
+            "inflate": -0.02
+          },
+          {
+            "name": "leftear",
+            "parent": "head",
+            "pivot": [5, 30, 0],
+            "rotation": [0, 0, -30],
+            "cubes": [{"origin": [4, 25, -2], "size": [1, 5, 4], "uv": [51, 6]}]
+          },
+          {
+            "name": "rightear",
+            "parent": "head",
+            "pivot": [-5, 30, 0],
+            "rotation": [0, 0, 30],
+            "cubes": [
+              {"origin": [-5, 25, -2], "size": [1, 5, 4], "uv": [39, 6]}
+            ]
+          },
+          {"name": "hat", "parent": "head", "pivot": [0, 24, 0]},
+          {
+            "name": "rightarm",
+            "parent": "body",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]},
+              {
+                "origin": [-8, 12, -2],
+                "size": [4, 12, 4],
+                "uv": [40, 32],
+                "inflate": 0.25
+              }
+            ]
+          },
+          {"name": "rightItem", "parent": "rightarm", "pivot": [-1, -45, -5]},
+          {
+            "name": "leftarm",
+            "parent": "body",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [32, 48]},
+              {
+                "origin": [4, 12, -2],
+                "size": [4, 12, 4],
+                "uv": [48, 48],
+                "inflate": 0.25
+              }
+            ]
+          },
+          {"name": "leftItem", "parent": "leftArm", "pivot": [1, -45, -5]},
+          {
+            "name": "rightleg",
+            "parent": "body",
+            "pivot": [-1.9, 12, 0],
+            "cubes": [
+              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 16]},
+              {
+                "origin": [-4, 0, -2],
+                "size": [4, 12, 4],
+                "uv": [0, 32],
+                "inflate": 0.25
+              }
+            ]
+          },
+          {
+            "name": "leftleg",
+            "parent": "body",
+            "pivot": [1.9, 12, 0],
+            "cubes": [
+              {"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [16, 48]},
+              {
+                "origin": [0, 0, -2],
+                "size": [4, 12, 4],
+                "uv": [0, 48],
+                "inflate": 0.25
+              }
+            ]
+          }
+        ],
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "texturewidth": 64,
+        "textureheight": 64
+      }
+    },
+    "spawn_egg": {"base_color": "#592A10", "overlay_color": "#F9F3A4"},
+    "render_controllers": ["controller.render.piglin_brute"],
+    "enable_attachables": true
+  },
+  "polar_bear": {
+    "identifier": "minecraft:polar_bear",
+    "materials": {"default": "polar_bear"},
+    "textures": {"default": "textures/entity/bear/polarbear"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 3,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 128,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 14, -16],
+            "locators": {"lead": [0, 14, -16]},
+            "mirror": true,
+            "cubes": [
+              {
+                "mirror": false,
+                "origin": [-3.5, 10, -19],
+                "size": [7, 7, 7],
+                "uv": [0, 0]
+              },
+              {
+                "mirror": false,
+                "origin": [-2.5, 10, -22],
+                "size": [5, 3, 3],
+                "uv": [0, 44]
+              },
+              {
+                "mirror": false,
+                "origin": [-4.5, 16, -17],
+                "size": [2, 2, 1],
+                "uv": [26, 0]
+              },
+              {"origin": [2.5, 16, -17], "size": [2, 2, 1], "uv": [26, 0]}
+            ]
+          },
+          {
+            "name": "body",
+            "pivot": [-2, 15, 12],
+            "bind_pose_rotation": [90, 0, 0],
+            "cubes": [
+              {"origin": [-7, 14, 5], "size": [14, 14, 11], "uv": [0, 19]},
+              {"origin": [-6, 28, 5], "size": [12, 12, 10], "uv": [39, 0]}
+            ]
+          },
+          {
+            "name": "leg0",
+            "parent": "body",
+            "pivot": [-4.5, 10, 6],
+            "cubes": [
+              {"origin": [-6.5, 0, 4], "size": [4, 10, 8], "uv": [50, 22]}
+            ]
+          },
+          {
+            "name": "leg1",
+            "parent": "body",
+            "pivot": [4.5, 10, 6],
+            "cubes": [
+              {"origin": [2.5, 0, 4], "size": [4, 10, 8], "uv": [50, 22]}
+            ]
+          },
+          {
+            "name": "leg2",
+            "parent": "body",
+            "pivot": [-3.5, 10, -8],
+            "cubes": [
+              {"origin": [-5.5, 0, -10], "size": [4, 10, 6], "uv": [50, 40]}
+            ]
+          },
+          {
+            "name": "leg3",
+            "parent": "body",
+            "pivot": [3.5, 10, -8],
+            "cubes": [
+              {"origin": [1.5, 0, -10], "size": [4, 10, 6], "uv": [50, 40]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.polarbear"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 37}
+  },
+  "pufferfish": {
+    "identifier": "minecraft:pufferfish",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "pufferfish"},
+    "textures": {"default": "textures/entity/fish/pufferfish"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 0.5,
+        "visible_bounds_height": 0.5,
+        "texturewidth": 32,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "cubes": [
+              {"origin": [-1.5, 0, -1.5], "size": [3, 2, 3], "uv": [0, 27]},
+              {"origin": [0.5, 2, -1.5], "size": [1, 1, 1], "uv": [24, 6]},
+              {"origin": [-1.5, 2, -1.5], "size": [1, 1, 1], "uv": [28, 6]}
+            ],
+            "locators": {"lead": [0, 0, 0]}
+          },
+          {
+            "name": "tailfin",
+            "parent": "body",
+            "cubes": [
+              {"origin": [-1.5, 1, 1.5], "size": [3, 0, 3], "uv": [-3, 0]}
+            ]
+          },
+          {
+            "name": "leftFin",
+            "parent": "body",
+            "pivot": [6.5, 5, 0.5],
+            "cubes": [
+              {
+                "origin": [1.5, 0, -1.5],
+                "size": [1, 1, 2],
+                "uv": [25, 0],
+                "mirror": true
+              }
+            ]
+          },
+          {
+            "name": "rightFin",
+            "parent": "body",
+            "pivot": [-6.5, 5, 0.5],
+            "cubes": [
+              {"origin": [-2.5, 0, -1.5], "size": [1, 1, 2], "uv": [25, 0]}
+            ]
+          }
+        ]
+      },
+      "mid": {
+        "visible_bounds_width": 0.5,
+        "visible_bounds_height": 0.5,
+        "texturewidth": 32,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "cubes": [
+              {"origin": [-2.5, 1, -2.5], "size": [5, 5, 5], "uv": [12, 22]}
+            ]
+          },
+          {
+            "name": "leftFin",
+            "parent": "body",
+            "pivot": [2.5, 5, 0.5],
+            "cubes": [
+              {"origin": [2.5, 4, -1.5], "size": [2, 1, 2], "uv": [24, 3]}
+            ]
+          },
+          {
+            "name": "rightFin",
+            "parent": "body",
+            "pivot": [-2.5, 5, 0.5],
+            "cubes": [
+              {"origin": [-4.5, 4, -1.5], "size": [2, 1, 2], "uv": [24, 0]}
+            ]
+          },
+          {
+            "name": "spines_top_front",
+            "parent": "body",
+            "bind_pose_rotation": [45, 0, 0],
+            "pivot": [0, 6, -2.5],
+            "cubes": [
+              {"origin": [-2.5, 6, -2.5], "size": [5, 1, 0], "uv": [19, 17]}
+            ]
+          },
+          {
+            "name": "spines_top_back",
+            "parent": "body",
+            "bind_pose_rotation": [-45, 0, 0],
+            "pivot": [0, 6, 2.5],
+            "cubes": [
+              {"origin": [-2.5, 6, 2.5], "size": [5, 1, 0], "uv": [11, 17]}
+            ]
+          },
+          {
+            "name": "spines_bottom_front",
+            "parent": "body",
+            "bind_pose_rotation": [-45, 0, 0],
+            "pivot": [0, 1, -2.5],
+            "cubes": [
+              {"origin": [-2.5, 0, -2.5], "size": [5, 1, 0], "uv": [18, 20]}
+            ]
+          },
+          {
+            "name": "spines_bottom_back",
+            "parent": "body",
+            "bind_pose_rotation": [45, 0, 0],
+            "pivot": [0, 1, 2.5],
+            "rotation": [45, 0, 0],
+            "cubes": [
+              {"origin": [-2.5, 0, 2.5], "size": [5, 1, 0], "uv": [18, 20]}
+            ]
+          },
+          {
+            "name": "spines_left_front",
+            "parent": "body",
+            "bind_pose_rotation": [0, 45, 0],
+            "pivot": [2.5, 0, -2.5],
+            "rotation": [0, 45, 0],
+            "cubes": [
+              {"origin": [2.5, 1, -2.5], "size": [1, 5, 0], "uv": [1, 17]}
+            ]
+          },
+          {
+            "name": "spines_left_back",
+            "parent": "body",
+            "bind_pose_rotation": [0, -45, 0],
+            "pivot": [2.5, 0, 2.5],
+            "rotation": [0, -45, 0],
+            "cubes": [
+              {"origin": [2.5, 1, 2.5], "size": [1, 5, 0], "uv": [1, 17]}
+            ]
+          },
+          {
+            "name": "spines_right_front",
+            "parent": "body",
+            "bind_pose_rotation": [0, -45, 0],
+            "pivot": [-2.5, 0, -2.5],
+            "rotation": [0, -45, 0],
+            "cubes": [
+              {"origin": [-3.5, 1, -2.5], "size": [1, 5, 0], "uv": [5, 17]}
+            ]
+          },
+          {
+            "name": "spines_right_back",
+            "parent": "body",
+            "bind_pose_rotation": [0, 45, 0],
+            "pivot": [-2.5, 0, 2.5],
+            "rotation": [0, 45, 0],
+            "cubes": [
+              {"origin": [-3.5, 1, 2.5], "size": [1, 5, 0], "uv": [9, 17]}
+            ]
+          }
+        ]
+      },
+      "large": {
+        "visible_bounds_width": 0.5,
+        "visible_bounds_height": 0.5,
+        "texturewidth": 32,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "cubes": [{"origin": [-4, 0, -4], "size": [8, 8, 8], "uv": [0, 0]}]
+          },
+          {
+            "name": "leftFin",
+            "parent": "body",
+            "pivot": [4, 7, 1],
+            "cubes": [
+              {"origin": [4, 6, -2.9904], "size": [2, 1, 2], "uv": [24, 3]}
+            ]
+          },
+          {
+            "name": "rightFin",
+            "parent": "body",
+            "pivot": [-4, 7, 1],
+            "cubes": [
+              {"origin": [-5.9968, 6, -2.992], "size": [2, 1, 2], "uv": [24, 0]}
+            ]
+          },
+          {
+            "name": "spines_top_front",
+            "parent": "body",
+            "pivot": [-4, 8, -4],
+            "bind_pose_rotation": [45, 0, 0],
+            "cubes": [
+              {"origin": [-4, 8, -4], "size": [8, 1, 1], "uv": [14, 16]}
+            ]
+          },
+          {
+            "name": "spines_top_mid",
+            "parent": "body",
+            "pivot": [0, 8, 0],
+            "cubes": [{"origin": [-4, 8, 0], "size": [8, 1, 1], "uv": [14, 16]}]
+          },
+          {
+            "name": "spines_top_back",
+            "parent": "body",
+            "pivot": [0, 8, 4],
+            "bind_pose_rotation": [-45, 0, 0],
+            "cubes": [{"origin": [-4, 8, 4], "size": [8, 1, 1], "uv": [14, 16]}]
+          },
+          {
+            "name": "spines_bottom_front",
+            "parent": "body",
+            "pivot": [0, 0, -4],
+            "bind_pose_rotation": [-45, 0, 0],
+            "cubes": [
+              {"origin": [-4, -1, -4], "size": [8, 1, 1], "uv": [14, 19]}
+            ]
+          },
+          {
+            "name": "spines_bottom_mid",
+            "parent": "body",
+            "pivot": [0, -1, 0],
+            "cubes": [
+              {"origin": [-4, -1, 0], "size": [8, 1, 1], "uv": [14, 19]}
+            ]
+          },
+          {
+            "name": "spines_bottom_back",
+            "parent": "body",
+            "pivot": [0, 0, 4],
+            "bind_pose_rotation": [45, 0, 0],
+            "cubes": [
+              {"origin": [-4, -1, 4], "size": [8, 1, 1], "uv": [14, 19]}
+            ]
+          },
+          {
+            "name": "spines_left_front",
+            "parent": "body",
+            "pivot": [4, 0, -4],
+            "bind_pose_rotation": [0, 45, 0],
+            "cubes": [{"origin": [4, 0, -4], "size": [1, 8, 1], "uv": [0, 16]}]
+          },
+          {
+            "name": "spines_left_mid",
+            "parent": "body",
+            "pivot": [4, 0, 0],
+            "cubes": [
+              {
+                "origin": [4, 0, 0],
+                "size": [1, 8, 1],
+                "uv": [4, 16],
+                "mirror": true
+              }
+            ]
+          },
+          {
+            "name": "spines_left_back",
+            "parent": "body",
+            "pivot": [4, 0, 4],
+            "bind_pose_rotation": [0, -45, 0],
+            "cubes": [
+              {
+                "origin": [4, 0, 4],
+                "size": [1, 8, 1],
+                "uv": [8, 16],
+                "mirror": true
+              }
+            ]
+          },
+          {
+            "name": "spines_right_front",
+            "parent": "body",
+            "pivot": [-4, 0, -4],
+            "bind_pose_rotation": [0, -45, 0],
+            "cubes": [{"origin": [-5, 0, -4], "size": [1, 8, 1], "uv": [4, 16]}]
+          },
+          {
+            "name": "spines_right_mid",
+            "parent": "body",
+            "pivot": [-4, 0, 0],
+            "cubes": [{"origin": [-5, 0, 0], "size": [1, 8, 1], "uv": [8, 16]}]
+          },
+          {
+            "name": "spines_right_back",
+            "parent": "body",
+            "pivot": [-4, 0, 4],
+            "bind_pose_rotation": [0, 45, 0],
+            "cubes": [{"origin": [-5, 0, 4], "size": [1, 8, 1], "uv": [8, 16]}]
+          }
+        ]
+      }
+    },
+    "render_controllers": [
+      {"controller.render.pufferfish.small": "query.variant == 0"},
+      {"controller.render.pufferfish.medium": "query.variant == 1"},
+      {"controller.render.pufferfish.large": "query.variant == 2"}
+    ],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 46}
+  },
+  "rabbit": {
+    "identifier": "minecraft:rabbit",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "rabbit"},
+    "textures": {
+      "brown": "textures/entity/rabbit/brown",
+      "white": "textures/entity/rabbit/white",
+      "black": "textures/entity/rabbit/black",
+      "white_splotched": "textures/entity/rabbit/white_splotched",
+      "gold": "textures/entity/rabbit/gold",
+      "salt": "textures/entity/rabbit/salt",
+      "toast": "textures/entity/rabbit/toast"
+    },
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1,
+        "visible_bounds_height": 1,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "rearFootLeft",
+            "pivot": [3, 6.5, 3.7],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [{"origin": [2, 0, 0], "size": [2, 1, 7], "uv": [8, 24]}]
+          },
+          {
+            "name": "rearFootRight",
+            "pivot": [-3, 6.5, 3.7],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [{"origin": [-4, 0, 0], "size": [2, 1, 7], "uv": [26, 24]}]
+          },
+          {
+            "name": "haunchLeft",
+            "pivot": [3, 6.5, 3.7],
+            "bind_pose_rotation": [-20, 0, 0],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [
+              {"origin": [2, 2.5, 3.7], "size": [2, 4, 5], "uv": [16, 15]}
+            ]
+          },
+          {
+            "name": "haunchRight",
+            "pivot": [-3, 6.5, 3.7],
+            "bind_pose_rotation": [-20, 0, 0],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [
+              {"origin": [-4, 2.5, 3.7], "size": [2, 4, 5], "uv": [30, 15]}
+            ]
+          },
+          {
+            "name": "body",
+            "pivot": [0, 5, 8],
+            "bind_pose_rotation": [-20, 0, 0],
+            "mirror": true,
+            "cubes": [{"origin": [-3, 2, -2], "size": [6, 5, 10], "uv": [0, 0]}]
+          },
+          {
+            "name": "frontLegLeft",
+            "pivot": [3, 7, -1],
+            "bind_pose_rotation": [-10, 0, 0],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [{"origin": [2, 0, -2], "size": [2, 7, 2], "uv": [8, 15]}]
+          },
+          {
+            "name": "frontLegRight",
+            "pivot": [-3, 7, -1],
+            "bind_pose_rotation": [-10, 0, 0],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [{"origin": [-4, 0, -2], "size": [2, 7, 2], "uv": [0, 15]}]
+          },
+          {
+            "name": "head",
+            "pivot": [0, 8, -1],
+            "locators": {"lead": [0, 8, -1]},
+            "mirror": true,
+            "parent": "body",
+            "cubes": [
+              {"origin": [-2.5, 8, -6], "size": [5, 4, 5], "uv": [32, 0]}
+            ]
+          },
+          {
+            "name": "earRight",
+            "pivot": [0, 8, -1],
+            "bind_pose_rotation": [0, -15, 0],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [
+              {"origin": [-2.5, 12, -2], "size": [2, 5, 1], "uv": [58, 0]}
+            ]
+          },
+          {
+            "name": "earLeft",
+            "pivot": [0, 8, -1],
+            "bind_pose_rotation": [0, 15, 0],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [
+              {"origin": [0.5, 12, -2], "size": [2, 5, 1], "uv": [52, 0]}
+            ]
+          },
+          {
+            "name": "tail",
+            "pivot": [0, 4, 7],
+            "bind_pose_rotation": [-20, 0, 0],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [
+              {"origin": [-1.5, 2.5, 7], "size": [3, 3, 2], "uv": [52, 6]}
+            ]
+          },
+          {
+            "name": "nose",
+            "pivot": [0, 8, -1],
+            "mirror": true,
+            "parent": "body",
+            "cubes": [
+              {"origin": [-0.5, 9.5, -6.5], "size": [1, 1, 1], "uv": [32, 9]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.rabbit"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 24}
+  },
+  "ravager": {
+    "identifier": "minecraft:ravager",
+    "textures": {"default": "textures/entity/illager/ravager"},
+    "materials": {"default": "ravager"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "pivot": [0, 19, 2],
+            "rotation": [90, 0, 0],
+            "cubes": [
+              {"origin": [-7, 10, -2], "size": [14, 16, 20], "uv": [0, 55]},
+              {"origin": [-6, -3, -2], "size": [12, 13, 18], "uv": [0, 91]}
+            ],
+            "name": "body"
+          },
+          {
+            "pivot": [0, 15, -10],
+            "cubes": [
+              {"origin": [-8, 13, -24], "size": [16, 3, 16], "uv": [0, 36]}
+            ],
+            "name": "mouth",
+            "parent": "head"
+          },
+          {
+            "pivot": [0, 20, -20],
+            "cubes": [
+              {"origin": [-5, 21, -10], "size": [10, 10, 18], "uv": [68, 73]}
+            ],
+            "name": "neck"
+          },
+          {
+            "locators": {"stun": [0, 32, -15]},
+            "pivot": [0, 28, -10],
+            "cubes": [
+              {"origin": [-8, 14, -24], "size": [16, 20, 16], "uv": [0, 0]},
+              {"origin": [-2, 12, -28], "size": [4, 8, 4], "uv": [0, 0]}
+            ],
+            "name": "head",
+            "parent": "neck"
+          },
+          {
+            "pivot": [-12, 30, 22],
+            "cubes": [
+              {"origin": [-12, 0, 17], "size": [8, 37, 8], "uv": [96, 0]}
+            ],
+            "name": "leg0"
+          },
+          {
+            "pivot": [4, 30, 22],
+            "cubes": [
+              {"origin": [4, 0, 17], "size": [8, 37, 8], "uv": [96, 0]}
+            ],
+            "name": "leg1"
+          },
+          {
+            "pivot": [-4, 26, -4],
+            "cubes": [
+              {"origin": [-12, 0, -8], "size": [8, 37, 8], "uv": [64, 0]}
+            ],
+            "name": "leg2"
+          },
+          {
+            "pivot": [-4, 26, -4],
+            "cubes": [
+              {"origin": [4, 0, -8], "size": [8, 37, 8], "uv": [64, 0]}
+            ],
+            "name": "leg3"
+          },
+          {
+            "pivot": [-5, 27, -19],
+            "rotation": [60, 0, 0],
+            "cubes": [
+              {"origin": [-10, 27, -20], "size": [2, 14, 4], "uv": [74, 55]},
+              {"origin": [8, 27, -20], "size": [2, 14, 4], "uv": [74, 55]}
+            ],
+            "name": "horns",
+            "parent": "head"
+          }
+        ],
+        "texturewidth": 128,
+        "textureheight": 128,
+        "visible_bounds_width": 4,
+        "visible_bounds_height": 3.5,
+        "visible_bounds_offset": [0, 1.25, 0]
+      }
+    },
+    "render_controllers": ["controller.render.ravager"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 57},
+    "particle_effects": {"stun_particles": "minecraft:stunned_emitter"}
+  },
+  "salmon": {
+    "identifier": "minecraft:salmon",
+    "materials": {"default": "salmon"},
+    "textures": {"default": "textures/entity/fish/salmon"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 0.5,
+        "visible_bounds_height": 0.5,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 32,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body_front",
+            "pivot": [0, 0, -4],
+            "cubes": [
+              {"origin": [-1.5, 3.5, -4], "size": [3, 5, 8], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "body_back",
+            "parent": "body_front",
+            "pivot": [0, 0, 4],
+            "cubes": [
+              {"origin": [-1.5, 3.5, 4], "size": [3, 5, 8], "uv": [0, 13]}
+            ]
+          },
+          {
+            "name": "dorsal_front",
+            "parent": "body_front",
+            "pivot": [0, 5, 2],
+            "cubes": [{"origin": [0, 8.5, 2], "size": [0, 2, 2], "uv": [4, 2]}]
+          },
+          {
+            "name": "dorsal_back",
+            "parent": "body_back",
+            "pivot": [0, 5, 4],
+            "cubes": [{"origin": [0, 8.5, 4], "size": [0, 2, 3], "uv": [2, 3]}]
+          },
+          {
+            "name": "tailfin",
+            "parent": "body_back",
+            "pivot": [0, 0, 12],
+            "cubes": [
+              {"origin": [0, 3.5, 12], "size": [0, 5, 6], "uv": [20, 10]}
+            ]
+          },
+          {
+            "name": "head",
+            "parent": "body_front",
+            "pivot": [0, 3, -4],
+            "locators": {"lead": [0, 3, -4]},
+            "cubes": [
+              {"origin": [-1, 4.5, -7], "size": [2, 4, 3], "uv": [22, 0]}
+            ]
+          },
+          {
+            "name": "leftFin",
+            "parent": "body_front",
+            "pivot": [1.5, 1, -4],
+            "rotation": [0, 0, 35],
+            "cubes": [
+              {
+                "origin": [-0.50752, 3.86703, -4],
+                "size": [2, 0, 2],
+                "uv": [2, 0]
+              }
+            ]
+          },
+          {
+            "name": "rightFin",
+            "parent": "body_front",
+            "pivot": [-1.5, 1, -4],
+            "rotation": [0, 0, -35],
+            "cubes": [
+              {
+                "origin": [-1.49258, 3.86703, -4],
+                "size": [2, 0, 2],
+                "uv": [-2, 0]
+              }
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.salmon"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 47}
+  },
+  "shulker_bullet": {
+    "identifier": "minecraft:shulker_bullet",
+    "materials": {"default": "shulker_bullet"},
+    "textures": {"default": "textures/entity/shulker/spark"},
+    "geometry": {
+      "default": {
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {"origin": [-4, -4, -1], "size": [8, 8, 2], "uv": [0, 0]},
+              {"origin": [-1, -4, -4], "size": [2, 8, 8], "uv": [0, 10]},
+              {"origin": [-4, -1, -4], "size": [8, 2, 8], "uv": [20, 0]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.shulker_bullet"]
+  },
+  "silverfish": {
+    "identifier": "minecraft:silverfish",
+    "materials": {"default": "silverfish", "body_layer": "silverfish_layers"},
+    "textures": {"default": "textures/entity/silverfish"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1.5,
+        "visible_bounds_height": 1,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "bodyPart_0",
+            "parent": "bodyPart_2",
+            "pivot": [0, 2, -3.5],
+            "cubes": [
+              {"origin": [-1.5, 0, -4.5], "size": [3, 2, 2], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "bodyPart_1",
+            "parent": "bodyPart_2",
+            "pivot": [0, 3, -1.5],
+            "cubes": [
+              {"origin": [-2, 0, -2.5], "size": [4, 3, 2], "uv": [0, 4]}
+            ]
+          },
+          {
+            "name": "bodyPart_2",
+            "pivot": [0, 4, 1],
+            "cubes": [
+              {"origin": [-3, 0, -0.5], "size": [6, 4, 3], "uv": [0, 9]}
+            ]
+          },
+          {
+            "name": "bodyPart_3",
+            "parent": "bodyPart_2",
+            "pivot": [0, 3, 4],
+            "cubes": [
+              {"origin": [-1.5, 0, 2.5], "size": [3, 3, 3], "uv": [0, 16]}
+            ]
+          },
+          {
+            "name": "bodyPart_4",
+            "parent": "bodyPart_2",
+            "pivot": [0, 2, 7],
+            "cubes": [
+              {"origin": [-1, 0, 5.5], "size": [2, 2, 3], "uv": [0, 22]}
+            ]
+          },
+          {
+            "name": "bodyPart_5",
+            "parent": "bodyPart_2",
+            "pivot": [0, 1, 9.5],
+            "cubes": [
+              {"origin": [-1, 0, 8.5], "size": [2, 1, 2], "uv": [11, 0]}
+            ]
+          },
+          {
+            "name": "bodyPart_6",
+            "parent": "bodyPart_2",
+            "pivot": [0, 1, 11.5],
+            "cubes": [
+              {"origin": [-0.5, 0, 10.5], "size": [1, 1, 2], "uv": [13, 4]}
+            ]
+          },
+          {
+            "name": "bodyLayer_0",
+            "parent": "bodyPart_2",
+            "pivot": [0, 8, 1],
+            "cubes": [
+              {"origin": [-5, 0, -0.5], "size": [10, 8, 3], "uv": [20, 0]}
+            ]
+          },
+          {
+            "name": "bodyLayer_1",
+            "parent": "bodyPart_4",
+            "pivot": [0, 4, 7],
+            "cubes": [
+              {"origin": [-3, 0, 5.5], "size": [6, 4, 3], "uv": [20, 11]}
+            ]
+          },
+          {
+            "name": "bodyLayer_2",
+            "parent": "bodyPart_1",
+            "pivot": [0, 5, -1.5],
+            "cubes": [
+              {"origin": [-3, 0, -3], "size": [6, 5, 2], "uv": [20, 18]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.silverfish"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 8}
+  },
+  "skeleton": {
+    "identifier": "minecraft:skeleton",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "skeleton"},
+    "textures": {"default": "textures/entity/skeleton/skeleton"},
+    "geometry": {
+      "default": {
+        "texturewidth": 64,
+        "textureheight": 32,
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
+            ],
+            "parent": "waist"
+          },
+          {"name": "waist", "pivot": [0, 12, 0]},
+          {
+            "name": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "hat",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 24, -4],
+                "size": [8, 8, 8],
+                "uv": [32, 0],
+                "inflate": 0.5
+              }
+            ],
+            "neverRender": true,
+            "parent": "head"
+          },
+          {
+            "name": "rightArm",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-6, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "rightItem",
+            "pivot": [-1, -45, -5],
+            "neverRender": true,
+            "parent": "rightArm"
+          },
+          {
+            "name": "leftArm",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {"origin": [4, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
+            ],
+            "mirror": true,
+            "parent": "body"
+          },
+          {
+            "name": "leftItem",
+            "pivot": [1, -45, -5],
+            "neverRender": true,
+            "parent": "leftArm"
+          },
+          {
+            "name": "rightLeg",
+            "pivot": [-2, 12, 0],
+            "cubes": [
+              {"origin": [-3, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "leftLeg",
+            "pivot": [2, 12, 0],
+            "cubes": [
+              {"origin": [1, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
+            ],
+            "mirror": true,
+            "parent": "body"
+          }
+        ]
+      }
+    },
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 9},
+    "render_controllers": ["controller.render.skeleton"],
+    "enable_attachables": true
+  },
+  "skeleton_horse": {
+    "identifier": "minecraft:skeleton_horse",
+    "textures": {
+      "base_brown": "textures/entity/horse/horse_brown",
+      "base_white": "textures/entity/horse/horse_white",
+      "base_chestnut": "textures/entity/horse/horse_chestnut",
+      "base_creamy": "textures/entity/horse/horse_creamy",
+      "base_black": "textures/entity/horse/horse_black",
+      "base_gray": "textures/entity/horse/horse_gray",
+      "base_darkbrown": "textures/entity/horse/horse_darkbrown",
+      "markings_none": "textures/entity/horse/horse_markings_none",
+      "markings_white": "textures/entity/horse/horse_markings_white",
+      "markings_whitefield": "textures/entity/horse/horse_markings_whitefield",
+      "markings_whitedots": "textures/entity/horse/horse_markings_whitedots",
+      "markings_blackdots": "textures/entity/horse/horse_markings_blackdots",
+      "mule": "textures/entity/horse/mule",
+      "donkey": "textures/entity/horse/donkey",
+      "skeleton": "textures/entity/horse/horse_skeleton",
+      "zombie": "textures/entity/horse/horse_zombie",
+      "armor_none": "textures/entity/horse/armor/horse_armor_none",
+      "armor_leather": "textures/entity/horse/armor/horse_armor_leather",
+      "armor_iron": "textures/entity/horse/armor/horse_armor_iron",
+      "armor_gold": "textures/entity/horse/armor/horse_armor_gold",
+      "armor_diamond": "textures/entity/horse/armor/horse_armor_diamond"
+    },
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 3,
+        "visible_bounds_offset": [0, 1, 0],
+        "texturewidth": 128,
+        "textureheight": 128,
+        "bones": [
+          {
+            "name": "Body",
+            "pivot": [0, 13, 9],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5, 11, -10], "size": [10, 10, 24], "uv": [0, 34]}
+            ]
+          },
+          {
+            "name": "TailA",
+            "pivot": [0, 21, 14],
+            "rotation": [-65, 0, 0],
+            "cubes": [
+              {"origin": [-1, 20, 14], "size": [2, 2, 3], "uv": [44, 0]}
+            ]
+          },
+          {
+            "name": "TailB",
+            "pivot": [0, 21, 14],
+            "rotation": [-65, 0, 0],
+            "cubes": [
+              {"origin": [-1.5, 19, 17], "size": [3, 4, 7], "uv": [38, 7]}
+            ]
+          },
+          {
+            "name": "TailC",
+            "pivot": [0, 21, 14],
+            "rotation": [-80.34, 0, 0],
+            "cubes": [
+              {"origin": [-1.5, 21.5, 23], "size": [3, 4, 7], "uv": [24, 3]}
+            ]
+          },
+          {
+            "name": "Leg1A",
+            "pivot": [4, 15, 11],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [1.5, 8, 8.5], "size": [4, 9, 5], "uv": [78, 29]}
+            ]
+          },
+          {
+            "name": "Leg1B",
+            "pivot": [4, 8, 11],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [2, 3, 9.5], "size": [3, 5, 3], "uv": [78, 43]}
+            ]
+          },
+          {
+            "name": "Leg1C",
+            "pivot": [4, 8, 11],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [1.5, -0.1, 9], "size": [4, 3, 4], "uv": [78, 51]}
+            ]
+          },
+          {
+            "name": "Leg2A",
+            "pivot": [-4, 15, 11],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5.5, 8, 8.5], "size": [4, 9, 5], "uv": [96, 29]}
+            ]
+          },
+          {
+            "name": "Leg2B",
+            "pivot": [-4, 8, 11],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5, 3, 9.5], "size": [3, 5, 3], "uv": [96, 43]}
+            ]
+          },
+          {
+            "name": "Leg2C",
+            "pivot": [-4, 8, 11],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5.5, -0.1, 9], "size": [4, 3, 4], "uv": [96, 51]}
+            ]
+          },
+          {
+            "name": "Leg3A",
+            "pivot": [4, 15, -8],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [2.1, 8, -10.1], "size": [3, 8, 4], "uv": [44, 29]}
+            ]
+          },
+          {
+            "name": "Leg3B",
+            "pivot": [4, 8, -8],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [2.1, 3, -9.6], "size": [3, 5, 3], "uv": [44, 41]}
+            ]
+          },
+          {
+            "name": "Leg3C",
+            "pivot": [4, 8, -8],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [1.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [44, 51]}
+            ]
+          },
+          {
+            "name": "Leg4A",
+            "pivot": [-4, 15, -8],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5.1, 8, -10.1], "size": [3, 8, 4], "uv": [60, 29]}
+            ]
+          },
+          {
+            "name": "Leg4B",
+            "pivot": [-4, 8, -8],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5.1, 3, -9.6], "size": [3, 5, 3], "uv": [60, 41]}
+            ]
+          },
+          {
+            "name": "Leg4C",
+            "pivot": [-4, 8, -8],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5.6, -0.1, -10.1], "size": [4, 3, 4], "uv": [60, 51]}
+            ]
+          },
+          {
+            "name": "Head",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {"origin": [-2.5, 25, -11.5], "size": [5, 5, 7], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "UMouth",
+            "pivot": [0, 20.05, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {"origin": [-2, 27.05, -17], "size": [4, 3, 6], "uv": [24, 18]}
+            ]
+          },
+          {
+            "name": "LMouth",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {"origin": [-2, 25, -16.5], "size": [4, 2, 5], "uv": [24, 27]}
+            ]
+          },
+          {
+            "name": "Ear1",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {"origin": [0.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "Ear2",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {"origin": [-2.45, 29, -6], "size": [2, 3, 1], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "MuleEarL",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 15],
+            "cubes": [
+              {"origin": [-2, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}
+            ]
+          },
+          {
+            "name": "MuleEarR",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, -15],
+            "cubes": [{"origin": [0, 29, -6], "size": [2, 7, 1], "uv": [0, 12]}]
+          },
+          {
+            "name": "Neck",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {"origin": [-2.05, 15.8, -12], "size": [4, 14, 8], "uv": [0, 12]}
+            ]
+          },
+          {
+            "name": "Bag1",
+            "pivot": [-7.5, 21, 10],
+            "rotation": [0, 90, 0],
+            "cubes": [
+              {"origin": [-10.5, 13, 10], "size": [8, 8, 3], "uv": [0, 34]}
+            ]
+          },
+          {
+            "name": "Bag2",
+            "pivot": [4.5, 21, 10],
+            "rotation": [0, 90, 0],
+            "cubes": [
+              {"origin": [1.5, 13, 10], "size": [8, 8, 3], "uv": [0, 47]}
+            ]
+          },
+          {
+            "name": "Saddle",
+            "pivot": [0, 22, 2],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5, 21, -1], "size": [10, 1, 8], "uv": [80, 0]}
+            ]
+          },
+          {
+            "name": "SaddleB",
+            "pivot": [0, 22, 2],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-1.5, 22, -1], "size": [3, 1, 2], "uv": [106, 9]}
+            ]
+          },
+          {
+            "name": "SaddleC",
+            "pivot": [0, 22, 2],
+            "rotation": [0, 0, 0],
+            "cubes": [{"origin": [-4, 22, 5], "size": [8, 1, 2], "uv": [80, 9]}]
+          },
+          {
+            "name": "SaddleL2",
+            "pivot": [5, 21, 2],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [4.5, 13, 1], "size": [1, 2, 2], "uv": [74, 0]}
+            ]
+          },
+          {
+            "name": "SaddleL",
+            "pivot": [5, 21, 2],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [4.5, 15, 1.5], "size": [1, 6, 1], "uv": [70, 0]}
+            ]
+          },
+          {
+            "name": "SaddleR2",
+            "pivot": [-5, 21, 2],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5.5, 13, 1], "size": [1, 2, 2], "uv": [74, 4]}
+            ]
+          },
+          {
+            "name": "SaddleR",
+            "pivot": [-5, 21, 2],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-5.5, 15, 1.5], "size": [1, 6, 1], "uv": [80, 0]}
+            ]
+          },
+          {
+            "name": "SaddleMouthL",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {"origin": [1.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
+            ]
+          },
+          {
+            "name": "SaddleMouthR",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {"origin": [-2.5, 26, -14], "size": [1, 2, 2], "uv": [74, 13]}
+            ]
+          },
+          {
+            "name": "SaddleMouthLine",
+            "pivot": [0, 20, -10],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 10]}
+            ]
+          },
+          {
+            "name": "SaddleMouthLineR",
+            "pivot": [0, 20, -10],
+            "rotation": [0, 0, 0],
+            "cubes": [
+              {"origin": [-2.6, 23, -16], "size": [0, 3, 16], "uv": [44, 5]}
+            ]
+          },
+          {
+            "name": "Mane",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {"origin": [-1, 15.5, -5], "size": [2, 16, 4], "uv": [58, 0]}
+            ]
+          },
+          {
+            "name": "HeadSaddle",
+            "pivot": [0, 20, -10],
+            "rotation": [30, 0, 0],
+            "cubes": [
+              {
+                "origin": [-2.5, 25.1, -17],
+                "size": [5, 5, 12],
+                "uv": [80, 12],
+                "inflate": 0.05
+              }
+            ]
+          }
+        ]
+      }
+    },
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 32}
+  },
+  "slime": {
+    "identifier": "minecraft:slime",
+    "materials": {"default": "slime", "outer": "slime_outer"},
+    "textures": {"default": "textures/entity/slime/slime"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 5,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "cube",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-3, 1, -3], "size": [6, 6, 6], "uv": [0, 16]}]
+          },
+          {
+            "name": "eye0",
+            "parent": "cube",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-3.3, 4, -3.5], "size": [2, 2, 2], "uv": [32, 0]}
+            ]
+          },
+          {
+            "name": "eye1",
+            "parent": "cube",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [1.3, 4, -3.5], "size": [2, 2, 2], "uv": [32, 4]}
+            ]
+          },
+          {
+            "name": "mouth",
+            "parent": "cube",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [0, 2, -3.5], "size": [1, 1, 1], "uv": [32, 8]}
+            ]
+          }
+        ]
+      },
+      "armor": {
+        "visible_bounds_width": 1,
+        "visible_bounds_height": 1,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "cube",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-4, 0, -4], "size": [8, 8, 8], "uv": [0, 0]}]
+          },
+          {
+            "name": "eye0",
+            "parent": "cube",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-3.3, 4, -3.5], "size": [2, 2, 2], "uv": [32, 0]}
+            ]
+          },
+          {
+            "name": "eye1",
+            "parent": "cube",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [1.3, 4, -3.5], "size": [2, 2, 2], "uv": [32, 4]}
+            ]
+          },
+          {
+            "name": "mouth",
+            "parent": "cube",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [0, 2, -3.5], "size": [1, 1, 1], "uv": [32, 8]}
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": [
+      "controller.render.slime",
+      "controller.render.slime_armor"
+    ],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 10}
+  },
+  "small_fireball": {
+    "identifier": "minecraft:small_fireball",
+    "materials": {"default": "fireball"},
+    "textures": {"default": "textures/items/fire_charge"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -4, 0],
+                "size": [16, 16, 0],
+                "uv": {"south": {"uv": [0, 0]}}
+              }
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.fireball"]
+  },
+  "snow_golem": {
+    "identifier": "minecraft:snow_golem",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "snow_golem", "head": "snow_golem_pumpkin"},
+    "textures": {"default": "textures/entity/snow_golem"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "bones": [
+          {
+            "name": "head",
+            "parent": "piece1",
+            "pivot": [0, 20, 0],
+            "locators": {"lead": [0, 20, 0]},
+            "cubes": [
+              {
+                "origin": [-4, 20, -4],
+                "size": [8, 8, 8],
+                "uv": [0, 0],
+                "inflate": -0.5
+              }
+            ]
+          },
+          {
+            "name": "arm1",
+            "parent": "piece1",
+            "pivot": [0, 18, 0],
+            "bind_pose_rotation": [0, 0, 57.3],
+            "cubes": [
+              {
+                "origin": [1, 20, -1],
+                "size": [12, 2, 2],
+                "uv": [32, 0],
+                "inflate": -0.5
+              }
+            ]
+          },
+          {
+            "name": "arm2",
+            "parent": "piece1",
+            "pivot": [0, 18, 0],
+            "bind_pose_rotation": [0, 180, -57.3],
+            "cubes": [
+              {
+                "origin": [1, 20, -1],
+                "size": [12, 2, 2],
+                "uv": [32, 0],
+                "inflate": -0.5
+              }
+            ]
+          },
+          {
+            "name": "piece1",
+            "parent": "piece2",
+            "pivot": [0, 11, 0],
+            "cubes": [
+              {
+                "origin": [-5, 11, -5],
+                "size": [10, 10, 10],
+                "uv": [0, 16],
+                "inflate": -0.5
+              }
+            ]
+          },
+          {
+            "name": "piece2",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-6, 0, -6],
+                "size": [12, 12, 12],
+                "uv": [0, 36],
+                "inflate": -0.5
+              }
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.snowgolem"]
+  },
+  "snowball": {
+    "identifier": "minecraft:snowball",
+    "materials": {"default": "snowball"},
+    "textures": {"default": "textures/items/snowball"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -8, 0],
+                "size": [16, 16, 0],
+                "uv": [0, 0],
+                "rotation": [0, 0, 0]
+              }
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.item_sprite"]
+  },
+  "potion": {
+    "identifier": "minecraft:splash_potion",
+    "materials": {"default": "splash_potion_enchanted"},
+    "textures": {
+      "moveSlowdown": "textures/items/potion_bottle_splash_moveSlowdown",
+      "moveSpeed": "textures/items/potion_bottle_splash_moveSpeed",
+      "digSlowdown": "textures/items/potion_bottle_splash_digSlowdown",
+      "digSpeed": "textures/items/potion_bottle_splash_digSpeed",
+      "damageBoost": "textures/items/potion_bottle_splash_damageBoost",
+      "heal": "textures/items/potion_bottle_splash_heal",
+      "harm": "textures/items/potion_bottle_splash_harm",
+      "jump": "textures/items/potion_bottle_splash_jump",
+      "confusion": "textures/items/potion_bottle_splash_confusion",
+      "regeneration": "textures/items/potion_bottle_splash_regeneration",
+      "resistance": "textures/items/potion_bottle_splash_resistance",
+      "fireResistance": "textures/items/potion_bottle_splash_fireResistance",
+      "waterBreathing": "textures/items/potion_bottle_splash_waterBreathing",
+      "invisibility": "textures/items/potion_bottle_splash_invisibility",
+      "blindness": "textures/items/potion_bottle_splash_blindness",
+      "nightVision": "textures/items/potion_bottle_splash_nightVision",
+      "hunger": "textures/items/potion_bottle_splash_hunger",
+      "weakness": "textures/items/potion_bottle_splash_weakness",
+      "poison": "textures/items/potion_bottle_splash_poison",
+      "wither": "textures/items/potion_bottle_splash_wither",
+      "healthBoost": "textures/items/potion_bottle_splash_healthBoost",
+      "absorption": "textures/items/potion_bottle_splash_absorption",
+      "saturation": "textures/items/potion_bottle_splash_saturation",
+      "levitation": "textures/items/potion_bottle_splash_levitation",
+      "turtleMaster": "textures/items/potion_bottle_splash_turtleMaster",
+      "slowFall": "textures/items/potion_bottle_splash_slowFall",
+      "default": "textures/items/potion_bottle_splash",
+      "enchanted": "textures/misc/enchanted_item_glint"
+    },
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, -8, 0],
+                "size": [16, 16, 0],
+                "uv": [0, 0],
+                "rotation": [0, 0, 0]
+              }
+            ]
+          }
+        ],
+        "texturewidth": 16,
+        "textureheight": 16
+      }
+    },
+    "render_controllers": ["controller.render.splash_potion"]
+  },
+  "squid": {
+    "identifier": "minecraft:squid",
+    "materials": {"default": "squid"},
+    "textures": {"default": "textures/entity/squid"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 3,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 0.5, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "cubes": [
+              {"origin": [-6, -8, -6], "size": [12, 16, 12], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "tentacle1",
+            "parent": "body",
+            "pivot": [5, -7, 0],
+            "cubes": [
+              {"origin": [4, -25, -1], "size": [2, 18, 2], "uv": [48, 0]}
+            ],
+            "rotation": [0, 90, 0]
+          },
+          {
+            "name": "tentacle2",
+            "parent": "body",
+            "pivot": [3.5, -7, 3.5],
+            "cubes": [
+              {"origin": [2.5, -25, 2.5], "size": [2, 18, 2], "uv": [48, 0]}
+            ],
+            "rotation": [0, 45, 0]
+          },
+          {
+            "name": "tentacle3",
+            "parent": "body",
+            "pivot": [0, -7, 5],
+            "cubes": [
+              {"origin": [-1, -25, 4], "size": [2, 18, 2], "uv": [48, 0]}
+            ],
+            "rotation": [0, 0, 0]
+          },
+          {
+            "name": "tentacle4",
+            "parent": "body",
+            "pivot": [-3.5, -7, 3.5],
+            "cubes": [
+              {"origin": [-4.5, -25, 2.5], "size": [2, 18, 2], "uv": [48, 0]}
+            ],
+            "rotation": [0, -45, 0]
+          },
+          {
+            "name": "tentacle5",
+            "parent": "body",
+            "pivot": [-5, -7, 0],
+            "cubes": [
+              {"origin": [-6, -25, -1], "size": [2, 18, 2], "uv": [48, 0]}
+            ],
+            "rotation": [0, -90, 0]
+          },
+          {
+            "name": "tentacle6",
+            "parent": "body",
+            "pivot": [-3.5, -7, -3.5],
+            "cubes": [
+              {"origin": [-4.5, -25, -4.5], "size": [2, 18, 2], "uv": [48, 0]}
+            ],
+            "rotation": [0, -135, 0]
+          },
+          {
+            "name": "tentacle7",
+            "parent": "body",
+            "pivot": [0, -7, -5],
+            "cubes": [
+              {"origin": [-1, -25, -6], "size": [2, 18, 2], "uv": [48, 0]}
+            ],
+            "rotation": [0, -180, 0]
+          },
+          {
+            "name": "tentacle8",
+            "parent": "body",
+            "pivot": [3.5, -7, -3.5],
+            "cubes": [
+              {"origin": [2.5, -25, -4.5], "size": [2, 18, 2], "uv": [48, 0]}
+            ],
+            "rotation": [0, -225, 0]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.squid"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 15}
+  },
+  "stray": {
+    "identifier": "minecraft:stray",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "stray", "overlay": "stray_clothes"},
+    "textures": {
+      "default": "textures/entity/skeleton/stray",
+      "overlay": "textures/entity/skeleton/stray_overlay"
+    },
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1.5,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
+            ],
+            "parent": "waist"
+          },
+          {"name": "waist", "pivot": [0, 12, 0]},
+          {
+            "name": "head",
+            "pivot": [0, 24, 0],
+            "locators": {"lead": [0, 24, 0]},
+            "cubes": [
+              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "hat",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 24, -4],
+                "size": [8, 8, 8],
+                "uv": [32, 0],
+                "inflate": 0.5
+              }
+            ],
+            "neverRender": true,
+            "parent": "head"
+          },
+          {
+            "name": "rightArm",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-6, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "rightItem",
+            "pivot": [-1, -45, -5],
+            "neverRender": true,
+            "parent": "rightArm"
+          },
+          {
+            "name": "leftArm",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {"origin": [4, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
+            ],
+            "mirror": true,
+            "parent": "body"
+          },
+          {
+            "name": "leftItem",
+            "pivot": [1, -45, -5],
+            "neverRender": true,
+            "parent": "leftArm"
+          },
+          {
+            "name": "rightLeg",
+            "pivot": [-2, 12, 0],
+            "cubes": [
+              {"origin": [-3, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "leftLeg",
+            "pivot": [2, 12, 0],
+            "cubes": [
+              {"origin": [1, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
+            ],
+            "mirror": true,
+            "parent": "body"
+          }
+        ]
+      },
+      "overlay": {
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "parent": "waist",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
+            ],
+            "inflate": 0.25
+          },
+          {"name": "waist", "neverRender": true, "pivot": [0, 12, 0]},
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
+            ],
+            "inflate": 0.25
+          },
+          {
+            "name": "hat",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 24, -4],
+                "size": [8, 8, 8],
+                "uv": [32, 0],
+                "inflate": 0.5
+              }
+            ],
+            "neverRender": true
+          },
+          {
+            "name": "rightArm",
+            "parent": "body",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
+            ],
+            "inflate": 0.25
+          },
+          {
+            "name": "rightItem",
+            "parent": "rightArm",
+            "pivot": [-6, 15, 1],
+            "neverRender": true
+          },
+          {
+            "name": "leftArm",
+            "parent": "body",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
+            ],
+            "mirror": true,
+            "inflate": 0.25
+          },
+          {
+            "name": "rightLeg",
+            "parent": "body",
+            "pivot": [-1.9, 12, 0],
+            "cubes": [
+              {"origin": [-3.9, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
+            ],
+            "inflate": 0.25
+          },
+          {
+            "name": "leftLeg",
+            "parent": "body",
+            "pivot": [1.9, 12, 0],
+            "cubes": [
+              {"origin": [-0.1, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
+            ],
+            "inflate": 0.25,
+            "mirror": true
+          }
+        ]
+      }
+    },
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 27},
+    "render_controllers": [
+      "controller.render.stray_clothes",
+      "controller.render.stray"
+    ],
+    "enable_attachables": true
+  },
+  "strider": {
+    "identifier": "minecraft:strider",
+    "materials": {"default": "strider"},
+    "textures": {
+      "default": "textures/entity/strider/strider",
+      "saddled": "textures/entity/strider/strider",
+      "suffocated": "textures/entity/strider/strider_cold",
+      "suffocated_saddled": "textures/entity/strider/strider_cold"
+    },
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "right_leg",
+            "pivot": [-4, 16, 0],
+            "cubes": [
+              {"origin": [-6, 0, -2], "size": [4, 16, 4], "uv": [0, 32]}
+            ]
+          },
+          {
+            "name": "left_leg",
+            "pivot": [4, 16, 0],
+            "cubes": [{"origin": [2, 0, -2], "size": [4, 16, 4], "uv": [0, 55]}]
+          },
+          {
+            "name": "body",
+            "pivot": [0, 16, 0],
+            "cubes": [
+              {"origin": [-8, 14, -8], "size": [16, 14, 16], "uv": [0, 0]}
+            ],
+            "locators": {"lead": [0, 15, -1]}
+          },
+          {
+            "name": "bristle5",
+            "parent": "body",
+            "pivot": [8, 19, 0],
+            "cubes": [
+              {
+                "origin": [8, 19, -8],
+                "size": [12, 0, 16],
+                "pivot": [8, 19, 0],
+                "rotation": [0, 0, 70],
+                "uv": [16, 65]
+              }
+            ]
+          },
+          {
+            "name": "bristle4",
+            "parent": "body",
+            "pivot": [8, 24, 0],
+            "cubes": [
+              {
+                "origin": [8, 24, -8],
+                "size": [12, 0, 16],
+                "pivot": [8, 24, 0],
+                "rotation": [0, 0, 65],
+                "uv": [16, 49]
+              }
+            ]
+          },
+          {
+            "name": "bristle3",
+            "parent": "body",
+            "pivot": [8, 28, 0],
+            "cubes": [
+              {
+                "origin": [8, 28, -8],
+                "size": [12, 0, 16],
+                "pivot": [8, 28, 0],
+                "rotation": [0, 0, 50],
+                "uv": [16, 33]
+              }
+            ]
+          },
+          {
+            "name": "bristle2",
+            "parent": "body",
+            "pivot": [-8, 28, 0],
+            "cubes": [
+              {
+                "origin": [-20, 28, -8],
+                "size": [12, 0, 16],
+                "pivot": [-8, 28, 0],
+                "rotation": [0, 0, -50],
+                "uv": [16, 33],
+                "mirror": true
+              }
+            ]
+          },
+          {
+            "name": "bristle1",
+            "parent": "body",
+            "pivot": [-8, 24, 0],
+            "cubes": [
+              {
+                "origin": [-20, 24, -8],
+                "size": [12, 0, 16],
+                "pivot": [-8, 24, 0],
+                "rotation": [0, 0, -65],
+                "uv": [16, 49],
+                "mirror": true
+              }
+            ]
+          },
+          {
+            "name": "bristle0",
+            "parent": "body",
+            "pivot": [-8, 19, 0],
+            "cubes": [
+              {
+                "origin": [-20, 19, -8],
+                "size": [12, 0, 16],
+                "pivot": [-8, 19, 0],
+                "rotation": [0, 0, -70],
+                "uv": [16, 65],
+                "mirror": true
+              }
+            ]
+          }
+        ],
+        "visible_bounds_width": 3,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "texturewidth": 64,
+        "textureheight": 128
+      }
+    },
+    "spawn_egg": {"base_color": "#9c3436", "overlay_color": "#4d494d"},
+    "render_controllers": ["controller.render.strider"]
+  },
+  "text_display": {
+    "identifier": "minecraft:text_display",
+    "geometry": {}
+  },
+  "trident": {
+    "identifier": "minecraft:thrown_trident",
+    "textures": {
+      "default": "textures/entity/trident",
+      "loyalty_rope": "textures/entity/lead_knot"
+    },
+    "geometry": {
+      "default": {
+        "texturewidth": 32,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "pole",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-0.5, -3, -0.5],
+                "size": [1, 31, 1],
+                "inflate": 0.01,
+                "uv": [0, 0]
+              },
+              {"origin": [-1.5, 22, -0.5], "size": [3, 2, 1], "uv": [4, 0]},
+              {"origin": [-2.5, 23, -0.5], "size": [1, 4, 1], "uv": [4, 3]},
+              {"origin": [1.5, 23, -0.5], "size": [1, 4, 1], "uv": [4, 3]}
+            ]
+          }
+        ]
+      }
+    }
+  },
+  "tnt_minecart": {
+    "identifier": "minecraft:tnt_minecart",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "minecart"},
+    "textures": {"default": "textures/entity/minecart"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "bottom",
+            "pivot": [0, 6, 0],
+            "cubes": [
+              {
+                "origin": [-10, -6.5, -1],
+                "size": [20, 16, 2],
+                "rotation": [90, 0, 0],
+                "uv": [0, 10]
+              }
+            ]
+          },
+          {
+            "name": "back",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-17, 2.5, -1],
+                "size": [16, 8, 2],
+                "rotation": [0, 270, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "front",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [1, 2.5, -1],
+                "size": [16, 8, 2],
+                "rotation": [0, 90, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "right",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, 2.5, -8],
+                "size": [16, 8, 2],
+                "rotation": [0, 180, 0],
+                "uv": [0, 0]
+              }
+            ],
+            "parent": "bottom"
+          },
+          {
+            "name": "left",
+            "pivot": [0, 0, 0],
+            "cubes": [
+              {"origin": [-8, 2.5, 6], "size": [16, 8, 2], "uv": [0, 0]}
+            ],
+            "parent": "bottom"
+          }
+        ],
+        "texturewidth": 64,
+        "textureheight": 32
+      }
+    },
+    "render_controllers": ["controller.render.minecart"]
+  },
+  "tropical_fish": {
+    "identifier": "minecraft:tropicalfish",
+    "materials": {"default": "tropicalfish"},
+    "textures": {
+      "typeA": "textures/entity/fish/tropical_a",
+      "typeB": "textures/entity/fish/tropical_b",
+      "aPattern1": "textures/entity/fish/tropical_a_pattern_1",
+      "aPattern2": "textures/entity/fish/tropical_a_pattern_2",
+      "aPattern3": "textures/entity/fish/tropical_a_pattern_3",
+      "aPattern4": "textures/entity/fish/tropical_a_pattern_4",
+      "aPattern5": "textures/entity/fish/tropical_a_pattern_5",
+      "aPattern6": "textures/entity/fish/tropical_a_pattern_6",
+      "bPattern1": "textures/entity/fish/tropical_b_pattern_1",
+      "bPattern2": "textures/entity/fish/tropical_b_pattern_2",
+      "bPattern3": "textures/entity/fish/tropical_b_pattern_3",
+      "bPattern4": "textures/entity/fish/tropical_b_pattern_4",
+      "bPattern5": "textures/entity/fish/tropical_b_pattern_5",
+      "bPattern6": "textures/entity/fish/tropical_b_pattern_6"
+    },
+    "geometry": {
+      "typeA": {
+        "visible_bounds_width": 0.5,
+        "visible_bounds_height": 0.5,
+        "bones": [
+          {
+            "pivot": [-0.5, 0, 0],
+            "cubes": [
+              {"origin": [-1, 0, -3], "size": [2, 3, 6], "uv": [0, 0]},
+              {"origin": [0, 3, -2.9992], "size": [0, 4, 6], "uv": [10, -6]}
+            ],
+            "name": "body"
+          },
+          {
+            "pivot": [0, 0, 3],
+            "cubes": [{"origin": [0, 0, 3], "size": [0, 3, 4], "uv": [24, -4]}],
+            "name": "tailfin",
+            "parent": "body"
+          },
+          {
+            "pivot": [0.5, 0, 1],
+            "bind_pose_rotation": [0, -35, 0],
+            "cubes": [
+              {"origin": [0.336, 0, -0.10594], "size": [2, 2, 0], "uv": [2, 12]}
+            ],
+            "name": "leftFin",
+            "parent": "body"
+          },
+          {
+            "pivot": [-0.5, 0, 1],
+            "bind_pose_rotation": [0, 35, 0],
+            "cubes": [
+              {
+                "origin": [-2.336, 0, -0.10594],
+                "size": [2, 2, 0],
+                "uv": [2, 16]
+              }
+            ],
+            "name": "rightFin",
+            "parent": "body"
+          }
+        ],
+        "texturewidth": 32,
+        "textureheight": 32
+      },
+      "typeB": {
+        "visible_bounds_width": 0.5,
+        "visible_bounds_height": 0.5,
+        "bones": [
+          {
+            "pivot": [-0.5, 0, 0],
+            "cubes": [
+              {"origin": [-1, 0, -0.0008], "size": [2, 6, 6], "uv": [0, 20]},
+              {"origin": [0, -5, -0.0008], "size": [0, 5, 6], "uv": [20, 21]},
+              {"origin": [0, 6, -0.0008], "size": [0, 5, 6], "uv": [20, 10]}
+            ],
+            "name": "body"
+          },
+          {
+            "pivot": [0, 0, 6],
+            "cubes": [
+              {"origin": [0, 0.0008, 6], "size": [0, 6, 5], "uv": [21, 16]}
+            ],
+            "name": "tailfin",
+            "parent": "body"
+          },
+          {
+            "pivot": [0.5, 0, 1],
+            "bind_pose_rotation": [0, -35, 0],
+            "cubes": [
+              {
+                "origin": [2.05673, 0, 2.35152],
+                "size": [2, 2, 0],
+                "uv": [2, 12]
+              }
+            ],
+            "name": "leftFin",
+            "parent": "body"
+          },
+          {
+            "pivot": [-0.5, 0, 1],
+            "bind_pose_rotation": [0, 35, 0],
+            "cubes": [
+              {
+                "origin": [-4.05673, 0, 2.35152],
+                "size": [2, 2, 0],
+                "uv": [2, 16]
+              }
+            ],
+            "name": "rightFin",
+            "parent": "body"
+          }
+        ],
+        "texturewidth": 32,
+        "textureheight": 32
+      }
+    },
+    "render_controllers": ["controller.render.tropicalfish"],
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 44}
+  },
+  "vindicator": {
+    "identifier": "minecraft:vindicator",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "vindicator"},
+    "textures": {"default": "textures/entity/illager/vindicator"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1.5,
+        "visible_bounds_height": 2.5,
+        "visible_bounds_offset": [0, 1.25, 0],
+        "texturewidth": 64,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 24, -4], "size": [8, 10, 8], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "nose",
+            "parent": "head",
+            "pivot": [0, 26, 0],
+            "cubes": [
+              {"origin": [-1, 23, -6], "size": [2, 4, 2], "uv": [24, 0]}
+            ]
+          },
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -3], "size": [8, 12, 6], "uv": [16, 20]},
+              {
+                "origin": [-4, 6, -3],
+                "size": [8, 18, 6],
+                "uv": [0, 38],
+                "inflate": 0.5
+              }
+            ]
+          },
+          {
+            "name": "arms",
+            "parent": "body",
+            "pivot": [0, 22, 0],
+            "cubes": [
+              {"origin": [-8, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
+              {"origin": [4, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
+              {"origin": [-4, 16, -2], "size": [8, 4, 4], "uv": [40, 38]}
+            ]
+          },
+          {
+            "name": "leg0",
+            "parent": "body",
+            "pivot": [-2, 12, 0],
+            "cubes": [
+              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}
+            ]
+          },
+          {
+            "name": "leg1",
+            "parent": "body",
+            "pivot": [2, 12, 0],
+            "mirror": true,
+            "cubes": [{"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}]
+          },
+          {
+            "name": "rightArm",
+            "parent": "body",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
+            ]
+          },
+          {
+            "name": "rightItem",
+            "pivot": [-5.5, 16, 0.5],
+            "neverRender": true,
+            "parent": "rightArm"
+          },
+          {
+            "name": "leftArm",
+            "parent": "body",
+            "pivot": [5, 22, 0],
+            "mirror": true,
+            "cubes": [
+              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 46]}
+            ]
+          }
+        ]
+      }
+    },
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 39},
+    "render_controllers": ["controller.render.vindicator"],
+    "enable_attachables": true
+  },
+  "wandering_trader": {
+    "identifier": "minecraft:wandering_trader",
+    "materials": {"default": "wandering_trader"},
+    "textures": {"default": "textures/entity/wandering_trader"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 1.5,
+        "visible_bounds_height": 2.5,
+        "visible_bounds_offset": [0, 1.25, 0],
+        "bones": [
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 24, -4], "size": [8, 10, 8], "uv": [0, 0]}
+            ]
+          },
+          {
+            "name": "helmet",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 24, -4],
+                "size": [8, 10, 8],
+                "uv": [32, 0],
+                "inflate": 0.5
+              }
+            ]
+          },
+          {
+            "name": "brim",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "bind_pose_rotation": [-90, 0, 0],
+            "cubes": [
+              {
+                "origin": [-8, 16, -6],
+                "size": [16, 16, 1],
+                "uv": [30, 47],
+                "inflate": 0.1
+              }
+            ]
+          },
+          {
+            "name": "nose",
+            "parent": "head",
+            "pivot": [0, 26, 0],
+            "cubes": [
+              {"origin": [-1, 23, -6], "size": [2, 4, 2], "uv": [24, 0]}
+            ]
+          },
+          {
+            "name": "body",
+            "locators": {"lead_hold": [0, 40, 0]},
+            "cubes": [
+              {"origin": [-4, 12, -3], "size": [8, 12, 6], "uv": [16, 20]},
+              {
+                "origin": [-4, 6, -3],
+                "size": [8, 18, 6],
+                "uv": [0, 38],
+                "inflate": 0.5
+              }
+            ]
+          },
+          {
+            "name": "arms",
+            "parent": "body",
+            "pivot": [0, 22, 0],
+            "cubes": [
+              {"origin": [-4, 16, -2], "size": [8, 4, 4], "uv": [40, 38]},
+              {"origin": [-8, 16, -2], "size": [4, 8, 4], "uv": [44, 22]},
+              {
+                "origin": [4, 16, -2],
+                "size": [4, 8, 4],
+                "uv": [44, 22],
+                "mirror": true
+              }
+            ]
+          },
+          {"name": "held_item", "parent": "arms", "pivot": [0, 0, 0]},
+          {
+            "name": "leg0",
+            "parent": "body",
+            "pivot": [-2, 12, 0],
+            "cubes": [
+              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 22]}
+            ]
+          },
+          {
+            "name": "leg1",
+            "parent": "body",
+            "pivot": [2, 12, 0],
+            "cubes": [
+              {
+                "origin": [0, 0, -2],
+                "size": [4, 12, 4],
+                "uv": [0, 22],
+                "mirror": true
+              }
+            ]
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.wandering_trader"],
+    "spawn_egg": {"texture": "spawn_egg_wandering_trader"}
+  },
+  "wither": {
+    "identifier": "minecraft:wither",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "wither_boss", "armor": "wither_boss_armor"},
+    "textures": {
+      "default": "textures/entity/wither/wither",
+      "armor_white": "textures/entity/wither/wither_armor",
+      "armor_blue": "textures/entity/wither/wither_armor",
+      "invulnerable": "textures/entity/wither/wither_invulnerable"
+    },
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 3,
+        "visible_bounds_height": 4,
+        "visible_bounds_offset": [0, 2, 0],
+        "texturewidth": 64,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "upperBodyPart1",
+            "cubes": [
+              {"origin": [-10, 17.1, -0.5], "size": [20, 3, 3], "uv": [0, 16]}
+            ]
+          },
+          {
+            "name": "upperBodyPart2",
+            "parent": "upperBodyPart1",
+            "pivot": [-2, 17.1, -0.5],
+            "cubes": [
+              {"origin": [-2, 7.1, -0.5], "size": [3, 10, 3], "uv": [0, 22]},
+              {"origin": [-6, 13.6, 0], "size": [11, 2, 2], "uv": [24, 22]},
+              {"origin": [-6, 11.1, 0], "size": [11, 2, 2], "uv": [24, 22]},
+              {"origin": [-6, 8.6, 0], "size": [11, 2, 2], "uv": [24, 22]}
+            ]
+          },
+          {
+            "name": "upperBodyPart3",
+            "parent": "upperBodyPart2",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [0, 18, 0], "size": [3, 6, 3], "uv": [12, 22]}]
+          },
+          {
+            "name": "head1",
+            "parent": "upperBodyPart1",
+            "pivot": [0, 20, 0],
+            "cubes": [{"origin": [-4, 20, -4], "size": [8, 8, 8], "uv": [0, 0]}]
+          },
+          {
+            "name": "head2",
+            "parent": "upperBodyPart1",
+            "pivot": [-9, 18, -1],
+            "cubes": [
+              {"origin": [-12, 18, -4], "size": [6, 6, 6], "uv": [32, 0]}
+            ]
+          },
+          {
+            "name": "head3",
+            "parent": "upperBodyPart1",
+            "pivot": [9, 18, -1],
+            "cubes": [{"origin": [6, 18, -4], "size": [6, 6, 6], "uv": [32, 0]}]
+          }
+        ]
+      },
+      "armor": {
+        "visible_bounds_width": 3,
+        "visible_bounds_height": 4,
+        "visible_bounds_offset": [0, 2, 0],
+        "texturewidth": 64,
+        "textureheight": 64,
+        "bones": [
+          {
+            "name": "upperBodyPart1",
+            "cubes": [
+              {"origin": [-10, 17.1, -0.5], "size": [20, 3, 3], "uv": [0, 16]}
+            ],
+            "inflate": 2
+          },
+          {
+            "name": "upperBodyPart2",
+            "parent": "upperBodyPart1",
+            "pivot": [-2, 17.1, -0.5],
+            "cubes": [
+              {"origin": [-2, 7.1, -0.5], "size": [3, 10, 3], "uv": [0, 22]},
+              {"origin": [-6, 13.6, 0], "size": [11, 2, 2], "uv": [24, 22]},
+              {"origin": [-6, 11.1, 0], "size": [11, 2, 2], "uv": [24, 22]},
+              {"origin": [-6, 8.6, 0], "size": [11, 2, 2], "uv": [24, 22]}
+            ],
+            "inflate": 2
+          },
+          {
+            "name": "upperBodyPart3",
+            "parent": "upperBodyPart2",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [0, 18, 0], "size": [3, 6, 3], "uv": [12, 22]}
+            ],
+            "inflate": 2
+          },
+          {
+            "name": "head1",
+            "parent": "upperBodyPart1",
+            "pivot": [0, 20, 0],
+            "cubes": [
+              {"origin": [-4, 20, -4], "size": [8, 8, 8], "uv": [0, 0]}
+            ],
+            "inflate": 2
+          },
+          {
+            "name": "head2",
+            "parent": "upperBodyPart1",
+            "pivot": [-9, 18, -1],
+            "cubes": [
+              {"origin": [-12, 18, -4], "size": [6, 6, 6], "uv": [32, 0]}
+            ],
+            "inflate": 2
+          },
+          {
+            "name": "head3",
+            "parent": "upperBodyPart1",
+            "pivot": [9, 18, -1],
+            "cubes": [
+              {"origin": [6, 18, -4], "size": [6, 6, 6], "uv": [32, 0]}
+            ],
+            "inflate": 2
+          }
+        ]
+      }
+    },
+    "render_controllers": [
+      "controller.render.wither_boss",
+      "controller.render.wither_boss_armor_white",
+      "controller.render.wither_boss_armor_blue"
+    ]
+  },
+  "wither_skeleton": {
+    "identifier": "minecraft:wither_skeleton",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "skeleton"},
+    "textures": {"default": "textures/entity/skeleton/wither_skeleton"},
+    "geometry": {
+      "default": {
+        "texturewidth": 64,
+        "textureheight": 32,
+        "visible_bounds_width": 1.5,
+        "visible_bounds_height": 3,
+        "visible_bounds_offset": [0, 1.5, 0],
+        "bones": [
+          {
+            "name": "body",
+            "parent": "waist",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
+            ]
+          },
+          {"name": "waist", "pivot": [0, 12, 0]},
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [{"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}]
+          },
+          {
+            "name": "hat",
+            "parent": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 24, -4],
+                "size": [8, 8, 8],
+                "uv": [32, 0],
+                "inflate": 0.5
+              }
+            ],
+            "neverRender": true
+          },
+          {
+            "name": "rightArm",
+            "parent": "body",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-6, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
+            ]
+          },
+          {
+            "name": "rightItem",
+            "parent": "rightArm",
+            "pivot": [-1, -45, -5],
+            "neverRender": true
+          },
+          {
+            "name": "leftArm",
+            "parent": "body",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {"origin": [4, 12, -1], "size": [2, 12, 2], "uv": [40, 16]}
+            ],
+            "mirror": true
+          },
+          {
+            "name": "leftItem",
+            "parent": "leftArm",
+            "pivot": [1, -45, -5],
+            "neverRender": true
+          },
+          {
+            "name": "rightLeg",
+            "parent": "body",
+            "pivot": [-2, 12, 0],
+            "cubes": [
+              {"origin": [-3, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
+            ]
+          },
+          {
+            "name": "leftLeg",
+            "parent": "body",
+            "pivot": [2, 12, 0],
+            "cubes": [
+              {"origin": [1, 0, -1], "size": [2, 12, 2], "uv": [0, 16]}
+            ],
+            "mirror": true
+          }
+        ]
+      }
+    },
+    "render_controllers": ["controller.render.wither_skeleton"],
+    "enable_attachables": true,
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 29}
+  },
+  "wither_skull": {
+    "identifier": "minecraft:wither_skull",
+    "materials": {"default": "wither_skull"},
+    "textures": {"default": "textures/entity/wither/wither"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "head",
+            "cubes": [{"origin": [-4, 0, -4], "size": [8, 8, 8], "uv": [0, 35]}]
+          }
+        ],
+        "visible_bounds_width": 1,
+        "visible_bounds_height": 1,
+        "texturewidth": 64,
+        "textureheight": 64
+      }
+    },
+    "render_controllers": ["controller.render.wither_skull"]
+  },
+  "zoglin": {
+    "identifier": "minecraft:zoglin",
+    "materials": {"default": "zoglin"},
+    "textures": {"default": "textures/entity/hoglin/zoglin"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 19, -3],
+            "cubes": [
+              {
+                "origin": [-8, 11, -7],
+                "size": [16, 14, 26],
+                "inflate": 0.02,
+                "uv": [1, 1]
+              },
+              {
+                "origin": [0, 22, -10],
+                "size": [0, 10, 19],
+                "inflate": 0.02,
+                "uv": [90, 33]
+              }
+            ],
+            "locators": {"lead": [0, 20, -5]}
+          },
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 22, -5],
+            "rotation": [50, 0, 0],
+            "cubes": [
+              {"origin": [-7, 21, -24], "size": [14, 6, 19], "uv": [61, 1]},
+              {"origin": [-8, 22, -19], "size": [2, 11, 2], "uv": [1, 13]},
+              {"origin": [6, 22, -19], "size": [2, 11, 2], "uv": [1, 13]}
+            ]
+          },
+          {
+            "name": "right_ear",
+            "parent": "head",
+            "pivot": [-7, 27, -7],
+            "rotation": [0, 0, -50],
+            "cubes": [
+              {"origin": [-13, 26, -10], "size": [6, 1, 4], "uv": [1, 1]}
+            ]
+          },
+          {
+            "name": "left_ear",
+            "parent": "head",
+            "pivot": [7, 27, -7],
+            "rotation": [0, 0, 50],
+            "cubes": [{"origin": [7, 26, -10], "size": [6, 1, 4], "uv": [1, 6]}]
+          },
+          {
+            "name": "leg_back_right",
+            "pivot": [6, 8, 17],
+            "cubes": [
+              {"origin": [-8, 0, 13], "size": [5, 11, 5], "uv": [21, 45]}
+            ]
+          },
+          {
+            "name": "leg_back_left",
+            "pivot": [-6, 8, 17],
+            "cubes": [{"origin": [3, 0, 13], "size": [5, 11, 5], "uv": [0, 45]}]
+          },
+          {
+            "name": "leg_front_right",
+            "pivot": [-6, 12, -3],
+            "cubes": [
+              {"origin": [-8, 0, -6], "size": [6, 14, 6], "uv": [66, 42]}
+            ]
+          },
+          {
+            "name": "leg_front_left",
+            "pivot": [6, 12, -3],
+            "cubes": [
+              {"origin": [2, 0, -6], "size": [6, 14, 6], "uv": [41, 42]}
+            ]
+          }
+        ],
+        "visible_bounds_width": 4,
+        "visible_bounds_height": 3,
+        "visible_bounds_offset": [0, 1.5, 0],
+        "texturewidth": 128,
+        "textureheight": 64
+      }
+    },
+    "spawn_egg": {"base_color": "#c66e55", "overlay_color": "#e6e6e6"},
+    "render_controllers": ["controller.render.zoglin"]
+  },
+  "zombie": {
+    "identifier": "minecraft:zombie",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "zombie"},
+    "textures": {"default": "textures/entity/zombie/zombie"},
+    "geometry": {
+      "default": {
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "texturewidth": 64,
+        "textureheight": 32,
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]}
+            ],
+            "parent": "waist"
+          },
+          {"name": "waist", "neverRender": true, "pivot": [0, 12, 0]},
+          {
+            "name": "head",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 24, -4], "size": [8, 8, 8], "uv": [0, 0]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "hat",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-4, 24, -4],
+                "size": [8, 8, 8],
+                "uv": [32, 0],
+                "inflate": 0.5
+              }
+            ],
+            "neverRender": true,
+            "parent": "head"
+          },
+          {
+            "name": "rightArm",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "rightItem",
+            "pivot": [-1, -45, -5],
+            "neverRender": true,
+            "parent": "rightArm"
+          },
+          {
+            "name": "leftArm",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [40, 16]}
+            ],
+            "mirror": true,
+            "parent": "body"
+          },
+          {
+            "name": "leftItem",
+            "pivot": [1, -45, -5],
+            "neverRender": true,
+            "parent": "leftArm"
+          },
+          {
+            "name": "rightLeg",
+            "pivot": [-1.9, 12, 0],
+            "cubes": [
+              {"origin": [-3.9, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
+            ],
+            "parent": "body"
+          },
+          {
+            "name": "leftLeg",
+            "pivot": [1.9, 12, 0],
+            "cubes": [
+              {"origin": [-0.1, 0, -2], "size": [4, 12, 4], "uv": [0, 16]}
+            ],
+            "mirror": true,
+            "parent": "body"
+          }
+        ]
+      }
+    },
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 12},
+    "scripts": {
+      "pre_animation": [
+        "variable.tcos0 = (Math.cos(query.modified_distance_moved * 38.17) * query.modified_move_speed / variable.gliding_speed_value) * 57.3;"
+      ]
+    },
+    "animations": {
+      "humanoid_big_head": {"loop": true, "bones": {"head": {"scale": 1.4}}},
+      "look_at_target_default": {
+        "loop": true,
+        "bones": {
+          "head": {
+            "relative_to": {"rotation": "entity"},
+            "rotation": [
+              "query.target_x_rotation",
+              "query.target_y_rotation",
+              0
+            ]
+          }
+        }
+      },
+      "look_at_target_gliding": {
+        "loop": true,
+        "bones": {"head": {"rotation": [-45, "query.target_y_rotation", 0]}}
+      },
+      "look_at_target_swimming": {
+        "loop": true,
+        "bones": {
+          "head": {
+            "rotation": [
+              "math.lerp(query.target_x_rotation, -45.0, variable.swim_amount)",
+              "query.target_y_rotation",
+              0
+            ]
+          }
+        }
+      },
+      "move": {
+        "loop": true,
+        "bones": {
+          "leftarm": {"rotation": ["variable.tcos0", 0, 0]},
+          "leftleg": {"rotation": ["variable.tcos0 * -1.4", 0, 0]},
+          "rightarm": {"rotation": ["-variable.tcos0", 0, 0]},
+          "rightleg": {"rotation": ["variable.tcos0 * 1.4", 0, 0]}
+        }
+      },
+      "riding.arms": {
+        "loop": true,
+        "bones": {
+          "leftarm": {"rotation": [-36, 0, 0]},
+          "rightarm": {"rotation": [-36, 0, 0]}
+        }
+      },
+      "riding.legs": {
+        "loop": true,
+        "bones": {
+          "leftleg": {"rotation": ["-72.0 - this", "-18.0 - this", "-this"]},
+          "rightleg": {"rotation": ["-72.0 - this", "18.0 - this", "-this"]}
+        }
+      },
+      "holding": {
+        "loop": true,
+        "bones": {
+          "leftarm": {
+            "rotation": [
+              "variable.is_holding_left ? (-this * 0.5 - 18.0) : 0.0",
+              0,
+              0
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "variable.is_holding_right ? (-this * 0.5 - 18.0) : 0.0",
+              0,
+              0
+            ]
+          }
+        }
+      },
+      "brandish_spear": {
+        "loop": true,
+        "bones": {
+          "rightarm": {
+            "rotation": [
+              "this * -0.5 - 157.5 - 22.5 * variable.charge_amount",
+              "-this",
+              0
+            ]
+          }
+        }
+      },
+      "charging": {
+        "loop": true,
+        "bones": {
+          "rightarm": {
+            "rotation": ["22.5 * variable.charge_amount - this", "-this", 0]
+          }
+        }
+      },
+      "attack.rotations": {
+        "loop": true,
+        "bones": {
+          "body": {
+            "rotation": [
+              0,
+              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46 - this",
+              0
+            ]
+          },
+          "leftarm": {
+            "rotation": [
+              "math.sin(math.sqrt(variable.attack_time) * 360) * 11.46",
+              0,
+              0
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "math.sin(1.0 - math.pow(1.0 - variable.attack_time, 3.0) * 180.0) * (variable.is_brandishing_spear ? -1.0 : 1.0 )",
+              "variable.is_brandishing_spear ? 0.0 : (math.sin(math.sqrt(variable.attack_time) * 360) * 11.46) * 2.0",
+              0
+            ]
+          }
+        }
+      },
+      "sneaking": {
+        "loop": true,
+        "bones": {
+          "body": {"rotation": ["0.5 - this", 0, 0]},
+          "head": {"position": [0, 1, 0]},
+          "leftarm": {"rotation": [72, 0, 0]},
+          "leftleg": {"position": [0, -3, 4]},
+          "rightarm": {"rotation": [72, 0, 0]},
+          "rightleg": {"position": [0, -3, 4]}
+        }
+      },
+      "bob": {
+        "loop": true,
+        "bones": {
+          "leftarm": {
+            "rotation": [
+              0,
+              0,
+              "((math.cos(query.life_time * 103.2) * 2.865) + 2.865) *-1.0"
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              0,
+              0,
+              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
+            ]
+          }
+        }
+      },
+      "damage_nearby_mobs": {
+        "loop": true,
+        "bones": {
+          "leftarm": {"rotation": ["-45.0-this", "-this", "-this"]},
+          "leftleg": {"rotation": ["45.0-this", "-this", "-this"]},
+          "rightarm": {"rotation": ["45.0-this", "-this", "-this"]},
+          "rightleg": {"rotation": ["-45.0-this", "-this", "-this"]}
+        }
+      },
+      "bow_and_arrow": {
+        "loop": true,
+        "bones": {
+          "leftarm": {
+            "rotation": [
+              "query.target_x_rotation - 90.0 - math.sin(query.life_time * 76.8) * 2.865 - this",
+              "query.target_y_rotation + 28.65",
+              "-(math.cos(query.life_time * 103.2) * 2.865) - 2.865"
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "query.target_x_rotation - 90.0 + math.sin(query.life_time * 76.8) * 2.865 - this",
+              "query.target_y_rotation - 5.73",
+              "(math.cos(query.life_time * 103.2) * 2.865) + 2.865"
+            ]
+          }
+        }
+      },
+      "use_item_progress": {
+        "loop": true,
+        "bones": {
+          "rightarm": {
+            "rotation": [
+              "variable.use_item_startup_progress * -60.0 + variable.use_item_interval_progress * 11.25",
+              "variable.use_item_startup_progress * -22.5 + variable.use_item_interval_progress * 11.25",
+              "variable.use_item_startup_progress * -5.625 + variable.use_item_interval_progress * 11.25"
+            ]
+          }
+        }
+      },
+      "zombie_attack_bare_hand": {
+        "loop": true,
+        "bones": {
+          "leftarm": {
+            "rotation": [
+              "-90.0 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) - (math.sin(query.life_time * 76.776372) * 2.865) - this",
+              "5.73 - ((math.sin(variable.attack_time * 180.0) * 57.3) * 0.6) - this",
+              "math.cos(query.life_time * 103.13244) * -2.865 - 2.865 - this"
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "90.0 * (variable.is_brandishing_spear - 1.0) - ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4) + (math.sin(query.life_time * 76.776372) * 2.865) - this",
+              "(math.sin(variable.attack_time * 180.0) * 57.3) * 0.6 - 5.73 - this",
+              "math.cos(query.life_time * 103.13244) * 2.865 + 2.865 - this"
+            ]
+          }
+        }
+      },
+      "swimming": {
+        "loop": true,
+        "bones": {
+          "body": {
+            "position": [
+              0,
+              "variable.swim_amount * -10.0 - this",
+              "variable.swim_amount * 9.0 - this"
+            ],
+            "rotation": [
+              "variable.swim_amount * (90.0 + query.target_x_rotation)",
+              0,
+              0
+            ]
+          },
+          "leftarm": {
+            "rotation": [
+              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) - (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
+              "math.lerp(this, 14.325, variable.swim_amount) - this",
+              "math.lerp(this, 14.325, variable.swim_amount) - (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
+            ]
+          },
+          "leftleg": {
+            "rotation": [
+              "math.lerp(this, math.cos(query.life_time * 390.0 + 180.0) * 0.3, variable.swim_amount)",
+              0,
+              0
+            ]
+          },
+          "rightarm": {
+            "rotation": [
+              "math.lerp(this, -180.0, variable.swim_amount) - (variable.swim_amount * ((math.sin(variable.attack_time * 180.0) * 57.3) * 1.2 - (math.sin((1.0 - (1.0 - variable.attack_time) * (1.0 - variable.attack_time)) * 180.0) * 57.3) * 0.4)) + (variable.swim_amount * (math.sin(query.life_time * 76.776372) * 2.865)) - this",
+              "math.lerp(this, 14.325, variable.swim_amount) - this",
+              "math.lerp(this, -14.325, variable.swim_amount) + (variable.swim_amount * (math.cos(query.life_time * 103.13244) * 2.865 + 2.865)) - this"
+            ]
+          },
+          "rightleg": {
+            "rotation": [
+              "math.lerp(this, math.cos(query.life_time * 390.0) * 0.3, variable.swim_amount)",
+              0,
+              0
+            ]
+          }
+        }
+      }
+    },
+    "animation_controllers": {
+      "humanoid_baby_big_head": {
+        "initial_state": "default",
+        "states": {
+          "baby": {
+            "animations": ["humanoid_big_head"],
+            "transitions": [{"default": "!query.is_baby"}]
+          },
+          "default": {"transitions": [{"baby": "query.is_baby"}]}
+        }
+      },
+      "look_at_target": {
+        "initial_state": "default",
+        "states": {
+          "default": {
+            "animations": ["look_at_target_default"],
+            "transitions": [
+              {"gliding": "query.is_gliding"},
+              {"swimming": "query.is_swimming"}
+            ]
+          },
+          "gliding": {
+            "animations": ["look_at_target_gliding"],
+            "transitions": [
+              {"swimming": "query.is_swimming"},
+              {"default": "!query.is_gliding"}
+            ]
+          },
+          "swimming": {
+            "animations": ["look_at_target_swimming"],
+            "transitions": [
+              {"gliding": "query.is_gliding"},
+              {"default": "!query.is_swimming"}
+            ]
+          }
+        }
+      },
+      "move": {
+        "initial_state": "default",
+        "states": {"default": {"animations": ["move"]}}
+      },
+      "riding": {
+        "initial_state": "default",
+        "states": {
+          "default": {"transitions": [{"riding": "query.is_riding"}]},
+          "riding": {
+            "animations": ["riding.arms", "riding.legs"],
+            "transitions": [{"default": "!query.is_riding"}]
+          }
+        }
+      },
+      "holding": {
+        "initial_state": "default",
+        "states": {"default": {"animations": ["holding"]}}
+      },
+      "brandish_spear": {
+        "initial_state": "default",
+        "states": {
+          "brandish_spear": {
+            "animations": ["brandish_spear"],
+            "transitions": [{"default": "!variable.is_brandishing_spear"}]
+          },
+          "default": {
+            "transitions": [{"brandish_spear": "variable.is_brandishing_spear"}]
+          }
+        }
+      },
+      "charging": {
+        "initial_state": "default",
+        "states": {
+          "charging": {
+            "animations": ["charging"],
+            "transitions": [{"default": "!query.is_charging"}]
+          },
+          "default": {"transitions": [{"charging": "query.is_charging"}]}
+        }
+      },
+      "attack": {
+        "initial_state": "default",
+        "states": {
+          "attacking": {
+            "animations": ["attack.rotations"],
+            "transitions": [{"default": "variable.attack_time < 0.0"}]
+          },
+          "default": {
+            "transitions": [{"attacking": "variable.attack_time >= 0.0"}]
+          }
+        }
+      },
+      "sneaking": {
+        "initial_state": "default",
+        "states": {
+          "default": {"transitions": [{"sneaking": "query.is_sneaking"}]},
+          "sneaking": {
+            "animations": ["sneaking"],
+            "transitions": [{"default": "!query.is_sneaking"}]
+          }
+        }
+      },
+      "bob": {
+        "initial_state": "default",
+        "states": {"default": {"animations": ["bob"]}}
+      },
+      "damage_nearby_mobs": {
+        "initial_state": "default",
+        "states": {
+          "damage_nearby_mobs": {
+            "animations": ["damage_nearby_mobs"],
+            "transitions": [{"default": "!variable.damage_nearby_mobs"}]
+          },
+          "default": {
+            "transitions": [
+              {"damage_nearby_mobs": "variable.damage_nearby_mobs"}
+            ]
+          }
+        }
+      },
+      "bow_and_arrow": {
+        "initial_state": "default",
+        "states": {
+          "bow_and_arrow": {
+            "animations": ["bow_and_arrow"],
+            "transitions": [{"default": "!query.has_target"}]
+          },
+          "default": {"transitions": [{"bow_and_arrow": "query.has_target"}]}
+        }
+      },
+      "use_item_progress": {
+        "initial_state": "default",
+        "states": {
+          "default": {
+            "transitions": [
+              {
+                "use_item_progress": "( variable.use_item_interval_progress > 0.0 ) || ( variable.use_item_startup_progress > 0.0 )"
+              }
+            ]
+          },
+          "use_item_progress": {
+            "animations": ["use_item_progress"],
+            "transitions": [
+              {
+                "default": "( variable.use_item_interval_progress <= 0.0 ) && ( variable.use_item_startup_progress <= 0.0 )"
+              }
+            ]
+          }
+        }
+      },
+      "zombie_attack_bare_hand": {
+        "initial_state": "default",
+        "states": {
+          "default": {
+            "transitions": [{"is_bare_hand": "variable.is_holding_left != 1.0"}]
+          },
+          "is_bare_hand": {
+            "animations": ["zombie_attack_bare_hand"],
+            "transitions": [{"default": "variable.is_holding_left == 1.0"}]
+          }
+        }
+      },
+      "swimming": {
+        "initial_state": "default",
+        "states": {
+          "default": {
+            "transitions": [{"is_swimming": "variable.swim_amount > 0.0"}]
+          },
+          "is_swimming": {
+            "animations": ["swimming"],
+            "transitions": [{"default": "variable.swim_amount <= 0.0"}]
+          }
+        }
+      }
+    },
+    "render_controllers": ["controller.render.zombie"],
+    "enable_attachables": true
+  },
+  "zombified_piglin": {
+    "identifier": "minecraft:zombie_pigman",
+    "min_engine_version": "1.8.0",
+    "materials": {"default": "zombie"},
+    "textures": {"default": "textures/entity/piglin/zombified_piglin"},
+    "geometry": {
+      "default": {
+        "bones": [
+          {
+            "name": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {"origin": [-4, 12, -2], "size": [8, 12, 4], "uv": [16, 16]},
+              {
+                "origin": [-4, 12, -2],
+                "size": [8, 12, 4],
+                "uv": [16, 32],
+                "inflate": 0.25
+              }
+            ]
+          },
+          {
+            "name": "head",
+            "parent": "body",
+            "pivot": [0, 24, 0],
+            "cubes": [
+              {
+                "origin": [-5, 24, -4],
+                "size": [10, 8, 8],
+                "uv": [0, 0],
+                "inflate": -0.02
+              },
+              {"origin": [-2, 24, -5], "size": [4, 4, 1], "uv": [31, 1]},
+              {"origin": [2, 24, -5], "size": [1, 2, 1], "uv": [2, 4]},
+              {"origin": [-3, 24, -5], "size": [1, 2, 1], "uv": [2, 0]}
+            ],
+            "inflate": -0.02
+          },
+          {
+            "name": "leftear",
+            "parent": "head",
+            "pivot": [5, 30, 0],
+            "rotation": [0, 0, -30],
+            "cubes": [{"origin": [4, 25, -2], "size": [1, 5, 4], "uv": [51, 6]}]
+          },
+          {
+            "name": "rightear",
+            "parent": "head",
+            "pivot": [-5, 30, 0],
+            "rotation": [0, 0, 30],
+            "cubes": [
+              {"origin": [-5, 25, -2], "size": [1, 5, 4], "uv": [39, 6]}
+            ]
+          },
+          {"name": "hat", "parent": "head", "pivot": [0, 24, 0]},
+          {
+            "name": "rightarm",
+            "parent": "body",
+            "pivot": [-5, 22, 0],
+            "cubes": [
+              {"origin": [-8, 12, -2], "size": [4, 12, 4], "uv": [40, 16]},
+              {
+                "origin": [-8, 12, -2],
+                "size": [4, 12, 4],
+                "uv": [40, 32],
+                "inflate": 0.25
+              }
+            ]
+          },
+          {"name": "rightItem", "parent": "rightarm", "pivot": [-1, -45, -5]},
+          {
+            "name": "leftarm",
+            "parent": "body",
+            "pivot": [5, 22, 0],
+            "cubes": [
+              {"origin": [4, 12, -2], "size": [4, 12, 4], "uv": [32, 48]},
+              {
+                "origin": [4, 12, -2],
+                "size": [4, 12, 4],
+                "uv": [48, 48],
+                "inflate": 0.25
+              }
+            ]
+          },
+          {"name": "leftItem", "parent": "leftArm", "pivot": [1, -45, -5]},
+          {
+            "name": "rightleg",
+            "parent": "body",
+            "pivot": [-1.9, 12, 0],
+            "cubes": [
+              {"origin": [-4, 0, -2], "size": [4, 12, 4], "uv": [0, 16]},
+              {
+                "origin": [-4, 0, -2],
+                "size": [4, 12, 4],
+                "uv": [0, 32],
+                "inflate": 0.25
+              }
+            ]
+          },
+          {
+            "name": "leftleg",
+            "parent": "body",
+            "pivot": [1.9, 12, 0],
+            "cubes": [
+              {"origin": [0, 0, -2], "size": [4, 12, 4], "uv": [16, 48]},
+              {
+                "origin": [0, 0, -2],
+                "size": [4, 12, 4],
+                "uv": [0, 48],
+                "inflate": 0.25
+              }
+            ]
+          }
+        ],
+        "visible_bounds_width": 2,
+        "visible_bounds_height": 2,
+        "visible_bounds_offset": [0, 1, 0],
+        "texturewidth": 64,
+        "textureheight": 64
+      }
+    },
+    "spawn_egg": {"texture": "spawn_egg", "texture_index": 13},
+    "render_controllers": ["controller.render.zombie_pigman"],
+    "enable_attachables": true
+  }
+}
\ No newline at end of file
diff --git a/prismarine-viewer/viewer/lib/entity/exportedModels.js b/renderer/viewer/three/entity/exportedModels.js
similarity index 94%
rename from prismarine-viewer/viewer/lib/entity/exportedModels.js
rename to renderer/viewer/three/entity/exportedModels.js
index b43658ec..fde9391f 100644
--- a/prismarine-viewer/viewer/lib/entity/exportedModels.js
+++ b/renderer/viewer/three/entity/exportedModels.js
@@ -22,7 +22,8 @@ export { default as parrot } from './models/parrot.obj'
 export { default as piglin } from './models/piglin.obj'
 export { default as pillager } from './models/pillager.obj'
 export { default as rabbit } from './models/rabbit.obj'
-// export { default as sheep } from './models/sheep.obj'
+export { default as sheep } from './models/sheep.obj'
+export { default as arrow } from './models/arrow.obj'
 export { default as shulker } from './models/shulker.obj'
 export { default as sniffer } from './models/sniffer.obj'
 export { default as spider } from './models/spider.obj'
@@ -34,5 +35,4 @@ export { default as warden } from './models/warden.obj'
 export { default as witch } from './models/witch.obj'
 export { default as wolf } from './models/wolf.obj'
 export { default as zombie_villager } from './models/zombie_villager.obj'
-export { default as zombie } from './models/zombie.obj'
 export { default as boat } from './models/boat.obj'
diff --git a/prismarine-viewer/viewer/lib/entity/externalTextures.json b/renderer/viewer/three/entity/externalTextures.json
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/externalTextures.json
rename to renderer/viewer/three/entity/externalTextures.json
diff --git a/prismarine-viewer/viewer/lib/entity/models/allay.obj b/renderer/viewer/three/entity/models/allay.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/allay.obj
rename to renderer/viewer/three/entity/models/allay.obj
diff --git a/renderer/viewer/three/entity/models/arrow.obj b/renderer/viewer/three/entity/models/arrow.obj
new file mode 100644
index 00000000..469dd6cd
--- /dev/null
+++ b/renderer/viewer/three/entity/models/arrow.obj
@@ -0,0 +1,60 @@
+# Aspose.3D Wavefront OBJ Exporter
+# Copyright 2004-2024 Aspose Pty Ltd.
+# File created: 02/12/2025 20:01:28
+
+mtllib material.lib
+g Arrow
+
+#
+# object Arrow
+#
+
+v -160 8.146034E-06 50
+v 160 8.146034E-06 50
+v -160 -8.146034E-06 -50
+v 160 -8.146034E-06 -50
+v -160 -50 1.1920929E-05
+v 160 -50 1.1920929E-05
+v -160 50 -1.1920929E-05
+v 160 50 -1.1920929E-05
+v -140 -49.999992 50.000008
+v -140 50.000008 49.999992
+v -140 -50.000008 -49.999992
+v -140 49.999992 -50.000008
+# 12 vertices
+
+vn 0 1 -1.6292068E-07
+vn 0 1 -1.6292068E-07
+vn 0 1 -1.6292068E-07
+vn 0 1 -1.6292068E-07
+vn 0 3.1391647E-07 1
+vn 0 3.1391647E-07 1
+vn 0 3.1391647E-07 1
+vn 0 3.1391647E-07 1
+vn -1 0 0
+vn -1 0 0
+vn -1 0 0
+vn -1 0 0
+# 12 vertex normals
+
+vt 0 0.84375 0
+vt 0.5 1 0
+vt 0.5 1 0
+vt 0.5 0.84375 0
+vt 0 1 0
+vt 0.15625 0.84375 0
+vt 0.15625 0.6875 0
+vt 0 0.84375 0
+vt 0.5 0.84375 0
+vt 0 1 0
+vt 0 0.6875 0
+vt 0 0.84375 0
+# 12 texture coords
+
+usemtl Arrow
+s 1
+f 1/1/1 2/9/2 4/2/3 3/10/4
+f 5/8/5 6/4/6 8/3/7 7/5/8
+f 9/11/9 10/7/10 12/6/11 11/12/12
+#3 polygons
+
diff --git a/prismarine-viewer/viewer/lib/entity/models/axolotl.obj b/renderer/viewer/three/entity/models/axolotl.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/axolotl.obj
rename to renderer/viewer/three/entity/models/axolotl.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/blaze.obj b/renderer/viewer/three/entity/models/blaze.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/blaze.obj
rename to renderer/viewer/three/entity/models/blaze.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/boat.obj b/renderer/viewer/three/entity/models/boat.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/boat.obj
rename to renderer/viewer/three/entity/models/boat.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/camel.obj b/renderer/viewer/three/entity/models/camel.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/camel.obj
rename to renderer/viewer/three/entity/models/camel.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/cat.obj b/renderer/viewer/three/entity/models/cat.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/cat.obj
rename to renderer/viewer/three/entity/models/cat.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/chicken.obj b/renderer/viewer/three/entity/models/chicken.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/chicken.obj
rename to renderer/viewer/three/entity/models/chicken.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/cod.obj b/renderer/viewer/three/entity/models/cod.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/cod.obj
rename to renderer/viewer/three/entity/models/cod.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/creeper.obj b/renderer/viewer/three/entity/models/creeper.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/creeper.obj
rename to renderer/viewer/three/entity/models/creeper.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/dolphin.obj b/renderer/viewer/three/entity/models/dolphin.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/dolphin.obj
rename to renderer/viewer/three/entity/models/dolphin.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/ender_dragon.obj b/renderer/viewer/three/entity/models/ender_dragon.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/ender_dragon.obj
rename to renderer/viewer/three/entity/models/ender_dragon.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/enderman.obj b/renderer/viewer/three/entity/models/enderman.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/enderman.obj
rename to renderer/viewer/three/entity/models/enderman.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/endermite.obj b/renderer/viewer/three/entity/models/endermite.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/endermite.obj
rename to renderer/viewer/three/entity/models/endermite.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/fox.obj b/renderer/viewer/three/entity/models/fox.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/fox.obj
rename to renderer/viewer/three/entity/models/fox.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/frog.obj b/renderer/viewer/three/entity/models/frog.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/frog.obj
rename to renderer/viewer/three/entity/models/frog.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/ghast.obj b/renderer/viewer/three/entity/models/ghast.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/ghast.obj
rename to renderer/viewer/three/entity/models/ghast.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/goat.obj b/renderer/viewer/three/entity/models/goat.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/goat.obj
rename to renderer/viewer/three/entity/models/goat.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/guardian.obj b/renderer/viewer/three/entity/models/guardian.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/guardian.obj
rename to renderer/viewer/three/entity/models/guardian.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/horse.obj b/renderer/viewer/three/entity/models/horse.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/horse.obj
rename to renderer/viewer/three/entity/models/horse.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/llama.obj b/renderer/viewer/three/entity/models/llama.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/llama.obj
rename to renderer/viewer/three/entity/models/llama.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/minecart.obj b/renderer/viewer/three/entity/models/minecart.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/minecart.obj
rename to renderer/viewer/three/entity/models/minecart.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/parrot.obj b/renderer/viewer/three/entity/models/parrot.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/parrot.obj
rename to renderer/viewer/three/entity/models/parrot.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/piglin.obj b/renderer/viewer/three/entity/models/piglin.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/piglin.obj
rename to renderer/viewer/three/entity/models/piglin.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/pillager.obj b/renderer/viewer/three/entity/models/pillager.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/pillager.obj
rename to renderer/viewer/three/entity/models/pillager.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/rabbit.obj b/renderer/viewer/three/entity/models/rabbit.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/rabbit.obj
rename to renderer/viewer/three/entity/models/rabbit.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/sheep.obj b/renderer/viewer/three/entity/models/sheep.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/sheep.obj
rename to renderer/viewer/three/entity/models/sheep.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/shulker.obj b/renderer/viewer/three/entity/models/shulker.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/shulker.obj
rename to renderer/viewer/three/entity/models/shulker.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/sniffer.obj b/renderer/viewer/three/entity/models/sniffer.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/sniffer.obj
rename to renderer/viewer/three/entity/models/sniffer.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/spider.obj b/renderer/viewer/three/entity/models/spider.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/spider.obj
rename to renderer/viewer/three/entity/models/spider.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/tadpole.obj b/renderer/viewer/three/entity/models/tadpole.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/tadpole.obj
rename to renderer/viewer/three/entity/models/tadpole.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/turtle.obj b/renderer/viewer/three/entity/models/turtle.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/turtle.obj
rename to renderer/viewer/three/entity/models/turtle.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/vex.obj b/renderer/viewer/three/entity/models/vex.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/vex.obj
rename to renderer/viewer/three/entity/models/vex.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/villager.obj b/renderer/viewer/three/entity/models/villager.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/villager.obj
rename to renderer/viewer/three/entity/models/villager.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/warden.obj b/renderer/viewer/three/entity/models/warden.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/warden.obj
rename to renderer/viewer/three/entity/models/warden.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/witch.obj b/renderer/viewer/three/entity/models/witch.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/witch.obj
rename to renderer/viewer/three/entity/models/witch.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/wolf.obj b/renderer/viewer/three/entity/models/wolf.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/wolf.obj
rename to renderer/viewer/three/entity/models/wolf.obj
diff --git a/prismarine-viewer/viewer/lib/entity/models/zombie_villager.obj b/renderer/viewer/three/entity/models/zombie_villager.obj
similarity index 100%
rename from prismarine-viewer/viewer/lib/entity/models/zombie_villager.obj
rename to renderer/viewer/three/entity/models/zombie_villager.obj
diff --git a/renderer/viewer/three/entity/objModels.js b/renderer/viewer/three/entity/objModels.js
new file mode 100644
index 00000000..edff440b
--- /dev/null
+++ b/renderer/viewer/three/entity/objModels.js
@@ -0,0 +1 @@
+export * as externalModels from './exportedModels'
diff --git a/renderer/viewer/three/graphicsBackend.ts b/renderer/viewer/three/graphicsBackend.ts
new file mode 100644
index 00000000..04cb00ca
--- /dev/null
+++ b/renderer/viewer/three/graphicsBackend.ts
@@ -0,0 +1,166 @@
+import * as THREE from 'three'
+import { Vec3 } from 'vec3'
+import { GraphicsBackendLoader, GraphicsBackend, GraphicsInitOptions, DisplayWorldOptions } from '../../../src/appViewer'
+import { ProgressReporter } from '../../../src/core/progressReporter'
+import { showNotification } from '../../../src/react/NotificationProvider'
+import { displayEntitiesDebugList } from '../../playground/allEntitiesDebug'
+import supportedVersions from '../../../src/supportedVersions.mjs'
+import { ResourcesManager } from '../../../src/resourcesManager'
+import { WorldRendererThree } from './worldrendererThree'
+import { DocumentRenderer } from './documentRenderer'
+import { PanoramaRenderer } from './panorama'
+import { initVR } from './world/vr'
+
+// https://discourse.threejs.org/t/updates-to-color-management-in-three-js-r152/50791
+THREE.ColorManagement.enabled = false
+globalThis.THREE = THREE
+
+const getBackendMethods = (worldRenderer: WorldRendererThree) => {
+  return {
+    updateMap: worldRenderer.entities.updateMap.bind(worldRenderer.entities),
+    updateCustomBlock: worldRenderer.updateCustomBlock.bind(worldRenderer),
+    getBlockInfo: worldRenderer.getBlockInfo.bind(worldRenderer),
+    playEntityAnimation: worldRenderer.entities.playAnimation.bind(worldRenderer.entities),
+    damageEntity: worldRenderer.entities.handleDamageEvent.bind(worldRenderer.entities),
+    updatePlayerSkin: worldRenderer.entities.updatePlayerSkin.bind(worldRenderer.entities),
+    changeHandSwingingState: worldRenderer.changeHandSwingingState.bind(worldRenderer),
+    getHighestBlocks: worldRenderer.getHighestBlocks.bind(worldRenderer),
+    reloadWorld: worldRenderer.reloadWorld.bind(worldRenderer),
+
+    addMedia: worldRenderer.media.addMedia.bind(worldRenderer.media),
+    destroyMedia: worldRenderer.media.destroyMedia.bind(worldRenderer.media),
+    setVideoPlaying: worldRenderer.media.setVideoPlaying.bind(worldRenderer.media),
+    setVideoSeeking: worldRenderer.media.setVideoSeeking.bind(worldRenderer.media),
+    setVideoVolume: worldRenderer.media.setVideoVolume.bind(worldRenderer.media),
+    setVideoSpeed: worldRenderer.media.setVideoSpeed.bind(worldRenderer.media),
+
+    addSectionAnimation (id: string, animation: typeof worldRenderer.sectionsOffsetsAnimations[string]) {
+      worldRenderer.sectionsOffsetsAnimations[id] = animation
+    },
+    removeSectionAnimation (id: string) {
+      delete worldRenderer.sectionsOffsetsAnimations[id]
+    },
+
+    shakeFromDamage: worldRenderer.cameraShake.shakeFromDamage.bind(worldRenderer.cameraShake),
+    onPageInteraction: worldRenderer.media.onPageInteraction.bind(worldRenderer.media),
+    downloadMesherLog: worldRenderer.downloadMesherLog.bind(worldRenderer),
+
+    addWaypoint: worldRenderer.waypoints.addWaypoint.bind(worldRenderer.waypoints),
+    removeWaypoint: worldRenderer.waypoints.removeWaypoint.bind(worldRenderer.waypoints),
+
+    // New method for updating skybox
+    setSkyboxImage: worldRenderer.skyboxRenderer.setSkyboxImage.bind(worldRenderer.skyboxRenderer)
+  }
+}
+
+export type ThreeJsBackendMethods = ReturnType<typeof getBackendMethods>
+
+const createGraphicsBackend: GraphicsBackendLoader = (initOptions: GraphicsInitOptions) => {
+  // Private state
+  const documentRenderer = new DocumentRenderer(initOptions)
+  globalThis.renderer = documentRenderer.renderer
+
+  let panoramaRenderer: PanoramaRenderer | null = null
+  let worldRenderer: WorldRendererThree | null = null
+
+  const startPanorama = async () => {
+    if (!documentRenderer) throw new Error('Document renderer not initialized')
+    if (worldRenderer) return
+    const qs = new URLSearchParams(location.search)
+    if (qs.get('debugEntities')) {
+      const fullResourceManager = initOptions.resourcesManager as ResourcesManager
+      fullResourceManager.currentConfig = { version: qs.get('version') || supportedVersions.at(-1)!, noInventoryGui: true }
+      await fullResourceManager.updateAssetsData({ })
+
+      displayEntitiesDebugList(fullResourceManager.currentConfig.version)
+      return
+    }
+
+    if (!panoramaRenderer) {
+      panoramaRenderer = new PanoramaRenderer(documentRenderer, initOptions, !!process.env.SINGLE_FILE_BUILD_MODE)
+      globalThis.panoramaRenderer = panoramaRenderer
+      callModsMethod('panoramaCreated', panoramaRenderer)
+      await panoramaRenderer.start()
+      callModsMethod('panoramaReady', panoramaRenderer)
+    }
+  }
+
+  const startWorld = async (displayOptions: DisplayWorldOptions) => {
+    if (panoramaRenderer) {
+      panoramaRenderer.dispose()
+      panoramaRenderer = null
+    }
+    worldRenderer = new WorldRendererThree(documentRenderer.renderer, initOptions, displayOptions)
+    void initVR(worldRenderer, documentRenderer)
+    await worldRenderer.worldReadyPromise
+    documentRenderer.render = (sizeChanged: boolean) => {
+      worldRenderer?.render(sizeChanged)
+    }
+    documentRenderer.inWorldRenderingConfig = displayOptions.inWorldRenderingConfig
+    window.world = worldRenderer
+    callModsMethod('worldReady', worldRenderer)
+  }
+
+  const disconnect = () => {
+    if (panoramaRenderer) {
+      panoramaRenderer.dispose()
+      panoramaRenderer = null
+    }
+    if (documentRenderer) {
+      documentRenderer.dispose()
+    }
+    if (worldRenderer) {
+      worldRenderer.destroy()
+      worldRenderer = null
+    }
+  }
+
+  // Public interface
+  const backend: GraphicsBackend = {
+    id: 'threejs',
+    displayName: `three.js ${THREE.REVISION}`,
+    startPanorama,
+    startWorld,
+    disconnect,
+    setRendering (rendering) {
+      documentRenderer.setPaused(!rendering)
+      if (worldRenderer) worldRenderer.renderingActive = rendering
+    },
+    getDebugOverlay: () => ({
+      get entitiesString () {
+        return worldRenderer?.entities.getDebugString()
+      },
+    }),
+    updateCamera (pos: Vec3 | null, yaw: number, pitch: number) {
+      worldRenderer?.setFirstPersonCamera(pos, yaw, pitch)
+    },
+    get soundSystem () {
+      return worldRenderer?.soundSystem
+    },
+    get backendMethods () {
+      if (!worldRenderer) return undefined
+      return getBackendMethods(worldRenderer)
+    }
+  }
+
+  globalThis.threeJsBackend = backend
+  globalThis.resourcesManager = initOptions.resourcesManager
+  callModsMethod('default', backend)
+
+  return backend
+}
+
+const callModsMethod = (method: string, ...args: any[]) => {
+  for (const mod of Object.values((window.loadedMods ?? {}) as Record<string, any>)) {
+    try {
+      mod.threeJsBackendModule?.[method]?.(...args)
+    } catch (err) {
+      const errorMessage = `[mod three.js] Error calling ${method} on ${mod.name}: ${err}`
+      showNotification(errorMessage, 'error')
+      throw new Error(errorMessage)
+    }
+  }
+}
+
+createGraphicsBackend.id = 'threejs'
+export default createGraphicsBackend
diff --git a/renderer/viewer/three/hand.ts b/renderer/viewer/three/hand.ts
new file mode 100644
index 00000000..2bd3832b
--- /dev/null
+++ b/renderer/viewer/three/hand.ts
@@ -0,0 +1,89 @@
+import * as THREE from 'three'
+import { loadSkinFromUsername, loadSkinImage } from '../lib/utils/skins'
+import { steveTexture } from './entities'
+
+
+export const getMyHand = async (image?: string, userName?: string) => {
+  let newMap: THREE.Texture
+  if (!image && !userName) {
+    newMap = await steveTexture
+  } else {
+    if (!image) {
+      image = await loadSkinFromUsername(userName!, 'skin')
+    }
+    if (!image) {
+      return
+    }
+    const { canvas } = await loadSkinImage(image)
+    newMap = new THREE.CanvasTexture(canvas)
+  }
+
+  newMap.magFilter = THREE.NearestFilter
+  newMap.minFilter = THREE.NearestFilter
+  // right arm
+  const box = new THREE.BoxGeometry()
+  const material = new THREE.MeshStandardMaterial()
+  const slim = false
+  const mesh = new THREE.Mesh(box, material)
+  mesh.scale.x = slim ? 3 : 4
+  mesh.scale.y = 12
+  mesh.scale.z = 4
+  setSkinUVs(box, 40, 16, slim ? 3 : 4, 12, 4)
+  material.map = newMap
+  material.needsUpdate = true
+  const group = new THREE.Group()
+  group.add(mesh)
+  group.scale.set(0.1, 0.1, 0.1)
+  mesh.rotation.z = Math.PI
+  return group
+}
+
+function setUVs (
+  box: THREE.BoxGeometry,
+  u: number,
+  v: number,
+  width: number,
+  height: number,
+  depth: number,
+  textureWidth: number,
+  textureHeight: number
+): void {
+  const toFaceVertices = (x1: number, y1: number, x2: number, y2: number) => [
+    new THREE.Vector2(x1 / textureWidth, 1 - y2 / textureHeight),
+    new THREE.Vector2(x2 / textureWidth, 1 - y2 / textureHeight),
+    new THREE.Vector2(x2 / textureWidth, 1 - y1 / textureHeight),
+    new THREE.Vector2(x1 / textureWidth, 1 - y1 / textureHeight),
+  ]
+
+  const top = toFaceVertices(u + depth, v, u + width + depth, v + depth)
+  const bottom = toFaceVertices(u + width + depth, v, u + width * 2 + depth, v + depth)
+  const left = toFaceVertices(u, v + depth, u + depth, v + depth + height)
+  const front = toFaceVertices(u + depth, v + depth, u + width + depth, v + depth + height)
+  const right = toFaceVertices(u + width + depth, v + depth, u + width + depth * 2, v + height + depth)
+  const back = toFaceVertices(u + width + depth * 2, v + depth, u + width * 2 + depth * 2, v + height + depth)
+
+  const uvAttr = box.attributes.uv as THREE.BufferAttribute
+  const uvRight = [right[3], right[2], right[0], right[1]]
+  const uvLeft = [left[3], left[2], left[0], left[1]]
+  const uvTop = [top[3], top[2], top[0], top[1]]
+  const uvBottom = [bottom[0], bottom[1], bottom[3], bottom[2]]
+  const uvFront = [front[3], front[2], front[0], front[1]]
+  const uvBack = [back[3], back[2], back[0], back[1]]
+
+  // Create a new array to hold the modified UV data
+  const newUVData = [] as number[]
+
+  // Iterate over the arrays and copy the data to uvData
+  for (const uvArray of [uvRight, uvLeft, uvTop, uvBottom, uvFront, uvBack]) {
+    for (const uv of uvArray) {
+      newUVData.push(uv.x, uv.y)
+    }
+  }
+
+  uvAttr.set(new Float32Array(newUVData))
+  uvAttr.needsUpdate = true
+}
+
+function setSkinUVs (box: THREE.BoxGeometry, u: number, v: number, width: number, height: number, depth: number): void {
+  setUVs(box, u, v, width, height, depth, 64, 64)
+}
diff --git a/renderer/viewer/three/holdingBlock.ts b/renderer/viewer/three/holdingBlock.ts
new file mode 100644
index 00000000..f9d00f0e
--- /dev/null
+++ b/renderer/viewer/three/holdingBlock.ts
@@ -0,0 +1,933 @@
+import * as THREE from 'three'
+import * as tweenJs from '@tweenjs/tween.js'
+import PrismarineItem from 'prismarine-item'
+import worldBlockProvider, { WorldBlockProvider } from 'mc-assets/dist/worldBlockProvider'
+import { BlockModel } from 'mc-assets'
+import { getThreeBlockModelGroup, renderBlockThree, setBlockPosition } from '../lib/mesher/standaloneRenderer'
+import { MovementState, PlayerStateRenderer } from '../lib/basePlayerState'
+import { DebugGui } from '../lib/DebugGui'
+import { SmoothSwitcher } from '../lib/smoothSwitcher'
+import { watchProperty } from '../lib/utils/proxy'
+import { WorldRendererConfig } from '../lib/worldrendererCommon'
+import { getMyHand } from './hand'
+import { WorldRendererThree } from './worldrendererThree'
+import { disposeObject } from './threeJsUtils'
+
+export type HandItemBlock = {
+  name?
+  properties?
+  fullItem?
+  type: 'block' | 'item' | 'hand'
+  id?: number
+}
+
+const rotationPositionData = {
+  itemRight: {
+    'rotation': [
+      0,
+      -90,
+      25
+    ],
+    'translation': [
+      1.13,
+      3.2,
+      1.13
+    ],
+    'scale': [
+      0.68,
+      0.68,
+      0.68
+    ]
+  },
+  itemLeft: {
+    'rotation': [
+      0,
+      90,
+      -25
+    ],
+    'translation': [
+      1.13,
+      3.2,
+      1.13
+    ],
+    'scale': [
+      0.68,
+      0.68,
+      0.68
+    ]
+  },
+  blockRight: {
+    'rotation': [
+      0,
+      45,
+      0
+    ],
+    'translation': [
+      0,
+      0,
+      0
+    ],
+    'scale': [
+      0.4,
+      0.4,
+      0.4
+    ]
+  },
+  blockLeft: {
+    'rotation': [
+      0,
+      225,
+      0
+    ],
+    'translation': [
+      0,
+      0,
+      0
+    ],
+    'scale': [
+      0.4,
+      0.4,
+      0.4
+    ]
+  }
+}
+
+export default class HoldingBlock {
+  // TODO refactor with the tree builder for better visual understanding
+  holdingBlock: THREE.Object3D | undefined = undefined
+  blockSwapAnimation: {
+    switcher: SmoothSwitcher
+    // hidden: boolean
+  } | undefined = undefined
+  cameraGroup = new THREE.Mesh()
+  objectOuterGroup = new THREE.Group() // 3
+  objectInnerGroup = new THREE.Group() // 4
+  holdingBlockInnerGroup = new THREE.Group() // 5
+  camera = new THREE.PerspectiveCamera(75, 1, 0.1, 100)
+  stopUpdate = false
+  lastHeldItem: HandItemBlock | undefined
+  isSwinging = false
+  nextIterStopCallbacks: Array<() => void> | undefined
+  idleAnimator: HandIdleAnimator | undefined
+  ready = false
+  lastUpdate = 0
+  playerHand: THREE.Object3D | undefined
+  offHandDisplay = false
+  offHandModeLegacy = false
+
+  swingAnimator: HandSwingAnimator | undefined
+  config: WorldRendererConfig
+
+  constructor (public worldRenderer: WorldRendererThree, public offHand = false) {
+    this.initCameraGroup()
+    this.worldRenderer.onReactivePlayerStateUpdated('heldItemMain', () => {
+      if (!this.offHand) {
+        this.updateItem()
+      }
+    }, false)
+    this.worldRenderer.onReactivePlayerStateUpdated('heldItemOff', () => {
+      if (this.offHand) {
+        this.updateItem()
+      }
+    }, false)
+    this.config = worldRenderer.displayOptions.inWorldRenderingConfig
+
+    this.offHandDisplay = this.offHand
+    // this.offHandDisplay = true
+    if (!this.offHand) {
+      // load default hand
+      void getMyHand().then((hand) => {
+        this.playerHand = hand
+        // trigger update
+        this.updateItem()
+      }).then(() => {
+        // now watch over the player skin
+        watchProperty(
+          async () => {
+            return getMyHand(this.worldRenderer.playerStateReactive.playerSkin, this.worldRenderer.playerStateReactive.onlineMode ? this.worldRenderer.playerStateReactive.username : undefined)
+          },
+          this.worldRenderer.playerStateReactive,
+          'playerSkin',
+          (newHand) => {
+            if (newHand) {
+              this.playerHand = newHand
+              // trigger update
+              this.updateItem()
+            }
+          },
+          (oldHand) => {
+            disposeObject(oldHand!, true)
+          }
+        )
+      })
+    }
+  }
+
+  updateItem () {
+    if (!this.ready) return
+    const item = this.offHand ? this.worldRenderer.playerStateReactive.heldItemOff : this.worldRenderer.playerStateReactive.heldItemMain
+    if (item) {
+      void this.setNewItem(item)
+    } else if (this.offHand) {
+      void this.setNewItem()
+    } else {
+      void this.setNewItem({
+        type: 'hand',
+      })
+    }
+  }
+
+  initCameraGroup () {
+    this.cameraGroup = new THREE.Mesh()
+  }
+
+  startSwing () {
+    this.swingAnimator?.startSwing()
+  }
+
+  stopSwing () {
+    this.swingAnimator?.stopSwing()
+  }
+
+  render (originalCamera: THREE.PerspectiveCamera, renderer: THREE.WebGLRenderer, ambientLight: THREE.AmbientLight, directionalLight: THREE.DirectionalLight) {
+    if (!this.lastHeldItem) return
+    const now = performance.now()
+    if (this.lastUpdate && now - this.lastUpdate > 50) { // one tick
+      void this.replaceItemModel(this.lastHeldItem)
+    }
+
+    // Only update idle animation if not swinging
+    if (this.swingAnimator?.isCurrentlySwinging() || this.swingAnimator?.debugParams.animationStage) {
+      this.swingAnimator?.update()
+    } else {
+      this.idleAnimator?.update()
+    }
+
+    this.blockSwapAnimation?.switcher.update()
+
+    const scene = new THREE.Scene()
+    scene.add(this.cameraGroup)
+    // if (this.camera.aspect !== originalCamera.aspect) {
+    //   this.camera.aspect = originalCamera.aspect
+    //   this.camera.updateProjectionMatrix()
+    // }
+    this.updateCameraGroup()
+    scene.add(ambientLight.clone())
+    scene.add(directionalLight.clone())
+
+    const viewerSize = renderer.getSize(new THREE.Vector2())
+    const minSize = Math.min(viewerSize.width, viewerSize.height)
+    const x = viewerSize.width - minSize
+
+    // Mirror the scene for offhand by scaling
+    const { offHandDisplay } = this
+    if (offHandDisplay) {
+      this.cameraGroup.scale.x = -1
+    }
+
+    renderer.autoClear = false
+    renderer.clearDepth()
+    if (this.offHandDisplay) {
+      renderer.setViewport(0, 0, minSize, minSize)
+    } else {
+      const x = viewerSize.width - minSize
+      // if (x) x -= x / 4
+      renderer.setViewport(x, 0, minSize, minSize)
+    }
+    renderer.render(scene, this.camera)
+    renderer.setViewport(0, 0, viewerSize.width, viewerSize.height)
+
+    // Reset the mirroring after rendering
+    if (offHandDisplay) {
+      this.cameraGroup.scale.x = 1
+    }
+  }
+
+  // worldTest () {
+  //   const mesh = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), new THREE.MeshPhongMaterial({ color: 0x00_00_ff, transparent: true, opacity: 0.5 }))
+  //   mesh.position.set(0.5, 0.5, 0.5)
+  //   const group = new THREE.Group()
+  //   group.add(mesh)
+  //   group.position.set(-0.5, -0.5, -0.5)
+  //   const outerGroup = new THREE.Group()
+  //   outerGroup.add(group)
+  //   outerGroup.position.set(this.camera.position.x, this.camera.position.y, this.camera.position.z)
+  //   this.scene.add(outerGroup)
+
+  //   new tweenJs.Tween(group.rotation).to({ z: THREE.MathUtils.degToRad(90) }, 1000).yoyo(true).repeat(Infinity).start()
+  // }
+
+  async playBlockSwapAnimation (forceState: 'appeared' | 'disappeared') {
+    this.blockSwapAnimation ??= {
+      switcher: new SmoothSwitcher(
+        () => ({
+          y: this.objectInnerGroup.position.y
+        }),
+        (property, value) => {
+          if (property === 'y') this.objectInnerGroup.position.y = value
+        },
+        {
+          y: 16 // units per second
+        }
+      )
+    }
+
+    const newState = forceState
+    // if (forceState && newState !== forceState) {
+    //   throw new Error(`forceState does not match current state ${forceState} !== ${newState}`)
+    // }
+
+    const targetY = this.objectInnerGroup.position.y + (this.objectInnerGroup.scale.y * 1.5 * (newState === 'appeared' ? 1 : -1))
+
+    // if (newState === this.blockSwapAnimation.switcher.transitioningToStateName) {
+    //   return false
+    // }
+
+    let cancelled = false
+    return new Promise<boolean>((resolve) => {
+      this.blockSwapAnimation!.switcher.transitionTo(
+        { y: targetY },
+        newState,
+        () => {
+          if (!cancelled) {
+            resolve(true)
+          }
+        },
+        () => {
+          cancelled = true
+          resolve(false)
+        }
+      )
+    })
+  }
+
+  isDifferentItem (block: HandItemBlock | undefined) {
+    const Item = PrismarineItem(this.worldRenderer.version)
+    if (!this.lastHeldItem) {
+      return true
+    }
+    if (this.lastHeldItem.name !== block?.name) {
+      return true
+    }
+    // eslint-disable-next-line sonarjs/prefer-single-boolean-return
+    if (!Item.equal(this.lastHeldItem.fullItem, block?.fullItem ?? {}) || JSON.stringify(this.lastHeldItem.fullItem.components) !== JSON.stringify(block?.fullItem?.components)) {
+      return true
+    }
+
+    return false
+  }
+
+  updateCameraGroup () {
+    if (this.stopUpdate) return
+    const { camera } = this
+    this.cameraGroup.position.copy(camera.position)
+    this.cameraGroup.rotation.copy(camera.rotation)
+
+    // const viewerSize = viewer.renderer.getSize(new THREE.Vector2())
+    // const aspect = viewerSize.width / viewerSize.height
+    const aspect = 1
+
+
+    // Adjust the position based on the aspect ratio
+    const { position, scale: scaleData } = this.getHandHeld3d()
+    const distance = -position.z
+    const side = this.offHandModeLegacy ? -1 : 1
+    this.objectOuterGroup.position.set(
+      distance * position.x * aspect * side,
+      distance * position.y,
+      -distance
+    )
+
+    // const scale = Math.min(0.8, Math.max(1, 1 * aspect))
+    const scale = scaleData * 2.22 * 0.2
+    this.objectOuterGroup.scale.set(scale, scale, scale)
+  }
+
+  lastItemModelName: string | undefined
+  private async createItemModel (handItem: HandItemBlock): Promise<{ model: THREE.Object3D; type: 'hand' | 'block' | 'item' } | undefined> {
+    this.lastUpdate = performance.now()
+    if (!handItem || (handItem.type === 'hand' && !this.playerHand)) return undefined
+
+    let blockInner: THREE.Object3D | undefined
+    if (handItem.type === 'item' || handItem.type === 'block') {
+      const result = this.worldRenderer.entities.getItemMesh({
+        ...handItem.fullItem,
+        itemId: handItem.id,
+      }, {
+        'minecraft:display_context': 'firstperson',
+        'minecraft:use_duration': this.worldRenderer.playerStateReactive.itemUsageTicks,
+        'minecraft:using_item': !!this.worldRenderer.playerStateReactive.itemUsageTicks,
+      }, false, this.lastItemModelName)
+      if (result) {
+        const { mesh: itemMesh, isBlock, modelName } = result
+        if (isBlock) {
+          blockInner = itemMesh
+          handItem.type = 'block'
+        } else {
+          itemMesh.position.set(0.5, 0.5, 0.5)
+          blockInner = itemMesh
+          handItem.type = 'item'
+        }
+        this.lastItemModelName = modelName
+      }
+    } else {
+      blockInner = this.playerHand!
+    }
+    if (!blockInner) return
+    blockInner.name = 'holdingBlock'
+
+    const rotationDeg = this.getHandHeld3d().rotation
+    blockInner.rotation.x = THREE.MathUtils.degToRad(rotationDeg.x)
+    blockInner.rotation.y = THREE.MathUtils.degToRad(rotationDeg.y)
+    blockInner.rotation.z = THREE.MathUtils.degToRad(rotationDeg.z)
+
+    return { model: blockInner, type: handItem.type }
+  }
+
+  async replaceItemModel (handItem?: HandItemBlock): Promise<void> {
+    // if switch animation is in progress, do not replace the item
+    if (this.blockSwapAnimation?.switcher.isTransitioning) return
+
+    if (!handItem) {
+      this.holdingBlock?.removeFromParent()
+      this.holdingBlock = undefined
+      this.swingAnimator?.stopSwing()
+      this.swingAnimator = undefined
+      this.idleAnimator = undefined
+      return
+    }
+
+    const result = await this.createItemModel(handItem)
+    if (!result) return
+
+    // Update the model without changing the group structure
+    this.holdingBlock?.removeFromParent()
+    this.holdingBlock = result.model
+    this.holdingBlockInnerGroup.add(result.model)
+
+
+  }
+
+  testUnknownBlockSwitch () {
+    void this.setNewItem({
+      type: 'item',
+      name: 'minecraft:some-unknown-block',
+      id: 0,
+      fullItem: {}
+    })
+  }
+
+  switchRequest = 0
+  async setNewItem (handItem?: HandItemBlock) {
+    if (!this.isDifferentItem(handItem)) return
+    this.lastItemModelName = undefined
+    const switchRequest = ++this.switchRequest
+    this.lastHeldItem = handItem
+    let playAppearAnimation = false
+    if (this.holdingBlock) {
+      // play disappear animation
+      playAppearAnimation = true
+      const result = await this.playBlockSwapAnimation('disappeared')
+      if (!result) return
+      this.holdingBlock?.removeFromParent()
+      this.holdingBlock = undefined
+    }
+
+    if (!handItem) {
+      this.swingAnimator?.stopSwing()
+      this.swingAnimator = undefined
+      this.idleAnimator = undefined
+      this.blockSwapAnimation = undefined
+      return
+    }
+
+    if (switchRequest !== this.switchRequest) return
+    const result = await this.createItemModel(handItem)
+    if (!result || switchRequest !== this.switchRequest) return
+
+    const blockOuterGroup = new THREE.Group()
+    this.holdingBlockInnerGroup.removeFromParent()
+    this.holdingBlockInnerGroup = new THREE.Group()
+    this.holdingBlockInnerGroup.add(result.model)
+    blockOuterGroup.add(this.holdingBlockInnerGroup)
+    this.holdingBlock = result.model
+    this.objectInnerGroup = new THREE.Group()
+    this.objectInnerGroup.add(blockOuterGroup)
+    this.objectInnerGroup.position.set(-0.5, -0.5, -0.5)
+    if (playAppearAnimation) {
+      this.objectInnerGroup.position.y -= this.objectInnerGroup.scale.y * 1.5
+    }
+    Object.assign(blockOuterGroup.position, { x: 0.5, y: 0.5, z: 0.5 })
+
+    this.objectOuterGroup = new THREE.Group()
+    this.objectOuterGroup.add(this.objectInnerGroup)
+
+    this.cameraGroup.add(this.objectOuterGroup)
+    const rotationDeg = this.getHandHeld3d().rotation
+    this.objectOuterGroup.rotation.y = THREE.MathUtils.degToRad(rotationDeg.yOuter)
+
+    if (playAppearAnimation) {
+      await this.playBlockSwapAnimation('appeared')
+    }
+
+    this.swingAnimator = new HandSwingAnimator(this.holdingBlockInnerGroup)
+    this.swingAnimator.type = result.type
+    if (this.config.viewBobbing) {
+      this.idleAnimator = new HandIdleAnimator(this.holdingBlockInnerGroup, this.worldRenderer.playerStateReactive)
+    }
+  }
+
+  getHandHeld3d () {
+    const type = this.lastHeldItem?.type ?? 'hand'
+    const side = this.offHandModeLegacy ? 'Left' : 'Right'
+
+    let scale = 0.8 * 1.15 // default scale for hand
+    let position = {
+      x: 0.4,
+      y: -0.7,
+      z: -0.45
+    }
+    let rotation = {
+      x: -32.4,
+      y: 42.8,
+      z: -41.3,
+      yOuter: 0
+    }
+
+    if (type === 'item') {
+      const itemData = rotationPositionData[`item${side}`]
+      position = {
+        x: -0.05,
+        y: -0.7,
+        z: -0.45
+      }
+      rotation = {
+        x: itemData.rotation[0],
+        y: itemData.rotation[1],
+        z: itemData.rotation[2],
+        yOuter: 0
+      }
+      scale = itemData.scale[0] * 1.15
+    } else if (type === 'block') {
+      const blockData = rotationPositionData[`block${side}`]
+      position = {
+        x: 0.4,
+        y: -0.7,
+        z: -0.45
+      }
+      rotation = {
+        x: blockData.rotation[0],
+        y: blockData.rotation[1],
+        z: blockData.rotation[2],
+        yOuter: 0
+      }
+      scale = blockData.scale[0] * 1.15
+    }
+
+    return {
+      rotation,
+      position,
+      scale
+    }
+  }
+}
+
+class HandIdleAnimator {
+  globalTime = 0
+  lastTime = 0
+  currentState: MovementState
+  targetState: MovementState
+  defaultPosition: { x: number; y: number; z: number; rotationX: number; rotationY: number; rotationZ: number }
+  private readonly idleOffset = { y: 0, rotationZ: 0 }
+  private readonly tween = new tweenJs.Group()
+  private idleTween: tweenJs.Tween<{ y: number; rotationZ: number }> | null = null
+  private readonly stateSwitcher: SmoothSwitcher
+
+  // Debug parameters
+  private readonly debugParams = {
+    // Transition durations for different state changes
+    walkingSpeed: 8,
+    sprintingSpeed: 16,
+    walkingAmplitude: { x: 1 / 30, y: 1 / 10, rotationZ: 0.25 },
+    sprintingAmplitude: { x: 1 / 30, y: 1 / 10, rotationZ: 0.4 }
+  }
+
+  private readonly debugGui: DebugGui
+
+  constructor (public handMesh: THREE.Object3D, public playerState: PlayerStateRenderer) {
+    this.handMesh = handMesh
+    this.globalTime = 0
+    this.currentState = 'NOT_MOVING'
+    this.targetState = 'NOT_MOVING'
+
+    this.defaultPosition = {
+      x: handMesh.position.x,
+      y: handMesh.position.y,
+      z: handMesh.position.z,
+      rotationX: handMesh.rotation.x,
+      rotationY: handMesh.rotation.y,
+      rotationZ: handMesh.rotation.z
+    }
+
+    // Initialize state switcher with appropriate speeds
+    this.stateSwitcher = new SmoothSwitcher(
+      () => {
+        return {
+          x: this.handMesh.position.x,
+          y: this.handMesh.position.y,
+          z: this.handMesh.position.z,
+          rotationX: this.handMesh.rotation.x,
+          rotationY: this.handMesh.rotation.y,
+          rotationZ: this.handMesh.rotation.z
+        }
+      },
+      (property, value) => {
+        switch (property) {
+          case 'x': this.handMesh.position.x = value; break
+          case 'y': this.handMesh.position.y = value; break
+          case 'z': this.handMesh.position.z = value; break
+          case 'rotationX': this.handMesh.rotation.x = value; break
+          case 'rotationY': this.handMesh.rotation.y = value; break
+          case 'rotationZ': this.handMesh.rotation.z = value; break
+        }
+      },
+      {
+        x: 2, // units per second
+        y: 2,
+        z: 2,
+        rotation: Math.PI // radians per second
+      }
+    )
+
+    // Initialize debug GUI
+    this.debugGui = new DebugGui('idle_animator', this.debugParams)
+    // this.debugGui.activate()
+  }
+
+  private startIdleAnimation () {
+    if (this.idleTween) {
+      this.idleTween.stop()
+    }
+
+    // Start from current position for smooth transition
+    this.idleOffset.y = this.handMesh.position.y - this.defaultPosition.y
+    this.idleOffset.rotationZ = this.handMesh.rotation.z - this.defaultPosition.rotationZ
+
+    this.idleTween = new tweenJs.Tween(this.idleOffset, this.tween)
+      .to({
+        y: 0.05,
+        rotationZ: 0.05
+      }, 3000)
+      .easing(tweenJs.Easing.Sinusoidal.InOut)
+      .yoyo(true)
+      .repeat(Infinity)
+      .start()
+  }
+
+  private stopIdleAnimation () {
+    if (this.idleTween) {
+      this.idleTween.stop()
+      this.idleOffset.y = 0
+      this.idleOffset.rotationZ = 0
+    }
+  }
+
+  private getStateTransform (state: MovementState, time: number) {
+    switch (state) {
+      case 'NOT_MOVING':
+      case 'SNEAKING':
+        return {
+          x: this.defaultPosition.x,
+          y: this.defaultPosition.y,
+          z: this.defaultPosition.z,
+          rotationX: this.defaultPosition.rotationX,
+          rotationY: this.defaultPosition.rotationY,
+          rotationZ: this.defaultPosition.rotationZ
+        }
+      case 'WALKING':
+      case 'SPRINTING': {
+        const speed = state === 'SPRINTING' ? this.debugParams.sprintingSpeed : this.debugParams.walkingSpeed
+        const amplitude = state === 'SPRINTING' ? this.debugParams.sprintingAmplitude : this.debugParams.walkingAmplitude
+
+        return {
+          x: this.defaultPosition.x + Math.sin(time * speed) * amplitude.x,
+          y: this.defaultPosition.y - Math.abs(Math.cos(time * speed)) * amplitude.y,
+          z: this.defaultPosition.z,
+          rotationX: this.defaultPosition.rotationX,
+          rotationY: this.defaultPosition.rotationY,
+          // rotationZ: this.defaultPosition.rotationZ + Math.sin(time * speed) * amplitude.rotationZ
+          rotationZ: this.defaultPosition.rotationZ
+        }
+      }
+    }
+  }
+
+  setState (newState: MovementState) {
+    if (newState === this.targetState) return
+
+    this.targetState = newState
+    const noTransition = false
+    if (this.currentState !== newState) {
+      // Stop idle animation during state transitions
+      this.stopIdleAnimation()
+
+      // Calculate new state transform
+      if (!noTransition) {
+        // this.globalTime = 0
+        const stateTransform = this.getStateTransform(newState, this.globalTime)
+
+        // Start transition to new state
+        this.stateSwitcher.transitionTo(stateTransform, newState)
+        // this.updated = false
+      }
+      this.currentState = newState
+    }
+  }
+
+  updated = false
+  update () {
+    this.stateSwitcher.update()
+
+    const now = performance.now()
+    const deltaTime = (now - this.lastTime) / 1000
+    this.lastTime = now
+
+    // Update global time based on current state
+    if (!this.stateSwitcher.isTransitioning) {
+      switch (this.currentState) {
+        case 'NOT_MOVING':
+        case 'SNEAKING':
+          this.globalTime = Math.PI / 4
+          break
+        case 'SPRINTING':
+        case 'WALKING':
+          this.globalTime += deltaTime
+          break
+      }
+    }
+
+    // Check for state changes from player state
+    if (this.playerState) {
+      const newState = this.playerState.movementState
+      if (newState !== this.targetState) {
+        this.setState(newState)
+      }
+    }
+
+    // If we're not transitioning between states and in a stable state that should have idle animation
+    if (!this.stateSwitcher.isTransitioning &&
+      (this.currentState === 'NOT_MOVING' || this.currentState === 'SNEAKING')) {
+      // Start idle animation if not already running
+      if (!this.idleTween?.isPlaying()) {
+        this.startIdleAnimation()
+      }
+      // Update idle animation
+      this.tween.update()
+
+      // Apply idle offsets
+      this.handMesh.position.y = this.defaultPosition.y + this.idleOffset.y
+      this.handMesh.rotation.z = this.defaultPosition.rotationZ + this.idleOffset.rotationZ
+    }
+
+    // If we're in a movement state and not transitioning, update the movement animation
+    if (!this.stateSwitcher.isTransitioning &&
+      (this.currentState === 'WALKING' || this.currentState === 'SPRINTING')) {
+      const stateTransform = this.getStateTransform(this.currentState, this.globalTime)
+      Object.assign(this.handMesh.position, stateTransform)
+      Object.assign(this.handMesh.rotation, {
+        x: stateTransform.rotationX,
+        y: stateTransform.rotationY,
+        z: stateTransform.rotationZ
+      })
+      // this.stateSwitcher.transitionTo(stateTransform, this.currentState)
+    }
+  }
+
+  getCurrentState () {
+    return this.currentState
+  }
+
+  destroy () {
+    this.stopIdleAnimation()
+    this.stateSwitcher.forceFinish()
+  }
+}
+
+class HandSwingAnimator {
+  private readonly PI = Math.PI
+  private animationTimer = 0
+  private lastTime = 0
+  private isAnimating = false
+  private stopRequested = false
+  private readonly originalRotation: THREE.Euler
+  private readonly originalPosition: THREE.Vector3
+  private readonly originalScale: THREE.Vector3
+
+  readonly debugParams = {
+    // Animation timing
+    animationTime: 250,
+    animationStage: 0,
+    useClassicSwing: true,
+
+    // Item/Block animation parameters
+    itemSwingXPosScale: -0.8,
+    itemSwingYPosScale: 0.2,
+    itemSwingZPosScale: -0.2,
+    itemHeightScale: -0.6,
+    itemPreswingRotY: 45,
+    itemSwingXRotAmount: -30,
+    itemSwingYRotAmount: -35,
+    itemSwingZRotAmount: -5,
+
+    // Hand/Arm animation parameters
+    armSwingXPosScale: -0.3,
+    armSwingYPosScale: 0.4,
+    armSwingZPosScale: -0.4,
+    armSwingYRotAmount: 70,
+    armSwingZRotAmount: -20,
+    armHeightScale: -0.6
+  }
+
+  private readonly debugGui: DebugGui
+
+  public type: 'hand' | 'block' | 'item' = 'hand'
+
+  constructor (public handMesh: THREE.Object3D) {
+    this.handMesh = handMesh
+    // Store initial transforms
+    this.originalRotation = handMesh.rotation.clone()
+    this.originalPosition = handMesh.position.clone()
+    this.originalScale = handMesh.scale.clone()
+
+    // Initialize debug GUI
+    this.debugGui = new DebugGui('hand_animator', this.debugParams, undefined, {
+      animationStage: {
+        min: 0,
+        max: 1,
+        step: 0.01
+      },
+      // Add ranges for all animation parameters
+      itemSwingXPosScale: { min: -2, max: 2, step: 0.1 },
+      itemSwingYPosScale: { min: -2, max: 2, step: 0.1 },
+      itemSwingZPosScale: { min: -2, max: 2, step: 0.1 },
+      itemHeightScale: { min: -2, max: 2, step: 0.1 },
+      itemPreswingRotY: { min: -180, max: 180, step: 5 },
+      itemSwingXRotAmount: { min: -180, max: 180, step: 5 },
+      itemSwingYRotAmount: { min: -180, max: 180, step: 5 },
+      itemSwingZRotAmount: { min: -180, max: 180, step: 5 },
+      armSwingXPosScale: { min: -2, max: 2, step: 0.1 },
+      armSwingYPosScale: { min: -2, max: 2, step: 0.1 },
+      armSwingZPosScale: { min: -2, max: 2, step: 0.1 },
+      armSwingYRotAmount: { min: -180, max: 180, step: 5 },
+      armSwingZRotAmount: { min: -180, max: 180, step: 5 },
+      armHeightScale: { min: -2, max: 2, step: 0.1 }
+    })
+    // this.debugGui.activate()
+  }
+
+  update () {
+    if (!this.isAnimating && !this.debugParams.animationStage) {
+      // If not animating, ensure we're at original position
+      this.handMesh.rotation.copy(this.originalRotation)
+      this.handMesh.position.copy(this.originalPosition)
+      this.handMesh.scale.copy(this.originalScale)
+      return
+    }
+
+    const now = performance.now()
+    const deltaTime = (now - this.lastTime) / 1000
+    this.lastTime = now
+
+    // Update animation progress
+    this.animationTimer += deltaTime * 1000 // Convert to ms
+
+    // Calculate animation stage (0 to 1)
+    const stage = this.debugParams.animationStage || Math.min(this.animationTimer / this.debugParams.animationTime, 1)
+
+    if (stage >= 1) {
+      // Animation complete
+      if (this.stopRequested) {
+        // If stop was requested, actually stop now that we've completed a swing
+        this.isAnimating = false
+        this.stopRequested = false
+        this.animationTimer = 0
+        this.handMesh.rotation.copy(this.originalRotation)
+        this.handMesh.position.copy(this.originalPosition)
+        this.handMesh.scale.copy(this.originalScale)
+        return
+      }
+      // Otherwise reset timer and continue
+      this.animationTimer = 0
+      return
+    }
+
+    // Start from original transforms
+    this.handMesh.rotation.copy(this.originalRotation)
+    this.handMesh.position.copy(this.originalPosition)
+    this.handMesh.scale.copy(this.originalScale)
+
+    // Calculate swing progress
+    const swingProgress = stage
+    const sqrtProgress = Math.sqrt(swingProgress)
+    const sinProgress = Math.sin(swingProgress * this.PI)
+    const sinSqrtProgress = Math.sin(sqrtProgress * this.PI)
+
+    if (this.type === 'hand') {
+      // Hand animation
+      const xOffset = this.debugParams.armSwingXPosScale * sinSqrtProgress
+      const yOffset = this.debugParams.armSwingYPosScale * Math.sin(sqrtProgress * this.PI * 2)
+      const zOffset = this.debugParams.armSwingZPosScale * sinProgress
+
+      this.handMesh.position.x += xOffset
+      this.handMesh.position.y += yOffset + this.debugParams.armHeightScale * swingProgress
+      this.handMesh.position.z += zOffset
+
+      // Rotations
+      this.handMesh.rotation.y += THREE.MathUtils.degToRad(this.debugParams.armSwingYRotAmount * sinSqrtProgress)
+      this.handMesh.rotation.z += THREE.MathUtils.degToRad(this.debugParams.armSwingZRotAmount * sinProgress)
+    } else {
+      // Item/Block animation
+      const xOffset = this.debugParams.itemSwingXPosScale * sinSqrtProgress
+      const yOffset = this.debugParams.itemSwingYPosScale * Math.sin(sqrtProgress * this.PI * 2)
+      const zOffset = this.debugParams.itemSwingZPosScale * sinProgress
+
+      this.handMesh.position.x += xOffset
+      this.handMesh.position.y += yOffset + this.debugParams.itemHeightScale * swingProgress
+      this.handMesh.position.z += zOffset
+
+      // Pre-swing rotation
+      this.handMesh.rotation.y += THREE.MathUtils.degToRad(this.debugParams.itemPreswingRotY)
+
+      // Swing rotations
+      this.handMesh.rotation.x += THREE.MathUtils.degToRad(this.debugParams.itemSwingXRotAmount * sinProgress)
+      this.handMesh.rotation.y += THREE.MathUtils.degToRad(this.debugParams.itemSwingYRotAmount * sinSqrtProgress)
+      this.handMesh.rotation.z += THREE.MathUtils.degToRad(this.debugParams.itemSwingZRotAmount * sinProgress)
+    }
+  }
+
+  startSwing () {
+    this.stopRequested = false
+    if (this.isAnimating) return
+
+    this.isAnimating = true
+    this.animationTimer = 0
+    this.lastTime = performance.now()
+  }
+
+  stopSwing () {
+    if (!this.isAnimating) return
+    this.stopRequested = true
+  }
+
+  isCurrentlySwinging () {
+    return this.isAnimating
+  }
+}
+
+export const getBlockMeshFromModel = (material: THREE.Material, model: BlockModel, name: string, blockProvider: WorldBlockProvider) => {
+  const worldRenderModel = blockProvider.transformModel(model, {
+    name,
+    properties: {}
+  }) as any
+  return getThreeBlockModelGroup(material, [[worldRenderModel]], undefined, 'plains', loadedData)
+}
diff --git a/renderer/viewer/three/itemMesh.ts b/renderer/viewer/three/itemMesh.ts
new file mode 100644
index 00000000..3fa069b9
--- /dev/null
+++ b/renderer/viewer/three/itemMesh.ts
@@ -0,0 +1,427 @@
+import * as THREE from 'three'
+
+export interface Create3DItemMeshOptions {
+  depth: number
+  pixelSize?: number
+}
+
+export interface Create3DItemMeshResult {
+  geometry: THREE.BufferGeometry
+  totalVertices: number
+  totalTriangles: number
+}
+
+/**
+ * Creates a 3D item geometry with front/back faces and connecting edges
+ * from a canvas containing the item texture
+ */
+export function create3DItemMesh (
+  canvas: HTMLCanvasElement,
+  options: Create3DItemMeshOptions
+): Create3DItemMeshResult {
+  const { depth, pixelSize } = options
+
+  // Validate canvas dimensions
+  if (canvas.width <= 0 || canvas.height <= 0) {
+    throw new Error(`Invalid canvas dimensions: ${canvas.width}x${canvas.height}`)
+  }
+
+  const ctx = canvas.getContext('2d')!
+  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height)
+  const { data } = imageData
+
+  const w = canvas.width
+  const h = canvas.height
+  const halfDepth = depth / 2
+  const actualPixelSize = pixelSize ?? (1 / Math.max(w, h))
+
+  // Find opaque pixels
+  const isOpaque = (x: number, y: number) => {
+    if (x < 0 || y < 0 || x >= w || y >= h) return false
+    const i = (y * w + x) * 4
+    return data[i + 3] > 128 // alpha > 128
+  }
+
+  const vertices: number[] = []
+  const indices: number[] = []
+  const uvs: number[] = []
+  const normals: number[] = []
+
+  let vertexIndex = 0
+
+  // Helper to add a vertex
+  const addVertex = (x: number, y: number, z: number, u: number, v: number, nx: number, ny: number, nz: number) => {
+    vertices.push(x, y, z)
+    uvs.push(u, v)
+    normals.push(nx, ny, nz)
+    return vertexIndex++
+  }
+
+  // Helper to add a quad (two triangles)
+  const addQuad = (v0: number, v1: number, v2: number, v3: number) => {
+    indices.push(v0, v1, v2, v0, v2, v3)
+  }
+
+  // Convert pixel coordinates to world coordinates
+  const pixelToWorld = (px: number, py: number) => {
+    const x = (px / w - 0.5) * actualPixelSize * w
+    const y = -(py / h - 0.5) * actualPixelSize * h
+    return { x, y }
+  }
+
+  // Create a grid of vertices for front and back faces
+  const frontVertices: Array<Array<number | null>> = Array.from({ length: h + 1 }, () => Array.from({ length: w + 1 }, () => null))
+  const backVertices: Array<Array<number | null>> = Array.from({ length: h + 1 }, () => Array.from({ length: w + 1 }, () => null))
+
+  // Create vertices at pixel corners
+  for (let py = 0; py <= h; py++) {
+    for (let px = 0; px <= w; px++) {
+      const { x, y } = pixelToWorld(px - 0.5, py - 0.5)
+
+      // UV coordinates should map to the texture space of the extracted tile
+      const u = px / w
+      const v = py / h
+
+      // Check if this vertex is needed for any face or edge
+      let needVertex = false
+
+      // Check all 4 adjacent pixels to see if any are opaque
+      const adjacentPixels = [
+        [px - 1, py - 1], // top-left pixel
+        [px, py - 1], // top-right pixel
+        [px - 1, py], // bottom-left pixel
+        [px, py] // bottom-right pixel
+      ]
+
+      for (const [adjX, adjY] of adjacentPixels) {
+        if (isOpaque(adjX, adjY)) {
+          needVertex = true
+          break
+        }
+      }
+
+      if (needVertex) {
+        frontVertices[py][px] = addVertex(x, y, halfDepth, u, v, 0, 0, 1)
+        backVertices[py][px] = addVertex(x, y, -halfDepth, u, v, 0, 0, -1)
+      }
+    }
+  }
+
+  // Create front and back faces
+  for (let py = 0; py < h; py++) {
+    for (let px = 0; px < w; px++) {
+      if (!isOpaque(px, py)) continue
+
+      const v00 = frontVertices[py][px]
+      const v10 = frontVertices[py][px + 1]
+      const v11 = frontVertices[py + 1][px + 1]
+      const v01 = frontVertices[py + 1][px]
+
+      const b00 = backVertices[py][px]
+      const b10 = backVertices[py][px + 1]
+      const b11 = backVertices[py + 1][px + 1]
+      const b01 = backVertices[py + 1][px]
+
+      if (v00 !== null && v10 !== null && v11 !== null && v01 !== null) {
+        // Front face
+        addQuad(v00, v10, v11, v01)
+      }
+
+      if (b00 !== null && b10 !== null && b11 !== null && b01 !== null) {
+        // Back face (reversed winding)
+        addQuad(b10, b00, b01, b11)
+      }
+    }
+  }
+
+  // Create edge faces for each side of the pixel with proper UVs
+  for (let py = 0; py < h; py++) {
+    for (let px = 0; px < w; px++) {
+      if (!isOpaque(px, py)) continue
+
+      const pixelU = (px + 0.5) / w // Center of current pixel
+      const pixelV = (py + 0.5) / h
+
+      // Left edge (x = px)
+      if (!isOpaque(px - 1, py)) {
+        const f0 = frontVertices[py][px]
+        const f1 = frontVertices[py + 1][px]
+        const b0 = backVertices[py][px]
+        const b1 = backVertices[py + 1][px]
+
+        if (f0 !== null && f1 !== null && b0 !== null && b1 !== null) {
+          // Create new vertices for edge with current pixel's UV
+          const ef0 = addVertex(vertices[f0 * 3], vertices[f0 * 3 + 1], vertices[f0 * 3 + 2], pixelU, pixelV, -1, 0, 0)
+          const ef1 = addVertex(vertices[f1 * 3], vertices[f1 * 3 + 1], vertices[f1 * 3 + 2], pixelU, pixelV, -1, 0, 0)
+          const eb1 = addVertex(vertices[b1 * 3], vertices[b1 * 3 + 1], vertices[b1 * 3 + 2], pixelU, pixelV, -1, 0, 0)
+          const eb0 = addVertex(vertices[b0 * 3], vertices[b0 * 3 + 1], vertices[b0 * 3 + 2], pixelU, pixelV, -1, 0, 0)
+          addQuad(ef0, ef1, eb1, eb0)
+        }
+      }
+
+      // Right edge (x = px + 1)
+      if (!isOpaque(px + 1, py)) {
+        const f0 = frontVertices[py + 1][px + 1]
+        const f1 = frontVertices[py][px + 1]
+        const b0 = backVertices[py + 1][px + 1]
+        const b1 = backVertices[py][px + 1]
+
+        if (f0 !== null && f1 !== null && b0 !== null && b1 !== null) {
+          const ef0 = addVertex(vertices[f0 * 3], vertices[f0 * 3 + 1], vertices[f0 * 3 + 2], pixelU, pixelV, 1, 0, 0)
+          const ef1 = addVertex(vertices[f1 * 3], vertices[f1 * 3 + 1], vertices[f1 * 3 + 2], pixelU, pixelV, 1, 0, 0)
+          const eb1 = addVertex(vertices[b1 * 3], vertices[b1 * 3 + 1], vertices[b1 * 3 + 2], pixelU, pixelV, 1, 0, 0)
+          const eb0 = addVertex(vertices[b0 * 3], vertices[b0 * 3 + 1], vertices[b0 * 3 + 2], pixelU, pixelV, 1, 0, 0)
+          addQuad(ef0, ef1, eb1, eb0)
+        }
+      }
+
+      // Top edge (y = py)
+      if (!isOpaque(px, py - 1)) {
+        const f0 = frontVertices[py][px]
+        const f1 = frontVertices[py][px + 1]
+        const b0 = backVertices[py][px]
+        const b1 = backVertices[py][px + 1]
+
+        if (f0 !== null && f1 !== null && b0 !== null && b1 !== null) {
+          const ef0 = addVertex(vertices[f0 * 3], vertices[f0 * 3 + 1], vertices[f0 * 3 + 2], pixelU, pixelV, 0, -1, 0)
+          const ef1 = addVertex(vertices[f1 * 3], vertices[f1 * 3 + 1], vertices[f1 * 3 + 2], pixelU, pixelV, 0, -1, 0)
+          const eb1 = addVertex(vertices[b1 * 3], vertices[b1 * 3 + 1], vertices[b1 * 3 + 2], pixelU, pixelV, 0, -1, 0)
+          const eb0 = addVertex(vertices[b0 * 3], vertices[b0 * 3 + 1], vertices[b0 * 3 + 2], pixelU, pixelV, 0, -1, 0)
+          addQuad(ef0, ef1, eb1, eb0)
+        }
+      }
+
+      // Bottom edge (y = py + 1)
+      if (!isOpaque(px, py + 1)) {
+        const f0 = frontVertices[py + 1][px + 1]
+        const f1 = frontVertices[py + 1][px]
+        const b0 = backVertices[py + 1][px + 1]
+        const b1 = backVertices[py + 1][px]
+
+        if (f0 !== null && f1 !== null && b0 !== null && b1 !== null) {
+          const ef0 = addVertex(vertices[f0 * 3], vertices[f0 * 3 + 1], vertices[f0 * 3 + 2], pixelU, pixelV, 0, 1, 0)
+          const ef1 = addVertex(vertices[f1 * 3], vertices[f1 * 3 + 1], vertices[f1 * 3 + 2], pixelU, pixelV, 0, 1, 0)
+          const eb1 = addVertex(vertices[b1 * 3], vertices[b1 * 3 + 1], vertices[b1 * 3 + 2], pixelU, pixelV, 0, 1, 0)
+          const eb0 = addVertex(vertices[b0 * 3], vertices[b0 * 3 + 1], vertices[b0 * 3 + 2], pixelU, pixelV, 0, 1, 0)
+          addQuad(ef0, ef1, eb1, eb0)
+        }
+      }
+    }
+  }
+
+  const geometry = new THREE.BufferGeometry()
+  geometry.setAttribute('position', new THREE.Float32BufferAttribute(vertices, 3))
+  geometry.setAttribute('uv', new THREE.Float32BufferAttribute(uvs, 2))
+  geometry.setAttribute('normal', new THREE.Float32BufferAttribute(normals, 3))
+  geometry.setIndex(indices)
+
+  // Compute normals properly
+  geometry.computeVertexNormals()
+
+  return {
+    geometry,
+    totalVertices: vertexIndex,
+    totalTriangles: indices.length / 3
+  }
+}
+
+export interface ItemTextureInfo {
+  u: number
+  v: number
+  sizeX: number
+  sizeY: number
+}
+
+export interface ItemMeshResult {
+  mesh: THREE.Object3D
+  itemsTexture?: THREE.Texture
+  itemsTextureFlipped?: THREE.Texture
+  cleanup?: () => void
+}
+
+/**
+ * Extracts item texture region to a canvas
+ */
+export function extractItemTextureToCanvas (
+  sourceTexture: THREE.Texture,
+  textureInfo: ItemTextureInfo
+): HTMLCanvasElement {
+  const { u, v, sizeX, sizeY } = textureInfo
+
+  // Calculate canvas size - fix the calculation
+  const canvasWidth = Math.max(1, Math.floor(sizeX * sourceTexture.image.width))
+  const canvasHeight = Math.max(1, Math.floor(sizeY * sourceTexture.image.height))
+
+  const canvas = document.createElement('canvas')
+  canvas.width = canvasWidth
+  canvas.height = canvasHeight
+
+  const ctx = canvas.getContext('2d')!
+  ctx.imageSmoothingEnabled = false
+
+  // Draw the item texture region to canvas
+  ctx.drawImage(
+    sourceTexture.image,
+    u * sourceTexture.image.width,
+    v * sourceTexture.image.height,
+    sizeX * sourceTexture.image.width,
+    sizeY * sourceTexture.image.height,
+    0,
+    0,
+    canvas.width,
+    canvas.height
+  )
+
+  return canvas
+}
+
+/**
+ * Creates either a 2D or 3D item mesh based on parameters
+ */
+export function createItemMesh (
+  sourceTexture: THREE.Texture,
+  textureInfo: ItemTextureInfo,
+  options: {
+    faceCamera?: boolean
+    use3D?: boolean
+    depth?: number
+  } = {}
+): ItemMeshResult {
+  const { faceCamera = false, use3D = true, depth = 0.04 } = options
+  const { u, v, sizeX, sizeY } = textureInfo
+
+  if (faceCamera) {
+    // Create sprite for camera-facing items
+    const itemsTexture = sourceTexture.clone()
+    itemsTexture.flipY = true
+    itemsTexture.offset.set(u, 1 - v - sizeY)
+    itemsTexture.repeat.set(sizeX, sizeY)
+    itemsTexture.needsUpdate = true
+    itemsTexture.magFilter = THREE.NearestFilter
+    itemsTexture.minFilter = THREE.NearestFilter
+
+    const spriteMat = new THREE.SpriteMaterial({
+      map: itemsTexture,
+      transparent: true,
+      alphaTest: 0.1,
+    })
+    const mesh = new THREE.Sprite(spriteMat)
+
+    return {
+      mesh,
+      itemsTexture,
+      cleanup () {
+        itemsTexture.dispose()
+      }
+    }
+  }
+
+  if (use3D) {
+    // Try to create 3D mesh
+    try {
+      const canvas = extractItemTextureToCanvas(sourceTexture, textureInfo)
+      const { geometry } = create3DItemMesh(canvas, { depth })
+
+      // Create texture from canvas for the 3D mesh
+      const itemsTexture = new THREE.CanvasTexture(canvas)
+      itemsTexture.magFilter = THREE.NearestFilter
+      itemsTexture.minFilter = THREE.NearestFilter
+      itemsTexture.wrapS = itemsTexture.wrapT = THREE.ClampToEdgeWrapping
+      itemsTexture.flipY = false
+      itemsTexture.needsUpdate = true
+
+      const material = new THREE.MeshStandardMaterial({
+        map: itemsTexture,
+        side: THREE.DoubleSide,
+        transparent: true,
+        alphaTest: 0.1,
+      })
+
+      const mesh = new THREE.Mesh(geometry, material)
+
+      return {
+        mesh,
+        itemsTexture,
+        cleanup () {
+          itemsTexture.dispose()
+          geometry.dispose()
+          if (material.map) material.map.dispose()
+          material.dispose()
+        }
+      }
+    } catch (error) {
+      console.warn('Failed to create 3D item mesh, falling back to 2D:', error)
+      // Fall through to 2D rendering
+    }
+  }
+
+  // Fallback to 2D flat rendering
+  const itemsTexture = sourceTexture.clone()
+  itemsTexture.flipY = true
+  itemsTexture.offset.set(u, 1 - v - sizeY)
+  itemsTexture.repeat.set(sizeX, sizeY)
+  itemsTexture.needsUpdate = true
+  itemsTexture.magFilter = THREE.NearestFilter
+  itemsTexture.minFilter = THREE.NearestFilter
+
+  const itemsTextureFlipped = itemsTexture.clone()
+  itemsTextureFlipped.repeat.x *= -1
+  itemsTextureFlipped.needsUpdate = true
+  itemsTextureFlipped.offset.set(u + sizeX, 1 - v - sizeY)
+
+  const material = new THREE.MeshStandardMaterial({
+    map: itemsTexture,
+    transparent: true,
+    alphaTest: 0.1,
+  })
+  const materialFlipped = new THREE.MeshStandardMaterial({
+    map: itemsTextureFlipped,
+    transparent: true,
+    alphaTest: 0.1,
+  })
+  const mesh = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 0), [
+    new THREE.MeshBasicMaterial({ color: 0x00_00_00 }), new THREE.MeshBasicMaterial({ color: 0x00_00_00 }),
+    new THREE.MeshBasicMaterial({ color: 0x00_00_00 }), new THREE.MeshBasicMaterial({ color: 0x00_00_00 }),
+    material, materialFlipped,
+  ])
+
+  return {
+    mesh,
+    itemsTexture,
+    itemsTextureFlipped,
+    cleanup () {
+      itemsTexture.dispose()
+      itemsTextureFlipped.dispose()
+      material.dispose()
+      materialFlipped.dispose()
+    }
+  }
+}
+
+/**
+ * Creates a complete 3D item mesh from a canvas texture
+ */
+export function createItemMeshFromCanvas (
+  canvas: HTMLCanvasElement,
+  options: Create3DItemMeshOptions
+): THREE.Mesh {
+  const { geometry } = create3DItemMesh(canvas, options)
+
+  // Base color texture for the item
+  const colorTexture = new THREE.CanvasTexture(canvas)
+  colorTexture.magFilter = THREE.NearestFilter
+  colorTexture.minFilter = THREE.NearestFilter
+  colorTexture.wrapS = colorTexture.wrapT = THREE.ClampToEdgeWrapping
+  colorTexture.flipY = false // Important for canvas textures
+  colorTexture.needsUpdate = true
+
+  // Material - no transparency, no alpha test needed for edges
+  const material = new THREE.MeshBasicMaterial({
+    map: colorTexture,
+    side: THREE.DoubleSide,
+    transparent: true,
+    alphaTest: 0.1
+  })
+
+  return new THREE.Mesh(geometry, material)
+}
diff --git a/renderer/viewer/three/panorama.ts b/renderer/viewer/three/panorama.ts
new file mode 100644
index 00000000..254b980c
--- /dev/null
+++ b/renderer/viewer/three/panorama.ts
@@ -0,0 +1,302 @@
+import { join } from 'path'
+import * as THREE from 'three'
+import { getSyncWorld } from 'renderer/playground/shared'
+import { Vec3 } from 'vec3'
+import * as tweenJs from '@tweenjs/tween.js'
+import type { GraphicsInitOptions } from '../../../src/appViewer'
+import { WorldDataEmitter } from '../lib/worldDataEmitter'
+import { defaultWorldRendererConfig, WorldRendererCommon } from '../lib/worldrendererCommon'
+import { getDefaultRendererState } from '../baseGraphicsBackend'
+import { ResourcesManager } from '../../../src/resourcesManager'
+import { getInitialPlayerStateRenderer } from '../lib/basePlayerState'
+import { loadThreeJsTextureFromUrl, loadThreeJsTextureFromUrlSync } from './threeJsUtils'
+import { WorldRendererThree } from './worldrendererThree'
+import { EntityMesh } from './entity/EntityMesh'
+import { DocumentRenderer } from './documentRenderer'
+import { PANORAMA_VERSION } from './panoramaShared'
+
+const panoramaFiles = [
+  'panorama_3.png', // right (+x)
+  'panorama_1.png', // left (-x)
+  'panorama_4.png', // top (+y)
+  'panorama_5.png', // bottom (-y)
+  'panorama_0.png', // front (+z)
+  'panorama_2.png', // back (-z)
+]
+
+export class PanoramaRenderer {
+  private readonly camera: THREE.PerspectiveCamera
+  private scene: THREE.Scene
+  private readonly ambientLight: THREE.AmbientLight
+  private readonly directionalLight: THREE.DirectionalLight
+  private panoramaGroup: THREE.Object3D | null = null
+  private time = 0
+  private readonly abortController = new AbortController()
+  private worldRenderer: WorldRendererCommon | WorldRendererThree | undefined
+  public WorldRendererClass = WorldRendererThree
+  public startTimes = new Map<THREE.MeshBasicMaterial, number>()
+
+  constructor (private readonly documentRenderer: DocumentRenderer, private readonly options: GraphicsInitOptions, private readonly doWorldBlocksPanorama = false) {
+    this.scene = new THREE.Scene()
+    // #324568
+    this.scene.background = new THREE.Color(0x32_45_68)
+
+    // Add ambient light
+    this.ambientLight = new THREE.AmbientLight(0xcc_cc_cc)
+    this.scene.add(this.ambientLight)
+
+    // Add directional light
+    this.directionalLight = new THREE.DirectionalLight(0xff_ff_ff, 0.5)
+    this.directionalLight.position.set(1, 1, 0.5).normalize()
+    this.directionalLight.castShadow = true
+    this.scene.add(this.directionalLight)
+
+    this.camera = new THREE.PerspectiveCamera(85, this.documentRenderer.canvas.width / this.documentRenderer.canvas.height, 0.05, 1000)
+    this.camera.position.set(0, 0, 0)
+    this.camera.rotation.set(0, 0, 0)
+  }
+
+  async start () {
+    if (this.doWorldBlocksPanorama) {
+      await this.worldBlocksPanorama()
+    } else {
+      this.addClassicPanorama()
+    }
+
+
+    this.documentRenderer.render = (sizeChanged = false) => {
+      if (sizeChanged) {
+        this.camera.aspect = this.documentRenderer.canvas.width / this.documentRenderer.canvas.height
+        this.camera.updateProjectionMatrix()
+      }
+      this.documentRenderer.renderer.render(this.scene, this.camera)
+    }
+  }
+
+  async debugImageInFrontOfCamera () {
+    const image = await loadThreeJsTextureFromUrl(join('background', 'panorama_0.png'))
+    const mesh = new THREE.Mesh(new THREE.PlaneGeometry(1000, 1000), new THREE.MeshBasicMaterial({ map: image }))
+    mesh.position.set(0, 0, -500)
+    mesh.rotation.set(0, 0, 0)
+    this.scene.add(mesh)
+  }
+
+  addClassicPanorama () {
+    const panorGeo = new THREE.BoxGeometry(1000, 1000, 1000)
+    const panorMaterials = [] as THREE.MeshBasicMaterial[]
+    const fadeInDuration = 200
+
+    // void this.debugImageInFrontOfCamera()
+
+    for (const file of panoramaFiles) {
+      const load = async () => {
+        const { texture } = loadThreeJsTextureFromUrlSync(join('background', file))
+
+        // Instead of using repeat/offset to flip, we'll use the texture matrix
+        texture.matrixAutoUpdate = false
+        texture.matrix.set(
+          -1, 0, 1, 0, 1, 0, 0, 0, 1
+        )
+
+        texture.wrapS = THREE.ClampToEdgeWrapping
+        texture.wrapT = THREE.ClampToEdgeWrapping
+        texture.minFilter = THREE.LinearFilter
+        texture.magFilter = THREE.LinearFilter
+
+        const material = new THREE.MeshBasicMaterial({
+          map: texture,
+          transparent: true,
+          side: THREE.DoubleSide,
+          depthWrite: false,
+          opacity: 0 // Start with 0 opacity
+        })
+
+        // Start fade-in when texture is loaded
+        this.startTimes.set(material, Date.now())
+        panorMaterials.push(material)
+      }
+
+      void load()
+    }
+
+    const panoramaBox = new THREE.Mesh(panorGeo, panorMaterials)
+    panoramaBox.onBeforeRender = () => {
+      this.time += 0.01
+      panoramaBox.rotation.y = Math.PI + this.time * 0.01
+      panoramaBox.rotation.z = Math.sin(-this.time * 0.001) * 0.001
+
+      // Time-based fade in animation for each material
+      for (const material of panorMaterials) {
+        const startTime = this.startTimes.get(material)
+        if (startTime) {
+          const elapsed = Date.now() - startTime
+          const progress = Math.min(1, elapsed / fadeInDuration)
+          material.opacity = progress
+        }
+      }
+    }
+
+    const group = new THREE.Object3D()
+    group.add(panoramaBox)
+
+    // Add squids
+    for (let i = 0; i < 20; i++) {
+      const m = new EntityMesh('1.16.4', 'squid').mesh
+      m.position.set(Math.random() * 30 - 15, Math.random() * 20 - 10, Math.random() * 10 - 17)
+      m.rotation.set(0, Math.PI + Math.random(), -Math.PI / 4, 'ZYX')
+      const v = Math.random() * 0.01
+      m.children[0].onBeforeRender = () => {
+        m.rotation.y += v
+        m.rotation.z = Math.cos(panoramaBox.rotation.y * 3) * Math.PI / 4 - Math.PI / 2
+      }
+      group.add(m)
+    }
+
+    this.scene.add(group)
+    this.panoramaGroup = group
+  }
+
+  async worldBlocksPanorama () {
+    const version = PANORAMA_VERSION
+    const fullResourceManager = this.options.resourcesManager as ResourcesManager
+    fullResourceManager.currentConfig = { version, noInventoryGui: true, }
+    await fullResourceManager.updateAssetsData({ })
+    if (this.abortController.signal.aborted) return
+    console.time('load panorama scene')
+    const world = getSyncWorld(version)
+    const PrismarineBlock = require('prismarine-block')
+    const Block = PrismarineBlock(version)
+    const fullBlocks = loadedData.blocksArray.filter(block => {
+    // if (block.name.includes('leaves')) return false
+      if (/* !block.name.includes('wool') &&  */!block.name.includes('stained_glass')/*  && !block.name.includes('terracotta') */) return false
+      const b = Block.fromStateId(block.defaultState, 0)
+      if (b.shapes?.length !== 1) return false
+      const shape = b.shapes[0]
+      return shape[0] === 0 && shape[1] === 0 && shape[2] === 0 && shape[3] === 1 && shape[4] === 1 && shape[5] === 1
+    })
+    const Z = -15
+    const sizeX = 100
+    const sizeY = 100
+    for (let x = -sizeX; x < sizeX; x++) {
+      for (let y = -sizeY; y < sizeY; y++) {
+        const block = fullBlocks[Math.floor(Math.random() * fullBlocks.length)]
+        world.setBlockStateId(new Vec3(x, y, Z), block.defaultState)
+      }
+    }
+    this.camera.updateProjectionMatrix()
+    this.camera.position.set(0.5, sizeY / 2 + 0.5, 0.5)
+    this.camera.rotation.set(0, 0, 0)
+    const initPos = new Vec3(...this.camera.position.toArray())
+    const worldView = new WorldDataEmitter(world, 2, initPos)
+    // worldView.addWaitTime = 0
+    if (this.abortController.signal.aborted) return
+
+    this.worldRenderer = new this.WorldRendererClass(
+      this.documentRenderer.renderer,
+      this.options,
+      {
+        version,
+        worldView,
+        inWorldRenderingConfig: defaultWorldRendererConfig,
+        playerStateReactive: getInitialPlayerStateRenderer().reactive,
+        rendererState: getDefaultRendererState().reactive,
+        nonReactiveState: getDefaultRendererState().nonReactive
+      }
+    )
+    if (this.worldRenderer instanceof WorldRendererThree) {
+      this.scene = this.worldRenderer.scene
+    }
+    void worldView.init(initPos)
+
+    await this.worldRenderer.waitForChunksToRender()
+    if (this.abortController.signal.aborted) return
+    // add small camera rotation to side on mouse move depending on absolute position of the cursor
+    const { camera } = this
+    const initX = camera.position.x
+    const initY = camera.position.y
+    let prevTwin: tweenJs.Tween<THREE.Vector3> | undefined
+    document.body.addEventListener('pointermove', (e) => {
+      if (e.pointerType !== 'mouse') return
+      const pos = new THREE.Vector2(e.clientX, e.clientY)
+      const SCALE = 0.2
+      /* -0.5 - 0.5 */
+      const xRel = pos.x / window.innerWidth - 0.5
+      const yRel = -(pos.y / window.innerHeight - 0.5)
+      prevTwin?.stop()
+      const to = {
+        x: initX + (xRel * SCALE),
+        y: initY + (yRel * SCALE)
+      }
+      prevTwin = new tweenJs.Tween(camera.position).to(to, 0) // todo use the number depending on diff // todo use the number depending on diff
+      // prevTwin.easing(tweenJs.Easing.Exponential.InOut)
+      prevTwin.start()
+      camera.updateProjectionMatrix()
+    }, {
+      signal: this.abortController.signal
+    })
+
+    console.timeEnd('load panorama scene')
+  }
+
+  dispose () {
+    this.scene.clear()
+    this.worldRenderer?.destroy()
+    this.abortController.abort()
+  }
+}
+
+// export class ClassicPanoramaRenderer {
+//   panoramaGroup: THREE.Object3D
+
+//   constructor (private readonly backgroundFiles: string[], onRender: Array<(sizeChanged: boolean) => void>, addSquids = true) {
+//     const panorGeo = new THREE.BoxGeometry(1000, 1000, 1000)
+//     const loader = new THREE.TextureLoader()
+//     const panorMaterials = [] as THREE.MeshBasicMaterial[]
+
+//     for (const file of this.backgroundFiles) {
+//       const texture = loader.load(file)
+
+//       // Instead of using repeat/offset to flip, we'll use the texture matrix
+//       texture.matrixAutoUpdate = false
+//       texture.matrix.set(
+//         -1, 0, 1, 0, 1, 0, 0, 0, 1
+//       )
+
+//       texture.wrapS = THREE.ClampToEdgeWrapping // Changed from RepeatWrapping
+//       texture.wrapT = THREE.ClampToEdgeWrapping // Changed from RepeatWrapping
+//       texture.minFilter = THREE.LinearFilter
+//       texture.magFilter = THREE.LinearFilter
+
+//       panorMaterials.push(new THREE.MeshBasicMaterial({
+//         map: texture,
+//         transparent: true,
+//         side: THREE.DoubleSide,
+//         depthWrite: false,
+//       }))
+//     }
+
+//     const panoramaBox = new THREE.Mesh(panorGeo, panorMaterials)
+//     panoramaBox.onBeforeRender = () => {
+//     }
+
+//     const group = new THREE.Object3D()
+//     group.add(panoramaBox)
+
+//     if (addSquids) {
+//       // Add squids
+//       for (let i = 0; i < 20; i++) {
+//         const m = new EntityMesh('1.16.4', 'squid').mesh
+//         m.position.set(Math.random() * 30 - 15, Math.random() * 20 - 10, Math.random() * 10 - 17)
+//         m.rotation.set(0, Math.PI + Math.random(), -Math.PI / 4, 'ZYX')
+//         const v = Math.random() * 0.01
+//         onRender.push(() => {
+//           m.rotation.y += v
+//           m.rotation.z = Math.cos(panoramaBox.rotation.y * 3) * Math.PI / 4 - Math.PI / 2
+//         })
+//         group.add(m)
+//       }
+//     }
+
+//     this.panoramaGroup = group
+//   }
+// }
diff --git a/renderer/viewer/three/panoramaShared.ts b/renderer/viewer/three/panoramaShared.ts
new file mode 100644
index 00000000..ad80367f
--- /dev/null
+++ b/renderer/viewer/three/panoramaShared.ts
@@ -0,0 +1 @@
+export const PANORAMA_VERSION = '1.21.4'
diff --git a/prismarine-viewer/viewer/lib/primitives.js b/renderer/viewer/three/primitives.js
similarity index 95%
rename from prismarine-viewer/viewer/lib/primitives.js
rename to renderer/viewer/three/primitives.js
index c8a0c006..08c1c49e 100644
--- a/prismarine-viewer/viewer/lib/primitives.js
+++ b/renderer/viewer/three/primitives.js
@@ -1,7 +1,9 @@
+/* eslint-disable unicorn/no-abusive-eslint-disable */
+/* eslint-disable */
 const THREE = require('three')
 const { MeshLine, MeshLineMaterial } = require('three.meshline')
 
-function getMesh (primitive, camera) {
+function getMesh(primitive, camera) {
   if (primitive.type === 'line') {
     const color = primitive.color ? primitive.color : 0xff0000
     const resolution = new THREE.Vector2(window.innerWidth / camera.zoom, window.innerHeight / camera.zoom)
@@ -53,7 +55,7 @@ class Primitives {
     this.primitives = {}
   }
 
-  clear () {
+  clear() {
     for (const mesh of Object.values(this.primitives)) {
       this.scene.remove(mesh)
       disposeObject(mesh)
@@ -61,7 +63,7 @@ class Primitives {
     this.primitives = {}
   }
 
-  update (primitive) {
+  update(primitive) {
     if (this.primitives[primitive.id]) {
       this.scene.remove(this.primitives[primitive.id])
       disposeObject(this.primitives[primitive.id])
@@ -75,7 +77,7 @@ class Primitives {
   }
 }
 
-function GridBoxGeometry (geometry, independent) {
+function GridBoxGeometry(geometry, independent) {
   if (!(geometry instanceof THREE.BoxBufferGeometry)) {
     console.log("GridBoxGeometry: the parameter 'geometry' has to be of the type THREE.BoxBufferGeometry")
     return geometry
@@ -113,7 +115,7 @@ function GridBoxGeometry (geometry, independent) {
 
   newGeometry.setIndex(fullIndices)
 
-  function indexSide (x, y, shift) {
+  function indexSide(x, y, shift) {
     const indices = []
     for (let i = 0; i < y + 1; i++) {
       let index11 = 0
diff --git a/renderer/viewer/three/renderSlot.ts b/renderer/viewer/three/renderSlot.ts
new file mode 100644
index 00000000..321633eb
--- /dev/null
+++ b/renderer/viewer/three/renderSlot.ts
@@ -0,0 +1,82 @@
+import { getRenamedData } from 'flying-squid/dist/blockRenames'
+import { BlockModel } from 'mc-assets'
+import { versionToNumber } from 'mc-assets/dist/utils'
+import type { ResourcesManagerCommon } from '../../../src/resourcesManager'
+
+export type ResolvedItemModelRender = {
+  modelName: string,
+  originalItemName?: string
+}
+
+export const renderSlot = (model: ResolvedItemModelRender, resourcesManager: ResourcesManagerCommon, debugIsQuickbar = false, fullBlockModelSupport = false): {
+  texture: string,
+  blockData: Record<string, { slice, path }> & { resolvedModel: BlockModel } | null,
+  scale: number | null,
+  slice: number[] | null,
+  modelName: string | null,
+} => {
+  let itemModelName = model.modelName
+  const isItem = loadedData.itemsByName[itemModelName]
+
+  // #region normalize item name
+  if (versionToNumber(bot.version) < versionToNumber('1.13')) itemModelName = getRenamedData(isItem ? 'items' : 'blocks', itemModelName, bot.version, '1.13.1') as string
+  // #endregion
+
+
+  let itemTexture
+
+  if (!fullBlockModelSupport) {
+    const atlas = resourcesManager.currentResources?.guiAtlas?.json
+    // todo atlas holds all rendered blocks, not all possibly rendered item/block models, need to request this on demand instead (this is how vanilla works)
+    const tryGetAtlasTexture = (name?: string) => name && atlas?.textures[name.replace('minecraft:', '').replace('block/', '').replace('blocks/', '').replace('item/', '').replace('items/', '').replace('_inventory', '')]
+    const item = tryGetAtlasTexture(itemModelName) ?? tryGetAtlasTexture(model.originalItemName)
+    if (item) {
+      const x = item.u * atlas.width
+      const y = item.v * atlas.height
+      return {
+        texture: 'gui',
+        slice: [x, y, atlas.tileSize, atlas.tileSize],
+        scale: 0.25,
+        blockData: null,
+        modelName: null
+      }
+    }
+  }
+
+  const blockToTopTexture = (r) => r.top ?? r
+
+  try {
+    if (!appViewer.resourcesManager.currentResources?.itemsRenderer) throw new Error('Items renderer is not available')
+    itemTexture =
+        appViewer.resourcesManager.currentResources.itemsRenderer.getItemTexture(itemModelName, {}, false, fullBlockModelSupport)
+        ?? (model.originalItemName ? appViewer.resourcesManager.currentResources.itemsRenderer.getItemTexture(model.originalItemName, {}, false, fullBlockModelSupport) : undefined)
+        ?? appViewer.resourcesManager.currentResources.itemsRenderer.getItemTexture('item/missing_texture')!
+  } catch (err) {
+    // get resourcepack from resource manager
+    reportError?.(`Failed to render item ${itemModelName} (original: ${model.originalItemName}) on ${bot.version} (resourcepack: TODO!): ${err.stack}`)
+    itemTexture = blockToTopTexture(appViewer.resourcesManager.currentResources!.itemsRenderer.getItemTexture('errored')!)
+  }
+
+  itemTexture ??= blockToTopTexture(appViewer.resourcesManager.currentResources!.itemsRenderer.getItemTexture('unknown')!)
+
+
+  if ('type' in itemTexture) {
+    // is item
+    return {
+      texture: itemTexture.type,
+      slice: itemTexture.slice,
+      modelName: itemModelName,
+      blockData: null,
+      scale: null
+    }
+  } else {
+    // is block
+    return {
+      texture: 'blocks',
+      blockData: itemTexture,
+      modelName: itemModelName,
+      slice: null,
+      scale: null
+    }
+  }
+}
diff --git a/renderer/viewer/three/skyboxRenderer.ts b/renderer/viewer/three/skyboxRenderer.ts
new file mode 100644
index 00000000..fb9edae6
--- /dev/null
+++ b/renderer/viewer/three/skyboxRenderer.ts
@@ -0,0 +1,406 @@
+import * as THREE from 'three'
+import { DebugGui } from '../lib/DebugGui'
+
+export const DEFAULT_TEMPERATURE = 0.75
+
+export class SkyboxRenderer {
+  private texture: THREE.Texture | null = null
+  private mesh: THREE.Mesh<THREE.SphereGeometry, THREE.MeshBasicMaterial> | null = null
+  private skyMesh: THREE.Mesh | null = null
+  private voidMesh: THREE.Mesh | null = null
+
+  // World state
+  private worldTime = 0
+  private partialTicks = 0
+  private viewDistance = 4
+  private temperature = DEFAULT_TEMPERATURE
+  private inWater = false
+  private waterBreathing = false
+  private fogBrightness = 0
+  private prevFogBrightness = 0
+  private readonly fogOrangeness = 0 // Debug property to control sky color orangeness
+  private readonly distanceFactor = 2.7
+
+  private readonly brightnessAtPosition = 1
+  debugGui: DebugGui
+
+  constructor (private readonly scene: THREE.Scene, public defaultSkybox: boolean, public initialImage: string | null) {
+    this.debugGui = new DebugGui('skybox_renderer', this, [
+      'temperature',
+      'worldTime',
+      'inWater',
+      'waterBreathing',
+      'fogOrangeness',
+      'brightnessAtPosition',
+      'distanceFactor'
+    ], {
+      brightnessAtPosition: { min: 0, max: 1, step: 0.01 },
+      temperature: { min: 0, max: 1, step: 0.01 },
+      worldTime: { min: 0, max: 24_000, step: 1 },
+      fogOrangeness: { min: -1, max: 1, step: 0.01 },
+      distanceFactor: { min: 0, max: 5, step: 0.01 },
+    })
+
+    if (!initialImage) {
+      this.createGradientSky()
+    }
+    // this.debugGui.activate()
+  }
+
+  async init () {
+    if (this.initialImage) {
+      await this.setSkyboxImage(this.initialImage)
+    }
+  }
+
+  async setSkyboxImage (imageUrl: string) {
+    // Dispose old textures if they exist
+    if (this.texture) {
+      this.texture.dispose()
+    }
+
+    // Load the equirectangular texture
+    const textureLoader = new THREE.TextureLoader()
+    this.texture = await new Promise((resolve) => {
+      textureLoader.load(
+        imageUrl,
+        (texture) => {
+          texture.mapping = THREE.EquirectangularReflectionMapping
+          texture.encoding = THREE.sRGBEncoding
+          // Keep pixelated look
+          texture.minFilter = THREE.NearestFilter
+          texture.magFilter = THREE.NearestFilter
+          texture.needsUpdate = true
+          resolve(texture)
+        }
+      )
+    })
+
+    // Create or update the skybox
+    if (this.mesh) {
+      // Just update the texture on the existing material
+      this.mesh.material.map = this.texture
+      this.mesh.material.needsUpdate = true
+    } else {
+      // Create a large sphere geometry for the skybox
+      const geometry = new THREE.SphereGeometry(500, 60, 40)
+      // Flip the geometry inside out
+      geometry.scale(-1, 1, 1)
+
+      // Create material using the loaded texture
+      const material = new THREE.MeshBasicMaterial({
+        map: this.texture,
+        side: THREE.FrontSide // Changed to FrontSide since we're flipping the geometry
+      })
+
+      // Create and add the skybox mesh
+      this.mesh = new THREE.Mesh(geometry, material)
+      this.scene.add(this.mesh)
+    }
+  }
+
+  update (cameraPosition: THREE.Vector3, newViewDistance: number) {
+    if (newViewDistance !== this.viewDistance) {
+      this.viewDistance = newViewDistance
+      this.updateSkyColors()
+    }
+
+    if (this.mesh) {
+      // Update skybox position
+      this.mesh.position.copy(cameraPosition)
+    } else if (this.skyMesh) {
+      // Update gradient sky position
+      this.skyMesh.position.copy(cameraPosition)
+      this.voidMesh?.position.copy(cameraPosition)
+      this.updateSkyColors() // Update colors based on time of day
+    }
+  }
+
+  // Update world time
+  updateTime (timeOfDay: number, partialTicks = 0) {
+    if (this.debugGui.visible) return
+    this.worldTime = timeOfDay
+    this.partialTicks = partialTicks
+    this.updateSkyColors()
+  }
+
+  // Update view distance
+  updateViewDistance (viewDistance: number) {
+    this.viewDistance = viewDistance
+    this.updateSkyColors()
+  }
+
+  // Update temperature (for biome support)
+  updateTemperature (temperature: number) {
+    if (this.debugGui.visible) return
+    this.temperature = temperature
+    this.updateSkyColors()
+  }
+
+  // Update water state
+  updateWaterState (inWater: boolean, waterBreathing: boolean) {
+    if (this.debugGui.visible) return
+    this.inWater = inWater
+    this.waterBreathing = waterBreathing
+    this.updateSkyColors()
+  }
+
+  // Update default skybox setting
+  updateDefaultSkybox (defaultSkybox: boolean) {
+    if (this.debugGui.visible) return
+    this.defaultSkybox = defaultSkybox
+    this.updateSkyColors()
+  }
+
+  private createGradientSky () {
+    const size = 64
+    const scale = 256 / size + 2
+
+    {
+      const geometry = new THREE.PlaneGeometry(size * scale * 2, size * scale * 2)
+      geometry.rotateX(-Math.PI / 2)
+      geometry.translate(0, 16, 0)
+
+      const material = new THREE.MeshBasicMaterial({
+        color: 0xff_ff_ff,
+        side: THREE.DoubleSide,
+        depthTest: false
+      })
+
+      this.skyMesh = new THREE.Mesh(geometry, material)
+      this.scene.add(this.skyMesh)
+    }
+
+    {
+      const geometry = new THREE.PlaneGeometry(size * scale * 2, size * scale * 2)
+      geometry.rotateX(-Math.PI / 2)
+      geometry.translate(0, -16, 0)
+
+      const material = new THREE.MeshBasicMaterial({
+        color: 0xff_ff_ff,
+        side: THREE.DoubleSide,
+        depthTest: false
+      })
+
+      this.voidMesh = new THREE.Mesh(geometry, material)
+      this.scene.add(this.voidMesh)
+    }
+
+    this.updateSkyColors()
+  }
+
+  private getFogColor (partialTicks = 0): THREE.Vector3 {
+    const angle = this.getCelestialAngle(partialTicks)
+    let rotation = Math.cos(angle * Math.PI * 2) * 2 + 0.5
+    rotation = Math.max(0, Math.min(1, rotation))
+
+    let x = 0.752_941_2
+    let y = 0.847_058_83
+    let z = 1
+
+    x *= (rotation * 0.94 + 0.06)
+    y *= (rotation * 0.94 + 0.06)
+    z *= (rotation * 0.91 + 0.09)
+
+    return new THREE.Vector3(x, y, z)
+  }
+
+  private getSkyColor (x = 0, z = 0, partialTicks = 0): THREE.Vector3 {
+    const angle = this.getCelestialAngle(partialTicks)
+    let brightness = Math.cos(angle * 3.141_593 * 2) * 2 + 0.5
+
+    if (brightness < 0) brightness = 0
+    if (brightness > 1) brightness = 1
+
+    const temperature = this.getTemperature(x, z)
+    const rgb = this.getSkyColorByTemp(temperature)
+
+    const red = ((rgb >> 16) & 0xff) / 255
+    const green = ((rgb >> 8) & 0xff) / 255
+    const blue = (rgb & 0xff) / 255
+
+    return new THREE.Vector3(
+      red * brightness,
+      green * brightness,
+      blue * brightness
+    )
+  }
+
+  private calculateCelestialAngle (time: number, partialTicks: number): number {
+    const modTime = (time % 24_000)
+    let angle = (modTime + partialTicks) / 24_000 - 0.25
+
+    if (angle < 0) {
+      angle++
+    }
+    if (angle > 1) {
+      angle--
+    }
+
+    angle = 1 - ((Math.cos(angle * Math.PI) + 1) / 2)
+    angle += (angle - angle) / 3
+
+    return angle
+  }
+
+  private getCelestialAngle (partialTicks: number): number {
+    return this.calculateCelestialAngle(this.worldTime, partialTicks)
+  }
+
+  private getTemperature (x: number, z: number): number {
+    return this.temperature
+  }
+
+  private getSkyColorByTemp (temperature: number): number {
+    temperature /= 3
+    if (temperature < -1) temperature = -1
+    if (temperature > 1) temperature = 1
+
+    // Apply debug fog orangeness to hue - positive values make it more orange, negative make it less orange
+    const baseHue = 0.622_222_2 - temperature * 0.05
+    // Orange is around hue 0.08-0.15, so we need to shift from blue-purple (0.62) toward orange
+    // Use a more dramatic shift and also increase saturation for more noticeable effect
+    const orangeHue = 0.12 // Orange hue value
+    const hue = this.fogOrangeness > 0
+      ? baseHue + (orangeHue - baseHue) * this.fogOrangeness * 0.8 // Blend toward orange
+      : baseHue + this.fogOrangeness * 0.1 // Subtle shift for negative values
+    const saturation = 0.5 + temperature * 0.1 + Math.abs(this.fogOrangeness) * 0.3 // Increase saturation with orangeness
+    const brightness = 1
+
+    return this.hsbToRgb(hue, saturation, brightness)
+  }
+
+  private hsbToRgb (hue: number, saturation: number, brightness: number): number {
+    let r = 0; let g = 0; let b = 0
+    if (saturation === 0) {
+      r = g = b = Math.floor(brightness * 255 + 0.5)
+    } else {
+      const h = (hue - Math.floor(hue)) * 6
+      const f = h - Math.floor(h)
+      const p = brightness * (1 - saturation)
+      const q = brightness * (1 - saturation * f)
+      const t = brightness * (1 - (saturation * (1 - f)))
+      switch (Math.floor(h)) {
+        case 0:
+          r = Math.floor(brightness * 255 + 0.5)
+          g = Math.floor(t * 255 + 0.5)
+          b = Math.floor(p * 255 + 0.5)
+          break
+        case 1:
+          r = Math.floor(q * 255 + 0.5)
+          g = Math.floor(brightness * 255 + 0.5)
+          b = Math.floor(p * 255 + 0.5)
+          break
+        case 2:
+          r = Math.floor(p * 255 + 0.5)
+          g = Math.floor(brightness * 255 + 0.5)
+          b = Math.floor(t * 255 + 0.5)
+          break
+        case 3:
+          r = Math.floor(p * 255 + 0.5)
+          g = Math.floor(q * 255 + 0.5)
+          b = Math.floor(brightness * 255 + 0.5)
+          break
+        case 4:
+          r = Math.floor(t * 255 + 0.5)
+          g = Math.floor(p * 255 + 0.5)
+          b = Math.floor(brightness * 255 + 0.5)
+          break
+        case 5:
+          r = Math.floor(brightness * 255 + 0.5)
+          g = Math.floor(p * 255 + 0.5)
+          b = Math.floor(q * 255 + 0.5)
+          break
+      }
+    }
+    return 0xff_00_00_00 | (r << 16) | (g << 8) | (Math.trunc(b))
+  }
+
+  private updateSkyColors () {
+    if (!this.skyMesh || !this.voidMesh) return
+
+    // If default skybox is disabled, hide the skybox meshes
+    if (!this.defaultSkybox) {
+      this.skyMesh.visible = false
+      this.voidMesh.visible = false
+      if (this.mesh) {
+        this.mesh.visible = false
+      }
+      return
+    }
+
+    // Show skybox meshes when default skybox is enabled
+    this.skyMesh.visible = true
+    this.voidMesh.visible = true
+    if (this.mesh) {
+      this.mesh.visible = true
+    }
+
+    // Update fog brightness with smooth transition
+    this.prevFogBrightness = this.fogBrightness
+    const renderDistance = this.viewDistance / 32
+    const targetBrightness = this.brightnessAtPosition * (1 - renderDistance) + renderDistance
+    this.fogBrightness += (targetBrightness - this.fogBrightness) * 0.1
+
+    // Handle water fog
+    if (this.inWater) {
+      const waterViewDistance = this.waterBreathing ? 100 : 5
+      this.scene.fog = new THREE.Fog(new THREE.Color(0, 0, 1), 0.0025, waterViewDistance)
+      this.scene.background = new THREE.Color(0, 0, 1)
+
+      // Update sky and void colors for underwater effect
+      ;(this.skyMesh.material as THREE.MeshBasicMaterial).color.set(new THREE.Color(0, 0, 1))
+      ;(this.voidMesh.material as THREE.MeshBasicMaterial).color.set(new THREE.Color(0, 0, 0.6))
+      return
+    }
+
+    // Normal sky colors
+    const viewDistance = this.viewDistance * 16
+    const viewFactor = 1 - (0.25 + 0.75 * this.viewDistance / 32) ** 0.25
+
+    const angle = this.getCelestialAngle(this.partialTicks)
+    const skyColor = this.getSkyColor(0, 0, this.partialTicks)
+    const fogColor = this.getFogColor(this.partialTicks)
+
+    const brightness = Math.cos(angle * Math.PI * 2) * 2 + 0.5
+    const clampedBrightness = Math.max(0, Math.min(1, brightness))
+
+    // Interpolate fog brightness
+    const interpolatedBrightness = this.prevFogBrightness + (this.fogBrightness - this.prevFogBrightness) * this.partialTicks
+
+    const red = (fogColor.x + (skyColor.x - fogColor.x) * viewFactor) * clampedBrightness * interpolatedBrightness
+    const green = (fogColor.y + (skyColor.y - fogColor.y) * viewFactor) * clampedBrightness * interpolatedBrightness
+    const blue = (fogColor.z + (skyColor.z - fogColor.z) * viewFactor) * clampedBrightness * interpolatedBrightness
+
+    this.scene.background = new THREE.Color(red, green, blue)
+    this.scene.fog = new THREE.Fog(new THREE.Color(red, green, blue), 0.0025, viewDistance * this.distanceFactor)
+
+    ;(this.skyMesh.material as THREE.MeshBasicMaterial).color.set(new THREE.Color(skyColor.x, skyColor.y, skyColor.z))
+    ;(this.voidMesh.material as THREE.MeshBasicMaterial).color.set(new THREE.Color(
+      skyColor.x * 0.2 + 0.04,
+      skyColor.y * 0.2 + 0.04,
+      skyColor.z * 0.6 + 0.1
+    ))
+  }
+
+  dispose () {
+    if (this.texture) {
+      this.texture.dispose()
+    }
+    if (this.mesh) {
+      this.mesh.geometry.dispose()
+      ;(this.mesh.material as THREE.Material).dispose()
+      this.scene.remove(this.mesh)
+    }
+    if (this.skyMesh) {
+      this.skyMesh.geometry.dispose()
+      ;(this.skyMesh.material as THREE.Material).dispose()
+      this.scene.remove(this.skyMesh)
+    }
+    if (this.voidMesh) {
+      this.voidMesh.geometry.dispose()
+      ;(this.voidMesh.material as THREE.Material).dispose()
+      this.scene.remove(this.voidMesh)
+    }
+  }
+}
diff --git a/renderer/viewer/three/threeJsMedia.ts b/renderer/viewer/three/threeJsMedia.ts
new file mode 100644
index 00000000..582273d1
--- /dev/null
+++ b/renderer/viewer/three/threeJsMedia.ts
@@ -0,0 +1,599 @@
+import * as THREE from 'three'
+import { sendVideoPlay, sendVideoStop } from '../../../src/customChannels'
+import { WorldRendererThree } from './worldrendererThree'
+import { ThreeJsSound } from './threeJsSound'
+
+interface MediaProperties {
+  position: { x: number, y: number, z: number }
+  size: { width: number, height: number }
+  src: string
+  rotation?: 0 | 1 | 2 | 3 // 0-3 for 0°, 90°, 180°, 270°
+  doubleSide?: boolean
+  background?: number // Hexadecimal color (e.g., 0x000000 for black)
+  opacity?: number // 0-1 value for transparency
+  uvMapping?: { startU: number, endU: number, startV: number, endV: number }
+  allowOrigins?: string[] | boolean
+  loop?: boolean
+  volume?: number
+  autoPlay?: boolean
+
+  allowLighting?: boolean
+}
+
+export class ThreeJsMedia {
+  customMedia = new Map<string, {
+    mesh: THREE.Object3D
+    props: MediaProperties
+    video: HTMLVideoElement | undefined
+    texture: THREE.Texture
+    updateUVMapping: (config: { startU: number, endU: number, startV: number, endV: number }) => void
+    positionalAudio?: THREE.PositionalAudio
+    hadAutoPlayError?: boolean
+  }>()
+
+  constructor (private readonly worldRenderer: WorldRendererThree) {
+    this.worldRenderer.onWorldSwitched.push(() => {
+      this.onWorldGone()
+    })
+
+    this.worldRenderer.onRender.push(() => {
+      this.render()
+    })
+  }
+
+  onWorldGone () {
+    for (const [id, videoData] of this.customMedia.entries()) {
+      this.destroyMedia(id)
+    }
+  }
+
+  onWorldStop () {
+    for (const [id, videoData] of this.customMedia.entries()) {
+      this.setVideoPlaying(id, false)
+    }
+  }
+
+  private createErrorTexture (width: number, height: number, background = 0x00_00_00, error = 'Failed to load'): THREE.CanvasTexture {
+    const canvas = document.createElement('canvas')
+    const MAX_DIMENSION = 100
+
+    canvas.width = MAX_DIMENSION
+    canvas.height = MAX_DIMENSION
+
+    const ctx = canvas.getContext('2d')
+    if (!ctx) return new THREE.CanvasTexture(canvas)
+
+    // Clear with transparent background
+    ctx.clearRect(0, 0, canvas.width, canvas.height)
+
+    // Add background color
+    ctx.fillStyle = `rgba(${background >> 16 & 255}, ${background >> 8 & 255}, ${background & 255}, 0.5)`
+    ctx.fillRect(0, 0, canvas.width, canvas.height)
+
+    // Add red text with size relative to canvas dimensions
+    ctx.fillStyle = '#ff0000'
+    ctx.font = 'bold 10px sans-serif'
+    ctx.textAlign = 'center'
+    ctx.textBaseline = 'middle'
+    ctx.fillText(error, canvas.width / 2, canvas.height / 2, canvas.width)
+
+    const texture = new THREE.CanvasTexture(canvas)
+    texture.minFilter = THREE.LinearFilter
+    texture.magFilter = THREE.LinearFilter
+    return texture
+  }
+
+  private createBackgroundTexture (width: number, height: number, color = 0x00_00_00, opacity = 1): THREE.CanvasTexture {
+    const canvas = document.createElement('canvas')
+    canvas.width = 1
+    canvas.height = 1
+
+    const ctx = canvas.getContext('2d')
+    if (!ctx) return new THREE.CanvasTexture(canvas)
+
+    // Convert hex color to rgba
+    const r = (color >> 16) & 255
+    const g = (color >> 8) & 255
+    const b = color & 255
+
+    ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${opacity})`
+    ctx.fillRect(0, 0, 1, 1)
+
+    const texture = new THREE.CanvasTexture(canvas)
+    texture.minFilter = THREE.NearestFilter
+    texture.magFilter = THREE.NearestFilter
+    return texture
+  }
+
+  validateOrigin (src: string, allowOrigins: string[] | boolean) {
+    if (allowOrigins === true) return true
+    if (allowOrigins === false) return false
+    const url = new URL(src)
+    return allowOrigins.some(origin => url.origin.endsWith(origin))
+  }
+
+  onPageInteraction () {
+    for (const [id, videoData] of this.customMedia.entries()) {
+      if (videoData.hadAutoPlayError) {
+        videoData.hadAutoPlayError = false
+        void videoData.video?.play()
+          .catch(err => {
+            if (err.name === 'AbortError') return
+            console.error('Failed to play video:', err)
+            videoData.hadAutoPlayError = true
+            return true
+          })
+          .then((fromCatch) => {
+            if (fromCatch) return
+            if (videoData.positionalAudio) {
+              // workaround: audio has to be recreated
+              this.addMedia(id, videoData.props)
+            }
+          })
+      }
+    }
+  }
+
+  addMedia (id: string, props: MediaProperties) {
+    const originalProps = structuredClone(props)
+    this.destroyMedia(id)
+
+    const { scene } = this.worldRenderer
+
+    const originSecurityError = props.allowOrigins !== undefined && !this.validateOrigin(props.src, props.allowOrigins)
+    if (originSecurityError) {
+      console.warn('Remote resource blocked due to security policy', props.src, 'allowed origins:', props.allowOrigins, 'you can control it with `remoteContentNotSameOrigin` option')
+      props.src = ''
+    }
+
+    const isImage = props.src.endsWith('.png') || props.src.endsWith('.jpg') || props.src.endsWith('.jpeg')
+
+    let video: HTMLVideoElement | undefined
+    let positionalAudio: THREE.PositionalAudio | undefined
+    if (!isImage) {
+      video = document.createElement('video')
+      video.src = props.src.endsWith('.gif') ? props.src.replace('.gif', '.mp4') : props.src
+      video.loop = props.loop ?? true
+      video.volume = props.volume ?? 1
+      video.playsInline = true
+      video.crossOrigin = 'anonymous'
+
+      // Create positional audio
+      const soundSystem = this.worldRenderer.soundSystem as ThreeJsSound
+      soundSystem.initAudioListener()
+      if (!soundSystem.audioListener) throw new Error('Audio listener not initialized')
+      positionalAudio = new THREE.PositionalAudio(soundSystem.audioListener)
+      positionalAudio.setRefDistance(6)
+      positionalAudio.setVolume(props.volume ?? 1)
+      scene.add(positionalAudio)
+      positionalAudio.position.set(props.position.x, props.position.y, props.position.z)
+
+      // Connect video to positional audio
+      positionalAudio.setMediaElementSource(video)
+      positionalAudio.connect()
+
+      video.addEventListener('pause', () => {
+        positionalAudio?.pause()
+        sendVideoStop(id, 'paused', video!.currentTime)
+      })
+      video.addEventListener('play', () => {
+        positionalAudio?.play()
+        sendVideoPlay(id)
+      })
+      video.addEventListener('seeked', () => {
+        if (positionalAudio && video) {
+          positionalAudio.offset = video.currentTime
+        }
+      })
+      video.addEventListener('stalled', () => {
+        sendVideoStop(id, 'stalled', video!.currentTime)
+      })
+      video.addEventListener('waiting', () => {
+        sendVideoStop(id, 'waiting', video!.currentTime)
+      })
+      video.addEventListener('error', ({ error }) => {
+        sendVideoStop(id, `error: ${error}`, video!.currentTime)
+      })
+      video.addEventListener('ended', () => {
+        sendVideoStop(id, 'ended', video!.currentTime)
+      })
+    }
+
+
+    // Create background texture first
+    const backgroundTexture = this.createBackgroundTexture(
+      props.size.width,
+      props.size.height,
+      props.background,
+      // props.opacity ?? 1
+    )
+
+    const handleError = (text?: string) => {
+      const errorTexture = this.createErrorTexture(props.size.width, props.size.height, props.background, text)
+      material.map = errorTexture
+      material.needsUpdate = true
+    }
+
+    // Create a plane geometry with configurable UV mapping
+    const geometry = new THREE.PlaneGeometry(1, 1)
+
+    // Create material with initial properties using background texture
+    const MaterialClass = props.allowLighting ? THREE.MeshLambertMaterial : THREE.MeshBasicMaterial
+    const material = new MaterialClass({
+      map: backgroundTexture,
+      transparent: true,
+      side: props.doubleSide ? THREE.DoubleSide : THREE.FrontSide,
+      alphaTest: 0.1
+    })
+
+    const texture = video
+      ? new THREE.VideoTexture(video)
+      : new THREE.TextureLoader().load(props.src, () => {
+        if (this.customMedia.get(id)?.texture === texture) {
+          material.map = texture
+          material.needsUpdate = true
+        }
+      }, undefined, () => handleError()) // todo cache
+    texture.minFilter = THREE.NearestFilter
+    texture.magFilter = THREE.NearestFilter
+    // texture.format = THREE.RGBAFormat
+    // texture.colorSpace = THREE.SRGBColorSpace
+    texture.generateMipmaps = false
+
+    // Create inner mesh for offsets
+    const mesh = new THREE.Mesh(geometry, material)
+
+    const { mesh: panel } = this.positionMeshExact(mesh, THREE.MathUtils.degToRad((props.rotation ?? 0) * 90), props.position, props.size.width, props.size.height)
+
+    scene.add(panel)
+
+    if (video) {
+      // Start playing the video
+      video.play().catch(err => {
+        if (err.name === 'AbortError') return
+        console.error('Failed to play video:', err)
+        videoData.hadAutoPlayError = true
+        handleError(err.name === 'NotAllowedError' ? 'Waiting for user interaction' : 'Failed to auto play')
+      })
+
+      // Update texture in animation loop
+      mesh.onBeforeRender = () => {
+        if (video.readyState === video.HAVE_ENOUGH_DATA && (!video.paused || !videoData?.hadAutoPlayError)) {
+          if (material.map !== texture) {
+            material.map = texture
+            material.needsUpdate = true
+          }
+          texture.needsUpdate = true
+
+          // Sync audio position with video position
+          if (positionalAudio) {
+            positionalAudio.position.copy(panel.position)
+            positionalAudio.rotation.copy(panel.rotation)
+          }
+        }
+      }
+    }
+
+    // UV mapping configuration
+    const updateUVMapping = (config: { startU: number, endU: number, startV: number, endV: number }) => {
+      const uvs = geometry.attributes.uv.array as Float32Array
+      uvs[0] = config.startU
+      uvs[1] = config.startV
+      uvs[2] = config.endU
+      uvs[3] = config.startV
+      uvs[4] = config.endU
+      uvs[5] = config.endV
+      uvs[6] = config.startU
+      uvs[7] = config.endV
+      geometry.attributes.uv.needsUpdate = true
+    }
+
+    // Apply initial UV mapping if provided
+    if (props.uvMapping) {
+      updateUVMapping(props.uvMapping)
+    }
+
+    const videoData = {
+      mesh: panel,
+      video,
+      texture,
+      updateUVMapping,
+      positionalAudio,
+      props: originalProps,
+      hadAutoPlayError: false
+    }
+    // Store video data
+    this.customMedia.set(id, videoData)
+
+    return id
+  }
+
+  render () {
+    for (const [id, videoData] of this.customMedia.entries()) {
+      const chunkX = Math.floor(videoData.props.position.x / 16) * 16
+      const chunkZ = Math.floor(videoData.props.position.z / 16) * 16
+      const sectionY = Math.floor(videoData.props.position.y / 16) * 16
+
+      const chunkKey = `${chunkX},${chunkZ}`
+      const sectionKey = `${chunkX},${sectionY},${chunkZ}`
+      videoData.mesh.visible = !!this.worldRenderer.sectionObjects[sectionKey] || !!this.worldRenderer.finishedChunks[chunkKey]
+    }
+  }
+
+  setVideoPlaying (id: string, playing: boolean) {
+    const videoData = this.customMedia.get(id)
+    if (videoData?.video) {
+      if (playing) {
+        videoData.video.play().catch(console.error)
+      } else {
+        videoData.video.pause()
+      }
+    }
+  }
+
+  setVideoSeeking (id: string, seconds: number) {
+    const videoData = this.customMedia.get(id)
+    if (videoData?.video) {
+      videoData.video.currentTime = seconds
+    }
+  }
+
+  setVideoVolume (id: string, volume: number) {
+    const videoData = this.customMedia.get(id)
+    if (videoData?.video) {
+      videoData.video.volume = volume
+    }
+  }
+
+  setVideoSpeed (id: string, speed: number) {
+    const videoData = this.customMedia.get(id)
+    if (videoData?.video) {
+      videoData.video.playbackRate = speed
+    }
+  }
+
+  destroyMedia (id: string) {
+    const { scene } = this.worldRenderer
+    const mediaData = this.customMedia.get(id)
+    if (mediaData) {
+      if (mediaData.video) {
+        mediaData.video.pause()
+        mediaData.video.src = ''
+        mediaData.video.remove()
+      }
+      if (mediaData.positionalAudio) {
+        // mediaData.positionalAudio.stop()
+        // mediaData.positionalAudio.disconnect()
+        scene.remove(mediaData.positionalAudio)
+      }
+      scene.remove(mediaData.mesh)
+      mediaData.texture.dispose()
+
+      // Get the inner mesh from the group
+      const mesh = mediaData.mesh.children[0] as THREE.Mesh
+      if (mesh) {
+        mesh.geometry.dispose()
+        if (mesh.material instanceof THREE.Material) {
+          mesh.material.dispose()
+        }
+      }
+
+      this.customMedia.delete(id)
+    }
+  }
+
+  /**
+   * Positions a mesh exactly at startPosition and extends it along the rotation direction
+   * with the specified width and height
+   *
+   * @param mesh The mesh to position
+   * @param rotation Rotation in radians (applied to Y axis)
+   * @param startPosition The exact starting position (corner) of the mesh
+   * @param width Width of the mesh
+   * @param height Height of the mesh
+   * @param depth Depth of the mesh (default: 1)
+   * @returns The positioned mesh for chaining
+   */
+  positionMeshExact (
+    mesh: THREE.Mesh,
+    rotation: number,
+    startPosition: { x: number, y: number, z: number },
+    width: number,
+    height: number,
+    depth = 1
+  ) {
+    // avoid z-fighting with the ground plane
+    if (rotation === 0) {
+      startPosition.z += 0.001
+    }
+    if (rotation === Math.PI / 2) {
+      startPosition.x -= 0.001
+    }
+    if (rotation === Math.PI) {
+      startPosition.z -= 0.001
+    }
+    if (rotation === 3 * Math.PI / 2) {
+      startPosition.x += 0.001
+    }
+
+    // rotation normalize coordinates
+    if (rotation === 0) {
+      startPosition.z += 1
+    }
+    if (rotation === Math.PI) {
+      startPosition.x += 1
+    }
+    if (rotation === 3 * Math.PI / 2) {
+      startPosition.z += 1
+      startPosition.x += 1
+    }
+
+
+    // First, clean up any previous transformations
+    mesh.matrix.identity()
+    mesh.position.set(0, 0, 0)
+    mesh.rotation.set(0, 0, 0)
+    mesh.scale.set(1, 1, 1)
+
+    // By default, PlaneGeometry creates a plane in the XY plane (facing +Z)
+    // We need to set up the proper orientation for our use case
+    // Rotate the plane to face the correct direction based on the rotation parameter
+    mesh.rotateY(rotation)
+    if (rotation === Math.PI / 2 || rotation === 3 * Math.PI / 2) {
+      mesh.rotateZ(-Math.PI)
+      mesh.rotateX(-Math.PI)
+    }
+
+    // Scale it to the desired size
+    mesh.scale.set(width, height, depth)
+
+    // For a PlaneGeometry, if we want the corner at the origin, we need to offset
+    // by half the dimensions after scaling
+    mesh.geometry.translate(0.5, 0.5, 0)
+    mesh.geometry.attributes.position.needsUpdate = true
+
+    // Now place the mesh at the start position
+    mesh.position.set(startPosition.x, startPosition.y, startPosition.z)
+
+    // Create a group to hold our mesh and markers
+    const debugGroup = new THREE.Group()
+    debugGroup.add(mesh)
+
+    // Add a marker at the starting position (should be exactly at pos)
+    const startMarker = new THREE.Mesh(
+      new THREE.BoxGeometry(0.1, 0.1, 0.1),
+      new THREE.MeshBasicMaterial({ color: 0xff_00_00 })
+    )
+    startMarker.position.copy(new THREE.Vector3(startPosition.x, startPosition.y, startPosition.z))
+    debugGroup.add(startMarker)
+
+    // Add a marker at the end position (width units away in the rotated direction)
+    const endX = startPosition.x + Math.cos(rotation) * width
+    const endZ = startPosition.z + Math.sin(rotation) * width
+    const endYMarker = new THREE.Mesh(
+      new THREE.BoxGeometry(0.1, 0.1, 0.1),
+      new THREE.MeshBasicMaterial({ color: 0x00_00_ff })
+    )
+    endYMarker.position.set(startPosition.x, startPosition.y + height, startPosition.z)
+    debugGroup.add(endYMarker)
+
+    // Add a marker at the width endpoint
+    const endWidthMarker = new THREE.Mesh(
+      new THREE.BoxGeometry(0.1, 0.1, 0.1),
+      new THREE.MeshBasicMaterial({ color: 0xff_ff_00 })
+    )
+    endWidthMarker.position.set(endX, startPosition.y, endZ)
+    debugGroup.add(endWidthMarker)
+
+    // Add a marker at the corner diagonal endpoint (both width and height)
+    const endCornerMarker = new THREE.Mesh(
+      new THREE.BoxGeometry(0.1, 0.1, 0.1),
+      new THREE.MeshBasicMaterial({ color: 0xff_00_ff })
+    )
+    endCornerMarker.position.set(endX, startPosition.y + height, endZ)
+    debugGroup.add(endCornerMarker)
+
+    // Also add a visual helper to show the rotation direction
+    const directionHelper = new THREE.ArrowHelper(
+      new THREE.Vector3(Math.cos(rotation), 0, Math.sin(rotation)),
+      new THREE.Vector3(startPosition.x, startPosition.y, startPosition.z),
+      1,
+      0xff_00_00
+    )
+    debugGroup.add(directionHelper)
+
+    return {
+      mesh,
+      debugGroup
+    }
+  }
+
+  createTestCanvasTexture () {
+    const canvas = document.createElement('canvas')
+    canvas.width = 100
+    canvas.height = 100
+    const ctx = canvas.getContext('2d')
+    if (!ctx) return null
+    ctx.font = '10px Arial'
+    ctx.fillStyle = 'red'
+    ctx.fillText('Hello World', 0, 10) // at
+    return new THREE.CanvasTexture(canvas)
+  }
+
+  /**
+   * Creates a test mesh that demonstrates the exact positioning
+   */
+  addTestMeshExact (rotationNum: number) {
+    const pos = window.cursorBlockRel().position
+    console.log('Creating exact positioned test mesh at:', pos)
+
+    // Create a plane mesh with a wireframe to visualize boundaries
+    const plane = new THREE.Mesh(
+      new THREE.PlaneGeometry(1, 1),
+      new THREE.MeshBasicMaterial({
+        // side: THREE.DoubleSide,
+        map: this.createTestCanvasTexture()
+      })
+    )
+
+    const width = 2
+    const height = 1
+    const rotation = THREE.MathUtils.degToRad(rotationNum * 90) // 90 degrees in radians
+
+    // Position the mesh exactly where we want it
+    const { debugGroup } = this.positionMeshExact(plane, rotation, pos, width, height)
+
+    this.worldRenderer.scene.add(debugGroup)
+    console.log('Exact test mesh added with dimensions:', width, height, 'and rotation:', rotation)
+  }
+
+  lastCheck = 0
+  THROTTLE_TIME = 100
+  tryIntersectMedia () {
+    // hack: need to optimize this by pulling only in distance of interaction instead and throttle
+    if (this.customMedia.size === 0) return
+    if (Date.now() - this.lastCheck < this.THROTTLE_TIME) return
+    this.lastCheck = Date.now()
+
+    const { camera, scene } = this.worldRenderer
+    const raycaster = new THREE.Raycaster()
+
+    // Get mouse position at center of screen
+    const mouse = new THREE.Vector2(0, 0)
+
+    // Update the raycaster
+    raycaster.setFromCamera(mouse, camera)
+
+    // Check intersection with all objects in scene
+    const intersects = raycaster.intersectObjects(scene.children, true)
+    if (intersects.length > 0) {
+      const intersection = intersects[0]
+      const intersectedObject = intersection.object
+
+      // Find if this object belongs to any media
+      for (const [id, videoData] of this.customMedia.entries()) {
+        // Check if the intersected object is part of our media mesh
+        if (intersectedObject === videoData.mesh ||
+          videoData.mesh.children.includes(intersectedObject)) {
+          const { uv } = intersection
+          if (uv) {
+            const result = {
+              id,
+              x: uv.x,
+              y: uv.y
+            }
+            this.worldRenderer.reactiveState.world.intersectMedia = result
+            this.worldRenderer['debugVideo'] = videoData
+            this.worldRenderer.cursorBlock.cursorLinesHidden = true
+            return
+          }
+        }
+      }
+    }
+
+    // No media intersection found
+    this.worldRenderer.reactiveState.world.intersectMedia = null
+    this.worldRenderer['debugVideo'] = null
+    this.worldRenderer.cursorBlock.cursorLinesHidden = false
+  }
+}
diff --git a/renderer/viewer/three/threeJsMethods.ts b/renderer/viewer/three/threeJsMethods.ts
new file mode 100644
index 00000000..629909c9
--- /dev/null
+++ b/renderer/viewer/three/threeJsMethods.ts
@@ -0,0 +1,15 @@
+import type { GraphicsBackend } from '../../../src/appViewer'
+import type { ThreeJsBackendMethods } from './graphicsBackend'
+
+export function getThreeJsRendererMethods (): ThreeJsBackendMethods | undefined {
+  const renderer = appViewer.backend
+  if (renderer?.id !== 'threejs' || !renderer.backendMethods) return
+  return new Proxy(renderer.backendMethods, {
+    get (target, prop) {
+      return async (...args) => {
+        const result = await (target[prop as any] as any)(...args)
+        return result
+      }
+    }
+  }) as ThreeJsBackendMethods
+}
diff --git a/renderer/viewer/three/threeJsParticles.ts b/renderer/viewer/three/threeJsParticles.ts
new file mode 100644
index 00000000..993f2b62
--- /dev/null
+++ b/renderer/viewer/three/threeJsParticles.ts
@@ -0,0 +1,160 @@
+import * as THREE from 'three'
+
+interface ParticleMesh extends THREE.Mesh {
+  velocity: THREE.Vector3;
+}
+
+interface ParticleConfig {
+  fountainHeight: number;
+  resetHeight: number;
+  xVelocityRange: number;
+  zVelocityRange: number;
+  particleCount: number;
+  particleRadiusRange: { min: number; max: number };
+  yVelocityRange: { min: number; max: number };
+}
+
+export interface FountainOptions {
+  position?: { x: number, y: number, z: number }
+  particleConfig?: Partial<ParticleConfig>;
+}
+
+export class Fountain {
+  private readonly particles: ParticleMesh[] = []
+  private readonly config: { particleConfig: ParticleConfig }
+  private readonly position: THREE.Vector3
+  container: THREE.Object3D | undefined
+
+  constructor (public sectionId: string, options: FountainOptions = {}) {
+    this.position = options.position ? new THREE.Vector3(options.position.x, options.position.y, options.position.z) : new THREE.Vector3(0, 0, 0)
+    this.config = this.createConfig(options.particleConfig)
+  }
+
+  private createConfig (
+    particleConfigOverride?: Partial<ParticleConfig>
+  ): { particleConfig: ParticleConfig } {
+    const particleConfig: ParticleConfig = {
+      fountainHeight: 10,
+      resetHeight: 0,
+      xVelocityRange: 0.4,
+      zVelocityRange: 0.4,
+      particleCount: 400,
+      particleRadiusRange: { min: 0.1, max: 0.6 },
+      yVelocityRange: { min: 0.1, max: 2 },
+      ...particleConfigOverride
+    }
+
+    return { particleConfig }
+  }
+
+
+  createParticles (container: THREE.Object3D): void {
+    this.container = container
+    const colorStart = new THREE.Color(0xff_ff_00)
+    const colorEnd = new THREE.Color(0xff_a5_00)
+
+    for (let i = 0; i < this.config.particleConfig.particleCount; i++) {
+      const radius = Math.random() *
+        (this.config.particleConfig.particleRadiusRange.max - this.config.particleConfig.particleRadiusRange.min) +
+        this.config.particleConfig.particleRadiusRange.min
+      const geometry = new THREE.SphereGeometry(radius)
+      const material = new THREE.MeshBasicMaterial({
+        color: colorStart.clone().lerp(colorEnd, Math.random())
+      })
+      const mesh = new THREE.Mesh(geometry, material)
+      const particle = mesh as unknown as ParticleMesh
+
+      particle.position.set(
+        this.position.x + (Math.random() - 0.5) * this.config.particleConfig.xVelocityRange * 2,
+        this.position.y + this.config.particleConfig.fountainHeight,
+        this.position.z + (Math.random() - 0.5) * this.config.particleConfig.zVelocityRange * 2
+      )
+
+      particle.velocity = new THREE.Vector3(
+        (Math.random() - 0.5) * this.config.particleConfig.xVelocityRange,
+        -Math.random() * this.config.particleConfig.yVelocityRange.max,
+        (Math.random() - 0.5) * this.config.particleConfig.zVelocityRange
+      )
+
+      this.particles.push(particle)
+      this.container.add(particle)
+
+      // this.container.onBeforeRender = () => {
+      //   this.render()
+      // }
+    }
+  }
+
+  render (): void {
+    for (const particle of this.particles) {
+      particle.velocity.y -= 0.01 + Math.random() * 0.1
+      particle.position.add(particle.velocity)
+
+      if (particle.position.y < this.position.y + this.config.particleConfig.resetHeight) {
+        particle.position.set(
+          this.position.x + (Math.random() - 0.5) * this.config.particleConfig.xVelocityRange * 2,
+          this.position.y + this.config.particleConfig.fountainHeight,
+          this.position.z + (Math.random() - 0.5) * this.config.particleConfig.zVelocityRange * 2
+        )
+        particle.velocity.set(
+          (Math.random() - 0.5) * this.config.particleConfig.xVelocityRange,
+          -Math.random() * this.config.particleConfig.yVelocityRange.max,
+          (Math.random() - 0.5) * this.config.particleConfig.zVelocityRange
+        )
+      }
+    }
+  }
+
+  private updateParticleCount (newCount: number): void {
+    if (newCount !== this.config.particleConfig.particleCount) {
+      this.config.particleConfig.particleCount = newCount
+      const currentCount = this.particles.length
+
+      if (newCount > currentCount) {
+        this.addParticles(newCount - currentCount)
+      } else if (newCount < currentCount) {
+        this.removeParticles(currentCount - newCount)
+      }
+    }
+  }
+
+  private addParticles (count: number): void {
+    const geometry = new THREE.SphereGeometry(0.1)
+    const material = new THREE.MeshBasicMaterial({ color: 0x00_ff_00 })
+
+    for (let i = 0; i < count; i++) {
+      const mesh = new THREE.Mesh(geometry, material)
+      const particle = mesh as unknown as ParticleMesh
+      particle.position.copy(this.position)
+      particle.velocity = new THREE.Vector3(
+        Math.random() * this.config.particleConfig.xVelocityRange -
+        this.config.particleConfig.xVelocityRange / 2,
+        Math.random() * 2,
+        Math.random() * this.config.particleConfig.zVelocityRange -
+        this.config.particleConfig.zVelocityRange / 2
+      )
+      this.particles.push(particle)
+      this.container!.add(particle)
+    }
+  }
+
+  private removeParticles (count: number): void {
+    for (let i = 0; i < count; i++) {
+      const particle = this.particles.pop()
+      if (particle) {
+        this.container!.remove(particle)
+      }
+    }
+  }
+
+  public dispose (): void {
+    for (const particle of this.particles) {
+      particle.geometry.dispose()
+      if (Array.isArray(particle.material)) {
+        for (const material of particle.material) material.dispose()
+      } else {
+        particle.material.dispose()
+      }
+    }
+  }
+}
diff --git a/renderer/viewer/three/threeJsSound.ts b/renderer/viewer/three/threeJsSound.ts
new file mode 100644
index 00000000..699bb2cc
--- /dev/null
+++ b/renderer/viewer/three/threeJsSound.ts
@@ -0,0 +1,99 @@
+import * as THREE from 'three'
+import { WorldRendererThree } from './worldrendererThree'
+
+export interface SoundSystem {
+  playSound: (position: { x: number, y: number, z: number }, path: string, volume?: number, pitch?: number, timeout?: number) => void
+  destroy: () => void
+}
+
+export class ThreeJsSound implements SoundSystem {
+  audioListener: THREE.AudioListener | undefined
+  private readonly activeSounds = new Set<THREE.PositionalAudio>()
+  private readonly audioContext: AudioContext | undefined
+  private readonly soundVolumes = new Map<THREE.PositionalAudio, number>()
+  baseVolume = 1
+
+  constructor (public worldRenderer: WorldRendererThree) {
+    worldRenderer.onWorldSwitched.push(() => {
+      this.stopAll()
+    })
+
+    worldRenderer.onReactiveConfigUpdated('volume', (volume) => {
+      this.changeVolume(volume)
+    })
+  }
+
+  initAudioListener () {
+    if (this.audioListener) return
+    this.audioListener = new THREE.AudioListener()
+    this.worldRenderer.camera.add(this.audioListener)
+  }
+
+  playSound (position: { x: number, y: number, z: number }, path: string, volume = 1, pitch = 1, timeout = 500) {
+    this.initAudioListener()
+
+    const sound = new THREE.PositionalAudio(this.audioListener!)
+    this.activeSounds.add(sound)
+    this.soundVolumes.set(sound, volume)
+
+    const audioLoader = new THREE.AudioLoader()
+    const start = Date.now()
+    void audioLoader.loadAsync(path).then((buffer) => {
+      if (Date.now() - start > timeout) {
+        console.warn('Ignored playing sound', path, 'due to timeout:', timeout, 'ms <', Date.now() - start, 'ms')
+        return
+      }
+      // play
+      sound.setBuffer(buffer)
+      sound.setRefDistance(20)
+      sound.setVolume(volume * this.baseVolume)
+      sound.setPlaybackRate(pitch) // set the pitch
+      this.worldRenderer.scene.add(sound)
+      // set sound position
+      sound.position.set(position.x, position.y, position.z)
+      sound.onEnded = () => {
+        this.worldRenderer.scene.remove(sound)
+        if (sound.source) {
+          sound.disconnect()
+        }
+        this.activeSounds.delete(sound)
+        this.soundVolumes.delete(sound)
+        audioLoader.manager.itemEnd(path)
+      }
+      sound.play()
+    })
+  }
+
+  stopAll () {
+    for (const sound of this.activeSounds) {
+      if (!sound) continue
+      sound.stop()
+      if (sound.source) {
+        sound.disconnect()
+      }
+      this.worldRenderer.scene.remove(sound)
+    }
+    this.activeSounds.clear()
+    this.soundVolumes.clear()
+  }
+
+  changeVolume (volume: number) {
+    this.baseVolume = volume
+    for (const [sound, individualVolume] of this.soundVolumes) {
+      sound.setVolume(individualVolume * this.baseVolume)
+    }
+  }
+
+  destroy () {
+    this.stopAll()
+    // Remove and cleanup audio listener
+    if (this.audioListener) {
+      this.audioListener.removeFromParent()
+      this.audioListener = undefined
+    }
+  }
+
+  playTestSound () {
+    this.playSound(this.worldRenderer.camera.position, '/sound.mp3')
+  }
+}
diff --git a/renderer/viewer/three/threeJsUtils.ts b/renderer/viewer/three/threeJsUtils.ts
new file mode 100644
index 00000000..cbef9065
--- /dev/null
+++ b/renderer/viewer/three/threeJsUtils.ts
@@ -0,0 +1,73 @@
+import * as THREE from 'three'
+import { getLoadedImage } from 'mc-assets/dist/utils'
+import { createCanvas } from '../lib/utils'
+
+export const disposeObject = (obj: THREE.Object3D, cleanTextures = false) => {
+  // not cleaning texture there as it might be used by other objects, but would be good to also do that
+  if (obj instanceof THREE.Mesh) {
+    obj.geometry?.dispose?.()
+    obj.material?.dispose?.()
+  }
+  if (obj.children) {
+    // eslint-disable-next-line unicorn/no-array-for-each
+    obj.children.forEach(child => disposeObject(child, cleanTextures))
+  }
+  if (cleanTextures) {
+    if (obj instanceof THREE.Mesh) {
+      obj.material?.map?.dispose?.()
+    }
+  }
+}
+
+let textureCache: Record<string, THREE.Texture> = {}
+let imagesPromises: Record<string, Promise<THREE.Texture>> = {}
+
+export const loadThreeJsTextureFromUrlSync = (imageUrl: string) => {
+  const texture = new THREE.Texture()
+  const promise = getLoadedImage(imageUrl).then(image => {
+    texture.image = image
+    texture.needsUpdate = true
+    return texture
+  })
+  return {
+    texture,
+    promise
+  }
+}
+
+export const loadThreeJsTextureFromUrl = async (imageUrl: string) => {
+  const loaded = new THREE.TextureLoader().loadAsync(imageUrl)
+  return loaded
+}
+
+export const loadThreeJsTextureFromBitmap = (image: ImageBitmap) => {
+  const canvas = createCanvas(image.width, image.height)
+  const ctx = canvas.getContext('2d')!
+  ctx.drawImage(image, 0, 0)
+  const texture = new THREE.Texture(canvas)
+  texture.magFilter = THREE.NearestFilter
+  texture.minFilter = THREE.NearestFilter
+  return texture
+}
+
+export async function loadTexture (texture: string, cb: (texture: THREE.Texture) => void, onLoad?: () => void): Promise<void> {
+  const cached = textureCache[texture]
+  if (!cached) {
+    const { promise, resolve } = Promise.withResolvers<THREE.Texture>()
+    const t = loadThreeJsTextureFromUrlSync(texture)
+    textureCache[texture] = t.texture
+    void t.promise.then(resolve)
+    imagesPromises[texture] = promise
+  }
+
+  cb(textureCache[texture])
+  void imagesPromises[texture].then(() => {
+    onLoad?.()
+  })
+}
+
+export const clearTextureCache = () => {
+  textureCache = {}
+  imagesPromises = {}
+}
+
diff --git a/renderer/viewer/three/waypointSprite.ts b/renderer/viewer/three/waypointSprite.ts
new file mode 100644
index 00000000..6a30e6db
--- /dev/null
+++ b/renderer/viewer/three/waypointSprite.ts
@@ -0,0 +1,418 @@
+import * as THREE from 'three'
+
+// Centralized visual configuration (in screen pixels)
+export const WAYPOINT_CONFIG = {
+  // Target size in screen pixels (this controls the final sprite size)
+  TARGET_SCREEN_PX: 150,
+  // Canvas size for internal rendering (keep power of 2 for textures)
+  CANVAS_SIZE: 256,
+  // Relative positions in canvas (0-1)
+  LAYOUT: {
+    DOT_Y: 0.3,
+    NAME_Y: 0.45,
+    DISTANCE_Y: 0.55,
+  },
+  // Multiplier for canvas internal resolution to keep text crisp
+  CANVAS_SCALE: 2,
+  ARROW: {
+    enabledDefault: false,
+    pixelSize: 50,
+    paddingPx: 50,
+  },
+}
+
+export type WaypointSprite = {
+  group: THREE.Group
+  sprite: THREE.Sprite
+  // Offscreen arrow controls
+  enableOffscreenArrow: (enabled: boolean) => void
+  setArrowParent: (parent: THREE.Object3D | null) => void
+  // Convenience combined updater
+  updateForCamera: (
+    cameraPosition: THREE.Vector3,
+    camera: THREE.PerspectiveCamera,
+    viewportWidthPx: number,
+    viewportHeightPx: number
+  ) => boolean
+  // Utilities
+  setColor: (color: number) => void
+  setLabel: (label?: string) => void
+  updateDistanceText: (label: string, distanceText: string) => void
+  setVisible: (visible: boolean) => void
+  setPosition: (x: number, y: number, z: number) => void
+  dispose: () => void
+}
+
+export function createWaypointSprite (options: {
+  position: THREE.Vector3 | { x: number, y: number, z: number },
+  color?: number,
+  label?: string,
+  depthTest?: boolean,
+  // Y offset in world units used by updateScaleWorld only (screen-pixel API ignores this)
+  labelYOffset?: number,
+  metadata?: any,
+}): WaypointSprite {
+  const color = options.color ?? 0xFF_00_00
+  const depthTest = options.depthTest ?? false
+  const labelYOffset = options.labelYOffset ?? 1.5
+
+  // Build combined sprite
+  const sprite = createCombinedSprite(color, options.label ?? '', '0m', depthTest)
+  sprite.renderOrder = 10
+  let currentLabel = options.label ?? ''
+
+  // Offscreen arrow (detached by default)
+  let arrowSprite: THREE.Sprite | undefined
+  let arrowParent: THREE.Object3D | null = null
+  let arrowEnabled = WAYPOINT_CONFIG.ARROW.enabledDefault
+
+  // Group for easy add/remove
+  const group = new THREE.Group()
+  group.add(sprite)
+
+  // Initial position
+  const { x, y, z } = options.position
+  group.position.set(x, y, z)
+
+  function setColor (newColor: number) {
+    const canvas = drawCombinedCanvas(newColor, currentLabel, '0m')
+    const texture = new THREE.CanvasTexture(canvas)
+    const mat = sprite.material
+    mat.map?.dispose()
+    mat.map = texture
+    mat.needsUpdate = true
+  }
+
+  function setLabel (newLabel?: string) {
+    currentLabel = newLabel ?? ''
+    const canvas = drawCombinedCanvas(color, currentLabel, '0m')
+    const texture = new THREE.CanvasTexture(canvas)
+    const mat = sprite.material
+    mat.map?.dispose()
+    mat.map = texture
+    mat.needsUpdate = true
+  }
+
+  function updateDistanceText (label: string, distanceText: string) {
+    const canvas = drawCombinedCanvas(color, label, distanceText)
+    const texture = new THREE.CanvasTexture(canvas)
+    const mat = sprite.material
+    mat.map?.dispose()
+    mat.map = texture
+    mat.needsUpdate = true
+  }
+
+  function setVisible (visible: boolean) {
+    sprite.visible = visible
+  }
+
+  function setPosition (nx: number, ny: number, nz: number) {
+    group.position.set(nx, ny, nz)
+  }
+
+  // Keep constant pixel size on screen using global config
+  function updateScaleScreenPixels (
+    cameraPosition: THREE.Vector3,
+    cameraFov: number,
+    distance: number,
+    viewportHeightPx: number
+  ) {
+    const vFovRad = cameraFov * Math.PI / 180
+    const worldUnitsPerScreenHeightAtDist = Math.tan(vFovRad / 2) * 2 * distance
+    // Use configured target screen size
+    const scale = worldUnitsPerScreenHeightAtDist * (WAYPOINT_CONFIG.TARGET_SCREEN_PX / viewportHeightPx)
+    sprite.scale.set(scale, scale, 1)
+  }
+
+  function ensureArrow () {
+    if (arrowSprite) return
+    const size = 128
+    const canvas = document.createElement('canvas')
+    canvas.width = size
+    canvas.height = size
+    const ctx = canvas.getContext('2d')!
+    ctx.clearRect(0, 0, size, size)
+
+    // Draw arrow shape
+    ctx.beginPath()
+    ctx.moveTo(size * 0.15, size * 0.5)
+    ctx.lineTo(size * 0.85, size * 0.5)
+    ctx.lineTo(size * 0.5, size * 0.15)
+    ctx.closePath()
+
+    // Use waypoint color for arrow
+    const colorHex = `#${color.toString(16).padStart(6, '0')}`
+    ctx.lineWidth = 6
+    ctx.strokeStyle = 'black'
+    ctx.stroke()
+    ctx.fillStyle = colorHex
+    ctx.fill()
+
+    const texture = new THREE.CanvasTexture(canvas)
+    const material = new THREE.SpriteMaterial({ map: texture, transparent: true, depthTest: false, depthWrite: false })
+    arrowSprite = new THREE.Sprite(material)
+    arrowSprite.renderOrder = 12
+    arrowSprite.visible = false
+    if (arrowParent) arrowParent.add(arrowSprite)
+  }
+
+  function enableOffscreenArrow (enabled: boolean) {
+    arrowEnabled = enabled
+    if (!enabled && arrowSprite) arrowSprite.visible = false
+  }
+
+  function setArrowParent (parent: THREE.Object3D | null) {
+    if (arrowSprite?.parent) arrowSprite.parent.remove(arrowSprite)
+    arrowParent = parent
+    if (arrowSprite && parent) parent.add(arrowSprite)
+  }
+
+  function updateOffscreenArrow (
+    camera: THREE.PerspectiveCamera,
+    viewportWidthPx: number,
+    viewportHeightPx: number
+  ): boolean {
+    if (!arrowEnabled) return true
+    ensureArrow()
+    if (!arrowSprite) return true
+
+    // Check if onlyLeftRight is enabled in metadata
+    const onlyLeftRight = options.metadata?.onlyLeftRight === true
+
+    // Build camera basis using camera.up to respect custom orientations
+    const forward = new THREE.Vector3()
+    camera.getWorldDirection(forward) // camera look direction
+    const upWorld = camera.up.clone().normalize()
+    const right = new THREE.Vector3().copy(forward).cross(upWorld).normalize()
+    const upCam = new THREE.Vector3().copy(right).cross(forward).normalize()
+
+    // Vector from camera to waypoint
+    const camPos = new THREE.Vector3().setFromMatrixPosition(camera.matrixWorld)
+    const toWp = new THREE.Vector3(group.position.x, group.position.y, group.position.z).sub(camPos)
+
+    // Components in camera basis
+    const z = toWp.dot(forward)
+    const x = toWp.dot(right)
+    const y = toWp.dot(upCam)
+
+    const aspect = viewportWidthPx / viewportHeightPx
+    const vFovRad = camera.fov * Math.PI / 180
+    const hFovRad = 2 * Math.atan(Math.tan(vFovRad / 2) * aspect)
+
+    // Determine if waypoint is inside view frustum using angular checks
+    const thetaX = Math.atan2(x, z)
+    const thetaY = Math.atan2(y, z)
+    const visible = z > 0 && Math.abs(thetaX) <= hFovRad / 2 && Math.abs(thetaY) <= vFovRad / 2
+    if (visible) {
+      arrowSprite.visible = false
+      return true
+    }
+
+    // Direction on screen in normalized frustum units
+    let rx = thetaX / (hFovRad / 2)
+    let ry = thetaY / (vFovRad / 2)
+
+    // If behind the camera, snap to dominant axis to avoid confusing directions
+    if (z <= 0) {
+      if (Math.abs(rx) > Math.abs(ry)) {
+        rx = Math.sign(rx)
+        ry = 0
+      } else {
+        rx = 0
+        ry = Math.sign(ry)
+      }
+    }
+
+    // Apply onlyLeftRight logic - restrict arrows to left/right edges only
+    if (onlyLeftRight) {
+      // Force the arrow to appear only on left or right edges
+      if (Math.abs(rx) > Math.abs(ry)) {
+        // Horizontal direction is dominant, keep it
+        ry = 0
+      } else {
+        // Vertical direction is dominant, but we want only left/right
+        // So choose left or right based on the sign of rx
+        rx = rx >= 0 ? 1 : -1
+        ry = 0
+      }
+    }
+
+    // Place on the rectangle border [-1,1]x[-1,1]
+    const s = Math.max(Math.abs(rx), Math.abs(ry)) || 1
+    let ndcX = rx / s
+    let ndcY = ry / s
+
+    // Apply padding in pixel space by clamping
+    const padding = WAYPOINT_CONFIG.ARROW.paddingPx
+    const pxX = ((ndcX + 1) * 0.5) * viewportWidthPx
+    const pxY = ((1 - ndcY) * 0.5) * viewportHeightPx
+    const clampedPxX = Math.min(Math.max(pxX, padding), viewportWidthPx - padding)
+    const clampedPxY = Math.min(Math.max(pxY, padding), viewportHeightPx - padding)
+    ndcX = (clampedPxX / viewportWidthPx) * 2 - 1
+    ndcY = -(clampedPxY / viewportHeightPx) * 2 + 1
+
+    // Compute world position at a fixed distance in front of the camera using camera basis
+    const placeDist = Math.max(2, camera.near * 4)
+    const halfPlaneHeight = Math.tan(vFovRad / 2) * placeDist
+    const halfPlaneWidth = halfPlaneHeight * aspect
+    const pos = camPos.clone()
+      .add(forward.clone().multiplyScalar(placeDist))
+      .add(right.clone().multiplyScalar(ndcX * halfPlaneWidth))
+      .add(upCam.clone().multiplyScalar(ndcY * halfPlaneHeight))
+
+    // Update arrow sprite
+    arrowSprite.visible = true
+    arrowSprite.position.copy(pos)
+
+    // Angle for rotation relative to screen right/up (derived from camera up vector)
+    const angle = Math.atan2(ry, rx)
+    arrowSprite.material.rotation = angle - Math.PI / 2
+
+    // Constant pixel size for arrow (use fixed placement distance)
+    const worldUnitsPerScreenHeightAtDist = Math.tan(vFovRad / 2) * 2 * placeDist
+    const sPx = worldUnitsPerScreenHeightAtDist * (WAYPOINT_CONFIG.ARROW.pixelSize / viewportHeightPx)
+    arrowSprite.scale.set(sPx, sPx, 1)
+    return false
+  }
+
+  function computeDistance (cameraPosition: THREE.Vector3): number {
+    return cameraPosition.distanceTo(group.position)
+  }
+
+  function updateForCamera (
+    cameraPosition: THREE.Vector3,
+    camera: THREE.PerspectiveCamera,
+    viewportWidthPx: number,
+    viewportHeightPx: number
+  ): boolean {
+    const distance = computeDistance(cameraPosition)
+    // Keep constant pixel size
+    updateScaleScreenPixels(cameraPosition, camera.fov, distance, viewportHeightPx)
+    // Update text
+    updateDistanceText(currentLabel, `${Math.round(distance)}m`)
+    // Update arrow and visibility
+    const onScreen = updateOffscreenArrow(camera, viewportWidthPx, viewportHeightPx)
+    setVisible(onScreen)
+    return onScreen
+  }
+
+  function dispose () {
+    const mat = sprite.material
+    mat.map?.dispose()
+    mat.dispose()
+    if (arrowSprite) {
+      const am = arrowSprite.material
+      am.map?.dispose()
+      am.dispose()
+    }
+  }
+
+  return {
+    group,
+    sprite,
+    enableOffscreenArrow,
+    setArrowParent,
+    updateForCamera,
+    setColor,
+    setLabel,
+    updateDistanceText,
+    setVisible,
+    setPosition,
+    dispose,
+  }
+}
+
+// Internal helpers
+function drawCombinedCanvas (color: number, id: string, distance: string): HTMLCanvasElement {
+  const scale = WAYPOINT_CONFIG.CANVAS_SCALE * (globalThis.devicePixelRatio || 1)
+  const size = WAYPOINT_CONFIG.CANVAS_SIZE * scale
+  const canvas = document.createElement('canvas')
+  canvas.width = size
+  canvas.height = size
+  const ctx = canvas.getContext('2d')!
+
+  // Clear canvas
+  ctx.clearRect(0, 0, size, size)
+
+  // Draw dot
+  const centerX = size / 2
+  const dotY = Math.round(size * WAYPOINT_CONFIG.LAYOUT.DOT_Y)
+  const radius = Math.round(size * 0.05) // Dot takes up ~12% of canvas height
+  const borderWidth = Math.max(2, Math.round(4 * scale))
+
+  // Outer border (black)
+  ctx.beginPath()
+  ctx.arc(centerX, dotY, radius + borderWidth, 0, Math.PI * 2)
+  ctx.fillStyle = 'black'
+  ctx.fill()
+
+  // Inner circle (colored)
+  ctx.beginPath()
+  ctx.arc(centerX, dotY, radius, 0, Math.PI * 2)
+  ctx.fillStyle = `#${color.toString(16).padStart(6, '0')}`
+  ctx.fill()
+
+  // Text properties
+  ctx.textAlign = 'center'
+  ctx.textBaseline = 'middle'
+
+  // Title
+  const nameFontPx = Math.round(size * 0.08) // ~8% of canvas height
+  const distanceFontPx = Math.round(size * 0.06) // ~6% of canvas height
+  ctx.font = `bold ${nameFontPx}px mojangles`
+  ctx.lineWidth = Math.max(2, Math.round(3 * scale))
+  const nameY = Math.round(size * WAYPOINT_CONFIG.LAYOUT.NAME_Y)
+
+  ctx.strokeStyle = 'black'
+  ctx.strokeText(id, centerX, nameY)
+  ctx.fillStyle = 'white'
+  ctx.fillText(id, centerX, nameY)
+
+  // Distance
+  ctx.font = `bold ${distanceFontPx}px mojangles`
+  ctx.lineWidth = Math.max(2, Math.round(2 * scale))
+  const distanceY = Math.round(size * WAYPOINT_CONFIG.LAYOUT.DISTANCE_Y)
+
+  ctx.strokeStyle = 'black'
+  ctx.strokeText(distance, centerX, distanceY)
+  ctx.fillStyle = '#CCCCCC'
+  ctx.fillText(distance, centerX, distanceY)
+
+  return canvas
+}
+
+function createCombinedSprite (color: number, id: string, distance: string, depthTest: boolean): THREE.Sprite {
+  const canvas = drawCombinedCanvas(color, id, distance)
+  const texture = new THREE.CanvasTexture(canvas)
+  texture.anisotropy = 1
+  texture.magFilter = THREE.LinearFilter
+  texture.minFilter = THREE.LinearFilter
+  const material = new THREE.SpriteMaterial({
+    map: texture,
+    transparent: true,
+    opacity: 1,
+    depthTest,
+    depthWrite: false,
+  })
+  const sprite = new THREE.Sprite(material)
+  sprite.position.set(0, 0, 0)
+  return sprite
+}
+
+export const WaypointHelpers = {
+  // World-scale constant size helper
+  computeWorldScale (distance: number, fixedReference = 10) {
+    return Math.max(0.0001, distance / fixedReference)
+  },
+  // Screen-pixel constant size helper
+  computeScreenPixelScale (
+    camera: THREE.PerspectiveCamera,
+    distance: number,
+    pixelSize: number,
+    viewportHeightPx: number
+  ) {
+    const vFovRad = camera.fov * Math.PI / 180
+    const worldUnitsPerScreenHeightAtDist = Math.tan(vFovRad / 2) * 2 * distance
+    return worldUnitsPerScreenHeightAtDist * (pixelSize / viewportHeightPx)
+  }
+}
diff --git a/renderer/viewer/three/waypoints.ts b/renderer/viewer/three/waypoints.ts
new file mode 100644
index 00000000..256ca6df
--- /dev/null
+++ b/renderer/viewer/three/waypoints.ts
@@ -0,0 +1,140 @@
+import * as THREE from 'three'
+import { WorldRendererThree } from './worldrendererThree'
+import { createWaypointSprite, type WaypointSprite } from './waypointSprite'
+
+interface Waypoint {
+  id: string
+  x: number
+  y: number
+  z: number
+  minDistance: number
+  color: number
+  label?: string
+  sprite: WaypointSprite
+}
+
+interface WaypointOptions {
+  color?: number
+  label?: string
+  minDistance?: number
+  metadata?: any
+}
+
+export class WaypointsRenderer {
+  private readonly waypoints = new Map<string, Waypoint>()
+  private readonly waypointScene = new THREE.Scene()
+
+  constructor (
+    private readonly worldRenderer: WorldRendererThree
+  ) {
+  }
+
+  private updateWaypoints () {
+    const playerPos = this.worldRenderer.cameraObject.position
+    const sizeVec = this.worldRenderer.renderer.getSize(new THREE.Vector2())
+
+    for (const waypoint of this.waypoints.values()) {
+      const waypointPos = new THREE.Vector3(waypoint.x, waypoint.y, waypoint.z)
+      const distance = playerPos.distanceTo(waypointPos)
+      const visible = !waypoint.minDistance || distance >= waypoint.minDistance
+
+      waypoint.sprite.setVisible(visible)
+
+      if (visible) {
+        // Update position
+        waypoint.sprite.setPosition(waypoint.x, waypoint.y, waypoint.z)
+        // Ensure camera-based update each frame
+        waypoint.sprite.updateForCamera(this.worldRenderer.getCameraPosition(), this.worldRenderer.camera, sizeVec.width, sizeVec.height)
+      }
+    }
+  }
+
+  render () {
+    if (this.waypoints.size === 0) return
+
+    // Update waypoint scaling
+    this.updateWaypoints()
+
+    // Render waypoints scene with the world camera
+    this.worldRenderer.renderer.render(this.waypointScene, this.worldRenderer.camera)
+  }
+
+  // Removed sprite/label texture creation. Use utils/waypointSprite.ts
+
+  addWaypoint (
+    id: string,
+    x: number,
+    y: number,
+    z: number,
+    options: WaypointOptions = {}
+  ) {
+    // Remove existing waypoint if it exists
+    this.removeWaypoint(id)
+
+    const color = options.color ?? 0xFF_00_00
+    const { label, metadata } = options
+    const minDistance = options.minDistance ?? 0
+
+    const sprite = createWaypointSprite({
+      position: new THREE.Vector3(x, y, z),
+      color,
+      label: (label || id),
+      metadata,
+    })
+    sprite.enableOffscreenArrow(true)
+    sprite.setArrowParent(this.waypointScene)
+
+    this.waypointScene.add(sprite.group)
+
+    this.waypoints.set(id, {
+      id, x: x + 0.5, y: y + 0.5, z: z + 0.5, minDistance,
+      color, label,
+      sprite,
+    })
+  }
+
+  removeWaypoint (id: string) {
+    const waypoint = this.waypoints.get(id)
+    if (waypoint) {
+      this.waypointScene.remove(waypoint.sprite.group)
+      waypoint.sprite.dispose()
+      this.waypoints.delete(id)
+    }
+  }
+
+  clear () {
+    for (const id of this.waypoints.keys()) {
+      this.removeWaypoint(id)
+    }
+  }
+
+  testWaypoint () {
+    this.addWaypoint('Test Point', 0, 70, 0, { color: 0x00_FF_00, label: 'Test Point' })
+    this.addWaypoint('Spawn', 0, 64, 0, { color: 0xFF_FF_00, label: 'Spawn' })
+    this.addWaypoint('Far Point', 100, 70, 100, { color: 0x00_00_FF, label: 'Far Point' })
+  }
+
+  getWaypoint (id: string): Waypoint | undefined {
+    return this.waypoints.get(id)
+  }
+
+  getAllWaypoints (): Waypoint[] {
+    return [...this.waypoints.values()]
+  }
+
+  setWaypointColor (id: string, color: number) {
+    const waypoint = this.waypoints.get(id)
+    if (waypoint) {
+      waypoint.sprite.setColor(color)
+      waypoint.color = color
+    }
+  }
+
+  setWaypointLabel (id: string, label?: string) {
+    const waypoint = this.waypoints.get(id)
+    if (waypoint) {
+      waypoint.label = label
+      waypoint.sprite.setLabel(label)
+    }
+  }
+}
diff --git a/renderer/viewer/three/world/cursorBlock.ts b/renderer/viewer/three/world/cursorBlock.ts
new file mode 100644
index 00000000..a03a6999
--- /dev/null
+++ b/renderer/viewer/three/world/cursorBlock.ts
@@ -0,0 +1,162 @@
+import * as THREE from 'three'
+import { LineMaterial, LineSegmentsGeometry, Wireframe } from 'three-stdlib'
+import { Vec3 } from 'vec3'
+import { BlockShape, BlocksShapes } from 'renderer/viewer/lib/basePlayerState'
+import { WorldRendererThree } from '../worldrendererThree'
+import { loadThreeJsTextureFromUrl } from '../threeJsUtils'
+import destroyStage0 from '../../../../assets/destroy_stage_0.png'
+import destroyStage1 from '../../../../assets/destroy_stage_1.png'
+import destroyStage2 from '../../../../assets/destroy_stage_2.png'
+import destroyStage3 from '../../../../assets/destroy_stage_3.png'
+import destroyStage4 from '../../../../assets/destroy_stage_4.png'
+import destroyStage5 from '../../../../assets/destroy_stage_5.png'
+import destroyStage6 from '../../../../assets/destroy_stage_6.png'
+import destroyStage7 from '../../../../assets/destroy_stage_7.png'
+import destroyStage8 from '../../../../assets/destroy_stage_8.png'
+import destroyStage9 from '../../../../assets/destroy_stage_9.png'
+
+export class CursorBlock {
+  _cursorLinesHidden = false
+  get cursorLinesHidden () {
+    return this._cursorLinesHidden
+  }
+  set cursorLinesHidden (value: boolean) {
+    if (this.interactionLines) {
+      this.interactionLines.mesh.visible = !value
+    }
+    this._cursorLinesHidden = value
+  }
+
+  cursorLineMaterial: LineMaterial
+  interactionLines: null | { blockPos: Vec3, mesh: THREE.Group, shapePositions: BlocksShapes | undefined } = null
+  prevColor: string | undefined
+  blockBreakMesh: THREE.Mesh
+  breakTextures: THREE.Texture[] = []
+
+  constructor (public readonly worldRenderer: WorldRendererThree) {
+    // Initialize break mesh and textures
+    const destroyStagesImages = [
+      destroyStage0, destroyStage1, destroyStage2, destroyStage3, destroyStage4,
+      destroyStage5, destroyStage6, destroyStage7, destroyStage8, destroyStage9
+    ]
+
+    for (let i = 0; i < 10; i++) {
+      void loadThreeJsTextureFromUrl(destroyStagesImages[i]).then((texture) => {
+        texture.magFilter = THREE.NearestFilter
+        texture.minFilter = THREE.NearestFilter
+        this.breakTextures.push(texture)
+      })
+    }
+
+    const breakMaterial = new THREE.MeshBasicMaterial({
+      transparent: true,
+      blending: THREE.MultiplyBlending,
+      alphaTest: 0.5,
+    })
+    this.blockBreakMesh = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), breakMaterial)
+    this.blockBreakMesh.visible = false
+    this.blockBreakMesh.renderOrder = 999
+    this.blockBreakMesh.name = 'blockBreakMesh'
+    this.worldRenderer.scene.add(this.blockBreakMesh)
+
+    this.worldRenderer.onReactivePlayerStateUpdated('gameMode', () => {
+      this.updateLineMaterial()
+    })
+    // todo figure out why otherwise fog from skybox breaks it
+    setTimeout(() => {
+      this.updateLineMaterial()
+      if (this.interactionLines) {
+        this.setHighlightCursorBlock(this.interactionLines.blockPos, this.interactionLines.shapePositions, true)
+      }
+    })
+  }
+
+  // Update functions
+  updateLineMaterial () {
+    const inCreative = this.worldRenderer.playerStateReactive.gameMode === 'creative'
+    const pixelRatio = this.worldRenderer.renderer.getPixelRatio()
+
+    if (this.cursorLineMaterial) {
+      this.cursorLineMaterial.dispose()
+    }
+    this.cursorLineMaterial = new LineMaterial({
+      color: (() => {
+        switch (this.worldRenderer.worldRendererConfig.highlightBlockColor) {
+          case 'blue':
+            return 0x40_80_ff
+          case 'classic':
+            return 0x00_00_00
+          default:
+            return inCreative ? 0x40_80_ff : 0x00_00_00
+        }
+      })(),
+      linewidth: Math.max(pixelRatio * 0.7, 1) * 2,
+      // dashed: true,
+      // dashSize: 5,
+    })
+    this.prevColor = this.worldRenderer.worldRendererConfig.highlightBlockColor
+  }
+
+  updateBreakAnimation (blockPosition: { x: number, y: number, z: number } | undefined, stage: number | null, mergedShape?: BlockShape) {
+    this.hideBreakAnimation()
+    if (stage === null || !blockPosition || !mergedShape) return
+
+    const { position, width, height, depth } = mergedShape
+    this.blockBreakMesh.scale.set(width * 1.001, height * 1.001, depth * 1.001)
+    position.add(blockPosition)
+    this.blockBreakMesh.position.set(position.x, position.y, position.z)
+    this.blockBreakMesh.visible = true;
+
+    (this.blockBreakMesh.material as THREE.MeshBasicMaterial).map = this.breakTextures[stage] ?? this.breakTextures.at(-1);
+    (this.blockBreakMesh.material as THREE.MeshBasicMaterial).needsUpdate = true
+  }
+
+  hideBreakAnimation () {
+    if (this.blockBreakMesh) {
+      this.blockBreakMesh.visible = false
+    }
+  }
+
+  updateDisplay () {
+    if (this.cursorLineMaterial) {
+      const { renderer } = this.worldRenderer
+      this.cursorLineMaterial.resolution.set(renderer.domElement.width, renderer.domElement.height)
+      this.cursorLineMaterial.dashOffset = performance.now() / 750
+    }
+  }
+
+  setHighlightCursorBlock (blockPos: Vec3 | null, shapePositions?: BlocksShapes, force = false): void {
+    if (blockPos && this.interactionLines && blockPos.equals(this.interactionLines.blockPos) && !force) {
+      return
+    }
+    if (this.interactionLines !== null) {
+      this.worldRenderer.scene.remove(this.interactionLines.mesh)
+      this.interactionLines = null
+    }
+    if (blockPos === null) {
+      return
+    }
+
+    const group = new THREE.Group()
+    for (const { position, width, height, depth } of shapePositions ?? []) {
+      const scale = [1.0001 * width, 1.0001 * height, 1.0001 * depth] as const
+      const geometry = new THREE.BoxGeometry(...scale)
+      const lines = new LineSegmentsGeometry().fromEdgesGeometry(new THREE.EdgesGeometry(geometry))
+      const wireframe = new Wireframe(lines, this.cursorLineMaterial)
+      const pos = blockPos.plus(position)
+      wireframe.position.set(pos.x, pos.y, pos.z)
+      wireframe.computeLineDistances()
+      group.add(wireframe)
+    }
+    this.worldRenderer.scene.add(group)
+    group.visible = !this.cursorLinesHidden
+    this.interactionLines = { blockPos, mesh: group, shapePositions }
+  }
+
+  render () {
+    if (this.prevColor !== this.worldRenderer.worldRendererConfig.highlightBlockColor) {
+      this.updateLineMaterial()
+    }
+    this.updateDisplay()
+  }
+}
diff --git a/src/vr.ts b/renderer/viewer/three/world/vr.ts
similarity index 61%
rename from src/vr.ts
rename to renderer/viewer/three/world/vr.ts
index af1e885a..ecf1b299 100644
--- a/src/vr.ts
+++ b/renderer/viewer/three/world/vr.ts
@@ -2,22 +2,108 @@ import { VRButton } from 'three/examples/jsm/webxr/VRButton.js'
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'
 import { XRControllerModelFactory } from 'three/examples/jsm/webxr/XRControllerModelFactory.js'
 import { buttonMap as standardButtonsMap } from 'contro-max/build/gamepad'
-import { activeModalStack, hideModal } from './globalState'
+import * as THREE from 'three'
+import { WorldRendererThree } from '../worldrendererThree'
+import { DocumentRenderer } from '../documentRenderer'
 
-export async function initVR () {
-  const { renderer } = viewer
-  if (!('xr' in navigator)) return
-  const isSupported = await navigator.xr?.isSessionSupported('immersive-vr') && !!XRSession.prototype.updateRenderState // e.g. android webview doesn't support updateRenderState
+export async function initVR (worldRenderer: WorldRendererThree, documentRenderer: DocumentRenderer) {
+  if (!('xr' in navigator) || !worldRenderer.worldRendererConfig.vrSupport) return
+  const { renderer } = worldRenderer
+
+  const isSupported = await checkVRSupport()
   if (!isSupported) return
 
-  // VR
-  document.body.appendChild(VRButton.createButton(renderer))
-  renderer.xr.enabled = true
+  enableVr()
+
+  const vrButtonContainer = createVrButtonContainer(renderer)
+  const updateVrButtons = () => {
+    const newHidden = !worldRenderer.worldRendererConfig.vrSupport || !worldRenderer.worldRendererConfig.foreground
+    if (vrButtonContainer.hidden !== newHidden) {
+      vrButtonContainer.hidden = newHidden
+    }
+  }
+
+  worldRenderer.onRender.push(updateVrButtons)
+
+  function enableVr () {
+    renderer.xr.enabled = true
+    // renderer.xr.setReferenceSpaceType('local-floor')
+    worldRenderer.reactiveState.preventEscapeMenu = true
+  }
+
+  function disableVr () {
+    renderer.xr.enabled = false
+    worldRenderer.cameraGroupVr = undefined
+    worldRenderer.reactiveState.preventEscapeMenu = false
+    worldRenderer.scene.remove(user)
+    vrButtonContainer.hidden = true
+  }
+
+  function createVrButtonContainer (renderer) {
+    const container = document.createElement('div')
+    const vrButton = VRButton.createButton(renderer)
+    styleContainer(container)
+
+    const closeButton = createCloseButton(container)
+
+    container.appendChild(vrButton)
+    container.appendChild(closeButton)
+    document.body.appendChild(container)
+
+    return container
+  }
+
+  function styleContainer (container: HTMLElement) {
+    typedAssign(container.style, {
+      position: 'absolute',
+      bottom: '80px',
+      left: '0',
+      right: '0',
+      display: 'flex',
+      justifyContent: 'center',
+      zIndex: '8',
+      gap: '8px',
+    })
+  }
+
+  function createCloseButton (container: HTMLElement) {
+    const closeButton = document.createElement('button')
+    closeButton.textContent = 'X'
+    typedAssign(closeButton.style, {
+      padding: '0 12px',
+      color: 'white',
+      fontSize: '14px',
+      lineHeight: '20px',
+      cursor: 'pointer',
+      background: 'transparent',
+      border: '1px solid rgb(255, 255, 255)',
+      borderRadius: '4px',
+      opacity: '0.7',
+    })
+
+    closeButton.addEventListener('click', () => {
+      container.hidden = true
+      worldRenderer.worldRendererConfig.vrSupport = false
+    })
+
+    return closeButton
+  }
+
+
+  async function checkVRSupport () {
+    try {
+      const supported = await navigator.xr?.isSessionSupported('immersive-vr')
+      return supported && !!XRSession.prototype.updateRenderState
+    } catch (err) {
+      console.error('Error checking if VR is supported', err)
+      return false
+    }
+  }
 
   // hack for vr camera
   const user = new THREE.Group()
-  user.add(viewer.camera)
-  viewer.scene.add(user)
+  user.name = 'vr-camera-container'
+  worldRenderer.scene.add(user)
   const controllerModelFactory = new XRControllerModelFactory(new GLTFLoader())
   const controller1 = renderer.xr.getControllerGrip(0)
   const controller2 = renderer.xr.getControllerGrip(1)
@@ -104,8 +190,8 @@ export async function initVR () {
       rotSnapReset = true
     }
 
-    // viewer.setFirstPersonCamera(null, yawOffset, 0)
-    viewer.setFirstPersonCamera(null, bot.entity.yaw, bot.entity.pitch)
+    // appViewer.backend?.updateCamera(null, yawOffset, 0)
+    // worldRenderer.updateCamera(null, bot.entity.yaw, bot.entity.pitch)
 
     // todo restore this logic (need to preserve ability to move camera)
     // const xrCamera = renderer.xr.getCamera()
@@ -113,21 +199,18 @@ export async function initVR () {
     // bot.entity.yaw = Math.atan2(-d.x, -d.z)
     // bot.entity.pitch = Math.asin(d.y)
 
-    // todo ?
-    // bot.physics.stepHeight = 1
-
-    viewer.render()
+    documentRenderer.frameRender(false)
   })
   renderer.xr.addEventListener('sessionstart', () => {
-    viewer.cameraObjectOverride = user
-    // close all modals to be in game
-    for (const _modal of activeModalStack) {
-      hideModal(undefined, {}, { force: true })
-    }
+    user.add(worldRenderer.camera)
+    worldRenderer.cameraGroupVr = user
   })
   renderer.xr.addEventListener('sessionend', () => {
-    viewer.cameraObjectOverride = undefined
+    worldRenderer.cameraGroupVr = undefined
+    user.remove(worldRenderer.camera)
   })
+
+  worldRenderer.abortController.signal.addEventListener('abort', disableVr)
 }
 
 const xrStandardRightButtonsMap = [
@@ -168,3 +251,7 @@ const remapAxes = (axesRight, axesLeft) => {
     axesRight[3]
   ]
 }
+
+function typedAssign<T extends Record<string, any>> (target: T, source: Partial<T>) {
+  Object.assign(target, source)
+}
diff --git a/renderer/viewer/three/worldrendererThree.ts b/renderer/viewer/three/worldrendererThree.ts
new file mode 100644
index 00000000..1b4e6152
--- /dev/null
+++ b/renderer/viewer/three/worldrendererThree.ts
@@ -0,0 +1,1161 @@
+import * as THREE from 'three'
+import { Vec3 } from 'vec3'
+import nbt from 'prismarine-nbt'
+import PrismarineChatLoader from 'prismarine-chat'
+import * as tweenJs from '@tweenjs/tween.js'
+import { Biome } from 'minecraft-data'
+import { renderSign } from '../sign-renderer'
+import { DisplayWorldOptions, GraphicsInitOptions } from '../../../src/appViewer'
+import { chunkPos, sectionPos } from '../lib/simpleUtils'
+import { WorldRendererCommon } from '../lib/worldrendererCommon'
+import { addNewStat } from '../lib/ui/newStats'
+import { MesherGeometryOutput } from '../lib/mesher/shared'
+import { ItemSpecificContextProperties } from '../lib/basePlayerState'
+import { setBlockPosition } from '../lib/mesher/standaloneRenderer'
+import { getMyHand } from './hand'
+import HoldingBlock from './holdingBlock'
+import { getMesh } from './entity/EntityMesh'
+import { armorModel } from './entity/armorModels'
+import { disposeObject, loadThreeJsTextureFromBitmap } from './threeJsUtils'
+import { CursorBlock } from './world/cursorBlock'
+import { getItemUv } from './appShared'
+import { Entities } from './entities'
+import { ThreeJsSound } from './threeJsSound'
+import { CameraShake } from './cameraShake'
+import { ThreeJsMedia } from './threeJsMedia'
+import { Fountain } from './threeJsParticles'
+import { WaypointsRenderer } from './waypoints'
+import { DEFAULT_TEMPERATURE, SkyboxRenderer } from './skyboxRenderer'
+
+type SectionKey = string
+
+export class WorldRendererThree extends WorldRendererCommon {
+  outputFormat = 'threeJs' as const
+  sectionObjects: Record<string, THREE.Object3D & { foutain?: boolean }> = {}
+  chunkTextures = new Map<string, { [pos: string]: THREE.Texture }>()
+  signsCache = new Map<string, any>()
+  starField: StarField
+  cameraSectionPos: Vec3 = new Vec3(0, 0, 0)
+  holdingBlock: HoldingBlock
+  holdingBlockLeft: HoldingBlock
+  scene = new THREE.Scene()
+  ambientLight = new THREE.AmbientLight(0xcc_cc_cc)
+  directionalLight = new THREE.DirectionalLight(0xff_ff_ff, 0.5)
+  entities = new Entities(this)
+  cameraGroupVr?: THREE.Object3D
+  material = new THREE.MeshLambertMaterial({ vertexColors: true, transparent: true, alphaTest: 0.1 })
+  itemsTexture: THREE.Texture
+  cursorBlock: CursorBlock
+  onRender: Array<() => void> = []
+  cameraShake: CameraShake
+  cameraContainer: THREE.Object3D
+  media: ThreeJsMedia
+  waitingChunksToDisplay = {} as { [chunkKey: string]: SectionKey[] }
+  waypoints: WaypointsRenderer
+  camera: THREE.PerspectiveCamera
+  renderTimeAvg = 0
+  sectionsOffsetsAnimations = {} as {
+    [chunkKey: string]: {
+      time: number,
+      // also specifies direction
+      speedX: number,
+      speedY: number,
+      speedZ: number,
+
+      currentOffsetX: number,
+      currentOffsetY: number,
+      currentOffsetZ: number,
+
+      limitX?: number,
+      limitY?: number,
+      limitZ?: number,
+    }
+  }
+  fountains: Fountain[] = []
+  DEBUG_RAYCAST = false
+  skyboxRenderer: SkyboxRenderer
+
+  private currentPosTween?: tweenJs.Tween<THREE.Vector3>
+  private currentRotTween?: tweenJs.Tween<{ pitch: number, yaw: number }>
+
+  get tilesRendered () {
+    return Object.values(this.sectionObjects).reduce((acc, obj) => acc + (obj as any).tilesCount, 0)
+  }
+
+  get blocksRendered () {
+    return Object.values(this.sectionObjects).reduce((acc, obj) => acc + (obj as any).blocksCount, 0)
+  }
+
+  constructor (public renderer: THREE.WebGLRenderer, public initOptions: GraphicsInitOptions, public displayOptions: DisplayWorldOptions) {
+    if (!initOptions.resourcesManager) throw new Error('resourcesManager is required')
+    super(initOptions.resourcesManager, displayOptions, initOptions)
+
+    this.renderer = renderer
+    displayOptions.rendererState.renderer = WorldRendererThree.getRendererInfo(renderer) ?? '...'
+    this.starField = new StarField(this)
+    this.cursorBlock = new CursorBlock(this)
+    this.holdingBlock = new HoldingBlock(this)
+    this.holdingBlockLeft = new HoldingBlock(this, true)
+
+    // Initialize skybox renderer
+    this.skyboxRenderer = new SkyboxRenderer(this.scene, this.worldRendererConfig.defaultSkybox, null)
+    void this.skyboxRenderer.init()
+
+    this.addDebugOverlay()
+    this.resetScene()
+    void this.init()
+
+    this.soundSystem = new ThreeJsSound(this)
+    this.cameraShake = new CameraShake(this, this.onRender)
+    this.media = new ThreeJsMedia(this)
+    this.waypoints = new WaypointsRenderer(this)
+
+    // this.fountain = new Fountain(this.scene, this.scene, {
+    //   position: new THREE.Vector3(0, 10, 0),
+    // })
+
+    this.renderUpdateEmitter.on('chunkFinished', (chunkKey: string) => {
+      this.finishChunk(chunkKey)
+    })
+    this.worldSwitchActions()
+  }
+
+  get cameraObject () {
+    return this.cameraGroupVr ?? this.cameraContainer
+  }
+
+  worldSwitchActions () {
+    this.onWorldSwitched.push(() => {
+      // clear custom blocks
+      this.protocolCustomBlocks.clear()
+      // Reset section animations
+      this.sectionsOffsetsAnimations = {}
+      // Clear waypoints
+      this.waypoints.clear()
+    })
+  }
+
+  updateEntity (e, isPosUpdate = false) {
+    const overrides = {
+      rotation: {
+        head: {
+          x: e.headPitch ?? e.pitch,
+          y: e.headYaw,
+          z: 0
+        }
+      }
+    }
+    if (isPosUpdate) {
+      this.entities.updateEntityPosition(e, false, overrides)
+    } else {
+      this.entities.update(e, overrides)
+    }
+  }
+
+  updatePlayerEntity (e: any) {
+    this.entities.handlePlayerEntity(e)
+  }
+
+  resetScene () {
+    this.scene.matrixAutoUpdate = false // for perf
+    this.scene.background = new THREE.Color(this.initOptions.config.sceneBackground)
+    this.scene.add(this.ambientLight)
+    this.directionalLight.position.set(1, 1, 0.5).normalize()
+    this.directionalLight.castShadow = true
+    this.scene.add(this.directionalLight)
+
+    const size = this.renderer.getSize(new THREE.Vector2())
+    this.camera = new THREE.PerspectiveCamera(75, size.x / size.y, 0.1, 1000)
+    this.cameraContainer = new THREE.Object3D()
+    this.cameraContainer.add(this.camera)
+    this.scene.add(this.cameraContainer)
+  }
+
+  override watchReactivePlayerState () {
+    super.watchReactivePlayerState()
+    this.onReactivePlayerStateUpdated('inWater', (value) => {
+      this.skyboxRenderer.updateWaterState(value, this.playerStateReactive.waterBreathing)
+    })
+    this.onReactivePlayerStateUpdated('waterBreathing', (value) => {
+      this.skyboxRenderer.updateWaterState(this.playerStateReactive.inWater, value)
+    })
+    this.onReactivePlayerStateUpdated('ambientLight', (value) => {
+      if (!value) return
+      this.ambientLight.intensity = value
+    })
+    this.onReactivePlayerStateUpdated('directionalLight', (value) => {
+      if (!value) return
+      this.directionalLight.intensity = value
+    })
+    this.onReactivePlayerStateUpdated('lookingAtBlock', (value) => {
+      this.cursorBlock.setHighlightCursorBlock(value ? new Vec3(value.x, value.y, value.z) : null, value?.shapes)
+    })
+    this.onReactivePlayerStateUpdated('diggingBlock', (value) => {
+      this.cursorBlock.updateBreakAnimation(value ? { x: value.x, y: value.y, z: value.z } : undefined, value?.stage ?? null, value?.mergedShape)
+    })
+    this.onReactivePlayerStateUpdated('perspective', (value) => {
+      // Update camera perspective when it changes
+      const vecPos = new Vec3(this.cameraObject.position.x, this.cameraObject.position.y, this.cameraObject.position.z)
+      this.updateCamera(vecPos, this.cameraShake.getBaseRotation().yaw, this.cameraShake.getBaseRotation().pitch)
+      // todo also update camera when block within camera was changed
+    })
+  }
+
+  override watchReactiveConfig () {
+    super.watchReactiveConfig()
+    this.onReactiveConfigUpdated('showChunkBorders', (value) => {
+      this.updateShowChunksBorder(value)
+    })
+    this.onReactiveConfigUpdated('defaultSkybox', (value) => {
+      this.skyboxRenderer.updateDefaultSkybox(value)
+    })
+  }
+
+  changeHandSwingingState (isAnimationPlaying: boolean, isLeft = false) {
+    const holdingBlock = isLeft ? this.holdingBlockLeft : this.holdingBlock
+    if (isAnimationPlaying) {
+      holdingBlock.startSwing()
+    } else {
+      holdingBlock.stopSwing()
+    }
+  }
+
+  async updateAssetsData (): Promise<void> {
+    const resources = this.resourcesManager.currentResources
+
+    const oldTexture = this.material.map
+    const oldItemsTexture = this.itemsTexture
+
+    const texture = loadThreeJsTextureFromBitmap(resources.blocksAtlasImage)
+    texture.needsUpdate = true
+    texture.flipY = false
+    this.material.map = texture
+
+    const itemsTexture = loadThreeJsTextureFromBitmap(resources.itemsAtlasImage)
+    itemsTexture.needsUpdate = true
+    itemsTexture.flipY = false
+    this.itemsTexture = itemsTexture
+
+    if (oldTexture) {
+      oldTexture.dispose()
+    }
+    if (oldItemsTexture) {
+      oldItemsTexture.dispose()
+    }
+
+    await super.updateAssetsData()
+    this.onAllTexturesLoaded()
+    if (Object.keys(this.loadedChunks).length > 0) {
+      console.log('rerendering chunks because of texture update')
+      this.rerenderAllChunks()
+    }
+  }
+
+  onAllTexturesLoaded () {
+    this.holdingBlock.ready = true
+    this.holdingBlock.updateItem()
+    this.holdingBlockLeft.ready = true
+    this.holdingBlockLeft.updateItem()
+  }
+
+  changeBackgroundColor (color: [number, number, number]): void {
+    this.scene.background = new THREE.Color(color[0], color[1], color[2])
+  }
+
+  timeUpdated (newTime: number): void {
+    const nightTime = 13_500
+    const morningStart = 23_000
+    const displayStars = newTime > nightTime && newTime < morningStart
+    if (displayStars) {
+      this.starField.addToScene()
+    } else {
+      this.starField.remove()
+    }
+
+    this.skyboxRenderer.updateTime(newTime)
+  }
+
+  biomeUpdated (biome: Biome): void {
+    if (biome?.temperature !== undefined) {
+      this.skyboxRenderer.updateTemperature(biome.temperature)
+    }
+  }
+
+  biomeReset (): void {
+    // Reset to default temperature when biome is unknown
+    this.skyboxRenderer.updateTemperature(DEFAULT_TEMPERATURE)
+  }
+
+  getItemRenderData (item: Record<string, any>, specificProps: ItemSpecificContextProperties) {
+    return getItemUv(item, specificProps, this.resourcesManager, this.playerStateReactive)
+  }
+
+  async demoModel () {
+    //@ts-expect-error
+    const pos = cursorBlockRel(0, 1, 0).position
+
+    const mesh = (await getMyHand())!
+    // mesh.rotation.y = THREE.MathUtils.degToRad(90)
+    setBlockPosition(mesh, pos)
+    const helper = new THREE.BoxHelper(mesh, 0xff_ff_00)
+    mesh.add(helper)
+    this.scene.add(mesh)
+  }
+
+  demoItem () {
+    //@ts-expect-error
+    const pos = cursorBlockRel(0, 1, 0).position
+    const { mesh } = this.entities.getItemMesh({
+      itemId: 541,
+    }, {})!
+    mesh.position.set(pos.x + 0.5, pos.y + 0.5, pos.z + 0.5)
+    // mesh.scale.set(0.5, 0.5, 0.5)
+    const helper = new THREE.BoxHelper(mesh, 0xff_ff_00)
+    mesh.add(helper)
+    this.scene.add(mesh)
+  }
+
+  debugOverlayAdded = false
+  addDebugOverlay () {
+    if (this.debugOverlayAdded) return
+    this.debugOverlayAdded = true
+    const pane = addNewStat('debug-overlay')
+    setInterval(() => {
+      pane.setVisibility(this.displayAdvancedStats)
+      if (this.displayAdvancedStats) {
+        const formatBigNumber = (num: number) => {
+          return new Intl.NumberFormat('en-US', {}).format(num)
+        }
+        let text = ''
+        text += `C: ${formatBigNumber(this.renderer.info.render.calls)} `
+        text += `TR: ${formatBigNumber(this.renderer.info.render.triangles)} `
+        text += `TE: ${formatBigNumber(this.renderer.info.memory.textures)} `
+        text += `F: ${formatBigNumber(this.tilesRendered)} `
+        text += `B: ${formatBigNumber(this.blocksRendered)}`
+        pane.updateText(text)
+        this.backendInfoReport = text
+      }
+    }, 200)
+  }
+
+  /**
+   * Optionally update data that are depedendent on the viewer position
+   */
+  updatePosDataChunk (key: string) {
+    const [x, y, z] = key.split(',').map(x => Math.floor(+x / 16))
+    // sum of distances: x + y + z
+    const chunkDistance = Math.abs(x - this.cameraSectionPos.x) + Math.abs(y - this.cameraSectionPos.y) + Math.abs(z - this.cameraSectionPos.z)
+    const section = this.sectionObjects[key].children.find(child => child.name === 'mesh')!
+    section.renderOrder = 500 - chunkDistance
+  }
+
+  override updateViewerPosition (pos: Vec3): void {
+    this.viewerChunkPosition = pos
+  }
+
+  cameraSectionPositionUpdate () {
+    // eslint-disable-next-line guard-for-in
+    for (const key in this.sectionObjects) {
+      const value = this.sectionObjects[key]
+      if (!value) continue
+      this.updatePosDataChunk(key)
+    }
+  }
+
+  getDir (current: number, origin: number) {
+    if (current === origin) return 0
+    return current < origin ? 1 : -1
+  }
+
+  finishChunk (chunkKey: string) {
+    for (const sectionKey of this.waitingChunksToDisplay[chunkKey] ?? []) {
+      this.sectionObjects[sectionKey].visible = true
+    }
+    delete this.waitingChunksToDisplay[chunkKey]
+  }
+
+  // debugRecomputedDeletedObjects = 0
+  handleWorkerMessage (data: { geometry: MesherGeometryOutput, key, type }): void {
+    if (data.type !== 'geometry') return
+    let object: THREE.Object3D = this.sectionObjects[data.key]
+    if (object) {
+      this.scene.remove(object)
+      disposeObject(object)
+      delete this.sectionObjects[data.key]
+    }
+
+    const chunkCoords = data.key.split(',')
+    if (!this.loadedChunks[chunkCoords[0] + ',' + chunkCoords[2]] || !data.geometry.positions.length || !this.active) return
+
+    // if (object) {
+    //   this.debugRecomputedDeletedObjects++
+    // }
+
+    const geometry = new THREE.BufferGeometry()
+    geometry.setAttribute('position', new THREE.BufferAttribute(data.geometry.positions, 3))
+    geometry.setAttribute('normal', new THREE.BufferAttribute(data.geometry.normals, 3))
+    geometry.setAttribute('color', new THREE.BufferAttribute(data.geometry.colors, 3))
+    geometry.setAttribute('uv', new THREE.BufferAttribute(data.geometry.uvs, 2))
+    geometry.index = new THREE.BufferAttribute(data.geometry.indices as Uint32Array | Uint16Array, 1)
+
+    const mesh = new THREE.Mesh(geometry, this.material)
+    mesh.position.set(data.geometry.sx, data.geometry.sy, data.geometry.sz)
+    mesh.name = 'mesh'
+    object = new THREE.Group()
+    object.add(mesh)
+    // mesh with static dimensions: 16x16x16
+    const staticChunkMesh = new THREE.Mesh(new THREE.BoxGeometry(16, 16, 16), new THREE.MeshBasicMaterial({ color: 0x00_00_00, transparent: true, opacity: 0 }))
+    staticChunkMesh.position.set(data.geometry.sx, data.geometry.sy, data.geometry.sz)
+    const boxHelper = new THREE.BoxHelper(staticChunkMesh, 0xff_ff_00)
+    boxHelper.name = 'helper'
+    object.add(boxHelper)
+    object.name = 'chunk';
+    (object as any).tilesCount = data.geometry.positions.length / 3 / 4;
+    (object as any).blocksCount = data.geometry.blocksCount
+    if (!this.displayOptions.inWorldRenderingConfig.showChunkBorders) {
+      boxHelper.visible = false
+    }
+    // should not compute it once
+    if (Object.keys(data.geometry.signs).length) {
+      for (const [posKey, { isWall, isHanging, rotation }] of Object.entries(data.geometry.signs)) {
+        const signBlockEntity = this.blockEntities[posKey]
+        if (!signBlockEntity) continue
+        const [x, y, z] = posKey.split(',')
+        const sign = this.renderSign(new Vec3(+x, +y, +z), rotation, isWall, isHanging, nbt.simplify(signBlockEntity))
+        if (!sign) continue
+        object.add(sign)
+      }
+    }
+    if (Object.keys(data.geometry.heads).length) {
+      for (const [posKey, { isWall, rotation }] of Object.entries(data.geometry.heads)) {
+        const headBlockEntity = this.blockEntities[posKey]
+        if (!headBlockEntity) continue
+        const [x, y, z] = posKey.split(',')
+        const head = this.renderHead(new Vec3(+x, +y, +z), rotation, isWall, nbt.simplify(headBlockEntity))
+        if (!head) continue
+        object.add(head)
+      }
+    }
+    this.sectionObjects[data.key] = object
+    if (this.displayOptions.inWorldRenderingConfig._renderByChunks) {
+      object.visible = false
+      const chunkKey = `${chunkCoords[0]},${chunkCoords[2]}`
+      this.waitingChunksToDisplay[chunkKey] ??= []
+      this.waitingChunksToDisplay[chunkKey].push(data.key)
+      if (this.finishedChunks[chunkKey]) {
+        // todo it might happen even when it was not an update
+        this.finishChunk(chunkKey)
+      }
+    }
+
+    this.updatePosDataChunk(data.key)
+    object.matrixAutoUpdate = false
+    mesh.onAfterRender = (renderer, scene, camera, geometry, material, group) => {
+      // mesh.matrixAutoUpdate = false
+    }
+
+    this.scene.add(object)
+  }
+
+  getSignTexture (position: Vec3, blockEntity, isHanging, backSide = false) {
+    const chunk = chunkPos(position)
+    let textures = this.chunkTextures.get(`${chunk[0]},${chunk[1]}`)
+    if (!textures) {
+      textures = {}
+      this.chunkTextures.set(`${chunk[0]},${chunk[1]}`, textures)
+    }
+    const texturekey = `${position.x},${position.y},${position.z}`
+    // todo investigate bug and remove this so don't need to clean in section dirty
+    if (textures[texturekey]) return textures[texturekey]
+
+    const PrismarineChat = PrismarineChatLoader(this.version)
+    const canvas = renderSign(blockEntity, isHanging, PrismarineChat)
+    if (!canvas) return
+    const tex = new THREE.Texture(canvas)
+    tex.magFilter = THREE.NearestFilter
+    tex.minFilter = THREE.NearestFilter
+    tex.needsUpdate = true
+    textures[texturekey] = tex
+    return tex
+  }
+
+  getCameraPosition () {
+    const worldPos = new THREE.Vector3()
+    this.camera.getWorldPosition(worldPos)
+    return worldPos
+  }
+
+  getSectionCameraPosition () {
+    const pos = this.getCameraPosition()
+    return new Vec3(
+      Math.floor(pos.x / 16),
+      Math.floor(pos.y / 16),
+      Math.floor(pos.z / 16)
+    )
+  }
+
+  updateCameraSectionPos () {
+    const newSectionPos = this.getSectionCameraPosition()
+    if (!this.cameraSectionPos.equals(newSectionPos)) {
+      this.cameraSectionPos = newSectionPos
+      this.cameraSectionPositionUpdate()
+    }
+  }
+
+  setFirstPersonCamera (pos: Vec3 | null, yaw: number, pitch: number) {
+    const yOffset = this.playerStateReactive.eyeHeight
+
+    this.updateCamera(pos?.offset(0, yOffset, 0) ?? null, yaw, pitch)
+    this.media.tryIntersectMedia()
+    this.updateCameraSectionPos()
+  }
+
+  getThirdPersonCamera (pos: THREE.Vector3 | null, yaw: number, pitch: number) {
+    pos ??= this.cameraObject.position
+
+    // Calculate camera offset based on perspective
+    const isBack = this.playerStateReactive.perspective === 'third_person_back'
+    const distance = 4 // Default third person distance
+
+    // Calculate direction vector using proper world orientation
+    // We need to get the camera's current look direction and use that for positioning
+
+    // Create a direction vector that represents where the camera is looking
+    // This matches the Three.js camera coordinate system
+    const direction = new THREE.Vector3(0, 0, -1) // Forward direction in camera space
+
+    // Apply the same rotation that's applied to the camera container
+    const pitchQuat = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(1, 0, 0), pitch)
+    const yawQuat = new THREE.Quaternion().setFromAxisAngle(new THREE.Vector3(0, 1, 0), yaw)
+    const finalQuat = new THREE.Quaternion().multiplyQuaternions(yawQuat, pitchQuat)
+
+    // Transform the direction vector by the camera's rotation
+    direction.applyQuaternion(finalQuat)
+
+    // For back view, we want the camera behind the player (opposite to view direction)
+    // For front view, we want the camera in front of the player (same as view direction)
+    if (isBack) {
+      direction.multiplyScalar(-1)
+    }
+
+    // Create debug visualization if advanced stats are enabled
+    if (this.DEBUG_RAYCAST) {
+      this.debugRaycast(pos, direction, distance)
+    }
+
+    // Perform raycast to avoid camera going through blocks
+    const raycaster = new THREE.Raycaster()
+    raycaster.set(pos, direction)
+    raycaster.far = distance // Limit raycast distance
+
+    // Filter to only nearby chunks for performance
+    const nearbyChunks = Object.values(this.sectionObjects)
+      .filter(obj => obj.name === 'chunk' && obj.visible)
+      .filter(obj => {
+        // Get the mesh child which has the actual geometry
+        const mesh = obj.children.find(child => child.name === 'mesh')
+        if (!mesh) return false
+
+        // Check distance from player position to chunk
+        const chunkWorldPos = new THREE.Vector3()
+        mesh.getWorldPosition(chunkWorldPos)
+        const distance = pos.distanceTo(chunkWorldPos)
+        return distance < 80 // Only check chunks within 80 blocks
+      })
+
+    // Get all mesh children for raycasting
+    const meshes: THREE.Object3D[] = []
+    for (const chunk of nearbyChunks) {
+      const mesh = chunk.children.find(child => child.name === 'mesh')
+      if (mesh) meshes.push(mesh)
+    }
+
+    const intersects = raycaster.intersectObjects(meshes, false)
+
+    let finalDistance = distance
+    if (intersects.length > 0) {
+      // Use intersection distance minus a small offset to prevent clipping
+      finalDistance = Math.max(0.5, intersects[0].distance - 0.2)
+    }
+
+    const finalPos = new Vec3(
+      pos.x + direction.x * finalDistance,
+      pos.y + direction.y * finalDistance,
+      pos.z + direction.z * finalDistance
+    )
+
+    return finalPos
+  }
+
+  private debugRaycastHelper?: THREE.ArrowHelper
+  private debugHitPoint?: THREE.Mesh
+
+  private debugRaycast (pos: THREE.Vector3, direction: THREE.Vector3, distance: number) {
+    // Remove existing debug objects
+    if (this.debugRaycastHelper) {
+      this.scene.remove(this.debugRaycastHelper)
+      this.debugRaycastHelper = undefined
+    }
+    if (this.debugHitPoint) {
+      this.scene.remove(this.debugHitPoint)
+      this.debugHitPoint = undefined
+    }
+
+    // Create raycast arrow
+    this.debugRaycastHelper = new THREE.ArrowHelper(
+      direction.clone().normalize(),
+      pos,
+      distance,
+      0xff_00_00, // Red color
+      distance * 0.1,
+      distance * 0.05
+    )
+    this.scene.add(this.debugRaycastHelper)
+
+    // Create hit point indicator
+    const hitGeometry = new THREE.SphereGeometry(0.2, 8, 8)
+    const hitMaterial = new THREE.MeshBasicMaterial({ color: 0x00_ff_00 })
+    this.debugHitPoint = new THREE.Mesh(hitGeometry, hitMaterial)
+    this.debugHitPoint.position.copy(pos).add(direction.clone().multiplyScalar(distance))
+    this.scene.add(this.debugHitPoint)
+  }
+
+  prevFramePerspective = null as string | null
+
+  updateCamera (pos: Vec3 | null, yaw: number, pitch: number): void {
+    // if (this.freeFlyMode) {
+    //   pos = this.freeFlyState.position
+    //   pitch = this.freeFlyState.pitch
+    //   yaw = this.freeFlyState.yaw
+    // }
+
+    if (pos) {
+      if (this.renderer.xr.isPresenting) {
+        pos.y -= this.camera.position.y // Fix Y position of camera in world
+      }
+
+      this.currentPosTween?.stop()
+      this.currentPosTween = new tweenJs.Tween(this.cameraObject.position).to({ x: pos.x, y: pos.y, z: pos.z }, this.playerStateUtils.isSpectatingEntity() ? 150 : 50).start()
+      // this.freeFlyState.position = pos
+    }
+
+    if (this.playerStateUtils.isSpectatingEntity()) {
+      const rotation = this.cameraShake.getBaseRotation()
+      // wrap in the correct direction
+      let yawOffset = 0
+      const halfPi = Math.PI / 2
+      if (rotation.yaw < halfPi && yaw > Math.PI + halfPi) {
+        yawOffset = -Math.PI * 2
+      } else if (yaw < halfPi && rotation.yaw > Math.PI + halfPi) {
+        yawOffset = Math.PI * 2
+      }
+      this.currentRotTween?.stop()
+      this.currentRotTween = new tweenJs.Tween(rotation).to({ pitch, yaw: yaw + yawOffset }, 100)
+        .onUpdate(params => this.cameraShake.setBaseRotation(params.pitch, params.yaw - yawOffset)).start()
+    } else {
+      this.currentRotTween?.stop()
+      this.cameraShake.setBaseRotation(pitch, yaw)
+
+      const { perspective } = this.playerStateReactive
+      if (perspective === 'third_person_back' || perspective === 'third_person_front') {
+        // Use getThirdPersonCamera for proper raycasting with max distance of 4
+        const currentCameraPos = this.cameraObject.position
+        const thirdPersonPos = this.getThirdPersonCamera(
+          new THREE.Vector3(currentCameraPos.x, currentCameraPos.y, currentCameraPos.z),
+          yaw,
+          pitch
+        )
+
+        const distance = currentCameraPos.distanceTo(new THREE.Vector3(thirdPersonPos.x, thirdPersonPos.y, thirdPersonPos.z))
+        // Apply Z offset based on perspective and calculated distance
+        const zOffset = perspective === 'third_person_back' ? distance : -distance
+        this.camera.position.set(0, 0, zOffset)
+
+        if (perspective === 'third_person_front') {
+          // Flip camera view 180 degrees around Y axis for front view
+          this.camera.rotation.set(0, Math.PI, 0)
+        } else {
+          this.camera.rotation.set(0, 0, 0)
+        }
+      } else {
+        this.camera.position.set(0, 0, 0)
+        this.camera.rotation.set(0, 0, 0)
+
+        // remove any debug raycasting
+        if (this.debugRaycastHelper) {
+          this.scene.remove(this.debugRaycastHelper)
+          this.debugRaycastHelper = undefined
+        }
+        if (this.debugHitPoint) {
+          this.scene.remove(this.debugHitPoint)
+          this.debugHitPoint = undefined
+        }
+      }
+    }
+
+    this.updateCameraSectionPos()
+  }
+
+  debugChunksVisibilityOverride () {
+    const { chunksRenderAboveOverride, chunksRenderBelowOverride, chunksRenderDistanceOverride, chunksRenderAboveEnabled, chunksRenderBelowEnabled, chunksRenderDistanceEnabled } = this.reactiveDebugParams
+
+    const baseY = this.cameraSectionPos.y * 16
+
+    if (
+      this.displayOptions.inWorldRenderingConfig.enableDebugOverlay &&
+      chunksRenderAboveOverride !== undefined ||
+      chunksRenderBelowOverride !== undefined ||
+      chunksRenderDistanceOverride !== undefined
+    ) {
+      for (const [key, object] of Object.entries(this.sectionObjects)) {
+        const [x, y, z] = key.split(',').map(Number)
+        const isVisible =
+          // eslint-disable-next-line no-constant-binary-expression, sonarjs/no-redundant-boolean
+          (chunksRenderAboveEnabled && chunksRenderAboveOverride !== undefined) ? y <= (baseY + chunksRenderAboveOverride) : true &&
+          // eslint-disable-next-line @stylistic/indent-binary-ops, no-constant-binary-expression, sonarjs/no-redundant-boolean
+          (chunksRenderBelowEnabled && chunksRenderBelowOverride !== undefined) ? y >= (baseY - chunksRenderBelowOverride) : true &&
+          // eslint-disable-next-line @stylistic/indent-binary-ops
+          (chunksRenderDistanceEnabled && chunksRenderDistanceOverride !== undefined) ? Math.abs(y - baseY) <= chunksRenderDistanceOverride : true
+
+        object.visible = isVisible
+      }
+    } else {
+      for (const object of Object.values(this.sectionObjects)) {
+        object.visible = true
+      }
+    }
+  }
+
+  render (sizeChanged = false) {
+    if (this.reactiveDebugParams.stopRendering) return
+    this.debugChunksVisibilityOverride()
+    const start = performance.now()
+    this.lastRendered = performance.now()
+    this.cursorBlock.render()
+    this.updateSectionOffsets()
+
+    // Update skybox position to follow camera
+    const cameraPos = this.getCameraPosition()
+    this.skyboxRenderer.update(cameraPos, this.viewDistance)
+
+    const sizeOrFovChanged = sizeChanged || this.displayOptions.inWorldRenderingConfig.fov !== this.camera.fov
+    if (sizeOrFovChanged) {
+      const size = this.renderer.getSize(new THREE.Vector2())
+      this.camera.aspect = size.width / size.height
+      this.camera.fov = this.displayOptions.inWorldRenderingConfig.fov
+      this.camera.updateProjectionMatrix()
+    }
+
+    if (!this.reactiveDebugParams.disableEntities) {
+      this.entities.render()
+    }
+
+    // eslint-disable-next-line @typescript-eslint/non-nullable-type-assertion-style
+    const cam = this.cameraGroupVr instanceof THREE.Group ? this.cameraGroupVr.children.find(child => child instanceof THREE.PerspectiveCamera) as THREE.PerspectiveCamera : this.camera
+    this.renderer.render(this.scene, cam)
+
+    if (
+      this.displayOptions.inWorldRenderingConfig.showHand &&
+      this.playerStateReactive.gameMode !== 'spectator' &&
+      this.playerStateReactive.perspective === 'first_person' &&
+      // !this.freeFlyMode &&
+      !this.renderer.xr.isPresenting
+    ) {
+      this.holdingBlock.render(this.camera, this.renderer, this.ambientLight, this.directionalLight)
+      this.holdingBlockLeft.render(this.camera, this.renderer, this.ambientLight, this.directionalLight)
+    }
+
+    for (const fountain of this.fountains) {
+      if (this.sectionObjects[fountain.sectionId] && !this.sectionObjects[fountain.sectionId].foutain) {
+        fountain.createParticles(this.sectionObjects[fountain.sectionId])
+        this.sectionObjects[fountain.sectionId].foutain = true
+      }
+      fountain.render()
+    }
+
+    this.waypoints.render()
+
+    for (const onRender of this.onRender) {
+      onRender()
+    }
+    const end = performance.now()
+    const totalTime = end - start
+    this.renderTimeAvgCount++
+    this.renderTimeAvg = ((this.renderTimeAvg * (this.renderTimeAvgCount - 1)) + totalTime) / this.renderTimeAvgCount
+    this.renderTimeMax = Math.max(this.renderTimeMax, totalTime)
+    this.currentRenderedFrames++
+  }
+
+  renderHead (position: Vec3, rotation: number, isWall: boolean, blockEntity) {
+    let textureData: string
+    if (blockEntity.SkullOwner) {
+      textureData = blockEntity.SkullOwner.Properties?.textures?.[0]?.Value
+    } else {
+      textureData = blockEntity.profile?.properties?.find(p => p.name === 'textures')?.value
+    }
+    if (!textureData) return
+
+    try {
+      const decodedData = JSON.parse(Buffer.from(textureData, 'base64').toString())
+      let skinUrl = decodedData.textures?.SKIN?.url
+      const { skinTexturesProxy } = this.worldRendererConfig
+      if (skinTexturesProxy) {
+        skinUrl = skinUrl?.replace('http://textures.minecraft.net/', skinTexturesProxy)
+          .replace('https://textures.minecraft.net/', skinTexturesProxy)
+      }
+
+      const mesh = getMesh(this, skinUrl, armorModel.head)
+      const group = new THREE.Group()
+      if (isWall) {
+        mesh.position.set(0, 0.3125, 0.3125)
+      }
+      // move head model down as armor have a different offset than blocks
+      mesh.position.y -= 23 / 16
+      group.add(mesh)
+      group.position.set(position.x + 0.5, position.y + 0.045, position.z + 0.5)
+      group.rotation.set(
+        0,
+        -THREE.MathUtils.degToRad(rotation * (isWall ? 90 : 45 / 2)),
+        0
+      )
+      group.scale.set(0.8, 0.8, 0.8)
+      return group
+    } catch (err) {
+      console.error('Error decoding player texture:', err)
+    }
+  }
+
+  renderSign (position: Vec3, rotation: number, isWall: boolean, isHanging: boolean, blockEntity) {
+    const tex = this.getSignTexture(position, blockEntity, isHanging)
+
+    if (!tex) return
+
+    // todo implement
+    // const key = JSON.stringify({ position, rotation, isWall })
+    // if (this.signsCache.has(key)) {
+    //   console.log('cached', key)
+    // } else {
+    //   this.signsCache.set(key, tex)
+    // }
+
+    const mesh = new THREE.Mesh(new THREE.PlaneGeometry(1, 1), new THREE.MeshBasicMaterial({ map: tex, transparent: true }))
+    mesh.renderOrder = 999
+
+    const lineHeight = 7 / 16
+    const scaleFactor = isHanging ? 1.3 : 1
+    mesh.scale.set(1 * scaleFactor, lineHeight * scaleFactor, 1 * scaleFactor)
+
+    const thickness = (isHanging ? 2 : 1.5) / 16
+    const wallSpacing = 0.25 / 16
+    if (isWall && !isHanging) {
+      mesh.position.set(0, 0, -0.5 + thickness + wallSpacing + 0.0001)
+    } else {
+      mesh.position.set(0, 0, thickness / 2 + 0.0001)
+    }
+
+    const group = new THREE.Group()
+    group.rotation.set(
+      0,
+      -THREE.MathUtils.degToRad(rotation * (isWall ? 90 : 45 / 2)),
+      0
+    )
+    group.add(mesh)
+    const height = (isHanging ? 10 : 8) / 16
+    const heightOffset = (isHanging ? 0 : isWall ? 4.333 : 9.333) / 16
+    const textPosition = height / 2 + heightOffset
+    group.position.set(position.x + 0.5, position.y + textPosition, position.z + 0.5)
+    return group
+  }
+
+  lightUpdate (chunkX: number, chunkZ: number) {
+    // set all sections in the chunk dirty
+    for (let y = this.worldSizeParams.minY; y < this.worldSizeParams.worldHeight; y += 16) {
+      this.setSectionDirty(new Vec3(chunkX, y, chunkZ))
+    }
+  }
+
+  rerenderAllChunks () { // todo not clear what to do with loading chunks
+    for (const key of Object.keys(this.sectionObjects)) {
+      const [x, y, z] = key.split(',').map(Number)
+      this.setSectionDirty(new Vec3(x, y, z))
+    }
+  }
+
+  updateShowChunksBorder (value: boolean) {
+    for (const object of Object.values(this.sectionObjects)) {
+      for (const child of object.children) {
+        if (child.name === 'helper') {
+          child.visible = value
+        }
+      }
+    }
+  }
+
+  resetWorld () {
+    super.resetWorld()
+
+    for (const mesh of Object.values(this.sectionObjects)) {
+      this.scene.remove(mesh)
+    }
+
+    // Clean up debug objects
+    if (this.debugRaycastHelper) {
+      this.scene.remove(this.debugRaycastHelper)
+      this.debugRaycastHelper = undefined
+    }
+    if (this.debugHitPoint) {
+      this.scene.remove(this.debugHitPoint)
+      this.debugHitPoint = undefined
+    }
+  }
+
+  getLoadedChunksRelative (pos: Vec3, includeY = false) {
+    const [currentX, currentY, currentZ] = sectionPos(pos)
+    return Object.fromEntries(Object.entries(this.sectionObjects).map(([key, o]) => {
+      const [xRaw, yRaw, zRaw] = key.split(',').map(Number)
+      const [x, y, z] = sectionPos({ x: xRaw, y: yRaw, z: zRaw })
+      const setKey = includeY ? `${x - currentX},${y - currentY},${z - currentZ}` : `${x - currentX},${z - currentZ}`
+      return [setKey, o]
+    }))
+  }
+
+  cleanChunkTextures (x, z) {
+    const textures = this.chunkTextures.get(`${Math.floor(x / 16)},${Math.floor(z / 16)}`) ?? {}
+    for (const key of Object.keys(textures)) {
+      textures[key].dispose()
+      delete textures[key]
+    }
+  }
+
+  readdChunks () {
+    for (const key of Object.keys(this.sectionObjects)) {
+      this.scene.remove(this.sectionObjects[key])
+    }
+    setTimeout(() => {
+      for (const key of Object.keys(this.sectionObjects)) {
+        this.scene.add(this.sectionObjects[key])
+      }
+    }, 500)
+  }
+
+  disableUpdates (children = this.scene.children) {
+    for (const child of children) {
+      child.matrixWorldNeedsUpdate = false
+      this.disableUpdates(child.children ?? [])
+    }
+  }
+
+  removeColumn (x, z) {
+    super.removeColumn(x, z)
+
+    this.cleanChunkTextures(x, z)
+    for (let y = this.worldSizeParams.minY; y < this.worldSizeParams.worldHeight; y += 16) {
+      this.setSectionDirty(new Vec3(x, y, z), false)
+      const key = `${x},${y},${z}`
+      const mesh = this.sectionObjects[key]
+      if (mesh) {
+        this.scene.remove(mesh)
+        disposeObject(mesh)
+      }
+      delete this.sectionObjects[key]
+    }
+  }
+
+  setSectionDirty (...args: Parameters<WorldRendererCommon['setSectionDirty']>) {
+    const [pos] = args
+    this.cleanChunkTextures(pos.x, pos.z) // todo don't do this!
+    super.setSectionDirty(...args)
+  }
+
+  static getRendererInfo (renderer: THREE.WebGLRenderer) {
+    try {
+      const gl = renderer.getContext()
+      return `${gl.getParameter(gl.getExtension('WEBGL_debug_renderer_info')!.UNMASKED_RENDERER_WEBGL)}`
+    } catch (err) {
+      console.warn('Failed to get renderer info', err)
+    }
+  }
+
+  worldStop () {
+    this.media.onWorldStop()
+  }
+
+  destroy (): void {
+    super.destroy()
+    this.skyboxRenderer.dispose()
+  }
+
+  shouldObjectVisible (object: THREE.Object3D) {
+    // Get chunk coordinates
+    const chunkX = Math.floor(object.position.x / 16) * 16
+    const chunkZ = Math.floor(object.position.z / 16) * 16
+    const sectionY = Math.floor(object.position.y / 16) * 16
+
+    const chunkKey = `${chunkX},${chunkZ}`
+    const sectionKey = `${chunkX},${sectionY},${chunkZ}`
+
+    return !!this.finishedChunks[chunkKey] || !!this.sectionObjects[sectionKey]
+  }
+
+  updateSectionOffsets () {
+    const currentTime = performance.now()
+    for (const [key, anim] of Object.entries(this.sectionsOffsetsAnimations)) {
+      const timeDelta = (currentTime - anim.time) / 1000 // Convert to seconds
+      anim.time = currentTime
+
+      // Update offsets based on speed and time delta
+      anim.currentOffsetX += anim.speedX * timeDelta
+      anim.currentOffsetY += anim.speedY * timeDelta
+      anim.currentOffsetZ += anim.speedZ * timeDelta
+
+      // Apply limits if they exist
+      if (anim.limitX !== undefined) {
+        if (anim.speedX > 0) {
+          anim.currentOffsetX = Math.min(anim.currentOffsetX, anim.limitX)
+        } else {
+          anim.currentOffsetX = Math.max(anim.currentOffsetX, anim.limitX)
+        }
+      }
+      if (anim.limitY !== undefined) {
+        if (anim.speedY > 0) {
+          anim.currentOffsetY = Math.min(anim.currentOffsetY, anim.limitY)
+        } else {
+          anim.currentOffsetY = Math.max(anim.currentOffsetY, anim.limitY)
+        }
+      }
+      if (anim.limitZ !== undefined) {
+        if (anim.speedZ > 0) {
+          anim.currentOffsetZ = Math.min(anim.currentOffsetZ, anim.limitZ)
+        } else {
+          anim.currentOffsetZ = Math.max(anim.currentOffsetZ, anim.limitZ)
+        }
+      }
+
+      // Apply the offset to the section object
+      const section = this.sectionObjects[key]
+      if (section) {
+        section.position.set(
+          anim.currentOffsetX,
+          anim.currentOffsetY,
+          anim.currentOffsetZ
+        )
+        section.updateMatrix()
+      }
+    }
+  }
+
+  reloadWorld () {
+    this.entities.reloadEntities()
+  }
+}
+
+class StarField {
+  points?: THREE.Points
+  private _enabled = true
+  get enabled () {
+    return this._enabled
+  }
+
+  set enabled (value) {
+    this._enabled = value
+    if (this.points) {
+      this.points.visible = value
+    }
+  }
+
+  constructor (
+    private readonly worldRenderer: WorldRendererThree
+  ) {
+    const clock = new THREE.Clock()
+    const speed = 0.2
+    this.worldRenderer.onRender.push(() => {
+      if (!this.points) return
+      this.points.position.copy(this.worldRenderer.getCameraPosition());
+      (this.points.material as StarfieldMaterial).uniforms.time.value = clock.getElapsedTime() * speed
+    })
+  }
+
+  addToScene () {
+    if (this.points || !this.enabled) return
+
+    const radius = 80
+    const depth = 50
+    const count = 7000
+    const factor = 7
+    const saturation = 10
+
+    const geometry = new THREE.BufferGeometry()
+
+    const genStar = r => new THREE.Vector3().setFromSpherical(new THREE.Spherical(r, Math.acos(1 - Math.random() * 2), Math.random() * 2 * Math.PI))
+
+    const positions = [] as number[]
+    const colors = [] as number[]
+    const sizes = Array.from({ length: count }, () => (0.5 + 0.5 * Math.random()) * factor)
+    const color = new THREE.Color()
+    let r = radius + depth
+    const increment = depth / count
+    for (let i = 0; i < count; i++) {
+      r -= increment * Math.random()
+      positions.push(...genStar(r).toArray())
+      color.setHSL(i / count, saturation, 0.9)
+      colors.push(color.r, color.g, color.b)
+    }
+
+    geometry.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3))
+    geometry.setAttribute('color', new THREE.Float32BufferAttribute(colors, 3))
+    geometry.setAttribute('size', new THREE.Float32BufferAttribute(sizes, 1))
+
+    // Create a material
+    const material = new StarfieldMaterial()
+    material.blending = THREE.AdditiveBlending
+    material.depthTest = false
+    material.transparent = true
+
+    // Create points and add them to the scene
+    this.points = new THREE.Points(geometry, material)
+    this.worldRenderer.scene.add(this.points)
+
+    this.points.renderOrder = -1
+  }
+
+  remove () {
+    if (this.points) {
+      this.points.geometry.dispose();
+      (this.points.material as THREE.Material).dispose()
+      this.worldRenderer.scene.remove(this.points)
+
+      this.points = undefined
+    }
+  }
+}
+
+const version = parseInt(THREE.REVISION.replaceAll(/\D+/g, ''), 10)
+class StarfieldMaterial extends THREE.ShaderMaterial {
+  constructor () {
+    super({
+      uniforms: { time: { value: 0 }, fade: { value: 1 } },
+      vertexShader: /* glsl */ `
+                uniform float time;
+                attribute float size;
+                varying vec3 vColor;
+                attribute vec3 color;
+                void main() {
+                vColor = color;
+                vec4 mvPosition = modelViewMatrix * vec4(position, 0.5);
+                gl_PointSize = 0.7 * size * (30.0 / -mvPosition.z) * (3.0 + sin(time + 100.0));
+                gl_Position = projectionMatrix * mvPosition;
+            }`,
+      fragmentShader: /* glsl */ `
+                uniform sampler2D pointTexture;
+                uniform float fade;
+                varying vec3 vColor;
+                void main() {
+                float opacity = 1.0;
+                gl_FragColor = vec4(vColor, 1.0);
+
+                #include <tonemapping_fragment>
+                #include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
+            }`,
+    })
+  }
+}
diff --git a/rsbuild.config.ts b/rsbuild.config.ts
new file mode 100644
index 00000000..6cd6b2ed
--- /dev/null
+++ b/rsbuild.config.ts
@@ -0,0 +1,298 @@
+/// <reference types="./src/env" />
+import { defineConfig, mergeRsbuildConfig, RsbuildPluginAPI } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
+import { pluginTypedCSSModules } from '@rsbuild/plugin-typed-css-modules'
+import { pluginNodePolyfill } from '@rsbuild/plugin-node-polyfill'
+import { pluginTypeCheck } from '@rsbuild/plugin-type-check'
+import path from 'path'
+import childProcess from 'child_process'
+import fs from 'fs'
+import fsExtra from 'fs-extra'
+import { promisify } from 'util'
+import { generateSW } from 'workbox-build'
+import { getSwAdditionalEntries } from './scripts/build'
+import { appAndRendererSharedConfig } from './renderer/rsbuildSharedConfig'
+import { genLargeDataAliases } from './scripts/genLargeDataAliases'
+import sharp from 'sharp'
+import supportedVersions from './src/supportedVersions.mjs'
+import { startWsServer } from './scripts/wsServer'
+
+const SINGLE_FILE_BUILD = process.env.SINGLE_FILE_BUILD === 'true'
+
+if (SINGLE_FILE_BUILD) {
+    const patchCssFile = 'node_modules/pixelarticons/fonts/pixelart-icons-font.css'
+    const text = fs.readFileSync(patchCssFile, 'utf8')
+    fs.writeFileSync(patchCssFile, text.replaceAll("url('pixelart-icons-font.ttf?t=1711815892278') format('truetype'),", ""), 'utf8')
+}
+
+//@ts-ignore
+try { require('./localSettings.js') } catch { }
+
+const execAsync = promisify(childProcess.exec)
+
+const buildingVersion = new Date().toISOString().split(':')[0]
+
+const dev = process.env.NODE_ENV === 'development'
+const disableServiceWorker = process.env.DISABLE_SERVICE_WORKER === 'true'
+
+let releaseTag
+let releaseLink
+let releaseChangelog
+let githubRepositoryFallback
+
+if (fs.existsSync('./assets/release.json')) {
+    const releaseJson = JSON.parse(fs.readFileSync('./assets/release.json', 'utf8'))
+    releaseTag = releaseJson.latestTag
+    releaseLink = releaseJson.isCommit ? `/commit/${releaseJson.latestTag}` : `/releases/${releaseJson.latestTag}`
+    releaseChangelog = releaseJson.changelog?.replace(/<!-- bump-type:[\w]+ -->/, '')
+    githubRepositoryFallback = releaseJson.repository
+}
+
+const configJson = JSON.parse(fs.readFileSync('./config.json', 'utf8'))
+try {
+    Object.assign(configJson, JSON.parse(fs.readFileSync(process.env.LOCAL_CONFIG_FILE || './config.local.json', 'utf8')))
+} catch (err) {}
+if (dev) {
+    configJson.defaultProxy = ':8080'
+}
+
+const configSource = (SINGLE_FILE_BUILD ? 'BUNDLED' : (process.env.CONFIG_JSON_SOURCE || 'REMOTE')) as 'BUNDLED' | 'REMOTE'
+
+const faviconPath = 'favicon.png'
+
+const enableMetrics = process.env.ENABLE_METRICS === 'true'
+
+// base options are in ./renderer/rsbuildSharedConfig.ts
+const appConfig = defineConfig({
+    html: {
+        template: './index.html',
+        inject: 'body',
+        tags: [
+            ...SINGLE_FILE_BUILD ? [] : [
+                {
+                    tag: 'link',
+                    attrs: {
+                        rel: 'manifest',
+                        crossorigin: 'anonymous',
+                        href: 'manifest.json'
+                    },
+                }
+            ],
+            // <link rel="favicon" href="favicon.png">
+            // <link rel="icon" type="image/png" href="favicon.png" />
+            // <meta property="og:image" content="favicon.png" />
+            {
+                tag: 'link',
+                attrs: {
+                    rel: 'favicon',
+                    href: faviconPath
+                }
+            },
+            ...SINGLE_FILE_BUILD ? [] : [
+                {
+                    tag: 'link',
+                    attrs: {
+                        rel: 'icon',
+                        type: 'image/png',
+                        href: faviconPath
+                    }
+                },
+                {
+                    tag: 'meta',
+                    attrs: {
+                        property: 'og:image',
+                        content: faviconPath
+                    }
+                }
+            ]
+        ]
+    },
+    output: {
+        externals: [
+            'sharp'
+        ],
+        sourceMap: {
+            js: 'source-map',
+            css: true,
+        },
+        minify: {
+            // js: false,
+            jsOptions: {
+                minimizerOptions: {
+                    mangle: {
+                        safari10: true,
+                        keep_classnames: true,
+                        keep_fnames: true,
+                        keep_private_props: true,
+                    },
+                    compress: {
+                        unused: true,
+                    },
+                },
+            },
+        },
+        distPath: SINGLE_FILE_BUILD ? {
+            html: './single',
+        } : undefined,
+        inlineScripts: SINGLE_FILE_BUILD,
+        inlineStyles: SINGLE_FILE_BUILD,
+        // 50kb limit for data uri
+        dataUriLimit: SINGLE_FILE_BUILD ? 1 * 1024 * 1024 * 1024 : 50 * 1024
+    },
+    performance: {
+        // prefetch: {
+        //     include(filename) {
+        //         return filename.includes('mc-data') || filename.includes('mc-assets')
+        //     },
+        // },
+    },
+    source: {
+        entry: {
+            index: './src/index.ts',
+        },
+        // exclude: [
+        //     /.woff$/
+        // ],
+        define: {
+            'process.env.BUILD_VERSION': JSON.stringify(!dev ? buildingVersion : 'undefined'),
+            'process.env.MAIN_MENU_LINKS': JSON.stringify(process.env.MAIN_MENU_LINKS),
+            'process.env.SINGLE_FILE_BUILD': JSON.stringify(process.env.SINGLE_FILE_BUILD),
+            'process.env.SINGLE_FILE_BUILD_MODE': JSON.stringify(process.env.SINGLE_FILE_BUILD),
+            'process.platform': '"browser"',
+            'process.env.GITHUB_URL':
+                JSON.stringify(`https://github.com/${process.env.GITHUB_REPOSITORY || `${process.env.VERCEL_GIT_REPO_OWNER}/${process.env.VERCEL_GIT_REPO_SLUG}` || githubRepositoryFallback}`),
+            'process.env.ALWAYS_MINIMAL_SERVER_UI': JSON.stringify(process.env.ALWAYS_MINIMAL_SERVER_UI),
+            'process.env.RELEASE_TAG': JSON.stringify(releaseTag),
+            'process.env.RELEASE_LINK': JSON.stringify(releaseLink),
+            'process.env.RELEASE_CHANGELOG': JSON.stringify(releaseChangelog),
+            'process.env.DISABLE_SERVICE_WORKER': JSON.stringify(disableServiceWorker),
+            'process.env.INLINED_APP_CONFIG': JSON.stringify(configSource === 'BUNDLED' ? configJson : null),
+            'process.env.ENABLE_COOKIE_STORAGE': JSON.stringify(process.env.ENABLE_COOKIE_STORAGE || true),
+            'process.env.COOKIE_STORAGE_PREFIX': JSON.stringify(process.env.COOKIE_STORAGE_PREFIX || ''),
+            'process.env.WS_PORT': JSON.stringify(enableMetrics ? 8081 : false),
+        },
+    },
+    server: {
+        // strictPort: true,
+        // publicDir: {
+        //     name: 'assets',
+        // },
+        proxy: {
+            '/api': 'http://localhost:8080',
+        },
+    },
+    plugins: [
+        pluginTypedCSSModules(),
+        {
+            name: 'test',
+            setup(build: RsbuildPluginAPI) {
+                const prep = async () => {
+                    console.time('total-prep')
+                    fs.mkdirSync('./generated', { recursive: true })
+                    if (!fs.existsSync('./generated/minecraft-data-optimized.json') || !fs.existsSync('./generated/mc-assets-compressed.js') || require('./generated/minecraft-data-optimized.json').versionKey !== require('minecraft-data/package.json').version) {
+                        childProcess.execSync('tsx ./scripts/makeOptimizedMcData.mjs', { stdio: 'inherit' })
+                    }
+                    childProcess.execSync('tsx ./scripts/genShims.ts', { stdio: 'inherit' })
+                    if (!fs.existsSync('./generated/latestBlockCollisionsShapes.json') || require('./generated/latestBlockCollisionsShapes.json').versionKey !== require('minecraft-data/package.json').version) {
+                        childProcess.execSync('tsx ./scripts/optimizeBlockCollisions.ts', { stdio: 'inherit' })
+                    }
+                    // childProcess.execSync(['tsx', './scripts/genLargeDataAliases.ts', ...(SINGLE_FILE_BUILD ? ['--compressed'] : [])].join(' '), { stdio: 'inherit' })
+                    genLargeDataAliases(SINGLE_FILE_BUILD || process.env.ALWAYS_COMPRESS_LARGE_DATA === 'true')
+                    fsExtra.copySync('./node_modules/mc-assets/dist/other-textures/latest/entity', './dist/textures/entity')
+                    fsExtra.copySync('./assets/background', './dist/background')
+                    fs.copyFileSync('./assets/favicon.png', './dist/favicon.png')
+                    fs.copyFileSync('./assets/playground.html', './dist/playground.html')
+                    fs.copyFileSync('./assets/manifest.json', './dist/manifest.json')
+                    fs.copyFileSync('./assets/config.html', './dist/config.html')
+                    fs.copyFileSync('./assets/debug-inputs.html', './dist/debug-inputs.html')
+                    fs.copyFileSync('./assets/loading-bg.jpg', './dist/loading-bg.jpg')
+                    if (fs.existsSync('./assets/release.json')) {
+                        fs.copyFileSync('./assets/release.json', './dist/release.json')
+                    }
+
+                    if (configSource === 'REMOTE') {
+                        fs.writeFileSync('./dist/config.json', JSON.stringify(configJson, undefined, 2), 'utf8')
+                    }
+                    if (fs.existsSync('./generated/sounds.js')) {
+                        fs.copyFileSync('./generated/sounds.js', './dist/sounds.js')
+                    }
+                    // childProcess.execSync('./scripts/prepareSounds.mjs', { stdio: 'inherit' })
+                    // childProcess.execSync('tsx ./scripts/genMcDataTypes.ts', { stdio: 'inherit' })
+                    // childProcess.execSync('tsx ./scripts/genPixelartTypes.ts', { stdio: 'inherit' })
+                    if (fs.existsSync('./renderer/dist/mesher.js') && dev) {
+                        // copy mesher
+                        fs.copyFileSync('./renderer/dist/mesher.js', './dist/mesher.js')
+                        fs.copyFileSync('./renderer/dist/mesher.js.map', './dist/mesher.js.map')
+                    } else if (!dev) {
+                        await execAsync('pnpm run build-mesher')
+                    }
+                    fs.writeFileSync('./dist/version.txt', buildingVersion, 'utf-8')
+
+                    // Start WebSocket server in development
+                    if (dev && enableMetrics) {
+                        await startWsServer(8081, false)
+                    }
+
+                    console.timeEnd('total-prep')
+                }
+                if (!dev) {
+                    build.onBeforeBuild(async () => {
+                        prep()
+                    })
+                    build.onAfterBuild(async () => {
+                        if (fs.readdirSync('./assets/customTextures').length > 0) {
+                            childProcess.execSync('tsx ./scripts/patchAssets.ts', { stdio: 'inherit' })
+                        }
+
+                        if (SINGLE_FILE_BUILD) {
+                            // check that only index.html is in the dist/single folder
+                            const singleBuildFiles = fs.readdirSync('./dist/single')
+                            if (singleBuildFiles.length !== 1 || singleBuildFiles[0] !== 'index.html') {
+                                throw new Error('Single file build must only have index.html in the dist/single folder. Ensure workers are imported & built correctly.')
+                            }
+
+                            // process index.html
+                            const singleBuildHtml = './dist/single/index.html'
+                            let html = fs.readFileSync(singleBuildHtml, 'utf8')
+                            const verToMajor = (ver: string) => ver.split('.').slice(0, 2).join('.')
+                            const supportedMajorVersions = [...new Set(supportedVersions.map(a => verToMajor(a)))].join(', ')
+                            html = `<!DOCTYPE html><!-- MINECRAFT WEB CLIENT ${releaseTag ?? ''} -->\n<!-- A true SINGLE FILE BUILD with built-in server -->\n<!-- All textures, assets and Minecraft data for ${supportedMajorVersions} inlined into one file. -->\n${html}`
+
+                            const resizedImage = (await (sharp('./assets/favicon.png') as any).resize(64).toBuffer()).toString('base64')
+                            html = html.replace('favicon.png', `data:image/png;base64,${resizedImage}`)
+                            html = html.replace('src="./loading-bg.jpg"', `src="data:image/png;base64,${fs.readFileSync('./assets/loading-bg.jpg', 'base64')}"`)
+                            html += '<script id="mesher-worker-code">' + fs.readFileSync('./dist/mesher.js', 'utf8') + '</script>'
+                            fs.writeFileSync(singleBuildHtml, html, 'utf8')
+                            // write output file size
+                            console.log('single file size', (fs.statSync(singleBuildHtml).size / 1024 / 1024).toFixed(2), 'mb')
+                        } else {
+                            if (!disableServiceWorker) {
+                            const { count, size, warnings } = await generateSW({
+                                    // dontCacheBustURLsMatching: [new RegExp('...')],
+                                    globDirectory: 'dist',
+                                    skipWaiting: true,
+                                    clientsClaim: true,
+                                    additionalManifestEntries: getSwAdditionalEntries(),
+                                    globPatterns: [],
+                                    swDest: './dist/service-worker.js',
+                                })
+                            }
+                        }
+                    })
+                }
+                build.onBeforeStartDevServer(() => prep())
+            },
+        },
+    ],
+    // performance: {
+    //     bundleAnalyze: {
+    //         analyzerMode: 'json',
+    //         reportFilename: 'report.json',
+    //     },
+    // },
+})
+
+export default mergeRsbuildConfig(
+    appAndRendererSharedConfig(),
+    appConfig
+)
diff --git a/scripts/build.js b/scripts/build.js
index 9fcc6d2c..2d5e0a2e 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -5,18 +5,15 @@ const glob = require('glob')
 const fs = require('fs')
 const crypto = require('crypto')
 const path = require('path')
-const McAssets = require('minecraft-assets')
 
-const prismarineViewerBase = "./node_modules/prismarine-viewer"
-const entityMcAssets = McAssets('1.16.4')
+const prismarineViewerBase = "./node_modules/renderer"
 
 // these files could be copied at build time eg with copy plugin, but copy plugin slows down the config so we copy them there, alternative we could inline it in esbuild config
 const filesToCopy = [
-    { from: `${prismarineViewerBase}/public/blocksStates/`, to: 'dist/blocksStates/' },
     { from: `${prismarineViewerBase}/public/mesher.js`, to: 'dist/mesher.js' },
     { from: './assets/', to: './dist/' },
     { from: './config.json', to: 'dist/config.json' },
-    { from: path.join(entityMcAssets.directory, 'entity'), to: 'dist/textures/1.16.4/entity' },
+    // { from: path.join(entityMcAssets.directory, 'entity'), to: 'dist/textures/1.16.4/entity' },
 ]
 exports.filesToCopy = filesToCopy
 exports.copyFiles = (dev = false) => {
@@ -46,29 +43,24 @@ exports.copyFilesDev = () => {
 
 exports.getSwAdditionalEntries = () => {
     // need to be careful with this
-    const singlePlayerVersion = defaultLocalServerOptions.version
     const filesToCachePatterns = [
         'index.html',
-        'index.js',
-        'index.css',
-        'favicon.ico',
-        `mc-data/${defaultLocalServerOptions.versionMajor}.js`,
-        `blocksStates/${singlePlayerVersion}.json`,
-        'extra-textures/**',
+        'background/**',
         // todo-low copy from assets
         '*.mp3',
         '*.ttf',
         '*.png',
         '*.woff',
         'mesher.js',
+        'manifest.json',
         'worldSaveWorker.js',
-        // todo-low preload entity atlas?
-        `textures/${singlePlayerVersion}.png`,
-        `textures/1.16.4/entity/squid.png`,
+        `textures/entity/squid/squid.png`,
+        'sounds.js',
+        // everything but not .map
+        'static/**/!(*.map)',
     ]
     const filesNeedsCacheKey = [
-        'index.js',
-        'index.css',
+        'index.html',
         'mesher.js',
         'worldSaveWorker.js',
     ]
@@ -89,6 +81,9 @@ exports.getSwAdditionalEntries = () => {
             output.push({ url, revision })
         }
     }
+    if (output.length > 40) {
+        throw new Error(`SW: Ios has a limit of 40 urls to cache (now ${output.length})`)
+    }
     console.log(`Got ${output.length} additional sw entries to cache`)
     return output
 }
@@ -98,6 +93,16 @@ exports.moveStorybookFiles = () => {
     fsExtra.copySync('dist/storybook', '.vercel/output/static/storybook')
 }
 
+exports.getSwFilesSize = () => {
+    const files = exports.getSwAdditionalEntries()
+    let size = 0
+    for (const { url } of files) {
+        const file = path.join(__dirname, '../dist', url)
+        size += fs.statSync(file).size
+    }
+    console.log('mb', size / 1024 / 1024)
+}
+
 const fn = require.main === module && exports[process.argv[2]]
 
 if (fn) {
diff --git a/scripts/buildNpmReact.ts b/scripts/buildNpmReact.ts
index 4516f1b7..f4f00e4d 100644
--- a/scripts/buildNpmReact.ts
+++ b/scripts/buildNpmReact.ts
@@ -11,7 +11,7 @@ fs.promises.readdir(path.resolve(__dirname, '../src/react')).then(async (files)
     const components = files
         .filter((file) => {
             if (file.startsWith('Concept')) return false
-            return file.endsWith('.stories.tsx');
+            return file.endsWith('.stories.tsx')
         })
         .map((file) => {
             return file.replace('.stories.tsx', '')
@@ -39,7 +39,7 @@ fs.promises.readdir(path.resolve(__dirname, '../src/react')).then(async (files)
     version = version.replace(/^v/, '')
     packageJson.version = version
 
-    const externalize = ['minecraft-assets', 'prismarine-viewer']
+    const externalize = ['renderer', 'mc-assets']
     const { metafile } = await build({
         entryPoints: [path.resolve(__dirname, '../src/react/npmReactComponents.ts')],
         bundle: true,
@@ -53,6 +53,10 @@ fs.promises.readdir(path.resolve(__dirname, '../src/react')).then(async (files)
         write: false, // todo
         loader: {
             '.png': 'dataurl',
+            '.jpg': 'dataurl',
+            '.jpeg': 'dataurl',
+            '.webp': 'dataurl',
+            '.css': 'text',
         },
         plugins: [
             // on external module resolve
@@ -144,6 +148,13 @@ fs.promises.readdir(path.resolve(__dirname, '../src/react')).then(async (files)
     fs.copyFileSync(path.resolve(__dirname, '../README.NPM.MD'), path.resolve(__dirname, '../dist-npm/README.md'))
 
     if (version !== '0.0.0-dev') {
-        execSync('npm publish', { cwd: path.resolve(__dirname, '../dist-npm') })
+        execSync('npm publish', {
+            cwd: path.resolve(__dirname, '../dist-npm'),
+            env: {
+                ...process.env,
+                NPM_TOKEN: process.env.NPM_TOKEN,
+                NODE_AUTH_TOKEN: process.env.NPM_TOKEN
+            }
+        })
     }
 })
diff --git a/scripts/dockerPrepare.mjs b/scripts/dockerPrepare.mjs
new file mode 100644
index 00000000..62a4f5e4
--- /dev/null
+++ b/scripts/dockerPrepare.mjs
@@ -0,0 +1,35 @@
+//@ts-check
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import { execSync } from 'child_process'
+
+// Get repository from git config
+const getGitRepository = () => {
+    try {
+        const gitConfig = fs.readFileSync('.git/config', 'utf8')
+        const originUrlMatch = gitConfig.match(/\[remote "origin"\][\s\S]*?url = .*?github\.com[:/](.*?)(\.git)?\n/m)
+        if (originUrlMatch) {
+            return originUrlMatch[1]
+        }
+    } catch (err) {
+        console.warn('Failed to read git repository from config:', err)
+    }
+    return null
+}
+
+// write release tag and repository info
+const commitShort = execSync('git rev-parse --short HEAD').toString().trim()
+const repository = getGitRepository()
+fs.writeFileSync('./assets/release.json', JSON.stringify({
+    latestTag: `${commitShort} (docker)`,
+    repository
+}), 'utf8')
+
+const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'))
+delete packageJson.optionalDependencies
+fs.writeFileSync('./package.json', JSON.stringify(packageJson, null, 2), 'utf8')
+
+const packageJsonViewer = JSON.parse(fs.readFileSync('./renderer/package.json', 'utf8'))
+delete packageJsonViewer.optionalDependencies
+fs.writeFileSync('./renderer/package.json', JSON.stringify(packageJsonViewer, null, 2), 'utf8')
diff --git a/scripts/downloadSoundsMap.mjs b/scripts/downloadSoundsMap.mjs
index 3c335f8f..f5791768 100644
--- a/scripts/downloadSoundsMap.mjs
+++ b/scripts/downloadSoundsMap.mjs
@@ -1,9 +1,12 @@
 import fs from 'fs'
 
-const url = 'https://github.com/zardoy/minecraft-web-client/raw/sounds-generated/sounds.js'
-const savePath = 'dist/sounds.js'
+const url = 'https://github.com/zardoy/minecraft-web-client/raw/sounds-generated/sounds-v2.js'
 fetch(url).then(res => res.text()).then(data => {
-  fs.writeFileSync(savePath, data, 'utf8')
+  if (fs.existsSync('./dist')) {
+    fs.writeFileSync('./dist/sounds.js', data, 'utf8')
+  }
+  fs.mkdirSync('./generated', { recursive: true })
+  fs.writeFileSync('./generated/sounds.js', data, 'utf8')
   if (fs.existsSync('.vercel/output/static/')) {
     fs.writeFileSync('.vercel/output/static/sounds.js', data, 'utf8')
   }
diff --git a/scripts/esbuildPlugins.mjs b/scripts/esbuildPlugins.mjs
index 5a2a4c39..431c16a4 100644
--- a/scripts/esbuildPlugins.mjs
+++ b/scripts/esbuildPlugins.mjs
@@ -1,46 +1,16 @@
 //@ts-check
 
-import { polyfillNode } from 'esbuild-plugin-polyfill-node'
-import { join, dirname, basename } from 'path'
+import { join, dirname } from 'path'
 import * as fs from 'fs'
-import { filesize } from 'filesize'
-import MCProtocol from 'minecraft-protocol'
-import MCData from 'minecraft-data'
-import { throttle } from 'lodash-es'
 import { fileURLToPath } from 'url'
 
 const __dirname = dirname(fileURLToPath(new URL(import.meta.url)))
-const { supportedVersions } = MCProtocol
-
-const prod = process.argv.includes('--prod')
-let connectedClients = []
-
-const writeToClients = (data) => {
-  connectedClients.forEach((res) => {
-    res.write(`data: ${JSON.stringify(data)}\n\n`)
-    res.flush()
-  })
-}
-
-export const startWatchingHmr = () => {
-  const eventsPerFile = {
-    'mesher.js': 'mesher',
-    // 'dist/webglRendererWorker.js': 'webglRendererWorker',
-  }
-  for (const name of Object.keys(eventsPerFile)) {
-    const file = join('dist', name)
-    if (!fs.existsSync(file)) console.warn(`[missing worker] File ${name} does not exist`)
-    fs.watchFile(file, () => {
-      writeToClients({ replace: { type: eventsPerFile[name] } })
-    })
-  }
-}
 
 /** @type {import('esbuild').Plugin[]} */
 const mesherSharedPlugins = [
   {
     name: 'minecraft-data',
-    setup(build) {
+    setup (build) {
       build.onLoad({
         filter: /data[\/\\]pc[\/\\]common[\/\\]legacy.json$/,
       }, async (args) => {
@@ -54,310 +24,4 @@ const mesherSharedPlugins = [
   }
 ]
 
-/** @type {import('esbuild').Plugin[]} */
-const plugins = [
-  ...mesherSharedPlugins,
-  {
-    name: 'strict-aliases',
-    setup(build) {
-      build.onResolve({
-        filter: /^minecraft-protocol$/,
-      }, async ({ kind, resolveDir }) => {
-        return {
-          path: (await build.resolve('minecraft-protocol/src/index.js', { kind, resolveDir })).path,
-        }
-      })
-      build.onLoad({
-        filter: /minecraft-data[\/\\]data.js$/,
-      }, (args) => {
-        const version = supportedVersions.at(-1)
-        if (!version) throw new Error('unreachable')
-        const data = MCData(version)
-        const defaultVersionsObj = {
-          // default protocol data, needed for auto-version
-          [version]: {
-            version: data.version,
-            // protocol: JSON.parse(fs.readFileSync(join(args.path, '..', 'minecraft-data/data/pc/1.20/protocol.json'), 'utf8')),
-            protocol: data.protocol,
-          }
-        }
-        return {
-          contents: `window.mcData ??= ${JSON.stringify(defaultVersionsObj)};module.exports = { pc: window.mcData }`,
-          loader: 'js',
-        }
-      })
-      build.onResolve({
-        filter: /^minecraft-assets$/,
-      }, () => {
-        throw new Error('hit banned package')
-      })
-      build.onLoad({
-        filter: /^prismarine-auth/,
-      }, () => {
-        return {
-          contents: 'module.exports = {}',
-        }
-      })
-
-      build.onResolve({
-        filter: /^three$/,
-      }, async ({ kind, resolveDir }) => {
-        return {
-          path: (await build.resolve('three/src/Three.js', { kind, resolveDir })).path,
-        }
-      })
-    }
-  },
-  {
-    name: 'data-assets',
-    setup(build) {
-      build.onResolve({
-        filter: /.*/,
-      }, async ({ path, ...rest }) => {
-        if (['.woff', '.woff2', '.ttf'].some(ext => path.endsWith(ext)) || path.startsWith('extra-textures/')) {
-          return {
-            path,
-            namespace: 'assets',
-            external: true,
-          }
-        }
-      })
-
-      const removeNodeModulesSourcemaps = (map) => {
-        const doNotRemove = ['prismarine', 'mineflayer', 'flying-squid', '@jspm/core', 'minecraft', 'three']
-        map.sourcesContent.forEach((_, i) => {
-          if (map.sources[i].includes('node_modules') && !doNotRemove.some(x => map.sources[i].includes(x))) {
-            map.sourcesContent[i] = null
-          }
-        })
-      }
-
-      build.onEnd(async ({ metafile, outputFiles }) => {
-        // write outputFiles
-        //@ts-ignore
-        for (const file of outputFiles) {
-          let contents = file.text
-          if (file.path.endsWith('.map') && file.text && !process.env.PROD) {
-            const map = JSON.parse(file.text)
-            removeNodeModulesSourcemaps(map)
-            contents = JSON.stringify(map)
-          }
-          await fs.promises.writeFile(file.path, contents)
-        }
-        if (!prod) return
-        // const deps = Object.entries(metafile.inputs).sort(([, a], [, b]) => b.bytes - a.bytes).map(([x, { bytes }]) => [x, filesize(bytes)]).slice(0, 5)
-        //@ts-ignore
-        const sizeByExt = {}
-        //@ts-ignore
-        Object.entries(metafile.inputs).sort(([, a], [, b]) => b.bytes - a.bytes).forEach(([x, { bytes }]) => {
-          const ext = x.slice(x.lastIndexOf('.'))
-          sizeByExt[ext] ??= 0
-          sizeByExt[ext] += bytes
-        })
-        console.log('Input size by ext:')
-        console.log(Object.fromEntries(Object.entries(sizeByExt).map(x => [x[0], filesize(x[1])])))
-      })
-    },
-  },
-  {
-    name: 'prevent-incorrect-linking',
-    setup(build) {
-      build.onResolve({
-        filter: /.+/,
-      }, async ({ resolveDir, path, importer, kind, pluginData }) => {
-        if (pluginData?.__internal) return
-        // not ideal as packages can have different version, on the other hand we should not have multiple versions of the same package of developing deps
-        const packageName = path.startsWith('@') ? path.split('/', 2).join('/') : path.split('/', 1)[0]
-        const localPackageToReuse = join('node_modules', packageName)
-        if (!resolveDir.startsWith(process.cwd()) && ['./', '../'].every(x => !path.startsWith(x)) && fs.existsSync(localPackageToReuse)) {
-          const redirected = await build.resolve(path, { kind: 'import-statement', resolveDir: process.cwd(), pluginData: { __internal: true }, })
-          return redirected
-        }
-        // disallow imports from outside the root directory to ensure modules are resolved from node_modules of this workspace
-        // if ([resolveDir, path].some(x => x.includes('node_modules')) && !resolveDir.startsWith(process.cwd())) {
-        //   // why? ensure workspace dependency versions are used (we have overrides and need to dedupe so it doesn't grow in size)
-        //   throw new Error(`Restricted package import from outside the root directory: ${resolveDir}`)
-        // }
-        return undefined
-      })
-    }
-  },
-  {
-    name: 'watch-notify',
-    setup(build) {
-      let count = 0
-      let time
-      let prevHash
-
-      build.onStart(() => {
-        time = Date.now()
-      })
-      build.onEnd(({ errors, outputFiles: _outputFiles, metafile, warnings }) => {
-        /** @type {import('esbuild').OutputFile[]} */
-        // @ts-ignore
-        const outputFiles = _outputFiles
-        const elapsed = Date.now() - time
-        outputFiles.find(outputFile => outputFile.path)
-
-        if (errors.length) {
-          writeToClients({ errors: errors.map(error => error.text) })
-          return
-        }
-
-        // write metafile to disk if needed to analyze
-        fs.writeFileSync('dist/meta.json', JSON.stringify(metafile, null, 2))
-
-        /** @type {import('esbuild').OutputFile} */
-        //@ts-ignore
-        const outputFile = outputFiles.find(x => x.path.endsWith('.js'))
-        if (outputFile.hash === prevHash) {
-          // todo also check workers and css
-          console.log('Ignoring reload as contents the same')
-          return
-        }
-        prevHash = outputFile.hash
-        let outputText = outputFile.text
-        //@ts-ignore
-        if (['inline', 'both'].includes(build.initialOptions.sourcemap)) {
-          outputText = outputText.slice(0, outputText.indexOf('//# sourceMappingURL=data:application/json;base64,'))
-        }
-        console.log(`Done in ${elapsed}ms. Size: ${filesize(outputText.length)} (${build.initialOptions.minify ? 'minified' : 'without minify'})`)
-
-        if (count++ === 0) {
-          return
-        }
-
-        writeToClients({ update: { time: elapsed } })
-        connectedClients.length = 0
-      })
-    }
-  },
-  {
-    name: 'esbuild-readdir',
-    setup(build) {
-      build.onResolve({
-        filter: /^esbuild-readdir:.+$/,
-      }, ({ resolveDir, path }) => {
-        return {
-          namespace: 'esbuild-readdir',
-          path,
-          pluginData: {
-            resolveDir: join(resolveDir, path.replace(/^esbuild-readdir:/, ''))
-          },
-        }
-      })
-      build.onLoad({
-        filter: /.+/,
-        namespace: 'esbuild-readdir',
-      }, async ({ pluginData }) => {
-        const { resolveDir } = pluginData
-        const files = await fs.promises.readdir(resolveDir)
-        return {
-          contents: `module.exports = ${JSON.stringify(files)}`,
-          resolveDir,
-          loader: 'js',
-        }
-      })
-    }
-  },
-  {
-    name: 'esbuild-import-glob',
-    setup(build) {
-      build.onResolve({
-        filter: /^esbuild-import-glob\(path:(.+),skipFiles:(.+)\)+$/,
-      }, ({ resolveDir, path }) => {
-        return {
-          namespace: 'esbuild-import-glob',
-          path,
-          pluginData: {
-            resolveDir
-          },
-        }
-      })
-      build.onLoad({
-        filter: /.+/,
-        namespace: 'esbuild-import-glob',
-      }, async ({ pluginData, path }) => {
-        const { resolveDir } = pluginData
-        //@ts-ignore
-        const [, userPath, skipFiles] = /^esbuild-import-glob\(path:(.+),skipFiles:(.+)\)+$/g.exec(path)
-        const files = (await fs.promises.readdir(join(resolveDir, userPath))).filter(f => !skipFiles.includes(f))
-        return {
-          contents: `module.exports = { ${files.map(f => `'${f}': require('./${join(userPath, f)}')`).join(',')} }`,
-          resolveDir,
-          loader: 'js',
-        }
-      })
-    }
-  },
-  {
-    name: 'fix-dynamic-require',
-    setup(build) {
-      build.onResolve({
-        filter: /1\.14\/chunk/,
-      }, async ({ resolveDir, path }) => {
-        if (!resolveDir.includes('prismarine-provider-anvil')) return
-        return {
-          namespace: 'fix-dynamic-require',
-          path,
-          pluginData: {
-            resolvedPath: `${join(resolveDir, path)}.js`,
-            resolveDir
-          },
-        }
-      })
-      build.onLoad({
-        filter: /.+/,
-        namespace: 'fix-dynamic-require',
-      }, async ({ pluginData: { resolvedPath, resolveDir } }) => {
-        const resolvedFile = await fs.promises.readFile(resolvedPath, 'utf8')
-        return {
-          contents: resolvedFile.replace("require(`prismarine-chunk/src/pc/common/BitArray${noSpan ? 'NoSpan' : ''}`)", "noSpan ? require(`prismarine-chunk/src/pc/common/BitArray`) : require(`prismarine-chunk/src/pc/common/BitArrayNoSpan`)"),
-          resolveDir,
-          loader: 'js',
-        }
-      })
-    }
-  },
-  {
-    name: 'react-displayname',
-    setup(build) {
-      build.onLoad({
-        filter: /.tsx$/,
-      }, async ({ path }) => {
-        let file = await fs.promises.readFile(path, 'utf8')
-        const fileName = basename(path, '.tsx')
-        let replaced = false
-        const varName = `__${fileName}_COMPONENT`
-        file = file.replace(/export default /, () => {
-          replaced = true
-          return `const ${varName} = `
-        })
-        if (replaced) {
-          file += `;${varName}.displayName = '${fileName}';export default ${varName};`
-        }
-
-        return {
-          contents: file,
-          loader: 'tsx',
-        }
-      })
-    }
-  },
-  polyfillNode({
-    polyfills: {
-      fs: false,
-      dns: false,
-      crypto: false,
-      events: false,
-      http: false,
-      stream: false,
-      buffer: false,
-      perf_hooks: false,
-      net: false,
-      assert: false,
-    },
-  })
-]
-
-export { plugins, connectedClients as clients, mesherSharedPlugins }
+export { mesherSharedPlugins }
diff --git a/scripts/gen-texturepack-files.mjs b/scripts/gen-texturepack-files.mjs
deleted file mode 100644
index d996236e..00000000
--- a/scripts/gen-texturepack-files.mjs
+++ /dev/null
@@ -1,52 +0,0 @@
-//@ts-check
-import fs from 'fs'
-import minecraftAssets from 'minecraft-assets'
-
-// why store another data?
-// 1. want to make it compatible (at least for now)
-// 2. don't want to read generated blockStates as it might change in future, and the current way was faster to implement
-
-const blockNames = []
-const indexesPerVersion = {}
-/** @type {Map<string, number>} */
-const allBlocksMap = new Map()
-const getBlockIndex = (block) => {
-    if (allBlocksMap.has(block)) {
-        return allBlocksMap.get(block)
-    }
-
-    const index = blockNames.length
-    allBlocksMap.set(block, index)
-    blockNames.push(block)
-    return index
-}
-
-// const blocksFull = []
-// const allBlocks = []
-// // we can even optimize it even futher by doing prev-step resolving
-// const blocksDiff = {}
-
-for (const [i, version] of minecraftAssets.versions.reverse().entries()) {
-    const assets = minecraftAssets(version)
-    const blocksDir = assets.directory + '/blocks'
-    const blocks = fs.readdirSync(blocksDir)
-    indexesPerVersion[version] = blocks.map(block => {
-        if (!block.endsWith('.png')) return undefined
-        return getBlockIndex(block)
-    }).filter(i => i !== undefined)
-
-    // if (!blocksFull.length) {
-    //     // first iter
-    //     blocksFull.push(...blocks)
-    // } else {
-    //     const missing = blocksFull.map((b, i) => !blocks.includes(b) ? i : -1).filter(i => i !== -1)
-    //     const added = blocks.filter(b => !blocksFull.includes(b))
-    //     blocksDiff[version] = {
-    //         missing,
-    //         added
-    //     }
-    // }
-}
-
-fs.mkdirSync('./generated', { recursive: true, })
-fs.writeFileSync('./generated/blocks.json', JSON.stringify({ blockNames: blockNames, indexes: indexesPerVersion }))
diff --git a/scripts/genLargeDataAliases.ts b/scripts/genLargeDataAliases.ts
new file mode 100644
index 00000000..2372dbfd
--- /dev/null
+++ b/scripts/genLargeDataAliases.ts
@@ -0,0 +1,62 @@
+import * as fs from 'fs'
+
+export const genLargeDataAliases = async (isCompressed: boolean) => {
+    const modules = {
+        mcData: {
+            raw: '../generated/minecraft-data-optimized.json',
+            compressed: '../generated/mc-data-compressed.js',
+        },
+        blockStatesModels: {
+            raw: 'mc-assets/dist/blockStatesModels.json',
+            compressed: '../generated/mc-assets-compressed.js',
+        }
+    }
+
+    const OUT_FILE = './generated/large-data-aliases.ts'
+
+    let str = `${decoderCode}\nexport const importLargeData = async (mod: ${Object.keys(modules).map(x => `'${x}'`).join(' | ')}) => {\n`
+    for (const [module, { compressed, raw }] of Object.entries(modules)) {
+        const chunkName = module === 'mcData' ? 'mc-data' : 'mc-assets';
+        let importCode = `(await import(/* webpackChunkName: "${chunkName}" */ '${isCompressed ? compressed : raw}')).default`;
+        if (isCompressed) {
+            importCode = `JSON.parse(decompressFromBase64(${importCode}))`
+        }
+        str += `  if (mod === '${module}') return ${importCode}\n`
+    }
+    str += `}\n`
+
+    fs.writeFileSync(OUT_FILE, str, 'utf8')
+}
+
+const decoderCode = /* ts */ `
+import pako from 'pako';
+
+globalThis.pako = { inflate: pako.inflate.bind(pako) }
+
+function decompressFromBase64(input) {
+    console.time('decompressFromBase64')
+    // Decode the Base64 string
+    const binaryString = atob(input);
+    const len = binaryString.length;
+    const bytes = new Uint8Array(len);
+
+    // Convert the binary string to a byte array
+    for (let i = 0; i < len; i++) {
+        bytes[i] = binaryString.charCodeAt(i);
+    }
+
+    // Decompress the byte array
+    const decompressedData = pako.inflate(bytes, { to: 'string' });
+
+    console.timeEnd('decompressFromBase64')
+    return decompressedData;
+}
+`
+
+// execute if run directly
+if (require.main === module) {
+    console.log('running...')
+    const isCompressed = process.argv.includes('--compressed')
+    genLargeDataAliases(isCompressed)
+    console.log('done generating large data aliases')
+}
diff --git a/scripts/genMcDataTypes.ts b/scripts/genMcDataTypes.ts
index f5b15069..82b5b878 100644
--- a/scripts/genMcDataTypes.ts
+++ b/scripts/genMcDataTypes.ts
@@ -1,5 +1,6 @@
 import minecraftData from 'minecraft-data'
 import fs from 'fs'
+import supportedVersions from '../src/supportedVersions.mjs'
 
 const data = minecraftData('1.20.1')
 
@@ -10,4 +11,41 @@ types += `\nexport type EntityNames = ${Object.keys(data.entitiesByName).map(blo
 types += `\nexport type BiomesNames = ${Object.keys(data.biomesByName).map(blockName => `'${blockName}'`).join(' | ')};`
 types += `\nexport type EnchantmentNames = ${Object.keys(data.enchantmentsByName).map(blockName => `'${blockName}'`).join(' | ')};`
 
+type Version = string
+const allVersionsEntitiesMetadata = {} as Record<string, Record<string, {
+    version: Version,
+    firstKey: number
+}>>
+for (const version of supportedVersions) {
+    const data = minecraftData(version)
+    for (const { name, metadataKeys } of data.entitiesArray) {
+        allVersionsEntitiesMetadata[name] ??= {}
+        if (!metadataKeys) {
+            // console.warn('Entity has no metadata', name, version)
+        }
+        for (const [i, key] of (metadataKeys ?? []).entries()) {
+            allVersionsEntitiesMetadata[name][key] ??= {
+                version: version,
+                firstKey: i,
+            }
+        }
+    }
+}
+
+types += '\n\nexport type EntityMetadataVersions = {\n'
+for (const [name, versions] of Object.entries(allVersionsEntitiesMetadata)) {
+    types += `'${name}': {`
+    for (const [key, v] of Object.entries(versions)) {
+        types += `\n/** ${v.version}+ (${v.firstKey}) */\n`
+        types += `'${key}': string;`
+    }
+    types += '},'
+}
+types += '\n}'
+
+const minify = false
+if (minify) {
+    types = types.replaceAll(/[\t]/g, '')
+}
+
 fs.writeFileSync('./src/mcDataTypes.ts', types, 'utf8')
diff --git a/scripts/genPixelartTypes.ts b/scripts/genPixelartTypes.ts
new file mode 100644
index 00000000..e7c9649a
--- /dev/null
+++ b/scripts/genPixelartTypes.ts
@@ -0,0 +1,16 @@
+import fs from 'fs'
+
+const icons = fs.readdirSync('node_modules/pixelarticons/svg')
+
+const addIconPath = '../../node_modules/pixelarticons/svg/'
+
+let str = 'export type PixelartIconsGenerated = {\n'
+for (const icon of icons) {
+    const name = icon.replace('.svg', '')
+    // jsdoc
+    const jsdocImage = '![image](' + addIconPath + icon + ')'
+    str += `  /** ${jsdocImage} */\n`
+    str += ` '${name}': string;\n`
+}
+str += '}\n'
+fs.writeFileSync('./src/react/pixelartIcons.generated.ts', str, 'utf8')
diff --git a/scripts/genShims.ts b/scripts/genShims.ts
new file mode 100644
index 00000000..2916044a
--- /dev/null
+++ b/scripts/genShims.ts
@@ -0,0 +1,37 @@
+import fs from 'fs'
+import { appReplacableResources } from '../src/resourcesSource'
+
+fs.mkdirSync('./generated', { recursive: true })
+
+// app resources
+
+let headerImports = ''
+let resourcesContent = 'export const appReplacableResources: { [key in Keys]: { content: any, resourcePackPath: string, cssVar?: string, cssVarRepeat?: number } } = {\n'
+let resourcesContentOriginal = 'export const resourcesContentOriginal = {\n'
+const keys = [] as string[]
+
+for (const resource of appReplacableResources) {
+  const { path, ...rest } = resource
+  const name = path.split('/').slice(-4).join('_').replace('.png', '').replaceAll('-', '_').replaceAll('.', '_')
+  keys.push(name)
+  headerImports += `import ${name} from '${path.replace('../node_modules/', '')}'\n`
+
+  resourcesContent += `
+  '${name}': {
+    content: ${name},
+    resourcePackPath: 'minecraft/textures/${path.slice(path.indexOf('other-textures/') + 'other-textures/'.length).split('/').slice(1).join('/')}',
+    ...${JSON.stringify(rest)}
+  },
+`
+  resourcesContentOriginal += `
+  '${name}': ${name},
+`
+}
+
+resourcesContent += '}\n'
+resourcesContent += `type Keys = ${keys.map(k => `'${k}'`).join(' | ')}\n`
+resourcesContentOriginal += '}\n'
+resourcesContent += resourcesContentOriginal
+
+fs.mkdirSync('./src/generated', { recursive: true })
+fs.writeFileSync('./src/generated/resources.ts', headerImports + '\n' + resourcesContent, 'utf8')
diff --git a/scripts/generateMoreCollisionShapes.mjs b/scripts/generateMoreCollisionShapes.mjs
deleted file mode 100644
index ee178478..00000000
--- a/scripts/generateMoreCollisionShapes.mjs
+++ /dev/null
@@ -1,209 +0,0 @@
-//@ts-check
-import minecraftData from 'minecraft-data'
-import minecraftAssets from 'minecraft-assets'
-import fs from 'fs'
-
-const latestVersion = minecraftData.versions.pc[0]
-
-const latestData = minecraftData(latestVersion.minecraftVersion)
-
-// dont touch, these are the ones that are already full box
-const fullBoxInteractionShapes = [
-  'dead_bush',
-  'cave_vines_plant',
-  'grass',
-  'tall_seagrass',
-  'spruce_sapling',
-  'oak_sapling',
-  'dark_oak_sapling',
-  'birch_sapling',
-  'seagrass',
-  'nether_portal',
-  'tall_grass',
-  'lilac',
-  'cobweb'
-]
-
-const ignoreStates = [
-  'mangrove_propagule',
-  'moving_piston'
-]
-
-// const
-
-// to fix
-const fullBoxInteractionShapesTemp = [
-  'moving_piston',
-  'lime_wall_banner',
-  'gray_wall_banner',
-  'weeping_vines_plant',
-  'pumpkin_stem',
-  'red_wall_banner',
-  'crimson_wall_sign',
-  'magenta_wall_banner',
-  'melon_stem',
-  'gray_banner',
-  'spruce_sign',
-  'pink_wall_banner',
-  'purple_banner',
-  'bamboo_sapling',
-  'mangrove_sign',
-  'cyan_banner',
-  'blue_banner',
-  'green_wall_banner',
-  'yellow_banner',
-  'black_wall_banner',
-  'green_banner',
-  'oak_sign',
-  'jungle_sign',
-  'yellow_wall_banner',
-  'lime_banner',
-  'tube_coral',
-  'red_banner',
-  'magenta_banner',
-  'brown_wall_banner',
-  'white_wall_banner',
-]
-
-const shapes = latestData.blockCollisionShapes
-const fullShape = shapes.shapes[1]
-const outputJson = {}
-
-let interestedBlocksNoStates = []
-let interestedBlocksStates = []
-
-const stateIgnoreStates = ['waterlogged']
-
-const isNonInteractive = block => block.name.includes('air') || block.name.includes('water') || block.name.includes('lava') || block.name.includes('void')
-const interestedBlocks = latestData.blocksArray.filter(block => {
-  const shapeId = shapes.blocks[block.name]
-  // console.log('shapeId', shapeId, block.name)
-  if (!shapeId) return true
-  const shape = typeof shapeId === 'number' ? shapes.shapes[shapeId] : shapeId
-  if (shape.length === 0) return true
-  // console.log(shape)
-}).filter(b => !isNonInteractive(b)).filter(b => {
-  if (fullBoxInteractionShapes.includes(b.name)) {
-    outputJson[b.name] = fullShape
-    return false
-  }
-
-  if (!b.states?.length || ignoreStates.includes(b.name) || b.states.every(s => stateIgnoreStates.every(state => s.name === state))) {
-    interestedBlocksNoStates.push(b.name)
-    return false
-  } else {
-    interestedBlocksStates.push(b.name)
-    return false
-  }
-}).map(d => d.name)
-
-const { blocksStates, blocksModels } = minecraftAssets(latestData.version.minecraftVersion)
-
-const getShapeFromModel = (block,) => {
-  const blockStates = JSON.parse(fs.readFileSync('./prismarine-viewer/public/blocksStates/1.19.1.json', 'utf8'))
-  const blockState = blockStates[block]
-  const perVariant = {}
-  for (const [key, variant] of Object.entries(blockState.variants)) {
-    // const shapes = (Array.isArray(variant) ? variant : [variant]).flatMap((v) => v.model?.elements).filter(Boolean).map(({ from, to }) => [...from, ...to]).reduce((acc, cur) => {
-    //     return [
-    //       Math.min(acc[0], cur[0]),
-    //       Math.min(acc[1], cur[1]),
-    //       Math.min(acc[2], cur[2]),
-    //       Math.max(acc[3], cur[3]),
-    //       Math.max(acc[4], cur[4]),
-    //       Math.max(acc[5], cur[5])
-    //     ]
-    // })
-    console.log(variant)
-    const shapes = (Array.isArray(variant) ? variant : [variant]).flatMap((v) => v.model?.elements).filter(Boolean).map(({ from, to }) => [...from, ...to])
-    perVariant[key] = shapes
-    break
-  }
-  return perVariant
-}
-
-// console.log(getShapeFromModel('oak_button'))
-
-// const addShapeIf = {
-//   redstone: [
-//     ['east', 'up', shape]
-//   ]
-// }
-
-const needBlocksStated = {}
-
-const groupedBlocksRules = {
-  // button: block => block.includes('button'),
-  // pressure_plate: block => block.includes('pressure_plate'),
-  // sign: block => block.includes('_sign'),
-  // sapling: block => block.includes('_sapling'),
-}
-const groupedBlocksOutput = {}
-
-outer: for (const interestedBlock of [...interestedBlocksNoStates, ...interestedBlocksStates]) {
-  for (const [block, func] of Object.entries(groupedBlocksRules)) {
-    if (func(interestedBlock)) {
-      groupedBlocksOutput[block] ??= []
-      groupedBlocksOutput[block].push(interestedBlock)
-      continue outer
-    }
-  }
-
-  const hasStates = interestedBlocksStates.includes(interestedBlock)
-  if (hasStates) {
-    const states = blocksStates[interestedBlock]
-    if (!states) {
-      console.log('no states', interestedBlock)
-      continue
-    }
-    if (!states.variants) {
-      if (!states.multipart) {
-        console.log('no variants', interestedBlock)
-        continue
-      }
-      let outputStates = {}
-      for (const { when } of states.multipart) {
-        if (when) {
-          for (const [key, value] of Object.entries(when)) {
-            if (key === 'OR') {
-              for (const or of value) {
-                for (const [key, value] of Object.entries(or)) {
-                  const str = `${key}=${value}`
-                  outputStates[str] = true
-                }
-              }
-              continue
-            }
-            const str = `${key}=${value}`
-            outputStates[str] = true
-          }
-        }
-      }
-      needBlocksStated[interestedBlock] = outputStates
-      continue
-    }
-    if (Object.keys(states.variants).length === 1 && states.variants['']) {
-      needBlocksStated[interestedBlock] = false
-    } else {
-      needBlocksStated[interestedBlock] = Object.fromEntries(Object.entries(states.variants).map(([key, value]) => [key, true]))
-    }
-  } else {
-    needBlocksStated[interestedBlock] = false
-  }
-  // let vars = []
-  // Object.keys(variants).forEach(variant => {
-  //   if (variant !== '') vars.push(variant)
-  // })
-  // needBlocksVariants.push({
-  //   block: interestedBlock,
-  //   variants: vars
-  // })
-}
-
-fs.writeFileSync('scripts/needBlocks.json', JSON.stringify(needBlocksStated))
-
-// console.log(interestedBlocks.includes('lever'))
-
-// read latest block states
-
-// read block model elements & combine
diff --git a/scripts/githubActions.mjs b/scripts/githubActions.mjs
index ab786ea9..3e8eb0f6 100644
--- a/scripts/githubActions.mjs
+++ b/scripts/githubActions.mjs
@@ -15,6 +15,17 @@ const fns = {
       // set github output
       setOutput('alias', alias[1])
     }
+  },
+  getReleasingAlias() {
+    const final = (ver) => `${ver}.mcraft.fun,${ver}.pcm.gg`
+    const releaseJson = JSON.parse(fs.readFileSync('./assets/release.json', 'utf8'))
+    const tag = releaseJson.latestTag
+    const [major, minor, patch] = tag.replace('v', '').split('.')
+    if (major === '0' && minor === '1') {
+      setOutput('alias', final(`v${patch}`))
+    } else {
+      setOutput('alias', final(tag))
+    }
   }
 }
 
diff --git a/scripts/makeOptimizedMcData.mjs b/scripts/makeOptimizedMcData.mjs
new file mode 100644
index 00000000..a572d067
--- /dev/null
+++ b/scripts/makeOptimizedMcData.mjs
@@ -0,0 +1,382 @@
+//@ts-check
+import { build } from 'esbuild'
+import { existsSync } from 'node:fs'
+import Module from "node:module"
+import { dirname } from 'node:path'
+import supportedVersions from '../src/supportedVersions.mjs'
+import { gzipSizeFromFileSync } from 'gzip-size'
+import fs from 'fs'
+import { default as _JsonOptimizer } from '../src/optimizeJson'
+import { gzipSync } from 'zlib'
+import MinecraftData from 'minecraft-data'
+import MCProtocol from 'minecraft-protocol'
+
+/** @type {typeof _JsonOptimizer} */
+//@ts-ignore
+const JsonOptimizer = _JsonOptimizer.default
+
+// console.log(a.diff_main(JSON.stringify({ a: 1 }), JSON.stringify({ a: 1, b: 2 })))
+
+const require = Module.createRequire(import.meta.url)
+
+const dataPaths = require('minecraft-data/minecraft-data/data/dataPaths.json')
+
+function toMajor(version) {
+  const [a, b] = (version + '').split('.')
+  return `${a}.${b}`
+}
+
+let versions = {}
+const dataTypes = new Set()
+
+for (const [version, dataSet] of Object.entries(dataPaths.pc)) {
+  if (!supportedVersions.includes(version)) continue
+  for (const type of Object.keys(dataSet)) {
+    dataTypes.add(type)
+  }
+  versions[version] = dataSet
+}
+
+const versionToNumber = (ver) => {
+  const [x, y = '0', z = '0'] = ver.split('.')
+  return +`${x.padStart(2, '0')}${y.padStart(2, '0')}${z.padStart(2, '0')}`
+}
+
+// Version clipping support
+const minVersion = process.env.MIN_MC_VERSION
+const maxVersion = process.env.MAX_MC_VERSION
+
+// Filter versions based on MIN_VERSION and MAX_VERSION if provided
+if (minVersion || maxVersion) {
+  const filteredVersions = {}
+  const minVersionNum = minVersion ? versionToNumber(minVersion) : 0
+  const maxVersionNum = maxVersion ? versionToNumber(maxVersion) : Infinity
+
+  for (const [version, dataSet] of Object.entries(versions)) {
+    const versionNum = versionToNumber(version)
+    if (versionNum >= minVersionNum && versionNum <= maxVersionNum) {
+      filteredVersions[version] = dataSet
+    }
+  }
+
+  versions = filteredVersions
+
+  console.log(`Version clipping applied: ${minVersion || 'none'} to ${maxVersion || 'none'}`)
+  console.log(`Processing ${Object.keys(versions).length} versions:`, Object.keys(versions).sort((a, b) => versionToNumber(a) - versionToNumber(b)))
+}
+
+console.log('Bundling version range:', Object.keys(versions)[0], 'to', Object.keys(versions).at(-1))
+
+// if not included here (even as {}) will not be bundled & accessible!
+// const compressedOutput = !!process.env.SINGLE_FILE_BUILD
+const compressedOutput = true
+const dataTypeBundling2 = {
+  blocks: {
+    arrKey: 'name',
+  },
+  items: {
+    arrKey: 'name',
+  },
+  recipes: {
+    processData: processRecipes
+  }
+}
+const dataTypeBundling = {
+  language: process.env.SKIP_MC_DATA_LANGUAGE === 'true' ? {
+    raw: {}
+  } : {
+    ignoreRemoved: true,
+    ignoreChanges: true
+  },
+  blocks: {
+    arrKey: 'name',
+    processData(current, prev, _, version) {
+      for (const block of current) {
+        const prevBlock = prev?.find(x => x.name === block.name)
+        if (block.transparent) {
+          const forceOpaque = block.name.includes('shulker_box') || block.name.match(/^double_.+_slab\d?$/) || ['melon_block', 'lit_pumpkin', 'lit_redstone_ore', 'lit_furnace'].includes(block.name)
+
+          if (forceOpaque || (prevBlock && !prevBlock.transparent)) {
+            block.transparent = false
+          }
+        }
+        if (block.hardness === 0 && prevBlock && prevBlock.hardness > 0) {
+          block.hardness = prevBlock.hardness
+        }
+      }
+    }
+    // ignoreRemoved: true,
+    // genChanges (source, diff) {
+    //   const diffs = {}
+    //   const newItems = {}
+    //   for (const [key, val] of Object.entries(diff)) {
+    //     const src = source[key]
+    //     if (!src) {
+    //       newItems[key] = val
+    //       continue
+    //     }
+    //     const { minStateId, defaultState, maxStateId } = val
+    //     if (defaultState === undefined || minStateId === src.minStateId || maxStateId === src.maxStateId || defaultState === src.defaultState) continue
+    //     diffs[key] = [minStateId, defaultState, maxStateId]
+    //   }
+    //   return {
+    //     stateChanges: diffs
+    //   }
+    // },
+    // ignoreChanges: true
+  },
+  items: {
+    arrKey: 'name'
+  },
+  attributes: {
+    arrKey: 'name'
+  },
+  particles: {
+    arrKey: 'name'
+  },
+  effects: {
+    arrKey: 'name'
+  },
+  enchantments: {
+    arrKey: 'name'
+  },
+  instruments: {
+    arrKey: 'name'
+  },
+  foods: {
+    arrKey: 'name'
+  },
+  entities: {
+    arrKey: 'id+type'
+  },
+  materials: {},
+  windows: {
+    arrKey: 'name'
+  },
+  version: {
+    raw: true
+  },
+  tints: {},
+  biomes: {
+    arrKey: 'name'
+  },
+  entityLoot: {
+    arrKey: 'entity'
+  },
+  blockLoot: {
+    arrKey: 'block'
+  },
+  recipes: process.env.SKIP_MC_DATA_RECIPES === 'true' ? {
+    raw: {}
+  } : {
+    raw: true
+    // processData: processRecipes
+  },
+  blockCollisionShapes: {},
+  loginPacket: {},
+  protocol: {
+    raw: true
+  },
+  // sounds: {
+  //   arrKey: 'name'
+  // }
+}
+
+function processRecipes(current, prev, getData, version) {
+  // can require the same multiple times per different versions
+  if (current._proccessed) return
+  const items = getData('items')
+  const blocks = getData('blocks')
+  const itemsIdsMap = Object.fromEntries(items.map((b) => [b.id, b.name]))
+  const blocksIdsMap = Object.fromEntries(blocks.map((b) => [b.id, b.name]))
+  for (const key of Object.keys(current)) {
+    const mapId = (id) => {
+      if (typeof id !== 'string' && typeof id !== 'number') throw new Error('Incorrect type')
+      const mapped = itemsIdsMap[id] ?? blocksIdsMap[id]
+      if (!mapped) {
+        throw new Error(`No item/block name with id ${id}`)
+      }
+      return mapped
+    }
+    const processRecipe = (obj) => {
+      // if (!obj) return
+      // if (Array.isArray(obj)) {
+      //   obj.forEach((id, i) => {
+      //     obj[i] = mapId(obj[id])
+      //   })
+      // } else if (obj && typeof obj === 'object') {
+      //   if (!'count metadata id'.split(' ').every(x => x in obj)) {
+      //     throw new Error(`process error: Unknown deep object pattern: ${JSON.stringify(obj)}`)
+      //   }
+      //   obj.id = mapId(obj.id)
+      // } else {
+      //   throw new Error('unknown type')
+      // }
+      const parseRecipeItem = (item) => {
+        if (typeof item === 'number') return mapId(item)
+        if (Array.isArray(item)) return [mapId(item), ...item.slice(1)]
+        if (!item) {
+          return item
+        }
+        if ('id' in item) {
+          item.id = mapId(item.id)
+          return item
+        }
+        throw new Error('unhandled')
+      }
+      const maybeProccessShape = (shape) => {
+        if (!shape) return
+        for (const shapeRow of shape) {
+          for (const [i, item] of shapeRow.entries()) {
+            shapeRow[i] = parseRecipeItem(item)
+          }
+        }
+      }
+      if (obj.result) obj.result = parseRecipeItem(obj.result)
+      maybeProccessShape(obj.inShape)
+      maybeProccessShape(obj.outShape)
+      if (obj.ingredients) {
+        for (const [i, ingredient] of obj.ingredients.entries()) {
+          obj.ingredients[i] = parseRecipeItem(ingredient)
+        }
+      }
+    }
+    try {
+      const name = mapId(key)
+      for (const [i, recipe] of current[key].entries()) {
+        try {
+          processRecipe(recipe)
+        } catch (err) {
+          console.warn(`${version} [warn] Removing incorrect recipe: ${err}`)
+          delete current[i]
+        }
+      }
+      current[name] = current[key]
+    } catch (err) {
+      console.warn(`${version} [warn] Removing incorrect recipe: ${err}`)
+    }
+    delete current[key]
+  }
+  current._proccessed = true
+}
+
+const notBundling = [...dataTypes.keys()].filter(x => !Object.keys(dataTypeBundling).includes(x))
+console.log("Not bundling minecraft-data data:", notBundling)
+
+let previousData = {}
+// /** @type {Record<string, JsonOptimizer>} */
+const diffSources = {}
+const versionsArr = Object.entries(versions)
+const sizePerDataType = {}
+const rawDataVersions = {}
+// const versionsArr = Object.entries(versions).slice(-1)
+for (const [i, [version, dataSet]] of versionsArr.reverse().entries()) {
+  for (const [dataType, dataPath] of Object.entries(dataSet)) {
+    const config = dataTypeBundling[dataType]
+    if (!config) continue
+    const ignoreCollisionShapes = dataType === 'blockCollisionShapes' && versionToNumber(version) >= versionToNumber('1.13')
+
+    let injectCode = ''
+    const getRealData = (type) => {
+      const loc = `minecraft-data/data/${dataSet[type]}/`
+      const dataPathAbsolute = require.resolve(`minecraft-data/${loc}${type}`)
+      // const data = fs.readFileSync(dataPathAbsolute, 'utf8')
+      const dataRaw = require(dataPathAbsolute)
+      return dataRaw
+    }
+    const dataRaw = getRealData(dataType)
+    let rawData = dataRaw
+    if (config.raw) {
+      rawDataVersions[dataType] ??= {}
+      rawDataVersions[dataType][version] = rawData
+      if (config.raw === true) {
+        rawData = dataRaw
+      } else {
+        rawData = config.raw
+      }
+
+      if (ignoreCollisionShapes && dataType === 'blockCollisionShapes') {
+        rawData = {
+          blocks: {},
+          shapes: {}
+        }
+      }
+    } else {
+      if (!diffSources[dataType]) {
+        diffSources[dataType] = new JsonOptimizer(config.arrKey, config.ignoreChanges, config.ignoreRemoved)
+      }
+      try {
+        config.processData?.(dataRaw, previousData[dataType], getRealData, version)
+        diffSources[dataType].recordDiff(version, dataRaw)
+        injectCode = `restoreDiff(sources, ${JSON.stringify(dataType)}, ${JSON.stringify(version)})`
+      } catch (err) {
+        const error = new Error(`Failed to diff ${dataType} for ${version}: ${err.message}`)
+        error.stack = err.stack
+        throw error
+      }
+    }
+    sizePerDataType[dataType] ??= 0
+    sizePerDataType[dataType] += Buffer.byteLength(JSON.stringify(injectCode || rawData), 'utf8')
+    if (config.genChanges && previousData[dataType]) {
+      const changes = config.genChanges(previousData[dataType], dataRaw)
+      // Object.assign(data, changes)
+    }
+    previousData[dataType] = dataRaw
+  }
+}
+const sources = Object.fromEntries(Object.entries(diffSources).map(x => {
+  const data = x[1].export()
+  // const data = {}
+  sizePerDataType[x[0]] += Buffer.byteLength(JSON.stringify(data), 'utf8')
+  return [x[0], data]
+}))
+Object.assign(sources, rawDataVersions)
+sources.versionKey = require('minecraft-data/package.json').version
+
+const totalSize = Object.values(sizePerDataType).reduce((acc, val) => acc + val, 0)
+console.log('total size (mb)', totalSize / 1024 / 1024)
+console.log(
+  'size per data type (mb, %)',
+  Object.fromEntries(Object.entries(sizePerDataType).map(([dataType, size]) => {
+    return [dataType, [size / 1024 / 1024, Math.round(size / totalSize * 100)]]
+  }).sort((a, b) => {
+    //@ts-ignore
+    return b[1][1] - a[1][1]
+  }))
+)
+
+function compressToBase64(input) {
+  const buffer = gzipSync(input)
+  return buffer.toString('base64')
+}
+
+const filePath = './generated/minecraft-data-optimized.json'
+fs.writeFileSync(filePath, JSON.stringify(sources), 'utf8')
+if (compressedOutput) {
+  const minizedCompressed = compressToBase64(fs.readFileSync(filePath))
+  console.log('size of compressed', Buffer.byteLength(minizedCompressed, 'utf8') / 1000 / 1000)
+  const compressedFilePath = './generated/mc-data-compressed.js'
+  fs.writeFileSync(compressedFilePath, `export default ${JSON.stringify(minizedCompressed)}`, 'utf8')
+
+  const mcAssets = JSON.stringify(require('mc-assets/dist/blockStatesModels.json'))
+  fs.writeFileSync('./generated/mc-assets-compressed.js', `export default ${JSON.stringify(compressToBase64(mcAssets))}`, 'utf8')
+
+  // const modelsObj = fs.readFileSync('./prismarine-renderer/viewer/lib/entity/exportedModels.js')
+  // const models =
+}
+
+console.log('size', fs.lstatSync(filePath).size / 1000 / 1000, gzipSizeFromFileSync(filePath) / 1000 / 1000)
+
+// always bundled
+
+const { defaultVersion } = MCProtocol
+const data = MinecraftData(defaultVersion)
+console.log('defaultVersion', defaultVersion, !!data)
+const initialMcData = {
+  [defaultVersion]: {
+    version: data.version,
+    protocol: data.protocol,
+  }
+}
+
+// fs.writeFileSync('./generated/minecraft-initial-data.json', JSON.stringify(initialMcData), 'utf8')
diff --git a/scripts/optimizeBlockCollisions.ts b/scripts/optimizeBlockCollisions.ts
index 8a87b358..251a564a 100644
--- a/scripts/optimizeBlockCollisions.ts
+++ b/scripts/optimizeBlockCollisions.ts
@@ -48,7 +48,9 @@ for (const version of [...supportedVersions].reverse()) {
     console.log('using blockCollisionShapes of version', version)
     const data = JSON.parse(fs.readFileSync(dataPath, 'utf8'))
     data.version = version
+    data.versionKey = require('minecraft-data/package.json').version
     processData(data)
+    fs.mkdirSync('./generated', { recursive: true })
     fs.writeFileSync('./generated/latestBlockCollisionsShapes.json', JSON.stringify(data), 'utf8')
     break
   }
diff --git a/scripts/patchAssets.ts b/scripts/patchAssets.ts
new file mode 100644
index 00000000..99994f5f
--- /dev/null
+++ b/scripts/patchAssets.ts
@@ -0,0 +1,137 @@
+import blocksAtlas from 'mc-assets/dist/blocksAtlases.json'
+import itemsAtlas from 'mc-assets/dist/itemsAtlases.json'
+import * as fs from 'fs'
+import * as path from 'path'
+import sharp from 'sharp'
+
+interface AtlasFile {
+  latest: {
+    suSv: number
+    tileSize: number
+    width: number
+    height: number
+    textures: {
+      [key: string]: {
+        u: number
+        v: number
+        su: number
+        sv: number
+        tileIndex: number
+      }
+    }
+  }
+}
+
+async function patchTextureAtlas(
+  atlasType: 'blocks' | 'items',
+  atlasData: AtlasFile,
+  customTexturesDir: string,
+  distDir: string
+) {
+  // Check if custom textures directory exists and has files
+  if (!fs.existsSync(customTexturesDir) || fs.readdirSync(customTexturesDir).length === 0) {
+    return
+  }
+
+  // Find the latest atlas file
+  const atlasFiles = fs.readdirSync(distDir)
+    .filter(file => file.startsWith(`${atlasType}AtlasLatest`) && file.endsWith('.png'))
+    .sort()
+
+  if (atlasFiles.length === 0) {
+    console.log(`No ${atlasType}AtlasLatest.png found in ${distDir}`)
+    return
+  }
+
+  const latestAtlasFile = atlasFiles[atlasFiles.length - 1]
+  const atlasPath = path.join(distDir, latestAtlasFile)
+  console.log(`Patching ${atlasPath}`)
+
+  // Get atlas dimensions
+  const atlasMetadata = await sharp(atlasPath).metadata()
+  if (!atlasMetadata.width || !atlasMetadata.height) {
+    throw new Error(`Failed to get atlas dimensions for ${atlasPath}`)
+  }
+
+  // Process each custom texture
+  const customTextureFiles = fs.readdirSync(customTexturesDir)
+    .filter(file => file.endsWith('.png'))
+
+  if (customTextureFiles.length === 0) return
+
+  // Prepare composite operations
+  const composites: sharp.OverlayOptions[] = []
+
+  for (const textureFile of customTextureFiles) {
+    const textureName = path.basename(textureFile, '.png')
+
+    if (atlasData.latest.textures[textureName]) {
+      const textureData = atlasData.latest.textures[textureName]
+      const customTexturePath = path.join(customTexturesDir, textureFile)
+
+      try {
+        // Convert UV coordinates to pixel coordinates
+        const x = Math.round(textureData.u * atlasMetadata.width)
+        const y = Math.round(textureData.v * atlasMetadata.height)
+        const width = Math.round((textureData.su ?? atlasData.latest.suSv) * atlasMetadata.width)
+        const height = Math.round((textureData.sv ?? atlasData.latest.suSv) * atlasMetadata.height)
+
+        // Resize custom texture to match atlas dimensions and add to composite operations
+        const resizedTextureBuffer = await sharp(customTexturePath)
+          .resize(width, height, {
+            fit: 'fill',
+            kernel: 'nearest' // Preserve pixel art quality
+          })
+          .png()
+          .toBuffer()
+
+        composites.push({
+          input: resizedTextureBuffer,
+          left: x,
+          top: y,
+          blend: 'over'
+        })
+
+        console.log(`Prepared ${textureName} at (${x}, ${y}) with size (${width}, ${height})`)
+      } catch (error) {
+        console.error(`Failed to prepare ${textureName}:`, error)
+      }
+    } else {
+      console.warn(`Texture ${textureName} not found in ${atlasType} atlas`)
+    }
+  }
+
+  if (composites.length > 0) {
+    // Apply all patches at once using Sharp's composite
+    await sharp(atlasPath)
+      .composite(composites)
+      .png()
+      .toFile(atlasPath + '.tmp')
+
+    // Replace original with patched version
+    fs.renameSync(atlasPath + '.tmp', atlasPath)
+    console.log(`Saved patched ${atlasType} atlas to ${atlasPath}`)
+  }
+}
+
+async function main() {
+  const customBlocksDir = './assets/customTextures/blocks'
+  const customItemsDir = './assets/customTextures/items'
+  const distDir = './dist/static/image'
+
+  try {
+    // Patch blocks atlas
+    await patchTextureAtlas('blocks', blocksAtlas as unknown as AtlasFile, customBlocksDir, distDir)
+
+    // Patch items atlas
+    await patchTextureAtlas('items', itemsAtlas as unknown as AtlasFile, customItemsDir, distDir)
+
+    console.log('Texture atlas patching completed!')
+  } catch (error) {
+    console.error('Failed to patch texture atlases:', error)
+    process.exit(1)
+  }
+}
+
+// Run the script
+main()
diff --git a/scripts/prepareData.mjs b/scripts/prepareData.mjs
deleted file mode 100644
index ab92499e..00000000
--- a/scripts/prepareData.mjs
+++ /dev/null
@@ -1,72 +0,0 @@
-//@ts-check
-import { build } from 'esbuild'
-import { existsSync } from 'node:fs'
-import Module from "node:module"
-import { dirname } from 'node:path'
-import supportedVersions from '../src/supportedVersions.mjs'
-
-if (existsSync('dist/mc-data') && !process.argv.includes('-f')) {
-  console.log('using cached prepared data')
-  process.exit(0)
-}
-
-const require = Module.createRequire(import.meta.url)
-
-const dataPaths = require('minecraft-data/minecraft-data/data/dataPaths.json')
-
-function toMajor (version) {
-  const [a, b] = (version + '').split('.')
-  return `${a}.${b}`
-}
-
-const grouped = {}
-
-for (const [version, data] of Object.entries(dataPaths.pc)) {
-  if (!supportedVersions.includes(version)) continue
-  const major = toMajor(version)
-  grouped[major] ??= {}
-  grouped[major][version] = data
-}
-
-const versionToNumber = (ver) => {
-  const [x, y = '0', z = '0'] = ver.split('.')
-  return +`${x.padStart(2, '0')}${y.padStart(2, '0')}${z.padStart(2, '0')}`
-}
-
-console.log('preparing data')
-console.time('data prepared')
-let builds = []
-for (const [major, versions] of Object.entries(grouped)) {
-  // if (major !== '1.19') continue
-  let contents = 'Object.assign(window.mcData, {\n'
-  for (const [version, dataSet] of Object.entries(versions)) {
-    contents += `    '${version}': {\n`
-    for (const [dataType, dataPath] of Object.entries(dataSet)) {
-      if (dataType === 'blockCollisionShapes' && versionToNumber(version) >= versionToNumber('1.13')) {
-        contents += `      get ${dataType} () { return window.globalGetCollisionShapes?.("${version}") },\n`
-        continue
-      }
-      const loc = `minecraft-data/data/${dataPath}/`
-      contents += `      get ${dataType} () { return require("./${loc}${dataType}.json") },\n`
-    }
-    contents += '    },\n'
-  }
-  contents += '})'
-
-  const promise = build({
-    bundle: true,
-    outfile: `dist/mc-data/${major}.js`,
-    stdin: {
-      contents,
-
-      resolveDir: dirname(require.resolve('minecraft-data')),
-      sourcefile: `mcData${major}.js`,
-      loader: 'js',
-    },
-    metafile: true,
-  })
-  // require('fs').writeFileSync('dist/mc-data/metafile.json', JSON.stringify(promise.metafile), 'utf8')
-  builds.push(promise)
-}
-await Promise.all(builds)
-console.timeEnd('data prepared')
diff --git a/scripts/prepareSounds.mjs b/scripts/prepareSounds.mjs
index 8f3e5bef..02026a04 100644
--- a/scripts/prepareSounds.mjs
+++ b/scripts/prepareSounds.mjs
@@ -7,29 +7,40 @@ import { fileURLToPath } from 'url'
 import { exec } from 'child_process'
 import { promisify } from 'util'
 import { build } from 'esbuild'
+import supportedVersions from '../src/supportedVersions.mjs'
 
 const __dirname = path.dirname(fileURLToPath(new URL(import.meta.url)))
 
-const targetedVersions = ['1.20.1', '1.19.2', '1.18.2', '1.17.1', '1.16.5', '1.15.2', '1.14.4', '1.13.2', '1.12.2', '1.11.2', '1.10.2', '1.9.4', '1.8.9']
+export const versionToNumber = (ver) => {
+  const [x, y = '0', z = '0'] = ver.split('.')
+  return +`${x.padStart(2, '0')}${y.padStart(2, '0')}${z.padStart(2, '0')}`
+}
+
+const targetedVersions = [...supportedVersions].sort((a, b) => versionToNumber(b) - versionToNumber(a))
 
 /** @type {{name, size, hash}[]} */
 let prevSounds = null
 
 const burgerDataUrl = (version) => `https://raw.githubusercontent.com/Pokechu22/Burger/gh-pages/${version}.json`
 const burgerDataPath = './generated/burger.json'
+const EXISTING_CACHE_PATH = './generated/existing-sounds-cache.json'
 
 // const perVersionData: Record<string, { removed: string[],
 
 const soundsPathVersionsRemap = {}
 
-const downloadAllSounds = async () => {
+const downloadAllSoundsAndCreateMap = async () => {
+  let existingSoundsCache = {}
+  try {
+    existingSoundsCache = JSON.parse(await fs.promises.readFile(EXISTING_CACHE_PATH, 'utf8'))
+  } catch (err) {}
   const { versions } = await getVersionList()
   const lastVersion = versions.filter(version => !version.id.includes('w'))[0]
   // if (lastVersion.id !== targetedVersions[0]) throw new Error('last version is not the same as targetedVersions[0], update')
-  for (const targetedVersion of targetedVersions) {
-    const versionData = versions.find(x => x.id === targetedVersion)
-    if (!versionData) throw new Error('no version data for ' + targetedVersion)
-    console.log('Getting assets for version', targetedVersion)
+  for (const version of targetedVersions) {
+    const versionData = versions.find(x => x.id === version)
+    if (!versionData) throw new Error('no version data for ' + version)
+    console.log('Getting assets for version', version)
     const { assetIndex } = await fetch(versionData.url).then((r) => r.json())
     /** @type {{objects: {[a: string]: { size, hash }}}} */
     const index = await fetch(assetIndex.url).then((r) => r.json())
@@ -45,26 +56,30 @@ const downloadAllSounds = async () => {
       const changedSize = soundAssets.filter(x => prevSoundNames.has(x.name) && prevSounds.find(y => y.name === x.name).size !== x.size)
       console.log('changed size', changedSize.map(x => ({ name: x.name, prev: prevSounds.find(y => y.name === x.name).size, curr: x.size })))
       if (addedSounds.length || changedSize.length) {
-        soundsPathVersionsRemap[targetedVersion] = [...addedSounds, ...changedSize].map(x => x.name.replace('minecraft/sounds/', '').replace('.ogg', ''))
+        soundsPathVersionsRemap[version] = [...addedSounds, ...changedSize].map(x => x.name.replace('minecraft/sounds/', '').replace('.ogg', ''))
       }
       if (addedSounds.length) {
-        console.log('downloading new sounds for version', targetedVersion)
-        downloadSounds(addedSounds, targetedVersion + '/')
+        console.log('downloading new sounds for version', version)
+        downloadSounds(version, addedSounds, version + '/')
       }
       if (changedSize.length) {
-        console.log('downloading changed sounds for version', targetedVersion)
-        downloadSounds(changedSize, targetedVersion + '/')
+        console.log('downloading changed sounds for version', version)
+        downloadSounds(version, changedSize, version + '/')
       }
     } else {
-      console.log('downloading sounds for version', targetedVersion)
-      downloadSounds(soundAssets)
+      console.log('downloading sounds for version', version)
+      downloadSounds(version, soundAssets)
     }
     prevSounds = soundAssets
   }
   async function downloadSound({ name, hash, size }, namePath, log) {
+    const cached =
+      !!namePath.replace('.ogg', '.mp3').split('/').reduce((acc, cur) => acc?.[cur], existingSoundsCache.sounds) ||
+      !!namePath.replace('.ogg', '.ogg').split('/').reduce((acc, cur) => acc?.[cur], existingSoundsCache.sounds)
     const savePath = path.resolve(`generated/sounds/${namePath}`)
-    if (fs.existsSync(savePath)) {
+    if (cached || fs.existsSync(savePath)) {
       // console.log('skipped', name)
+      existingSoundsCache.sounds[namePath] = true
       return
     }
     log()
@@ -86,7 +101,12 @@ const downloadAllSounds = async () => {
     }
     writer.close()
   }
-  async function downloadSounds(assets, addPath = '') {
+  async function downloadSounds(version, assets, addPath = '') {
+    if (addPath && existingSoundsCache.sounds[version]) {
+      console.log('using existing sounds for version', version)
+      return
+    }
+    console.log(version, 'have to download', assets.length, 'sounds')
     for (let i = 0; i < assets.length; i += 5) {
       await Promise.all(assets.slice(i, i + 5).map((asset, j) => downloadSound(asset, `${addPath}${asset.name}`, () => {
         console.log('downloading', addPath, asset.name, i + j, '/', assets.length)
@@ -95,6 +115,7 @@ const downloadAllSounds = async () => {
   }
 
   fs.writeFileSync('./generated/soundsPathVersionsRemap.json', JSON.stringify(soundsPathVersionsRemap), 'utf8')
+  fs.writeFileSync(EXISTING_CACHE_PATH, JSON.stringify(existingSoundsCache), 'utf8')
 }
 
 const lightpackOverrideSounds = {
@@ -106,7 +127,8 @@ const lightpackOverrideSounds = {
 // this is not done yet, will be used to select only sounds for bundle (most important ones)
 const isSoundWhitelisted = (name) => name.startsWith('random/') || name.startsWith('note/') || name.endsWith('/say1') || name.endsWith('/death') || (name.startsWith('mob/') && name.endsWith('/step1')) || name.endsWith('/swoop1') || /* name.endsWith('/break1') || */ name.endsWith('dig/stone1')
 
-const ffmpeg = 'C:/Users/Vitaly/Documents/LosslessCut-win-x64/resources/ffmpeg.exe' // will be ffmpeg-static
+// const ffmpeg = 'C:/Users/Vitaly/Documents/LosslessCut-win-x64/resources/ffmpeg.exe' // can be ffmpeg-static
+const ffmpegExec = 'ffmpeg'
 const maintainBitrate = true
 
 const scanFilesDeep = async (root, onOggFile) => {
@@ -127,8 +149,9 @@ const convertSounds = async () => {
   })
 
   const convertSound = async (i) => {
-    const proc = promisify(exec)(`${ffmpeg} -i "${toConvert[i]}" -y -codec:a libmp3lame ${maintainBitrate ? '-qscale:a 2' : ''} "${toConvert[i].replace('.ogg', '.mp3')}"`)
+    const proc = promisify(exec)(`${ffmpegExec} -i "${toConvert[i]}" -y -codec:a libmp3lame ${maintainBitrate ? '-qscale:a 2' : ''} "${toConvert[i].replace('.ogg', '.mp3')}"`)
     // pipe stdout to the console
+    //@ts-ignore
     proc.child.stdout.pipe(process.stdout)
     await proc
     console.log('converted to mp3', i, '/', toConvert.length, toConvert[i])
@@ -147,17 +170,44 @@ const getSoundsMap = (burgerData) => {
 }
 
 const writeSoundsMap = async () => {
-  // const burgerData = await fetch(burgerDataUrl(targetedVersions[0])).then((r) => r.json())
-  // fs.writeFileSync(burgerDataPath, JSON.stringify(burgerData[0].sounds), 'utf8')
+  const burgerData = await fetch(burgerDataUrl(targetedVersions[0])).then((r) => r.json())
+  fs.writeFileSync(burgerDataPath, JSON.stringify(burgerData[0].sounds), 'utf8')
 
   const allSoundsMapOutput = {}
   let prevMap
 
   // todo REMAP ONLY IDS. Do diffs, as mostly only ids are changed between versions
   // const localTargetedVersions = targetedVersions.slice(0, 2)
+  let lastMappingsJson
   const localTargetedVersions = targetedVersions
-  for (const targetedVersion of localTargetedVersions) {
-    const burgerData = await fetch(burgerDataUrl(targetedVersion)).then((r) => r.json())
+  for (const targetedVersion of [...localTargetedVersions].reverse()) {
+    console.log('Processing version', targetedVersion)
+
+    const burgerData = await fetch(burgerDataUrl(targetedVersion)).then((r) => r.json()).catch((err) => {
+      // console.error('error fetching burger data', targetedVersion, err)
+      return null
+    })
+    /** @type {{sounds: string[]}} */
+    const mappingJson = await fetch(`https://raw.githubusercontent.com/ViaVersion/Mappings/7a45c1f9dbc1f1fdadacfecdb205ba84e55766fc/mappings/mapping-${targetedVersion}.json`).then(async (r) => {
+      return r.json()
+      // lastMappingsJson = r.status === 404 ? lastMappingsJson : (await r.json())
+      // if (r.status === 404) {
+      //   console.warn('using prev mappings json for ' + targetedVersion)
+      // }
+      // return lastMappingsJson
+    }).catch((err) => {
+      // console.error('error fetching mapping json', targetedVersion, err)
+      return null
+    })
+    // if (!mappingJson) throw new Error('no initial mapping json for ' + targetedVersion)
+    if (burgerData && !mappingJson) {
+      console.warn('has burger but no mapping json for ' + targetedVersion)
+      continue
+    }
+    if (!mappingJson || !burgerData) {
+      console.warn('no mapping json or burger data for ' + targetedVersion)
+      continue
+    }
     const allSoundsMap = getSoundsMap(burgerData)
     // console.log(Object.keys(sounds).length, 'ids')
     const outputIdMap = {}
@@ -168,22 +218,33 @@ const writeSoundsMap = async () => {
       new: 0,
       same: 0
     }
-    for (const { id, subtitle, sounds, name } of Object.values(allSoundsMap)) {
+    for (const { _id, subtitle, sounds, name } of Object.values(allSoundsMap)) {
       if (!sounds?.length /* && !subtitle */) continue
       const firstName = sounds[0].name
       // const includeSound = isSoundWhitelisted(firstName)
       // if (!includeSound) continue
       const mostUsedSound = sounds.sort((a, b) => b.weight - a.weight)[0]
-      const targetSound = sounds[0]
       // outputMap[id] = { subtitle, sounds: mostUsedSound }
       // outputMap[id] = { subtitle, sounds }
-      const soundFilePath = `generated/sounds/minecraft/sounds/${targetSound.name}.mp3`
+      // const soundFilePath = `generated/sounds/minecraft/sounds/${targetSound.name}.mp3`
       // if (!fs.existsSync(soundFilePath)) {
       //   console.warn('no sound file', targetSound.name)
       //   continue
       // }
+      let outputUseSoundLine = []
+      const minWeight = sounds.reduce((acc, cur) => cur.weight ? Math.min(acc, cur.weight) : acc, sounds[0].weight ?? 1)
+      if (isNaN(minWeight)) debugger
+      for (const sound of sounds) {
+        if (sound.weight && isNaN(sound.weight)) debugger
+        outputUseSoundLine.push(`${sound.volume ?? 1};${sound.name};${sound.weight ?? minWeight}`)
+      }
+      const id = mappingJson.sounds.findIndex(x => x === name)
+      if (id === -1) {
+        console.warn('no id for sound', name, targetedVersion)
+        continue
+      }
       const key = `${id};${name}`
-      outputIdMap[key] = `${targetSound.volume ?? 1};${targetSound.name}`
+      outputIdMap[key] = outputUseSoundLine.join(',')
       if (prevMap && prevMap[key]) {
         keysStats.same++
       } else {
@@ -218,10 +279,11 @@ const writeSoundsMap = async () => {
 const makeSoundsBundle = async () => {
   const allSoundsMap = JSON.parse(fs.readFileSync('./generated/sounds.json', 'utf8'))
   const allSoundsVersionedMap = JSON.parse(fs.readFileSync('./generated/soundsPathVersionsRemap.json', 'utf8'))
+  if (!process.env.REPO_SLUG) throw new Error('REPO_SLUG is not set')
 
   const allSoundsMeta = {
     format: 'mp3',
-    baseUrl: 'https://raw.githubusercontent.com/zardoy/minecraft-web-client/sounds-generated/sounds/'
+    baseUrl: `https://raw.githubusercontent.com/${process.env.REPO_SLUG}/sounds/sounds/`
   }
 
   await build({
@@ -235,9 +297,25 @@ const makeSoundsBundle = async () => {
     },
     metafile: true,
   })
+  // copy also to generated/sounds.js
+  fs.copyFileSync('./dist/sounds.js', './generated/sounds.js')
 }
 
-// downloadAllSounds()
-// convertSounds()
-// writeSoundsMap()
-// makeSoundsBundle()
+const action = process.argv[2]
+if (action) {
+  const execFn = {
+    download: downloadAllSoundsAndCreateMap,
+    convert: convertSounds,
+    write: writeSoundsMap,
+    bundle: makeSoundsBundle,
+  }[action]
+
+  if (execFn) {
+    execFn()
+  }
+} else {
+  // downloadAllSoundsAndCreateMap()
+  // convertSounds()
+  writeSoundsMap()
+  // makeSoundsBundle()
+}
diff --git a/scripts/replaceFavicon.mjs b/scripts/replaceFavicon.mjs
new file mode 100644
index 00000000..0c60d26d
--- /dev/null
+++ b/scripts/replaceFavicon.mjs
@@ -0,0 +1,8 @@
+import fs from 'fs'
+
+const faviconUrl = process.argv[2]
+
+// save to assets/favicon.png
+fetch(faviconUrl).then(res => res.arrayBuffer()).then(buffer => {
+  fs.writeFileSync('assets/favicon.png', Buffer.from(buffer))
+})
diff --git a/scripts/requestData.ts b/scripts/requestData.ts
new file mode 100644
index 00000000..dc866a1b
--- /dev/null
+++ b/scripts/requestData.ts
@@ -0,0 +1,42 @@
+import WebSocket from 'ws'
+
+function formatBytes(bytes: number) {
+  return `${(bytes).toFixed(2)} MB`
+}
+
+function formatTime(ms: number) {
+  return `${(ms / 1000).toFixed(2)}s`
+}
+
+const ws = new WebSocket('ws://localhost:8081')
+
+ws.on('open', () => {
+  console.log('Connected to metrics server, waiting for metrics...')
+})
+
+ws.on('message', (data) => {
+  try {
+    const metrics = JSON.parse(data.toString())
+    console.log('\nPerformance Metrics:')
+    console.log('------------------')
+    console.log(`Load Time: ${formatTime(metrics.loadTime)}`)
+    console.log(`Memory Usage: ${formatBytes(metrics.memoryUsage)}`)
+    console.log(`Timestamp: ${new Date(metrics.timestamp).toLocaleString()}`)
+    if (!process.argv.includes('-f')) { // follow mode
+      process.exit(0)
+    }
+  } catch (error) {
+    console.error('Error parsing metrics:', error)
+  }
+})
+
+ws.on('error', (error) => {
+  console.error('WebSocket error:', error)
+  process.exit(1)
+})
+
+// Exit if no metrics received after 5 seconds
+setTimeout(() => {
+  console.error('Timeout waiting for metrics')
+  process.exit(1)
+}, 5000)
diff --git a/scripts/test-texturepack-files.mjs b/scripts/test-texturepack-files.mjs
deleted file mode 100644
index 0446a2fe..00000000
--- a/scripts/test-texturepack-files.mjs
+++ /dev/null
@@ -1,16 +0,0 @@
-import fs from 'fs'
-import minecraftAssets from 'minecraft-assets'
-
-const gen = JSON.parse(fs.readFileSync('./blocks.json', 'utf8'))
-
-const version = '1.8.8'
-const { blockNames, indexes } = gen
-
-const blocksActual = indexes[version].map((i) => blockNames[i])
-
-const blocksExpected = fs.readdirSync(minecraftAssets(version).directory + '/blocks')
-for (const [i, item] of blocksActual.entries()) {
-    if (item !== blocksExpected[i]) {
-        console.log('not equal at', i)
-    }
-}
diff --git a/scripts/testOptimizedMcdata.ts b/scripts/testOptimizedMcdata.ts
new file mode 100644
index 00000000..7c94fac2
--- /dev/null
+++ b/scripts/testOptimizedMcdata.ts
@@ -0,0 +1,116 @@
+import assert from 'assert'
+import JsonOptimizer, { restoreMinecraftData } from '../src/optimizeJson';
+import fs from 'fs'
+import minecraftData from 'minecraft-data'
+
+const json = JSON.parse(fs.readFileSync('./generated/minecraft-data-optimized.json', 'utf8'))
+
+const dataPaths = require('minecraft-data/minecraft-data/data/dataPaths.json')
+
+const validateData = (ver, type) => {
+  const target = restoreMinecraftData(structuredClone(json), type, ver)
+  const arrKey = json[type].arrKey
+  const originalPath = dataPaths.pc[ver][type]
+  const original = require(`minecraft-data/minecraft-data/data/${originalPath}/${type}.json`)
+  if (arrKey) {
+    const originalKeys = original.map(a => JsonOptimizer.getByArrKey(a, arrKey)) as string[]
+    for (const [i, item] of originalKeys.entries()) {
+      if (originalKeys.indexOf(item) !== i) {
+        console.warn(`${type} ${ver} Incorrect source, duplicated arrKey (${arrKey}) ${item}. Ignoring!`) // todo should span instead
+        const index = originalKeys.indexOf(item);
+        original.splice(index, 1)
+        originalKeys.splice(index, 1)
+      }
+    }
+    // if (target.length !== originalKeys.length) {
+    //   throw new Error(`wrong arr length: ${target.length} !== ${original.length}`)
+    // }
+    checkKeys(originalKeys, target.map(a => JsonOptimizer.getByArrKey(a, arrKey)))
+    for (const item of target as any[]) {
+      const keys = Object.entries(item).map(a => a[0])
+      const origItem = original.find(a => JsonOptimizer.getByArrKey(a, arrKey) === JsonOptimizer.getByArrKey(item, arrKey));
+      const keysSource = Object.entries(origItem).map(a => a[0])
+      checkKeys(keysSource, keys, true, 'prop keys', true)
+      checkObj(origItem, item)
+    }
+  } else {
+    const keysOriginal = Object.keys(original)
+    const keysTarget = Object.keys(target)
+    checkKeys(keysOriginal, keysTarget)
+    for (const key of keysTarget) {
+      checkObj(original[key], target[key])
+    }
+  }
+}
+
+const sortObj = (obj) => {
+  const sorted = {}
+  for (const key of Object.keys(obj).sort()) {
+    sorted[key] = obj[key]
+  }
+  return sorted
+}
+
+const checkObj = (source, diffing) => {
+  if (!Array.isArray(source)) {
+    source = sortObj(source)
+  }
+  if (!Array.isArray(diffing)) {
+    diffing = sortObj(diffing)
+  }
+  if (JSON.stringify(source) !== JSON.stringify(diffing)) {
+    throw new Error(`different value: ${JSON.stringify(source)} ${JSON.stringify(diffing)}`)
+  }
+  // checkKeys(Object.keys(source), Object.keys(diffing))
+  // for (const [key, val] of Object.entries(source)) {
+  //   if (JSON.stringify(val) !== JSON.stringify(diffing[key])) {
+  //     throw new Error(`different value of ${key}: ${val} ${diffing[key]}`)
+  //   }
+  // }
+}
+
+const checkKeys = (source, diffing, isUniq = true, msg = '', redundantIsOk = false) => {
+  if (isUniq) {
+    for (const [i, item] of diffing.entries()) {
+      if (diffing.indexOf(item) !== i) {
+        throw new Error(`Duplicate: ${item}: ${i} ${diffing.indexOf(item)} ${msg}`)
+      }
+    }
+  }
+  for (const key of source) {
+    if (!diffing.includes(key)) {
+      throw new Error(`Diffing does not include "${key}" (${msg})`)
+    }
+  }
+  if (!redundantIsOk) {
+    for (const key of diffing) {
+      if (!source.includes(key)) {
+        throw new Error(`Source does not include "${key}" (${msg})`)
+      }
+    }
+  }
+}
+
+// const data = minecraftData('1.20.4')
+const oldId = JsonOptimizer.restoreData(json['blocks'], '1.20', undefined).find(x => x.name === 'brown_stained_glass').id;
+const newId = JsonOptimizer.restoreData(json['blocks'], '1.20.4', undefined).find(x => x.name === 'brown_stained_glass').id;
+assert(oldId !== newId)
+// test all types + all versions
+
+for (const type of Object.keys(json)) {
+  if (!json[type].__IS_OPTIMIZED__) continue
+  if (type === 'language') continue // we have loose data for language for size reasons
+  console.log('validating', type)
+  const source = json[type]
+  let checkedVer = 0
+  for (const ver of Object.keys(source.diffs)) {
+    try {
+      validateData(ver, type)
+    } catch (err) {
+      err.message = `Failed to validate ${type} for ${ver}: ${err.message}`
+      throw err;
+    }
+    checkedVer++
+  }
+  console.log('Checked versions:', checkedVer)
+}
diff --git a/scripts/updateGitDeps.ts b/scripts/updateGitDeps.ts
new file mode 100644
index 00000000..797aea8f
--- /dev/null
+++ b/scripts/updateGitDeps.ts
@@ -0,0 +1,160 @@
+import fs from 'fs'
+import path from 'path'
+import yaml from 'yaml'
+import { execSync } from 'child_process'
+import { createInterface } from 'readline'
+
+interface LockfilePackage {
+  specifier: string
+  version: string
+}
+
+interface Lockfile {
+  importers: {
+    '.': {
+      dependencies?: Record<string, LockfilePackage>
+      devDependencies?: Record<string, LockfilePackage>
+    }
+  }
+}
+
+interface PackageJson {
+  pnpm?: {
+    updateConfig?: {
+      ignoreDependencies?: string[]
+    }
+  }
+}
+
+async function prompt(question: string): Promise<string> {
+  const rl = createInterface({
+    input: process.stdin,
+    output: process.stdout
+  })
+
+  return new Promise(resolve => {
+    rl.question(question, answer => {
+      rl.close()
+      resolve(answer.toLowerCase().trim())
+    })
+  })
+}
+
+async function getLatestCommit(owner: string, repo: string): Promise<string> {
+  const response = await fetch(`https://api.github.com/repos/${owner}/${repo}/commits/HEAD`)
+  if (!response.ok) {
+    throw new Error(`Failed to fetch latest commit: ${response.statusText}`)
+  }
+  const data = await response.json()
+  return data.sha
+}
+
+function extractGitInfo(specifier: string): { owner: string; repo: string; branch: string } | null {
+  const match = specifier.match(/github:([^/]+)\/([^#]+)(?:#(.+))?/)
+  if (!match) return null
+  return {
+    owner: match[1],
+    repo: match[2],
+    branch: match[3] || 'master'
+  }
+}
+
+function extractCommitHash(version: string): string | null {
+  const match = version.match(/https:\/\/codeload\.github\.com\/[^/]+\/[^/]+\/tar\.gz\/([a-f0-9]+)/)
+  return match ? match[1] : null
+}
+
+function getIgnoredDependencies(): string[] {
+  try {
+    const packageJsonPath = path.join(process.cwd(), 'package.json')
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8')) as PackageJson
+    return packageJson.pnpm?.updateConfig?.ignoreDependencies || []
+  } catch (error) {
+    console.warn('Failed to read package.json for ignored dependencies:', error)
+    return []
+  }
+}
+
+async function main() {
+  const lockfilePath = path.join(process.cwd(), 'pnpm-lock.yaml')
+  const lockfileContent = fs.readFileSync(lockfilePath, 'utf8')
+  const lockfile = yaml.parse(lockfileContent) as Lockfile
+
+  const ignoredDependencies = new Set(getIgnoredDependencies())
+  console.log('Ignoring dependencies:', Array.from(ignoredDependencies).join(', ') || 'none')
+
+  const dependencies = {
+    ...lockfile.importers['.'].dependencies,
+    ...lockfile.importers['.'].devDependencies
+  }
+
+  const updates: Array<{
+    name: string
+    currentHash: string
+    latestHash: string
+    gitInfo: ReturnType<typeof extractGitInfo>
+  }> = []
+
+  console.log('\nChecking git dependencies...')
+  for (const [name, pkg] of Object.entries(dependencies)) {
+    if (ignoredDependencies.has(name)) {
+      console.log(`Skipping ignored dependency: ${name}`)
+      continue
+    }
+
+    if (!pkg.specifier.startsWith('github:')) continue
+
+    const gitInfo = extractGitInfo(pkg.specifier)
+    if (!gitInfo) continue
+
+    const currentHash = extractCommitHash(pkg.version)
+    if (!currentHash) continue
+
+    try {
+      process.stdout.write(`Checking ${name}... `)
+      const latestHash = await getLatestCommit(gitInfo.owner, gitInfo.repo)
+      if (currentHash !== latestHash) {
+        console.log('update available')
+        updates.push({ name, currentHash, latestHash, gitInfo })
+      } else {
+        console.log('up to date')
+      }
+    } catch (error) {
+      console.log('failed')
+      console.error(`Error checking ${name}:`, error)
+    }
+  }
+
+  if (updates.length === 0) {
+    console.log('\nAll git dependencies are up to date!')
+    return
+  }
+
+  console.log('\nThe following git dependencies can be updated:')
+  for (const update of updates) {
+    console.log(`\n${update.name}:`)
+    console.log(`  Current: ${update.currentHash}`)
+    console.log(`  Latest:  ${update.latestHash}`)
+    console.log(`  Repo:    ${update.gitInfo!.owner}/${update.gitInfo!.repo}`)
+  }
+
+  const answer = await prompt('\nWould you like to update these dependencies? (y/N): ')
+  if (answer === 'y' || answer === 'yes') {
+    let newLockfileContent = lockfileContent
+    for (const update of updates) {
+      newLockfileContent = newLockfileContent.replace(
+        new RegExp(update.currentHash, 'g'),
+        update.latestHash
+      )
+    }
+    fs.writeFileSync(lockfilePath, newLockfileContent)
+    console.log('\nUpdated pnpm-lock.yaml with new commit hashes')
+    // console.log('Running pnpm install to apply changes...')
+    // execSync('pnpm install', { stdio: 'inherit' })
+    console.log('Done!')
+  } else {
+    console.log('\nNo changes were made.')
+  }
+}
+
+main().catch(console.error)
diff --git a/scripts/updateHandledPackets.mjs b/scripts/updateHandledPackets.mjs
new file mode 100644
index 00000000..080eaf44
--- /dev/null
+++ b/scripts/updateHandledPackets.mjs
@@ -0,0 +1,60 @@
+import fs from 'fs'
+import path from 'path'
+import minecraftData from 'minecraft-data'
+
+const lastVersion = minecraftData.versions.pc[0]
+// console.log('last proto ver', lastVersion.minecraftVersion)
+const allPackets = minecraftData(lastVersion.minecraftVersion).protocol
+const getPackets = ({ types }) => {
+    return Object.keys(types).map(type => type.replace('packet_', ''))
+}
+// todo test against all versions
+const allFromServerPackets = getPackets(allPackets.play.toClient)
+const allToServerPackets = getPackets(allPackets.play.toServer).filter(x => !['packet'].includes(x))
+
+const buildFile = './dist/index.js'
+
+const file = fs.readFileSync(buildFile, 'utf8')
+
+const packetsReceiveRegex = /client\.on\("(\w+)"/g
+const packetsReceiveSend = /client\.write\("(\w+)"/g
+
+let allSupportedReceive = [...new Set([...file.matchAll(packetsReceiveRegex)].map(x => x[1]))]
+let allSupportedSend = [...new Set([...file.matchAll(packetsReceiveSend)].map(x => x[1]))]
+
+let md = '# Handled Packets\n'
+
+md += '\n## Server -> Client\n\n'
+let notSupportedRows = []
+let supportedRows = []
+for (const packet of allFromServerPackets) {
+    const includes = allSupportedReceive.includes(packet);
+    (includes ? supportedRows : notSupportedRows).push(packet)
+}
+
+for (const row of notSupportedRows) {
+    md += `❌ ${row}\n`
+}
+for (const row of supportedRows) {
+    md += `✅ ${row}\n`
+}
+
+md += '\n'
+
+notSupportedRows = []
+supportedRows = []
+
+md += '## Client -> Server\n\n'
+for (const packet of allToServerPackets) {
+    const includes = allSupportedSend.includes(packet);
+    (includes ? supportedRows : notSupportedRows).push(packet)
+}
+
+for (const row of notSupportedRows) {
+    md += `❌ ${row}\n`
+}
+for (const row of supportedRows) {
+    md += `✅ ${row}\n`
+}
+
+fs.writeFileSync('./docs-assets/handled-packets.md', md)
diff --git a/scripts/uploadSoundFiles.ts b/scripts/uploadSoundFiles.ts
new file mode 100644
index 00000000..e8677c87
--- /dev/null
+++ b/scripts/uploadSoundFiles.ts
@@ -0,0 +1,109 @@
+import fetch from 'node-fetch';
+import * as fs from 'fs';
+import * as path from 'path';
+import { glob } from 'glob';
+
+// Git details
+const REPO_SLUG = process.env.REPO_SLUG;
+const owner = REPO_SLUG.split('/')[0];
+const repo = REPO_SLUG.split('/')[1];
+const branch = "sounds";
+
+// GitHub token for authentication
+const token = process.env.GITHUB_TOKEN;
+
+// GitHub API endpoint
+const baseUrl = `https://api.github.com/repos/${owner}/${repo}/contents`;
+
+const headers = {
+    Authorization: `token ${token}`,
+    'Content-Type': 'application/json'
+};
+
+async function getShaForExistingFile(repoFilePath: string): Promise<string | null> {
+    const url = `${baseUrl}/${repoFilePath}?ref=${branch}`;
+    const response = await fetch(url, { headers });
+    if (response.status === 404) {
+        return null; // File does not exist
+    }
+    if (!response.ok) {
+        throw new Error(`Failed to fetch ${url}: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data.sha;
+}
+
+async function uploadFiles() {
+    const commitMessage = "Upload multiple files via script";
+    const committer = {
+        name: "GitHub",
+        email: "noreply@github.com"
+    };
+
+    const filesToUpload = glob.sync("generated/sounds/**/*.mp3").map(localPath => {
+        const repoPath = localPath.replace(/^generated\//, '');
+        return { localPath, repoPath };
+    });
+
+    const files = await Promise.all(filesToUpload.map(async file => {
+        const content = fs.readFileSync(file.localPath, 'base64');
+        const sha = await getShaForExistingFile(file.repoPath);
+        return {
+            path: file.repoPath,
+            mode: "100644",
+            type: "blob",
+            sha: sha || undefined,
+            content: content
+        };
+    }));
+
+    const treeResponse = await fetch(`${baseUrl}/git/trees`, {
+        method: 'POST',
+        headers: headers,
+        body: JSON.stringify({
+            base_tree: null,
+            tree: files
+        })
+    });
+
+    if (!treeResponse.ok) {
+        throw new Error(`Failed to create tree: ${treeResponse.statusText}`);
+    }
+
+    const treeData = await treeResponse.json();
+
+    const commitResponse = await fetch(`${baseUrl}/git/commits`, {
+        method: 'POST',
+        headers: headers,
+        body: JSON.stringify({
+            message: commitMessage,
+            tree: treeData.sha,
+            parents: [branch],
+            committer: committer
+        })
+    });
+
+    if (!commitResponse.ok) {
+        throw new Error(`Failed to create commit: ${commitResponse.statusText}`);
+    }
+
+    const commitData = await commitResponse.json();
+
+    const updateRefResponse = await fetch(`${baseUrl}/git/refs/heads/${branch}`, {
+        method: 'PATCH',
+        headers: headers,
+        body: JSON.stringify({
+            sha: commitData.sha
+        })
+    });
+
+    if (!updateRefResponse.ok) {
+        throw new Error(`Failed to update ref: ${updateRefResponse.statusText}`);
+    }
+
+    console.log("Files uploaded successfully");
+}
+
+uploadFiles().catch(error => {
+    console.error("Error uploading files:", error);
+});
diff --git a/scripts/uploadSounds.ts b/scripts/uploadSounds.ts
new file mode 100644
index 00000000..b0e9ecd7
--- /dev/null
+++ b/scripts/uploadSounds.ts
@@ -0,0 +1,67 @@
+import fs from 'fs'
+
+// GitHub details
+const owner = "zardoy";
+const repo = "minecraft-web-client";
+const branch = "sounds-generated";
+const filePath = "dist/sounds.js"; // Local file path
+const repoFilePath = "sounds-v2.js"; // Path in the repo
+
+// GitHub token for authentication
+const token = process.env.GITHUB_TOKEN;
+
+// GitHub API endpoint
+const baseUrl = `https://api.github.com/repos/${owner}/${repo}/contents/${repoFilePath}`;
+
+const headers = {
+    Authorization: `token ${token}`,
+    'Content-Type': 'application/json'
+};
+
+async function getShaForExistingFile(): Promise<string | null> {
+    const url = `${baseUrl}?ref=${branch}`;
+    const response = await fetch(url, { headers });
+    if (response.status === 404) {
+        return null; // File does not exist
+    }
+    if (!response.ok) {
+        throw new Error(`Failed to fetch ${url}: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data.sha;
+}
+
+async function uploadFile() {
+    const content = fs.readFileSync(filePath, 'utf8');
+    const base64Content = Buffer.from(content).toString('base64');
+    const sha = await getShaForExistingFile();
+    console.log('got sha')
+
+    const body = {
+        message: "Update sounds.js",
+        content: base64Content,
+        branch: branch,
+        committer: {
+            name: "GitHub",
+            email: "noreply@github.com"
+        },
+        sha: sha || undefined
+    };
+
+    const response = await fetch(baseUrl, {
+        method: 'PUT',
+        headers: headers,
+        body: JSON.stringify(body)
+    });
+
+    if (!response.ok) {
+        throw new Error(`Failed to upload file: ${response.statusText}`);
+    }
+
+    const responseData = await response.json();
+    console.log("File uploaded successfully:", responseData);
+}
+
+uploadFile().catch(error => {
+    console.error("Error uploading file:", error);
+});
diff --git a/scripts/wsServer.ts b/scripts/wsServer.ts
new file mode 100644
index 00000000..43035f52
--- /dev/null
+++ b/scripts/wsServer.ts
@@ -0,0 +1,45 @@
+import {WebSocketServer} from 'ws'
+
+export function startWsServer(port: number = 8081, tryOtherPort: boolean = true): Promise<number> {
+  return new Promise((resolve, reject) => {
+    const tryPort = (currentPort: number) => {
+      const wss = new WebSocketServer({ port: currentPort })
+        .on('listening', () => {
+          console.log(`WebSocket server started on port ${currentPort}`)
+          resolve(currentPort)
+        })
+        .on('error', (err: any) => {
+          if (err.code === 'EADDRINUSE' && tryOtherPort) {
+            console.log(`Port ${currentPort} in use, trying ${currentPort + 1}`)
+            wss.close()
+            tryPort(currentPort + 1)
+          } else {
+            reject(err)
+          }
+        })
+
+      wss.on('connection', (ws) => {
+        console.log('Client connected')
+
+        ws.on('message', (message) => {
+          try {
+            // Simply relay the message to all connected clients except sender
+            wss.clients.forEach(client => {
+              if (client !== ws && client.readyState === WebSocket.OPEN) {
+                client.send(message.toString())
+              }
+            })
+          } catch (error) {
+            console.error('Error processing message:', error)
+          }
+        })
+
+        ws.on('close', () => {
+          console.log('Client disconnected')
+        })
+      })
+    }
+
+    tryPort(port)
+  })
+}
diff --git a/server.js b/server.js
index d757024b..49699cdb 100644
--- a/server.js
+++ b/server.js
@@ -15,19 +15,32 @@ try {
 // Create our app
 const app = express()
 
-const isProd = process.argv.includes('--prod')
+const isProd = process.argv.includes('--prod') || process.env.NODE_ENV === 'production'
+const timeoutIndex = process.argv.indexOf('--timeout')
+let timeout = timeoutIndex > -1 && timeoutIndex + 1 < process.argv.length
+    ? parseInt(process.argv[timeoutIndex + 1])
+    : process.env.TIMEOUT
+        ? parseInt(process.env.TIMEOUT)
+        : 10000
+if (isNaN(timeout) || timeout < 0) {
+  console.warn('Invalid timeout value provided, using default of 10000ms')
+  timeout = 10000
+}
 app.use(compression())
-app.use(netApi({ allowOrigin: '*' }))
+app.use(cors())
+app.use(netApi({
+  allowOrigin: '*',
+  log: process.argv.includes('--log') || process.env.LOG === 'true',
+  timeout
+}))
 if (!isProd) {
-  app.use('/blocksStates', express.static(path.join(__dirname, './prismarine-viewer/public/blocksStates')))
-  app.use('/textures', express.static(path.join(__dirname, './prismarine-viewer/public/textures')))
-
   app.use('/sounds', express.static(path.join(__dirname, './generated/sounds/')))
 }
 // patch config
 app.get('/config.json', (req, res, next) => {
   // read original file config
   let config = {}
+  let publicConfig = {}
   try {
     config = require('./config.json')
   } catch {
@@ -35,28 +48,38 @@ app.get('/config.json', (req, res, next) => {
       config = require('./dist/config.json')
     } catch { }
   }
+  try {
+    publicConfig = require('./public/config.json')
+  } catch { }
   res.json({
     ...config,
     'defaultProxy': '', // use current url (this server)
+    ...publicConfig,
   })
 })
-// add headers to enable shared array buffer
-app.use((req, res, next) => {
-  res.setHeader('Cross-Origin-Opener-Policy', 'same-origin')
-  res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp')
-  next()
-})
-app.use(express.static(path.join(__dirname, './dist')))
+if (isProd) {
+  // add headers to enable shared array buffer
+  app.use((req, res, next) => {
+    res.setHeader('Cross-Origin-Opener-Policy', 'same-origin')
+    res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp')
+    next()
+  })
 
-const portArg = process.argv.indexOf('--port')
-const port = (require.main === module ? process.argv[2] : portArg !== -1 ? process.argv[portArg + 1] : undefined) || 8080
+  // First serve from the override directory (volume mount)
+  app.use(express.static(path.join(__dirname, './public')))
+
+  // Then fallback to the original dist directory
+  app.use(express.static(path.join(__dirname, './dist')))
+}
+
+const numArg = process.argv.find(x => x.match(/^\d+$/))
+const port = (require.main === module ? numArg : undefined) || 8080
 
 // Start the server
-const server = isProd ?
-  undefined :
+const server =
   app.listen(port, async function () {
-    console.log('Server listening on port ' + server.address().port)
-    if (siModule) {
+    console.log('Proxy server listening on port ' + server.address().port)
+    if (siModule && isProd) {
       const _interfaces = await siModule.networkInterfaces()
       const interfaces = Array.isArray(_interfaces) ? _interfaces : [_interfaces]
       let netInterface = interfaces.find(int => int.default)
diff --git a/src/api/mcStatusApi.ts b/src/api/mcStatusApi.ts
new file mode 100644
index 00000000..8ac429dd
--- /dev/null
+++ b/src/api/mcStatusApi.ts
@@ -0,0 +1,64 @@
+globalThis.resolveDnsFallback = async (hostname: string) => {
+  const response = await fetchServerStatus(hostname)
+  return response?.raw.srv_record ?? undefined
+}
+
+export const isServerValid = (ip: string) => {
+  const isInLocalNetwork = ip.startsWith('192.168.') ||
+    ip.startsWith('10.') ||
+    ip.startsWith('172.') ||
+    ip.startsWith('127.') ||
+    ip.startsWith('localhost') ||
+    ip.startsWith(':')
+  const VALID_IP_OR_DOMAIN = ip.includes('.')
+
+  return !isInLocalNetwork && VALID_IP_OR_DOMAIN
+}
+
+export async function fetchServerStatus (ip: string, signal?: AbortSignal, versionOverride?: string) {
+  if (!isServerValid(ip)) return
+
+  const response = await fetch(`https://api.mcstatus.io/v2/status/java/${ip}`, { signal })
+  const data: ServerResponse = await response.json()
+  const versionClean = data.version?.name_raw.replace(/^[^\d.]+/, '')
+
+  return {
+    formattedText: data.motd?.raw ?? '',
+    textNameRight: data.online ?
+      `${versionOverride ?? versionClean} ${data.players?.online ?? '??'}/${data.players?.max ?? '??'}` :
+      '',
+    icon: data.icon,
+    offline: !data.online,
+    raw: data
+  }
+}
+
+export type ServerResponse = {
+  online: boolean
+  version?: {
+    name_raw: string
+  }
+  // display tooltip
+  players?: {
+    online: number
+    max: number
+    list: Array<{
+      name_raw: string
+      name_clean: string
+    }>
+  }
+  icon?: string
+  motd?: {
+    raw: string
+  }
+  // todo circle error icon
+  mods?: Array<{ name: string, version: string }>
+  // todo display via hammer icon
+  software?: string
+  plugins?: Array<{ name, version }>
+  // port?: number
+  srv_record?: {
+    host: string
+    port: number
+  }
+}
diff --git a/src/appConfig.ts b/src/appConfig.ts
new file mode 100644
index 00000000..c29d74e8
--- /dev/null
+++ b/src/appConfig.ts
@@ -0,0 +1,109 @@
+import { defaultsDeep } from 'lodash'
+import { disabledSettings, options, qsOptions } from './optionsStorage'
+import { miscUiState } from './globalState'
+import { setLoadingScreenStatus } from './appStatus'
+import { setStorageDataOnAppConfigLoad } from './react/appStorageProvider'
+import { customKeymaps, updateBinds } from './controls'
+
+export type CustomAction = {
+  readonly type: string
+  readonly input: readonly any[]
+}
+
+export type ActionType = string | CustomAction
+
+export type ActionHoldConfig = {
+  readonly command: ActionType
+  readonly longPressAction?: ActionType
+  readonly duration?: number
+  readonly threshold?: number
+}
+
+export type MobileButtonConfig = {
+  readonly label?: string
+  readonly icon?: string
+  readonly action?: ActionType
+  readonly actionHold?: ActionType | ActionHoldConfig
+  readonly iconStyle?: React.CSSProperties
+}
+
+export type AppConfig = {
+  // defaultHost?: string
+  // defaultHostSave?: string
+  defaultProxy?: string
+  // defaultProxySave?: string
+  // defaultVersion?: string
+  peerJsServer?: string
+  peerJsServerFallback?: string
+  promoteServers?: Array<{ ip, description, name?, version?, }>
+  mapsProvider?: string
+
+  appParams?: Record<string, any> // query string params
+  rightSideText?: string
+
+  defaultSettings?: Record<string, any>
+  forceSettings?: Record<string, boolean>
+  // hideSettings?: Record<string, boolean>
+  allowAutoConnect?: boolean
+  splashText?: string
+  splashTextFallback?: string
+  pauseLinks?: Array<Array<Record<string, any>>>
+  mobileButtons?: MobileButtonConfig[]
+  keybindings?: Record<string, any>
+  defaultLanguage?: string
+  displayLanguageSelector?: boolean
+  supportedLanguages?: string[]
+  showModsButton?: boolean
+  defaultUsername?: string
+  skinTexturesProxy?: string
+  alwaysReconnectButton?: boolean
+  reportBugButtonWithReconnect?: boolean
+  disabledCommands?: string[] // Array of command IDs to disable (e.g. ['general.jump', 'general.chat'])
+}
+
+export const loadAppConfig = (appConfig: AppConfig) => {
+
+  if (miscUiState.appConfig) {
+    Object.assign(miscUiState.appConfig, appConfig)
+  } else {
+    miscUiState.appConfig = appConfig
+  }
+
+  if (appConfig.forceSettings) {
+    for (const [key, value] of Object.entries(appConfig.forceSettings)) {
+      if (value) {
+        disabledSettings.value.add(key)
+        // since the setting is forced, we need to set it to that value
+        if (appConfig.defaultSettings && key in appConfig.defaultSettings && !qsOptions[key]) {
+          options[key] = appConfig.defaultSettings[key]
+        }
+      } else {
+        disabledSettings.value.delete(key)
+      }
+    }
+  }
+  // todo apply defaultSettings to defaults even if not forced in case of remote config
+
+  if (appConfig.keybindings) {
+    Object.assign(customKeymaps, defaultsDeep(appConfig.keybindings, customKeymaps))
+    updateBinds(customKeymaps)
+  }
+
+  appViewer?.appConfigUdpate()
+
+  setStorageDataOnAppConfigLoad(appConfig)
+}
+
+export const isBundledConfigUsed = !!process.env.INLINED_APP_CONFIG
+
+if (isBundledConfigUsed) {
+  loadAppConfig(process.env.INLINED_APP_CONFIG as AppConfig ?? {})
+} else {
+  void window.fetch('config.json').then(async res => res.json()).then(c => c, (error) => {
+  // console.warn('Failed to load optional app config.json', error)
+  // return {}
+    setLoadingScreenStatus('Failed to load app config.json', true)
+  }).then((config: AppConfig) => {
+    loadAppConfig(config)
+  })
+}
diff --git a/src/appParams.ts b/src/appParams.ts
new file mode 100644
index 00000000..4c8ca186
--- /dev/null
+++ b/src/appParams.ts
@@ -0,0 +1,121 @@
+import type { AppConfig } from './appConfig'
+import { miscUiState } from './globalState'
+
+const qsParams = new URLSearchParams(window.location?.search ?? '')
+
+export type AppQsParams = {
+  // AddServerOrConnect.tsx params
+  ip?: string
+  name?: string
+  version?: string
+  proxy?: string
+  username?: string
+  lockConnect?: string
+  autoConnect?: string
+  alwaysReconnect?: string
+  // googledrive.ts params
+  state?: string
+  // ServersListProvider.tsx params
+  serversList?: string
+  // Map and texture params
+  texturepack?: string
+  map?: string
+  mapDirBaseUrl?: string
+  mapDirGuess?: string
+  // Singleplayer params
+  singleplayer?: string
+  sp?: string
+  loadSave?: string
+  // Server params
+  reconnect?: string
+  server?: string
+  // Peer connection params
+  connectPeer?: string
+  peerVersion?: string
+  // UI params
+  modal?: string
+  viewerConnect?: string
+  // Map version param
+  mapVersion?: string
+  // Command params
+  command?: string
+  // Misc params
+  suggest_save?: string
+  noPacketsValidation?: string
+  testCrashApp?: string
+  onlyConnect?: string
+  connectText?: string
+  freezeSettings?: string
+  testIosCrash?: string
+  addPing?: string
+
+  // Replay params
+  replayFilter?: string
+  replaySpeed?: string
+  replayFileUrl?: string
+  replayValidateClient?: string
+  replayStopOnError?: string
+  replaySkipMissingOnTimeout?: string
+  replayPacketsSenderDelay?: string
+
+  // Benchmark params
+  openBenchmark?: string
+  renderDistance?: string
+  downloadBenchmark?: string
+  benchmarkMapZipUrl?: string
+  benchmarkPosition?: string
+}
+
+export type AppQsParamsArray = {
+  mapDir?: string[]
+  setting?: string[]
+  serverSetting?: string[]
+  command?: string[]
+}
+
+type AppQsParamsArrayTransformed = {
+  [k in keyof AppQsParamsArray]: string[]
+}
+
+globalThis.process ??= {} as any
+const initialAppConfig = process?.env?.INLINED_APP_CONFIG as AppConfig ?? {}
+
+export const appQueryParams = new Proxy<AppQsParams>({} as AppQsParams, {
+  get (target, property) {
+    if (typeof property !== 'string') {
+      return undefined
+    }
+    const qsParam = qsParams.get(property)
+    if (qsParam) return qsParam
+    return miscUiState.appConfig?.appParams?.[property]
+  },
+})
+
+export const appQueryParamsArray = new Proxy({} as AppQsParamsArrayTransformed, {
+  get (target, property) {
+    if (typeof property !== 'string') {
+      return null
+    }
+    const qsParam = qsParams.getAll(property)
+    if (qsParam.length) return qsParam
+    return miscUiState.appConfig?.appParams?.[property] ?? []
+  },
+})
+
+export function updateQsParam (name: keyof AppQsParams, value: string | undefined) {
+  const url = new URL(window.location.href)
+  if (value) {
+    url.searchParams.set(name, value)
+  } else {
+    url.searchParams.delete(name)
+  }
+  window.history.replaceState({}, '', url.toString())
+}
+
+// Helper function to check if a specific query parameter exists
+export const hasQueryParam = (param: keyof AppQsParams) => qsParams.has(param)
+
+// Helper function to get all query parameters as a URLSearchParams object
+export const getRawQueryParams = () => qsParams;
+
+(globalThis as any).debugQueryParams = Object.fromEntries(qsParams.entries())
diff --git a/src/appStatus.ts b/src/appStatus.ts
new file mode 100644
index 00000000..101714f5
--- /dev/null
+++ b/src/appStatus.ts
@@ -0,0 +1,41 @@
+import { resetStateAfterDisconnect } from './browserfs'
+import { hideModal, activeModalStack, showModal, miscUiState } from './globalState'
+import { appStatusState, resetAppStatusState } from './react/AppStatusProvider'
+
+let ourLastStatus: string | undefined = ''
+export const setLoadingScreenStatus = function (status: string | undefined | null, isError = false, hideDots = false, fromFlyingSquid = false, minecraftJsonMessage?: Record<string, any>) {
+  if (typeof status === 'string') status = window.translateText?.(status) ?? status
+  // null can come from flying squid, should restore our last status
+  if (status === null) {
+    status = ourLastStatus
+  } else if (!fromFlyingSquid) {
+    ourLastStatus = status
+  }
+  fromFlyingSquid = false
+
+  if (status === undefined) {
+    appStatusState.status = ''
+
+    hideModal({ reactType: 'app-status' }, {}, { force: true })
+    return
+  }
+
+  if (!activeModalStack.some(x => x.reactType === 'app-status')) {
+    // just showing app status
+    resetAppStatusState()
+  }
+  showModal({ reactType: 'app-status' })
+  if (appStatusState.isError) {
+    return
+  }
+  appStatusState.hideDots = hideDots
+  appStatusState.isError = isError
+  appStatusState.lastStatus = isError ? appStatusState.status : ''
+  appStatusState.status = status
+  appStatusState.minecraftJsonMessage = minecraftJsonMessage ?? null
+
+  if (isError && miscUiState.gameLoaded) {
+    resetStateAfterDisconnect()
+  }
+}
+globalThis.setLoadingScreenStatus = setLoadingScreenStatus
diff --git a/src/appViewer.ts b/src/appViewer.ts
new file mode 100644
index 00000000..628d11b4
--- /dev/null
+++ b/src/appViewer.ts
@@ -0,0 +1,354 @@
+import { WorldDataEmitter, WorldDataEmitterWorker } from 'renderer/viewer/lib/worldDataEmitter'
+import { getInitialPlayerState, PlayerStateRenderer, PlayerStateReactive } from 'renderer/viewer/lib/basePlayerState'
+import { subscribeKey } from 'valtio/utils'
+import { defaultWorldRendererConfig, WorldRendererConfig } from 'renderer/viewer/lib/worldrendererCommon'
+import { Vec3 } from 'vec3'
+import { SoundSystem } from 'renderer/viewer/three/threeJsSound'
+import { proxy, subscribe } from 'valtio'
+import { getDefaultRendererState } from 'renderer/viewer/baseGraphicsBackend'
+import { getSyncWorld } from 'renderer/playground/shared'
+import { MaybePromise } from 'contro-max/build/types/store'
+import { PANORAMA_VERSION } from 'renderer/viewer/three/panoramaShared'
+import { playerState } from './mineflayer/playerState'
+import { createNotificationProgressReporter, ProgressReporter } from './core/progressReporter'
+import { setLoadingScreenStatus } from './appStatus'
+import { activeModalStack, miscUiState } from './globalState'
+import { options } from './optionsStorage'
+import { ResourcesManager, ResourcesManagerTransferred } from './resourcesManager'
+import { watchOptionsAfterWorldViewInit } from './watchOptions'
+import { loadMinecraftData } from './connect'
+import { reloadChunks } from './utils'
+import { displayClientChat } from './botUtils'
+
+export interface RendererReactiveState {
+  world: {
+    chunksLoaded: Set<string>
+    // chunksTotalNumber: number
+    heightmaps: Map<string, Uint8Array>
+    allChunksLoaded: boolean
+    mesherWork: boolean
+    intersectMedia: { id: string, x: number, y: number } | null
+  }
+  renderer: string
+  preventEscapeMenu: boolean
+}
+export interface NonReactiveState {
+  world: {
+    chunksLoaded: Set<string>
+    chunksTotalNumber: number
+  }
+}
+
+export interface GraphicsBackendConfig {
+  fpsLimit?: number
+  powerPreference?: 'high-performance' | 'low-power'
+  statsVisible?: number
+  sceneBackground: string
+  timeoutRendering?: boolean
+}
+
+const defaultGraphicsBackendConfig: GraphicsBackendConfig = {
+  fpsLimit: undefined,
+  powerPreference: undefined,
+  sceneBackground: 'lightblue',
+  timeoutRendering: false
+}
+
+export interface GraphicsInitOptions<S = any> {
+  resourcesManager: ResourcesManagerTransferred
+  config: GraphicsBackendConfig
+  rendererSpecificSettings: S
+
+  callbacks: {
+    displayCriticalError: (error: Error) => void
+    setRendererSpecificSettings: (key: string, value: any) => void
+
+    fireCustomEvent: (eventName: string, ...args: any[]) => void
+  }
+}
+
+export interface DisplayWorldOptions {
+  version: string
+  worldView: WorldDataEmitterWorker
+  inWorldRenderingConfig: WorldRendererConfig
+  playerStateReactive: PlayerStateReactive
+  rendererState: RendererReactiveState
+  nonReactiveState: NonReactiveState
+}
+
+export type GraphicsBackendLoader = ((options: GraphicsInitOptions) => MaybePromise<GraphicsBackend>) & {
+  id: string
+}
+
+// no sync methods
+export interface GraphicsBackend {
+  id: string
+  displayName?: string
+  startPanorama: () => void
+  // prepareResources: (version: string, progressReporter: ProgressReporter) => Promise<void>
+  startWorld: (options: DisplayWorldOptions) => Promise<void> | void
+  disconnect: () => void
+  setRendering: (rendering: boolean) => void
+  getDebugOverlay?: () => Record<string, any>
+  updateCamera: (pos: Vec3 | null, yaw: number, pitch: number) => void
+  setRoll?: (roll: number) => void
+  soundSystem: SoundSystem | undefined
+
+  backendMethods: Record<string, unknown> | undefined
+}
+
+export class AppViewer {
+  waitBackendLoadPromises = [] as Array<Promise<void>>
+
+  resourcesManager = new ResourcesManager()
+  worldView: WorldDataEmitter | undefined
+  readonly config: GraphicsBackendConfig = {
+    ...defaultGraphicsBackendConfig,
+    powerPreference: options.gpuPreference === 'default' ? undefined : options.gpuPreference
+  }
+  backend?: GraphicsBackend
+  backendLoader?: GraphicsBackendLoader
+  private currentState?: {
+    method: string
+    args: any[]
+  }
+  currentDisplay = null as 'menu' | 'world' | null
+  inWorldRenderingConfig: WorldRendererConfig = proxy(defaultWorldRendererConfig)
+  lastCamUpdate = 0
+  playerState = playerState
+  rendererState = getDefaultRendererState().reactive
+  nonReactiveState: NonReactiveState = getDefaultRendererState().nonReactive
+  worldReady: Promise<void>
+  private resolveWorldReady: () => void
+
+  constructor () {
+    this.disconnectBackend()
+  }
+
+  async loadBackend (loader: GraphicsBackendLoader) {
+    if (this.backend) {
+      this.disconnectBackend()
+    }
+
+    await Promise.all(this.waitBackendLoadPromises)
+    this.waitBackendLoadPromises = []
+
+    this.backendLoader = loader
+    const rendererSpecificSettings = {} as Record<string, any>
+    const rendererSettingsKey = `renderer.${this.backendLoader?.id}`
+    for (const key in options) {
+      if (key.startsWith(rendererSettingsKey)) {
+        rendererSpecificSettings[key.slice(rendererSettingsKey.length + 1)] = options[key]
+      }
+    }
+    const loaderOptions: GraphicsInitOptions = { // todo!
+      resourcesManager: this.resourcesManager as ResourcesManagerTransferred,
+      config: this.config,
+      callbacks: {
+        displayCriticalError (error) {
+          console.error(error)
+          setLoadingScreenStatus(error.message, true)
+        },
+        setRendererSpecificSettings (key: string, value: any) {
+          options[`${rendererSettingsKey}.${key}`] = value
+        },
+        fireCustomEvent (eventName, ...args) {
+          // this.callbacks.fireCustomEvent(eventName, ...args)
+        }
+      },
+      rendererSpecificSettings,
+    }
+    this.backend = await loader(loaderOptions)
+
+    // if (this.resourcesManager.currentResources) {
+    //   void this.prepareResources(this.resourcesManager.currentResources.version, createNotificationProgressReporter())
+    // }
+
+    // Execute queued action if exists
+    if (this.currentState) {
+      if (this.currentState.method === 'startPanorama') {
+        this.startPanorama()
+      } else {
+        const { method, args } = this.currentState
+        this.backend[method](...args)
+        if (method === 'startWorld') {
+          void this.worldView!.init(bot.entity.position)
+          // void this.worldView!.init(args[0].playerState.getPosition())
+        }
+      }
+    }
+
+    // todo
+    modalStackUpdateChecks()
+  }
+
+  async startWithBot () {
+    const renderDistance = miscUiState.singleplayer ? options.renderDistance : options.multiplayerRenderDistance
+    await this.startWorld(bot.world, renderDistance)
+    this.worldView!.listenToBot(bot)
+  }
+
+  appConfigUdpate () {
+    if (miscUiState.appConfig) {
+      this.inWorldRenderingConfig.skinTexturesProxy = miscUiState.appConfig.skinTexturesProxy
+    }
+  }
+
+  async startWorld (world, renderDistance: number, playerStateSend: PlayerStateRenderer = this.playerState.reactive) {
+    if (this.currentDisplay === 'world') throw new Error('World already started')
+    this.currentDisplay = 'world'
+    const startPosition = bot.entity?.position ?? new Vec3(0, 64, 0)
+    this.worldView = new WorldDataEmitter(world, renderDistance, startPosition)
+    this.worldView.panicChunksReload = () => {
+      if (!options.experimentalClientSelfReload) return
+      if (process.env.NODE_ENV === 'development') {
+        displayClientChat(`[client] client panicked due to too long loading time. Soft reloading chunks...`)
+      }
+      void reloadChunks()
+    }
+    window.worldView = this.worldView
+    watchOptionsAfterWorldViewInit(this.worldView)
+    this.appConfigUdpate()
+
+    const displayWorldOptions: DisplayWorldOptions = {
+      version: this.resourcesManager.currentConfig!.version,
+      worldView: this.worldView,
+      inWorldRenderingConfig: this.inWorldRenderingConfig,
+      playerStateReactive: playerStateSend,
+      rendererState: this.rendererState,
+      nonReactiveState: this.nonReactiveState
+    }
+    let promise: undefined | Promise<void>
+    if (this.backend) {
+      promise = this.backend.startWorld(displayWorldOptions) ?? undefined
+      // void this.worldView.init(startPosition)
+    }
+    this.currentState = { method: 'startWorld', args: [displayWorldOptions] }
+
+    await promise
+    // Resolve the promise after world is started
+    this.resolveWorldReady()
+    return !!promise
+  }
+
+  resetBackend (cleanState = false) {
+    this.disconnectBackend(cleanState)
+    if (this.backendLoader) {
+      void this.loadBackend(this.backendLoader)
+    }
+  }
+
+  startPanorama () {
+    if (this.currentDisplay === 'menu') return
+    if (options.disableAssets) return
+    if (this.backend && !hasAppStatus()) {
+      this.currentDisplay = 'menu'
+      if (process.env.SINGLE_FILE_BUILD_MODE) {
+        void loadMinecraftData(PANORAMA_VERSION).then(() => {
+          this.backend?.startPanorama()
+        })
+      } else {
+        this.backend.startPanorama()
+      }
+    }
+    this.currentState = { method: 'startPanorama', args: [] }
+  }
+
+  // async prepareResources (version: string, progressReporter: ProgressReporter) {
+  //   if (this.backend) {
+  //     await this.backend.prepareResources(version, progressReporter)
+  //   }
+  // }
+
+  destroyAll () {
+    this.disconnectBackend()
+    this.resourcesManager.destroy()
+  }
+
+  disconnectBackend (cleanState = false) {
+    if (cleanState) {
+      this.currentState = undefined
+      this.currentDisplay = null
+      this.worldView = undefined
+    }
+    if (this.backend) {
+      this.backend.disconnect()
+      this.backend = undefined
+    }
+    this.currentDisplay = null
+    const { promise, resolve } = Promise.withResolvers<void>()
+    this.worldReady = promise
+    this.resolveWorldReady = resolve
+    this.rendererState = proxy(getDefaultRendererState().reactive)
+    this.nonReactiveState = getDefaultRendererState().nonReactive
+    // this.queuedDisplay = undefined
+  }
+
+  get utils () {
+    return {
+      async waitingForChunks () {
+        if (this.backend?.worldState.allChunksLoaded) return
+        return new Promise((resolve) => {
+          const interval = setInterval(() => {
+            if (this.backend?.worldState.allChunksLoaded) {
+              clearInterval(interval)
+              resolve(true)
+            }
+          }, 100)
+        })
+      }
+    }
+  }
+}
+
+// do not import this. Use global appViewer instead (without window prefix).
+export const appViewer = new AppViewer()
+window.appViewer = appViewer
+
+const initialMenuStart = async () => {
+  if (appViewer.currentDisplay === 'world') {
+    appViewer.resetBackend(true)
+  }
+  const demo = new URLSearchParams(window.location.search).get('demo')
+  if (!demo) {
+    appViewer.startPanorama()
+    return
+  }
+
+  // const version = '1.18.2'
+  const version = '1.21.4'
+  const { loadMinecraftData } = await import('./connect')
+  const { getSyncWorld } = await import('../renderer/playground/shared')
+  await loadMinecraftData(version)
+  const world = getSyncWorld(version)
+  world.setBlockStateId(new Vec3(0, 64, 0), loadedData.blocksByName.water.defaultState)
+  world.setBlockStateId(new Vec3(1, 64, 0), loadedData.blocksByName.water.defaultState)
+  world.setBlockStateId(new Vec3(1, 64, 1), loadedData.blocksByName.water.defaultState)
+  world.setBlockStateId(new Vec3(0, 64, 1), loadedData.blocksByName.water.defaultState)
+  world.setBlockStateId(new Vec3(-1, 64, -1), loadedData.blocksByName.water.defaultState)
+  world.setBlockStateId(new Vec3(-1, 64, 0), loadedData.blocksByName.water.defaultState)
+  world.setBlockStateId(new Vec3(0, 64, -1), loadedData.blocksByName.water.defaultState)
+  appViewer.resourcesManager.currentConfig = { version }
+  appViewer.playerState.reactive = getInitialPlayerState()
+  await appViewer.resourcesManager.updateAssetsData({})
+  await appViewer.startWorld(world, 3)
+  appViewer.backend!.updateCamera(new Vec3(0, 65.7, 0), 0, -Math.PI / 2) // Y+1 and pitch = PI/2 to look down
+  void appViewer.worldView!.init(new Vec3(0, 64, 0))
+}
+window.initialMenuStart = initialMenuStart
+
+const hasAppStatus = () => activeModalStack.some(m => m.reactType === 'app-status')
+
+const modalStackUpdateChecks = () => {
+  // maybe start panorama
+  if (!miscUiState.gameLoaded && !hasAppStatus()) {
+    void initialMenuStart()
+  }
+
+  if (appViewer.backend) {
+    appViewer.backend.setRendering(!hasAppStatus())
+  }
+
+  appViewer.inWorldRenderingConfig.foreground = activeModalStack.length === 0
+}
+subscribe(activeModalStack, modalStackUpdateChecks)
diff --git a/src/appViewerLoad.ts b/src/appViewerLoad.ts
new file mode 100644
index 00000000..53260662
--- /dev/null
+++ b/src/appViewerLoad.ts
@@ -0,0 +1,51 @@
+import { subscribeKey } from 'valtio/utils'
+import createGraphicsBackend from 'renderer/viewer/three/graphicsBackend'
+import { options } from './optionsStorage'
+import { appViewer } from './appViewer'
+import { miscUiState } from './globalState'
+import { watchOptionsAfterViewerInit } from './watchOptions'
+import { showNotification } from './react/NotificationProvider'
+
+const backends = [
+  createGraphicsBackend,
+]
+const loadBackend = async () => {
+  let backend = backends.find(backend => backend.id === options.activeRenderer)
+  if (!backend) {
+    showNotification(`No backend found for renderer ${options.activeRenderer}`, `Falling back to ${backends[0].id}`, true)
+    backend = backends[0]
+  }
+  await appViewer.loadBackend(backend)
+}
+window.loadBackend = loadBackend
+if (process.env.SINGLE_FILE_BUILD_MODE) {
+  const unsub = subscribeKey(miscUiState, 'fsReady', () => {
+    if (miscUiState.fsReady) {
+      // don't do it earlier to load fs and display menu faster
+      void loadBackend()
+      unsub()
+    }
+  })
+} else {
+  setTimeout(() => {
+    void loadBackend()
+  })
+}
+
+const animLoop = () => {
+  for (const fn of beforeRenderFrame) fn()
+  requestAnimationFrame(animLoop)
+}
+requestAnimationFrame(animLoop)
+
+watchOptionsAfterViewerInit()
+
+// reset backend when renderer changes
+
+subscribeKey(options, 'activeRenderer', async () => {
+  if (appViewer.currentDisplay === 'world' && bot) {
+    appViewer.resetBackend(true)
+    await loadBackend()
+    void appViewer.startWithBot()
+  }
+})
diff --git a/src/basicSounds.ts b/src/basicSounds.ts
index 53c86652..54af0d35 100644
--- a/src/basicSounds.ts
+++ b/src/basicSounds.ts
@@ -1,3 +1,4 @@
+import { subscribeKey } from 'valtio/utils'
 import { options } from './optionsStorage'
 import { isCypress } from './standaloneUtils'
 import { reportWarningOnce } from './utils'
@@ -5,38 +6,61 @@ import { reportWarningOnce } from './utils'
 let audioContext: AudioContext
 const sounds: Record<string, any> = {}
 
+// Track currently playing sounds and their gain nodes
+const activeSounds: Array<{
+  source: AudioBufferSourceNode;
+  gainNode: GainNode;
+  volumeMultiplier: number;
+  isMusic: boolean;
+}> = []
+window.activeSounds = activeSounds
+
 // load as many resources on page load as possible instead on demand as user can disable internet connection after he thinks the page is loaded
 const loadingSounds = [] as string[]
 const convertedSounds = [] as string[]
-export async function loadSound (path: string) {
+
+export async function loadSound (path: string, contents = path) {
   if (loadingSounds.includes(path)) return true
   loadingSounds.push(path)
-  const res = await window.fetch(path)
-  if (!res.ok) {
-    const error = `Failed to load sound ${path}`
-    if (isCypress()) throw new Error(error)
-    else console.warn(error)
-    return
-  }
-  const data = await res.arrayBuffer()
 
-  sounds[path] = data
-  loadingSounds.splice(loadingSounds.indexOf(path), 1)
+  try {
+    audioContext ??= new window.AudioContext()
+
+    const res = await window.fetch(contents)
+    if (!res.ok) {
+      const error = `Failed to load sound ${path}`
+      if (isCypress()) throw new Error(error)
+      else console.warn(error)
+      return
+    }
+    const arrayBuffer = await res.arrayBuffer()
+
+    // Decode the audio data immediately
+    const audioBuffer = await audioContext.decodeAudioData(arrayBuffer)
+    sounds[path] = audioBuffer
+    convertedSounds.push(path) // Mark as converted immediately
+
+    loadingSounds.splice(loadingSounds.indexOf(path), 1)
+  } catch (err) {
+    console.warn(`Failed to load sound ${path}:`, err)
+    loadingSounds.splice(loadingSounds.indexOf(path), 1)
+    if (isCypress()) throw err
+  }
 }
 
-export const loadOrPlaySound = async (url, soundVolume = 1) => {
+export const loadOrPlaySound = async (url, soundVolume = 1, loadTimeout = options.remoteSoundsLoadTimeout, loop = false, isMusic = false) => {
   const soundBuffer = sounds[url]
   if (!soundBuffer) {
     const start = Date.now()
     const cancelled = await loadSound(url)
-    if (cancelled || Date.now() - start > 500) return
+    if (cancelled || Date.now() - start > loadTimeout) return
   }
 
-  await playSound(url)
+  return playSound(url, soundVolume, loop, isMusic)
 }
 
-export async function playSound (url, soundVolume = 1) {
-  const volume = soundVolume * (options.volume / 100)
+export async function playSound (url, soundVolume = 1, loop = false, isMusic = false) {
+  const volume = soundVolume * (options.volume / 100) * (isMusic ? options.musicVolume / 100 : 1)
 
   if (!volume) return
 
@@ -47,12 +71,6 @@ export async function playSound (url, soundVolume = 1) {
     return
   }
 
-  for (const [soundName, sound] of Object.entries(sounds)) {
-    if (convertedSounds.includes(soundName)) continue
-    sounds[soundName] = await audioContext.decodeAudioData(sound)
-    convertedSounds.push(soundName)
-  }
-
   const soundBuffer = sounds[url]
   if (!soundBuffer) {
     console.warn(`Sound ${url} not loaded yet`)
@@ -62,8 +80,84 @@ export async function playSound (url, soundVolume = 1) {
   const gainNode = audioContext.createGain()
   const source = audioContext.createBufferSource()
   source.buffer = soundBuffer
+  source.loop = loop
   source.connect(gainNode)
   gainNode.connect(audioContext.destination)
   gainNode.gain.value = volume
   source.start(0)
+
+  // Add to active sounds
+  activeSounds.push({ source, gainNode, volumeMultiplier: soundVolume, isMusic })
+
+  const callbacks = [] as Array<() => void>
+  source.onended = () => {
+    // Remove from active sounds when finished
+    const index = activeSounds.findIndex(s => s.source === source)
+    if (index !== -1) activeSounds.splice(index, 1)
+
+    for (const callback of callbacks) {
+      callback()
+    }
+    callbacks.length = 0
+  }
+
+  return {
+    onEnded (callback: () => void) {
+      callbacks.push(callback)
+    },
+    stop () {
+      try {
+        source.stop()
+        // Remove from active sounds
+        const index = activeSounds.findIndex(s => s.source === source)
+        if (index !== -1) activeSounds.splice(index, 1)
+      } catch (err) {
+        console.warn('Failed to stop sound:', err)
+      }
+    },
+    gainNode,
+  }
 }
+
+export function stopAllSounds () {
+  for (const { source } of activeSounds) {
+    try {
+      source.stop()
+    } catch (err) {
+      console.warn('Failed to stop sound:', err)
+    }
+  }
+  activeSounds.length = 0
+}
+
+export function stopSound (url: string) {
+  const soundIndex = activeSounds.findIndex(s => s.source.buffer === sounds[url])
+  if (soundIndex !== -1) {
+    const { source } = activeSounds[soundIndex]
+    try {
+      source.stop()
+    } catch (err) {
+      console.warn('Failed to stop sound:', err)
+    }
+    activeSounds.splice(soundIndex, 1)
+  }
+}
+
+export function changeVolumeOfCurrentlyPlayingSounds (newVolume: number, newMusicVolume: number) {
+  const normalizedVolume = newVolume / 100
+  for (const { gainNode, volumeMultiplier, isMusic } of activeSounds) {
+    try {
+      gainNode.gain.value = normalizedVolume * volumeMultiplier * (isMusic ? newMusicVolume / 100 : 1)
+    } catch (err) {
+      console.warn('Failed to change sound volume:', err)
+    }
+  }
+}
+
+subscribeKey(options, 'volume', () => {
+  changeVolumeOfCurrentlyPlayingSounds(options.volume, options.musicVolume)
+})
+
+subscribeKey(options, 'musicVolume', () => {
+  changeVolumeOfCurrentlyPlayingSounds(options.volume, options.musicVolume)
+})
diff --git a/src/benchmark.ts b/src/benchmark.ts
new file mode 100644
index 00000000..42603a10
--- /dev/null
+++ b/src/benchmark.ts
@@ -0,0 +1,311 @@
+import { Vec3 } from 'vec3'
+import { WorldRendererCommon } from 'renderer/viewer/lib/worldrendererCommon'
+import prettyBytes from 'pretty-bytes'
+import { subscribe } from 'valtio'
+import { downloadAndOpenMapFromUrl } from './downloadAndOpenFile'
+import { activeModalStack, miscUiState } from './globalState'
+import { disabledSettings, options } from './optionsStorage'
+import { BenchmarkAdapterInfo, getAllInfoLines } from './benchmarkAdapter'
+import { appQueryParams } from './appParams'
+import { getScreenRefreshRate } from './utils'
+import { setLoadingScreenStatus } from './appStatus'
+
+const DEFAULT_RENDER_DISTANCE = 5
+
+interface BenchmarkFixture {
+  urlZip?: string
+  urlDir?: string[]
+  replayFileUrl?: string
+  spawn?: [number, number, number]
+}
+
+const fixtures: Record<string, BenchmarkFixture> = {
+  default: {
+    urlZip: 'https://bucket.mcraft.fun/Future CITY 4.4-slim.zip',
+    spawn: [-133, 87, 309] as [number, number, number],
+  },
+  dir: {
+    urlDir: ['https://bucket.mcraft.fun/Greenfield%20v0.5.1/map-index.json', 'https://mcraft-proxy.vercel.app/0/bucket.mcraft.fun/Greenfield%20v0.5.1/map-index.json'],
+  },
+  replay: {
+    replayFileUrl: 'https://raw.githubusercontent.com/zardoy/mcraft-fun-replays/refs/heads/main/hypepixel-tnt-lobby.worldstate.txt',
+  },
+}
+
+Error.stackTraceLimit = Error.stackTraceLimit < 30 ? 30 : Error.stackTraceLimit
+
+const SESSION_STORAGE_BACKUP_KEY = 'benchmark-backup'
+export const openBenchmark = async (renderDistance = DEFAULT_RENDER_DISTANCE) => {
+  let fixtureNameOpen = appQueryParams.openBenchmark
+  if (!fixtureNameOpen || fixtureNameOpen === '1' || fixtureNameOpen === 'true' || fixtureNameOpen === 'zip') {
+    fixtureNameOpen = 'default'
+  }
+
+
+  if (sessionStorage.getItem(SESSION_STORAGE_BACKUP_KEY)) {
+    const backup = JSON.stringify(JSON.parse(sessionStorage.getItem(SESSION_STORAGE_BACKUP_KEY)!), null, 2)
+    setLoadingScreenStatus('Either other tab with benchmark is open or page crashed. Last data backup is downloaded. Reload page to retry.')
+    // download file
+    const a = document.createElement('a')
+    a.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(backup)
+    a.download = `benchmark-${appViewer.backend?.id}.txt`
+    a.click()
+    sessionStorage.removeItem(SESSION_STORAGE_BACKUP_KEY)
+    return
+  }
+
+  const fixture: BenchmarkFixture = appQueryParams.benchmarkMapZipUrl ? {
+    urlZip: appQueryParams.benchmarkMapZipUrl,
+    spawn: appQueryParams.benchmarkPosition ? appQueryParams.benchmarkPosition.split(',').map(Number) as [number, number, number] : fixtures.default.spawn,
+  } : fixtures[fixtureNameOpen]
+
+  if (!fixture) {
+    setLoadingScreenStatus(`Benchmark fixture ${fixtureNameOpen} not found`)
+    return
+  }
+
+  let memoryUsageAverage = 0
+  let memoryUsageSamples = 0
+  let memoryUsageWorst = 0
+  setInterval(() => {
+    const memoryUsage = (window.performance as any)?.memory?.usedJSHeapSize
+    if (memoryUsage) {
+      memoryUsageAverage = (memoryUsageAverage * memoryUsageSamples + memoryUsage) / (memoryUsageSamples + 1)
+      memoryUsageSamples++
+      if (memoryUsage > memoryUsageWorst) {
+        memoryUsageWorst = memoryUsage
+      }
+    }
+  }, 200)
+
+  let mainThreadFpsAverage = 0
+  let mainThreadFpsWorst = undefined as number | undefined
+  let mainThreadFpsSamples = 0
+  let currentPassedFrames = 0
+  const mainLoop = () => {
+    currentPassedFrames++
+    requestAnimationFrame(mainLoop)
+  }
+  requestAnimationFrame(mainLoop)
+  setInterval(() => {
+    mainThreadFpsAverage = (mainThreadFpsAverage * mainThreadFpsSamples + currentPassedFrames) / (mainThreadFpsSamples + 1)
+    mainThreadFpsSamples++
+    if (mainThreadFpsWorst === undefined) {
+      mainThreadFpsWorst = currentPassedFrames
+    } else {
+      mainThreadFpsWorst = Math.min(mainThreadFpsWorst, currentPassedFrames)
+    }
+    currentPassedFrames = 0
+  }, 1000)
+
+  // todo urlDir fix
+  let fixtureName = `${fixture.urlZip ?? fixture.urlDir?.join('|') ?? fixture.replayFileUrl ?? 'unknown'}`
+  if (fixture.spawn) {
+    fixtureName += ` - ${fixture.spawn.join(' ')}`
+  }
+
+  fixtureName += ` - ${renderDistance}`
+  if (process.env.NODE_ENV !== 'development') { // do not delay
+    setLoadingScreenStatus('Benchmark requested... Getting screen refresh rate')
+    await new Promise(resolve => {
+      setTimeout(resolve, 1000)
+    })
+  }
+  let start = 0
+  // interval to backup data in sessionStorage in case of page crash
+  const saveBackupInterval = setInterval(() => {
+    if (!window.world) return
+    const backup = JSON.parse(JSON.stringify(window.benchmarkAdapter))
+    backup.timePassed = ((Date.now() - start) / 1000).toFixed(2)
+    sessionStorage.setItem(SESSION_STORAGE_BACKUP_KEY, JSON.stringify(backup))
+  }, 500)
+
+  const screenRefreshRate = await getScreenRefreshRate()
+  const benchmarkAdapter: BenchmarkAdapterInfo = {
+    get fixture () {
+      return fixtureName
+    },
+    get worldLoadTimeSeconds () {
+      return window.worldLoadTime
+    },
+    get mesherWorkersCount () {
+      return (window.world as WorldRendererCommon).worldRendererConfig.mesherWorkers
+    },
+    get mesherProcessAvgMs () {
+      return (window.world as WorldRendererCommon).workersProcessAverageTime
+    },
+    get mesherProcessTotalMs () {
+      return (window.world as WorldRendererCommon).workersProcessAverageTime * (window.world as WorldRendererCommon).workersProcessAverageTimeCount
+    },
+    get mesherProcessWorstMs () {
+      return (window.world as WorldRendererCommon).maxWorkersProcessTime
+    },
+    get chunksFullInfo () {
+      return (window.world as WorldRendererCommon).chunksFullInfo
+    },
+    get averageRenderTimeMs () {
+      return (window.world as WorldRendererCommon).renderTimeAvg
+    },
+    get worstRenderTimeMs () {
+      return (window.world as WorldRendererCommon).renderTimeMax
+    },
+    get fpsAveragePrediction () {
+      const avgRenderTime = (window.world as WorldRendererCommon).renderTimeAvg
+      return 1000 / avgRenderTime
+    },
+    get fpsWorstPrediction () {
+      const maxRenderTime = (window.world as WorldRendererCommon).renderTimeMax
+      return 1000 / maxRenderTime
+    },
+    get fpsAverageReal () {
+      return `${(window.world as WorldRendererCommon).fpsAverage.toFixed(0)} / ${screenRefreshRate}`
+    },
+    get fpsWorstReal () {
+      return (window.world as WorldRendererCommon).fpsWorst ?? -1
+    },
+    get backendInfoReport () {
+      return (window.world as WorldRendererCommon).backendInfoReport
+    },
+    get fpsAverageMainThread () {
+      return mainThreadFpsAverage
+    },
+    get fpsWorstMainThread () {
+      return mainThreadFpsWorst ?? -1
+    },
+    get memoryUsageAverage () {
+      return prettyBytes(memoryUsageAverage)
+    },
+    get memoryUsageWorst () {
+      return prettyBytes(memoryUsageWorst)
+    },
+    get gpuInfo () {
+      return appViewer.rendererState.renderer
+    },
+    get hardwareConcurrency () {
+      return navigator.hardwareConcurrency
+    },
+    get userAgent () {
+      return navigator.userAgent
+    },
+    clientVersion: `${process.env.RELEASE_TAG} ${process.env.BUILD_VERSION} ${process.env.RELEASE_LINK ?? ''}`,
+  }
+  window.benchmarkAdapter = benchmarkAdapter
+
+  disabledSettings.value.add('renderDistance')
+  options.renderDistance = renderDistance
+  disabledSettings.value.add('renderDebug')
+  options.renderDebug = 'advanced'
+  disabledSettings.value.add('waitForChunksRender')
+  options.waitForChunksRender = false
+
+  void downloadAndOpenMapFromUrl(fixture.urlZip, undefined, fixture.urlDir, fixture.replayFileUrl, {
+    connectEvents: {
+      serverCreated () {
+        if (fixture.spawn) {
+          localServer!.spawnPoint = new Vec3(...fixture.spawn)
+          localServer!.on('newPlayer', (player) => {
+            player.on('dataLoaded', () => {
+              player.position = new Vec3(...fixture.spawn!)
+              start = Date.now()
+            })
+          })
+        }
+      },
+    }
+  })
+
+  document.addEventListener('cypress-world-ready', () => {
+    clearInterval(saveBackupInterval)
+    sessionStorage.removeItem(SESSION_STORAGE_BACKUP_KEY)
+    let stats = getAllInfoLines(window.benchmarkAdapter)
+    const downloadFile = () => {
+      // const changedSettings =
+
+      const a = document.createElement('a')
+      a.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(stats.join('\n'))
+      a.download = `benchmark-${appViewer.backend?.id}.txt`
+      a.click()
+    }
+    if (appQueryParams.downloadBenchmark) {
+      downloadFile()
+    }
+
+    const panel = document.createElement('div')
+    panel.style.position = 'fixed'
+    panel.style.top = '20px'
+    panel.style.right = '10px'
+    panel.style.backgroundColor = 'rgba(0,0,0,0.8)'
+    panel.style.color = 'white'
+    panel.style.padding = '10px'
+    panel.style.zIndex = '1000'
+    panel.style.fontFamily = 'monospace'
+    panel.style.maxWidth = '80%'
+    panel.style.maxHeight = '90vh'
+    panel.style.overflow = 'auto'
+    panel.id = 'benchmark-panel'
+
+    // Add download button
+    const downloadButton = document.createElement('button')
+    downloadButton.textContent = 'Download Results'
+    downloadButton.style.marginBottom = '10px'
+    downloadButton.style.padding = '5px 10px'
+    downloadButton.style.backgroundColor = '#4CAF50'
+    downloadButton.style.color = 'white'
+    downloadButton.style.border = 'none'
+    downloadButton.style.borderRadius = '4px'
+    downloadButton.style.cursor = 'pointer'
+    downloadButton.onclick = downloadFile
+    panel.appendChild(downloadButton)
+
+    const pre = document.createElement('pre')
+    pre.style.whiteSpace = 'pre-wrap'
+    pre.style.wordBreak = 'break-word'
+    panel.appendChild(pre)
+
+    pre.textContent = stats.join('\n')
+    const updateStats = () => {
+      stats = getAllInfoLines(window.benchmarkAdapter)
+      pre.textContent = stats.join('\n')
+    }
+
+    document.body.appendChild(panel)
+    // setInterval(updateStats, 100)
+  })
+}
+
+// add before unload
+window.addEventListener('beforeunload', () => {
+  // remove sessionStorage backup
+  sessionStorage.removeItem(SESSION_STORAGE_BACKUP_KEY)
+})
+
+document.addEventListener('pointerlockchange', (e) => {
+  const panel = document.querySelector<HTMLDivElement>('#benchmark-panel')
+  if (panel) {
+    panel.hidden = !!document.pointerLockElement
+  }
+})
+
+subscribe(activeModalStack, () => {
+  const panel = document.querySelector<HTMLDivElement>('#benchmark-panel')
+  if (panel && activeModalStack.length > 1) {
+    panel.hidden = true
+  }
+})
+
+export const registerOpenBenchmarkListener = () => {
+  if (appQueryParams.openBenchmark) {
+    void openBenchmark(appQueryParams.renderDistance ? +appQueryParams.renderDistance : undefined)
+  }
+
+  window.addEventListener('keydown', (e) => {
+    if (e.code === 'KeyB' && e.shiftKey && !miscUiState.gameLoaded && activeModalStack.length === 0) {
+      e.preventDefault()
+      // add ?openBenchmark=true to url without reload
+      const url = new URL(window.location.href)
+      url.searchParams.set('openBenchmark', 'true')
+      window.history.replaceState({}, '', url.toString())
+      void openBenchmark()
+    }
+  })
+}
diff --git a/src/benchmarkAdapter.ts b/src/benchmarkAdapter.ts
new file mode 100644
index 00000000..e3da6669
--- /dev/null
+++ b/src/benchmarkAdapter.ts
@@ -0,0 +1,66 @@
+import { noCase } from 'change-case'
+
+export interface BenchmarkAdapterInfo {
+  fixture: string
+  // general load info
+  worldLoadTimeSeconds: number
+
+  // mesher
+  mesherWorkersCount: number
+  mesherProcessAvgMs: number
+  mesherProcessWorstMs: number
+  mesherProcessTotalMs: number
+  chunksFullInfo: string
+
+  // rendering backend
+  averageRenderTimeMs: number
+  worstRenderTimeMs: number
+  fpsAveragePrediction: number
+  fpsWorstPrediction: number
+  fpsAverageReal: string
+  fpsWorstReal: number
+  backendInfoReport: string
+
+  // main thread
+  fpsAverageMainThread: number
+  fpsWorstMainThread: number
+
+  // memory total
+  memoryUsageAverage: string
+  memoryUsageWorst: string
+
+  // context info
+  gpuInfo: string
+  hardwareConcurrency: number
+  userAgent: string
+  clientVersion: string
+}
+
+export const getAllInfo = (adapter: BenchmarkAdapterInfo) => {
+  return Object.fromEntries(
+    Object.entries(adapter).map(([key, value]) => {
+      if (typeof value === 'function') {
+        value = (value as () => any)()
+      }
+      if (typeof value === 'number') {
+        value = value.toFixed(2)
+      }
+      return [noCase(key), value]
+    })
+  )
+}
+
+export const getAllInfoLines = (adapter: BenchmarkAdapterInfo, delayed = false) => {
+  const info = getAllInfo(adapter)
+  if (delayed) {
+    for (const key in info) {
+      if (key !== 'fpsAveragePrediction' && key !== 'fpsAverageReal') {
+        delete info[key]
+      }
+    }
+  }
+
+  return Object.entries(info).map(([key, value]) => {
+    return `${key}${delayed ? ' (delayed)' : ''}: ${value}`
+  })
+}
diff --git a/src/botUtils.ts b/src/botUtils.ts
index 79b10118..10609322 100644
--- a/src/botUtils.ts
+++ b/src/botUtils.ts
@@ -1,122 +1,49 @@
-// this should actually be moved to mineflayer / prismarine-viewer
+import { versionToNumber } from 'renderer/viewer/common/utils'
+import * as nbt from 'prismarine-nbt'
 
-import { fromFormattedString, TextComponent } from '@xmcl/text-component'
-import type { IndexedData } from 'minecraft-data'
-
-export type MessageFormatPart = Pick<TextComponent, 'hoverEvent' | 'clickEvent'> & {
-  text: string
-  color?: string
-  bold?: boolean
-  italic?: boolean
-  underlined?: boolean
-  strikethrough?: boolean
-  obfuscated?: boolean
+export const displayClientChat = (text: string) => {
+  const message = {
+    text
+  }
+  if (versionToNumber(bot.version) >= versionToNumber('1.19')) {
+    bot._client.emit('systemChat', {
+      formattedMessage: JSON.stringify(message),
+      position: 0,
+      sender: 'minecraft:chat'
+    })
+    return
+  }
+  bot._client.emit('chat', {
+    message: JSON.stringify(message),
+    position: 0,
+    sender: 'minecraft:chat'
+  })
 }
 
-type MessageInput = {
-  text?: string
-  translate?: string
-  with?: Array<MessageInput | string>
-  color?: string
-  bold?: boolean
-  italic?: boolean
-  underlined?: boolean
-  strikethrough?: boolean
-  obfuscated?: boolean
-  extra?: MessageInput[]
-  json?: any
-}
-
-const global = globalThis as any
-
-// todo move to sign-renderer, replace with prismarine-chat, fix mcData issue!
-export const formatMessage = (message: MessageInput, mcData: IndexedData = global.loadedData) => {
-  let msglist: MessageFormatPart[] = []
-
-  const readMsg = (msg: MessageInput) => {
-    const styles = {
-      color: msg.color,
-      bold: !!msg.bold,
-      italic: !!msg.italic,
-      underlined: !!msg.underlined,
-      strikethrough: !!msg.strikethrough,
-      obfuscated: !!msg.obfuscated
-    }
-
-    if (msg.text) {
-      msglist.push({
-        ...msg,
-        text: msg.text,
-        ...styles
-      })
-    } else if (msg.translate) {
-      const tText = mcData?.language[msg.translate] ?? msg.translate
-
-      if (msg.with) {
-        const splitted = tText.split(/%s|%\d+\$s/g)
-
-        let i = 0
-        for (const [j, part] of splitted.entries()) {
-          msglist.push({ text: part, ...styles })
-
-          if (j + 1 < splitted.length) {
-            if (msg.with[i]) {
-              const msgWith = msg.with[i]
-              if (typeof msgWith === 'string') {
-                readMsg({
-                  ...styles,
-                  text: msgWith
-                })
-              } else {
-                readMsg({
-                  ...styles,
-                  ...msgWith
-                })
-              }
-            }
-            i++
-          }
-        }
-      } else {
-        msglist.push({
-          ...msg,
-          text: tText,
-          ...styles
-        })
+export const parseFormattedMessagePacket = (arg) => {
+  if (typeof arg === 'string') {
+    try {
+      arg = JSON.parse(arg)
+      return {
+        formatted: arg,
+        plain: ''
       }
-    }
-
-    if (msg.extra) {
-      for (const ex of msg.extra) {
-        readMsg({ ...styles, ...ex })
+    } catch {}
+  }
+  if (typeof arg === 'object') {
+    try {
+      return {
+        formatted: nbt.simplify(arg),
+        plain: ''
+      }
+    } catch (err) {
+      console.warn('Failed to parse formatted message', arg, err)
+      return {
+        plain: JSON.stringify(arg)
       }
     }
   }
-
-  readMsg(message)
-
-  const flat = (msg) => {
-    return [msg, msg.extra?.flatMap(flat) ?? []]
+  return {
+    plain: String(arg)
   }
-
-  msglist = msglist.map(msg => {
-    // normalize §
-    if (!msg.text.includes?.('§')) return msg
-    const newMsg = fromFormattedString(msg.text)
-    return flat(newMsg)
-  }).flat(Infinity)
-
-  return msglist
-}
-
-const blockToItemRemaps = {
-  water: 'water_bucket',
-  lava: 'lava_bucket',
-  redstone_wire: 'redstone',
-  tripwire: 'tripwire_hook'
-}
-
-export const getItemFromBlock = (block: import('prismarine-block').Block) => {
-  const item = global.loadedData.itemsByName[blockToItemRemaps[block.name] ?? block.name]
-  return item
 }
diff --git a/src/browserfs.ts b/src/browserfs.ts
index ebe8acfd..006b6db8 100644
--- a/src/browserfs.ts
+++ b/src/browserfs.ts
@@ -7,24 +7,50 @@ import * as browserfs from 'browserfs'
 import { options, resetOptions } from './optionsStorage'
 
 import { fsState, loadSave } from './loadSave'
-import { installTexturePack, installTexturePackFromHandle, updateTexturePackInstalledState } from './texturePack'
+import { installResourcepackPack, installTexturePackFromHandle, updateTexturePackInstalledState } from './resourcePack'
 import { miscUiState } from './globalState'
-import { setLoadingScreenStatus } from './utils'
-const { GoogleDriveFileSystem } = require('google-drive-browserfs/src/backends/GoogleDrive') // disable type checking
+import { setLoadingScreenStatus } from './appStatus'
+import { VALID_REPLAY_EXTENSIONS, openFile } from './packetsReplay/replayPackets'
+import { getFixedFilesize } from './downloadAndOpenFile'
+import { packetsReplayState } from './react/state/packetsReplayState'
+import { createFullScreenProgressReporter } from './core/progressReporter'
+import { showNotification } from './react/NotificationProvider'
+import { resetAppStorage } from './react/appStorageProvider'
+import { ConnectOptions } from './connect'
+const { GoogleDriveFileSystem } = require('google-drive-browserfs/src/backends/GoogleDrive')
 
 browserfs.install(window)
 const defaultMountablePoints = {
-  '/world': { fs: 'LocalStorage' }, // will be removed in future
   '/data': { fs: 'IndexedDB' },
+  '/resourcepack': { fs: 'InMemory' }, // temporary storage for currently loaded resource pack
+  '/temp': { fs: 'InMemory' }
+}
+const fallbackMountablePoints = {
+  '/resourcepack': { fs: 'InMemory' }, // temporary storage for downloaded server resource pack
+  '/temp': { fs: 'InMemory' }
 }
 browserfs.configure({
   fs: 'MountableFileSystem',
   options: defaultMountablePoints,
 }, async (e) => {
-  // todo disable singleplayer button
-  if (e) throw e
+  if (e) {
+    browserfs.configure({
+      fs: 'MountableFileSystem',
+      options: fallbackMountablePoints,
+    }, async (e2) => {
+      if (e2) {
+        showNotification('Unknown FS error, cannot continue', e2.message, true)
+        throw e2
+      }
+      showNotification('Failed to access device storage', `Check you have free space. ${e.message}`, true)
+      miscUiState.fsReady = true
+      miscUiState.singleplayerAvailable = false
+    })
+    return
+  }
   await updateTexturePackInstalledState()
-  miscUiState.appLoaded = true
+  miscUiState.fsReady = true
+  miscUiState.singleplayerAvailable = true
 })
 
 export const forceCachedDataPaths = {}
@@ -233,10 +259,11 @@ export const mountGoogleDriveFolder = async (readonly: boolean, rootId: string)
   fsState.isReadonly = readonly
   fsState.syncFs = false
   fsState.inMemorySave = false
+  fsState.remoteBackend = true
   return true
 }
 
-export async function removeFileRecursiveAsync (path) {
+export async function removeFileRecursiveAsync (path, removeDirectoryItself = true) {
   const errors = [] as Array<[string, Error]>
   try {
     const files = await fs.promises.readdir(path)
@@ -255,7 +282,9 @@ export async function removeFileRecursiveAsync (path) {
     }))
 
     // After removing all files/directories, remove the current directory
-    await fs.promises.rmdir(path)
+    if (removeDirectoryItself) {
+      await fs.promises.rmdir(path)
+    }
   } catch (error) {
     errors.push([path, error])
   }
@@ -313,6 +342,7 @@ export const openWorldDirectory = async (dragndropHandle?: FileSystemDirectoryHa
   fsState.isReadonly = !writeAccess
   fsState.syncFs = false
   fsState.inMemorySave = false
+  fsState.remoteBackend = false
   await loadSave()
 }
 
@@ -352,7 +382,33 @@ export const possiblyCleanHandle = (callback = () => { }) => {
   }
 }
 
-export const copyFilesAsyncWithProgress = async (pathSrc: string, pathDest: string, throwRootNotExist = true) => {
+const readdirSafe = async (path: string) => {
+  try {
+    return await fs.promises.readdir(path)
+  } catch (err) {
+    return null
+  }
+}
+
+export const collectFilesToCopy = async (basePath: string, safe = false): Promise<string[]> => {
+  const result: string[] = []
+  const countFiles = async (relPath: string) => {
+    const resolvedPath = join(basePath, relPath)
+    const files = relPath === '.' && !safe ? await fs.promises.readdir(resolvedPath) : await readdirSafe(resolvedPath)
+    if (!files) return null
+    await Promise.all(files.map(async file => {
+      const res = await countFiles(join(relPath, file))
+      if (res === null) {
+        // is file
+        result.push(join(relPath, file))
+      }
+    }))
+  }
+  await countFiles('.')
+  return result
+}
+
+export const copyFilesAsyncWithProgress = async (pathSrc: string, pathDest: string, throwRootNotExist = true, addMsg = '') => {
   const stat = await existsViaStats(pathSrc)
   if (!stat) {
     if (throwRootNotExist) throw new Error(`Cannot copy. Source directory ${pathSrc} does not exist`)
@@ -360,7 +416,7 @@ export const copyFilesAsyncWithProgress = async (pathSrc: string, pathDest: stri
     return
   }
   if (!stat.isDirectory()) {
-    await fs.promises.writeFile(pathDest, await fs.promises.readFile(pathSrc))
+    await fs.promises.writeFile(pathDest, await fs.promises.readFile(pathSrc) as any)
     console.debug('copied single file', pathSrc, pathDest)
     return
   }
@@ -387,7 +443,7 @@ export const copyFilesAsyncWithProgress = async (pathSrc: string, pathDest: stri
     let copied = 0
     await copyFilesAsync(pathSrc, pathDest, (name) => {
       copied++
-      setLoadingScreenStatus(`Copying files (${copied}/${filesCount}): ${name}`)
+      setLoadingScreenStatus(`Copying files${addMsg} (${copied}/${filesCount}): ${name}`)
     })
   } finally {
     setLoadingScreenStatus(undefined)
@@ -402,6 +458,19 @@ export const existsViaStats = async (path: string) => {
   }
 }
 
+export const fileExistsAsyncOptimized = async (path: string) => {
+  try {
+    await fs.promises.readdir(path)
+  } catch (err) {
+    if (err.code === 'ENOTDIR') return true
+    // eslint-disable-next-line sonarjs/prefer-single-boolean-return
+    if (err.code === 'ENOENT') return false
+    // throw err
+    return false
+  }
+  return true
+}
+
 export const copyFilesAsync = async (pathSrc: string, pathDest: string, fileCopied?: (name) => void) => {
   // query: can't use fs.copy! use fs.promises.writeFile and readFile
   const files = await fs.promises.readdir(pathSrc)
@@ -422,7 +491,7 @@ export const copyFilesAsync = async (pathSrc: string, pathDest: string, fileCopi
     } else {
       // Copy file
       try {
-        await fs.promises.writeFile(curPathDest, await fs.promises.readFile(curPathSrc))
+        await fs.promises.writeFile(curPathDest, await fs.promises.readFile(curPathSrc) as any)
         console.debug('copied file', curPathSrc, curPathDest)
       } catch (err) {
         console.error('Error copying file', curPathSrc, curPathDest, err)
@@ -433,8 +502,66 @@ export const copyFilesAsync = async (pathSrc: string, pathDest: string, fileCopi
   }))
 }
 
+export const openWorldFromHttpDir = async (fileDescriptorUrls: string[]/*  | undefined */, baseUrlParam) => {
+  // todo try go guess mode
+  let index
+  let baseUrl
+  for (const url of fileDescriptorUrls) {
+    let file
+    try {
+      setLoadingScreenStatus(`Trying to get world descriptor from ${new URL(url).host}`)
+      const controller = new AbortController()
+      setTimeout(() => {
+        controller.abort()
+      }, 3000)
+      // eslint-disable-next-line no-await-in-loop
+      const response = await fetch(url, { signal: controller.signal })
+      // eslint-disable-next-line no-await-in-loop
+      file = await response.json()
+    } catch (err) {
+      console.error('Error fetching file descriptor', url, err)
+    }
+    if (!file) continue
+    if (file.baseUrl) {
+      baseUrl = new URL(file.baseUrl, baseUrl).toString()
+      index = file.index
+    } else {
+      index = file
+      baseUrl = baseUrlParam ?? url.split('/').slice(0, -1).join('/')
+    }
+    break
+  }
+  if (!index) throw new Error(`The provided mapDir file is not valid descriptor file! ${fileDescriptorUrls.join(', ')}`)
+  await new Promise<void>(async resolve => {
+    browserfs.configure({
+      fs: 'MountableFileSystem',
+      options: {
+        ...defaultMountablePoints,
+        '/world': {
+          fs: 'HTTPRequest',
+          options: {
+            index,
+            baseUrl
+          }
+        }
+      },
+    }, (e) => {
+      if (e) throw e
+      resolve()
+    })
+  })
+
+  fsState.saveLoaded = false
+  fsState.isReadonly = true
+  fsState.syncFs = false
+  fsState.inMemorySave = false
+  fsState.remoteBackend = true
+
+  await loadSave()
+}
+
 // todo rename method
-const openWorldZipInner = async (file: File | ArrayBuffer, name = file['name']) => {
+const openWorldZipInner = async (file: File | ArrayBuffer, name = file['name'], connectOptions?: Partial<ConnectOptions>) => {
   await new Promise<void>(async resolve => {
     browserfs.configure({
       // todo
@@ -459,6 +586,7 @@ const openWorldZipInner = async (file: File | ArrayBuffer, name = file['name'])
   fsState.isReadonly = true
   fsState.syncFs = true
   fsState.inMemorySave = false
+  fsState.remoteBackend = false
 
   if (fs.existsSync('/world/level.dat')) {
     await loadSave()
@@ -478,7 +606,7 @@ const openWorldZipInner = async (file: File | ArrayBuffer, name = file['name'])
     }
 
     if (availableWorlds.length === 1) {
-      await loadSave(`/world/${availableWorlds[0]}`)
+      await loadSave(`/world/${availableWorlds[0]}`, connectOptions)
       return
     }
 
@@ -496,44 +624,46 @@ export const openWorldZip = async (...args: Parameters<typeof openWorldZipInner>
   }
 }
 
-export const resetLocalStorageWorld = () => {
-  for (const key of Object.keys(localStorage)) {
-    if (/^[\da-fA-F]{8}(?:\b-[\da-fA-F]{4}){3}\b-[\da-fA-F]{12}$/g.test(key) || key === '/') {
-      localStorage.removeItem(key)
-    }
-  }
-}
-
-export const resetLocalStorageWithoutWorld = () => {
-  for (const key of Object.keys(localStorage)) {
-    if (!/^[\da-fA-F]{8}(?:\b-[\da-fA-F]{4}){3}\b-[\da-fA-F]{12}$/g.test(key) && key !== '/') {
-      localStorage.removeItem(key)
-    }
-  }
+export const resetLocalStorage = () => {
   resetOptions()
+  resetAppStorage()
 }
 
-window.resetLocalStorageWorld = resetLocalStorageWorld
+window.resetLocalStorage = resetLocalStorage
+
 export const openFilePicker = (specificCase?: 'resourcepack') => {
   // create and show input picker
   let picker: HTMLInputElement = document.body.querySelector('input#file-zip-picker')!
   if (!picker) {
     picker = document.createElement('input')
     picker.type = 'file'
-    picker.accept = '.zip'
+    picker.accept = specificCase ? '.zip' : [...VALID_REPLAY_EXTENSIONS, '.zip'].join(',')
 
     picker.addEventListener('change', () => {
       const file = picker.files?.[0]
       picker.value = ''
       if (!file) return
-      if (!file.name.endsWith('.zip')) {
-        const doContinue = confirm(`Are you sure ${file.name.slice(-20)} is .zip file? Only .zip files are supported. Continue?`)
-        if (!doContinue) return
-      }
       if (specificCase === 'resourcepack') {
-        void installTexturePack(file)
+        if (!file.name.endsWith('.zip')) {
+          const doContinue = confirm(`Are you sure ${file.name.slice(-20)} is .zip file? ONLY .zip files are supported. Continue?`)
+          if (!doContinue) return
+        }
+        void installResourcepackPack(file, createFullScreenProgressReporter()).catch((err) => {
+          setLoadingScreenStatus(err.message, true)
+        })
       } else {
-        void openWorldZip(file)
+        // eslint-disable-next-line no-lonely-if
+        if (VALID_REPLAY_EXTENSIONS.some(ext => file.name.endsWith(ext)) || file.name.startsWith('packets-replay')) {
+          void file.text().then(contents => {
+            openFile({
+              contents,
+              filename: file.name,
+              filesize: file.size
+            })
+          })
+        } else {
+          void openWorldZip(file)
+        }
       }
     })
     picker.hidden = true
diff --git a/src/builtinCommands.ts b/src/builtinCommands.ts
index e68daa03..a292c5cd 100644
--- a/src/builtinCommands.ts
+++ b/src/builtinCommands.ts
@@ -1,11 +1,14 @@
 import fs from 'fs'
 import { join } from 'path'
 import JSZip from 'jszip'
-import { readLevelDat } from './loadSave'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+import { fsState, readLevelDat } from './loadSave'
 import { closeWan, openToWanAndCopyJoinLink } from './localServerMultiplayer'
 import { copyFilesAsync, uniqueFileNameFromWorldName } from './browserfs'
 import { saveServer } from './flyingSquidUtils'
-import { setLoadingScreenStatus } from './utils'
+import { setLoadingScreenStatus } from './appStatus'
+import { displayClientChat } from './botUtils'
+import { miscUiState } from './globalState'
 
 const notImplemented = () => {
   return 'Not implemented yet'
@@ -67,7 +70,7 @@ export const exportWorld = async (path: string, type: 'zip' | 'folder', zipName
 // todo include in help
 const exportLoadedWorld = async () => {
   await saveServer()
-  let { worldFolder } = localServer!.options
+  let worldFolder = fsState.inMemorySavePath
   if (!worldFolder.startsWith('/')) worldFolder = `/${worldFolder}`
   await exportWorld(worldFolder, 'zip')
 }
@@ -75,14 +78,13 @@ const exportLoadedWorld = async () => {
 window.exportWorld = exportLoadedWorld
 
 const writeText = (text) => {
-  bot._client.emit('chat', {
-    message: JSON.stringify({ text })
-  })
+  displayClientChat(text)
 }
 
-const commands: Array<{
+export const commands: Array<{
   command: string[],
-  invoke (): Promise<void> | void
+  alwaysAvailable?: boolean,
+  invoke (args: string[]): Promise<void> | void
   //@ts-format-ignore-region
 }> = [
   {
@@ -107,19 +109,47 @@ const commands: Array<{
     command: ['/save'],
     async invoke () {
       await saveServer(false)
+      writeText('Saved to browser memory')
+    }
+  },
+  {
+    command: ['/pos'],
+    alwaysAvailable: true,
+    async invoke ([type]) {
+      let pos: { x: number, y: number, z: number } | undefined
+      if (type === 'block') {
+        const blockPos = window.cursorBlockRel()?.position
+        if (blockPos) {
+          pos = { x: blockPos.x, y: blockPos.y, z: blockPos.z }
+        }
+      } else {
+        const playerPos = bot.entity.position
+        pos = { x: playerPos.x, y: playerPos.y, z: playerPos.z }
+      }
+      if (!pos) return
+      const formatted = `${pos.x.toFixed(2)} ${pos.y.toFixed(2)} ${pos.z.toFixed(2)}`
+      await navigator.clipboard.writeText(formatted)
+      writeText(`Copied position to clipboard: ${formatted}`)
+    }
+  },
+  {
+    command: ['/mesherlog'],
+    alwaysAvailable: true,
+    invoke () {
+      getThreeJsRendererMethods()?.downloadMesherLog()
     }
   }
 ]
 //@ts-format-ignore-endregion
 
-export const getBuiltinCommandsList = () => commands.flatMap(command => command.command)
+export const getBuiltinCommandsList = () => commands.filter(command => command.alwaysAvailable || miscUiState.singleplayer).flatMap(command => command.command)
 
-export const tryHandleBuiltinCommand = (message) => {
-  if (!localServer) return
+export const tryHandleBuiltinCommand = (message: string) => {
+  const [userCommand, ...args] = message.split(' ')
 
-  for (const command of commands) {
-    if (command.command.includes(message)) {
-      void command.invoke() // ignoring for now
+  for (const command of commands.filter(command => command.alwaysAvailable || miscUiState.singleplayer)) {
+    if (command.command.includes(userCommand)) {
+      void command.invoke(args) // ignoring for now
       return true
     }
   }
diff --git a/src/cameraRotationControls.ts b/src/cameraRotationControls.ts
new file mode 100644
index 00000000..679a3a44
--- /dev/null
+++ b/src/cameraRotationControls.ts
@@ -0,0 +1,83 @@
+import { contro } from './controls'
+import { activeModalStack, isGameActive, miscUiState, showModal } from './globalState'
+import { options } from './optionsStorage'
+import { hideNotification, notificationProxy } from './react/NotificationProvider'
+import { pointerLock } from './utils'
+import { updateMotion, initMotionTracking } from './react/uiMotion'
+
+let lastMouseMove: number
+
+export type CameraMoveEvent = {
+  movementX: number
+  movementY: number
+  type: string
+  stopPropagation?: () => void
+}
+
+export function onCameraMove (e: MouseEvent | CameraMoveEvent) {
+  if (!isGameActive(true)) return
+  if (e.type === 'mousemove' && !document.pointerLockElement) return
+  e.stopPropagation?.()
+  if (appViewer.playerState.utils.isSpectatingEntity()) return
+  const now = performance.now()
+  // todo: limit camera movement for now to avoid unexpected jumps
+  if (now - lastMouseMove < 4 && !options.preciseMouseInput) return
+  lastMouseMove = now
+  let { mouseSensX, mouseSensY } = options
+  if (mouseSensY === -1) mouseSensY = mouseSensX
+  moveCameraRawHandler({
+    x: e.movementX * mouseSensX * 0.0001,
+    y: e.movementY * mouseSensY * 0.0001
+  })
+  bot.mouse.update()
+  updateMotion()
+}
+
+export const moveCameraRawHandler = ({ x, y }: { x: number; y: number }) => {
+  const maxPitch = 0.5 * Math.PI
+  const minPitch = -0.5 * Math.PI
+
+  appViewer.lastCamUpdate = Date.now()
+
+  // if (viewer.world.freeFlyMode) {
+  //   // Update freeFlyState directly
+  //   viewer.world.freeFlyState.yaw = (viewer.world.freeFlyState.yaw - x) % (2 * Math.PI)
+  //   viewer.world.freeFlyState.pitch = Math.max(minPitch, Math.min(maxPitch, viewer.world.freeFlyState.pitch - y))
+  //   return
+  // }
+
+  if (!bot?.entity) return
+  const pitch = bot.entity.pitch - y
+  void bot.look(bot.entity.yaw - x, Math.max(minPitch, Math.min(maxPitch, pitch)), true)
+  appViewer.backend?.updateCamera(null, bot.entity.yaw, pitch)
+}
+
+window.addEventListener('mousemove', (e: MouseEvent) => {
+  onCameraMove(e)
+}, { capture: true })
+
+export const onControInit = () => {
+  contro.on('stickMovement', ({ stick, vector }) => {
+    if (!isGameActive(true)) return
+    if (stick !== 'right') return
+    let { x, z } = vector
+    if (Math.abs(x) < 0.18) x = 0
+    if (Math.abs(z) < 0.18) z = 0
+    onCameraMove({
+      movementX: x * 10,
+      movementY: z * 10,
+      type: 'stickMovement',
+      stopPropagation () {}
+    } as CameraMoveEvent)
+    miscUiState.usingGamepadInput = true
+  })
+}
+
+function pointerLockChangeCallback () {
+  if (appViewer.rendererState.preventEscapeMenu) return
+  if (!pointerLock.hasPointerLock && activeModalStack.length === 0 && miscUiState.gameLoaded) {
+    showModal({ reactType: 'pause-screen' })
+  }
+}
+
+document.addEventListener('pointerlockchange', pointerLockChangeCallback, false)
diff --git a/src/botUtils.test.ts b/src/chatUtils.test.ts
similarity index 66%
rename from src/botUtils.test.ts
rename to src/chatUtils.test.ts
index 99aa07b4..6d683919 100644
--- a/src/botUtils.test.ts
+++ b/src/chatUtils.test.ts
@@ -1,6 +1,6 @@
 import { test, expect } from 'vitest'
 import mcData from 'minecraft-data'
-import { formatMessage } from './botUtils'
+import { formatMessage, isAllowedChatCharacter, isStringAllowed } from './chatUtils'
 
 //@ts-expect-error
 globalThis.loadedData ??= mcData('1.20.1')
@@ -64,3 +64,21 @@ test('formatMessage', () => {
     ]
   `)
 })
+
+test('isAllowedChatCharacter', () => {
+  expect(isAllowedChatCharacter('a')).toBe(true)
+  expect(isAllowedChatCharacter('a')).toBe(true)
+  expect(isAllowedChatCharacter('§')).toBe(false)
+  expect(isAllowedChatCharacter(' ')).toBe(true)
+  expect(isStringAllowed('a§b')).toMatchObject({
+    valid: false,
+    clean: 'ab',
+    invalid: ['§']
+  })
+  expect(isStringAllowed('aツ')).toMatchObject({
+    valid: true,
+  })
+  expect(isStringAllowed('a🟢')).toMatchObject({
+    valid: true,
+  })
+})
diff --git a/src/chatUtils.ts b/src/chatUtils.ts
new file mode 100644
index 00000000..849d5847
--- /dev/null
+++ b/src/chatUtils.ts
@@ -0,0 +1,173 @@
+// this should actually be moved to mineflayer / renderer
+
+import { fromFormattedString, TextComponent } from '@xmcl/text-component'
+import type { IndexedData } from 'minecraft-data'
+import { versionToNumber } from 'renderer/viewer/common/utils'
+
+export interface MessageFormatOptions {
+  doShadow?: boolean
+}
+
+export type MessageFormatPart = Pick<TextComponent, 'hoverEvent' | 'clickEvent'> & {
+  text: string
+  color?: string
+  bold?: boolean
+  italic?: boolean
+  underlined?: boolean
+  strikethrough?: boolean
+  obfuscated?: boolean
+}
+
+type MessageInput = {
+  text?: string
+  translate?: string
+  with?: Array<MessageInput | string>
+  color?: string
+  bold?: boolean
+  italic?: boolean
+  underlined?: boolean
+  strikethrough?: boolean
+  obfuscated?: boolean
+  extra?: MessageInput[]
+  json?: any
+}
+
+const global = globalThis as any
+
+// todo move to sign-renderer, replace with prismarine-chat, fix mcData issue!
+export const formatMessage = (message: MessageInput, mcData: IndexedData = global.loadedData) => {
+  let msglist: MessageFormatPart[] = []
+
+  const readMsg = (msg: MessageInput) => {
+    const styles = {
+      color: msg.color,
+      bold: !!msg.bold,
+      italic: !!msg.italic,
+      underlined: !!msg.underlined,
+      strikethrough: !!msg.strikethrough,
+      obfuscated: !!msg.obfuscated
+    }
+
+    if (!msg.text && typeof msg.json?.[''] === 'string') msg.text = msg.json['']
+    if (msg.text) {
+      msglist.push({
+        ...msg,
+        text: msg.text,
+        ...styles
+      })
+    } else if (msg.translate) {
+      const tText = mcData?.language[msg.translate] ?? msg.translate
+
+      if (msg.with) {
+        const splitted = tText.split(/%s|%\d+\$s/g)
+
+        let i = 0
+        for (const [j, part] of splitted.entries()) {
+          msglist.push({ text: part, ...styles })
+
+          if (j + 1 < splitted.length) {
+            if (msg.with[i]) {
+              const msgWith = msg.with[i]
+              if (typeof msgWith === 'string') {
+                readMsg({
+                  ...styles,
+                  text: msgWith
+                })
+              } else {
+                readMsg({
+                  ...styles,
+                  ...msgWith
+                })
+              }
+            }
+            i++
+          }
+        }
+      } else {
+        msglist.push({
+          ...msg,
+          text: tText,
+          ...styles
+        })
+      }
+    }
+
+    if (msg.extra) {
+      for (let ex of msg.extra) {
+        if (typeof ex === 'string') {
+          ex = { text: ex }
+        }
+        readMsg({ ...styles, ...ex })
+      }
+    }
+  }
+
+  readMsg(message)
+
+  const flat = (msg) => {
+    return [msg, msg.extra?.flatMap(flat) ?? []]
+  }
+
+  msglist = msglist.map(msg => {
+    // normalize §
+    if (!msg.text.includes?.('§')) return msg
+    const newMsg = fromFormattedString(msg.text)
+    return flat(newMsg)
+  }).flat(Infinity)
+
+  return msglist
+}
+
+export const messageToString = (message: MessageInput | string) => {
+  if (typeof message === 'string') {
+    return message
+  }
+  const msglist = formatMessage(message)
+  return msglist.map(msg => msg.text).join('')
+}
+
+const blockToItemRemaps = {
+  water: 'water_bucket',
+  lava: 'lava_bucket',
+  redstone_wire: 'redstone',
+  tripwire: 'tripwire_hook'
+}
+
+export const getItemFromBlock = (block: import('prismarine-block').Block) => {
+  const item = global.loadedData.itemsByName[blockToItemRemaps[block.name] ?? block.name]
+  return item
+}
+
+export function isAllowedChatCharacter (char: string): boolean {
+  // if (char.length !== 1) {
+  //   throw new Error('Input must be a single character')
+  // }
+
+  const charCode = char.codePointAt(0)!
+  return charCode !== 167 && charCode >= 32 && charCode !== 127
+}
+
+export const isStringAllowed = (str: string) => {
+  const invalidChars = new Set<string>()
+  for (const [i, char] of [...str].entries()) {
+    const isSurrogatePair = str.codePointAt(i) !== str['charCodeAt'](i)
+    if (isSurrogatePair) continue
+
+    if (!isAllowedChatCharacter(char)) {
+      invalidChars.add(char)
+    }
+  }
+
+  const valid = invalidChars.size === 0
+  if (valid) {
+    return {
+      valid: true
+    }
+  }
+
+  return {
+    valid,
+    clean: [...str].filter(c => !invalidChars.has(c)).join(''),
+    invalid: [...invalidChars]
+  }
+}
diff --git a/src/clientMods.ts b/src/clientMods.ts
new file mode 100644
index 00000000..204a5861
--- /dev/null
+++ b/src/clientMods.ts
@@ -0,0 +1,637 @@
+/* eslint-disable no-await-in-loop */
+import { openDB } from 'idb'
+import * as React from 'react'
+import * as valtio from 'valtio'
+import * as valtioUtils from 'valtio/utils'
+import { gt } from 'semver'
+import { proxy } from 'valtio'
+import { options } from './optionsStorage'
+import { appStorage } from './react/appStorageProvider'
+import { showInputsModal, showOptionsModal } from './react/SelectOption'
+import { ProgressReporter } from './core/progressReporter'
+import { showNotification } from './react/NotificationProvider'
+
+let sillyProtection = false
+const protectRuntime = () => {
+  if (sillyProtection) return
+  sillyProtection = true
+  const sensetiveKeys = new Set(['authenticatedAccounts', 'serversList', 'username'])
+  const proxy = new Proxy(window.localStorage, {
+    get (target, prop) {
+      if (typeof prop === 'string') {
+        if (sensetiveKeys.has(prop)) {
+          console.warn(`Access to sensitive key "${prop}" was blocked`)
+          return null
+        }
+        if (prop === 'getItem') {
+          return (key: string) => {
+            if (sensetiveKeys.has(key)) {
+              console.warn(`Access to sensitive key "${key}" via getItem was blocked`)
+              return null
+            }
+            return target.getItem(key)
+          }
+        }
+        if (prop === 'setItem') {
+          return (key: string, value: string) => {
+            if (sensetiveKeys.has(key)) {
+              console.warn(`Attempt to set sensitive key "${key}" via setItem was blocked`)
+              return
+            }
+            target.setItem(key, value)
+          }
+        }
+        if (prop === 'removeItem') {
+          return (key: string) => {
+            if (sensetiveKeys.has(key)) {
+              console.warn(`Attempt to delete sensitive key "${key}" via removeItem was blocked`)
+              return
+            }
+            target.removeItem(key)
+          }
+        }
+        if (prop === 'clear') {
+          console.warn('Attempt to clear localStorage was blocked')
+          return () => {}
+        }
+      }
+      return Reflect.get(target, prop)
+    },
+    set (target, prop, value) {
+      if (typeof prop === 'string' && sensetiveKeys.has(prop)) {
+        console.warn(`Attempt to set sensitive key "${prop}" was blocked`)
+        return false
+      }
+      return Reflect.set(target, prop, value)
+    },
+    deleteProperty (target, prop) {
+      if (typeof prop === 'string' && sensetiveKeys.has(prop)) {
+        console.warn(`Attempt to delete sensitive key "${prop}" was blocked`)
+        return false
+      }
+      return Reflect.deleteProperty(target, prop)
+    }
+  })
+  Object.defineProperty(window, 'localStorage', {
+    value: proxy,
+    writable: false,
+    configurable: false,
+  })
+}
+
+// #region Database
+const dbPromise = openDB('mods-db', 1, {
+  upgrade (db) {
+    db.createObjectStore('mods', {
+      keyPath: 'name',
+    })
+    db.createObjectStore('repositories', {
+      keyPath: 'url',
+    })
+  },
+})
+
+export interface ModSetting {
+  label?: string
+  type: 'toggle' | 'choice' | 'input' | 'slider'
+  hidden?: boolean
+  values?: string[]
+  inputType?: string
+  hint?: string
+  default?: any
+}
+
+export interface ModSettingsDict {
+  [settingId: string]: ModSetting
+}
+
+export interface ModAction {
+  method?: string
+  label?: string
+  /** @default false */
+  gameGlobal?: boolean
+  /** @default false */
+  onlyForeground?: boolean
+}
+
+// mcraft-repo.json
+export interface McraftRepoFile {
+  packages: ClientModDefinition[]
+  /** @default true */
+  prefix?: string | boolean
+  name?: string // display name
+  description?: string
+  mirrorUrls?: string[]
+  autoUpdateOverride?: boolean
+  lastUpdated?: number
+}
+export interface Repository extends McraftRepoFile {
+  url: string
+}
+
+export interface ClientMod {
+  name: string; // unique identifier like owner.name
+  version: string
+  enabled?: boolean
+
+  scriptMainUnstable?: string;
+  serverPlugin?: string
+  // serverPlugins?: string[]
+  // mesherThread?: string
+  stylesGlobal?: string
+  threeJsBackend?: string // three.js
+  // stylesLocal?: string
+
+  requiresNetwork?: boolean
+  fullyOffline?: boolean
+  description?: string
+  author?: string
+  section?: string
+  autoUpdateOverride?: boolean
+  lastUpdated?: number
+  wasModifiedLocally?: boolean
+  // todo depends, hashsum
+
+  settings?: ModSettingsDict
+  actionsMain?: Record<string, ModAction>
+}
+
+const cleanupFetchedModData = (mod: ClientModDefinition | Record<string, any>) => {
+  delete mod['enabled']
+  delete mod['repo']
+  delete mod['autoUpdateOverride']
+  delete mod['lastUpdated']
+  delete mod['wasModifiedLocally']
+  return mod
+}
+
+export type ClientModDefinition = Omit<ClientMod, 'enabled' | 'wasModifiedLocally'> & {
+  scriptMainUnstable?: boolean
+  stylesGlobal?: boolean
+  serverPlugin?: boolean
+  threeJsBackend?: boolean
+}
+
+export async function saveClientModData (data: ClientMod) {
+  const db = await dbPromise
+  data.lastUpdated = Date.now()
+  await db.put('mods', data)
+  modsReactiveUpdater.counter++
+}
+
+async function getPlugin (name: string) {
+  const db = await dbPromise
+  return db.get('mods', name) as Promise<ClientMod | undefined>
+}
+
+export async function getAllMods () {
+  const db = await dbPromise
+  return db.getAll('mods') as Promise<ClientMod[]>
+}
+
+async function deletePlugin (name) {
+  const db = await dbPromise
+  await db.delete('mods', name)
+  modsReactiveUpdater.counter++
+}
+
+async function removeAllMods () {
+  const db = await dbPromise
+  await db.clear('mods')
+  modsReactiveUpdater.counter++
+}
+
+// ---
+
+async function saveRepository (data: Repository) {
+  const db = await dbPromise
+  data.lastUpdated = Date.now()
+  await db.put('repositories', data)
+}
+
+async function getRepository (url: string) {
+  const db = await dbPromise
+  return db.get('repositories', url) as Promise<Repository | undefined>
+}
+
+async function getAllRepositories () {
+  const db = await dbPromise
+  return db.getAll('repositories') as Promise<Repository[]>
+}
+window.getAllRepositories = getAllRepositories
+
+async function deleteRepository (url) {
+  const db = await dbPromise
+  await db.delete('repositories', url)
+}
+
+// ---
+
+// #endregion
+
+window.mcraft = {
+  version: process.env.RELEASE_TAG,
+  build: process.env.BUILD_VERSION,
+  ui: {},
+  React,
+  valtio: {
+    ...valtio,
+    ...valtioUtils,
+  },
+  // openDB
+}
+
+const activateMod = async (mod: ClientMod, reason: string) => {
+  if (mod.enabled === false) return false
+  protectRuntime()
+  console.debug(`Activating mod ${mod.name} (${reason})...`)
+  window.loadedMods ??= {}
+  if (window.loadedMods[mod.name]) {
+    console.warn(`Mod is ${mod.name} already loaded, skipping activation...`)
+    return false
+  }
+  if (mod.stylesGlobal) {
+    const style = document.createElement('style')
+    style.textContent = mod.stylesGlobal
+    style.id = `mod-${mod.name}`
+    document.head.appendChild(style)
+  }
+  if (mod.scriptMainUnstable) {
+    const blob = new Blob([mod.scriptMainUnstable], { type: 'text/javascript' })
+    const url = URL.createObjectURL(blob)
+    // eslint-disable-next-line no-useless-catch
+    try {
+      const module = await import(/* webpackIgnore: true */ url)
+      module.default?.(structuredClone(mod), { settings: getModSettingsProxy(mod) })
+      window.loadedMods[mod.name] ??= {}
+      window.loadedMods[mod.name].mainUnstableModule = module
+    } catch (e) {
+      throw e
+    }
+    URL.revokeObjectURL(url)
+  }
+  if (mod.threeJsBackend) {
+    const blob = new Blob([mod.threeJsBackend], { type: 'text/javascript' })
+    const url = URL.createObjectURL(blob)
+    // eslint-disable-next-line no-useless-catch
+    try {
+      const module = await import(/* webpackIgnore: true */ url)
+      // todo
+      window.loadedMods[mod.name] ??= {}
+      // for accessing global world var
+      window.loadedMods[mod.name].threeJsBackendModule = module
+    } catch (e) {
+      throw e
+    }
+    URL.revokeObjectURL(url)
+  }
+  mod.enabled = true
+  return true
+}
+
+export const appStartup = async () => {
+  void checkModsUpdates()
+
+  const mods = await getAllMods()
+  for (const mod of mods) {
+    await activateMod(mod, 'autostart').catch(e => {
+      modsErrors[mod.name] ??= []
+      modsErrors[mod.name].push(`startup: ${String(e)}`)
+      console.error(`Error activating mod on startup ${mod.name}:`, e)
+    })
+  }
+}
+
+export const modsUpdateStatus = proxy({} as Record<string, [string, string]>)
+export const modsWaitingReloadStatus = proxy({} as Record<string, boolean>)
+export const modsErrors = proxy({} as Record<string, string[]>)
+
+const normalizeRepoUrl = (url: string) => {
+  if (url.startsWith('https://')) return url
+  if (url.startsWith('http://')) return url
+  if (url.startsWith('//')) return `https:${url}`
+  return `https://raw.githubusercontent.com/${url}/master`
+}
+
+const installOrUpdateMod = async (repo: Repository, mod: ClientModDefinition, activate = true, progress?: ProgressReporter) => {
+  // eslint-disable-next-line no-useless-catch
+  try {
+    const fetchData = async (urls: string[]) => {
+      const errored = [] as string[]
+      // eslint-disable-next-line no-unreachable-loop
+      for (const urlTemplate of urls) {
+        const modNameOnly = mod.name.split('.').pop()
+        const modFolder = repo.prefix === false ? modNameOnly : typeof repo.prefix === 'string' ? `${repo.prefix}/${modNameOnly}` : mod.name
+        const url = new URL(`${modFolder}/${urlTemplate}`, normalizeRepoUrl(repo.url).replace(/\/$/, '') + '/').href
+        // eslint-disable-next-line no-useless-catch
+        try {
+          const response = await fetch(url)
+          if (!response.ok) throw new Error(`Failed to fetch ${url}: ${response.status} ${response.statusText}`)
+          return await response.text()
+        } catch (e) {
+          // errored.push(String(e))
+          throw e
+        }
+      }
+      console.warn(`[${mod.name}] Error installing component of ${urls[0]}: ${errored.join(', ')}`)
+      return undefined
+    }
+    if (mod.stylesGlobal) {
+      await progress?.executeWithMessage(
+        `Downloading ${mod.name} styles`,
+        async () => {
+          mod.stylesGlobal = await fetchData(['global.css']) as any
+        }
+      )
+    }
+    if (mod.scriptMainUnstable) {
+      await progress?.executeWithMessage(
+        `Downloading ${mod.name} script`,
+        async () => {
+          mod.scriptMainUnstable = await fetchData(['mainUnstable.js']) as any
+        }
+      )
+    }
+    if (mod.threeJsBackend) {
+      await progress?.executeWithMessage(
+        `Downloading ${mod.name} three.js backend`,
+        async () => {
+          mod.threeJsBackend = await fetchData(['three.js']) as any
+        }
+      )
+    }
+    if (mod.serverPlugin) {
+      if (mod.name.endsWith('.disabled')) throw new Error(`Mod name ${mod.name} can't end with .disabled`)
+      await progress?.executeWithMessage(
+        `Downloading ${mod.name} server plugin`,
+        async () => {
+          mod.serverPlugin = await fetchData(['serverPlugin.js']) as any
+        }
+      )
+    }
+    if (activate) {
+      // todo try to de-activate mod if it's already loaded
+      if (window.loadedMods?.[mod.name]) {
+        modsWaitingReloadStatus[mod.name] = true
+      } else {
+        await activateMod(mod as ClientMod, 'install')
+      }
+    }
+    await saveClientModData(mod as ClientMod)
+    delete modsUpdateStatus[mod.name]
+  } catch (e) {
+    // console.error(`Error installing mod ${mod.name}:`, e)
+    throw e
+  }
+}
+
+const checkRepositoryUpdates = async (repo: Repository) => {
+  for (const mod of repo.packages) {
+
+    const modExisting = await getPlugin(mod.name)
+    if (modExisting?.version && gt(mod.version, modExisting.version)) {
+      modsUpdateStatus[mod.name] = [modExisting.version, mod.version]
+      if (options.modsAutoUpdate === 'always' && (!repo.autoUpdateOverride && !modExisting.autoUpdateOverride)) {
+        void installOrUpdateMod(repo, mod).catch(e => {
+          console.error(`Error updating mod ${mod.name}:`, e)
+        })
+      }
+    }
+  }
+
+}
+
+export const fetchRepository = async (urlOriginal: string, url: string, hasMirrors = false) => {
+  const fetchUrl = normalizeRepoUrl(url).replace(/\/$/, '') + '/mcraft-repo.json'
+  try {
+    const response = await fetch(fetchUrl).then(async res => res.json())
+    if (!response.packages) throw new Error(`No packages field in the response json of the repository: ${fetchUrl}`)
+    response.autoUpdateOverride = (await getRepository(urlOriginal))?.autoUpdateOverride
+    response.url = urlOriginal
+    void saveRepository(response)
+    modsReactiveUpdater.counter++
+    return true
+  } catch (e) {
+    console.warn(`Error fetching repository (trying other mirrors) ${url}:`, e)
+    return false
+  }
+}
+
+export const fetchAllRepositories = async () => {
+  const repositories = await getAllRepositories()
+  await Promise.all(repositories.map(async (repo) => {
+    const allUrls = [repo.url, ...(repo.mirrorUrls || [])]
+    for (const [i, url] of allUrls.entries()) {
+      const isLast = i === allUrls.length - 1
+
+      if (await fetchRepository(repo.url, url, !isLast)) break
+    }
+  }))
+  appStorage.modsAutoUpdateLastCheck = Date.now()
+}
+
+const checkModsUpdates = async () => {
+  await autoRefreshModRepositories()
+  for (const repo of await getAllRepositories()) {
+
+    await checkRepositoryUpdates(repo)
+  }
+}
+
+const autoRefreshModRepositories = async () => {
+  if (options.modsAutoUpdate === 'never') return
+  const lastCheck = appStorage.modsAutoUpdateLastCheck
+  if (lastCheck && Date.now() - lastCheck < 1000 * 60 * 60 * options.modsUpdatePeriodCheck) return
+  await fetchAllRepositories()
+  // todo think of not updating check timestamp on offline access
+}
+
+export const installModByName = async (repoUrl: string, name: string, progress?: ProgressReporter) => {
+  progress?.beginStage('main', `Installing ${name}`)
+  const repo = await getRepository(repoUrl)
+  if (!repo) throw new Error(`Repository ${repoUrl} not found`)
+  const mod = repo.packages.find(m => m.name === name)
+  if (!mod) throw new Error(`Mod ${name} not found in repository ${repoUrl}`)
+  await installOrUpdateMod(repo, mod, undefined, progress)
+  progress?.endStage('main')
+}
+
+export const uninstallModAction = async (name: string) => {
+  const choice = await showOptionsModal(`Uninstall mod ${name}?`, ['Yes'])
+  if (!choice) return
+  await deletePlugin(name)
+  window.loadedMods ??= {}
+  if (window.loadedMods[name]) {
+    // window.loadedMods[name].default?.(null)
+    delete window.loadedMods[name]
+    modsWaitingReloadStatus[name] = true
+  }
+  // Clear any errors associated with the mod
+  delete modsErrors[name]
+}
+
+export const setEnabledModAction = async (name: string, newEnabled: boolean) => {
+  const mod = await getPlugin(name)
+  if (!mod) throw new Error(`Mod ${name} not found`)
+  if (newEnabled) {
+    mod.enabled = true
+    if (!window.loadedMods?.[mod.name]) {
+      await activateMod(mod, 'manual')
+    }
+  } else {
+    // todo deactivate mod
+    mod.enabled = false
+    if (window.loadedMods?.[mod.name]) {
+      if (window.loadedMods[mod.name]?.threeJsBackendModule) {
+        window.loadedMods[mod.name].threeJsBackendModule.deactivate()
+        delete window.loadedMods[mod.name].threeJsBackendModule
+      }
+      if (window.loadedMods[mod.name]?.mainUnstableModule) {
+        window.loadedMods[mod.name].mainUnstableModule.deactivate()
+        delete window.loadedMods[mod.name].mainUnstableModule
+      }
+
+      if (Object.keys(window.loadedMods[mod.name]).length === 0) {
+        delete window.loadedMods[mod.name]
+      }
+    }
+  }
+  await saveClientModData(mod)
+}
+
+export const modsReactiveUpdater = proxy({
+  counter: 0
+})
+
+export const getAllModsDisplayList = async () => {
+  const repos = await getAllRepositories()
+  const installedMods = await getAllMods()
+  const modsWithoutRepos = installedMods.filter(mod => !repos.some(repo => repo.packages.some(m => m.name === mod.name)))
+  const mapMods = (mapMods: ClientMod[]) => mapMods.map(mod => ({
+    ...mod,
+    installed: installedMods.find(m => m.name === mod.name),
+    activated: !!window.loadedMods?.[mod.name],
+    installedVersion: installedMods.find(m => m.name === mod.name)?.version,
+    canBeActivated: mod.scriptMainUnstable || mod.stylesGlobal,
+  }))
+  return {
+    repos: repos.map(repo => ({
+      ...repo,
+      packages: mapMods(repo.packages as ClientMod[]),
+    })),
+    modsWithoutRepos: mapMods(modsWithoutRepos),
+  }
+}
+
+export const removeRepositoryAction = async (url: string) => {
+  // todo remove mods
+  const choice = await showOptionsModal('Remove repository? Installed mods wont be automatically removed.', ['Yes'])
+  if (!choice) return
+  await deleteRepository(url)
+  modsReactiveUpdater.counter++
+}
+
+export const selectAndRemoveRepository = async () => {
+  const repos = await getAllRepositories()
+  const choice = await showOptionsModal('Select repository to remove', repos.map(repo => repo.url))
+  if (!choice) return
+  await removeRepositoryAction(choice)
+}
+
+export const addRepositoryAction = async () => {
+  const { url } = await showInputsModal('Add repository', {
+    url: {
+      type: 'text',
+      label: 'Repository URL or slug',
+      placeholder: 'github-owner/repo-name',
+    },
+  })
+  if (!url) return
+  await fetchRepository(url, url)
+}
+
+export const getServerPlugin = async (plugin: string) => {
+  const mod = await getPlugin(plugin)
+  if (!mod) return null
+  if (mod.serverPlugin) {
+    return {
+      content: mod.serverPlugin,
+      version: mod.version
+    }
+  }
+  return null
+}
+
+export const getAvailableServerPlugins = async () => {
+  const mods = await getAllMods()
+  return mods.filter(mod => mod.serverPlugin)
+}
+
+window.inspectInstalledMods = getAllMods
+
+type ModifiableField = {
+  field: string
+  label: string
+  language: string
+  getContent?: () => string
+}
+
+// ---
+
+export const getAllModsModifiableFields = () => {
+  const fields: ModifiableField[] = [
+    {
+      field: 'scriptMainUnstable',
+      label: 'Main Thread Script (unstable)',
+      language: 'js'
+    },
+    {
+      field: 'stylesGlobal',
+      label: 'Global CSS Styles',
+      language: 'css'
+    },
+    {
+      field: 'threeJsBackend',
+      label: 'Three.js Renderer Backend Thread',
+      language: 'js'
+    },
+    {
+      field: 'serverPlugin',
+      label: 'Built-in server plugin',
+      language: 'js'
+    }
+  ]
+  return fields
+}
+
+export const getModModifiableFields = (mod: ClientMod): ModifiableField[] => {
+  return getAllModsModifiableFields().filter(field => mod[field.field])
+}
+
+export const getModSettingsProxy = (mod: ClientMod) => {
+  if (!mod.settings) return valtio.proxy({})
+
+  const proxy = valtio.proxy({})
+  for (const [key, setting] of Object.entries(mod.settings)) {
+    proxy[key] = options[`mod-${mod.name}-${key}`] ?? setting.default
+  }
+
+  valtio.subscribe(proxy, (ops) => {
+    for (const op of ops) {
+      const [type, path, value] = op
+      const key = path[0] as string
+      options[`mod-${mod.name}-${key}`] = value
+    }
+  })
+
+  return proxy
+}
+
+export const callMethodAction = async (modName: string, type: 'main', method: string) => {
+  try {
+    const mod = window.loadedMods?.[modName]
+    await mod[method]()
+  } catch (err) {
+    showNotification(`Failed to execute ${method}`, `Problem in ${type} js script of ${modName}`, true)
+  }
+}
diff --git a/src/connect.ts b/src/connect.ts
index 5e4df859..cb6b8f65 100644
--- a/src/connect.ts
+++ b/src/connect.ts
@@ -1,15 +1,96 @@
+// import { versionsByMinecraftVersion } from 'minecraft-data'
+// import minecraftInitialDataJson from '../generated/minecraft-initial-data.json'
+import MinecraftData from 'minecraft-data'
+import PrismarineBlock from 'prismarine-block'
+import PrismarineItem from 'prismarine-item'
+import { miscUiState } from './globalState'
+import supportedVersions from './supportedVersions.mjs'
+import { options } from './optionsStorage'
+import { downloadSoundsIfNeeded } from './sounds/botSoundSystem'
+import { AuthenticatedAccount } from './react/serversStorage'
+
 export type ConnectOptions = {
-  server?: string;
-  singleplayer?: any;
-  username: string;
-  password?: any;
-  proxy?: any;
-  botVersion?: any;
-  serverOverrides?;
-  serverOverridesFlat?;
-  peerId?: string;
-  ignoreQs?: boolean;
+  server?: string
+  singleplayer?: any
+  username: string
+  proxy?: string
+  botVersion?: string
+  serverOverrides?
+  serverOverridesFlat?
+  peerId?: string
+  ignoreQs?: boolean
   onSuccessfulPlay?: () => void
-  autoLoginPassword?: string
   serverIndex?: string
+  authenticatedAccount?: AuthenticatedAccount | true
+  peerOptions?: any
+  viewerWsConnect?: string
+  saveServerToHistory?: boolean
+
+  /** Will enable local replay server */
+  worldStateFileContents?: string
+
+  connectEvents?: {
+    serverCreated?: () => void
+    // connect: () => void;
+    // disconnect: () => void;
+    // error: (err: any) => void;
+    // ready: () => void;
+    // end: () => void;
+  }
+}
+
+export const getVersionAutoSelect = (autoVersionSelect = options.serversAutoVersionSelect) => {
+  if (autoVersionSelect === 'auto') {
+    return '1.19.4'
+  }
+  if (autoVersionSelect === 'latest') {
+    return supportedVersions.at(-1)!
+  }
+  return autoVersionSelect
+}
+
+export const loadMinecraftData = async (version: string) => {
+  await window._LOAD_MC_DATA()
+  // setLoadingScreenStatus(`Loading data for ${version}`)
+  // // todo expose cache
+  // // const initialDataVersion = Object.keys(minecraftInitialDataJson)[0]!
+  // // if (version === initialDataVersion) {
+  // //   // ignore cache hit
+  // //   versionsByMinecraftVersion.pc[initialDataVersion]!.dataVersion!++
+  // // }
+
+  const mcData = MinecraftData(version)
+  window.PrismarineBlock = PrismarineBlock(mcData.version.minecraftVersion!)
+  window.PrismarineItem = PrismarineItem(mcData.version.minecraftVersion!)
+  window.loadedData = mcData
+  window.mcData = mcData
+  miscUiState.loadedDataVersion = version
+}
+
+export type AssetDownloadReporter = (asset: string, isDone: boolean) => void
+
+export const downloadAllMinecraftData = async (reporter?: AssetDownloadReporter) => {
+  reporter?.('mc-data', false)
+  await window._LOAD_MC_DATA()
+  reporter?.('mc-data', true)
+}
+
+const loadFonts = async () => {
+  const FONT_FAMILY = 'mojangles'
+  if (!document.fonts.check(`1em ${FONT_FAMILY}`)) {
+    // todo instead re-render signs on load
+    await document.fonts.load(`1em ${FONT_FAMILY}`).catch(() => {
+      console.error('Failed to load font, signs wont be rendered correctly')
+    })
+  }
+}
+
+export const downloadOtherGameData = async (reporter?: AssetDownloadReporter) => {
+  reporter?.('fonts', false)
+  reporter?.('sounds', false)
+
+  await Promise.all([
+    loadFonts().then(() => reporter?.('fonts', true)),
+    downloadSoundsIfNeeded().then(() => reporter?.('sounds', true))
+  ])
 }
diff --git a/src/controls.ts b/src/controls.ts
index a3a22029..db6a6fc6 100644
--- a/src/controls.ts
+++ b/src/controls.ts
@@ -6,25 +6,34 @@ import { proxy, subscribe } from 'valtio'
 import { ControMax } from 'contro-max/build/controMax'
 import { CommandEventArgument, SchemaCommandInput } from 'contro-max/build/types'
 import { stringStartsWith } from 'contro-max/build/stringUtils'
-import { UserOverrideCommand, UserOverridesConfig } from 'contro-max/build/types/store'
-import { isGameActive, showModal, gameAdditionalState, activeModalStack, hideCurrentModal, miscUiState } from './globalState'
-import { goFullscreen, pointerLock, reloadChunks } from './utils'
+import { GameMode } from 'mineflayer'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+import { isGameActive, showModal, gameAdditionalState, activeModalStack, hideCurrentModal, miscUiState, hideModal, hideAllModals } from './globalState'
+import { goFullscreen, isInRealGameSession, pointerLock, reloadChunks } from './utils'
 import { options } from './optionsStorage'
 import { openPlayerInventory } from './inventoryWindows'
 import { chatInputValueGlobal } from './react/Chat'
 import { fsState } from './loadSave'
 import { customCommandsConfig } from './customCommands'
-import { CustomCommand } from './react/KeybindingsCustom'
+import type { CustomCommand } from './react/KeybindingsCustom'
 import { showOptionsModal } from './react/SelectOption'
 import widgets from './react/widgets'
-import { getItemFromBlock } from './botUtils'
+import { getItemFromBlock } from './chatUtils'
 import { gamepadUiCursorState, moveGamepadCursorByPx } from './react/GamepadUiCursor'
-import { updateBinds } from './react/KeybindingsScreenProvider'
+import { completeResourcepackPackInstall, copyServerResourcePackToRegular, resourcePackState } from './resourcePack'
+import { showNotification } from './react/NotificationProvider'
+import { lastConnectOptions } from './react/AppStatusProvider'
+import { onCameraMove, onControInit } from './cameraRotationControls'
+import { createNotificationProgressReporter } from './core/progressReporter'
+import { appStorage } from './react/appStorageProvider'
+import { switchGameMode } from './packetsReplay/replayPackets'
+import { tabListState } from './react/PlayerListOverlayProvider'
+import { type ActionType, type ActionHoldConfig, type CustomAction } from './appConfig'
+import { playerState } from './mineflayer/playerState'
 
-
-export const customKeymaps = proxy(JSON.parse(localStorage.keymap || '{}')) as UserOverridesConfig
+export const customKeymaps = proxy(appStorage.keybindings)
 subscribe(customKeymaps, () => {
-  localStorage.keymap = JSON.stringify(customKeymaps)
+  appStorage.keybindings = customKeymaps
 })
 
 const controlOptions = {
@@ -34,28 +43,48 @@ const controlOptions = {
 export const contro = new ControMax({
   commands: {
     general: {
+      // movement
       jump: ['Space', 'A'],
       inventory: ['KeyE', 'X'],
       drop: ['KeyQ', 'B'],
+      dropStack: [null],
       sneak: ['ShiftLeft'],
       toggleSneakOrDown: [null, 'Right Stick'],
       sprint: ['ControlLeft', 'Left Stick'],
+      // game interactions
       nextHotbarSlot: [null, 'Right Bumper'],
       prevHotbarSlot: [null, 'Left Bumper'],
       attackDestroy: [null, 'Right Trigger'],
       interactPlace: [null, 'Left Trigger'],
+      swapHands: ['KeyF'],
+      selectItem: ['KeyH'],
+      rotateCameraLeft: [null],
+      rotateCameraRight: [null],
+      rotateCameraUp: [null],
+      rotateCameraDown: [null],
+      // ui?
       chat: [['KeyT', 'Enter']],
       command: ['Slash'],
-      swapHands: ['KeyF'],
-      selectItem: ['KeyH'] // default will be removed
+      playersList: ['Tab'],
+      debugOverlay: ['F3'],
+      debugOverlayHelpMenu: [null],
+      // client side
+      zoom: ['KeyC'],
+      viewerConsole: ['Backquote'],
+      togglePerspective: ['F5'],
     },
     ui: {
+      toggleFullscreen: ['F11'],
       back: [null/* 'Escape' */, 'B'],
+      toggleMap: ['KeyJ'],
       leftClick: [null, 'A'],
       rightClick: [null, 'Y'],
       speedupCursor: [null, 'Left Stick'],
       pauseMenu: [null, 'Start']
     },
+    communication: {
+      toggleMicrophone: ['KeyM'],
+    },
     advanced: {
       lockUrl: ['KeyY'],
     },
@@ -87,6 +116,12 @@ export const contro = new ControMax({
 window.controMax = contro
 export type Command = CommandEventArgument<typeof contro['_commandsRaw']>['command']
 
+export const isCommandDisabled = (command: Command) => {
+  return miscUiState.appConfig?.disabledCommands?.includes(command)
+}
+
+onControInit()
+
 updateBinds(customKeymaps)
 
 const updateDoPreventDefault = () => {
@@ -102,7 +137,14 @@ const setSprinting = (state: boolean) => {
   gameAdditionalState.isSprinting = state
 }
 
+const isSpectatingEntity = () => {
+  return appViewer.playerState.utils.isSpectatingEntity()
+}
+
 contro.on('movementUpdate', ({ vector, soleVector, gamepadIndex }) => {
+  // Don't allow movement while spectating an entity
+  if (isSpectatingEntity()) return
+
   if (gamepadIndex !== undefined && gamepadUiCursorState.display) {
     const deadzone = 0.1 // TODO make deadzone configurable
     if (Math.abs(soleVector.x) < deadzone && Math.abs(soleVector.z) < deadzone) {
@@ -114,6 +156,23 @@ contro.on('movementUpdate', ({ vector, soleVector, gamepadIndex }) => {
   }
   miscUiState.usingGamepadInput = gamepadIndex !== undefined
   if (!bot || !isGameActive(false)) return
+
+  // if (viewer.world.freeFlyMode) {
+  //   // Create movement vector from input
+  //   const direction = new THREE.Vector3(0, 0, 0)
+  //   if (vector.z !== undefined) direction.z = vector.z
+  //   if (vector.x !== undefined) direction.x = vector.x
+
+  //   // Apply camera rotation to movement direction
+  //   direction.applyQuaternion(viewer.camera.quaternion)
+
+  //   // Update freeFlyState position with normalized direction
+  //   const moveSpeed = 1
+  //   direction.multiplyScalar(moveSpeed)
+  //   viewer.world.freeFlyState.position.add(new Vec3(direction.x, direction.y, direction.z))
+  //   return
+  // }
+
   // gamepadIndex will be used for splitscreen in future
   const coordToAction = [
     ['z', -1, 'forward'],
@@ -143,6 +202,7 @@ contro.on('movementUpdate', ({ vector, soleVector, gamepadIndex }) => {
       if (action) {
         void contro.emit('trigger', { command: 'general.forward' } as any)
       } else {
+        void contro.emit('release', { command: 'general.forward' } as any)
         setSprinting(false)
       }
     }
@@ -154,6 +214,7 @@ let lastCommandTrigger = null as { command: string, time: number } | null
 const secondActionActivationTimeout = 300
 const secondActionCommands = {
   'general.jump' () {
+    // if (bot.game.gameMode === 'spectator') return
     toggleFly()
   },
   'general.forward' () {
@@ -192,6 +253,10 @@ const inModalCommand = (command: Command, pressed: boolean) => {
     if (command === 'ui.back') {
       hideCurrentModal()
     }
+    if (command === 'ui.pauseMenu') {
+      // hide all modals
+      hideAllModals()
+    }
     if (command === 'ui.leftClick' || command === 'ui.rightClick') {
       // in percent
       const { x, y } = gamepadUiCursorState
@@ -239,9 +304,80 @@ const inModalCommand = (command: Command, pressed: boolean) => {
   }
 }
 
+// Camera rotation controls
+const cameraRotationControls = {
+  activeDirections: new Set<'left' | 'right' | 'up' | 'down'>(),
+  interval: null as ReturnType<typeof setInterval> | null,
+  config: {
+    speed: 1, // movement per interval
+    interval: 5 // ms between movements
+  },
+  movements: {
+    left: { movementX: -0.5, movementY: 0 },
+    right: { movementX: 0.5, movementY: 0 },
+    up: { movementX: 0, movementY: -0.5 },
+    down: { movementX: 0, movementY: 0.5 }
+  },
+  updateMovement () {
+    if (cameraRotationControls.activeDirections.size === 0) {
+      if (cameraRotationControls.interval) {
+        clearInterval(cameraRotationControls.interval)
+        cameraRotationControls.interval = null
+      }
+      return
+    }
+
+    if (!cameraRotationControls.interval) {
+      cameraRotationControls.interval = setInterval(() => {
+        // Combine all active movements
+        const movement = { movementX: 0, movementY: 0 }
+        for (const direction of cameraRotationControls.activeDirections) {
+          movement.movementX += cameraRotationControls.movements[direction].movementX
+          movement.movementY += cameraRotationControls.movements[direction].movementY
+        }
+
+        onCameraMove({
+          ...movement,
+          type: 'keyboardRotation',
+          stopPropagation () {}
+        })
+      }, cameraRotationControls.config.interval)
+    }
+  },
+  start (direction: 'left' | 'right' | 'up' | 'down') {
+    cameraRotationControls.activeDirections.add(direction)
+    cameraRotationControls.updateMovement()
+  },
+  stop (direction: 'left' | 'right' | 'up' | 'down') {
+    cameraRotationControls.activeDirections.delete(direction)
+    cameraRotationControls.updateMovement()
+  },
+  handleCommand (command: string, pressed: boolean) {
+    // Don't allow movement while spectating an entity
+    if (isSpectatingEntity()) return
+
+    const directionMap = {
+      'general.rotateCameraLeft': 'left',
+      'general.rotateCameraRight': 'right',
+      'general.rotateCameraUp': 'up',
+      'general.rotateCameraDown': 'down'
+    } as const
+
+    const direction = directionMap[command]
+    if (direction) {
+      if (pressed) cameraRotationControls.start(direction)
+      else cameraRotationControls.stop(direction)
+      return true
+    }
+    return false
+  }
+}
+window.cameraRotationControls = cameraRotationControls
+
 const setSneaking = (state: boolean) => {
   gameAdditionalState.isSneaking = state
   bot.setControlState('sneak', state)
+
 }
 
 const onTriggerOrReleased = (command: Command, pressed: boolean) => {
@@ -252,10 +388,21 @@ const onTriggerOrReleased = (command: Command, pressed: boolean) => {
     // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check
     switch (command) {
       case 'general.jump':
+        if (isSpectatingEntity()) break
+        // if (viewer.world.freeFlyMode) {
+        //   const moveSpeed = 0.5
+        //   viewer.world.freeFlyState.position.add(new Vec3(0, pressed ? moveSpeed : 0, 0))
+        // } else {
         bot.setControlState('jump', pressed)
+        // }
         break
       case 'general.sneak':
+        // if (viewer.world.freeFlyMode) {
+        //   const moveSpeed = 0.5
+        //   viewer.world.freeFlyState.position.add(new Vec3(0, pressed ? -moveSpeed : 0, 0))
+        // } else {
         setSneaking(pressed)
+        // }
         break
       case 'general.sprint':
         // todo add setting to change behavior
@@ -269,7 +416,6 @@ const onTriggerOrReleased = (command: Command, pressed: boolean) => {
         } else if (pressed) {
           setSneaking(!gameAdditionalState.isSneaking)
         }
-
         break
       case 'general.attackDestroy':
         document.dispatchEvent(new MouseEvent(pressed ? 'mousedown' : 'mouseup', { button: 0 }))
@@ -277,6 +423,70 @@ const onTriggerOrReleased = (command: Command, pressed: boolean) => {
       case 'general.interactPlace':
         document.dispatchEvent(new MouseEvent(pressed ? 'mousedown' : 'mouseup', { button: 2 }))
         break
+      case 'general.zoom':
+        gameAdditionalState.isZooming = pressed
+        break
+      case 'general.debugOverlay':
+        if (pressed) {
+          miscUiState.showDebugHud = !miscUiState.showDebugHud
+        }
+        break
+      case 'general.debugOverlayHelpMenu':
+        if (pressed) {
+          void onF3LongPress()
+        }
+        break
+      case 'general.rotateCameraLeft':
+      case 'general.rotateCameraRight':
+      case 'general.rotateCameraUp':
+      case 'general.rotateCameraDown':
+        cameraRotationControls.handleCommand(command, pressed)
+        break
+      case 'general.playersList':
+        tabListState.isOpen = pressed
+        break
+      case 'general.viewerConsole':
+        if (lastConnectOptions.value?.viewerWsConnect) {
+          showModal({ reactType: 'console' })
+        }
+        break
+      case 'general.togglePerspective':
+        if (pressed) {
+          const currentPerspective = playerState.reactive.perspective
+          // eslint-disable-next-line sonarjs/no-nested-switch
+          switch (currentPerspective) {
+            case 'first_person':
+              playerState.reactive.perspective = 'third_person_back'
+              break
+            case 'third_person_back':
+              playerState.reactive.perspective = 'third_person_front'
+              break
+            case 'third_person_front':
+              playerState.reactive.perspective = 'first_person'
+              break
+          }
+        }
+        break
+    }
+  } else if (stringStartsWith(command, 'ui')) {
+    switch (command) {
+      case 'ui.pauseMenu':
+        if (pressed) {
+          if (activeModalStack.length) {
+            hideCurrentModal()
+          } else {
+            showModal({ reactType: 'pause-screen' })
+          }
+        }
+        break
+      case 'ui.back':
+      case 'ui.toggleFullscreen':
+      case 'ui.toggleMap':
+      case 'ui.leftClick':
+      case 'ui.rightClick':
+      case 'ui.speedupCursor':
+        // These are handled elsewhere
+        break
     }
   }
 }
@@ -290,6 +500,35 @@ const alwaysPressedHandledCommand = (command: Command) => {
       hideCurrentModal()
     }
   }
+  if (command === 'advanced.lockUrl') {
+    lockUrl()
+  }
+  if (command === 'communication.toggleMicrophone') {
+    toggleMicrophoneMuted?.()
+  }
+}
+
+export function lockUrl () {
+  let newQs = ''
+  if (fsState.saveLoaded && fsState.inMemorySave) {
+    const worldFolder = fsState.inMemorySavePath
+    const save = worldFolder.split('/').at(-1)
+    newQs = `loadSave=${save}`
+  } else if (process.env.NODE_ENV === 'development') {
+    newQs = `reconnect=1`
+  } else if (lastConnectOptions.value?.server) {
+    const qs = new URLSearchParams()
+    const { server, botVersion, proxy, username } = lastConnectOptions.value
+    qs.set('ip', server)
+    if (botVersion) qs.set('version', botVersion)
+    if (proxy) qs.set('proxy', proxy)
+    if (username) qs.set('username', username)
+    newQs = String(qs.toString())
+  }
+
+  if (newQs) {
+    window.history.replaceState({}, '', `${window.location.pathname}?${newQs}`)
+  }
 }
 
 function cycleHotbarSlot (dir: 1 | -1) {
@@ -303,14 +542,14 @@ const customCommandsHandler = ({ command }) => {
   if (!isGameActive(true) || section !== 'custom') return
 
   if (contro.userConfig?.custom) {
-    customCommandsConfig[(contro.userConfig.custom[name] as CustomCommand).type].handler(
-      (contro.userConfig.custom[name] as CustomCommand).inputs
-    )
+    customCommandsConfig[(contro.userConfig.custom[name] as CustomCommand).type].handler((contro.userConfig.custom[name] as CustomCommand).inputs)
   }
 }
 contro.on('trigger', customCommandsHandler)
 
 contro.on('trigger', ({ command }) => {
+  if (isCommandDisabled(command)) return
+
   const willContinue = !isGameActive(true)
   alwaysPressedHandledCommand(command)
   if (willContinue) return
@@ -338,11 +577,26 @@ contro.on('trigger', ({ command }) => {
       case 'general.toggleSneakOrDown':
       case 'general.sprint':
       case 'general.attackDestroy':
+      case 'general.rotateCameraLeft':
+      case 'general.rotateCameraRight':
+      case 'general.rotateCameraUp':
+      case 'general.rotateCameraDown':
+      case 'general.debugOverlay':
+      case 'general.debugOverlayHelpMenu':
+      case 'general.playersList':
+      case 'general.togglePerspective':
+        // no-op
+        break
       case 'general.swapHands': {
-        bot._client.write('entity_action', {
-          entityId: bot.entity.id,
-          actionId: 6,
-          jumpBoost: 0
+        if (isSpectatingEntity()) break
+        bot._client.write('block_dig', {
+          'status': 6,
+          'location': {
+            'x': 0,
+            'z': 0,
+            'y': 0
+          },
+          'face': 0,
         })
         break
       }
@@ -350,11 +604,13 @@ contro.on('trigger', ({ command }) => {
         // handled in onTriggerOrReleased
         break
       case 'general.inventory':
+        if (isSpectatingEntity()) break
         document.exitPointerLock?.()
         openPlayerInventory()
         break
-      case 'general.drop':
-        // if (bot.heldItem/* && ctrl */) bot.tossStack(bot.heldItem)
+      case 'general.drop': {
+        if (isSpectatingEntity()) break
+        // protocol 1.9+
         bot._client.write('block_dig', {
           'status': 4,
           'location': {
@@ -365,7 +621,20 @@ contro.on('trigger', ({ command }) => {
           'face': 0,
           sequence: 0
         })
+        const slot = bot.inventory.hotbarStart + bot.quickBarSlot
+        const item = bot.inventory.slots[slot]
+        if (item) {
+          item.count--
+          bot.inventory.updateSlot(slot, item.count > 0 ? item : null!)
+        }
         break
+      }
+      case 'general.dropStack': {
+        if (bot.heldItem) {
+          void bot.tossStack(bot.heldItem)
+        }
+        break
+      }
       case 'general.chat':
         showModal({ reactType: 'chat' })
         break
@@ -374,48 +643,60 @@ contro.on('trigger', ({ command }) => {
         showModal({ reactType: 'chat' })
         break
       case 'general.selectItem':
+        if (isSpectatingEntity()) break
         void selectItem()
         break
       case 'general.nextHotbarSlot':
+        if (isSpectatingEntity()) break
         cycleHotbarSlot(1)
         break
       case 'general.prevHotbarSlot':
+        if (isSpectatingEntity()) break
         cycleHotbarSlot(-1)
         break
+      case 'general.zoom':
+        break
+      case 'general.viewerConsole':
+        if (lastConnectOptions.value?.viewerWsConnect) {
+          showModal({ reactType: 'console' })
+        }
+        break
     }
   }
-  if (command === 'advanced.lockUrl') {
-    let newQs = ''
-    if (fsState.saveLoaded) {
-      const save = localServer!.options.worldFolder.split('/').at(-1)
-      newQs = `loadSave=${save}`
-    } else if (process.env.NODE_ENV === 'development') {
-      newQs = `reconnect=1`
-    } else {
-      const qs = new URLSearchParams()
-      const { server, version } = localStorage
-      qs.set('server', server)
-      if (version) qs.set('version', version)
-      newQs = String(qs.toString())
-    }
 
-    window.history.replaceState({}, '', `${window.location.pathname}?${newQs}`)
-    // return
+  if (command === 'ui.toggleFullscreen') {
+    void goFullscreen(true)
   }
+})
 
-  if (command === 'ui.pauseMenu') {
-    showModal({ reactType: 'pause-screen' })
+// show-hide Fullmap
+contro.on('trigger', ({ command }) => {
+  if (command !== 'ui.toggleMap') return
+  const isActive = isGameActive(true)
+  if (activeModalStack.at(-1)?.reactType === 'full-map') {
+    miscUiState.displayFullmap = false
+    hideModal({ reactType: 'full-map' })
+  } else if (isActive && !activeModalStack.length) {
+    miscUiState.displayFullmap = true
+    showModal({ reactType: 'full-map' })
   }
 })
 
 contro.on('release', ({ command }) => {
+  if (isCommandDisabled(command)) return
+
   inModalCommand(command, false)
   onTriggerOrReleased(command, false)
 })
 
 // hard-coded keybindings
 
-export const f3Keybinds = [
+export const f3Keybinds: Array<{
+  key?: string,
+  action: () => void | Promise<void>,
+  mobileTitle: string
+  enabled?: () => boolean
+}> = [
   {
     key: 'KeyA',
     action () {
@@ -424,17 +705,20 @@ export const f3Keybinds = [
       for (const [x, z] of loadedChunks) {
         worldView!.unloadChunk({ x, z })
       }
-      for (const child of viewer.scene.children) {
-        if (child.name === 'chunk') { // should not happen
-          viewer.scene.remove(child)
-          console.warn('forcefully removed chunk from scene')
-        }
-      }
+      // for (const child of viewer.scene.children) {
+      //   if (child.name === 'chunk') { // should not happen
+      //     viewer.scene.remove(child)
+      //     console.warn('forcefully removed chunk from scene')
+      //   }
+      // }
       if (localServer) {
         //@ts-expect-error not sure why it is private... maybe revisit api?
         localServer.players[0].world.columns = {}
       }
       void reloadChunks()
+      if (appViewer.backend?.backendMethods && typeof appViewer.backend.backendMethods.reloadWorld === 'function') {
+        appViewer.backend.backendMethods.reloadWorld()
+      }
     },
     mobileTitle: 'Reload chunks',
   },
@@ -442,12 +726,24 @@ export const f3Keybinds = [
     key: 'KeyG',
     action () {
       options.showChunkBorders = !options.showChunkBorders
-      viewer.world.updateShowChunksBorder(options.showChunkBorders)
     },
     mobileTitle: 'Toggle chunk borders',
   },
   {
-    key: 'KeyT',
+    key: 'KeyH',
+    action () {
+      showModal({ reactType: 'chunks-debug' })
+    },
+    mobileTitle: 'Show Chunks Debug',
+  },
+  {
+    action () {
+      showModal({ reactType: 'renderer-debug' })
+    },
+    mobileTitle: 'Renderer Debug Menu',
+  },
+  {
+    key: 'KeyY',
     async action () {
       // waypoints
       const widgetNames = widgets.map(widget => widget.name)
@@ -456,99 +752,91 @@ export const f3Keybinds = [
       showModal({ reactType: `widget-${widget}` })
     },
     mobileTitle: 'Open Widget'
+  },
+  {
+    key: 'KeyT',
+    async action () {
+      // TODO!
+      if (resourcePackState.resourcePackInstalled || gameAdditionalState.usingServerResourcePack) {
+        showNotification('Reloading textures...')
+        await completeResourcepackPackInstall('default', 'default', gameAdditionalState.usingServerResourcePack, createNotificationProgressReporter())
+      }
+    },
+    mobileTitle: 'Reload Textures'
+  },
+  {
+    key: 'F4',
+    async action () {
+      let nextGameMode: GameMode
+      switch (bot.game.gameMode) {
+        case 'creative': {
+          nextGameMode = 'survival'
+
+          break
+        }
+        case 'survival': {
+          nextGameMode = 'adventure'
+
+          break
+        }
+        case 'adventure': {
+          nextGameMode = 'spectator'
+
+          break
+        }
+        case 'spectator': {
+          nextGameMode = 'creative'
+
+          break
+        }
+      // No default
+      }
+      if (lastConnectOptions.value?.worldStateFileContents) {
+        switchGameMode(nextGameMode)
+      } else {
+        bot.chat(`/gamemode ${nextGameMode}`)
+      }
+    },
+    mobileTitle: 'Cycle Game Mode'
+  },
+  {
+    key: 'KeyP',
+    async action () {
+      const { uuid, ping: playerPing, username } = bot.player
+      const proxyPing = await bot['pingProxy']()
+      void showOptionsModal(`${username}: last known total latency (ping): ${playerPing}. Connected to ${lastConnectOptions.value?.proxy} with current ping ${proxyPing}. Player UUID: ${uuid}`, [])
+    },
+    mobileTitle: 'Show Player & Ping Details',
+    enabled: () => !lastConnectOptions.value?.singleplayer && !!bot.player
+  },
+  {
+    action () {
+      void copyServerResourcePackToRegular()
+    },
+    mobileTitle: 'Copy Server Resource Pack',
+    enabled: () => !!gameAdditionalState.usingServerResourcePack
   }
 ]
 
-const hardcodedPressedKeys = new Set<string>()
+export const reloadChunksAction = () => {
+  const action = f3Keybinds.find(f3Keybind => f3Keybind.key === 'KeyA')
+  void action!.action()
+}
+
 document.addEventListener('keydown', (e) => {
   if (!isGameActive(false)) return
-  if (hardcodedPressedKeys.has('F3')) {
+  if (contro.pressedKeys.has('F3')) {
     const keybind = f3Keybinds.find((v) => v.key === e.code)
-    if (keybind) {
-      keybind.action()
+    if (keybind && (keybind.enabled?.() ?? true)) {
+      void keybind.action()
       e.stopPropagation()
     }
-    return
   }
-
-  hardcodedPressedKeys.add(e.code)
 }, {
   capture: true,
 })
-document.addEventListener('keyup', (e) => {
-  hardcodedPressedKeys.delete(e.code)
-})
-document.addEventListener('visibilitychange', (e) => {
-  if (document.visibilityState === 'hidden') {
-    hardcodedPressedKeys.clear()
-  }
-})
 
-// #region creative fly
-// these controls are more like for gamemode 3
-
-const makeInterval = (fn, interval) => {
-  const intervalId = setInterval(fn, interval)
-
-  const cleanup = () => {
-    clearInterval(intervalId)
-    cleanup.active = false
-  }
-  cleanup.active = true
-  return cleanup
-}
-
-const isFlying = () => bot.physics.gravity === 0
-let endFlyLoop: ReturnType<typeof makeInterval> | undefined
-
-const currentFlyVector = new Vec3(0, 0, 0)
-window.currentFlyVector = currentFlyVector
-
-// todo cleanup
-const flyingPressedKeys = {
-  down: false,
-  up: false
-}
-
-const startFlyLoop = () => {
-  if (!isFlying()) return
-  endFlyLoop?.()
-
-  endFlyLoop = makeInterval(() => {
-    if (!bot) {
-      endFlyLoop?.()
-      return
-    }
-
-    bot.entity.position.add(currentFlyVector.clone().multiply(new Vec3(0, 0.5, 0)))
-  }, 50)
-}
-
-// todo we will get rid of patching it when refactor controls
-let originalSetControlState
-const patchedSetControlState = (action, state) => {
-  if (!isFlying()) {
-    return originalSetControlState(action, state)
-  }
-
-  const actionPerFlyVector = {
-    jump: new Vec3(0, 1, 0),
-    sneak: new Vec3(0, -1, 0),
-  }
-
-  const changeVec = actionPerFlyVector[action]
-  if (!changeVec) {
-    return originalSetControlState(action, state)
-  }
-  if (flyingPressedKeys[state === 'jump' ? 'up' : 'down'] === state) return
-  const toAddVec = changeVec.scaled(state ? 1 : -1)
-  for (const coord of ['x', 'y', 'z']) {
-    if (toAddVec[coord] === 0) continue
-    if (currentFlyVector[coord] === toAddVec[coord]) return
-  }
-  currentFlyVector.add(toAddVec)
-  flyingPressedKeys[state === 'jump' ? 'up' : 'down'] = state
-}
+const isFlying = () => (bot.entity as any).flying
 
 const startFlying = (sendAbilities = true) => {
   if (sendAbilities) {
@@ -556,51 +844,24 @@ const startFlying = (sendAbilities = true) => {
       flags: 2,
     })
   }
-  // window.flyingSpeed will be removed
-  bot.physics['airborneAcceleration'] = window.flyingSpeed ?? 0.1 // todo use abilities
-  bot.entity.velocity = new Vec3(0, 0, 0)
-  bot.creative.startFlying()
-  startFlyLoop()
+  (bot.entity as any).flying = true
 }
 
 const endFlying = (sendAbilities = true) => {
-  if (bot.physics.gravity !== 0) return
+  if (!isFlying()) return
   if (sendAbilities) {
     bot._client.write('abilities', {
       flags: 0,
     })
   }
-  Object.assign(flyingPressedKeys, {
-    up: false,
-    down: false
-  })
-  currentFlyVector.set(0, 0, 0)
-  bot.physics['airborneAcceleration'] = standardAirborneAcceleration
-  bot.creative.stopFlying()
-  endFlyLoop?.()
+  (bot.entity as any).flying = false
 }
 
-let allowFlying = false
-
 export const onBotCreate = () => {
-  bot._client.on('abilities', ({ flags }) => {
-    if (flags & 2) { // flying
-      toggleFly(true, false)
-    } else {
-      toggleFly(false, false)
-    }
-    allowFlying = !!(flags & 4)
-  })
 }
 
-const standardAirborneAcceleration = 0.02
 const toggleFly = (newState = !isFlying(), sendAbilities?: boolean) => {
-  // if (bot.game.gameMode !== 'creative' && bot.game.gameMode !== 'spectator') return
-  if (!allowFlying) return
-  if (bot.setControlState !== patchedSetControlState) {
-    originalSetControlState = bot.setControlState
-    bot.setControlState = patchedSetControlState
-  }
+  if (!bot.entity.canFly) return
 
   if (newState) {
     startFlying(sendAbilities)
@@ -609,7 +870,6 @@ const toggleFly = (newState = !isFlying(), sendAbilities?: boolean) => {
   }
   gameAdditionalState.isFlying = isFlying()
 }
-// #endregion
 
 const selectItem = async () => {
   const block = bot.blockAtCursor(5)
@@ -623,9 +883,16 @@ const selectItem = async () => {
 }
 
 addEventListener('mousedown', async (e) => {
+  // always prevent default for side buttons (back / forward navigation)
+  if (e.button === 3 || e.button === 4) {
+    e.preventDefault()
+  }
+
   if ((e.target as HTMLElement).matches?.('#VRButton')) return
+  if (!isInRealGameSession() && !(e.target as HTMLElement).id.includes('ui-root')) return
   void pointerLock.requestPointerLock()
   if (!bot) return
+  getThreeJsRendererMethods()?.onPageInteraction()
   // wheel click
   // todo support ctrl+wheel (+nbt)
   if (e.button === 1) {
@@ -635,12 +902,21 @@ addEventListener('mousedown', async (e) => {
 
 window.addEventListener('keydown', (e) => {
   if (e.code !== 'Escape') return
+  if (!activeModalStack.length) {
+    getThreeJsRendererMethods()?.onPageInteraction()
+  }
+
   if (activeModalStack.length) {
-    hideCurrentModal(undefined, () => {
-      if (!activeModalStack.length) {
-        pointerLock.justHitEscape = true
-      }
-    })
+    const hideAll = e.ctrlKey || e.metaKey
+    if (hideAll) {
+      hideAllModals()
+    } else {
+      hideCurrentModal()
+    }
+    if (activeModalStack.length === 0) {
+      getThreeJsRendererMethods()?.onPageInteraction()
+      pointerLock.justHitEscape = true
+    }
   } else if (pointerLock.hasPointerLock) {
     document.exitPointerLock?.()
     if (options.autoExitFullscreen) {
@@ -671,12 +947,105 @@ window.addEventListener('keydown', (e) => {
 
 // #region experimental debug things
 window.addEventListener('keydown', (e) => {
-  if (e.code === 'F11') {
-    e.preventDefault()
-    void goFullscreen(true)
-  }
-  if (e.code === 'KeyL' && e.altKey) {
+  if (e.code === 'KeyL' && e.altKey && !e.shiftKey && !e.ctrlKey && !e.metaKey) {
     console.clear()
   }
+  if (e.code === 'KeyK' && e.altKey && e.shiftKey && !e.ctrlKey && !e.metaKey) {
+    if (sessionStorage.delayLoadUntilFocus) {
+      sessionStorage.removeItem('delayLoadUntilFocus')
+    } else {
+      sessionStorage.setItem('delayLoadUntilFocus', 'true')
+    }
+  }
+  if (e.code === 'KeyK' && e.altKey && !e.shiftKey && !e.ctrlKey && !e.metaKey) {
+    // eslint-disable-next-line no-debugger
+    debugger
+  }
 })
 // #endregion
+
+export function updateBinds (commands: any) {
+  contro.inputSchema.commands.custom = Object.fromEntries(Object.entries(commands?.custom ?? {}).map(([key, value]) => {
+    return [key, {
+      keys: [],
+      gamepad: [],
+      type: '',
+      inputs: []
+    }]
+  }))
+
+  for (const [group, actions] of Object.entries(commands)) {
+    contro.userConfig![group] = Object.fromEntries(Object.entries(actions).map(([key, value]) => {
+      const newValue = {
+        keys: value?.keys ?? undefined,
+        gamepad: value?.gamepad ?? undefined,
+      }
+
+      if (group === 'custom') {
+        newValue['type'] = (value).type
+        newValue['inputs'] = (value).inputs
+      }
+
+      return [key, newValue]
+    }))
+  }
+}
+
+export const onF3LongPress = async () => {
+  const actions = f3Keybinds.filter(f3Keybind => {
+    return f3Keybind.mobileTitle && (f3Keybind.enabled?.() ?? true)
+  })
+  const actionNames = actions.map(f3Keybind => {
+    return `${f3Keybind.mobileTitle}${f3Keybind.key ? ` (F3+${f3Keybind.key})` : ''}`
+  })
+  const select = await showOptionsModal('', actionNames)
+  if (!select) return
+  const actionIndex = actionNames.indexOf(select)
+  const f3Keybind = actions[actionIndex]!
+  void f3Keybind.action()
+}
+
+export const handleMobileButtonCustomAction = (action: CustomAction) => {
+  const handler = customCommandsConfig[action.type]?.handler
+  if (handler) {
+    handler([...action.input])
+  }
+}
+
+export const triggerCommand = (command: Command, isDown: boolean) => {
+  handleMobileButtonActionCommand(command, isDown)
+}
+
+export const handleMobileButtonActionCommand = (command: ActionType | ActionHoldConfig, isDown: boolean) => {
+  const commandValue = typeof command === 'string' ? command : 'command' in command ? command.command : command
+
+  // Check if command is disabled before proceeding
+  if (typeof commandValue === 'string' && isCommandDisabled(commandValue as Command)) return
+
+  if (typeof commandValue === 'string' && !stringStartsWith(commandValue, 'custom')) {
+    const event: CommandEventArgument<typeof contro['_commandsRaw']> = {
+      command: commandValue as Command,
+      schema: {
+        keys: [],
+        gamepad: []
+      }
+    }
+    if (isDown) {
+      contro.emit('trigger', event)
+    } else {
+      contro.emit('release', event)
+    }
+  } else if (typeof commandValue === 'object') {
+    if (isDown) {
+      handleMobileButtonCustomAction(commandValue)
+    }
+  }
+}
+
+export const handleMobileButtonLongPress = (actionHold: ActionHoldConfig) => {
+  if (typeof actionHold.longPressAction === 'string' && actionHold.longPressAction === 'general.debugOverlayHelpMenu') {
+    void onF3LongPress()
+  } else if (actionHold.longPressAction) {
+    handleMobileButtonActionCommand(actionHold.longPressAction, true)
+  }
+}
diff --git a/src/core/ideChannels.ts b/src/core/ideChannels.ts
new file mode 100644
index 00000000..a9c517f7
--- /dev/null
+++ b/src/core/ideChannels.ts
@@ -0,0 +1,106 @@
+import { proxy } from 'valtio'
+
+export const ideState = proxy({
+  id: '',
+  contents: '',
+  line: 0,
+  column: 0,
+  language: 'typescript',
+  title: '',
+})
+globalThis.ideState = ideState
+
+export const registerIdeChannels = () => {
+  registerIdeOpenChannel()
+  registerIdeSaveChannel()
+}
+
+const registerIdeOpenChannel = () => {
+  const CHANNEL_NAME = 'minecraft-web-client:ide-open'
+
+  const packetStructure = [
+    'container',
+    [
+      {
+        name: 'id',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'language',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'contents',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'line',
+        type: 'i32'
+      },
+      {
+        name: 'column',
+        type: 'i32'
+      },
+      {
+        name: 'title',
+        type: ['pstring', { countType: 'i16' }]
+      }
+    ]
+  ]
+
+  bot._client.registerChannel(CHANNEL_NAME, packetStructure, true)
+
+  bot._client.on(CHANNEL_NAME as any, (data) => {
+    const { id, language, contents, line, column, title } = data
+
+    ideState.contents = contents
+    ideState.line = line
+    ideState.column = column
+    ideState.id = id
+    ideState.language = language || 'typescript'
+    ideState.title = title
+  })
+
+  console.debug(`registered custom channel ${CHANNEL_NAME} channel`)
+}
+const IDE_SAVE_CHANNEL_NAME = 'minecraft-web-client:ide-save'
+const registerIdeSaveChannel = () => {
+
+  const packetStructure = [
+    'container',
+    [
+      {
+        name: 'id',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'contents',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'language',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'line',
+        type: 'i32'
+      },
+      {
+        name: 'column',
+        type: 'i32'
+      },
+    ]
+  ]
+  bot._client.registerChannel(IDE_SAVE_CHANNEL_NAME, packetStructure, true)
+}
+
+export const saveIde = () => {
+  bot._client.writeChannel(IDE_SAVE_CHANNEL_NAME, {
+    id: ideState.id,
+    contents: ideState.contents,
+    language: ideState.language,
+    // todo: reflect updated
+    line: ideState.line,
+    column: ideState.column,
+  })
+}
diff --git a/src/core/importExport.ts b/src/core/importExport.ts
new file mode 100644
index 00000000..b3e26347
--- /dev/null
+++ b/src/core/importExport.ts
@@ -0,0 +1,219 @@
+import { appStorage } from '../react/appStorageProvider'
+import { getChangedSettings, options } from '../optionsStorage'
+import { customKeymaps } from '../controls'
+import { showInputsModal } from '../react/SelectOption'
+
+interface ExportedFile {
+  _about: string
+  options?: Record<string, any>
+  keybindings?: Record<string, any>
+  servers?: any[]
+  username?: string
+  proxy?: string
+  proxies?: string[]
+  accountTokens?: any[]
+}
+
+export const importData = async () => {
+  try {
+    const input = document.createElement('input')
+    input.type = 'file'
+    input.accept = '.json'
+    input.click()
+
+    const file = await new Promise<File>((resolve) => {
+      input.onchange = () => {
+        if (!input.files?.[0]) return
+        resolve(input.files[0])
+      }
+    })
+
+    const text = await file.text()
+    const data = JSON.parse(text)
+
+    if (!data._about?.includes('Minecraft Web Client')) {
+      const doContinue = confirm('This file does not appear to be a Minecraft Web Client profile. Continue anyway?')
+      if (!doContinue) return
+    }
+
+    // Build available data types for selection
+    const availableData: Record<keyof Omit<ExportedFile, '_about'>, { present: boolean, description: string }> = {
+      options: { present: !!data.options, description: 'Game settings and preferences' },
+      keybindings: { present: !!data.keybindings, description: 'Custom key mappings' },
+      servers: { present: !!data.servers, description: 'Saved server list' },
+      username: { present: !!data.username, description: 'Username' },
+      proxy: { present: !!data.proxy, description: 'Selected proxy server' },
+      proxies: { present: !!data.proxies, description: 'Global proxies list' },
+      accountTokens: { present: !!data.accountTokens, description: 'Account authentication tokens' },
+    }
+
+    // Filter to only present data types
+    const presentTypes = Object.fromEntries(Object.entries(availableData)
+      .filter(([_, info]) => info.present)
+      .map<any>(([key, info]) => [key, info]))
+
+    if (Object.keys(presentTypes).length === 0) {
+      alert('No compatible data found in the imported file.')
+      return
+    }
+
+    const importChoices = await showInputsModal('Select Data to Import', {
+      mergeData: {
+        type: 'checkbox',
+        label: 'Merge with existing data (uncheck to remove old data)',
+        defaultValue: true,
+      },
+      ...Object.fromEntries(Object.entries(presentTypes).map(([key, info]) => [key, {
+        type: 'checkbox',
+        label: info.description,
+        defaultValue: true,
+      }]))
+    }) as { mergeData: boolean } & Record<keyof ExportedFile, boolean>
+
+    if (!importChoices) return
+
+    const importedTypes: string[] = []
+    const shouldMerge = importChoices.mergeData
+
+    if (importChoices.options && data.options) {
+      if (shouldMerge) {
+        Object.assign(options, data.options)
+      } else {
+        for (const key of Object.keys(options)) {
+          if (key in data.options) {
+            options[key as any] = data.options[key]
+          }
+        }
+      }
+      importedTypes.push('settings')
+    }
+
+    if (importChoices.keybindings && data.keybindings) {
+      if (shouldMerge) {
+        Object.assign(customKeymaps, data.keybindings)
+      } else {
+        for (const key of Object.keys(customKeymaps)) delete customKeymaps[key]
+        Object.assign(customKeymaps, data.keybindings)
+      }
+      importedTypes.push('keybindings')
+    }
+
+    if (importChoices.servers && data.servers) {
+      if (shouldMerge && appStorage.serversList) {
+        // Merge by IP, update existing entries and add new ones
+        const existingIps = new Set(appStorage.serversList.map(s => s.ip))
+        const newServers = data.servers.filter(s => !existingIps.has(s.ip))
+        appStorage.serversList = [...appStorage.serversList, ...newServers]
+      } else {
+        appStorage.serversList = data.servers
+      }
+      importedTypes.push('servers')
+    }
+
+    if (importChoices.username && data.username) {
+      appStorage.username = data.username
+      importedTypes.push('username')
+    }
+
+    if ((importChoices.proxy && data.proxy) || (importChoices.proxies && data.proxies)) {
+      if (!appStorage.proxiesData) {
+        appStorage.proxiesData = { proxies: [], selected: '' }
+      }
+
+      if (importChoices.proxies && data.proxies) {
+        if (shouldMerge) {
+          // Merge unique proxies
+          const uniqueProxies = new Set([...appStorage.proxiesData.proxies, ...data.proxies])
+          appStorage.proxiesData.proxies = [...uniqueProxies]
+        } else {
+          appStorage.proxiesData.proxies = data.proxies
+        }
+        importedTypes.push('proxies list')
+      }
+
+      if (importChoices.proxy && data.proxy) {
+        appStorage.proxiesData.selected = data.proxy
+        importedTypes.push('selected proxy')
+      }
+    }
+
+    if (importChoices.accountTokens && data.accountTokens) {
+      if (shouldMerge && appStorage.authenticatedAccounts) {
+        // Merge by unique identifier (assuming accounts have some unique ID or username)
+        const existingAccounts = new Set(appStorage.authenticatedAccounts.map(a => a.username))
+        const newAccounts = data.accountTokens.filter(a => !existingAccounts.has(a.username))
+        appStorage.authenticatedAccounts = [...appStorage.authenticatedAccounts, ...newAccounts]
+      } else {
+        appStorage.authenticatedAccounts = data.accountTokens
+      }
+      importedTypes.push('account tokens')
+    }
+
+    alert(`Profile imported successfully! Imported data: ${importedTypes.join(', ')}.\nYou may need to reload the page for some changes to take effect.`)
+  } catch (err) {
+    console.error('Failed to import profile:', err)
+    alert('Failed to import profile: ' + (err.message || err))
+  }
+}
+
+export const exportData = async () => {
+  const data = await showInputsModal('Export Profile', {
+    profileName: {
+      type: 'text',
+    },
+    exportSettings: {
+      type: 'checkbox',
+      defaultValue: true,
+    },
+    exportKeybindings: {
+      type: 'checkbox',
+      defaultValue: true,
+    },
+    exportServers: {
+      type: 'checkbox',
+      defaultValue: true,
+    },
+    saveUsernameAndProxy: {
+      type: 'checkbox',
+      defaultValue: true,
+    },
+    exportGlobalProxiesList: {
+      type: 'checkbox',
+      defaultValue: false,
+    },
+    exportAccountTokens: {
+      type: 'checkbox',
+      defaultValue: false,
+    },
+  })
+  const fileName = `${data.profileName ? `${data.profileName}-` : ''}web-client-profile.json`
+  const json: ExportedFile = {
+    _about: 'Minecraft Web Client (mcraft.fun) Profile',
+    ...data.exportSettings ? {
+      options: getChangedSettings(),
+    } : {},
+    ...data.exportKeybindings ? {
+      keybindings: customKeymaps,
+    } : {},
+    ...data.exportServers ? {
+      servers: appStorage.serversList,
+    } : {},
+    ...data.saveUsernameAndProxy ? {
+      username: appStorage.username,
+      proxy: appStorage.proxiesData?.selected,
+    } : {},
+    ...data.exportGlobalProxiesList ? {
+      proxies: appStorage.proxiesData?.proxies,
+    } : {},
+    ...data.exportAccountTokens ? {
+      accountTokens: appStorage.authenticatedAccounts,
+    } : {},
+  }
+  const blob = new Blob([JSON.stringify(json, null, 2)], { type: 'application/json' })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = fileName
+  a.click()
+  URL.revokeObjectURL(url)
+}
diff --git a/src/core/progressReporter.ts b/src/core/progressReporter.ts
new file mode 100644
index 00000000..75878fd2
--- /dev/null
+++ b/src/core/progressReporter.ts
@@ -0,0 +1,234 @@
+import { setLoadingScreenStatus } from '../appStatus'
+import { appStatusState } from '../react/AppStatusProvider'
+import { hideNotification, showNotification } from '../react/NotificationProvider'
+import { pixelartIcons } from '../react/PixelartIcon'
+
+export interface ProgressReporter {
+  currentMessage: string | undefined
+  beginStage (stage: string, title: string): void
+  endStage (stage: string): void
+  setSubStage (stage: string, subStageTitle: string): void
+  reportProgress (stage: string, progress: number): void
+  executeWithMessage<T>(message: string, fn: () => Promise<T>): Promise<T>
+  executeWithMessage<T>(message: string, stage: string, fn: () => Promise<T>): Promise<T>
+
+  setMessage (message: string): void
+
+  end(): void
+  error(message: string): void
+}
+
+interface ReporterDisplayImplementation {
+  setMessage (message: string): void
+  end (): void
+  error(message: string): void
+}
+
+interface StageInfo {
+  title: string
+  subStage?: string
+  progress?: number
+}
+
+const NO_STAGES_ACTION_END = false
+
+const createProgressReporter = (implementation: ReporterDisplayImplementation): ProgressReporter => {
+  const stages = new Map<string, StageInfo>()
+  let currentMessage: string | undefined
+  let ended = false
+
+  const end = () => {
+    if (ended) return
+    ended = true
+    stages.clear()
+    implementation.end()
+  }
+
+  const updateStatus = () => {
+    if (ended) return
+    const activeStages = [...stages.entries()]
+    if (activeStages.length === 0) {
+      if (NO_STAGES_ACTION_END) {
+        end()
+      } else {
+        implementation.setMessage('Waiting for tasks')
+      }
+      return
+    }
+
+    const [currentStage, info] = activeStages.at(-1)!
+    let message = info.title
+    if (info.subStage) {
+      message += ` - ${info.subStage}`
+    }
+    if (info.progress !== undefined) {
+      const num = Math.round(info.progress * 100)
+      if (isFinite(num)) {
+        message += `: ${num}%`
+      }
+    }
+
+    currentMessage = message
+    implementation.setMessage(message)
+  }
+
+  const reporter = {
+    beginStage (stage: string, title: string) {
+      if (stages.has(stage)) {
+        throw new Error(`Stage ${stage} already is running`)
+      }
+      stages.set(stage, { title })
+      updateStatus()
+    },
+
+    endStage (stage: string) {
+      stages.delete(stage)
+      updateStatus()
+    },
+
+    setSubStage (stage: string, subStageTitle: string) {
+      const info = stages.get(stage)
+      if (info) {
+        info.subStage = subStageTitle
+        updateStatus()
+      }
+    },
+
+    reportProgress (stage: string, progress: number) {
+      const info = stages.get(stage)
+      if (info) {
+        info.progress = progress
+        updateStatus()
+      }
+    },
+
+    async executeWithMessage<T>(...args: any[]): Promise<T> {
+      const message = args[0]
+      const stage = typeof args[1] === 'string' ? args[1] : undefined
+      const fn = typeof args[1] === 'string' ? args[2] : args[1]
+
+      const tempStage = stage ?? 'temp-' + Math.random().toString(36).slice(2)
+      reporter.beginStage(tempStage, message)
+      try {
+        const result = await fn()
+        return result
+      } finally {
+        reporter.endStage(tempStage)
+      }
+    },
+
+    end (): void {
+      end()
+    },
+
+    setMessage (message: string): void {
+      if (ended) return
+      implementation.setMessage(message)
+    },
+
+    get currentMessage () {
+      return currentMessage
+    },
+
+    error (message: string): void {
+      if (ended) return
+      implementation.error(message)
+    }
+  }
+
+  return reporter
+}
+
+const fullScreenReporters = [] as ProgressReporter[]
+export const createFullScreenProgressReporter = (): ProgressReporter => {
+  const reporter = createProgressReporter({
+    setMessage (message: string) {
+      if (appStatusState.isError) return
+      setLoadingScreenStatus(message)
+    },
+    end () {
+      if (appStatusState.isError) return
+      fullScreenReporters.splice(fullScreenReporters.indexOf(reporter), 1)
+      if (fullScreenReporters.length === 0) {
+        setLoadingScreenStatus(undefined)
+      } else {
+        setLoadingScreenStatus(fullScreenReporters.at(-1)!.currentMessage)
+      }
+    },
+
+    error (message: string): void {
+      if (appStatusState.isError) return
+      setLoadingScreenStatus(message, true)
+    }
+  })
+  fullScreenReporters.push(reporter)
+  return reporter
+}
+
+export const createNotificationProgressReporter = (endMessage?: string): ProgressReporter => {
+  const id = `progress-reporter-${Math.random().toString(36).slice(2)}`
+  return createProgressReporter({
+    setMessage (message: string) {
+      showNotification(`${message}...`, '', false, '', undefined, true, id)
+    },
+    end () {
+      if (endMessage) {
+        showNotification(endMessage, '', false, pixelartIcons.check, undefined, true)
+      } else {
+        hideNotification(id)
+      }
+    },
+
+    error (message: string): void {
+      showNotification(message, '', true, '', undefined, true)
+    }
+  })
+}
+
+export const createConsoleLogProgressReporter = (group?: string): ProgressReporter => {
+  return createProgressReporter({
+    setMessage (message: string) {
+      console.log(group ? `[${group}] ${message}` : message)
+    },
+    end () {
+      console.log(group ? `[${group}] done` : 'done')
+    },
+
+    error (message: string): void {
+      console.error(message)
+    }
+  })
+}
+
+export const createWrappedProgressReporter = (reporter: ProgressReporter, message?: string) => {
+  const stage = `wrapped-${message}`
+  if (message) {
+    reporter.beginStage(stage, message)
+  }
+
+  return createProgressReporter({
+    setMessage (message: string) {
+      reporter.setMessage(message)
+    },
+    end () {
+      if (message) {
+        reporter.endStage(stage)
+      }
+    },
+
+    error (message: string): void {
+      reporter.error(message)
+    }
+  })
+}
+
+export const createNullProgressReporter = (): ProgressReporter => {
+  return createProgressReporter({
+    setMessage (message: string) {
+    },
+    end () {
+    },
+    error (message: string) {
+    }
+  })
+}
diff --git a/src/core/timers.ts b/src/core/timers.ts
new file mode 100644
index 00000000..570f46c0
--- /dev/null
+++ b/src/core/timers.ts
@@ -0,0 +1,139 @@
+import { options } from '../optionsStorage'
+
+interface Timer {
+  id: number
+  callback: () => void
+  targetTime: number
+  isInterval: boolean
+  interval?: number
+  cleanup?: () => void
+}
+
+let nextTimerId = 1
+const timers: Timer[] = []
+
+// TODO implementation breaks tps (something is wrong with intervals)
+const fixBrowserTimers = () => {
+  const originalSetTimeout = window.setTimeout
+  //@ts-expect-error
+  window.setTimeout = (callback: () => void, delay: number) => {
+    if (!delay) {
+      return originalSetTimeout(callback)
+    }
+    const id = nextTimerId++
+    const targetTime = performance.now() + delay
+    timers.push({ id, callback, targetTime, isInterval: false })
+    originalSetTimeout(() => {
+      checkTimers()
+    }, delay)
+    return id
+  }
+
+  const originalSetInterval = window.setInterval
+  //@ts-expect-error
+  window.setInterval = (callback: () => void, interval: number) => {
+    if (!interval) {
+      return originalSetInterval(callback, interval)
+    }
+    const id = nextTimerId++
+    const targetTime = performance.now() + interval
+    const originalInterval = originalSetInterval(() => {
+      checkTimers()
+    }, interval)
+    timers.push({
+      id,
+      callback,
+      targetTime,
+      isInterval: true,
+      interval,
+      cleanup () {
+        originalClearInterval(originalInterval)
+      },
+    })
+    return id
+  }
+
+  const originalClearTimeout = window.clearTimeout
+  //@ts-expect-error
+  window.clearTimeout = (id: number) => {
+    const index = timers.findIndex(t => t.id === id)
+    if (index !== -1) {
+      timers.splice(index, 1)
+    }
+    return originalClearTimeout(id)
+  }
+
+  const originalClearInterval = window.clearInterval
+  //@ts-expect-error
+  window.clearInterval = (id: number) => {
+    const index = timers.findIndex(t => t.id === id)
+    if (index !== -1) {
+      const timer = timers[index]
+      if (timer.cleanup) {
+        timer.cleanup()
+      }
+      timers.splice(index, 1)
+    }
+    return originalClearInterval(id)
+  }
+}
+
+export const checkTimers = () => {
+  const now = performance.now()
+
+  let triggered = false
+  for (let i = timers.length - 1; i >= 0; i--) {
+    const timer = timers[i]
+
+    if (now >= timer.targetTime) {
+      triggered = true
+      timer.callback()
+
+      if (timer.isInterval && timer.interval) {
+        // Reschedule interval
+        timer.targetTime = now + timer.interval
+      } else {
+        // Remove one-time timer
+        timers.splice(i, 1)
+      }
+    }
+  }
+
+  if (!triggered) {
+    console.log('No timers triggered!')
+  }
+}
+
+// workaround for browser timers throttling after 5 minutes of tab inactivity
+export const preventThrottlingWithSound = () => {
+  try {
+    const audioContext = new (window.AudioContext || (window as any).webkitAudioContext)()
+    const oscillator = audioContext.createOscillator()
+    const gainNode = audioContext.createGain()
+
+    // Unfortunatelly cant use 0
+    gainNode.gain.value = 0.001
+
+    // Connect nodes
+    oscillator.connect(gainNode)
+    gainNode.connect(audioContext.destination)
+
+    // Use a very low frequency
+    oscillator.frequency.value = 1
+
+    // Start playing
+    oscillator.start()
+
+    return async () => {
+      try {
+        oscillator.stop()
+        await audioContext.close()
+      } catch (err) {
+        console.warn('Error stopping silent audio:', err)
+      }
+    }
+  } catch (err) {
+    console.error('Error creating silent audio:', err)
+    return () => {}
+  }
+}
diff --git a/src/cross_playstation_console_controller_gamepad_icon.svg b/src/cross_playstation_console_controller_gamepad_icon.svg
deleted file mode 100644
index d7d176e2..00000000
--- a/src/cross_playstation_console_controller_gamepad_icon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 64 64" height="64px" id="Livello_1" version="1.1" viewBox="0 0 64 64" width="64px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M62,32c0,16.564-13.434,30-30,30C15.433,62,2,48.564,2,32C2,15.433,15.433,2,32,2C48.566,2,62,15.433,62,32   z" fill="#67809F"/><path d="M62,32c0-1.582-0.159-3.122-0.395-4.64c-0.006-0.002-0.011-0.004-0.016-0.009   c-0.02-0.02-0.025-0.045-0.042-0.063c-0.019-0.02-0.045-0.023-0.064-0.043c-0.018-0.019-0.023-0.044-0.042-0.064   c-0.02-0.02-0.047-0.025-0.066-0.044c-0.018-0.019-0.023-0.044-0.042-0.062c-0.019-0.019-0.043-0.023-0.063-0.042   c-0.017-0.021-0.021-0.045-0.041-0.063c-0.019-0.019-0.044-0.024-0.062-0.042c-0.019-0.02-0.024-0.046-0.044-0.066   c-0.02-0.019-0.044-0.025-0.064-0.042c-0.019-0.02-0.024-0.046-0.042-0.065c-0.02-0.019-0.046-0.024-0.064-0.042   c-0.019-0.019-0.024-0.044-0.043-0.062c-0.018-0.021-0.045-0.026-0.064-0.043c-0.017-0.019-0.023-0.043-0.042-0.063   c-0.018-0.018-0.043-0.023-0.063-0.042c-0.019-0.02-0.022-0.045-0.042-0.063c-0.019-0.02-0.044-0.025-0.065-0.043   c-0.017-0.019-0.022-0.044-0.041-0.064c-0.021-0.019-0.046-0.025-0.064-0.042c-0.02-0.018-0.023-0.045-0.043-0.064   c-0.02-0.019-0.044-0.023-0.064-0.042c-0.018-0.021-0.022-0.045-0.041-0.063c-0.019-0.02-0.045-0.024-0.063-0.043   c-0.02-0.018-0.023-0.043-0.044-0.063c-0.016-0.019-0.043-0.023-0.062-0.042c-0.02-0.02-0.025-0.046-0.043-0.065   c-0.021-0.018-0.045-0.024-0.065-0.042c-0.017-0.019-0.021-0.045-0.043-0.063c-0.019-0.021-0.044-0.024-0.063-0.043   c-0.018-0.019-0.022-0.043-0.042-0.063c-0.018-0.018-0.044-0.024-0.063-0.042c-0.02-0.02-0.025-0.045-0.042-0.063   s-0.045-0.023-0.061-0.042c-0.02-0.02-0.026-0.046-0.044-0.065c-0.02-0.019-0.045-0.025-0.065-0.042   c-0.018-0.018-0.022-0.045-0.043-0.064c-0.019-0.019-0.045-0.025-0.065-0.042c-0.016-0.021-0.021-0.045-0.041-0.063   c-0.019-0.02-0.044-0.024-0.063-0.043c-0.017-0.018-0.022-0.043-0.042-0.063c-0.018-0.019-0.044-0.023-0.061-0.042   c-0.021-0.02-0.027-0.046-0.044-0.065c-0.02-0.018-0.044-0.024-0.065-0.042c-0.018-0.019-0.023-0.045-0.042-0.063   c-0.02-0.021-0.045-0.024-0.063-0.043c-0.017-0.019-0.023-0.043-0.043-0.063c-0.019-0.018-0.043-0.023-0.063-0.042   c-0.016-0.02-0.022-0.045-0.042-0.063c-0.018-0.02-0.044-0.025-0.066-0.044c-0.017-0.019-0.022-0.043-0.039-0.062   c-0.021-0.019-0.044-0.025-0.065-0.042c-0.019-0.02-0.022-0.046-0.042-0.065c-0.02-0.019-0.044-0.025-0.063-0.042   c-0.018-0.02-0.024-0.044-0.042-0.063c-0.019-0.018-0.044-0.024-0.063-0.042c-0.018-0.02-0.024-0.046-0.045-0.066   c-0.017-0.019-0.044-0.025-0.064-0.043c-0.018-0.02-0.022-0.044-0.041-0.062c-0.018-0.018-0.043-0.023-0.063-0.042   c-0.019-0.019-0.023-0.045-0.042-0.063c-0.021-0.021-0.045-0.026-0.064-0.043c-0.019-0.019-0.023-0.044-0.042-0.063   c-0.02-0.018-0.044-0.024-0.063-0.041c-0.019-0.02-0.025-0.045-0.044-0.063c-0.018-0.02-0.046-0.024-0.063-0.043   c-0.018-0.018-0.024-0.044-0.042-0.064c-0.019-0.019-0.045-0.024-0.063-0.041c-0.02-0.021-0.024-0.047-0.044-0.066   c-0.018-0.019-0.043-0.025-0.064-0.042c-0.016-0.02-0.022-0.044-0.04-0.063c-0.021-0.02-0.044-0.025-0.064-0.043   c-0.017-0.019-0.023-0.043-0.041-0.063c-0.021-0.019-0.046-0.025-0.063-0.042c-0.021-0.02-0.025-0.046-0.044-0.065   c-0.019-0.018-0.044-0.023-0.063-0.042c-0.019-0.019-0.025-0.045-0.044-0.063c-0.019-0.021-0.045-0.026-0.063-0.043   c-0.019-0.019-0.023-0.044-0.044-0.063c-0.019-0.018-0.046-0.024-0.065-0.043c-0.017-0.02-0.021-0.045-0.041-0.062   c-0.018-0.02-0.043-0.023-0.063-0.043c-0.018-0.018-0.023-0.044-0.043-0.064c-0.02-0.019-0.044-0.025-0.065-0.042   c-0.019-0.02-0.022-0.044-0.041-0.063c-0.019-0.019-0.044-0.023-0.064-0.042c-0.018-0.019-0.022-0.044-0.041-0.062   c-0.018-0.02-0.045-0.024-0.063-0.043c-0.018-0.019-0.024-0.044-0.043-0.064c-0.018-0.019-0.043-0.023-0.063-0.042   c-0.019-0.02-0.024-0.046-0.044-0.065c-0.019-0.018-0.044-0.024-0.066-0.044c-0.017-0.019-0.021-0.044-0.04-0.062   s-0.044-0.023-0.062-0.041c-0.021-0.02-0.024-0.047-0.044-0.066c-0.021-0.018-0.047-0.024-0.065-0.043   c-0.019-0.018-0.023-0.043-0.04-0.06c-0.019-0.019-0.045-0.024-0.063-0.043c-0.019-0.018-0.024-0.044-0.044-0.063   c-0.019-0.02-0.044-0.024-0.063-0.042c-0.018-0.02-0.022-0.045-0.045-0.065c-0.017-0.019-0.043-0.023-0.063-0.042   c-0.018-0.019-0.022-0.044-0.042-0.062c-0.019-0.02-0.044-0.026-0.064-0.043c-0.017-0.019-0.023-0.043-0.04-0.063   c-0.021-0.019-0.045-0.025-0.064-0.042c-0.02-0.02-0.025-0.046-0.043-0.064c-0.02-0.018-0.044-0.023-0.062-0.042   c-0.02-0.021-0.025-0.046-0.044-0.066c-0.02-0.019-0.047-0.024-0.066-0.044c-0.017-0.019-0.023-0.044-0.042-0.062   c-0.019-0.019-0.043-0.023-0.064-0.042c-0.016-0.02-0.021-0.045-0.04-0.063c-0.019-0.019-0.043-0.024-0.063-0.043   c-0.019-0.019-0.024-0.045-0.041-0.064c-0.021-0.02-0.044-0.024-0.065-0.042c-0.019-0.02-0.024-0.045-0.042-0.065   c-0.02-0.019-0.046-0.024-0.064-0.042c-0.019-0.019-0.024-0.044-0.043-0.062c-0.017-0.02-0.045-0.024-0.063-0.043   c-0.018-0.019-0.023-0.043-0.044-0.063c-0.016-0.019-0.043-0.023-0.062-0.04c-0.018-0.021-0.023-0.048-0.043-0.066   c-0.019-0.02-0.043-0.025-0.065-0.043c-0.017-0.019-0.021-0.045-0.041-0.064c-0.021-0.019-0.046-0.024-0.064-0.042   c-0.02-0.018-0.023-0.044-0.043-0.063c-0.018-0.019-0.044-0.023-0.063-0.042c-0.019-0.02-0.023-0.045-0.043-0.063   c-0.017-0.019-0.045-0.024-0.063-0.043s-0.024-0.043-0.043-0.063c-0.016-0.019-0.043-0.023-0.062-0.042   c-0.02-0.02-0.024-0.046-0.043-0.065c-0.021-0.018-0.045-0.024-0.065-0.042c-0.017-0.019-0.021-0.044-0.041-0.062   c-0.021-0.019-0.043-0.024-0.062-0.042c-0.021-0.02-0.025-0.046-0.044-0.066c-0.02-0.019-0.046-0.025-0.065-0.043   c-0.02-0.019-0.025-0.044-0.041-0.062c-0.02-0.02-0.046-0.025-0.065-0.043c-0.018-0.019-0.023-0.045-0.042-0.064   c-0.02-0.018-0.043-0.023-0.062-0.041c-0.019-0.02-0.024-0.047-0.045-0.066c-0.019-0.019-0.043-0.023-0.063-0.042   c-0.016-0.02-0.022-0.045-0.041-0.063c-0.021-0.019-0.045-0.024-0.066-0.044c-0.018-0.019-0.023-0.043-0.04-0.062   c-0.021-0.019-0.046-0.025-0.065-0.042c-0.019-0.02-0.024-0.044-0.04-0.063c-0.02-0.018-0.044-0.023-0.063-0.041   c-0.019-0.021-0.025-0.047-0.044-0.065c-0.018-0.02-0.045-0.024-0.064-0.043c-0.017-0.019-0.023-0.044-0.043-0.064   c-0.018-0.019-0.043-0.023-0.063-0.042c-0.016-0.019-0.021-0.044-0.042-0.063c-0.018-0.02-0.044-0.025-0.066-0.044   c-0.017-0.02-0.021-0.044-0.039-0.062c-0.02-0.019-0.044-0.023-0.063-0.042c-0.021-0.02-0.024-0.046-0.043-0.065   c-0.021-0.019-0.044-0.025-0.063-0.042c-0.019-0.019-0.025-0.044-0.042-0.063c-0.02-0.019-0.046-0.025-0.063-0.042   c-0.018-0.019-0.024-0.045-0.046-0.064c-0.016-0.02-0.043-0.025-0.063-0.042c-0.017-0.02-0.022-0.044-0.041-0.063   c-0.019-0.018-0.043-0.023-0.063-0.042c-0.019-0.02-0.022-0.044-0.042-0.063c-0.019-0.019-0.044-0.023-0.063-0.042   c-0.021-0.018-0.025-0.045-0.042-0.064c-0.021-0.019-0.046-0.025-0.064-0.042c-0.019-0.02-0.025-0.046-0.044-0.065   c-0.018-0.02-0.046-0.025-0.065-0.043c-0.018-0.019-0.023-0.043-0.04-0.063c-0.019-0.018-0.045-0.023-0.063-0.041   c-0.018-0.021-0.024-0.047-0.045-0.066c-0.018-0.019-0.043-0.025-0.064-0.043c-0.016-0.019-0.021-0.044-0.04-0.063   c-0.021-0.019-0.046-0.025-0.067-0.044c-0.018-0.019-0.021-0.043-0.04-0.062c-0.019-0.019-0.043-0.023-0.062-0.041   c-0.02-0.021-0.025-0.047-0.044-0.066c-0.019-0.018-0.044-0.023-0.063-0.042c-0.018-0.02-0.024-0.044-0.043-0.063   c-0.017-0.019-0.045-0.023-0.062-0.042c-0.019-0.018-0.024-0.045-0.045-0.064c-0.019-0.019-0.046-0.025-0.065-0.043   c-0.017-0.019-0.021-0.044-0.041-0.062c-0.018-0.018-0.041-0.023-0.062-0.042c-0.019-0.02-0.024-0.046-0.043-0.066   c-0.021-0.019-0.045-0.025-0.064-0.042c-0.019-0.02-0.024-0.044-0.043-0.063c-0.018-0.019-0.044-0.023-0.061-0.042   c-0.021-0.019-0.026-0.045-0.045-0.064c-0.02-0.019-0.048-0.025-0.065-0.044c-0.018-0.019-0.022-0.043-0.043-0.062   c-0.017-0.019-0.043-0.024-0.061-0.042c-0.019-0.019-0.023-0.044-0.044-0.063c-0.019-0.018-0.041-0.023-0.062-0.042   c-0.019-0.021-0.023-0.046-0.043-0.066c-0.021-0.021-0.046-0.026-0.068-0.043c-0.017-0.019-0.021-0.044-0.038-0.062   c-0.021-0.018-0.045-0.024-0.062-0.042c-0.021-0.021-0.026-0.046-0.044-0.065c-0.02-0.02-0.046-0.023-0.064-0.043   c-0.019-0.019-0.024-0.045-0.044-0.064c-0.019-0.019-0.044-0.023-0.063-0.042c-0.017-0.02-0.022-0.044-0.043-0.063   c-0.019-0.019-0.045-0.025-0.066-0.044c-0.016-0.019-0.021-0.043-0.04-0.061c-0.019-0.02-0.043-0.024-0.063-0.043   c-0.018-0.019-0.024-0.045-0.041-0.064c-0.021-0.02-0.044-0.025-0.064-0.042c-0.02-0.019-0.025-0.044-0.041-0.063   c-0.02-0.02-0.046-0.023-0.064-0.042c-0.019-0.02-0.024-0.044-0.041-0.063c-0.021-0.019-0.049-0.024-0.066-0.044   c-0.019-0.018-0.023-0.044-0.044-0.063c-0.018-0.019-0.043-0.024-0.063-0.042c-0.017-0.02-0.021-0.044-0.041-0.063   c-0.019-0.019-0.043-0.024-0.063-0.043c-0.019-0.019-0.023-0.045-0.041-0.064c-0.021-0.018-0.044-0.024-0.062-0.041   c-0.022-0.021-0.027-0.047-0.044-0.066c-0.021-0.019-0.046-0.025-0.064-0.043c-0.019-0.019-0.024-0.044-0.043-0.062   c-0.019-0.02-0.047-0.026-0.065-0.044c-0.018-0.019-0.024-0.043-0.043-0.062c-0.018-0.019-0.043-0.023-0.063-0.042   c-0.018-0.019-0.021-0.044-0.042-0.063c-0.019-0.02-0.043-0.025-0.065-0.042c-0.017-0.02-0.021-0.045-0.041-0.065   c-0.021-0.019-0.042-0.023-0.062-0.041c-0.021-0.02-0.024-0.047-0.043-0.066c-0.021-0.019-0.047-0.025-0.065-0.042   c-0.019-0.02-0.024-0.044-0.042-0.063c-0.879-0.879-2.303-0.879-3.182,0L32.001,28.819L18.69,15.506   c-0.002,0-0.003-0.001-0.003-0.001l-0.104-0.104c-0.001,0-0.001-0.002-0.001-0.002l-0.531-0.529c-0.879-0.879-2.302-0.879-3.181,0   s-0.879,2.303,0,3.182l0.317,0.316c0.002,0.001,0.002,0.002,0.002,0.002l0.317,0.318l0.425,0.425l0.53,0.53l0.638,0.637   l0.105,0.105l1.167,1.168l0.107,0.106l0.53,0.531l0.636,0.635v0.001l9.108,9.106L28.818,32L14.87,45.948   c-0.879,0.879-0.879,2.303,0,3.182c0.019,0.018,0.043,0.022,0.064,0.043c0.018,0.019,0.023,0.044,0.042,0.064   c0.019,0.019,0.044,0.022,0.063,0.042c0.018,0.019,0.023,0.043,0.042,0.063c0.02,0.02,0.046,0.025,0.065,0.042   c0.019,0.021,0.022,0.046,0.042,0.064c0.019,0.021,0.046,0.025,0.064,0.042c0.018,0.02,0.023,0.046,0.041,0.062   c0.02,0.021,0.044,0.026,0.065,0.044c0.017,0.02,0.022,0.046,0.042,0.064c0.019,0.017,0.042,0.022,0.061,0.041   c0.02,0.021,0.025,0.047,0.044,0.065c0.02,0.018,0.046,0.024,0.065,0.043c0.017,0.02,0.022,0.043,0.042,0.063   c0.018,0.019,0.044,0.024,0.064,0.041c0.018,0.021,0.024,0.045,0.042,0.064c0.019,0.021,0.043,0.024,0.064,0.042   c0.018,0.021,0.023,0.046,0.041,0.063c0.019,0.02,0.044,0.024,0.065,0.043c0.018,0.019,0.023,0.047,0.042,0.064   c0.02,0.019,0.046,0.025,0.065,0.043c0.018,0.018,0.023,0.044,0.042,0.063c0.017,0.017,0.044,0.023,0.063,0.042   c0.017,0.02,0.022,0.043,0.042,0.063c0.018,0.019,0.044,0.024,0.065,0.041c0.017,0.021,0.022,0.045,0.041,0.065   c0.021,0.019,0.045,0.025,0.064,0.041c0.018,0.021,0.023,0.045,0.042,0.063c0.02,0.021,0.044,0.024,0.063,0.043   c0.017,0.019,0.023,0.045,0.042,0.063c0.02,0.019,0.044,0.023,0.063,0.042c0.018,0.018,0.024,0.046,0.044,0.065   c0.017,0.018,0.043,0.021,0.062,0.042c0.019,0.019,0.025,0.045,0.043,0.065c0.019,0.018,0.046,0.022,0.065,0.041   c0.018,0.02,0.023,0.043,0.041,0.063c0.021,0.02,0.045,0.024,0.064,0.041c0.018,0.021,0.023,0.045,0.042,0.063   c0.019,0.021,0.044,0.025,0.063,0.043c0.017,0.019,0.023,0.046,0.043,0.063c0.018,0.021,0.044,0.024,0.062,0.044   c0.019,0.018,0.025,0.046,0.044,0.064c0.019,0.018,0.043,0.022,0.064,0.043c0.018,0.019,0.022,0.043,0.041,0.063   c0.019,0.018,0.044,0.023,0.064,0.042c0.017,0.02,0.023,0.045,0.042,0.065c0.02,0.019,0.046,0.024,0.065,0.041   c0.018,0.021,0.023,0.045,0.042,0.063c0.017,0.021,0.043,0.025,0.063,0.041c0.017,0.021,0.023,0.046,0.042,0.063   c0.018,0.021,0.044,0.026,0.065,0.044c0.018,0.018,0.023,0.046,0.041,0.064c0.019,0.019,0.044,0.022,0.064,0.042   c0.018,0.02,0.023,0.044,0.041,0.063c0.02,0.018,0.047,0.023,0.064,0.042c0.019,0.02,0.023,0.043,0.042,0.063   c0.019,0.019,0.045,0.024,0.064,0.042c0.019,0.02,0.023,0.044,0.042,0.064c0.019,0.02,0.043,0.025,0.063,0.041   c0.02,0.021,0.024,0.046,0.043,0.063c0.018,0.021,0.044,0.025,0.063,0.044c0.019,0.018,0.025,0.045,0.043,0.064   c0.02,0.019,0.044,0.023,0.064,0.042c0.018,0.018,0.024,0.046,0.043,0.065c0.018,0.018,0.044,0.023,0.065,0.042   c0.016,0.019,0.021,0.043,0.04,0.062s0.045,0.023,0.064,0.042c0.018,0.021,0.024,0.044,0.043,0.064   c0.018,0.02,0.044,0.024,0.063,0.042c0.02,0.02,0.025,0.046,0.043,0.064c0.019,0.021,0.044,0.025,0.064,0.043   c0.017,0.019,0.023,0.044,0.041,0.062c0.021,0.021,0.046,0.026,0.064,0.045c0.019,0.017,0.024,0.045,0.044,0.063   c0.018,0.019,0.043,0.024,0.063,0.043c0.018,0.019,0.024,0.043,0.043,0.063c0.018,0.02,0.044,0.022,0.062,0.043   c0.019,0.019,0.024,0.044,0.044,0.064c0.02,0.02,0.047,0.024,0.066,0.043c0.018,0.021,0.022,0.045,0.042,0.062   c0.018,0.021,0.043,0.024,0.063,0.042c0.018,0.02,0.023,0.046,0.042,0.063c0.019,0.021,0.044,0.025,0.063,0.045   c0.018,0.018,0.023,0.045,0.044,0.063c0.018,0.019,0.044,0.024,0.064,0.043c0.018,0.019,0.023,0.044,0.041,0.063   c0.018,0.017,0.044,0.022,0.062,0.041c0.019,0.021,0.023,0.046,0.044,0.066c0.02,0.019,0.046,0.024,0.064,0.042   c0.018,0.02,0.023,0.043,0.042,0.063c0.021,0.02,0.045,0.026,0.064,0.042c0.018,0.021,0.023,0.046,0.044,0.064   c0.018,0.021,0.044,0.026,0.063,0.044c0.018,0.018,0.023,0.044,0.043,0.063c0.018,0.019,0.044,0.023,0.061,0.043   c0.02,0.018,0.025,0.045,0.044,0.064c0.02,0.018,0.046,0.023,0.066,0.044c0.017,0.019,0.021,0.043,0.041,0.062   s0.044,0.023,0.063,0.042c0.018,0.02,0.023,0.043,0.043,0.063c0.019,0.018,0.041,0.023,0.061,0.039   c0.02,0.022,0.025,0.049,0.044,0.066c0.019,0.021,0.046,0.026,0.065,0.044c0.017,0.019,0.022,0.045,0.042,0.063   c0.02,0.021,0.046,0.026,0.064,0.045c0.019,0.017,0.024,0.044,0.042,0.062c0.021,0.019,0.045,0.025,0.064,0.044   c0.018,0.019,0.023,0.043,0.042,0.063c0.02,0.018,0.043,0.021,0.062,0.04c0.019,0.021,0.024,0.047,0.044,0.066   s0.046,0.025,0.065,0.042c0.018,0.021,0.023,0.045,0.042,0.063c0.017,0.02,0.043,0.025,0.064,0.043   c0.018,0.019,0.023,0.046,0.041,0.063c0.021,0.021,0.047,0.027,0.065,0.044c0.019,0.019,0.023,0.045,0.043,0.063   c0.019,0.018,0.043,0.022,0.063,0.042c0.018,0.02,0.023,0.044,0.042,0.063c0.019,0.018,0.046,0.023,0.065,0.042   c0.017,0.02,0.022,0.045,0.042,0.065c0.018,0.017,0.044,0.022,0.062,0.039c0.02,0.022,0.024,0.047,0.044,0.066   c0.019,0.02,0.045,0.026,0.064,0.042c0.018,0.021,0.023,0.045,0.04,0.063c0.021,0.02,0.047,0.026,0.065,0.043   c0.017,0.019,0.022,0.044,0.042,0.063c0.02,0.019,0.044,0.022,0.063,0.042c0.018,0.02,0.024,0.046,0.044,0.065   c0.017,0.017,0.043,0.021,0.062,0.042c0.019,0.019,0.024,0.045,0.043,0.064c0.02,0.019,0.046,0.023,0.065,0.042   c0.018,0.02,0.023,0.043,0.041,0.063c0.019,0.019,0.043,0.023,0.064,0.041c0.018,0.021,0.023,0.045,0.041,0.063   c0.02,0.021,0.045,0.025,0.064,0.043c0.017,0.019,0.023,0.044,0.042,0.063c0.02,0.019,0.046,0.024,0.064,0.042   s0.023,0.046,0.043,0.064c0.017,0.019,0.043,0.022,0.062,0.042c0.019,0.02,0.025,0.046,0.043,0.065   c0.02,0.019,0.045,0.021,0.063,0.042c0.019,0.02,0.023,0.043,0.043,0.063c0.021,0.02,0.047,0.024,0.066,0.043   c0.018,0.021,0.022,0.045,0.041,0.062c0.019,0.021,0.044,0.024,0.063,0.043c0.017,0.019,0.023,0.046,0.043,0.063   c0.018,0.021,0.044,0.026,0.063,0.044c0.018,0.018,0.024,0.044,0.043,0.063c0.018,0.019,0.043,0.023,0.062,0.042   c0.019,0.02,0.025,0.046,0.044,0.065c0.02,0.018,0.047,0.023,0.066,0.044c0.017,0.02,0.021,0.043,0.04,0.062   c0.02,0.019,0.046,0.024,0.064,0.041c0.019,0.021,0.023,0.047,0.043,0.065c0.019,0.02,0.043,0.025,0.063,0.041   c0.019,0.021,0.023,0.046,0.041,0.063c0.02,0.021,0.045,0.026,0.063,0.043c0.019,0.019,0.023,0.044,0.043,0.063   c0.019,0.019,0.044,0.024,0.064,0.043c0.018,0.019,0.024,0.045,0.042,0.064c0.019,0.018,0.044,0.022,0.063,0.042   c0.017,0.02,0.023,0.045,0.043,0.065c0.019,0.019,0.045,0.024,0.063,0.041c0.018,0.02,0.022,0.043,0.043,0.063   c0.018,0.02,0.043,0.025,0.064,0.041c0.018,0.021,0.023,0.045,0.041,0.063c0.018,0.021,0.044,0.024,0.063,0.044   c0.019,0.018,0.025,0.045,0.043,0.064c0.02,0.019,0.044,0.023,0.063,0.042c0.019,0.018,0.024,0.046,0.044,0.064   c0.018,0.019,0.044,0.024,0.064,0.043c0.017,0.019,0.023,0.043,0.041,0.063c0.019,0.02,0.045,0.023,0.063,0.042   c0.017,0.02,0.023,0.043,0.043,0.063c0.018,0.02,0.044,0.023,0.062,0.042c0.02,0.02,0.025,0.046,0.044,0.064   c0.02,0.02,0.046,0.025,0.066,0.045c0.017,0.019,0.021,0.044,0.04,0.06c0.02,0.019,0.043,0.025,0.062,0.043   c0.02,0.019,0.025,0.047,0.045,0.065c0.019,0.019,0.043,0.023,0.063,0.042c0.018,0.02,0.023,0.044,0.042,0.063   c0.02,0.02,0.046,0.023,0.066,0.044c0.017,0.02,0.023,0.043,0.041,0.062c0.02,0.02,0.044,0.025,0.063,0.042   c0.019,0.021,0.024,0.046,0.044,0.064c0.018,0.02,0.043,0.024,0.063,0.042c0.018,0.02,0.023,0.046,0.042,0.063   c0.02,0.02,0.043,0.025,0.062,0.042c0.02,0.021,0.024,0.047,0.045,0.066c0.019,0.019,0.045,0.024,0.063,0.043   c0.019,0.019,0.025,0.045,0.043,0.064c0.019,0.018,0.044,0.022,0.063,0.042c0.018,0.019,0.022,0.043,0.042,0.063   c0.021,0.019,0.047,0.024,0.066,0.043c0.018,0.02,0.022,0.043,0.042,0.062c0.019,0.02,0.043,0.024,0.063,0.042   c0.018,0.021,0.023,0.045,0.042,0.063c0.019,0.02,0.046,0.025,0.064,0.043c0.018,0.019,0.023,0.046,0.042,0.064   c0.018,0.019,0.044,0.023,0.063,0.043c0.02,0.018,0.025,0.045,0.043,0.063c0.019,0.019,0.043,0.023,0.064,0.044   c0.018,0.018,0.023,0.043,0.04,0.062c0.021,0.02,0.048,0.024,0.065,0.043c0.018,0.02,0.022,0.043,0.043,0.063   c0.019,0.019,0.043,0.022,0.062,0.039c0.018,0.022,0.024,0.049,0.044,0.066c0.017,0.02,0.043,0.024,0.062,0.044   c0.019,0.019,0.024,0.045,0.043,0.063c0.021,0.021,0.047,0.026,0.064,0.044c0.019,0.018,0.023,0.045,0.042,0.063   c0.021,0.019,0.045,0.025,0.064,0.043c0.018,0.02,0.023,0.044,0.042,0.063c0.019,0.018,0.043,0.021,0.062,0.04   c0.019,0.021,0.024,0.047,0.044,0.066c0.02,0.019,0.046,0.025,0.064,0.042c0.019,0.02,0.023,0.046,0.043,0.064   c0.019,0.02,0.043,0.024,0.063,0.042c0.019,0.02,0.022,0.045,0.041,0.063c0.021,0.021,0.045,0.025,0.063,0.044   c0.019,0.019,0.023,0.044,0.043,0.063c0.021,0.018,0.047,0.024,0.065,0.044c0.019,0.019,0.023,0.044,0.042,0.062   s0.045,0.023,0.065,0.042c0.017,0.02,0.022,0.045,0.041,0.064c0.019,0.018,0.045,0.023,0.062,0.04   c0.021,0.021,0.024,0.047,0.045,0.066c0.019,0.02,0.043,0.024,0.063,0.042c0.019,0.021,0.023,0.045,0.041,0.063   c0.021,0.02,0.048,0.025,0.066,0.045c0.018,0.018,0.021,0.044,0.041,0.062c0.02,0.019,0.044,0.022,0.063,0.042   s0.024,0.046,0.045,0.064c0.017,0.018,0.043,0.024,0.064,0.043c0.003,0.004,0.005,0.01,0.008,0.016C28.879,61.841,30.419,62,32,62   C48.566,62,62,48.564,62,32z" opacity="0.2"/><path d="M35.183,32L49.13,18.052c0.879-0.879,0.879-2.303,0-3.182s-2.303-0.879-3.182,0L32,28.819L18.051,14.871   c-0.879-0.879-2.302-0.879-3.181,0s-0.879,2.303,0,3.182L28.818,32L14.87,45.948c-0.879,0.879-0.879,2.303,0,3.182   c0.439,0.438,1.017,0.657,1.591,0.657c0.577,0,1.151-0.219,1.59-0.657L32,35.183L45.948,49.13c0.438,0.438,1.016,0.657,1.591,0.657   c0.577,0,1.15-0.219,1.591-0.657c0.879-0.879,0.879-2.303,0-3.182L35.183,32z" fill="#FFFFFF"/></g></svg>
\ No newline at end of file
diff --git a/src/crypto.js b/src/crypto.js
deleted file mode 100644
index 968b940c..00000000
--- a/src/crypto.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from 'crypto-browserify'
-export function createPublicKey() { }
diff --git a/src/customChannels.ts b/src/customChannels.ts
new file mode 100644
index 00000000..506ea776
--- /dev/null
+++ b/src/customChannels.ts
@@ -0,0 +1,504 @@
+import PItem from 'prismarine-item'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+import { options } from './optionsStorage'
+import { jeiCustomCategories } from './inventoryWindows'
+import { registerIdeChannels } from './core/ideChannels'
+
+export default () => {
+  customEvents.on('mineflayerBotCreated', async () => {
+    if (!options.customChannels) return
+    bot.once('login', () => {
+      registerBlockModelsChannel()
+      registerMediaChannels()
+      registerSectionAnimationChannels()
+      registeredJeiChannel()
+      registerBlockInteractionsCustomizationChannel()
+      registerWaypointChannels()
+      registerIdeChannels()
+    })
+  })
+}
+
+const registerChannel = (channelName: string, packetStructure: any[], handler: (data: any) => void, waitForWorld = true) => {
+  bot._client.registerChannel(channelName, packetStructure, true)
+  bot._client.on(channelName as any, async (data) => {
+    if (waitForWorld) {
+      await appViewer.worldReady
+      handler(data)
+    } else {
+      handler(data)
+    }
+  })
+
+  console.debug(`registered custom channel ${channelName} channel`)
+}
+
+const registerBlockInteractionsCustomizationChannel = () => {
+  const CHANNEL_NAME = 'minecraft-web-client:block-interactions-customization'
+  const packetStructure = [
+    'container',
+    [
+      {
+        name: 'newConfiguration',
+        type: ['pstring', { countType: 'i16' }]
+      },
+    ]
+  ]
+
+  registerChannel(CHANNEL_NAME, packetStructure, (data) => {
+    const config = JSON.parse(data.newConfiguration)
+    bot.mouse.setConfigFromPacket(config)
+  }, true)
+}
+
+const registerWaypointChannels = () => {
+  const packetStructure = [
+    'container',
+    [
+      {
+        name: 'id',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'x',
+        type: 'f32'
+      },
+      {
+        name: 'y',
+        type: 'f32'
+      },
+      {
+        name: 'z',
+        type: 'f32'
+      },
+      {
+        name: 'minDistance',
+        type: 'i32'
+      },
+      {
+        name: 'label',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'color',
+        type: 'i32'
+      },
+      {
+        name: 'metadataJson',
+        type: ['pstring', { countType: 'i16' }]
+      }
+    ]
+  ]
+
+  registerChannel('minecraft-web-client:waypoint-add', packetStructure, (data) => {
+    // Parse metadata if provided
+    let metadata: any = {}
+    if (data.metadataJson && data.metadataJson.trim() !== '') {
+      try {
+        metadata = JSON.parse(data.metadataJson)
+      } catch (error) {
+        console.warn('Failed to parse waypoint metadataJson:', error)
+      }
+    }
+
+    getThreeJsRendererMethods()?.addWaypoint(data.id, data.x, data.y, data.z, {
+      minDistance: data.minDistance,
+      label: data.label || undefined,
+      color: data.color || undefined,
+      metadata
+    })
+  })
+
+  registerChannel('minecraft-web-client:waypoint-delete', [
+    'container',
+    [
+      {
+        name: 'id',
+        type: ['pstring', { countType: 'i16' }]
+      }
+    ]
+  ], (data) => {
+    getThreeJsRendererMethods()?.removeWaypoint(data.id)
+  })
+}
+
+const registerBlockModelsChannel = () => {
+  const CHANNEL_NAME = 'minecraft-web-client:blockmodels'
+
+  const packetStructure = [
+    'container',
+    [
+      {
+        name: 'worldName', // currently not used
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'x',
+        type: 'i32'
+      },
+      {
+        name: 'y',
+        type: 'i32'
+      },
+      {
+        name: 'z',
+        type: 'i32'
+      },
+      {
+        name: 'model',
+        type: ['pstring', { countType: 'i16' }]
+      }
+    ]
+  ]
+
+  registerChannel(CHANNEL_NAME, packetStructure, (data) => {
+    const { worldName, x, y, z, model } = data
+
+    const chunkX = Math.floor(x / 16) * 16
+    const chunkZ = Math.floor(z / 16) * 16
+    const chunkKey = `${chunkX},${chunkZ}`
+    const blockPosKey = `${x},${y},${z}`
+
+    getThreeJsRendererMethods()?.updateCustomBlock(chunkKey, blockPosKey, model)
+  }, true)
+}
+
+const registerSectionAnimationChannels = () => {
+  const ADD_CHANNEL = 'minecraft-web-client:section-animation-add'
+  const REMOVE_CHANNEL = 'minecraft-web-client:section-animation-remove'
+
+  /**
+   * Add a section animation
+   * @param id - Section position for animation like `16,32,16`
+   * @param offset - Initial offset in blocks
+   * @param speedX - Movement speed in blocks per second on X axis
+   * @param speedY - Movement speed in blocks per second on Y axis
+   * @param speedZ - Movement speed in blocks per second on Z axis
+   * @param limitX - Maximum offset in blocks on X axis (0 means no limit)
+   * @param limitY - Maximum offset in blocks on Y axis (0 means no limit)
+   * @param limitZ - Maximum offset in blocks on Z axis (0 means no limit)
+   */
+  const addPacketStructure = [
+    'container',
+    [
+      { name: 'id', type: ['pstring', { countType: 'i16' }] },
+      { name: 'offset', type: 'f32' },
+      { name: 'speedX', type: 'f32' },
+      { name: 'speedY', type: 'f32' },
+      { name: 'speedZ', type: 'f32' },
+      { name: 'limitX', type: 'f32' },
+      { name: 'limitY', type: 'f32' },
+      { name: 'limitZ', type: 'f32' }
+    ]
+  ]
+
+  /**
+   * Remove a section animation
+   * @param id - Identifier of the animation to remove
+   */
+  const removePacketStructure = [
+    'container',
+    [
+      { name: 'id', type: ['pstring', { countType: 'i16' }] }
+    ]
+  ]
+
+  registerChannel(ADD_CHANNEL, addPacketStructure, (data) => {
+    const { id, offset, speedX, speedY, speedZ, limitX, limitY, limitZ } = data
+    getThreeJsRendererMethods()?.addSectionAnimation(id, {
+      time: performance.now(),
+      speedX,
+      speedY,
+      speedZ,
+      currentOffsetX: offset,
+      currentOffsetY: offset,
+      currentOffsetZ: offset,
+      limitX: limitX === 0 ? undefined : limitX,
+      limitY: limitY === 0 ? undefined : limitY,
+      limitZ: limitZ === 0 ? undefined : limitZ
+    })
+  }, true)
+
+  registerChannel(REMOVE_CHANNEL, removePacketStructure, (data) => {
+    const { id } = data
+    getThreeJsRendererMethods()?.removeSectionAnimation(id)
+  }, true)
+
+  console.debug('Registered section animation channels')
+}
+
+window.testSectionAnimation = (speedY = 1) => {
+  const pos = bot.entity.position
+  const id = `${Math.floor(pos.x / 16) * 16},${Math.floor(pos.y / 16) * 16},${Math.floor(pos.z / 16) * 16}`
+  getThreeJsRendererMethods()?.addSectionAnimation(id, {
+    time: performance.now(),
+    speedX: 0,
+    speedY,
+    speedZ: 0,
+    currentOffsetX: 0,
+    currentOffsetY: 0,
+    currentOffsetZ: 0,
+    // limitX: 10,
+    // limitY: 10,
+  })
+}
+
+const registeredJeiChannel = () => {
+  const CHANNEL_NAME = 'minecraft-web-client:jei'
+  // id - string, categoryTitle - string, items - string (json array)
+  const packetStructure = [
+    'container',
+    [
+      {
+        name: 'id',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: '_categoryTitle',
+        type: ['pstring', { countType: 'i16' }]
+      },
+      {
+        name: 'items',
+        type: ['pstring', { countType: 'i16' }]
+      },
+    ]
+  ]
+
+  bot._client.registerChannel(CHANNEL_NAME, packetStructure, true)
+
+  bot._client.on(CHANNEL_NAME as any, (data) => {
+    const { id, categoryTitle, items } = data
+    if (items === '') {
+      // remove category
+      jeiCustomCategories.value = jeiCustomCategories.value.filter(x => x.id !== id)
+      return
+    }
+    const PrismarineItem = PItem(bot.version)
+    jeiCustomCategories.value.push({
+      id,
+      categoryTitle,
+      items: JSON.parse(items).map(x => {
+        const itemString = x.itemName || x.item_name || x.item || x.itemId
+        const itemId = loadedData.itemsByName[itemString.replace('minecraft:', '')]
+        if (!itemId) {
+          console.warn(`Could not add item ${itemString} to JEI category ${categoryTitle} because it was not found`)
+          return null
+        }
+        // const item = new PrismarineItem(itemId.id, x.itemCount || x.item_count || x.count || 1, x.itemDamage || x.item_damage || x.damage || 0, x.itemNbt || x.item_nbt || x.nbt || null)
+        return PrismarineItem.fromNotch({
+          ...x,
+          itemId: itemId.id,
+        })
+      })
+    })
+  })
+
+  console.debug(`registered custom channel ${CHANNEL_NAME} channel`)
+}
+
+const registerMediaChannels = () => {
+  // Media Add Channel
+  const ADD_CHANNEL = 'minecraft-web-client:media-add'
+  const addPacketStructure = [
+    'container',
+    [
+      { name: 'id', type: ['pstring', { countType: 'i16' }] },
+      { name: 'x', type: 'f32' },
+      { name: 'y', type: 'f32' },
+      { name: 'z', type: 'f32' },
+      { name: 'width', type: 'f32' },
+      { name: 'height', type: 'f32' },
+      { name: 'rotation', type: 'i16' }, // 0: 0° - towards positive z, 1: 90° - positive x, 2: 180° - negative z, 3: 270° - negative x (3-6 is same but double side)
+      { name: 'source', type: ['pstring', { countType: 'i16' }] },
+      { name: 'loop', type: 'bool' },
+      { name: 'volume', type: 'f32' }, // 0
+      { name: '_aspectRatioMode', type: 'i16' }, // 0
+      { name: '_background', type: 'i16' }, // 0
+      { name: '_opacity', type: 'i16' }, // 1
+      { name: '_cropXStart', type: 'f32' }, // 0
+      { name: '_cropYStart', type: 'f32' }, // 0
+      { name: '_cropXEnd', type: 'f32' }, // 0
+      { name: '_cropYEnd', type: 'f32' }, // 0
+    ]
+  ]
+
+  // Media Control Channels
+  const PLAY_CHANNEL = 'minecraft-web-client:media-play'
+  const PAUSE_CHANNEL = 'minecraft-web-client:media-pause'
+  const SEEK_CHANNEL = 'minecraft-web-client:media-seek'
+  const VOLUME_CHANNEL = 'minecraft-web-client:media-volume'
+  const SPEED_CHANNEL = 'minecraft-web-client:media-speed'
+  const DESTROY_CHANNEL = 'minecraft-web-client:media-destroy'
+
+  const noDataPacketStructure = [
+    'container',
+    [
+      { name: 'id', type: ['pstring', { countType: 'i16' }] }
+    ]
+  ]
+
+  const setNumberPacketStructure = [
+    'container',
+    [
+      { name: 'id', type: ['pstring', { countType: 'i16' }] },
+      { name: 'seconds', type: 'f32' }
+    ]
+  ]
+
+  // Register channels
+  registerChannel(PLAY_CHANNEL, noDataPacketStructure, (data) => {
+    const { id } = data
+    getThreeJsRendererMethods()?.setVideoPlaying(id, true)
+  }, true)
+  registerChannel(PAUSE_CHANNEL, noDataPacketStructure, (data) => {
+    const { id } = data
+    getThreeJsRendererMethods()?.setVideoPlaying(id, false)
+  }, true)
+  registerChannel(SEEK_CHANNEL, setNumberPacketStructure, (data) => {
+    const { id, seconds } = data
+    getThreeJsRendererMethods()?.setVideoSeeking(id, seconds)
+  }, true)
+  registerChannel(VOLUME_CHANNEL, setNumberPacketStructure, (data) => {
+    const { id, volume } = data
+    getThreeJsRendererMethods()?.setVideoVolume(id, volume)
+  }, true)
+  registerChannel(SPEED_CHANNEL, setNumberPacketStructure, (data) => {
+    const { id, speed } = data
+    getThreeJsRendererMethods()?.setVideoSpeed(id, speed)
+  }, true)
+  registerChannel(DESTROY_CHANNEL, noDataPacketStructure, (data) => {
+    const { id } = data
+    getThreeJsRendererMethods()?.destroyMedia(id)
+  }, true)
+
+  // Handle media add
+  registerChannel(ADD_CHANNEL, addPacketStructure, (data) => {
+    const { id, x, y, z, width, height, rotation, source, loop, volume, background, opacity } = data
+
+    // Add new video
+    getThreeJsRendererMethods()?.addMedia(id, {
+      position: { x, y, z },
+      size: { width, height },
+      // side: 'towards',
+      src: source,
+      rotation: rotation as 0 | 1 | 2 | 3,
+      doubleSide: false,
+      background,
+      opacity: opacity / 100,
+      allowOrigins: options.remoteContentNotSameOrigin === false ? [getCurrentTopDomain()] : options.remoteContentNotSameOrigin,
+      loop,
+      volume
+    })
+  })
+
+  // ---
+
+  // Video interaction channel
+  const interactionPacketStructure = [
+    'container',
+    [
+      { name: 'id', type: ['pstring', { countType: 'i16' }] },
+      { name: 'x', type: 'f32' },
+      { name: 'y', type: 'f32' },
+      { name: 'isRightClick', type: 'bool' }
+    ]
+  ]
+
+  bot._client.registerChannel(MEDIA_INTERACTION_CHANNEL, interactionPacketStructure, true)
+
+  // Media play channel
+  bot._client.registerChannel(MEDIA_PLAY_CHANNEL_CLIENTBOUND, noDataPacketStructure, true)
+  const mediaStopPacketStructure = [
+    'container',
+    [
+      { name: 'id', type: ['pstring', { countType: 'i16' }] },
+      // ended - emitted even when loop is true (will continue playing)
+      // error: ...
+      // stalled - connection drops, server stops sending data
+      // waiting - connection is slow, server is sending data, but not fast enough (buffering)
+      // control
+      { name: 'reason', type: ['pstring', { countType: 'i16' }] },
+      { name: 'time', type: 'f32' }
+    ]
+  ]
+  bot._client.registerChannel(MEDIA_STOP_CHANNEL_CLIENTBOUND, mediaStopPacketStructure, true)
+
+  console.debug('Registered media channels')
+}
+
+const MEDIA_INTERACTION_CHANNEL = 'minecraft-web-client:media-interaction'
+const MEDIA_PLAY_CHANNEL_CLIENTBOUND = 'minecraft-web-client:media-play'
+const MEDIA_STOP_CHANNEL_CLIENTBOUND = 'minecraft-web-client:media-stop'
+
+export const sendVideoInteraction = (id: string, x: number, y: number, isRightClick: boolean) => {
+  bot._client.writeChannel(MEDIA_INTERACTION_CHANNEL, { id, x, y, isRightClick })
+}
+
+export const sendVideoPlay = (id: string) => {
+  bot._client.writeChannel(MEDIA_PLAY_CHANNEL_CLIENTBOUND, { id })
+}
+
+export const sendVideoStop = (id: string, reason: string, time: number) => {
+  bot._client.writeChannel(MEDIA_STOP_CHANNEL_CLIENTBOUND, { id, reason, time })
+}
+
+export const videoCursorInteraction = () => {
+  const { intersectMedia } = appViewer.rendererState.world
+  if (!intersectMedia) return null
+  return intersectMedia
+}
+window.videoCursorInteraction = videoCursorInteraction
+
+const addTestVideo = (rotation = 0 as 0 | 1 | 2 | 3, scale = 1, isImage = false) => {
+  const block = window.cursorBlockRel()
+  if (!block) return
+  const { position: startPosition } = block
+
+  // Add video with proper positioning
+  getThreeJsRendererMethods()?.addMedia('test-video', {
+    position: {
+      x: startPosition.x,
+      y: startPosition.y + 1,
+      z: startPosition.z
+    },
+    size: {
+      width: scale,
+      height: scale
+    },
+    src: isImage ? 'https://bucket.mcraft.fun/test_image.png' : 'https://bucket.mcraft.fun/test_video.mp4',
+    rotation,
+    // doubleSide: true,
+    background: 0x00_00_00, // Black color
+    // TODO broken
+    // uvMapping: {
+    //   startU: 0,
+    //   endU: 1,
+    //   startV: 0,
+    //   endV: 1
+    // },
+    opacity: 1,
+    allowOrigins: true,
+  })
+}
+window.addTestVideo = addTestVideo
+
+function getCurrentTopDomain (): string {
+  const { hostname } = location
+  // Split hostname into parts
+  const parts = hostname.split('.')
+
+  // Handle special cases like co.uk, com.br, etc.
+  if (parts.length > 2) {
+    // Check for common country codes with additional segments
+    if (parts.at(-2) === 'co' ||
+      parts.at(-2) === 'com' ||
+      parts.at(-2) === 'org' ||
+      parts.at(-2) === 'gov') {
+      // Return last 3 parts (e.g., example.co.uk)
+      return parts.slice(-3).join('.')
+    }
+  }
+
+  // Return last 2 parts (e.g., example.com)
+  return parts.slice(-2).join('.')
+}
diff --git a/src/customClient.js b/src/customClient.js
index 75da50aa..b1a99904 100644
--- a/src/customClient.js
+++ b/src/customClient.js
@@ -1,6 +1,7 @@
+//@ts-check
+import * as nbt from 'prismarine-nbt'
 import { options } from './optionsStorage'
 
-//@ts-check
 const { EventEmitter } = require('events')
 const debug = require('debug')('minecraft-protocol')
 const states = require('minecraft-protocol/src/states')
@@ -51,13 +52,25 @@ class CustomChannelClient extends EventEmitter {
     this.emit('state', newProperty, oldProperty)
   }
 
-  end(reason) {
-    this._endReason = reason
+  end(endReason, fullReason) {
+    // eslint-disable-next-line unicorn/no-this-assignment
+    const client = this
+    if (client.state === states.PLAY) {
+      fullReason ||= loadedData.supportFeature('chatPacketsUseNbtComponents')
+        ? nbt.comp({ text: nbt.string(endReason) })
+        : JSON.stringify({ text: endReason })
+      client.write('kick_disconnect', { reason: fullReason })
+    } else if (client.state === states.LOGIN) {
+      fullReason ||= JSON.stringify({ text: endReason })
+      client.write('disconnect', { reason: fullReason })
+    }
+
+    this._endReason = endReason
     this.emit('end', this._endReason) // still emits on server side only, doesn't send anything to our client
   }
 
   write(name, params) {
-    if(!options.excludeCommunicationDebugEvents.includes(name)) {
+    if (!options.excludeCommunicationDebugEvents.includes(name)) {
       debug(`[${this.state}] from ${this.isServer ? 'server' : 'client'}: ` + name)
       debug(params)
     }
diff --git a/src/customCommands.ts b/src/customCommands.ts
index eddfc89e..75c13f68 100644
--- a/src/customCommands.ts
+++ b/src/customCommands.ts
@@ -59,7 +59,7 @@ export const customCommandsConfig = {
       }
     ],
     handler ([setting, action, value]) {
-      if (action === 'toggle') {
+      if (action === 'toggle' || action === undefined) {
         const value = options[setting]
         const config = tryFindOptionConfig(setting)
         if (config && 'values' in config && config.values) {
diff --git a/src/dayCycle.ts b/src/dayCycle.ts
deleted file mode 100644
index f092c465..00000000
--- a/src/dayCycle.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { options } from './optionsStorage'
-import { assertDefined } from './utils'
-import { updateBackground } from './water'
-
-export default () => {
-  const timeUpdated = () => {
-    assertDefined(viewer)
-    // 0 morning
-    const dayTotal = 24_000
-    const evening = 11_500
-    const night = 13_500
-    const morningStart = 23_000
-    const morningEnd = 23_961
-    const timeProgress = options.dayCycleAndLighting ? bot.time.timeOfDay : 0
-
-    // todo check actual colors
-    const dayColorRainy = { r: 111 / 255, g: 156 / 255, b: 236 / 255 }
-    // todo yes, we should make animations (and rain)
-    // eslint-disable-next-line unicorn/numeric-separators-style
-    const dayColor = bot.isRaining ? dayColorRainy : { r: 0.6784313725490196, g: 0.8470588235294118, b: 0.9019607843137255 } // lightblue
-    // let newColor = dayColor
-    let int = 1
-    if (timeProgress < evening) {
-      // stay dayily
-    } else if (timeProgress < night) {
-      const progressNorm = timeProgress - evening
-      const progressMax = night - evening
-      int = 1 - progressNorm / progressMax
-    } else if (timeProgress < morningStart) {
-      int = 0
-    } else if (timeProgress < morningEnd) {
-      const progressNorm = timeProgress - morningStart
-      const progressMax = night - morningEnd
-      int = progressNorm / progressMax
-    }
-    // todo need to think wisely how to set these values & also move directional light around!
-    const colorInt = Math.max(int, 0.1)
-    updateBackground({ r: dayColor.r * colorInt, g: dayColor.g * colorInt, b: dayColor.b * colorInt })
-    if (!options.newVersionsLighting && bot.supportFeature('blockStateId')) {
-      viewer.ambientLight.intensity = Math.max(int, 0.25)
-      viewer.directionalLight.intensity = Math.min(int, 0.5)
-    }
-  }
-
-  bot.on('time', timeUpdated)
-  timeUpdated()
-}
diff --git a/src/defaultLocalServerOptions.js b/src/defaultLocalServerOptions.js
index 8e294616..3b93910d 100644
--- a/src/defaultLocalServerOptions.js
+++ b/src/defaultLocalServerOptions.js
@@ -8,6 +8,7 @@ module.exports = {
   'gameMode': 0,
   'difficulty': 0,
   'worldFolder': 'world',
+  'pluginsFolder': true,
   // todo set sid, disable entities auto-spawn
   'generation': {
     // grass_field
@@ -28,11 +29,11 @@ module.exports = {
   'view-distance': 2,
   'player-list-text': {
     'header': 'Flying squid',
-    'footer': 'Test server'
+    'footer': 'Integrated server'
   },
   keepAlive: false,
   'everybody-op': true,
   'max-entities': 100,
-  'version': '1.14.4',
-  versionMajor: '1.14'
+  'version': '1.18',
+  versionMajor: '1.18'
 }
diff --git a/src/defaultOptions.ts b/src/defaultOptions.ts
new file mode 100644
index 00000000..48c1cfad
--- /dev/null
+++ b/src/defaultOptions.ts
@@ -0,0 +1,159 @@
+export const defaultOptions = {
+  renderDistance: 3,
+  keepChunksDistance: 1,
+  multiplayerRenderDistance: 3,
+  closeConfirmation: true,
+  autoFullScreen: false,
+  mouseRawInput: true,
+  autoExitFullscreen: false,
+  localUsername: 'wanderer',
+  mouseSensX: 50,
+  mouseSensY: -1,
+  chatWidth: 320,
+  chatHeight: 180,
+  chatScale: 100,
+  chatOpacity: 100,
+  chatOpacityOpened: 100,
+  messagesLimit: 200,
+  volume: 50,
+  enableMusic: true,
+  musicVolume: 50,
+  // fov: 70,
+  fov: 75,
+  defaultPerspective: 'first_person' as 'first_person' | 'third_person_back' | 'third_person_front',
+  guiScale: 3,
+  autoRequestCompletions: true,
+  touchButtonsSize: 40,
+  touchButtonsOpacity: 80,
+  touchButtonsPosition: 12,
+  touchControlsPositions: getDefaultTouchControlsPositions(),
+  touchControlsSize: getTouchControlsSize(),
+  touchMovementType: 'modern' as 'modern' | 'classic',
+  touchInteractionType: 'classic' as 'classic' | 'buttons',
+  gpuPreference: 'default' as 'default' | 'high-performance' | 'low-power',
+  backgroundRendering: '20fps' as 'full' | '20fps' | '5fps',
+  /** @unstable */
+  disableAssets: false,
+  /** @unstable */
+  debugLogNotFrequentPackets: false,
+  unimplementedContainers: false,
+  dayCycleAndLighting: true,
+  loadPlayerSkins: true,
+  renderEars: true,
+  lowMemoryMode: false,
+  starfieldRendering: true,
+  defaultSkybox: true,
+  enabledResourcepack: null as string | null,
+  useVersionsTextures: 'latest',
+  serverResourcePacks: 'prompt' as 'prompt' | 'always' | 'never',
+  showHand: true,
+  viewBobbing: true,
+  displayRecordButton: true,
+  packetsLoggerPreset: 'all' as 'all' | 'no-buffers',
+  serversAutoVersionSelect: 'auto' as 'auto' | 'latest' | '1.20.4' | string,
+  customChannels: false,
+  remoteContentNotSameOrigin: false as boolean | string[],
+  packetsRecordingAutoStart: false,
+  language: 'auto',
+  preciseMouseInput: false,
+  // todo ui setting, maybe enable by default?
+  waitForChunksRender: false as 'sp-only' | boolean,
+  jeiEnabled: true as boolean | Array<'creative' | 'survival' | 'adventure' | 'spectator'>,
+  modsSupport: false,
+  modsAutoUpdate: 'check' as 'check' | 'never' | 'always',
+  modsUpdatePeriodCheck: 24, // hours
+  preventBackgroundTimeoutKick: false,
+  preventSleep: false,
+  debugContro: false,
+  debugChatScroll: false,
+  chatVanillaRestrictions: true,
+  debugResponseTimeIndicator: false,
+  chatPingExtension: true,
+  // antiAliasing: false,
+  topRightTimeDisplay: 'only-fullscreen' as 'only-fullscreen' | 'always' | 'never',
+
+  clipWorldBelowY: undefined as undefined | number, // will be removed
+  disableSignsMapsSupport: false,
+  singleplayerAutoSave: false,
+  showChunkBorders: false, // todo rename option
+  frameLimit: false as number | false,
+  alwaysBackupWorldBeforeLoading: undefined as boolean | undefined | null,
+  alwaysShowMobileControls: false,
+  excludeCommunicationDebugEvents: [] as string[],
+  preventDevReloadWhilePlaying: false,
+  numWorkers: 4,
+  localServerOptions: {
+    gameMode: 1
+  } as any,
+  saveLoginPassword: 'prompt' as 'prompt' | 'never' | 'always',
+  preferLoadReadonly: false,
+  experimentalClientSelfReload: false,
+  remoteSoundsSupport: false,
+  remoteSoundsLoadTimeout: 500,
+  disableLoadPrompts: false,
+  guestUsername: 'guest',
+  askGuestName: true,
+  errorReporting: true,
+  /** Actually might be useful */
+  showCursorBlockInSpectator: false,
+  renderEntities: true,
+  smoothLighting: true,
+  newVersionsLighting: false,
+  chatSelect: true,
+  autoJump: 'auto' as 'auto' | 'always' | 'never',
+  autoParkour: false,
+  vrSupport: true, // doesn't directly affect the VR mode, should only disable the button which is annoying to android users
+  vrPageGameRendering: false,
+  renderDebug: 'basic' as 'none' | 'advanced' | 'basic',
+  rendererPerfDebugOverlay: false,
+
+  // advanced bot options
+  autoRespawn: false,
+  mutedSounds: [] as string[],
+  plugins: [] as Array<{ enabled: boolean, name: string, description: string, script: string }>,
+  /** Wether to popup sign editor on server action */
+  autoSignEditor: true,
+  wysiwygSignEditor: 'auto' as 'auto' | 'always' | 'never',
+  showMinimap: 'never' as 'always' | 'singleplayer' | 'never',
+  minimapOptimizations: true,
+  displayBossBars: true,
+  disabledUiParts: [] as string[],
+  neighborChunkUpdates: true,
+  highlightBlockColor: 'auto' as 'auto' | 'blue' | 'classic',
+  activeRenderer: 'threejs',
+  rendererSharedOptions: {
+    _experimentalSmoothChunkLoading: true,
+    _renderByChunks: false
+  }
+}
+
+function getDefaultTouchControlsPositions () {
+  return {
+    action: [
+      70,
+      76
+    ],
+    sneak: [
+      84,
+      76
+    ],
+    break: [
+      70,
+      57
+    ],
+    jump: [
+      84,
+      57
+    ],
+  } as Record<string, [number, number]>
+}
+
+function getTouchControlsSize () {
+  return {
+    joystick: 55,
+    action: 36,
+    break: 36,
+    jump: 36,
+    sneak: 36,
+  }
+}
diff --git a/src/devReload.ts b/src/devReload.ts
index 19e50263..e778d8d4 100644
--- a/src/devReload.ts
+++ b/src/devReload.ts
@@ -1,45 +1,11 @@
-import { isMobile } from 'prismarine-viewer/viewer/lib/simpleUtils'
-import { WorldRendererThree } from 'prismarine-viewer/viewer/lib/worldrendererThree'
+import { isMobile } from 'renderer/viewer/lib/simpleUtils'
 
 if (process.env.NODE_ENV === 'development') {
-  if (sessionStorage.lastReload) {
-    const [rebuild, reloadStart] = sessionStorage.lastReload.split(',')
-    const now = Date.now()
-    console.log(`rebuild + reload:`, `${+rebuild} + ${now - reloadStart} = ${((+rebuild + (now - reloadStart)) / 1000).toFixed(1)}s`)
-    sessionStorage.lastReload = ''
-  }
-
-  const autoRefresh = () => {
-    window.noAutoReload ??= false
-    new EventSource('/esbuild').onmessage = async ({ data: _data }) => {
-      if (!_data) return
-      const data = JSON.parse(_data)
-      if (data.update) {
-        console.log('[esbuild] Page is outdated')
-        document.title = `[O] ${document.title}`
-        if (window.noAutoReload || localStorage.noAutoReload) return
-        if (localStorage.autoReloadVisible && document.visibilityState !== 'visible') return
-        sessionStorage.lastReload = `${data.update.time},${Date.now()}`
-        location.reload()
-      }
-      if (data.replace) {
-        console.log('[esbuild hmr] Reloading', data.replace.type, data.replace.path)
-        switch (data.replace.type) {
-          case 'mesher': {
-            if (!worldView || !viewer.world.version || !(viewer.world instanceof WorldRendererThree)) return
-            void viewer.world.doHmr()
-          }
-        }
-      }
-    }
-  }
-  autoRefresh()
-
   // mobile devtools
   if (isMobile()) {
     // can be changed to require('eruda')
     //@ts-expect-error
     void import('https://cdn.skypack.dev/eruda').then(({ default: eruda }) => eruda.init())
-    console.log('JS Loaded in', Date.now() - window.startLoad)
   }
 }
+console.log('JS Loaded in', Date.now() - window.startLoad)
diff --git a/src/devtools.ts b/src/devtools.ts
index 73436347..1f8ef8e8 100644
--- a/src/devtools.ts
+++ b/src/devtools.ts
@@ -1,18 +1,30 @@
 // global variables useful for debugging
 
-import { WorldRendererThree } from 'prismarine-viewer/viewer/lib/worldrendererThree'
-import { getEntityCursor } from './worldInteractions'
+import fs from 'fs'
+import { WorldRendererThree } from 'renderer/viewer/three/worldrendererThree'
+import { enable, disable, enabled } from 'debug'
+import { Vec3 } from 'vec3'
 
-// Object.defineProperty(window, 'cursorBlock', )
+customEvents.on('mineflayerBotCreated', () => {
+  window.debugServerPacketNames = Object.fromEntries(Object.keys(loadedData.protocol.play.toClient.types).map(name => {
+    name = name.replace('packet_', '')
+    return [name, name]
+  }))
+  window.debugClientPacketNames = Object.fromEntries(Object.keys(loadedData.protocol.play.toServer.types).map(name => {
+    name = name.replace('packet_', '')
+    return [name, name]
+  }))
+})
 
+window.Vec3 = Vec3
 window.cursorBlockRel = (x = 0, y = 0, z = 0) => {
   const newPos = bot.blockAtCursor(5)?.position.offset(x, y, z)
   if (!newPos) return
   return bot.world.getBlock(newPos)
 }
 
-window.cursorEntity = () => {
-  return getEntityCursor()
+window.entityCursor = () => {
+  return bot.mouse.getCursorState().entity
 }
 
 // wanderer
@@ -20,23 +32,97 @@ window.inspectPlayer = () => require('fs').promises.readFile('/world/playerdata/
 
 Object.defineProperty(window, 'debugSceneChunks', {
   get () {
-    return (viewer.world as WorldRendererThree).getLoadedChunksRelative?.(bot.entity.position, true)
+    if (!(window.world instanceof WorldRendererThree)) return undefined
+    return (window.world)?.getLoadedChunksRelative?.(bot.entity.position, true)
   },
 })
 
+window.chunkKey = (xRel = 0, zRel = 0) => {
+  const pos = bot.entity.position
+  return `${(Math.floor(pos.x / 16) + xRel) * 16},${(Math.floor(pos.z / 16) + zRel) * 16}`
+}
+
+window.sectionKey = (xRel = 0, yRel = 0, zRel = 0) => {
+  const pos = bot.entity.position
+  return `${(Math.floor(pos.x / 16) + xRel) * 16},${(Math.floor(pos.y / 16) + yRel) * 16},${(Math.floor(pos.z / 16) + zRel) * 16}`
+}
+
+window.keys = (obj) => Object.keys(obj)
+window.values = (obj) => Object.values(obj)
+
 window.len = (obj) => Object.keys(obj).length
 
-window.inspectPacket = (packetName, full = false) => {
-  const listener = (...args) => console.log('packet', packetName, full ? args : args[0])
+customEvents.on('gameLoaded', () => {
+  bot._client.on('packet', (data, { name }) => {
+    if (sessionStorage.ignorePackets?.includes(name)) {
+      console.log('ignoring packet', name)
+      const oldEmit = bot._client.emit
+      let i = 0
+      // ignore next 3 emits
+      //@ts-expect-error
+      bot._client.emit = (...args) => {
+        if (i++ === 3) {
+          oldEmit.apply(bot._client, args)
+          bot._client.emit = oldEmit
+        }
+      }
+    }
+  })
+})
+
+window.inspectPacket = (packetName, isFromClient = false, fullOrListener: boolean | ((...args) => void) = false) => {
+  if (typeof isFromClient === 'function') {
+    fullOrListener = isFromClient
+    isFromClient = false
+  }
+  const listener = typeof fullOrListener === 'function'
+    ? (name, ...args) => fullOrListener(...args, name)
+    : (name, ...args) => {
+      const displayName = name === packetName ? name : `${name} (${packetName})`
+      console.log('packet', displayName, fullOrListener ? args : args[0])
+    }
+
+  // Pre-compile regex if using wildcards
+  const pattern = typeof packetName === 'string' && packetName.includes('*')
+    ? new RegExp('^' + packetName.replaceAll('*', '.*') + '$')
+    : null
+
+  const packetNameListener = (name, data) => {
+    if (pattern) {
+      if (pattern.test(name)) {
+        listener(name, data)
+      }
+    } else if (name === packetName) {
+      listener(name, data)
+    }
+  }
+  const packetListener = (data, { name }) => {
+    packetNameListener(name, data)
+  }
+
   const attach = () => {
-    bot?._client.on(packetName, listener)
+    if (isFromClient) {
+      bot?._client.prependListener('writePacket', packetNameListener)
+    } else {
+      bot?._client.prependListener('packet_name', packetNameListener)
+      bot?._client.prependListener('packet', packetListener)
+    }
+  }
+  const detach = () => {
+    if (isFromClient) {
+      bot?._client.removeListener('writePacket', packetNameListener)
+    } else {
+      bot?._client.removeListener('packet_name', packetNameListener)
+      bot?._client.removeListener('packet', packetListener)
+    }
   }
   attach()
   customEvents.on('mineflayerBotCreated', attach)
+
   const returnobj = {}
   Object.defineProperty(returnobj, 'detach', {
     get () {
-      bot?.removeListener(packetName, listener)
+      detach()
       customEvents.removeListener('mineflayerBotCreated', attach)
       return true
     },
@@ -44,14 +130,195 @@ window.inspectPacket = (packetName, full = false) => {
   return returnobj
 }
 
+window.downloadFile = async (path: string) => {
+  if (!path.startsWith('/') && localServer) path = `${localServer.options.worldFolder}/${path}`
+  const data = await fs.promises.readFile(path)
+  const blob = new Blob([data], { type: 'application/octet-stream' })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = path.split('/').at(-1)!
+  a.click()
+  URL.revokeObjectURL(url)
+}
+
+Object.defineProperty(window, 'debugToggle', {
+  get () {
+    localStorage.debug = localStorage.debug === '*' ? '' : '*'
+    if (enabled('*')) {
+      disable()
+      return 'disabled debug'
+    } else {
+      enable('*')
+      return 'enabled debug'
+    }
+  },
+  set (v) {
+    enable(v)
+    localStorage.debug = v
+    console.log('Enabled debug for', v)
+  }
+})
+
+customEvents.on('gameLoaded', () => {
+  window.holdingBlock = (window.world as WorldRendererThree | undefined)?.holdingBlock
+})
+
+window.clearStorage = (...keysToKeep: string[]) => {
+  for (let i = 0; i < localStorage.length; i++) {
+    const key = localStorage.key(i)
+    if (key && !keysToKeep.includes(key)) {
+      localStorage.removeItem(key)
+    }
+  }
+  return `Cleared ${localStorage.length - keysToKeep.length} items from localStorage. Kept: ${keysToKeep.join(', ')}`
+}
+
+
+// PERF DEBUG
+
 // for advanced debugging, use with watch expression
 
-let stats_ = {}
-window.addStatHit = (key) => {
-  stats_[key] ??= 0
-  stats_[key]++
+window.statsPerSecAvg = {}
+let currentStatsPerSec = {} as Record<string, number[]>
+const waitingStatsPerSec = {}
+window.markStart = (label) => {
+  waitingStatsPerSec[label] ??= []
+  waitingStatsPerSec[label][0] = performance.now()
 }
+window.markEnd = (label) => {
+  if (!waitingStatsPerSec[label]?.[0]) return
+  currentStatsPerSec[label] ??= []
+  currentStatsPerSec[label].push(performance.now() - waitingStatsPerSec[label][0])
+  delete waitingStatsPerSec[label]
+}
+const updateStatsPerSecAvg = () => {
+  window.statsPerSecAvg = Object.fromEntries(Object.entries(currentStatsPerSec).map(([key, value]) => {
+    return [key, {
+      avg: value.reduce((a, b) => a + b, 0) / value.length,
+      count: value.length
+    }]
+  }))
+  currentStatsPerSec = {}
+}
+
+
+window.statsPerSec = {}
+let statsPerSecCurrent = {}
+let lastReset = performance.now()
+window.addStatPerSec = (name) => {
+  statsPerSecCurrent[name] ??= 0
+  statsPerSecCurrent[name]++
+}
+window.statsPerSecCurrent = statsPerSecCurrent
 setInterval(() => {
-  window.stats = stats_
-  stats_ = {}
+  window.statsPerSec = { duration: Math.floor(performance.now() - lastReset), ...statsPerSecCurrent, }
+  statsPerSecCurrent = {}
+  window.statsPerSecCurrent = statsPerSecCurrent
+  updateStatsPerSecAvg()
+  lastReset = performance.now()
 }, 1000)
+
+// ---
+
+// Add type declaration for performance.memory
+declare global {
+  interface Performance {
+    memory?: {
+      usedJSHeapSize: number
+      totalJSHeapSize: number
+      jsHeapSizeLimit: number
+    }
+  }
+}
+
+// Performance metrics WebSocket client
+let ws: WebSocket | null = null
+let wsReconnectTimeout: NodeJS.Timeout | null = null
+let metricsInterval: NodeJS.Timeout | null = null
+
+// Start collecting metrics immediately
+const startTime = performance.now()
+
+function collectAndSendMetrics () {
+  if (!ws || ws.readyState !== WebSocket.OPEN) return
+
+  const metrics = {
+    loadTime: performance.now() - startTime,
+    memoryUsage: (performance.memory?.usedJSHeapSize ?? 0) / 1024 / 1024,
+    timestamp: Date.now()
+  }
+
+  ws.send(JSON.stringify(metrics))
+}
+
+function getWebSocketUrl () {
+  const wsPort = process.env.WS_PORT
+  if (!wsPort) return null
+
+  const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'
+  const { hostname } = window.location
+  return `${protocol}//${hostname}:${wsPort}`
+}
+
+function connectWebSocket () {
+  if (ws) return
+
+  const wsUrl = getWebSocketUrl()
+  if (!wsUrl) {
+    return
+  }
+
+  ws = new WebSocket(wsUrl)
+
+  ws.onopen = () => {
+    console.log('Connected to metrics server')
+    if (wsReconnectTimeout) {
+      clearTimeout(wsReconnectTimeout)
+      wsReconnectTimeout = null
+    }
+
+    // Start sending metrics immediately after connection
+    collectAndSendMetrics()
+
+    // Clear existing interval if any
+    if (metricsInterval) {
+      clearInterval(metricsInterval)
+    }
+
+    // Set new interval
+    metricsInterval = setInterval(collectAndSendMetrics, 500)
+  }
+
+  ws.onclose = () => {
+    console.log('Disconnected from metrics server')
+    ws = null
+
+    // Clear metrics interval
+    if (metricsInterval) {
+      clearInterval(metricsInterval)
+      metricsInterval = null
+    }
+
+    // Try to reconnect after 3 seconds
+    wsReconnectTimeout = setTimeout(connectWebSocket, 3000)
+  }
+
+  ws.onerror = (error) => {
+    console.error('WebSocket error:', error)
+  }
+}
+
+// Connect immediately
+connectWebSocket()
+
+// Add command to request current metrics
+window.requestMetrics = () => {
+  const metrics = {
+    loadTime: performance.now() - startTime,
+    memoryUsage: (performance.memory?.usedJSHeapSize ?? 0) / 1024 / 1024,
+    timestamp: Date.now()
+  }
+  console.log('Current metrics:', metrics)
+  return metrics
+}
diff --git a/src/downloadAndOpenFile.ts b/src/downloadAndOpenFile.ts
index 7ac154fc..1ff318ff 100644
--- a/src/downloadAndOpenFile.ts
+++ b/src/downloadAndOpenFile.ts
@@ -1,42 +1,38 @@
 import prettyBytes from 'pretty-bytes'
-import { openWorldZip } from './browserfs'
-import { getResourcePackName, installTexturePack, resourcePackState, updateTexturePackInstalledState } from './texturePack'
-import { setLoadingScreenStatus } from './utils'
+import { openWorldFromHttpDir, openWorldZip } from './browserfs'
+import { getResourcePackNames, installResourcepackPack, resourcePackState, updateTexturePackInstalledState } from './resourcePack'
+import { setLoadingScreenStatus } from './appStatus'
+import { appQueryParams, appQueryParamsArray } from './appParams'
+import { VALID_REPLAY_EXTENSIONS, openFile } from './packetsReplay/replayPackets'
+import { createFullScreenProgressReporter } from './core/progressReporter'
+import { ConnectOptions } from './connect'
 
 export const getFixedFilesize = (bytes: number) => {
   return prettyBytes(bytes, { minimumFractionDigits: 2, maximumFractionDigits: 2 })
 }
 
+export const isInterestedInDownload = () => {
+  const { map, texturepack, replayFileUrl } = appQueryParams
+  const { mapDir } = appQueryParamsArray
+  return !!map || !!texturepack || !!replayFileUrl || !!mapDir
+}
+
 const inner = async () => {
-  const qs = new URLSearchParams(window.location.search)
-  let mapUrl = qs.get('map')
-  const texturepack = qs.get('texturepack')
-  // fixme
-  if (texturepack) mapUrl = texturepack
-  if (!mapUrl) return false
+  const { map, texturepack, replayFileUrl } = appQueryParams
+  const { mapDir } = appQueryParamsArray
+  return downloadAndOpenMapFromUrl(map, texturepack, mapDir, replayFileUrl)
+}
 
-  if (texturepack) {
-    await updateTexturePackInstalledState()
-    if (resourcePackState.resourcePackInstalled) {
-      if (!confirm(`You are going to install a new resource pack, which will REPLACE the current one: ${await getResourcePackName()} Continue?`)) return
-    }
-  }
-  const name = mapUrl.slice(mapUrl.lastIndexOf('/') + 1).slice(-25)
-  const downloadThing = texturepack ? 'texturepack' : 'world'
-  setLoadingScreenStatus(`Downloading ${downloadThing} ${name}...`)
+export const downloadAndOpenMapFromUrl = async (mapUrl: string | undefined, texturepackUrl: string | undefined, mapUrlDir: string[] | undefined, replayFileUrl: string | undefined, connectOptions?: Partial<ConnectOptions>) => {
+  if (replayFileUrl) {
+    setLoadingScreenStatus('Downloading replay file')
+    const response = await fetch(replayFileUrl)
+    const contentLength = response.headers?.get('Content-Length')
+    const size = contentLength ? +contentLength : undefined
+    const filename = replayFileUrl.split('/').pop()
 
-  const response = await fetch(mapUrl)
-  const contentType = response.headers.get('Content-Type')
-  if (!contentType || !contentType.startsWith('application/zip')) {
-    alert('Invalid map file')
-  }
-  const contentLengthStr = response.headers?.get('Content-Length')
-  const contentLength = contentLengthStr && +contentLengthStr
-  setLoadingScreenStatus(`Downloading ${downloadThing} ${name}: have to download ${contentLength && getFixedFilesize(contentLength)}...`)
-
-  let downloadedBytes = 0
-  const buffer = await new Response(
-    new ReadableStream({
+    let downloadedBytes = 0
+    const buffer = await new Response(new ReadableStream({
       async start (controller) {
         if (!response.body) throw new Error('Server returned no response!')
         const reader = response.body.getReader()
@@ -53,29 +49,102 @@ const inner = async () => {
           downloadedBytes += value.byteLength
 
           // Calculate download progress as a percentage
-          const progress = contentLength ? (downloadedBytes / contentLength) * 100 : undefined
-          setLoadingScreenStatus(`Download ${downloadThing} progress: ${progress === undefined ? '?' : Math.floor(progress)}% (${getFixedFilesize(downloadedBytes)} / ${contentLength && getFixedFilesize(contentLength)})`, false, true)
-
+          const progress = size ? (downloadedBytes / size) * 100 : undefined
+          setLoadingScreenStatus(`Download replay file progress: ${progress === undefined ? '?' : Math.floor(progress)}% (${getFixedFilesize(downloadedBytes)} / ${size && getFixedFilesize(size)})`, false, true)
 
           // Pass the received data to the controller
           controller.enqueue(value)
         }
       },
+    })).arrayBuffer()
+
+    // Convert buffer to text, handling any compression automatically
+    const decoder = new TextDecoder()
+    const contents = decoder.decode(buffer)
+
+    openFile({
+      contents,
+      filename,
+      filesize: size
     })
-  ).arrayBuffer()
-  if (texturepack) {
-    const name = mapUrl.slice(mapUrl.lastIndexOf('/') + 1).slice(-30)
-    await installTexturePack(buffer, name)
-  } else {
-    await openWorldZip(buffer)
+    return true
   }
+
+  const mapUrlDirGuess = appQueryParams.mapDirGuess
+  const mapUrlDirBaseUrl = appQueryParams.mapDirBaseUrl
+  if (mapUrlDir?.length) {
+    await openWorldFromHttpDir(mapUrlDir, mapUrlDirBaseUrl ?? undefined)
+    return true
+  }
+
+  if (mapUrlDirGuess) {
+    // await openWorldFromHttpDir(undefined, mapUrlDirGuess)
+    return true
+  }
+
+  // fixme
+  if (texturepackUrl) mapUrl = texturepackUrl
+  if (!mapUrl) return false
+
+  if (texturepackUrl) {
+    await updateTexturePackInstalledState()
+    if (resourcePackState.resourcePackInstalled) {
+      if (!confirm(`You are going to install a new resource pack, which will REPLACE the current one: ${await getResourcePackNames()[0]} Continue?`)) return
+    }
+  }
+  const name = mapUrl.slice(mapUrl.lastIndexOf('/') + 1).slice(-25)
+  const downloadThing = texturepackUrl ? 'texturepack' : 'world'
+  setLoadingScreenStatus(`Downloading ${downloadThing} ${name}...`)
+
+  const response = await fetch(mapUrl)
+  const contentType = response.headers.get('Content-Type')
+  if (!contentType || !contentType.startsWith('application/zip')) {
+    alert('Invalid map file')
+  }
+  const contentLengthStr = response.headers?.get('Content-Length')
+  const contentLength = contentLengthStr && +contentLengthStr
+  setLoadingScreenStatus(`Downloading ${downloadThing} ${name}: have to download ${contentLength && getFixedFilesize(contentLength)}...`)
+
+  let downloadedBytes = 0
+  const buffer = await new Response(new ReadableStream({
+    async start (controller) {
+      if (!response.body) throw new Error('Server returned no response!')
+      const reader = response.body.getReader()
+
+      // eslint-disable-next-line no-constant-condition
+      while (true) {
+        const { done, value } = await reader.read()
+
+        if (done) {
+          controller.close()
+          break
+        }
+
+        downloadedBytes += value.byteLength
+
+        // Calculate download progress as a percentage
+        const progress = contentLength ? (downloadedBytes / contentLength) * 100 : undefined
+        setLoadingScreenStatus(`Download ${downloadThing} progress: ${progress === undefined ? '?' : Math.floor(progress)}% (${getFixedFilesize(downloadedBytes)} / ${contentLength && getFixedFilesize(contentLength)})`, false, true)
+
+        // Pass the received data to the controller
+        controller.enqueue(value)
+      }
+    },
+  })).arrayBuffer()
+  if (texturepackUrl) {
+    const name = mapUrl.slice(mapUrl.lastIndexOf('/') + 1).slice(-30)
+    await installResourcepackPack(buffer, createFullScreenProgressReporter(), name)
+  } else {
+    await openWorldZip(buffer, undefined, connectOptions)
+  }
+  return true
 }
 
 export default async () => {
   try {
     return await inner()
   } catch (err) {
-    setLoadingScreenStatus(`Failed to download. Either refresh page or remove map param from URL. Reason: ${err.message}`)
+    setLoadingScreenStatus(`Failed to download/open. Either refresh page or remove map param from URL. Reason: ${err.message}`)
     return true
   }
 }
diff --git a/src/dragndrop.ts b/src/dragndrop.ts
index 034b7b9b..5a16bc05 100644
--- a/src/dragndrop.ts
+++ b/src/dragndrop.ts
@@ -3,14 +3,19 @@ import fs from 'fs'
 import * as nbt from 'prismarine-nbt'
 import RegionFile from 'prismarine-provider-anvil/src/region'
 import { versions } from 'minecraft-data'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
 import { openWorldDirectory, openWorldZip } from './browserfs'
 import { isGameActive } from './globalState'
 import { showNotification } from './react/NotificationProvider'
+import { openFile, VALID_REPLAY_EXTENSIONS } from './packetsReplay/replayPackets'
 
 const parseNbt = promisify(nbt.parse)
 const simplifyNbt = nbt.simplify
 window.nbt = nbt
 
+// Supported image types for skybox
+const VALID_IMAGE_EXTENSIONS = ['.png', '.jpg', '.jpeg', '.webp']
+
 // todo display drop zone
 for (const event of ['drag', 'dragstart', 'dragend', 'dragover', 'dragenter', 'dragleave', 'drop']) {
   window.addEventListener(event, (e: any) => {
@@ -44,6 +49,34 @@ window.addEventListener('drop', async e => {
 })
 
 async function handleDroppedFile (file: File) {
+  // Check for image files first when game is active
+  if (isGameActive(false) && VALID_IMAGE_EXTENSIONS.some(ext => file.name.toLowerCase().endsWith(ext))) {
+    try {
+      // Convert image to base64
+      const reader = new FileReader()
+      const base64Promise = new Promise<string>((resolve, reject) => {
+        reader.onload = () => resolve(reader.result as string)
+        reader.onerror = reject
+      })
+      reader.readAsDataURL(file)
+      const base64Image = await base64Promise
+
+      // Get ThreeJS backend methods and update skybox
+      const setSkyboxImage = getThreeJsRendererMethods()?.setSkyboxImage
+      if (setSkyboxImage) {
+        await setSkyboxImage(base64Image)
+        showNotification('Skybox updated successfully')
+      } else {
+        showNotification('Cannot update skybox - renderer does not support it')
+      }
+      return
+    } catch (err) {
+      console.error('Failed to update skybox:', err)
+      showNotification('Failed to update skybox', 'error')
+      return
+    }
+  }
+
   if (file.name.endsWith('.zip')) {
     void openWorldZip(file)
     return
@@ -53,10 +86,19 @@ async function handleDroppedFile (file: File) {
     alert('Rar files are not supported yet!')
     return
   }
+  if (VALID_REPLAY_EXTENSIONS.some(ext => file.name.endsWith(ext)) || file.name.startsWith('packets-replay')) {
+    const contents = await file.text()
+    openFile({
+      contents,
+      filename: file.name,
+      filesize: file.size
+    })
+    return
+  }
   if (file.name.endsWith('.mca')) {
-    const tempPath = '/data/temp.mca'
+    const tempPath = '/temp/temp.mca'
     try {
-      await fs.promises.writeFile(tempPath, Buffer.from(await file.arrayBuffer()))
+      await fs.promises.writeFile(tempPath, Buffer.from(await file.arrayBuffer()) as any)
       const region = new RegionFile(tempPath)
       await region.initialize()
       const chunks: Record<string, any> = {}
@@ -65,6 +107,8 @@ async function handleDroppedFile (file: File) {
       let versionDetected = false
       for (const [i, _] of Array.from({ length: 32 }).entries()) {
         for (const [k, _] of Array.from({ length: 32 }).entries()) {
+          // todo, may use faster reading, but features is not commonly used
+          // eslint-disable-next-line no-await-in-loop
           const nbt = await region.read(i, k)
           chunks[`${i},${k}`] = nbt
           if (nbt && !versionDetected) {
diff --git a/src/entities.ts b/src/entities.ts
index b238d4ea..674f91ef 100644
--- a/src/entities.ts
+++ b/src/entities.ts
@@ -1,16 +1,20 @@
 import { Entity } from 'prismarine-entity'
+import { versionToNumber } from 'renderer/viewer/common/utils'
 import tracker from '@nxg-org/mineflayer-tracker'
 import { loader as autoJumpPlugin } from '@nxg-org/mineflayer-auto-jump'
 import { subscribeKey } from 'valtio/utils'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+import { Team } from 'mineflayer'
 import { options, watchValue } from './optionsStorage'
-import { miscUiState } from './globalState'
+import { gameAdditionalState, miscUiState } from './globalState'
+import { EntityStatus } from './mineflayer/entityStatus'
 
 
 const updateAutoJump = () => {
   if (!bot?.autoJumper) return
   const autoJump = options.autoParkour || (options.autoJump === 'auto' ? miscUiState.currentTouch && !miscUiState.usingGamepadInput : options.autoJump === 'always')
   bot.autoJumper.setOpts({
-    jumpIntoWater: options.autoParkour,
+    // jumpIntoWater: options.autoParkour,
     jumpOnAllEdges: options.autoParkour,
     // strictBlockCollision: true,
   })
@@ -39,23 +43,20 @@ customEvents.on('gameLoaded', () => {
   bot.loadPlugin(autoJumpPlugin)
   updateAutoJump()
 
-  // todo cleanup (move to viewer, also shouldnt be used at all)
   const playerPerAnimation = {} as Record<string, string>
-  const entityData = (e: Entity) => {
+  const checkEntityData = (e: Entity) => {
     if (!e.username) return
     window.debugEntityMetadata ??= {}
     window.debugEntityMetadata[e.username] = e
-    // todo entity spawn timing issue, check perf
-    if (viewer.entities.entities[e.id]?.playerObject) {
-      // todo throttle!
+    if (e.type === 'player') {
       bot.tracker.trackEntity(e)
-      const { playerObject } = viewer.entities.entities[e.id]
-      playerObject.backEquipment = e.equipment.some((item) => item?.name === 'elytra') ? 'elytra' : 'cape'
-      if (playerObject.cape.map === null) {
-        playerObject.cape.visible = false
-      }
-      // todo (easy, important) elytra flying animation
-      // todo cleanup states
+    }
+  }
+
+  const trackBotEntity = () => {
+    // Always track the bot entity for animations
+    if (bot.entity) {
+      bot.tracker.trackEntity(bot.entity)
     }
   }
 
@@ -68,74 +69,300 @@ customEvents.on('gameLoaded', () => {
       if (!tracking) continue
       const e = bot.entities[id]
       if (!e) continue
-      const speed = info.avgSpeed
+      const speed = info.avgVel
       const WALKING_SPEED = 0.03
       const SPRINTING_SPEED = 0.18
+      const isCrouched = e === bot.entity ? gameAdditionalState.isSneaking : e['crouching']
       const isWalking = Math.abs(speed.x) > WALKING_SPEED || Math.abs(speed.z) > WALKING_SPEED
       const isSprinting = Math.abs(speed.x) > SPRINTING_SPEED || Math.abs(speed.z) > SPRINTING_SPEED
-      const newAnimation = isWalking ? (isSprinting ? 'running' : 'walking') : 'idle'
-      const username = e.username!
-      if (newAnimation !== playerPerAnimation[username]) {
-        viewer.entities.playAnimation(e.id, newAnimation)
-        playerPerAnimation[username] = newAnimation
+
+      const newAnimation =
+        isCrouched ? (isWalking ? 'crouchWalking' : 'crouch')
+          : isWalking ? (isSprinting ? 'running' : 'walking')
+            : 'idle'
+      if (newAnimation !== playerPerAnimation[id]) {
+        // Handle bot entity animation specially (for player entity in third person)
+        if (e === bot.entity) {
+          getThreeJsRendererMethods()?.playEntityAnimation('player_entity', newAnimation)
+        } else {
+          getThreeJsRendererMethods()?.playEntityAnimation(e.id, newAnimation)
+        }
+        playerPerAnimation[id] = newAnimation
       }
     }
   })
 
   bot.on('entitySwingArm', (e) => {
-    if (viewer.entities.entities[e.id]?.playerObject) {
-      viewer.entities.playAnimation(e.id, 'oneSwing')
+    getThreeJsRendererMethods()?.playEntityAnimation(e.id, 'oneSwing')
+  })
+
+  bot.on('botArmSwingStart', (hand) => {
+    if (hand === 'right') {
+      getThreeJsRendererMethods()?.playEntityAnimation('player_entity', 'oneSwing')
     }
   })
 
-  const loadedSkinEntityIds = new Set<number>()
-
-  const playerRenderSkin = (e: Entity) => {
-    const mesh = viewer.entities.entities[e.id]
-    if (!mesh) return
-    if (!mesh.playerObject || !options.loadPlayerSkins) return
-    const MAX_DISTANCE_SKIN_LOAD = 128
-    const distance = e.position.distanceTo(bot.entity.position)
-    if (distance < MAX_DISTANCE_SKIN_LOAD && distance < (bot.settings.viewDistance as number) * 16) {
-      if (viewer.entities.entities[e.id]) {
-        if (loadedSkinEntityIds.has(e.id)) return
-        loadedSkinEntityIds.add(e.id)
-        viewer.entities.updatePlayerSkin(e.id, e.username, true, true)
-      }
+  bot.inventory.on('updateSlot', (slot) => {
+    if (slot === 5 || slot === 6 || slot === 7 || slot === 8) {
+      const item = bot.inventory.slots[slot]!
+      bot.entity.equipment[slot - 3] = item
+      appViewer.worldView?.emit('playerEntity', bot.entity)
     }
+  })
+  bot.on('heldItemChanged', () => {
+    const item = bot.inventory.slots[bot.quickBarSlot + 36]!
+    bot.entity.equipment[0] = item
+    appViewer.worldView?.emit('playerEntity', bot.entity)
+  })
+
+  bot._client.on('damage_event', (data) => {
+    const { entityId, sourceTypeId: damage } = data
+    getThreeJsRendererMethods()?.damageEntity(entityId, damage)
+  })
+
+  bot._client.on('entity_status', (data) => {
+    if (versionToNumber(bot.version) >= versionToNumber('1.19.4')) return
+    const { entityId, entityStatus } = data
+    if (entityStatus === EntityStatus.HURT) {
+      getThreeJsRendererMethods()?.damageEntity(entityId, entityStatus)
+    }
+
+    if (entityStatus === EntityStatus.BURNED) {
+      updateEntityStates(entityId, true, true)
+    }
+  })
+
+  // on fire events
+  bot._client.on('entity_metadata', (data) => {
+    if (data.entityId !== bot.entity.id) return
+    handleEntityMetadata(data)
+  })
+
+  bot.on('end', () => {
+    if (onFireTimeout) {
+      clearTimeout(onFireTimeout)
+    }
+  })
+
+  bot.on('respawn', () => {
+    if (onFireTimeout) {
+      clearTimeout(onFireTimeout)
+    }
+  })
+
+  const updateCamera = (entity: Entity) => {
+    if (bot.game.gameMode !== 'spectator') return
+    bot.entity.position = entity.position.clone()
+    void bot.look(entity.yaw, entity.pitch, true)
+    bot.entity.yaw = entity.yaw
+    bot.entity.pitch = entity.pitch
   }
-  viewer.entities.addListener('remove', (e) => {
-    loadedSkinEntityIds.delete(e.id)
-    playerPerAnimation[e.username] = ''
-    bot.tracker.stopTrackingEntity(e, true)
+
+  bot.on('entityGone', (entity) => {
+    bot.tracker.stopTrackingEntity(entity, true)
   })
 
   bot.on('entityMoved', (e) => {
-    playerRenderSkin(e)
-    entityData(e)
+    checkEntityData(e)
+    if (appViewer.playerState.reactive.cameraSpectatingEntity === e.id) {
+      updateCamera(e)
+    }
   })
   bot._client.on('entity_velocity', (packet) => {
     const e = bot.entities[packet.entityId]
     if (!e) return
-    entityData(e)
-  })
-
-  viewer.entities.addListener('add', (e) => {
-    if (!viewer.entities.entities[e.id]) throw new Error('mesh still not loaded')
-    playerRenderSkin(e)
+    checkEntityData(e)
   })
 
   for (const entity of Object.values(bot.entities)) {
     if (entity !== bot.entity) {
-      entityData(entity)
+      checkEntityData(entity)
     }
   }
 
-  bot.on('entitySpawn', entityData)
-  bot.on('entityUpdate', entityData)
-  bot.on('entityEquip', entityData)
+  // Track bot entity initially
+  trackBotEntity()
 
-  watchValue(options, o => {
-    viewer.entities.setDebugMode(o.showChunkBorders ? 'basic' : 'none')
+  bot.on('entitySpawn', (e) => {
+    checkEntityData(e)
+    if (appViewer.playerState.reactive.cameraSpectatingEntity === e.id) {
+      updateCamera(e)
+    }
   })
+  bot.on('entityUpdate', checkEntityData)
+  bot.on('entityEquip', checkEntityData)
+
+  // Re-track bot entity after login
+  bot.on('login', () => {
+    setTimeout(() => {
+      trackBotEntity()
+    }) // Small delay to ensure bot.entity is properly set
+  })
+
+  bot._client.on('camera', (packet) => {
+    if (bot.player.entity.id === packet.cameraId) {
+      if (appViewer.playerState.utils.isSpectatingEntity() && appViewer.playerState.reactive.cameraSpectatingEntity) {
+        const entity = bot.entities[appViewer.playerState.reactive.cameraSpectatingEntity]
+        appViewer.playerState.reactive.cameraSpectatingEntity = undefined
+        if (entity) {
+          // do a force entity update
+          bot.emit('entityUpdate', entity)
+        }
+      }
+    } else if (appViewer.playerState.reactive.gameMode === 'spectator') {
+      const entity = bot.entities[packet.cameraId]
+      appViewer.playerState.reactive.cameraSpectatingEntity = packet.cameraId
+      if (entity) {
+        updateCamera(entity)
+        // do a force entity update
+        bot.emit('entityUpdate', entity)
+      }
+    }
+  })
+
+  const applySkinTexturesProxy = (url: string | undefined) => {
+    const { appConfig } = miscUiState
+    if (appConfig?.skinTexturesProxy) {
+      return url?.replace('http://textures.minecraft.net/', appConfig.skinTexturesProxy)
+        .replace('https://textures.minecraft.net/', appConfig.skinTexturesProxy)
+    }
+    return url
+  }
+
+  // Texture override from packet properties
+  const updateSkin = (player: import('mineflayer').Player) => {
+    if (!player.uuid || !player.username || !player.skinData) return
+
+    try {
+      const skinUrl = applySkinTexturesProxy(player.skinData.url)
+      const capeUrl = applySkinTexturesProxy((player.skinData as any).capeUrl)
+
+      // Find entity with matching UUID and update skin
+      let entityId = ''
+      for (const [entId, entity] of Object.entries(bot.entities)) {
+        if (entity.uuid === player.uuid) {
+          entityId = entId
+          break
+        }
+      }
+      // even if not found, still record to cache
+      void getThreeJsRendererMethods()!.updatePlayerSkin(entityId, player.username, player.uuid, skinUrl ?? true, capeUrl)
+    } catch (err) {
+      reportError(new Error('Error applying skin texture:', { cause: err }))
+    }
+  }
+
+  bot.on('playerJoined', updateSkin)
+  bot.on('playerUpdated', updateSkin)
+  for (const entity of Object.values(bot.players)) {
+    updateSkin(entity)
+  }
+
+  const teamUpdated = (team: Team) => {
+    for (const entity of Object.values(bot.entities)) {
+      if (entity.type === 'player' && entity.username && team.members.includes(entity.username) || entity.uuid && team.members.includes(entity.uuid)) {
+        bot.emit('entityUpdate', entity)
+      }
+    }
+  }
+  bot.on('teamUpdated', teamUpdated)
+  for (const team of Object.values(bot.teams)) {
+    teamUpdated(team)
+  }
+
+  const updateEntityNameTags = (team: Team) => {
+    for (const entity of Object.values(bot.entities)) {
+      const entityTeam = entity.type === 'player' && entity.username ? bot.teamMap[entity.username] : entity.uuid ? bot.teamMap[entity.uuid] : undefined
+      if ((entityTeam?.nameTagVisibility === 'hideForOwnTeam' && entityTeam.name === team.name)
+        || (entityTeam?.nameTagVisibility === 'hideForOtherTeams' && entityTeam.name !== team.name)) {
+        bot.emit('entityUpdate', entity)
+      }
+    }
+  }
+
+  const doEntitiesNeedUpdating = (team: Team) => {
+    return team.nameTagVisibility === 'never'
+      || (team.nameTagVisibility === 'hideForOtherTeams' && appViewer.playerState.reactive.team?.team !== team.team)
+      || (team.nameTagVisibility === 'hideForOwnTeam' && appViewer.playerState.reactive.team?.team === team.team)
+  }
+
+  bot.on('teamMemberAdded', (team: Team, members: string[]) => {
+    if (members.includes(bot.username) && appViewer.playerState.reactive.team?.team !== team.team) {
+      appViewer.playerState.reactive.team = team
+      // Player was added to a team, need to check if any entities need updating
+      updateEntityNameTags(team)
+    } else if (doEntitiesNeedUpdating(team)) {
+      // Need to update all entities that were added
+      for (const entity of Object.values(bot.entities)) {
+        if (entity.type === 'player' && entity.username && members.includes(entity.username) || entity.uuid && members.includes(entity.uuid)) {
+          bot.emit('entityUpdate', entity)
+        }
+      }
+    }
+  })
+
+  bot.on('teamMemberRemoved', (team: Team, members: string[]) => {
+    if (members.includes(bot.username) && appViewer.playerState.reactive.team?.team === team.team) {
+      appViewer.playerState.reactive.team = undefined
+      // Player was removed from a team, need to check if any entities need updating
+      updateEntityNameTags(team)
+    } else if (doEntitiesNeedUpdating(team)) {
+      // Need to update all entities that were removed
+      for (const entity of Object.values(bot.entities)) {
+        if (entity.type === 'player' && entity.username && members.includes(entity.username) || entity.uuid && members.includes(entity.uuid)) {
+          bot.emit('entityUpdate', entity)
+        }
+      }
+    }
+  })
+
+  bot.on('teamRemoved', (team: Team) => {
+    if (appViewer.playerState.reactive.team?.team === team?.team) {
+      appViewer.playerState.reactive.team = undefined
+      // Player's team was removed, need to update all entities that are in a team
+      updateEntityNameTags(team)
+    }
+  })
+
 })
+
+// Constants
+const SHARED_FLAGS_KEY = 0
+const ENTITY_FLAGS = {
+  ON_FIRE: 0x01, // Bit 0
+  SNEAKING: 0x02, // Bit 1
+  SPRINTING: 0x08, // Bit 3
+  SWIMMING: 0x10, // Bit 4
+  INVISIBLE: 0x20, // Bit 5
+  GLOWING: 0x40, // Bit 6
+  FALL_FLYING: 0x80 // Bit 7 (elytra flying)
+}
+
+let onFireTimeout: NodeJS.Timeout | undefined
+const updateEntityStates = (entityId: number, onFire: boolean, timeout?: boolean) => {
+  if (entityId !== bot.entity.id) return
+  appViewer.playerState.reactive.onFire = onFire
+  if (onFireTimeout) {
+    clearTimeout(onFireTimeout)
+  }
+  if (timeout) {
+    onFireTimeout = setTimeout(() => {
+      updateEntityStates(entityId, false, false)
+    }, 5000)
+  }
+}
+
+// Process entity metadata packet
+function handleEntityMetadata (packet: { entityId: number, metadata: Array<{ key: number, type: string, value: number }> }) {
+  const { entityId, metadata } = packet
+
+  // Find shared flags in metadata
+  const flagsData = metadata.find(meta => meta.key === SHARED_FLAGS_KEY &&
+    meta.type === 'byte')
+
+  // Update fire state if flags were found
+  if (flagsData) {
+    const wasOnFire = appViewer.playerState.reactive.onFire
+    appViewer.playerState.reactive.onFire = (flagsData.value & ENTITY_FLAGS.ON_FIRE) !== 0
+  }
+}
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 00000000..e565fcec
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,37 @@
+declare namespace NodeJS {
+  interface ProcessEnv {
+    // Build configuration
+    NODE_ENV: 'development' | 'production'
+    MIN_MC_VERSION?: string
+    MAX_MC_VERSION?: string
+    ALWAYS_COMPRESS_LARGE_DATA?: 'true' | 'false'
+    SINGLE_FILE_BUILD?: 'true' | 'false'
+    WS_PORT?: string
+    DISABLE_SERVICE_WORKER?: 'true' | 'false'
+    CONFIG_JSON_SOURCE?: 'BUNDLED' | 'REMOTE'
+    LOCAL_CONFIG_FILE?: string
+    BUILD_VERSION?: string
+
+    // Build internals
+    GITHUB_REPOSITORY?: string
+    VERCEL_GIT_REPO_OWNER?: string
+    VERCEL_GIT_REPO_SLUG?: string
+
+    // UI
+    MAIN_MENU_LINKS?: string
+    ALWAYS_MINIMAL_SERVER_UI?: 'true' | 'false'
+
+    // App features
+    ENABLE_COOKIE_STORAGE?: string
+    COOKIE_STORAGE_PREFIX?: string
+
+    // Build info. Release information
+    RELEASE_TAG?: string
+    RELEASE_LINK?: string
+    RELEASE_CHANGELOG?: string
+
+    // Build info
+    INLINED_APP_CONFIG?: string
+    GITHUB_URL?: string
+  }
+}
diff --git a/src/external/index.ts b/src/external/index.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/flyingSquidEvents.ts b/src/flyingSquidEvents.ts
index fb5b00e3..7231dd27 100644
--- a/src/flyingSquidEvents.ts
+++ b/src/flyingSquidEvents.ts
@@ -1,4 +1,7 @@
+import { saveServer } from './flyingSquidUtils'
+import { watchUnloadForCleanup } from './gameUnload'
 import { showModal } from './globalState'
+import { options } from './optionsStorage'
 import { chatInputValueGlobal } from './react/Chat'
 import { showNotification } from './react/NotificationProvider'
 
@@ -10,4 +13,15 @@ export default () => {
       showModal({ reactType: 'chat' })
     })
   })
+
+  if (options.singleplayerAutoSave) {
+    const autoSaveInterval = setInterval(() => {
+      if (options.singleplayerAutoSave) {
+        void saveServer(true)
+      }
+    }, 2000)
+    watchUnloadForCleanup(() => {
+      clearInterval(autoSaveInterval)
+    })
+  }
 }
diff --git a/src/flyingSquidUtils.ts b/src/flyingSquidUtils.ts
index 1f070022..2ae0be7c 100644
--- a/src/flyingSquidUtils.ts
+++ b/src/flyingSquidUtils.ts
@@ -18,17 +18,20 @@ export function nameToMcOfflineUUID (name) {
 }
 
 export async function savePlayers (autoSave: boolean) {
+  if (!localServer?.players[0]) return
   if (autoSave && new URL(location.href).searchParams.get('noSave') === 'true') return
   //@ts-expect-error TODO
-  await localServer!.savePlayersSingleplayer()
+  await localServer.savePlayersSingleplayer()
 }
 
 // todo flying squid should expose save function instead
 export const saveServer = async (autoSave = true) => {
   if (!localServer || fsState.isReadonly) return
   // todo
+  console.time('save server')
   const worlds = [(localServer as any).overworld] as Array<import('prismarine-world').world.World>
-  await Promise.all([savePlayers(autoSave), ...worlds.map(async world => world.saveNow())])
+  await Promise.all([localServer.writeLevelDat(), savePlayers(autoSave), ...worlds.map(async world => world.saveNow())])
+  console.timeEnd('save server')
 }
 export const disconnect = async () => {
   if (localServer) {
diff --git a/src/generatedServerPackets.ts b/src/generatedServerPackets.ts
index 1c7ffa9e..3b3ce018 100644
--- a/src/generatedServerPackets.ts
+++ b/src/generatedServerPackets.ts
@@ -6,14 +6,7 @@ export interface ClientOnMap {
   } | /** 1.12.2 */ {
     keepAliveId: bigint;
   };
-  login: /** 1.7 */ {
-    entityId: number;
-    gameMode: number;
-    dimension: number;
-    difficulty: number;
-    maxPlayers: number;
-    levelType: string;
-  } | /** 1.8 */ {
+  login:/** 1.8 */ {
     entityId: number;
     gameMode: number;
     dimension: number;
@@ -148,9 +141,7 @@ export interface ClientOnMap {
     entityId: number;
     equipments: any;
   };
-  spawn_position: /** 1.7 */ {
-    location: any;
-  } | /** 1.8 */ {
+  spawn_position:/** 1.8 */ {
     location: { x: number, y: number, z: number };
   } | /** 1.17 */ {
     location: { x: number, y: number, z: number };
@@ -215,14 +206,7 @@ export interface ClientOnMap {
     death: any;
     portalCooldown: number;
   };
-  position: /** 1.7 */ {
-    x: number;
-    y: number;
-    z: number;
-    yaw: number;
-    pitch: number;
-    onGround: boolean;
-  } | /** 1.8 */ {
+  position: /** 1.8 */ {
     x: number;
     y: number;
     z: number;
@@ -905,11 +889,7 @@ export interface ClientOnMap {
   statistics: /** 1.7 */ {
     entries: any;
   };
-  player_info: /** 1.7 */ {
-    playerName: string;
-    online: boolean;
-    ping: number;
-  } | /** 1.8 */ {
+  player_info: /** 1.8 */ {
     action: number;
     data: any;
   };
@@ -926,22 +906,13 @@ export interface ClientOnMap {
     length: number;
     matches: any;
   };
-  scoreboard_objective: /** 1.7 */ {
-    name: string;
-    displayText: string;
-    action: number;
-  } | /** 1.8 */ {
+  scoreboard_objective:/** 1.8 */ {
     name: string;
     action: number;
     displayText: any;
     type: any;
   };
-  scoreboard_score: /** 1.7 */ {
-    itemName: string;
-    action: number;
-    scoreName: any;
-    value: any;
-  } | /** 1.8 */ {
+  scoreboard_score:/** 1.8 */ {
     itemName: string;
     action: number;
     scoreName: string;
diff --git a/src/getCollisionInteractionShapes.ts b/src/getCollisionInteractionShapes.ts
new file mode 100644
index 00000000..9dead22b
--- /dev/null
+++ b/src/getCollisionInteractionShapes.ts
@@ -0,0 +1,17 @@
+import { getRenamedData } from 'flying-squid/dist/blockRenames'
+import outputInteractionShapesJson from './interactionShapesGenerated.json'
+import './getCollisionShapes'
+
+export default () => {
+  customEvents.on('gameLoaded', () => {
+    // todo also remap block states (e.g. redstone)!
+    const renamedBlocksInteraction = getRenamedData('blocks', Object.keys(outputInteractionShapesJson), '1.20.2', bot.version)
+    const interactionShapes = {
+      ...outputInteractionShapesJson,
+      ...Object.fromEntries(Object.entries(outputInteractionShapesJson).map(([block, shape], i) => [renamedBlocksInteraction[i], shape]))
+    }
+    interactionShapes[''] = interactionShapes['air']
+    // todo make earlier
+    window.interactionShapes = interactionShapes
+  })
+}
diff --git a/src/getCollisionShapes.ts b/src/getCollisionShapes.ts
index 4ee0e802..383adc0e 100644
--- a/src/getCollisionShapes.ts
+++ b/src/getCollisionShapes.ts
@@ -1,6 +1,5 @@
 import { getRenamedData } from 'flying-squid/dist/blockRenames'
 import collisionShapesInit from '../generated/latestBlockCollisionsShapes.json'
-import outputInteractionShapesJson from './interactionShapesGenerated.json'
 
 // defining globally to be used in loaded data, not sure of better workaround
 window.globalGetCollisionShapes = (version) => {
@@ -13,17 +12,3 @@ window.globalGetCollisionShapes = (version) => {
   }
   return collisionShapes
 }
-
-export default () => {
-  customEvents.on('gameLoaded', () => {
-    // todo also remap block states (e.g. redstone)!
-    const renamedBlocksInteraction = getRenamedData('blocks', Object.keys(outputInteractionShapesJson), '1.20.2', bot.version)
-    const interactionShapes = {
-      ...outputInteractionShapesJson,
-      ...Object.fromEntries(Object.entries(outputInteractionShapesJson).map(([block, shape], i) => [renamedBlocksInteraction[i], shape]))
-    }
-    interactionShapes[''] = interactionShapes['air']
-    // todo make earlier
-    window.interactionShapes = interactionShapes
-  })
-}
diff --git a/src/globalDomListeners.ts b/src/globalDomListeners.ts
index 866c9784..bfce0d42 100644
--- a/src/globalDomListeners.ts
+++ b/src/globalDomListeners.ts
@@ -1,6 +1,7 @@
 import { saveServer } from './flyingSquidUtils'
 import { isGameActive, activeModalStack } from './globalState'
 import { options } from './optionsStorage'
+import { isInRealGameSession } from './utils'
 
 window.addEventListener('unload', (e) => {
   if (!window.justReloaded) {
@@ -25,6 +26,7 @@ window.addEventListener('beforeunload', (event) => {
   if (!isGameActive(true) && activeModalStack.at(-1)?.elem?.id !== 'chat') return
   if (sessionStorage.lastReload && !options.preventDevReloadWhilePlaying) return
   if (!options.closeConfirmation) return
+  if (!isInRealGameSession()) return
 
   // For major browsers doning only this is enough
   event.preventDefault()
@@ -33,3 +35,12 @@ window.addEventListener('beforeunload', (event) => {
   event.returnValue = '' // Required for some browsers
   return 'The game is running. Are you sure you want to close this page?'
 })
+
+window.addEventListener('contextmenu', (e) => {
+  const ALLOW_TAGS = ['INPUT', 'TEXTAREA', 'A']
+  // allow if target is in ALLOW_TAGS or has selection text
+  if (ALLOW_TAGS.includes((e.target as HTMLElement)?.tagName) || window.getSelection()?.toString()) {
+    return
+  }
+  e.preventDefault()
+})
diff --git a/src/globalState.ts b/src/globalState.ts
index b7dc1602..b8982de7 100644
--- a/src/globalState.ts
+++ b/src/globalState.ts
@@ -1,12 +1,18 @@
 //@ts-check
 
 import { proxy, ref, subscribe } from 'valtio'
-import { pointerLock } from './utils'
+import type { WorldWarp } from 'flying-squid/dist/lib/modules/warps'
 import type { OptionsGroupType } from './optionsGuiScheme'
+import { options, disabledSettings } from './optionsStorage'
+import { AppConfig } from './appConfig'
 
 // todo: refactor structure with support of hideNext=false
 
-const notHideableModalsWithoutForce = new Set(['app-status'])
+export const notHideableModalsWithoutForce = new Set([
+  'app-status',
+  'divkit:nonclosable',
+  'only-connect-server',
+])
 
 type Modal = ({ elem?: HTMLElement & Record<string, any> } & { reactType: string })
 
@@ -25,45 +31,23 @@ export const activeModalStacks: Record<string, Modal[]> = {}
 
 window.activeModalStack = activeModalStack
 
-subscribe(activeModalStack, () => {
-  if (activeModalStack.length === 0) {
-    if (isGameActive(false)) {
-      void pointerLock.requestPointerLock()
-    }
-  } else {
-    document.exitPointerLock?.()
-  }
-})
-
-export const customDisplayManageKeyword = 'custom'
-
-const defaultModalActions = {
-  show (modal: Modal) {
-    if (modal.elem) modal.elem.style.display = 'block'
-  },
-  hide (modal: Modal) {
-    if (modal.elem) modal.elem.style.display = 'none'
-  }
-}
-
 /**
  * @returns true if operation was successful
  */
 const showModalInner = (modal: Modal) => {
   const cancel = modal.elem?.show?.()
-  if (cancel && cancel !== customDisplayManageKeyword) return false
-  if (cancel !== 'custom') defaultModalActions.show(modal)
   return true
 }
 
-export const showModal = (elem: /* (HTMLElement & Record<string, any>) |  */{ reactType: string }) => {
-  const resolved = elem
+export const showModal = (elem: /* (HTMLElement & Record<string, any>) |  */{ reactType: string } | string) => {
+  const resolved = typeof elem === 'string' ? { reactType: elem } : elem
   const curModal = activeModalStack.at(-1)
-  if (/* elem === curModal?.elem ||  */(elem.reactType && elem.reactType === curModal?.reactType) || !showModalInner(resolved)) return
-  if (curModal) defaultModalActions.hide(curModal)
+  if ((resolved.reactType && resolved.reactType === curModal?.reactType) || !showModalInner(resolved)) return
   activeModalStack.push(resolved)
 }
 
+window.showModal = showModal
+
 /**
  *
  * @returns true if previous modal was restored
@@ -71,21 +55,21 @@ export const showModal = (elem: /* (HTMLElement & Record<string, any>) |  */{ re
 export const hideModal = (modal = activeModalStack.at(-1), data: any = undefined, options: { force?: boolean; restorePrevious?: boolean } = {}) => {
   const { force = false, restorePrevious = true } = options
   if (!modal) return
-  let cancel
-  if (modal.elem) {
-    cancel = modal.elem.hide?.(data)
-  } else if (modal.reactType) {
-    cancel = notHideableModalsWithoutForce.has(modal.reactType) ? !force : undefined
-  }
-  if (force && cancel !== customDisplayManageKeyword) {
+  let cancel = [...notHideableModalsWithoutForce].some(m => modal.reactType.startsWith(m)) ? !force : undefined
+  if (force) {
     cancel = undefined
   }
 
-  if (!cancel || cancel === customDisplayManageKeyword) {
-    if (cancel !== customDisplayManageKeyword) defaultModalActions.hide(modal)
-    activeModalStack.pop()
+  if (!cancel) {
+    const lastModal = activeModalStack.at(-1)
+    for (let i = activeModalStack.length - 1; i >= 0; i--) {
+      if (activeModalStack[i].reactType === modal.reactType) {
+        activeModalStack.splice(i, 1)
+        break
+      }
+    }
     const newModal = activeModalStack.at(-1)
-    if (newModal && restorePrevious) {
+    if (newModal && lastModal !== newModal && restorePrevious) {
       // would be great to ignore cancel I guess?
       showModalInner(newModal)
     }
@@ -99,10 +83,21 @@ export const hideCurrentModal = (_data?, onHide?: () => void) => {
   }
 }
 
+export const hideAllModals = () => {
+  while (activeModalStack.length > 0) {
+    if (!hideModal()) break
+  }
+  return activeModalStack.length === 0
+}
+
 export const openOptionsMenu = (group: OptionsGroupType) => {
   showModal({ reactType: `options-${group}` })
 }
 
+subscribe(activeModalStack, () => {
+  document.body.style.setProperty('--has-modals-z', activeModalStack.length ? '-1' : null)
+})
+
 // ---
 
 export const currentContextMenu = proxy({ items: [] as ContextMenuItem[] | null, x: 0, y: 0 })
@@ -117,35 +112,27 @@ export const showContextmenu = (items: ContextMenuItem[], { clientX, clientY })
 
 // ---
 
-export type AppConfig = {
-  // defaultHost?: string
-  // defaultHostSave?: string
-  defaultProxy?: string
-  // defaultProxySave?: string
-  // defaultVersion?: string
-  promoteServers?: Array<{ ip, description, version?}>
-  mapsProvider?: string
-}
-
 export const miscUiState = proxy({
   currentDisplayQr: null as string | null,
   currentTouch: null as boolean | null,
-  serverIp: null as string | null,
-  username: '',
   hasErrors: false,
   singleplayer: false,
   flyingSquid: false,
   wanOpened: false,
+  wanOpening: false,
   /** wether game hud is shown (in playing state) */
   gameLoaded: false,
   showUI: true,
+  showDebugHud: false,
   loadedServerIndex: '',
   /** currently trying to load or loaded mc version, after all data is loaded */
   loadedDataVersion: null as string | null,
-  appLoaded: false,
+  fsReady: false,
+  singleplayerAvailable: false,
   usingGamepadInput: false,
   appConfig: null as AppConfig | null,
   displaySearchInput: false,
+  displayFullmap: false
 })
 
 export const isGameActive = (foregroundCheck: boolean) => {
@@ -160,8 +147,13 @@ export const gameAdditionalState = proxy({
   isFlying: false,
   isSprinting: false,
   isSneaking: false,
+  isZooming: false,
+  warps: [] as WorldWarp[],
+  noConnection: false,
+  poorConnection: false,
+  viewerConnection: false,
+
+  usingServerResourcePack: false,
 })
 
 window.gameAdditionalState = gameAdditionalState
-
-// todo restore auto-save on interval for player data! (or implement it in flying squid since there is already auto-save for world)
diff --git a/src/globals.d.ts b/src/globals.d.ts
index 05b29a14..7a2c6f1f 100644
--- a/src/globals.d.ts
+++ b/src/globals.d.ts
@@ -1,35 +1,56 @@
 /// <reference types="wicg-file-system-access" />
 
-declare const THREE: typeof import('three')
 // todo make optional
 declare const bot: Omit<import('mineflayer').Bot, 'world' | '_client'> & {
-    world: Omit<import('prismarine-world').world.WorldSync, 'getBlock'> & {
-        getBlock: (pos: import('vec3').Vec3) => import('prismarine-block').Block | null
-    }
-    _client: Omit<import('minecraft-protocol').Client, 'on'> & {
-        write: typeof import('./generatedClientPackets').clientWrite
-        on: typeof import('./generatedServerPackets').clientOn
-    }
+  world: Omit<import('prismarine-world').world.WorldSync, 'getBlock'> & {
+    getBlock: (pos: import('vec3').Vec3) => import('prismarine-block').Block | null
+  }
+  _client: Omit<import('minecraft-protocol').Client, 'on'> & {
+    write: typeof import('./generatedClientPackets').clientWrite
+    on: typeof import('./generatedServerPackets').clientOn
+  }
 }
 declare const __type_bot: typeof bot
-declare const viewer: import('prismarine-viewer/viewer/lib/viewer').Viewer
-declare const worldView: import('prismarine-viewer/viewer/lib/worldDataEmitter').WorldDataEmitter | undefined
+declare const appViewer: import('./appViewer').AppViewer
+declare const worldView: import('renderer/viewer/lib/worldDataEmitter').WorldDataEmitter | undefined
+declare const addStatPerSec: (name: string) => void
 declare const localServer: import('flying-squid/dist/index').FullServer & { options } | undefined
 /** all currently loaded mc data */
 declare const mcData: Record<string, any>
-declare const loadedData: import('minecraft-data').IndexedData
+declare const loadedData: import('minecraft-data').IndexedData & { sounds: Record<string, { id, name }> }
 declare const customEvents: import('typed-emitter').default<{
-    /** Singleplayer load requested */
-    singleplayer (): void
-    digStart ()
-    gameLoaded (): void
-    mineflayerBotCreated (): void
-    search (q: string): void
+  /** Singleplayer load requested */
+  singleplayer (): void
+  digStart (): void
+  gameLoaded (): void
+  mineflayerBotCreated (): void
+  search (q: string): void
+  activateItem (item: Item, slot: number, offhand: boolean): void
+  hurtAnimation (yaw?: number): void
+  customChannelRegister (channel: string, parser: any): void
 }>
 declare const beforeRenderFrame: Array<() => void>
+declare const translate: <T extends string | undefined>(key: T) => T
+
+// API LAYER
+declare const toggleMicrophoneMuted: undefined | (() => void)
+declare const translateText: undefined | ((text: string) => string)
 
 declare interface Document {
-    exitPointerLock?(): void
+  exitPointerLock?(): void
+}
+
+declare module '*.frag' {
+  const png: string
+  export default png
+}
+declare module '*.vert' {
+  const png: string
+  export default png
+}
+declare module '*.wgsl' {
+  const png: string
+  export default png
 }
 
 declare interface Window extends Record<string, any> { }
diff --git a/src/globals.js b/src/globals.js
index f9a1053c..11351555 100644
--- a/src/globals.js
+++ b/src/globals.js
@@ -1,9 +1,16 @@
 import EventEmitter from 'events'
 
+window.reportError = window.reportError ?? console.error
 window.bot = undefined
 window.THREE = undefined
 window.localServer = undefined
 window.worldView = undefined
-window.viewer = undefined
+window.viewer = undefined // legacy
+window.appViewer = undefined
 window.loadedData = undefined
 window.customEvents = new EventEmitter()
+window.customEvents.setMaxListeners(10_000)
+window.translate = (key) => {
+  if (typeof key !== 'string') return key
+  return window.translateText?.(key) ?? key
+}
diff --git a/src/googledrive.ts b/src/googledrive.ts
index 3846add3..5e5e9ae9 100644
--- a/src/googledrive.ts
+++ b/src/googledrive.ts
@@ -1,11 +1,11 @@
 import { GoogleOAuthProvider, useGoogleLogin } from '@react-oauth/google'
 import { proxy, ref, subscribe } from 'valtio'
 import React from 'react'
-import { loadScript } from 'prismarine-viewer/viewer/lib/utils'
+import { loadScript } from 'renderer/viewer/lib/utils'
 import { loadGoogleDriveApi, loadInMemorySave } from './react/SingleplayerProvider'
-import { setLoadingScreenStatus } from './utils'
-import { mountGoogleDriveFolder } from './browserfs'
+import { setLoadingScreenStatus } from './appStatus'
 import { showOptionsModal } from './react/SelectOption'
+import { appQueryParams } from './appParams'
 
 const CLIENT_ID = '137156026346-igv2gkjsj2hlid92rs3q7cjjnc77s132.apps.googleusercontent.com'
 // const CLIENT_ID = process.env.GOOGLE_CLIENT_ID
@@ -45,7 +45,7 @@ export const useGoogleLogIn = () => {
 }
 
 export const possiblyHandleStateVariable = async () => {
-  const stateParam = new URLSearchParams(window.location.search).get('state')
+  const stateParam = appQueryParams.state
   if (!stateParam) return
   setLoadingScreenStatus('Opening world in read only mode, waiting for login...')
   await loadGoogleDriveApi()
@@ -66,7 +66,7 @@ export const possiblyHandleStateVariable = async () => {
       }
       setLoadingScreenStatus('Opening world in read only mode...')
       googleProviderState.accessToken = response.access_token
-      await mountGoogleDriveFolder(true, parsed.ids[0])
+      // await mountGoogleDriveFolder(true, parsed.ids[0])
       await loadInMemorySave('/google')
     }
   })
diff --git a/src/importsWorkaround.js b/src/importsWorkaround.js
index 21bc4585..231654ca 100644
--- a/src/importsWorkaround.js
+++ b/src/importsWorkaround.js
@@ -1,4 +1,6 @@
 // workaround for mineflayer
+globalThis.window ??= globalThis
+globalThis.localStorage ??= {}
 process.versions.node = '18.0.0'
 
 if (!navigator.getGamepads) {
diff --git a/src/index.ts b/src/index.ts
index 72f270d4..7764188f 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,225 +1,140 @@
 /* eslint-disable import/order */
 import './importsWorkaround'
 import './styles.css'
+import './testCrasher'
 import './globals'
-import 'iconify-icon'
 import './devtools'
 import './entities'
+import customChannels from './customChannels'
 import './globalDomListeners'
-import initCollisionShapes from './getCollisionShapes'
-import { itemsAtlases, onGameLoad } from './inventoryWindows'
-import { supportedVersions } from 'minecraft-protocol'
-
-import 'core-js/features/array/at'
-import 'core-js/features/promise/with-resolvers'
+import './mineflayer/maps'
+import './mineflayer/cameraShake'
+import './shims/patchShims'
+import './mineflayer/java-tester/index'
+import './external'
+import './appConfig'
+import './mineflayer/timers'
+import './mineflayer/plugins'
+import { getServerInfo } from './mineflayer/mc-protocol'
+import { onGameLoad } from './inventoryWindows'
+import initCollisionShapes from './getCollisionInteractionShapes'
+import protocolMicrosoftAuth from 'minecraft-protocol/src/client/microsoftAuth'
+import microsoftAuthflow from './microsoftAuthflow'
+import { Duplex } from 'stream'
 
 import './scaleInterface'
-import itemsPng from 'prismarine-viewer/public/textures/items.png'
-import { initWithRenderer } from './topRightStats'
-import PrismarineBlock from 'prismarine-block'
-import PrismarineItem from 'prismarine-item'
 
-import { options, watchValue } from './optionsStorage'
-import './reactUi.jsx'
-import { contro, onBotCreate } from './controls'
+import { options } from './optionsStorage'
+import './reactUi'
+import { lockUrl, onBotCreate } from './controls'
 import './dragndrop'
-import { possiblyCleanHandle, resetStateAfterDisconnect } from './browserfs'
-import { watchOptionsAfterViewerInit } from './watchOptions'
-import downloadAndOpenFile from './downloadAndOpenFile'
+import { possiblyCleanHandle } from './browserfs'
+import downloadAndOpenFile, { isInterestedInDownload } from './downloadAndOpenFile'
 
 import fs from 'fs'
-import net from 'net'
+import net, { Socket } from 'net'
 import mineflayer from 'mineflayer'
-import { WorldDataEmitter, Viewer } from 'prismarine-viewer/viewer'
-import pathfinder from 'mineflayer-pathfinder'
-import { Vec3 } from 'vec3'
 
-import worldInteractions from './worldInteractions'
-
-import * as THREE from 'three'
-import MinecraftData, { versionsByMinecraftVersion } from 'minecraft-data'
 import debug from 'debug'
 import { defaultsDeep } from 'lodash-es'
+import initializePacketsReplay from './packetsReplay/packetsReplayLegacy'
 
-import { initVR } from './vr'
 import {
-  AppConfig,
   activeModalStack,
   activeModalStacks,
   hideModal,
   insertActiveModalStack,
   isGameActive,
   miscUiState,
-  showModal
+  showModal,
+  gameAdditionalState,
 } from './globalState'
 
-
-import {
-  pointerLock,
-  toMajorVersion,
-  setLoadingScreenStatus
-} from './utils'
+import { parseServerAddress } from './parseServerAddress'
+import { setLoadingScreenStatus } from './appStatus'
 import { isCypress } from './standaloneUtils'
 
-import {
-  removePanorama
-} from './panorama'
-
 import { startLocalServer, unsupportedLocalServerFeatures } from './createLocalServer'
 import defaultServerOptions from './defaultLocalServerOptions'
-import dayCycle from './dayCycle'
 
-import { genTexturePackTextures, watchTexturepackInViewer } from './texturePack'
-import { connectToPeer } from './localServerMultiplayer'
+import { onAppLoad, resourcepackReload, resourcePackState } from './resourcePack'
+import { ConnectPeerOptions, connectToPeer } from './localServerMultiplayer'
 import CustomChannelClient from './customClient'
-import { loadScript } from 'prismarine-viewer/viewer/lib/utils'
 import { registerServiceWorker } from './serviceWorker'
-import { appStatusState, lastConnectOptions } from './react/AppStatusProvider'
+import { appStatusState, lastConnectOptions, quickDevReconnect } from './react/AppStatusProvider'
 
 import { fsState } from './loadSave'
 import { watchFov } from './rendererUtils'
 import { loadInMemorySave } from './react/SingleplayerProvider'
 
-import { downloadSoundsIfNeeded, earlyCheck as earlySoundsMapCheck } from './soundSystem'
-import { ua } from './react/utils'
-import { handleMovementStickDelta, joystickPointer } from './react/TouchAreasControls'
 import { possiblyHandleStateVariable } from './googledrive'
 import flyingSquidEvents from './flyingSquidEvents'
-import { hideNotification, notificationProxy, showNotification } from './react/NotificationProvider'
+import { showNotification } from './react/NotificationProvider'
 import { saveToBrowserMemory } from './react/PauseScreen'
-import { ViewerWrapper } from 'prismarine-viewer/viewer/lib/viewerWrapper'
 import './devReload'
 import './water'
-import { ConnectOptions } from './connect'
-import { subscribe } from 'valtio'
+import { ConnectOptions, getVersionAutoSelect, downloadOtherGameData, downloadAllMinecraftData, loadMinecraftData } from './connect'
+import { ref, subscribe } from 'valtio'
+import { signInMessageState } from './react/SignInMessageProvider'
+import { findServerPassword, updateAuthenticatedAccountData, updateLoadedServerData, updateServerConnectionHistory } from './react/serversStorage'
+import { mainMenuState } from './react/MainMenuRenderApp'
+import './mobileShim'
+import { parseFormattedMessagePacket } from './botUtils'
+import { appStartup } from './clientMods'
+import { getViewerVersionData, getWsProtocolStream, onBotCreatedViewerHandler } from './viewerConnector'
+import { getWebsocketStream } from './mineflayer/websocket-core'
+import { appQueryParams, appQueryParamsArray } from './appParams'
+import { playerState } from './mineflayer/playerState'
+import { states } from 'minecraft-protocol'
+import { initMotionTracking } from './react/uiMotion'
+import { UserError } from './mineflayer/userError'
+import { startLocalReplayServer } from './packetsReplay/replayPackets'
+import { createFullScreenProgressReporter, createWrappedProgressReporter, ProgressReporter } from './core/progressReporter'
+import { appViewer } from './appViewer'
+import './appViewerLoad'
+import { registerOpenBenchmarkListener } from './benchmark'
+import { tryHandleBuiltinCommand } from './builtinCommands'
+import { loadingTimerState } from './react/LoadingTimer'
+import { loadPluginsIntoWorld } from './react/CreateWorldProvider'
+import { getCurrentProxy, getCurrentUsername } from './react/ServersList'
 
 window.debug = debug
-window.THREE = THREE
-window.worldInteractions = worldInteractions
 window.beforeRenderFrame = []
 
 // ACTUAL CODE
 
-void registerServiceWorker()
+void registerServiceWorker().then(() => {
+  mainMenuState.serviceWorkerLoaded = true
+})
 watchFov()
 initCollisionShapes()
+initializePacketsReplay()
+onAppLoad()
+customChannels()
 
-// Create three.js context, add to page
-let renderer: THREE.WebGLRenderer
-try {
-  renderer = new THREE.WebGLRenderer({
-    powerPreference: options.gpuPreference,
-    preserveDrawingBuffer: true,
-    logarithmicDepthBuffer: true,
-  })
-} catch (err) {
-  console.error(err)
-  throw new Error(`Failed to create WebGL context, not possible to render (restart browser): ${err.message}`)
-}
-
-// renderer.localClippingEnabled = true
-initWithRenderer(renderer.domElement)
-const renderWrapper = new ViewerWrapper(renderer.domElement, renderer)
-renderWrapper.addToPage()
-watchValue(options, (o) => {
-  renderWrapper.renderInterval = o.frameLimit ? 1000 / o.frameLimit : 0
-  renderWrapper.renderIntervalUnfocused = o.backgroundRendering === '5fps' ? 1000 / 5 : o.backgroundRendering === '20fps' ? 1000 / 20 : undefined
-})
-
-const isFirefox = ua.getBrowser().name === 'Firefox'
-if (isFirefox) {
-  // set custom property
-  document.body.style.setProperty('--thin-if-firefox', 'thin')
-}
-
-const isIphone = ua.getDevice().model === 'iPhone' // todo ipad?
-
-if (isIphone) {
-  document.documentElement.style.setProperty('--hud-bottom-max', '21px') // env-safe-aria-inset-bottom
-}
-
-// Create viewer
-const viewer: import('prismarine-viewer/viewer/lib/viewer').Viewer = new Viewer(renderer)
-window.viewer = viewer
-new THREE.TextureLoader().load(itemsPng, (texture) => {
-  viewer.entities.itemsTexture = texture
-  // todo unify
-  viewer.entities.getItemUv = (id) => {
-    try {
-      const name = loadedData.items[id]?.name
-      const uv = itemsAtlases.latest.textures[name]
-      if (!uv) {
-        const variant = viewer.world.downloadedBlockStatesData[name]?.variants?.['']
-        if (!variant) return
-        const faces = (Array.isArray(variant) ? variant[0] : variant).model?.elements?.[0]?.faces
-        const uvBlock = faces?.north?.texture ?? faces?.up?.texture ?? faces?.down?.texture ?? faces?.west?.texture ?? faces?.east?.texture ?? faces?.south?.texture
-        if (!uvBlock) return
-        return {
-          ...uvBlock,
-          size: Math.abs(uvBlock.su),
-          texture: viewer.world.material.map
-        }
-      }
-      return {
-        ...uv,
-        size: itemsAtlases.latest.size,
-        texture: viewer.entities.itemsTexture
-      }
-    } catch (err) {
-      reportError?.(err)
-      return {
-        u: 0,
-        v: 0,
-        size: 16 / viewer.world.material.map!.image.width,
-        texture: viewer.world.material.map
-      }
-    }
-  }
-})
-viewer.entities.entitiesOptions = {
-  fontFamily: 'mojangles'
-}
-watchOptionsAfterViewerInit()
-watchTexturepackInViewer(viewer)
-
-let mouseMovePostHandle = (e) => { }
-let lastMouseMove: number
-const updateCursor = () => {
-  worldInteractions.update()
-}
-function onCameraMove (e) {
-  if (e.type !== 'touchmove' && !pointerLock.hasPointerLock) return
-  e.stopPropagation?.()
-  const now = performance.now()
-  // todo: limit camera movement for now to avoid unexpected jumps
-  if (now - lastMouseMove < 4) return
-  lastMouseMove = now
-  let { mouseSensX, mouseSensY } = options
-  if (mouseSensY === -1) mouseSensY = mouseSensX
-  mouseMovePostHandle({
-    x: e.movementX * mouseSensX * 0.0001,
-    y: e.movementY * mouseSensY * 0.0001
-  })
-  updateCursor()
-}
-window.addEventListener('mousemove', onCameraMove, { capture: true })
-contro.on('stickMovement', ({ stick, vector }) => {
-  if (!isGameActive(true)) return
-  if (stick !== 'right') return
-  let { x, z } = vector
-  if (Math.abs(x) < 0.18) x = 0
-  if (Math.abs(z) < 0.18) z = 0
-  onCameraMove({ movementX: x * 10, movementY: z * 10, type: 'touchmove' })
-  miscUiState.usingGamepadInput = true
-})
+if (appQueryParams.testCrashApp === '2') throw new Error('test')
 
 function hideCurrentScreens () {
   activeModalStacks['main-menu'] = [...activeModalStack]
   insertActiveModalStack('', [])
 }
 
-const loadSingleplayer = (serverOverrides = {}, flattenedServerOverrides = {}) => {
-  void connect({ singleplayer: true, username: options.localUsername, password: '', serverOverrides, serverOverridesFlat: flattenedServerOverrides })
+const loadSingleplayer = (serverOverrides = {}, flattenedServerOverrides = {}, connectOptions?: Partial<ConnectOptions>) => {
+  const serverSettingsQsRaw = appQueryParamsArray.serverSetting ?? []
+  const serverSettingsQs = serverSettingsQsRaw.map(x => x.split(':')).reduce<Record<string, string>>((acc, [key, value]) => {
+    acc[key] = JSON.parse(value)
+    return acc
+  }, {})
+  void connect({
+    singleplayer: true,
+    username: options.localUsername,
+    serverOverrides,
+    serverOverridesFlat: {
+      ...flattenedServerOverrides,
+      ...serverSettingsQs
+    },
+    ...connectOptions
+  })
 }
 function listenGlobalEvents () {
   window.addEventListener('connect', e => {
@@ -227,84 +142,109 @@ function listenGlobalEvents () {
     void connect(options)
   })
   window.addEventListener('singleplayer', (e) => {
-    loadSingleplayer((e as CustomEvent).detail)
+    const { detail } = (e as CustomEvent)
+    const { connectOptions, ...rest } = detail
+    loadSingleplayer(rest, {}, connectOptions)
   })
 }
 
-let listeners = [] as Array<{ target, event, callback }>
-let cleanupFunctions = [] as Array<() => void>
-// only for dom listeners (no removeAllListeners)
-// todo refactor them out of connect fn instead
-const registerListener: import('./utilsTs').RegisterListener = (target, event, callback) => {
-  target.addEventListener(event, callback)
-  listeners.push({ target, event, callback })
-}
-const removeAllListeners = () => {
-  for (const { target, event, callback } of listeners) {
-    target.removeEventListener(event, callback)
-  }
-  for (const cleanupFunction of cleanupFunctions) {
-    cleanupFunction()
-  }
-  cleanupFunctions = []
-  listeners = []
-}
-
-const cleanConnectIp = (host: string | undefined, defaultPort: string | undefined) => {
-  const hostPort = host && /:\d+$/.exec(host)
-  if (hostPort) {
-    return {
-      host: host.slice(0, -hostPort[0].length),
-      port: hostPort[0].slice(1)
-    }
-  } else {
-    return { host, port: defaultPort }
-  }
-}
-
-async function connect (connectOptions: ConnectOptions) {
+export async function connect (connectOptions: ConnectOptions) {
   if (miscUiState.gameLoaded) return
+
+  if (sessionStorage.delayLoadUntilFocus) {
+    await new Promise(resolve => {
+      if (document.hasFocus()) {
+        resolve(undefined)
+      } else {
+        window.addEventListener('focus', resolve)
+      }
+    })
+  }
+  if (sessionStorage.delayLoadUntilClick) {
+    await new Promise(resolve => {
+      window.addEventListener('click', resolve)
+    })
+  }
+
+  appStatusState.showReconnect = false
+  loadingTimerState.loading = true
+  loadingTimerState.start = Date.now()
   miscUiState.hasErrors = false
   lastConnectOptions.value = connectOptions
-  removePanorama()
 
   const { singleplayer } = connectOptions
   const p2pMultiplayer = !!connectOptions.peerId
   miscUiState.singleplayer = singleplayer
   miscUiState.flyingSquid = singleplayer || p2pMultiplayer
-  const { renderDistance: renderDistanceSingleplayer, multiplayerRenderDistance } = options
-  const server = cleanConnectIp(connectOptions.server, '25565')
-  const proxy = cleanConnectIp(connectOptions.proxy, undefined)
-  const { username, password } = connectOptions
 
-  console.log(`connecting to ${server.host}:${server.port} with ${username}`)
+  // Track server connection in history
+  if (!singleplayer && !p2pMultiplayer && connectOptions.server && connectOptions.saveServerToHistory !== false) {
+    const parsedServer = parseServerAddress(connectOptions.server)
+    updateServerConnectionHistory(parsedServer.host, connectOptions.botVersion)
+  }
+
+  const { renderDistance: renderDistanceSingleplayer, multiplayerRenderDistance } = options
+
+  const parsedServer = parseServerAddress(connectOptions.server)
+  const server = { host: parsedServer.host, port: parsedServer.port }
+  if (connectOptions.proxy?.startsWith(':')) {
+    connectOptions.proxy = `${location.protocol}//${location.hostname}${connectOptions.proxy}`
+  }
+  if (connectOptions.proxy && location.port !== '80' && location.port !== '443' && !/:\d+$/.test(connectOptions.proxy)) {
+    const https = connectOptions.proxy.startsWith('https://') || location.protocol === 'https:'
+    connectOptions.proxy = `${connectOptions.proxy}:${https ? 443 : 80}`
+  }
+  const parsedProxy = parseServerAddress(connectOptions.proxy, false)
+  const proxy = { host: parsedProxy.host, port: parsedProxy.port }
+  let { username } = connectOptions
+
+  if (connectOptions.server) {
+    console.log(`connecting to ${server.host}:${server.port ?? 25_565}`)
+  }
+  console.log('using player username', username)
 
   hideCurrentScreens()
-  setLoadingScreenStatus('Logging in')
+  const progress = createFullScreenProgressReporter()
+  const loggingInMsg = connectOptions.server ? 'Connecting to server' : 'Logging in'
+  progress.beginStage('connect', loggingInMsg)
 
   let ended = false
   let bot!: typeof __type_bot
-  const destroyAll = () => {
+  let hadConnected = false
+  const destroyAll = (wasKicked = false) => {
     if (ended) return
+    loadingTimerState.loading = false
+    const { alwaysReconnect } = appQueryParams
+    if ((!wasKicked && miscUiState.appConfig?.allowAutoConnect && appQueryParams.autoConnect && hadConnected) || (alwaysReconnect)) {
+      if (alwaysReconnect === 'quick' || alwaysReconnect === 'fast') {
+        quickDevReconnect()
+      } else {
+        location.reload()
+      }
+    }
+    errorAbortController.abort()
     ended = true
-    viewer.resetAll()
+    progress.end()
+    // dont reset viewer so we can still do debugging
     localServer = window.localServer = window.server = undefined
+    gameAdditionalState.viewerConnection = false
 
-    renderWrapper.postRender = () => { }
     if (bot) {
       bot.end()
       // ensure mineflayer plugins receive this event for cleanup
       bot.emit('end', '')
       bot.removeAllListeners()
       bot._client.removeAllListeners()
-      //@ts-expect-error TODO?
-      bot._client = undefined
+      bot._client = {
+        //@ts-expect-error
+        write (packetName) {
+          console.warn('Tried to write packet', packetName, 'after bot was destroyed')
+        }
+      }
       //@ts-expect-error
       window.bot = bot = undefined
     }
-    resetStateAfterDisconnect()
     cleanFs()
-    removeAllListeners()
   }
   const cleanFs = () => {
     if (singleplayer && !fsState.inMemorySave) {
@@ -315,23 +255,30 @@ async function connect (connectOptions: ConnectOptions) {
   }
   let lastPacket = undefined as string | undefined
   const onPossibleErrorDisconnect = () => {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
-    if (lastPacket && bot?._client && bot._client.state !== 'play') {
+    if (lastPacket && bot?._client && bot._client.state !== states.PLAY) {
       appStatusState.descriptionHint = `Last Server Packet: ${lastPacket}`
     }
   }
   const handleError = (err) => {
     console.error(err)
-    errorAbortController.abort()
+    if (err === 'ResizeObserver loop completed with undelivered notifications.') {
+      return
+    }
     if (isCypress()) throw err
     miscUiState.hasErrors = true
     if (miscUiState.gameLoaded) return
+    // close all modals
+    for (const modal of activeModalStack) {
+      hideModal(modal)
+    }
 
     setLoadingScreenStatus(`Error encountered. ${err}`, true)
+    appStatusState.showReconnect = true
     onPossibleErrorDisconnect()
     destroyAll()
   }
 
+  // todo(hard): remove it!
   const errorAbortController = new AbortController()
   window.addEventListener('unhandledrejection', (e) => {
     if (e.reason.name === 'ServerPluginLoadFailure') {
@@ -339,6 +286,10 @@ async function connect (connectOptions: ConnectOptions) {
         return
       }
     }
+    if (e.reason?.stack?.includes('chrome-extension://')) {
+      // ignore issues caused by chrome extension
+      return
+    }
     handleError(e.reason)
   }, {
     signal: errorAbortController.signal
@@ -349,47 +300,89 @@ async function connect (connectOptions: ConnectOptions) {
     signal: errorAbortController.signal
   })
 
-  if (proxy) {
-    console.log(`using proxy ${proxy.host}:${proxy.port || location.port}`)
+  let clientDataStream: Duplex | undefined
 
-    net['setProxy']({ hostname: proxy.host, port: proxy.port })
+  if (connectOptions.server && !connectOptions.viewerWsConnect && !parsedServer.isWebSocket) {
+    console.log(`using proxy ${proxy.host}:${proxy.port || location.port}`)
+    net['setProxy']({ hostname: proxy.host, port: proxy.port, headers: { Authorization: `Bearer ${new URLSearchParams(location.search).get('token') ?? ''}` }, artificialDelay: appQueryParams.addPing ? Number(appQueryParams.addPing) : undefined })
   }
 
   const renderDistance = singleplayer ? renderDistanceSingleplayer : multiplayerRenderDistance
+  let updateDataAfterJoin = () => { }
   let localServer
+  let localReplaySession: ReturnType<typeof startLocalReplayServer> | undefined
+  let lastKnownKickReason = undefined as string | undefined
   try {
     const serverOptions = defaultsDeep({}, connectOptions.serverOverrides ?? {}, options.localServerOptions, defaultServerOptions)
     Object.assign(serverOptions, connectOptions.serverOverridesFlat ?? {})
-    const downloadMcData = async (version: string) => {
-      // todo expose cache
-      const lastVersion = supportedVersions.at(-1)
-      if (version === lastVersion) {
-        // ignore cache hit
-        versionsByMinecraftVersion.pc[lastVersion]!['dataVersion']!++
-      }
-      if (!document.fonts.check('1em mojangles')) {
-        // todo instead re-render signs on load
-        await document.fonts.load('1em mojangles').catch(() => { })
-      }
-      setLoadingScreenStatus(`Downloading data for ${version}`)
-      await downloadSoundsIfNeeded()
-      await loadScript(`./mc-data/${toMajorVersion(version)}.js`)
-      miscUiState.loadedDataVersion = version
-      try {
-        await genTexturePackTextures(version)
-      } catch (err) {
-        console.error(err)
-        const doContinue = confirm('Failed to apply texture pack. See errors in the console. Continue?')
-        if (!doContinue) {
-          throw err
+
+    await progress.executeWithMessage('Downloading Minecraft data', 'download-mcdata', async () => {
+      loadingTimerState.networkOnlyStart = Date.now()
+
+      let downloadingAssets = [] as string[]
+      const reportAssetDownload = (asset: string, isDone: boolean) => {
+        if (isDone) {
+          downloadingAssets = downloadingAssets.filter(a => a !== asset)
+        } else {
+          downloadingAssets.push(asset)
         }
+        progress.setSubStage('download-mcdata', `(${downloadingAssets.join(', ')})`)
       }
-      viewer.setVersion(version)
+
+      await Promise.all([
+        downloadAllMinecraftData(reportAssetDownload),
+        downloadOtherGameData(reportAssetDownload)
+      ])
+      loadingTimerState.networkOnlyStart = 0
+    })
+
+    let dataDownloaded = false
+    const downloadMcData = async (version: string) => {
+      if (dataDownloaded) return
+      dataDownloaded = true
+      appViewer.resourcesManager.currentConfig = { version, texturesVersion: options.useVersionsTextures || undefined }
+
+      await progress.executeWithMessage(
+        'Processing downloaded Minecraft data',
+        async () => {
+          await loadMinecraftData(version)
+          await appViewer.resourcesManager.loadSourceData(version)
+        }
+      )
+
+      await progress.executeWithMessage(
+        'Applying user-installed resource pack',
+        async () => {
+          try {
+            await resourcepackReload(true)
+          } catch (err) {
+            console.error(err)
+            const doContinue = confirm('Failed to apply texture pack. See errors in the console. Continue?')
+            if (!doContinue) {
+              throw err
+            }
+          }
+        }
+      )
+
+      await progress.executeWithMessage(
+        'Preparing textures',
+        async () => {
+          await appViewer.resourcesManager.updateAssetsData({})
+        }
+      )
     }
 
-    const downloadVersion = connectOptions.botVersion || (singleplayer ? serverOptions.version : undefined)
-    if (downloadVersion) {
-      await downloadMcData(downloadVersion)
+    let finalVersion = connectOptions.botVersion || (singleplayer ? serverOptions.version : undefined)
+
+    if (connectOptions.worldStateFileContents) {
+      try {
+        localReplaySession = startLocalReplayServer(connectOptions.worldStateFileContents)
+      } catch (err) {
+        console.error(err)
+        throw new UserError(`Failed to start local replay server: ${err}`)
+      }
+      finalVersion = localReplaySession.version
     }
 
     if (singleplayer) {
@@ -404,43 +397,127 @@ async function connect (connectOptions: ConnectOptions) {
       // Client (class) of flying-squid (in server/login.js of mc-protocol): onLogin handler: skip most logic & go to loginClient() which assigns uuid and sends 'success' back to client (onLogin handler) and emits 'login' on the server (login.js in flying-squid handler)
       // flying-squid: 'login' -> player.login -> now sends 'login' event to the client (handled in many plugins in mineflayer) -> then 'update_health' is sent which emits 'spawn' in mineflayer
 
-      setLoadingScreenStatus('Starting local server')
+      const serverPlugins = new URLSearchParams(location.search).getAll('serverPlugin')
+      if (serverPlugins.length > 0 && !serverOptions.worldFolder) {
+        console.log('Placing server plugins', serverPlugins)
+
+        serverOptions.worldFolder ??= '/temp'
+        await loadPluginsIntoWorld('/temp', serverPlugins)
+
+        console.log('Server plugins placed')
+      }
+
       localServer = window.localServer = window.server = startLocalServer(serverOptions)
+      connectOptions?.connectEvents?.serverCreated?.()
       // todo need just to call quit if started
       // loadingScreen.maybeRecoverable = false
       // init world, todo: do it for any async plugins
       if (!localServer.pluginsReady) {
-        await new Promise(resolve => {
-          localServer.once('pluginsReady', resolve)
-        })
+        await progress.executeWithMessage(
+          'Starting local server',
+          async () => {
+            await new Promise(resolve => {
+              localServer.once('pluginsReady', resolve)
+            })
+          }
+        )
       }
 
       localServer.on('newPlayer', (player) => {
-        // it's you!
         player.on('loadingStatus', (newStatus) => {
-          setLoadingScreenStatus(newStatus, false, false, true)
+          progress.setMessage(newStatus)
         })
       })
       flyingSquidEvents()
     }
 
+    if (connectOptions.authenticatedAccount) username = 'you'
     let initialLoadingText: string
     if (singleplayer) {
       initialLoadingText = 'Local server is still starting'
     } else if (p2pMultiplayer) {
       initialLoadingText = 'Connecting to peer'
+    } else if (connectOptions.server) {
+      if (!finalVersion) {
+        const versionAutoSelect = getVersionAutoSelect()
+        const wrapped = createWrappedProgressReporter(progress, `Fetching server version. Preffered: ${versionAutoSelect}`)
+        loadingTimerState.networkOnlyStart = Date.now()
+        const autoVersionSelect = await getServerInfo(server.host, server.port ? Number(server.port) : undefined, versionAutoSelect)
+        wrapped.end()
+        finalVersion = autoVersionSelect.version
+      }
+      initialLoadingText = `Connecting to server ${server.host}:${server.port ?? 25_565} with version ${finalVersion}`
+    } else if (connectOptions.viewerWsConnect) {
+      initialLoadingText = `Connecting to Mineflayer WebSocket server ${connectOptions.viewerWsConnect}`
+    } else if (connectOptions.worldStateFileContents) {
+      initialLoadingText = `Loading local replay server`
     } else {
-      initialLoadingText = 'Connecting to server'
+      initialLoadingText = 'We have no idea what to do'
     }
-    setLoadingScreenStatus(initialLoadingText)
+    progress.setMessage(initialLoadingText)
+
+    if (parsedServer.isWebSocket) {
+      loadingTimerState.networkOnlyStart = Date.now()
+      clientDataStream = (await getWebsocketStream(server.host)).mineflayerStream
+    }
+
+    let newTokensCacheResult = null as any
+    const cachedTokens = typeof connectOptions.authenticatedAccount === 'object' ? connectOptions.authenticatedAccount.cachedTokens : {}
+    let authData: Awaited<ReturnType<typeof microsoftAuthflow>> | undefined
+    if (connectOptions.authenticatedAccount) {
+      authData = await microsoftAuthflow({
+        tokenCaches: cachedTokens,
+        proxyBaseUrl: connectOptions.proxy,
+        setProgressText (text) {
+          progress.setMessage(text)
+        },
+        setCacheResult (result) {
+          newTokensCacheResult = result
+        },
+        connectingServer: server.host
+      })
+    }
+
+    if (p2pMultiplayer) {
+      clientDataStream = await connectToPeer(connectOptions.peerId!, connectOptions.peerOptions)
+    }
+    if (connectOptions.viewerWsConnect) {
+      const { version, time, requiresPass } = await getViewerVersionData(connectOptions.viewerWsConnect)
+      let password
+      if (requiresPass) {
+        password = prompt('Enter password')
+        if (!password) {
+          throw new UserError('Password is required')
+        }
+      }
+      console.log('Latency:', Date.now() - time, 'ms')
+      // const version = '1.21.1'
+      finalVersion = version
+      await downloadMcData(version)
+      setLoadingScreenStatus(`Connecting to WebSocket server ${connectOptions.viewerWsConnect}`)
+      clientDataStream = (await getWsProtocolStream(connectOptions.viewerWsConnect)).clientDuplex
+      if (password) {
+        clientDataStream.write(password)
+      }
+      gameAdditionalState.viewerConnection = true
+    }
+
+    if (finalVersion) {
+      // ensure data is downloaded
+      loadingTimerState.networkOnlyStart ??= Date.now()
+      await downloadMcData(finalVersion)
+    }
+
+    const brand = clientDataStream ? 'minecraft-web-client' : undefined
     bot = mineflayer.createBot({
       host: server.host,
       port: server.port ? +server.port : undefined,
-      version: connectOptions.botVersion || false,
-      ...p2pMultiplayer ? {
-        stream: await connectToPeer(connectOptions.peerId!),
+      brand,
+      version: finalVersion || false,
+      ...clientDataStream ? {
+        stream: clientDataStream as any,
       } : {},
-      ...singleplayer || p2pMultiplayer ? {
+      ...singleplayer || p2pMultiplayer || localReplaySession ? {
         keepAlive: false,
       } : {},
       ...singleplayer ? {
@@ -448,40 +525,104 @@ async function connect (connectOptions: ConnectOptions) {
         connect () { },
         Client: CustomChannelClient as any,
       } : {},
+      ...localReplaySession ? {
+        connect () { },
+        Client: CustomChannelClient as any,
+      } : {},
+      onMsaCode (data) {
+        signInMessageState.code = data.user_code
+        signInMessageState.link = data.verification_uri
+        signInMessageState.expiresOn = Date.now() + data.expires_in * 1000
+      },
+      sessionServer: authData?.sessionEndpoint?.toString(),
+      auth: connectOptions.authenticatedAccount ? async (client, options) => {
+        authData!.setOnMsaCodeCallback(options.onMsaCode)
+        authData?.setConnectingVersion(client.version)
+        //@ts-expect-error
+        client.authflow = authData!.authFlow
+        try {
+          signInMessageState.abortController = ref(new AbortController())
+          await Promise.race([
+            protocolMicrosoftAuth.authenticate(client, options),
+            new Promise((_r, reject) => {
+              signInMessageState.abortController.signal.addEventListener('abort', () => {
+                reject(new UserError('Aborted by user'))
+              })
+            })
+          ])
+          if (signInMessageState.shouldSaveToken) {
+            updateAuthenticatedAccountData(accounts => {
+              const existingAccount = accounts.find(a => a.username === client.username)
+              if (existingAccount) {
+                existingAccount.cachedTokens = { ...existingAccount.cachedTokens, ...newTokensCacheResult }
+              } else {
+                accounts.push({
+                  username: client.username,
+                  cachedTokens: { ...cachedTokens, ...newTokensCacheResult }
+                })
+              }
+              return accounts
+            })
+            updateDataAfterJoin = () => {
+              updateLoadedServerData(s => ({ ...s, authenticatedAccountOverride: client.username }), connectOptions.serverIndex)
+            }
+          } else {
+            updateDataAfterJoin = () => {
+              updateLoadedServerData(s => ({ ...s, authenticatedAccountOverride: undefined }), connectOptions.serverIndex)
+            }
+          }
+          setLoadingScreenStatus('Authentication successful. Logging in to server')
+        } finally {
+          signInMessageState.code = ''
+        }
+      } : undefined,
       username,
-      password,
       viewDistance: renderDistance,
       checkTimeoutInterval: 240 * 1000,
       // noPongTimeout: 240 * 1000,
       closeTimeout: 240 * 1000,
       respawn: options.autoRespawn,
       maxCatchupTicks: 0,
-      async versionSelectedHook (client) {
-        await downloadMcData(client.version)
-        setLoadingScreenStatus(initialLoadingText)
-      },
       'mapDownloader-saveToFile': false,
       // "mapDownloader-saveInternal": false, // do not save into memory, todo must be implemeneted as we do really care of ram
     }) as unknown as typeof __type_bot
     window.bot = bot
-    earlySoundsMapCheck()
+
+    if (connectOptions.viewerWsConnect) {
+      void onBotCreatedViewerHandler()
+    }
     customEvents.emit('mineflayerBotCreated')
-    if (singleplayer || p2pMultiplayer) {
-      // in case of p2pMultiplayer there is still flying-squid on the host side
-      const _supportFeature = bot.supportFeature
-      bot.supportFeature = ((feature) => {
-        if (unsupportedLocalServerFeatures.includes(feature)) {
-          return false
-        }
-        return _supportFeature(feature)
-      }) as typeof bot.supportFeature
+    if (singleplayer || p2pMultiplayer || localReplaySession) {
+      if (singleplayer || p2pMultiplayer) {
+        // in case of p2pMultiplayer there is still flying-squid on the host side
+        const _supportFeature = bot.supportFeature
+        bot.supportFeature = ((feature) => {
+          if (unsupportedLocalServerFeatures.includes(feature)) {
+            return false
+          }
+          return _supportFeature(feature)
+        }) as typeof bot.supportFeature
+      }
 
       bot.emit('inject_allowed')
       bot._client.emit('connect')
+    } else if (clientDataStream) {
+      // bot.emit('inject_allowed')
+      bot._client.emit('connect')
     } else {
       const setupConnectHandlers = () => {
+        Socket.prototype['handleStringMessage'] = function (message: string) {
+          if (message.startsWith('proxy-message') || message.startsWith('proxy-command:')) { // for future
+            return false
+          }
+          if (message.startsWith('proxy-shutdown:')) {
+            lastKnownKickReason = message.slice('proxy-shutdown:'.length)
+            return false
+          }
+          return true
+        }
         bot._client.socket.on('connect', () => {
-          console.log('WebSocket connection established')
+          console.log('Proxy WebSocket connection established')
           //@ts-expect-error
           bot._client.socket._ws.addEventListener('close', () => {
             console.log('WebSocket connection closed')
@@ -499,22 +640,6 @@ async function connect (connectOptions: ConnectOptions) {
             })
           })
         })
-        let i = 0
-        //@ts-expect-error
-        bot.pingProxy = async () => {
-          const curI = ++i
-          return new Promise(resolve => {
-            //@ts-expect-error
-            bot._client.socket._ws.send(`ping:${curI}`)
-            const date = Date.now()
-            const onPong = (received) => {
-              if (received !== curI.toString()) return
-              bot._client.socket.off('pong' as any, onPong)
-              resolve(Date.now() - date)
-            }
-            bot._client.socket.on('pong' as any, onPong)
-          })
-        }
       }
       // socket setup actually can be delayed because of dns lookup
       if (bot._client.socket) {
@@ -522,6 +647,7 @@ async function connect (connectOptions: ConnectOptions) {
       } else {
         const originalSetSocket = bot._client.setSocket.bind(bot._client)
         bot._client.setSocket = (socket) => {
+          if (!bot) return
           originalSetSocket(socket)
           setupConnectHandlers()
         }
@@ -533,7 +659,7 @@ async function connect (connectOptions: ConnectOptions) {
   }
   if (!bot) return
 
-  const p2pConnectTimeout = p2pMultiplayer ? setTimeout(() => { throw new Error('Spawn timeout. There might be error on the other side, check console.') }, 20_000) : undefined
+  const p2pConnectTimeout = p2pMultiplayer ? setTimeout(() => { throw new UserError('Spawn timeout. There might be error on the other side, check console.') }, 20_000) : undefined
 
   // bot.on('inject_allowed', () => {
   //   loadingScreen.maybeRecoverable = false
@@ -542,9 +668,15 @@ async function connect (connectOptions: ConnectOptions) {
   bot.on('error', handleError)
 
   bot.on('kicked', (kickReason) => {
-    console.log('User was kicked!', kickReason)
-    setLoadingScreenStatus(`The Minecraft server kicked you. Kick reason: ${typeof kickReason === 'object' ? JSON.stringify(kickReason) : kickReason}`, true)
-    destroyAll()
+    console.log('You were kicked!', kickReason)
+    const { formatted: kickReasonFormatted, plain: kickReasonString } = parseFormattedMessagePacket(kickReason)
+    // close all modals
+    for (const modal of activeModalStack) {
+      hideModal(modal)
+    }
+    setLoadingScreenStatus(`The Minecraft server kicked you. Kick reason: ${kickReasonString}`, true, undefined, undefined, kickReasonFormatted)
+    appStatusState.showReconnect = true
+    destroyAll(true)
   })
 
   const packetBeforePlay = (_, __, ___, fullBuffer) => {
@@ -561,7 +693,15 @@ async function connect (connectOptions: ConnectOptions) {
   bot.on('end', (endReason) => {
     if (ended) return
     console.log('disconnected for', endReason)
-    setLoadingScreenStatus(`You have been disconnected from the server. End reason: ${endReason}`, true)
+    if (endReason === 'socketClosed') {
+      endReason = lastKnownKickReason ?? 'Connection with proxy server lost'
+    }
+    // close all modals
+    for (const modal of activeModalStack) {
+      hideModal(modal)
+    }
+    setLoadingScreenStatus(`You have been disconnected from the server. End reason:\n${endReason}`, true)
+    appStatusState.showReconnect = true
     onPossibleErrorDisconnect()
     destroyAll()
     if (isCypress()) throw new Error(`disconnected: ${endReason}`)
@@ -570,283 +710,190 @@ async function connect (connectOptions: ConnectOptions) {
   onBotCreate()
 
   bot.once('login', () => {
-    worldInteractions.initBot()
-
-    setLoadingScreenStatus('Loading world')
+    errorAbortController.abort()
+    loadingTimerState.networkOnlyStart = 0
+    progress.setMessage('Loading world')
   })
 
+  let worldWasReady = false
+  const waitForChunksToLoad = async (progress?: ProgressReporter) => {
+    await new Promise<void>(resolve => {
+      if (worldWasReady) {
+        resolve()
+        return
+      }
+      const unsub = subscribe(appViewer.rendererState, () => {
+        if (appViewer.rendererState.world.allChunksLoaded && appViewer.nonReactiveState.world.chunksTotalNumber) {
+          worldWasReady = true
+          resolve()
+          unsub()
+        } else {
+          const perc = Math.round(appViewer.rendererState.world.chunksLoaded.size / appViewer.nonReactiveState.world.chunksTotalNumber * 100)
+          progress?.reportProgress('chunks', perc / 100)
+        }
+      })
+    })
+  }
+
   const spawnEarlier = !singleplayer && !p2pMultiplayer
-  // don't use spawn event, player can be dead
-  bot.once(spawnEarlier ? 'forcedMove' : 'health', () => {
-    errorAbortController.abort()
-    const mcData = MinecraftData(bot.version)
-    window.PrismarineBlock = PrismarineBlock(mcData.version.minecraftVersion!)
-    window.PrismarineItem = PrismarineItem(mcData.version.minecraftVersion!)
-    window.loadedData = mcData
-    window.Vec3 = Vec3
-    window.pathfinder = pathfinder
-
-    miscUiState.gameLoaded = true
-    miscUiState.loadedServerIndex = connectOptions.serverIndex ?? ''
-    customEvents.emit('gameLoaded')
-    if (p2pConnectTimeout) clearTimeout(p2pConnectTimeout)
-
-    setLoadingScreenStatus('Placing blocks (starting viewer)')
-    localStorage.lastConnectOptions = JSON.stringify(connectOptions)
-    connectOptions.onSuccessfulPlay?.()
-    if (connectOptions.autoLoginPassword) {
-      bot.chat(`/login ${connectOptions.autoLoginPassword}`)
-    }
-
-    console.log('bot spawned - starting viewer')
-
-    const center = bot.entity.position
-
-    const worldView = window.worldView = new WorldDataEmitter(bot.world, renderDistance, center)
-
-    bot.on('physicsTick', () => updateCursor())
-
-
-    void initVR()
-
-    renderWrapper.postRender = () => {
-      viewer.setFirstPersonCamera(null, bot.entity.yaw, bot.entity.pitch)
-    }
-
-
-    // Link WorldDataEmitter and Viewer
-    viewer.listen(worldView)
-    worldView.listenToBot(bot)
-    void worldView.init(bot.entity.position)
-
-    dayCycle()
-
-    // Bot position callback
-    function botPosition () {
-      viewer.world.lastCamUpdate = Date.now()
-      // this might cause lag, but not sure
-      viewer.setFirstPersonCamera(bot.entity.position, bot.entity.yaw, bot.entity.pitch)
-      void worldView.updatePosition(bot.entity.position)
-    }
-    bot.on('move', botPosition)
-    botPosition()
-
-    setLoadingScreenStatus('Setting callbacks')
-
-    const maxPitch = 0.5 * Math.PI
-    const minPitch = -0.5 * Math.PI
-    mouseMovePostHandle = ({ x, y }) => {
-      viewer.world.lastCamUpdate = Date.now()
-      bot.entity.pitch -= y
-      bot.entity.pitch = Math.max(minPitch, Math.min(maxPitch, bot.entity.pitch))
-      bot.entity.yaw -= x
-    }
-
-    function changeCallback () {
-      if (notificationProxy.id === 'pointerlockchange') {
-        hideNotification()
-      }
-      if (renderer.xr.isPresenting) return // todo
-      if (!pointerLock.hasPointerLock && activeModalStack.length === 0) {
-        showModal({ reactType: 'pause-screen' })
-      }
-    }
-
-    registerListener(document, 'pointerlockchange', changeCallback, false)
-
-    const cameraControlEl = document.querySelector('#ui-root')
-
-    /** after what time of holding the finger start breaking the block */
-    const touchStartBreakingBlockMs = 500
-    let virtualClickActive = false
-    let virtualClickTimeout
-    let screenTouches = 0
-    let capturedPointer: { id; x; y; sourceX; sourceY; activateCameraMove; time } | undefined
-    registerListener(document, 'pointerdown', (e) => {
-      const usingJoystick = options.touchControlsType === 'joystick-buttons'
-      const clickedEl = e.composedPath()[0]
-      if (!isGameActive(true) || !miscUiState.currentTouch || clickedEl !== cameraControlEl || e.pointerId === undefined) {
-        return
-      }
-      screenTouches++
-      if (screenTouches === 3) {
-        // todo needs fixing!
-        // window.dispatchEvent(new MouseEvent('mousedown', { button: 1 }))
-      }
-      if (usingJoystick) {
-        if (!joystickPointer.pointer && e.clientX < window.innerWidth / 2) {
-          joystickPointer.pointer = {
-            pointerId: e.pointerId,
-            x: e.clientX,
-            y: e.clientY
+  const displayWorld = async () => {
+    if (resourcePackState.isServerInstalling) {
+      await new Promise<void>(resolve => {
+        subscribe(resourcePackState, () => {
+          if (!resourcePackState.isServerInstalling) {
+            resolve()
           }
-          return
-        }
-      }
-      if (capturedPointer) {
-        return
-      }
-      cameraControlEl.setPointerCapture(e.pointerId)
-      capturedPointer = {
-        id: e.pointerId,
-        x: e.clientX,
-        y: e.clientY,
-        sourceX: e.clientX,
-        sourceY: e.clientY,
-        activateCameraMove: false,
-        time: Date.now()
-      }
-      if (options.touchControlsType !== 'joystick-buttons') {
-        virtualClickTimeout ??= setTimeout(() => {
-          virtualClickActive = true
-          document.dispatchEvent(new MouseEvent('mousedown', { button: 0 }))
-        }, touchStartBreakingBlockMs)
-      }
-    })
-    registerListener(document, 'pointermove', (e) => {
-      if (e.pointerId === undefined) return
-      const supportsPressure = (e as any).pressure !== undefined && (e as any).pressure !== 0 && (e as any).pressure !== 0.5 && (e as any).pressure !== 1 && (e.pointerType === 'touch' || e.pointerType === 'pen')
-      if (e.pointerId === joystickPointer.pointer?.pointerId) {
-        handleMovementStickDelta(e)
-        if (supportsPressure && (e as any).pressure > 0.5) {
-          bot.setControlState('sprint', true)
-          // todo
-        }
-        return
-      }
-      if (e.pointerId !== capturedPointer?.id) return
-      window.scrollTo(0, 0)
-      e.preventDefault()
-      e.stopPropagation()
-
-      const allowedJitter = 1.1
-      if (supportsPressure) {
-        bot.setControlState('jump', (e as any).pressure > 0.5)
-      }
-      const xDiff = Math.abs(e.pageX - capturedPointer.sourceX) > allowedJitter
-      const yDiff = Math.abs(e.pageY - capturedPointer.sourceY) > allowedJitter
-      if (!capturedPointer.activateCameraMove && (xDiff || yDiff)) capturedPointer.activateCameraMove = true
-      if (capturedPointer.activateCameraMove) {
-        clearTimeout(virtualClickTimeout)
-      }
-      onCameraMove({ movementX: e.pageX - capturedPointer.x, movementY: e.pageY - capturedPointer.y, type: 'touchmove' })
-      capturedPointer.x = e.pageX
-      capturedPointer.y = e.pageY
-    }, { passive: false })
-
-    const pointerUpHandler = (e: PointerEvent) => {
-      if (e.pointerId === undefined) return
-      if (e.pointerId === joystickPointer.pointer?.pointerId) {
-        handleMovementStickDelta()
-        joystickPointer.pointer = null
-        return
-      }
-      if (e.pointerId !== capturedPointer?.id) return
-      clearTimeout(virtualClickTimeout)
-      virtualClickTimeout = undefined
-
-      if (options.touchControlsType !== 'joystick-buttons') {
-        if (virtualClickActive) {
-          // button 0 is left click
-          document.dispatchEvent(new MouseEvent('mouseup', { button: 0 }))
-          virtualClickActive = false
-        } else if (!capturedPointer.activateCameraMove && (Date.now() - capturedPointer.time < touchStartBreakingBlockMs)) {
-          document.dispatchEvent(new MouseEvent('mousedown', { button: 2 }))
-          worldInteractions.update()
-          document.dispatchEvent(new MouseEvent('mouseup', { button: 2 }))
-        }
-      }
-      capturedPointer = undefined
-      screenTouches--
+        })
+      })
+      await appViewer.resourcesManager.promiseAssetsReady
     }
-    registerListener(document, 'pointerup', pointerUpHandler)
-    registerListener(document, 'pointercancel', pointerUpHandler)
-    registerListener(document, 'lostpointercapture', pointerUpHandler)
-
-    registerListener(document, 'contextmenu', (e) => e.preventDefault(), false)
-
-    registerListener(document, 'blur', (e) => {
-      bot.clearControlStates()
-    }, false)
-
-    console.log('Done!')
-
-    // todo
-    onGameLoad(async () => {
-      if (!viewer.world.downloadedBlockStatesData && !viewer.world.customBlockStatesData) {
-        await new Promise<void>(resolve => {
-          viewer.world.renderUpdateEmitter.once('blockStatesDownloaded', () => resolve())
-        })
-      }
-      miscUiState.serverIp = server.host as string | null
-      miscUiState.username = username
-    })
-
     if (appStatusState.isError) return
-    setTimeout(() => {
-      // todo
-      const qs = new URLSearchParams(window.location.search)
-      if (qs.get('suggest_save')) {
-        showNotification('Suggestion', 'Save the world to keep your progress!', false, undefined, async () => {
-          const savePath = await saveToBrowserMemory()
-          if (!savePath) return
-          const saveName = savePath.split('/').pop()
-          bot.end()
-          // todo hot reload
-          location.search = `loadSave=${saveName}`
-        })
-      }
-    }, 600)
 
-    setLoadingScreenStatus(undefined)
-    const start = Date.now()
-    let done = false
-    void viewer.world.renderUpdateEmitter.on('update', () => {
-      // todo might not emit as servers simply don't send chunk if it's empty
-      if (!viewer.world.allChunksFinished || done) return
-      done = true
-      console.log('All done and ready! In', (Date.now() - start) / 1000, 's')
-      viewer.render() // ensure the last state is rendered
+    if (!appViewer.resourcesManager.currentResources?.itemsRenderer) {
+      await appViewer.resourcesManager.updateAssetsData({})
+    }
+
+    const loadWorldStart = Date.now()
+    console.log('try to focus window')
+    window.focus?.()
+    void waitForChunksToLoad().then(() => {
+      window.worldLoadTime = (Date.now() - loadWorldStart) / 1000
+      console.log('All chunks done and ready! Time from renderer connect to ready', (Date.now() - loadWorldStart) / 1000, 's')
       document.dispatchEvent(new Event('cypress-world-ready'))
     })
-  })
 
-  if (!connectOptions.ignoreQs) {
+    try {
+      if (p2pConnectTimeout) clearTimeout(p2pConnectTimeout)
+      playerState.reactive.onlineMode = !!connectOptions.authenticatedAccount
+
+      progress.setMessage('Placing blocks (starting viewer)')
+      if (!connectOptions.worldStateFileContents || connectOptions.worldStateFileContents.length < 3 * 1024 * 1024) {
+        localStorage.lastConnectOptions = JSON.stringify(connectOptions)
+        if (process.env.NODE_ENV === 'development' && !localStorage.lockUrl && !location.search.slice(1).length) {
+          lockUrl()
+        }
+      } else {
+        localStorage.removeItem('lastConnectOptions')
+      }
+      connectOptions.onSuccessfulPlay?.()
+      updateDataAfterJoin()
+      const password = findServerPassword()
+      if (password) {
+        setTimeout(() => {
+          bot.chat(`/login ${password}`)
+        }, 500)
+      }
+
+
+      console.log('bot spawned - starting viewer')
+      await appViewer.startWorld(bot.world, renderDistance)
+      appViewer.worldView!.listenToBot(bot)
+      if (appViewer.backend) {
+        void appViewer.worldView!.init(bot.entity.position)
+      }
+
+      initMotionTracking()
+
+      // Bot position callback
+      const botPosition = () => {
+        appViewer.lastCamUpdate = Date.now()
+        // this might cause lag, but not sure
+        appViewer.backend?.updateCamera(bot.entity.position, bot.entity.yaw, bot.entity.pitch)
+        void appViewer.worldView?.updatePosition(bot.entity.position)
+      }
+      bot.on('move', botPosition)
+      botPosition()
+
+      progress.setMessage('Setting callbacks')
+
+      onGameLoad()
+
+      if (appStatusState.isError) return
+
+      const waitForChunks = async () => {
+        if (appQueryParams.sp === '1') return //todo
+        const waitForChunks = options.waitForChunksRender === 'sp-only' ? !!singleplayer : options.waitForChunksRender
+        if (!appViewer.backend || appViewer.rendererState.world.allChunksLoaded || !waitForChunks) {
+          return
+        }
+
+        await progress.executeWithMessage(
+          'Loading chunks',
+          'chunks',
+          async () => {
+            await waitForChunksToLoad(progress)
+          }
+        )
+      }
+
+      await waitForChunks()
+
+      setTimeout(() => {
+        if (appQueryParams.suggest_save) {
+          showNotification('Suggestion', 'Save the world to keep your progress!', false, undefined, async () => {
+            const savePath = await saveToBrowserMemory()
+            if (!savePath) return
+            const saveName = savePath.split('/').pop()
+            bot.end()
+            // todo hot reload
+            location.search = `loadSave=${saveName}`
+          })
+        }
+      }, 600)
+
+      miscUiState.gameLoaded = true
+      miscUiState.loadedServerIndex = connectOptions.serverIndex ?? ''
+      customEvents.emit('gameLoaded')
+
+      // Test iOS Safari crash by creating memory pressure
+      if (appQueryParams.testIosCrash) {
+        setTimeout(() => {
+          console.log('Starting iOS crash test with memory pressure...')
+          // eslint-disable-next-line sonarjs/no-unused-collection
+          const arrays: number[][] = []
+          try {
+            // Create large arrays until we run out of memory
+            // eslint-disable-next-line no-constant-condition
+            while (true) {
+              const arr = Array.from({ length: 1024 * 1024 }).fill(0).map((_, i) => i)
+              arrays.push(arr)
+            }
+          } catch (e) {
+            console.error('Memory allocation failed:', e)
+          }
+        }, 1000)
+      }
+
+      progress.end()
+      setLoadingScreenStatus(undefined)
+    } catch (err) {
+      handleError(err)
+    }
+    hadConnected = true
+  }
+  // don't use spawn event, player can be dead
+  bot.once(spawnEarlier ? 'forcedMove' : 'health', displayWorld)
+
+  if (singleplayer && connectOptions.serverOverrides.worldFolder) {
+    fsState.saveLoaded = true
+  }
+
+  if (!connectOptions.ignoreQs || process.env.NODE_ENV === 'development') {
     // todo cleanup
     customEvents.on('gameLoaded', () => {
-      const qs = new URLSearchParams(window.location.search)
-      for (let command of qs.getAll('command')) {
+      const commands = appQueryParamsArray.command ?? []
+      for (let command of commands) {
         if (!command.startsWith('/')) command = `/${command}`
-        bot.chat(command)
+        const builtinHandled = tryHandleBuiltinCommand(command)
+        if (!builtinHandled) {
+          bot.chat(command)
+        }
       }
     })
   }
 }
 
 listenGlobalEvents()
-watchValue(miscUiState, async s => {
-  if (s.appLoaded) { // fs ready
-    const qs = new URLSearchParams(window.location.search)
-    const moreServerOptions = {} as Record<string, any>
-    if (qs.has('version')) moreServerOptions.version = qs.get('version')
-    if (qs.get('singleplayer') === '1') {
-      loadSingleplayer({}, {
-        worldFolder: undefined,
-        ...moreServerOptions
-      })
-    }
-    if (qs.get('loadSave')) {
-      const savePath = `/data/worlds/${qs.get('loadSave')}`
-      try {
-        await fs.promises.stat(savePath)
-      } catch (err) {
-        alert(`Save ${savePath} not found`)
-        return
-      }
-      await loadInMemorySave(savePath)
-    }
-  }
-})
 
 // #region fire click event on touch as we disable default behaviors
 let activeTouch: { touch: Touch, elem: HTMLElement, start: number } | undefined
@@ -861,8 +908,8 @@ document.body.addEventListener('touchend', (e) => {
   activeTouch = undefined
 })
 document.body.addEventListener('touchstart', (e) => {
-  const ignoreElem = (e.target as HTMLElement).matches('vercel-live-feedback') || (e.target as HTMLElement).closest('.hotbar')
-  if (!isGameActive(true) || ignoreElem) return
+  const targetElement = (e.target as HTMLElement).closest('#ui-root')
+  if (!isGameActive(true) || !targetElement) return
   // we always prevent default behavior to disable magnifier on ios, but by doing so we also disable click events
   e.preventDefault()
   let firstClickable // todo remove composedPath and this workaround when lit-element is fully dropped
@@ -882,70 +929,149 @@ document.body.addEventListener('touchstart', (e) => {
 }, { passive: false })
 // #endregion
 
-void window.fetch('config.json').then(async res => res.json()).then(c => c, (error) => {
-  console.warn('Failed to load optional app config.json', error)
-  return {}
-}).then((config: AppConfig | {}) => {
-  miscUiState.appConfig = config
-})
+// immediate game enter actions: reconnect or URL QS
+const maybeEnterGame = () => {
+  const waitForConfigFsLoad = (fn: () => void) => {
+    let unsubscribe: () => void | undefined
+    const checkDone = () => {
+      if (miscUiState.fsReady && miscUiState.appConfig) {
+        fn()
+        unsubscribe?.()
+        return true
+      }
+      return false
+    }
 
-// qs open actions
-downloadAndOpenFile().then((downloadAction) => {
-  if (downloadAction) return
-  const qs = new URLSearchParams(window.location.search)
-  if (qs.get('reconnect') && process.env.NODE_ENV === 'development') {
-    const ip = qs.get('ip')
+    if (!checkDone()) {
+      const text = miscUiState.appConfig ? 'Loading' : 'Loading config'
+      setLoadingScreenStatus(text)
+      unsubscribe = subscribe(miscUiState, checkDone)
+    }
+  }
+
+  const reconnectOptions = sessionStorage.getItem('reconnectOptions') ? JSON.parse(sessionStorage.getItem('reconnectOptions')!) : undefined
+
+  if (reconnectOptions) {
+    sessionStorage.removeItem('reconnectOptions')
+    if (Date.now() - reconnectOptions.timestamp < 1000 * 60 * 2) {
+      return waitForConfigFsLoad(async () => {
+        void connect(reconnectOptions.value)
+      })
+    }
+  }
+
+  if (appQueryParams.reconnect && localStorage.lastConnectOptions && process.env.NODE_ENV === 'development') {
     const lastConnect = JSON.parse(localStorage.lastConnectOptions ?? {})
+    return waitForConfigFsLoad(async () => {
+      void connect({
+        botVersion: appQueryParams.version ?? undefined,
+        ...lastConnect,
+        ip: appQueryParams.ip || undefined
+      })
+    })
+  }
+
+  if (appQueryParams.singleplayer === '1' || appQueryParams.sp === '1') {
+    return waitForConfigFsLoad(async () => {
+      loadSingleplayer({}, {
+        worldFolder: undefined,
+        ...appQueryParams.version ? { version: appQueryParams.version } : {}
+      })
+    })
+  }
+  if (appQueryParams.loadSave) {
+    const enterSave = async () => {
+      const savePath = `/data/worlds/${appQueryParams.loadSave}`
+      try {
+        await fs.promises.stat(savePath)
+        await loadInMemorySave(savePath)
+      } catch (err) {
+        alert(`Save ${savePath} not found`)
+      }
+    }
+    return waitForConfigFsLoad(enterSave)
+  }
+
+  if (appQueryParams.ip || appQueryParams.proxy) {
+    const openServerAction = () => {
+      if (appQueryParams.autoConnect && miscUiState.appConfig?.allowAutoConnect) {
+        void connect({
+          server: appQueryParams.ip,
+          proxy: getCurrentProxy(),
+          botVersion: appQueryParams.version ?? undefined,
+          username: getCurrentUsername()!,
+        })
+        return
+      }
+
+      setLoadingScreenStatus(undefined)
+      if (appQueryParams.onlyConnect || process.env.ALWAYS_MINIMAL_SERVER_UI === 'true') {
+        showModal({ reactType: 'only-connect-server' })
+      } else {
+        showModal({ reactType: 'editServer' })
+      }
+    }
+
+    // showModal({ reactType: 'empty' })
+    return waitForConfigFsLoad(openServerAction)
+  }
+
+  if (appQueryParams.connectPeer) {
+    // try to connect to peer
+    const peerId = appQueryParams.connectPeer
+    const peerOptions = {} as ConnectPeerOptions
+    if (appQueryParams.server) {
+      peerOptions.server = appQueryParams.server
+    }
+    const version = appQueryParams.peerVersion
+    let username: string | null = options.guestUsername
+    if (options.askGuestName) username = prompt('Enter your username to connect to peer', username)
+    if (!username) return
+    options.guestUsername = username
     void connect({
-      ...lastConnect, // todo mixing is not good idea
-      ip: ip || undefined
+      username,
+      botVersion: version || undefined,
+      peerId,
+      peerOptions
+    })
+    return
+
+  }
+
+  if (appQueryParams.viewerConnect) {
+    void connect({
+      username: `viewer-${Math.random().toString(36).slice(2, 10)}`,
+      viewerWsConnect: appQueryParams.viewerConnect,
     })
     return
   }
-  if (qs.get('ip') || qs.get('proxy')) {
-    const waitAppConfigLoad = !qs.get('proxy')
-    const openServerEditor = () => {
-      hideModal()
-      // show server editor for connect or save
-      showModal({ reactType: 'editServer' })
-    }
-    showModal({ reactType: 'empty' })
-    if (waitAppConfigLoad) {
-      const unsubscribe = subscribe(miscUiState, checkCanDisplay)
-      checkCanDisplay()
-      // eslint-disable-next-line no-inner-declarations
-      function checkCanDisplay () {
-        if (miscUiState.appConfig) {
-          unsubscribe()
-          openServerEditor()
-          return true
-        }
-      }
-    } else {
-      openServerEditor()
+
+  if (appQueryParams.modal) {
+    const modals = appQueryParams.modal.split(',')
+    for (const modal of modals) {
+      showModal({ reactType: modal })
     }
+    return
   }
 
-  void Promise.resolve().then(() => {
-    // try to connect to peer
-    const peerId = qs.get('connectPeer')
-    const version = qs.get('peerVersion')
-    if (peerId) {
-      let username: string | null = options.guestUsername
-      if (options.askGuestName) username = prompt('Enter your username', username)
-      if (!username) return
-      options.guestUsername = username
-      void connect({
-        username,
-        botVersion: version || undefined,
-        peerId
-      })
-    }
-  })
-}, (err) => {
+  if (appQueryParams.serversList && !miscUiState.appConfig?.appParams?.serversList) {
+    // open UI only if it's in URL
+    showModal({ reactType: 'serversList' })
+  }
+
+  if (isInterestedInDownload()) {
+    void downloadAndOpenFile()
+  }
+
+  void possiblyHandleStateVariable()
+}
+
+try {
+  maybeEnterGame()
+} catch (err) {
   console.error(err)
-  alert(`Failed to download file: ${err}`)
-})
+  alert(`Something went wrong: ${err}`)
+}
 
 // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
 const initialLoader = document.querySelector('.initial-loader') as HTMLElement | null
@@ -955,4 +1081,5 @@ if (initialLoader) {
 }
 window.pageLoaded = true
 
-void possiblyHandleStateVariable()
+appViewer.waitBackendLoadPromises.push(appStartup())
+registerOpenBenchmarkListener()
diff --git a/src/interactionShapesGenerated.json b/src/interactionShapesGenerated.json
index 425cfb0d..804952e0 100644
--- a/src/interactionShapesGenerated.json
+++ b/src/interactionShapesGenerated.json
@@ -457,7 +457,14 @@
         13,
         14
     ],
-    "powder_snow": "PowderSnowBlock",
+    "powder_snow": [
+        0,
+        0,
+        0,
+        16,
+        16,
+        16
+    ],
     "spore_blossom": [
         2,
         13,
@@ -1311,55 +1318,47 @@
         13
     ],
     "lever": {
-        "face=ceiling,facing=east": [
-            4,
-            0,
-            5,
-            12,
-            6,
-            11
-        ],
-        "face=ceiling,facing=north": [
-            5,
-            0,
-            4,
-            11,
-            6,
-            12
-        ],
-        "face=ceiling,facing=south": [
-            5,
-            0,
-            4,
-            11,
-            6,
-            12
-        ],
-        "face=ceiling,facing=west": [
-            4,
-            0,
-            5,
-            12,
-            6,
-            11
-        ],
         "face=floor,facing=east": [
             4,
-            10,
+            0,
             5,
             12,
-            16,
+            6,
             11
         ],
         "face=floor,facing=north": [
             5,
-            10,
+            0,
             4,
             11,
-            16,
+            6,
             12
         ],
         "face=floor,facing=south": [
+            5,
+            0,
+            4,
+            11,
+            6,
+            12
+        ],
+        "face=floor,facing=west": [
+            4,
+            0,
+            5,
+            12,
+            6,
+            11
+        ],
+        "face=ceiling,facing=east": [
+            4,
+            10,
+            5,
+            12,
+            16,
+            11
+        ],
+        "face=ceiling,facing=north": [
             5,
             10,
             4,
@@ -1367,7 +1366,15 @@
             16,
             12
         ],
-        "face=floor,facing=west": [
+        "face=ceiling,facing=south": [
+            5,
+            10,
+            4,
+            11,
+            16,
+            12
+        ],
+        "face=ceiling,facing=west": [
             4,
             10,
             5,
@@ -1632,20 +1639,20 @@
     },
     "stone_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -1664,34 +1671,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -1760,20 +1767,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -1792,34 +1799,34 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
@@ -2374,20 +2381,20 @@
     },
     "oak_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -2406,34 +2413,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -2502,20 +2509,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -2534,54 +2541,54 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
     },
     "spruce_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -2600,34 +2607,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -2696,20 +2703,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -2728,54 +2735,54 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
     },
     "birch_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -2794,34 +2801,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -2890,20 +2897,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -2922,54 +2929,54 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
     },
     "jungle_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -2988,34 +2995,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -3084,20 +3091,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -3116,54 +3123,54 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
     },
     "acacia_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -3182,34 +3189,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -3278,20 +3285,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -3310,54 +3317,54 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
     },
     "cherry_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -3376,34 +3383,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -3472,20 +3479,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -3504,54 +3511,54 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
     },
     "dark_oak_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -3570,34 +3577,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -3666,20 +3673,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -3698,54 +3705,54 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
     },
     "mangrove_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -3764,34 +3771,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -3860,20 +3867,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -3892,54 +3899,54 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
     },
     "bamboo_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -3958,34 +3965,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -4054,20 +4061,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -4086,34 +4093,34 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
@@ -5813,20 +5820,20 @@
     },
     "crimson_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -5845,34 +5852,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -5941,20 +5948,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -5973,54 +5980,54 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
     },
     "warped_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -6039,34 +6046,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -6135,20 +6142,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -6167,34 +6174,34 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
@@ -6303,20 +6310,20 @@
     },
     "polished_blackstone_button": {
         "face=floor,facing=north,powered=false": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             2,
-            11
+            10
         ],
         "face=floor,facing=north,powered=true": [
-            6,
-            0,
             5,
-            10,
+            0,
+            6,
+            11,
             1,
-            11
+            10
         ],
         "face=floor,facing=south,powered=false": [
             5,
@@ -6335,34 +6342,34 @@
             10
         ],
         "face=floor,facing=west,powered=false": [
-            14,
+            6,
             0,
             5,
-            16,
+            10,
             2,
             11
         ],
         "face=floor,facing=west,powered=true": [
-            15,
+            6,
             0,
             5,
-            16,
+            10,
             1,
             11
         ],
         "face=floor,facing=east,powered=false": [
-            0,
+            6,
             0,
             5,
-            2,
+            10,
             2,
             11
         ],
         "face=floor,facing=east,powered=true": [
-            0,
+            6,
             0,
             5,
-            1,
+            10,
             1,
             11
         ],
@@ -6431,20 +6438,20 @@
             11
         ],
         "face=ceiling,facing=north,powered=false": [
-            6,
-            14,
             5,
-            10,
+            14,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=north,powered=true": [
-            6,
-            15,
             5,
-            10,
+            15,
+            6,
+            11,
             16,
-            11
+            10
         ],
         "face=ceiling,facing=south,powered=false": [
             5,
@@ -6463,34 +6470,34 @@
             10
         ],
         "face=ceiling,facing=west,powered=false": [
-            14,
+            6,
             14,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=west,powered=true": [
-            15,
+            6,
             15,
             5,
-            16,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=false": [
-            0,
+            6,
             14,
             5,
-            2,
+            10,
             16,
             11
         ],
         "face=ceiling,facing=east,powered=true": [
-            0,
+            6,
             15,
             5,
-            1,
+            10,
             16,
             11
         ]
@@ -6547,7 +6554,6 @@
         16,
         15
     ],
-    "pink_petals": "PinkPetalsBlock",
     "big_dripleaf_stem": {
         "facing=north": [
             5,
diff --git a/src/inventoryWindows.ts b/src/inventoryWindows.ts
index 1f89f9a4..d40260df 100644
--- a/src/inventoryWindows.ts
+++ b/src/inventoryWindows.ts
@@ -1,106 +1,123 @@
-import { subscribe } from 'valtio'
+import { proxy, subscribe } from 'valtio'
 import { showInventory } from 'minecraft-inventory-gui/web/ext.mjs'
-import InventoryGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/inventory.png'
-import ChestLikeGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/shulker_box.png'
-import LargeChestLikeGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/generic_54.png'
-import FurnaceGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/furnace.png'
-import CraftingTableGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/crafting_table.png'
-import DispenserGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/dispenser.png'
-import HopperGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/hopper.png'
-import HorseGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/horse.png'
-import VillagerGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/villager2.png'
-import EnchantingGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/enchanting_table.png'
-import AnvilGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/anvil.png'
-import BeaconGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/container/beacon.png'
-import WidgetsGui from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/widgets.png'
 
-import Dirt from 'minecraft-assets/minecraft-assets/data/1.17.1/blocks/dirt.png'
+// import Dirt from 'mc-assets/dist/other-textures/latest/blocks/dirt.png'
 import { RecipeItem } from 'minecraft-data'
-import { versionToNumber } from 'prismarine-viewer/viewer/prepare/utils'
-import itemsPng from 'prismarine-viewer/public/textures/items.png'
-import itemsLegacyPng from 'prismarine-viewer/public/textures/items-legacy.png'
-import _itemsAtlases from 'prismarine-viewer/public/textures/items.json'
-import type { ItemsAtlasesOutputJson } from 'prismarine-viewer/viewer/prepare/genItemsAtlas'
-import PrismarineBlockLoader from 'prismarine-block'
-import { flat } from '@xmcl/text-component'
-import mojangson from 'mojangson'
-import nbt from 'prismarine-nbt'
+import { flat, fromFormattedString } from '@xmcl/text-component'
 import { splitEvery, equals } from 'rambda'
 import PItem, { Item } from 'prismarine-item'
+import { versionToNumber } from 'renderer/viewer/common/utils'
+import { getRenamedData } from 'flying-squid/dist/blockRenames'
+import PrismarineChatLoader from 'prismarine-chat'
+import * as nbt from 'prismarine-nbt'
+import { BlockModel } from 'mc-assets'
+import { renderSlot } from 'renderer/viewer/three/renderSlot'
+import { loadSkinFromUsername } from 'renderer/viewer/lib/utils/skins'
 import Generic95 from '../assets/generic_95.png'
+import { appReplacableResources } from './generated/resources'
 import { activeModalStack, hideCurrentModal, hideModal, miscUiState, showModal } from './globalState'
-import invspriteJson from './invsprite.json'
 import { options } from './optionsStorage'
 import { assertDefined, inGameError } from './utils'
-import { MessageFormatPart } from './botUtils'
+import { displayClientChat } from './botUtils'
 import { currentScaling } from './scaleInterface'
-import { descriptionGenerators, getItemDescription } from './itemsDescriptions'
+import { getItemDescription } from './itemsDescriptions'
+import { MessageFormatPart } from './chatUtils'
+import { GeneralInputItem, getItemMetadata, getItemModelName, getItemNameRaw, RenderItem } from './mineflayer/items'
+import { playerState } from './mineflayer/playerState'
+import { modelViewerState } from './react/OverlayModelViewer'
 
-export const itemsAtlases: ItemsAtlasesOutputJson = _itemsAtlases
-const loadedImagesCache = new Map<string, HTMLImageElement>()
+const loadedImagesCache = new Map<string, HTMLImageElement | ImageBitmap>()
 const cleanLoadedImagesCache = () => {
   loadedImagesCache.delete('blocks')
+  loadedImagesCache.delete('items')
 }
-export type BlockStates = Record<string, null | {
-  variants: Record<string, {
-    model: {
-      elements: [{
-        faces: {
-          [face: string]: {
-            texture: {
-              u
-              v
-              su
-              sv
-            }
-          }
-        }
-      }]
-    }
-  }>
-}>
 
 let lastWindow: ReturnType<typeof showInventory>
+let lastWindowType: string | null | undefined // null is inventory
 /** bot version */
 let version: string
-let PrismarineBlock: typeof PrismarineBlockLoader.Block
 let PrismarineItem: typeof Item
 
-export const onGameLoad = (onLoad) => {
-  let loaded = 0
-  const onImageLoaded = () => {
-    loaded++
-    if (loaded === 3) onLoad?.()
+export const jeiCustomCategories = proxy({
+  value: [] as Array<{ id: string, categoryTitle: string, items: any[] }>
+})
+
+let remotePlayerSkin: string | undefined | Promise<string>
+
+export const showInventoryPlayer = () => {
+  modelViewerState.model = {
+    positioning: {
+      windowWidth: 176,
+      windowHeight: 166,
+      x: 25,
+      y: 8,
+      width: 50,
+      height: 70,
+      scaled: true,
+      onlyInitialScale: true,
+      followCursor: true,
+    },
+    // models: ['https://bucket.mcraft.fun/sitarbuckss.glb'],
+    // debug: true,
+    steveModelSkin: appViewer.playerState.reactive.playerSkin ?? (typeof remotePlayerSkin === 'string' ? remotePlayerSkin : ''),
   }
+  if (remotePlayerSkin === undefined && !appViewer.playerState.reactive.playerSkin) {
+    remotePlayerSkin = loadSkinFromUsername(bot.username, 'skin').then(a => {
+      setTimeout(() => { showInventoryPlayer() }, 0) // todo patch instead and make reactive
+      remotePlayerSkin = a ?? ''
+      return remotePlayerSkin
+    })
+  }
+}
+
+export const onGameLoad = () => {
   version = bot.version
-  getImage({ path: 'invsprite' }, onImageLoaded)
-  getImage({ path: 'items' }, onImageLoaded)
-  getImage({ path: 'items-legacy' }, onImageLoaded)
-  PrismarineBlock = PrismarineBlockLoader(version)
+
   PrismarineItem = PItem(version)
 
+  const mapWindowType = (type: string, inventoryStart: number) => {
+    if (type === 'minecraft:container') {
+      if (inventoryStart === 45 - 9 * 4) return 'minecraft:generic_9x1'
+      if (inventoryStart === 45 - 9 * 3) return 'minecraft:generic_9x2'
+      if (inventoryStart === 45 - 9 * 2) return 'minecraft:generic_9x3'
+      if (inventoryStart === 45 - 9) return 'minecraft:generic_9x4'
+      if (inventoryStart === 45) return 'minecraft:generic_9x5'
+      if (inventoryStart === 45 + 9) return 'minecraft:generic_9x6'
+    }
+    return type
+  }
+
+  const maybeParseNbtJson = (data: any) => {
+    if (typeof data === 'string') {
+      try {
+        data = JSON.parse(data)
+      } catch (err) {
+        // ignore
+      }
+    }
+    return nbt.simplify(data) ?? data
+  }
+
   bot.on('windowOpen', (win) => {
-    if (implementedContainersGuiMap[win.type]) {
-      // todo also render title!
-      openWindow(implementedContainersGuiMap[win.type])
+    const implementedWindow = implementedContainersGuiMap[mapWindowType(win.type as string, win.inventoryStart)]
+    if (implementedWindow) {
+      openWindow(implementedWindow, maybeParseNbtJson(win.title))
     } else if (options.unimplementedContainers) {
-      openWindow('ChestWin')
+      openWindow('ChestWin', maybeParseNbtJson(win.title))
     } else {
       // todo format
-      bot._client.emit('chat', {
-        message: JSON.stringify({
-          text: `[client error] cannot open unimplemented window ${win.id} (${win.type}). Slots: ${win.slots.map(item => getItemName(item)).filter(Boolean).join(', ')}`
-        })
-      })
+      displayClientChat(`[client error] cannot open unimplemented window ${win.id} (${win.type}). Slots: ${win.slots.map(item => getItemName(item)).filter(Boolean).join(', ')}`)
       bot.currentWindow?.['close']()
     }
   })
 
+  // workaround: singleplayer player inventory crafting
+  let skipUpdate = false
   bot.inventory.on('updateSlot', ((_oldSlot, oldItem, newItem) => {
-    const oldSlot = _oldSlot as number
-    if (!miscUiState.singleplayer) return
+    const currentSlot = _oldSlot as number
+    if (!miscUiState.singleplayer || oldItem === newItem || skipUpdate) return
     const { craftingResultSlot } = bot.inventory
-    if (oldSlot === craftingResultSlot && oldItem && !newItem) {
+    if (currentSlot === craftingResultSlot && oldItem && !newItem) {
       for (let i = 1; i < 5; i++) {
         const count = bot.inventory.slots[i]?.count
         if (count && count > 1) {
@@ -113,9 +130,18 @@ export const onGameLoad = (onLoad) => {
       }
       return
     }
+    if (currentSlot > 4) return
     const craftingSlots = bot.inventory.slots.slice(1, 5)
-    const resultingItem = getResultingRecipe(craftingSlots, 2)
-    void bot.creative.setInventorySlot(craftingResultSlot, resultingItem ?? null)
+    try {
+      const resultingItem = getResultingRecipe(craftingSlots, 2)
+      skipUpdate = true
+      void bot.creative.setInventorySlot(craftingResultSlot, resultingItem ?? null).then(() => {
+        skipUpdate = false
+      })
+    } catch (err) {
+      console.error(err)
+      // todo resolve the error! and why would we ever get here on every update?
+    }
   }) as any)
 
   bot.on('windowClose', () => {
@@ -134,91 +160,62 @@ export const onGameLoad = (onLoad) => {
     if (!lastWindow) return
     upJei(q)
   })
-}
 
-const findTextureInBlockStates = (name) => {
-  assertDefined(viewer)
-  const blockStates: BlockStates = viewer.world.customBlockStatesData || viewer.world.downloadedBlockStatesData
-  const vars = blockStates[name]?.variants
-  if (!vars) return
-  let firstVar = Object.values(vars)[0]
-  if (Array.isArray(firstVar)) firstVar = firstVar[0]
-  if (!firstVar) return
-  const elements = firstVar.model?.elements
-  if (elements?.length !== 1) return
-  return elements[0].faces
-}
-
-const svSuToCoordinates = (path: string, u, v, su, sv = su) => {
-  const img = getImage({ path })!
-  if (!img.width) throw new Error(`Image ${path} is not loaded`)
-  return [u * img.width, v * img.height, su * img.width, sv * img.height]
-}
-
-const getBlockData = (name) => {
-  const data = findTextureInBlockStates(name)
-  if (!data) return
-
-  const getSpriteBlockSide = (side) => {
-    const d = data[side]?.texture
-    if (!d) return
-    const spriteSide = svSuToCoordinates('blocks', d.u, d.v, d.su, d.sv)
-    const blockSideData = {
-      slice: spriteSide,
-      path: 'blocks'
+  if (!appViewer.resourcesManager['_inventoryChangeTracked']) {
+    appViewer.resourcesManager['_inventoryChangeTracked'] = true
+    const texturesChanged = () => {
+      cleanLoadedImagesCache()
+      if (!lastWindow) return
+      upWindowItemsLocal()
+      upJei(lastJeiSearch)
     }
-    return blockSideData
-  }
-
-  return {
-    // todo look at grass bug
-    top: getSpriteBlockSide('up') || getSpriteBlockSide('top'),
-    left: getSpriteBlockSide('east') || getSpriteBlockSide('side'),
-    right: getSpriteBlockSide('north') || getSpriteBlockSide('side'),
+    appViewer.resourcesManager.on('assetsInventoryReady', () => texturesChanged())
+    appViewer.resourcesManager.on('assetsTexturesUpdated', () => texturesChanged())
   }
 }
 
-const getInvspriteSlice = (name) => {
-  const invspriteImg = loadedImagesCache.get('invsprite')
-  if (!invspriteImg?.width) return
-
-  const { x, y } = invspriteJson[name] ?? /* unknown item */ { x: 0, y: 0 }
-  const sprite = [x, y, 32, 32]
-  return sprite
-}
-
-const getImageSrc = (path): string | HTMLImageElement => {
-  assertDefined(viewer)
+const getImageSrc = (path): string | HTMLImageElement | ImageBitmap => {
   switch (path) {
-    case 'gui/container/inventory': return InventoryGui
-    case 'blocks': return viewer.world.customTexturesDataUrl || viewer.world.downloadedTextureImage
-    case 'invsprite': return `invsprite.png`
-    case 'items': return itemsPng
-    case 'items-legacy': return itemsLegacyPng
-    case 'gui/container/dispenser': return DispenserGui
-    case 'gui/container/furnace': return FurnaceGui
-    case 'gui/container/crafting_table': return CraftingTableGui
-    case 'gui/container/shulker_box': return ChestLikeGui
-    case 'gui/container/generic_54': return LargeChestLikeGui
+    case 'gui/container/inventory': return appReplacableResources.latest_gui_container_inventory.content
+    case 'blocks': return appViewer.resourcesManager.blocksAtlasParser.latestImage
+    case 'items': return appViewer.resourcesManager.itemsAtlasParser.latestImage
+    case 'gui': return appViewer.resourcesManager.currentResources!.guiAtlas!.image
+    case 'gui/container/dispenser': return appReplacableResources.latest_gui_container_dispenser.content
+    case 'gui/container/furnace': return appReplacableResources.latest_gui_container_furnace.content
+    case 'gui/container/crafting_table': return appReplacableResources.latest_gui_container_crafting_table.content
+    case 'gui/container/shulker_box': return appReplacableResources.latest_gui_container_shulker_box.content
+    case 'gui/container/generic_54': return appReplacableResources.latest_gui_container_generic_54.content
     case 'gui/container/generic_95': return Generic95
-    case 'gui/container/hopper': return HopperGui
-    case 'gui/container/horse': return HorseGui
-    case 'gui/container/villager2': return VillagerGui
-    case 'gui/container/enchanting_table': return EnchantingGui
-    case 'gui/container/anvil': return AnvilGui
-    case 'gui/container/beacon': return BeaconGui
-    case 'gui/widgets': return WidgetsGui
+    case 'gui/container/hopper': return appReplacableResources.latest_gui_container_hopper.content
+    case 'gui/container/horse': return appReplacableResources.latest_gui_container_horse.content
+    case 'gui/container/villager2': return appReplacableResources.latest_gui_container_villager2.content
+    case 'gui/container/enchanting_table': return appReplacableResources.latest_gui_container_enchanting_table.content
+    case 'gui/container/anvil': return appReplacableResources.latest_gui_container_anvil.content
+    case 'gui/container/beacon': return appReplacableResources.latest_gui_container_beacon.content
+    case 'gui/widgets': return appReplacableResources.other_textures_latest_gui_widgets.content
   }
-  return Dirt
+  // empty texture
+  return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='
 }
 
-const getImage = ({ path = undefined as string | undefined, texture = undefined as string | undefined, blockData = undefined as any }, onLoad = () => { }) => {
-  if (!path && !texture) throw new Error('Either pass path or texture')
+const getImage = ({ path = undefined as string | undefined, texture = undefined as string | undefined, blockData = undefined as any, image = undefined as HTMLImageElement | undefined }, onLoad = () => { }) => {
+  if (image) {
+    return image
+  }
+  if (!path && !texture) {
+    throw new Error('Either pass path or texture')
+  }
   const loadPath = (blockData ? 'blocks' : path ?? texture)!
   if (loadedImagesCache.has(loadPath)) {
     onLoad()
   } else {
     const imageSrc = getImageSrc(loadPath)
+    if (imageSrc instanceof ImageBitmap) {
+      onLoad()
+      loadedImagesCache.set(loadPath, imageSrc)
+      return imageSrc
+    }
+
     let image: HTMLImageElement
     if (imageSrc instanceof Image) {
       image = imageSrc
@@ -232,126 +229,55 @@ const getImage = ({ path = undefined as string | undefined, texture = undefined
   return loadedImagesCache.get(loadPath)
 }
 
-const getItemVerToRender = (version: string, item: string, itemsMapSortedEntries: any[]) => {
-  const verNumber = versionToNumber(version)
-  for (const [itemsVer, items] of itemsMapSortedEntries) {
-    // 1.18 < 1.18.1
-    // 1.13 < 1.13.2
-    if (items.includes(item) && verNumber <= versionToNumber(itemsVer)) {
-      return itemsVer as string
-    }
-  }
-}
-
-const isFullBlock = (block: string) => {
-  const blockData = loadedData.blocksByName[block]
-  if (!blockData) return false
-  const pBlock = new PrismarineBlock(blockData.id, 0, 0)
-  if (pBlock.shapes?.length !== 1) return false
-  const shape = pBlock.shapes[0]!
-  return shape[0] === 0 && shape[1] === 0 && shape[2] === 0 && shape[3] === 1 && shape[4] === 1 && shape[5] === 1
-}
-
-type RenderSlot = Pick<import('prismarine-item').Item, 'name' | 'displayName' | 'durabilityUsed' | 'maxDurability' | 'enchants'>
-const renderSlot = (slot: RenderSlot, skipBlock = false): { texture: string, blockData?, scale?: number, slice?: number[] } | undefined => {
-  const itemName = slot.name
-  const isItem = loadedData.itemsByName[itemName]
-  const fullBlock = isFullBlock(itemName)
-
-  if (isItem) {
-    const legacyItemVersion = getItemVerToRender(version, itemName, itemsAtlases.legacyMap)
-    const vuToSlice = ({ u, v }, size) => [...svSuToCoordinates('items', u, v, size).slice(0, 2), 16, 16] // item size is fixed
-    if (legacyItemVersion) {
-      const textureData = itemsAtlases.legacy.textures[`${legacyItemVersion}-${itemName}`]!
-      return {
-        texture: 'items-legacy',
-        slice: vuToSlice(textureData, itemsAtlases.legacy.size)
-      }
-    }
-    const textureData = itemsAtlases.latest.textures[itemName]
-    if (textureData) {
-      return {
-        texture: 'items',
-        slice: vuToSlice(textureData, itemsAtlases.latest.size)
-      }
-    }
-  }
-  if (fullBlock && !skipBlock) {
-    const blockData = getBlockData(itemName)
-    if (blockData) {
-      return {
-        texture: 'blocks',
-        blockData
-      }
-    }
-  }
-  const invspriteSlice = getInvspriteSlice(itemName)
-  if (invspriteSlice) {
-    return {
-      texture: 'invsprite',
-      scale: 0.5,
-      slice: invspriteSlice
-    }
-  }
-  console.warn(`No render data for ${itemName}`)
-  if (isItem) {
-    return {
-      texture: 'blocks',
-      slice: [0, 0, 16, 16]
-    }
-  }
-}
-
-type JsonString = string
-type PossibleItemProps = {
-  Damage?: number
-  display?: { Name?: JsonString } // {"text":"Knife","color":"white","italic":"true"}
-}
-export const getItemNameRaw = (item: Pick<import('prismarine-item').Item, 'nbt'> | null) => {
-  if (!item?.nbt) return
-  const itemNbt: PossibleItemProps = nbt.simplify(item.nbt)
-  const customName = itemNbt.display?.Name
-  if (!customName) return
-  try {
-    const parsed = mojangson.simplify(mojangson.parse(customName))
-    if (parsed.extra) {
-      return parsed as Record<string, any>
-    } else {
-      return parsed as MessageFormatPart
-    }
-  } catch (err) {
-    return [{
-      text: customName
-    }]
-  }
-}
-
-const getItemName = (slot: Item | null) => {
-  const parsed = getItemNameRaw(slot)
+const getItemName = (slot: Item | RenderItem | null) => {
+  const parsed = getItemNameRaw(slot, appViewer.resourcesManager)
   if (!parsed) return
   // todo display full text renderer from sign renderer
-  const text = flat(parsed as MessageFormatPart).map(x => x.text)
+  const text = flat(parsed as MessageFormatPart).map(x => (typeof x === 'string' ? x : x.text))
   return text.join('')
 }
 
-export const renderSlotExternal = (slot) => {
-  const data = renderSlot(slot, true)
-  if (!data) return
-  return {
-    imageDataUrl: data.texture === 'invsprite' ? undefined : getImage({ path: data.texture })?.src,
-    sprite: data.slice && data.texture !== 'invsprite' ? data.slice.map(x => x * 2) : data.slice,
-    displayName: getItemName(slot) ?? slot.displayName,
+let lastMappedSlots = [] as any[]
+const itemToVisualKey = (slot: RenderItem | Item | null) => {
+  if (!slot) return ''
+  const keys = [
+    slot.name,
+    slot.durabilityUsed,
+    slot.maxDurability,
+    slot['count'],
+    slot['metadata'],
+    slot.nbt ? JSON.stringify(slot.nbt) : '',
+    slot['components'] ? JSON.stringify(slot['components']) : '',
+    appViewer.resourcesManager.currentResources!.guiAtlasVersion,
+  ].join('|')
+  return keys
+}
+const validateSlot = (slot: any, index: number) => {
+  if (!slot.texture) {
+    throw new Error(`Slot has no texture: ${index} ${slot.name}`)
   }
 }
+const mapSlots = (slots: Array<RenderItem | Item | null>, isJei = false) => {
+  const newSlots = slots.map((slot, i) => {
+    if (!slot) return null
 
-const mapSlots = (slots: Array<RenderSlot | Item | null>) => {
-  return slots.map(slot => {
-    // todo stateid
-    if (!slot) return
+    if (!isJei) {
+      const oldKey = lastMappedSlots[i]?.cacheKey
+      const newKey = itemToVisualKey(slot)
+      slot['cacheKey'] = i + '|' + newKey
+      if (oldKey && oldKey === newKey) {
+        validateSlot(lastMappedSlots[i], i)
+        return lastMappedSlots[i]
+      }
+    }
 
     try {
-      const slotCustomProps = renderSlot(slot)
-      Object.assign(slot, { ...slotCustomProps, displayName: ('nbt' in slot ? getItemName(slot) : undefined) ?? slot.displayName })
+      if (slot.durabilityUsed && slot.maxDurability) slot.durabilityUsed = Math.min(slot.durabilityUsed, slot.maxDurability)
+      const debugIsQuickbar = !isJei && i === bot.inventory.hotbarStart + bot.quickBarSlot
+      const modelName = getItemModelName(slot, { 'minecraft:display_context': 'gui', }, appViewer.resourcesManager, appViewer.playerState.reactive)
+      const slotCustomProps = renderSlot({ modelName, originalItemName: slot.name }, appViewer.resourcesManager, debugIsQuickbar)
+      const itemCustomName = getItemName(slot)
+      Object.assign(slot, { ...slotCustomProps, displayName: itemCustomName ?? slot.displayName })
       //@ts-expect-error
       slot.toJSON = () => {
         // Allow to serialize slot to JSON as minecraft-inventory-gui creates icon property as cache (recursively)
@@ -359,11 +285,14 @@ const mapSlots = (slots: Array<RenderSlot | Item | null>) => {
         const { icon, ...rest } = slot
         return rest
       }
+      validateSlot(slot, i)
     } catch (err) {
       inGameError(err)
     }
     return slot
   })
+  lastMappedSlots = JSON.parse(JSON.stringify(newSlots))
+  return newSlots
 }
 
 export const upInventoryItems = (isInventory: boolean, invWindow = lastWindow) => {
@@ -371,6 +300,7 @@ export const upInventoryItems = (isInventory: boolean, invWindow = lastWindow) =
   // inv.pwindow.inv.slots[2].blockData = getBlockData('dirt')
   const customSlots = mapSlots((isInventory ? bot.inventory : bot.currentWindow)!.slots)
   invWindow.pwindow.setSlots(customSlots)
+  return customSlots
 }
 
 export const onModalClose = (callback: () => any) => {
@@ -397,7 +327,10 @@ const implementedContainersGuiMap = {
   'minecraft:generic_3x3': 'DropDispenseWin',
   'minecraft:furnace': 'FurnaceWin',
   'minecraft:smoker': 'FurnaceWin',
+  'minecraft:shulker_box': 'ChestWin',
+  'minecraft:blast_furnace': 'FurnaceWin',
   'minecraft:crafting': 'CraftingWin',
+  'minecraft:crafting3x3': 'CraftingWin', // todo different result slot
   'minecraft:anvil': 'AnvilWin',
   // enchant
   'minecraft:enchanting_table': 'EnchantingWin',
@@ -407,15 +340,22 @@ const implementedContainersGuiMap = {
   'minecraft:villager': 'VillagerWin',
 }
 
+let lastJeiSearch = ''
 const upJei = (search: string) => {
+  lastJeiSearch = search
   search = search.toLowerCase()
   // todo fix pre flat
-  const matchedSlots = loadedData.itemsArray.map(x => {
+  const itemsArray = [
+    ...jeiCustomCategories.value.flatMap(x => x.items).filter(x => x !== null),
+    ...loadedData.itemsArray.filter(x => x.displayName.toLowerCase().includes(search)).map(item => new PrismarineItem(item.id, 1)).filter(x => x !== null)
+  ]
+  const matchedSlots = itemsArray.map(x => {
+    x.displayName = getItemName(x) ?? x.displayName
     if (!x.displayName.toLowerCase().includes(search)) return null
-    return new PrismarineItem(x.id, 1)
+    return x
   }).filter(a => a !== null)
   lastWindow.pwindow.win.jeiSlotsPage = 0
-  lastWindow.pwindow.win.jeiSlots = mapSlots(matchedSlots)
+  lastWindow.pwindow.win.jeiSlots = mapSlots(matchedSlots, true)
 }
 
 export const openItemsCanvas = (type, _bot = bot as typeof bot | null) => {
@@ -430,7 +370,7 @@ export const openItemsCanvas = (type, _bot = bot as typeof bot | null) => {
     return [...allRecipes ?? [], ...itemDescription ? [
       [
         'GenericDescription',
-        mapSlots([item])[0],
+        mapSlots([item], true)[0],
         [],
         itemDescription
       ]
@@ -447,8 +387,17 @@ export const openItemsCanvas = (type, _bot = bot as typeof bot | null) => {
   return inv
 }
 
+const upWindowItemsLocal = () => {
+  if (!lastWindow && bot.currentWindow) {
+    // edge case: might happen due to high ping, inventory should be closed soon!
+    // openWindow(implementedContainersGuiMap[bot.currentWindow.type])
+    return
+  }
+  void Promise.resolve().then(() => upInventoryItems(lastWindowType === null))
+}
+
 let skipClosePacketSending = false
-const openWindow = (type: string | undefined) => {
+const openWindow = (type: string | undefined, title: string | any = undefined) => {
   // if (activeModalStack.some(x => x.reactType?.includes?.('player_win:'))) {
   if (activeModalStack.length) { // game is not in foreground, don't close current modal
     if (type) {
@@ -459,6 +408,7 @@ const openWindow = (type: string | undefined) => {
       return
     }
   }
+  lastWindowType = type ?? null
   showModal({
     reactType: `player_win:${type}`,
   })
@@ -467,13 +417,32 @@ const openWindow = (type: string | undefined) => {
     if (type !== undefined && bot.currentWindow && !skipClosePacketSending) bot.currentWindow['close']()
     lastWindow.destroy()
     lastWindow = null as any
-    window.lastWindow = lastWindow
+    lastWindowType = null
+    window.inventory = null
     miscUiState.displaySearchInput = false
     destroyFn()
     skipClosePacketSending = false
+
+    modelViewerState.model = undefined
   })
+  if (type === undefined) {
+    showInventoryPlayer()
+  }
   cleanLoadedImagesCache()
   const inv = openItemsCanvas(type)
+  inv.canvasManager.children[0].mobileHelpers = miscUiState.currentTouch
+  window.inventory = inv
+  const PrismarineChat = PrismarineChatLoader(bot.version)
+  try {
+    inv.canvasManager.children[0].customTitleText = title ?
+      typeof title === 'string' ?
+        fromFormattedString(title).text :
+        new PrismarineChat(title).toString() :
+      undefined
+  } catch (err) {
+    reportError?.(err)
+    inv.canvasManager.children[0].customTitleText = undefined
+  }
   // todo
   inv.canvasManager.setScale(currentScaling.scale === 1 ? 1.5 : currentScaling.scale)
   inv.canvas.style.zIndex = '10'
@@ -491,10 +460,8 @@ const openWindow = (type: string | undefined) => {
   }
 
   lastWindow = inv
-  const upWindowItems = () => {
-    void Promise.resolve().then(() => upInventoryItems(type === undefined))
-  }
-  upWindowItems()
+
+  upWindowItemsLocal()
 
   lastWindow.pwindow.touch = miscUiState.currentTouch ?? false
   const oldOnInventoryEvent = lastWindow.pwindow.onInventoryEvent.bind(lastWindow.pwindow)
@@ -503,6 +470,7 @@ const openWindow = (type: string | undefined) => {
       const isRightClick = type === 'rightclick'
       const isLeftClick = type === 'leftclick'
       if (isLeftClick || isRightClick) {
+        modelViewerState.model = undefined
         inv.canvasManager.children[0].showRecipesOrUsages(isLeftClick, item)
       }
     } else {
@@ -510,43 +478,65 @@ const openWindow = (type: string | undefined) => {
     }
   }
   lastWindow.pwindow.onJeiClick = (slotItem, _index, isRightclick) => {
+    if (versionToNumber(bot.version) < versionToNumber('1.13')) {
+      alert('Item give is broken on 1.12.2 and below, we are working on it!')
+      return
+    }
     // slotItem is the slot from mapSlots
     const itemId = loadedData.itemsByName[slotItem.name]?.id
     if (!itemId) {
       inGameError(`Item for block ${slotItem.name} not found`)
       return
     }
-    const item = new PrismarineItem(itemId, isRightclick ? 64 : 1, slotItem.metadata)
+    const item = PrismarineItem.fromNotch({
+      ...slotItem,
+      itemId,
+      itemCount: isRightclick ? 64 : 1,
+      components: slotItem.components ?? [],
+      removeComponents: slotItem.removedComponents ?? [],
+      itemDamage: slotItem.metadata ?? 0,
+      nbt: slotItem.nbt,
+    })
     if (bot.game.gameMode === 'creative') {
       const freeSlot = bot.inventory.firstEmptyInventorySlot()
       if (freeSlot === null) return
       void bot.creative.setInventorySlot(freeSlot, item)
     } else {
-      inv.canvasManager.children[0].showRecipesOrUsages(!isRightclick, mapSlots([item])[0])
+      modelViewerState.model = undefined
+      inv.canvasManager.children[0].showRecipesOrUsages(!isRightclick, mapSlots([item], true)[0])
     }
   }
 
-  // if (bot.game.gameMode !== 'spectator') {
-  lastWindow.pwindow.win.jeiSlotsPage = 0
-  // todo workaround so inventory opens immediately (though it still lags)
-  setTimeout(() => {
-    upJei('')
-  })
-  miscUiState.displaySearchInput = true
-  // } else {
-  //   lastWindow.pwindow.win.jeiSlots = []
-  // }
+  const isJeiEnabled = () => {
+    if (typeof options.jeiEnabled === 'boolean') return options.jeiEnabled
+    if (Array.isArray(options.jeiEnabled)) {
+      return options.jeiEnabled.includes(bot.game?.gameMode as any)
+    }
+    return false
+  }
+
+  if (isJeiEnabled()) {
+    lastWindow.pwindow.win.jeiSlotsPage = 0
+    // todo workaround so inventory opens immediately (though it still lags)
+    setTimeout(() => {
+      upJei('')
+    })
+    miscUiState.displaySearchInput = true
+  } else {
+    lastWindow.pwindow.win.jeiSlots = []
+    miscUiState.displaySearchInput = false
+  }
 
   if (type === undefined) {
     // player inventory
-    bot.inventory.on('updateSlot', upWindowItems)
+    bot.inventory.on('updateSlot', upWindowItemsLocal)
     destroyFn = () => {
-      bot.inventory.off('updateSlot', upWindowItems)
+      bot.inventory.off('updateSlot', upWindowItemsLocal)
     }
   } else {
     //@ts-expect-error
     bot.currentWindow.on('updateSlot', () => {
-      upWindowItems()
+      upWindowItemsLocal()
     })
   }
 }
@@ -581,7 +571,7 @@ const getResultingRecipe = (slots: Array<Item | null>, gridRows: number) => {
   type Result = RecipeItem | undefined
   let shapelessResult: Result
   let shapeResult: Result
-  outer: for (const [id, recipeVariants] of Object.entries(loadedData.recipes)) {
+  outer: for (const [id, recipeVariants] of Object.entries(loadedData.recipes ?? {})) {
     for (const recipeVariant of recipeVariants) {
       if ('inShape' in recipeVariant && equals(currentShape, recipeVariant.inShape as number[][])) {
         shapeResult = recipeVariant.result!
@@ -603,13 +593,13 @@ const getResultingRecipe = (slots: Array<Item | null>, gridRows: number) => {
   return item
 }
 
-const ingredientToItem = (recipeItem) => recipeItem === null ? null : new PrismarineItem(recipeItem, 1)
+const ingredientToItem = (recipeItem) => (recipeItem === null ? null : new PrismarineItem(recipeItem, 1))
 
 const getAllItemRecipes = (itemName: string) => {
   const item = loadedData.itemsByName[itemName]
   if (!item) return
   const itemId = item.id
-  const recipes = loadedData.recipes[itemId]
+  const recipes = loadedData.recipes?.[itemId]
   if (!recipes) return
   const results = [] as Array<{
     result: Item,
@@ -642,8 +632,8 @@ const getAllItemRecipes = (itemName: string) => {
   return results.map(({ result, ingredients, description }) => {
     return [
       'CraftingTableGuide',
-      mapSlots([result])[0],
-      mapSlots(ingredients),
+      mapSlots([result], true)[0],
+      mapSlots(ingredients, true),
       description
     ]
   })
@@ -654,7 +644,7 @@ const getAllItemUsages = (itemName: string) => {
   if (!item) return
   const foundRecipeIds = [] as string[]
 
-  for (const [id, recipes] of Object.entries(loadedData.recipes)) {
+  for (const [id, recipes] of Object.entries(loadedData.recipes ?? {})) {
     for (const recipe of recipes) {
       if ('inShape' in recipe) {
         if (recipe.inShape.some(row => row.includes(item.id))) {
diff --git a/src/invsprite.json b/src/invsprite.json
deleted file mode 100644
index 58cd192d..00000000
--- a/src/invsprite.json
+++ /dev/null
@@ -1,4812 +0,0 @@
-{
-  "air": {
-    "name": "Air",
-    "x": 832,
-    "y": 2336
-  },
-  "stone": {
-    "name": "Stone",
-    "x": 224,
-    "y": 992
-  },
-  "granite": {
-    "name": "Granite",
-    "x": 96,
-    "y": 3360
-  },
-  "polished_granite": {
-    "name": "Polished Granite",
-    "x": 384,
-    "y": 896
-  },
-  "diorite": {
-    "name": "Diorite",
-    "x": 64,
-    "y": 3360
-  },
-  "polished_diorite": {
-    "name": "Polished Diorite",
-    "x": 352,
-    "y": 896
-  },
-  "andesite": {
-    "name": "Andesite",
-    "x": 832,
-    "y": 3328
-  },
-  "polished_andesite": {
-    "name": "Polished Andesite",
-    "x": 320,
-    "y": 896
-  },
-  "grass_block": {
-    "name": "Grass Block",
-    "x": 640,
-    "y": 960
-  },
-  "dirt": {
-    "name": "Dirt",
-    "x": 576,
-    "y": 960
-  },
-  "coarse_dirt": {
-    "name": "Coarse Dirt",
-    "x": 416,
-    "y": 960
-  },
-  "podzol": {
-    "name": "Podzol",
-    "x": 352,
-    "y": 3360
-  },
-  "crimson_nylium": {
-    "name": "Crimson Nylium",
-    "x": 640,
-    "y": 128
-  },
-  "warped_nylium": {
-    "name": "Warped Nylium",
-    "x": 768,
-    "y": 128
-  },
-  "cobblestone": {
-    "name": "Cobblestone",
-    "x": 960,
-    "y": 3328
-  },
-  "oak_planks": {
-    "name": "Oak Planks",
-    "x": 192,
-    "y": 896
-  },
-  "spruce_planks": {
-    "name": "Spruce Planks",
-    "x": 0,
-    "y": 928
-  },
-  "birch_planks": {
-    "name": "Birch Planks",
-    "x": 832,
-    "y": 832
-  },
-  "jungle_planks": {
-    "name": "Jungle Planks",
-    "x": 992,
-    "y": 864
-  },
-  "acacia_planks": {
-    "name": "Acacia Planks",
-    "x": 672,
-    "y": 832
-  },
-  "dark_oak_planks": {
-    "name": "Dark Oak Planks",
-    "x": 512,
-    "y": 864
-  },
-  "crimson_planks": {
-    "name": "Crimson Planks",
-    "x": 544,
-    "y": 128
-  },
-  "warped_planks": {
-    "name": "Warped Planks",
-    "x": 576,
-    "y": 128
-  },
-  "oak_sapling": {
-    "name": "Oak Sapling",
-    "x": 192,
-    "y": 3424
-  },
-  "spruce_sapling": {
-    "name": "Spruce Sapling",
-    "x": 608,
-    "y": 3424
-  },
-  "birch_sapling": {
-    "name": "Birch Sapling",
-    "x": 416,
-    "y": 3392
-  },
-  "jungle_sapling": {
-    "name": "Jungle Sapling",
-    "x": 960,
-    "y": 3392
-  },
-  "acacia_sapling": {
-    "name": "Acacia Sapling",
-    "x": 224,
-    "y": 3392
-  },
-  "dark_oak_sapling": {
-    "name": "Dark Oak Sapling",
-    "x": 768,
-    "y": 3392
-  },
-  "bedrock": {
-    "name": "Bedrock",
-    "x": 320,
-    "y": 960
-  },
-  "sand": {
-    "name": "Sand",
-    "x": 480,
-    "y": 3360
-  },
-  "red_sand": {
-    "name": "Red Sand",
-    "x": 416,
-    "y": 3360
-  },
-  "gravel": {
-    "name": "Gravel",
-    "x": 128,
-    "y": 3360
-  },
-  "gold_ore": {
-    "name": "Gold Ore",
-    "x": 32,
-    "y": 3392
-  },
-  "iron_ore": {
-    "name": "Iron Ore",
-    "x": 64,
-    "y": 3392
-  },
-  "coal_ore": {
-    "name": "Coal Ore",
-    "x": 960,
-    "y": 3360
-  },
-  "nether_gold_ore": {
-    "name": "Nether Gold Ore",
-    "x": 288,
-    "y": 192
-  },
-  "oak_log": {
-    "name": "Oak Log",
-    "x": 160,
-    "y": 3424
-  },
-  "spruce_log": {
-    "name": "Spruce Log",
-    "x": 576,
-    "y": 3424
-  },
-  "birch_log": {
-    "name": "Birch Log",
-    "x": 384,
-    "y": 3392
-  },
-  "jungle_log": {
-    "name": "Jungle Log",
-    "x": 928,
-    "y": 3392
-  },
-  "acacia_log": {
-    "name": "Acacia Log",
-    "x": 192,
-    "y": 3392
-  },
-  "dark_oak_log": {
-    "name": "Dark Oak Log",
-    "x": 736,
-    "y": 3392
-  },
-  "crimson_stem": {
-    "name": "Crimson Stem",
-    "x": 672,
-    "y": 128
-  },
-  "warped_stem": {
-    "name": "Warped Stem",
-    "x": 800,
-    "y": 128
-  },
-  "stripped_oak_log": {
-    "name": "Stripped Oak Log",
-    "x": 288,
-    "y": 1664
-  },
-  "stripped_spruce_log": {
-    "name": "Stripped Spruce Log",
-    "x": 320,
-    "y": 1664
-  },
-  "stripped_birch_log": {
-    "name": "Stripped Birch Log",
-    "x": 192,
-    "y": 1664
-  },
-  "stripped_jungle_log": {
-    "name": "Stripped Jungle Log",
-    "x": 256,
-    "y": 1664
-  },
-  "stripped_acacia_log": {
-    "name": "Stripped Acacia Log",
-    "x": 160,
-    "y": 1664
-  },
-  "stripped_dark_oak_log": {
-    "name": "Stripped Dark Oak Log",
-    "x": 224,
-    "y": 1664
-  },
-  "stripped_crimson_stem": {
-    "name": "Stripped Crimson Stem",
-    "x": 448,
-    "y": 160
-  },
-  "stripped_warped_stem": {
-    "name": "Stripped Warped Stem",
-    "x": 480,
-    "y": 160
-  },
-  "stripped_oak_wood": {
-    "name": "Stripped Oak Wood",
-    "x": 576,
-    "y": 2080
-  },
-  "stripped_spruce_wood": {
-    "name": "Stripped Spruce Wood",
-    "x": 608,
-    "y": 2080
-  },
-  "stripped_birch_wood": {
-    "name": "Stripped Birch Wood",
-    "x": 640,
-    "y": 2080
-  },
-  "stripped_jungle_wood": {
-    "name": "Stripped Jungle Wood",
-    "x": 672,
-    "y": 2080
-  },
-  "stripped_acacia_wood": {
-    "name": "Stripped Acacia Wood",
-    "x": 704,
-    "y": 2080
-  },
-  "stripped_dark_oak_wood": {
-    "name": "Stripped Dark Oak Wood",
-    "x": 736,
-    "y": 2080
-  },
-  "stripped_crimson_hyphae": {
-    "name": "Stripped Crimson Hyphae",
-    "x": 224,
-    "y": 192
-  },
-  "stripped_warped_hyphae": {
-    "name": "Stripped Warped Hyphae",
-    "x": 256,
-    "y": 192
-  },
-  "oak_wood": {
-    "name": "Oak Wood",
-    "x": 704,
-    "y": 3264
-  },
-  "spruce_wood": {
-    "name": "Spruce Wood",
-    "x": 736,
-    "y": 3296
-  },
-  "birch_wood": {
-    "name": "Birch Wood",
-    "x": 0,
-    "y": 3232
-  },
-  "jungle_wood": {
-    "name": "Jungle Wood",
-    "x": 192,
-    "y": 3264
-  },
-  "acacia_wood": {
-    "name": "Acacia Wood",
-    "x": 768,
-    "y": 3200
-  },
-  "dark_oak_wood": {
-    "name": "Dark Oak Wood",
-    "x": 704,
-    "y": 3232
-  },
-  "crimson_hyphae": {
-    "name": "Crimson Hyphae",
-    "x": 160,
-    "y": 192
-  },
-  "warped_hyphae": {
-    "name": "Warped Hyphae",
-    "x": 192,
-    "y": 192
-  },
-  "oak_leaves": {
-    "name": "Oak Leaves",
-    "x": 128,
-    "y": 3424
-  },
-  "spruce_leaves": {
-    "name": "Spruce Leaves",
-    "x": 544,
-    "y": 3424
-  },
-  "birch_leaves": {
-    "name": "Birch Leaves",
-    "x": 352,
-    "y": 3392
-  },
-  "jungle_leaves": {
-    "name": "Jungle Leaves",
-    "x": 896,
-    "y": 3392
-  },
-  "acacia_leaves": {
-    "name": "Acacia Leaves",
-    "x": 160,
-    "y": 3392
-  },
-  "dark_oak_leaves": {
-    "name": "Dark Oak Leaves",
-    "x": 704,
-    "y": 3392
-  },
-  "sponge": {
-    "name": "Sponge",
-    "x": 896,
-    "y": 3584
-  },
-  "wet_sponge": {
-    "name": "Wet Sponge",
-    "x": 0,
-    "y": 3616
-  },
-  "glass": {
-    "name": "Glass",
-    "x": 960,
-    "y": 3232
-  },
-  "lapis_ore": {
-    "name": "Lapis Lazuli Ore",
-    "x": 96,
-    "y": 3392
-  },
-  "lapis_block": {
-    "name": "Lapis Lazuli Block",
-    "x": 256,
-    "y": 3264
-  },
-  "dispenser": {
-    "name": "Dispenser",
-    "x": 576,
-    "y": 3584
-  },
-  "sandstone": {
-    "name": "Sandstone",
-    "x": 512,
-    "y": 3360
-  },
-  "chiseled_sandstone": {
-    "name": "Chiseled Sandstone",
-    "x": 384,
-    "y": 3232
-  },
-  "cut_sandstone": {
-    "name": "Cut Sandstone",
-    "x": 544,
-    "y": 3232
-  },
-  "note_block": {
-    "name": "Note Block",
-    "x": 832,
-    "y": 3584
-  },
-  "powered_rail": {
-    "name": "Powered Rail",
-    "x": 448,
-    "y": 3328
-  },
-  "detector_rail": {
-    "name": "Detector Rail",
-    "x": 160,
-    "y": 3328
-  },
-  "sticky_piston": {
-    "name": "Sticky Piston",
-    "x": 704,
-    "y": 3328
-  },
-  "cobweb": {
-    "name": "Cobweb",
-    "x": 992,
-    "y": 3328
-  },
-  "grass": {
-    "name": "Grass",
-    "x": 864,
-    "y": 3392
-  },
-  "fern": {
-    "name": "Fern",
-    "x": 832,
-    "y": 3392
-  },
-  "dead_bush": {
-    "name": "Dead Bush",
-    "x": 800,
-    "y": 3392
-  },
-  "seagrass": {
-    "name": "Seagrass",
-    "x": 384,
-    "y": 2016
-  },
-  "sea_pickle": {
-    "name": "Sea Pickle",
-    "x": 224,
-    "y": 1728
-  },
-  "piston": {
-    "name": "Piston",
-    "x": 416,
-    "y": 3328
-  },
-  "white_wool": {
-    "name": "White Wool",
-    "x": 0,
-    "y": 1536
-  },
-  "orange_wool": {
-    "name": "Orange Wool",
-    "x": 896,
-    "y": 1504
-  },
-  "magenta_wool": {
-    "name": "Magenta Wool",
-    "x": 864,
-    "y": 1504
-  },
-  "light_blue_wool": {
-    "name": "Light Blue Wool",
-    "x": 768,
-    "y": 1504
-  },
-  "yellow_wool": {
-    "name": "Yellow Wool",
-    "x": 32,
-    "y": 1536
-  },
-  "lime_wool": {
-    "name": "Lime Wool",
-    "x": 832,
-    "y": 1504
-  },
-  "pink_wool": {
-    "name": "Pink Wool",
-    "x": 928,
-    "y": 1504
-  },
-  "gray_wool": {
-    "name": "Gray Wool",
-    "x": 704,
-    "y": 1504
-  },
-  "light_gray_wool": {
-    "name": "Light Gray Wool",
-    "x": 800,
-    "y": 1504
-  },
-  "cyan_wool": {
-    "name": "Cyan Wool",
-    "x": 672,
-    "y": 1504
-  },
-  "purple_wool": {
-    "name": "Purple Wool",
-    "x": 960,
-    "y": 1504
-  },
-  "blue_wool": {
-    "name": "Blue Wool",
-    "x": 608,
-    "y": 1504
-  },
-  "brown_wool": {
-    "name": "Brown Wool",
-    "x": 640,
-    "y": 1504
-  },
-  "green_wool": {
-    "name": "Green Wool",
-    "x": 736,
-    "y": 1504
-  },
-  "red_wool": {
-    "name": "Red Wool",
-    "x": 992,
-    "y": 1504
-  },
-  "black_wool": {
-    "name": "Black Wool",
-    "x": 576,
-    "y": 1504
-  },
-  "dandelion": {
-    "name": "Dandelion",
-    "x": 672,
-    "y": 3392
-  },
-  "poppy": {
-    "name": "Poppy",
-    "x": 352,
-    "y": 3424
-  },
-  "blue_orchid": {
-    "name": "Blue Orchid",
-    "x": 448,
-    "y": 3392
-  },
-  "allium": {
-    "name": "Allium",
-    "x": 256,
-    "y": 3392
-  },
-  "azure_bluet": {
-    "name": "Azure Bluet",
-    "x": 288,
-    "y": 3392
-  },
-  "red_tulip": {
-    "name": "Red Tulip",
-    "x": 480,
-    "y": 3424
-  },
-  "orange_tulip": {
-    "name": "Orange Tulip",
-    "x": 224,
-    "y": 3424
-  },
-  "white_tulip": {
-    "name": "White Tulip",
-    "x": 768,
-    "y": 3424
-  },
-  "pink_tulip": {
-    "name": "Pink Tulip",
-    "x": 320,
-    "y": 3424
-  },
-  "oxeye_daisy": {
-    "name": "Oxeye Daisy",
-    "x": 256,
-    "y": 3424
-  },
-  "cornflower": {
-    "name": "Cornflower",
-    "x": 640,
-    "y": 2368
-  },
-  "lily_of_the_valley": {
-    "name": "Lily of the Valley",
-    "x": 672,
-    "y": 2368
-  },
-  "wither_rose": {
-    "name": "Wither Rose",
-    "x": 608,
-    "y": 2368
-  },
-  "brown_mushroom": {
-    "name": "Brown Mushroom",
-    "x": 512,
-    "y": 3392
-  },
-  "red_mushroom": {
-    "name": "Red Mushroom",
-    "x": 448,
-    "y": 3424
-  },
-  "crimson_fungus": {
-    "name": "Crimson Fungus",
-    "x": 928,
-    "y": 128
-  },
-  "warped_fungus": {
-    "name": "Warped Fungus",
-    "x": 960,
-    "y": 128
-  },
-  "crimson_roots": {
-    "name": "Crimson Roots",
-    "x": 928,
-    "y": 160
-  },
-  "warped_roots": {
-    "name": "Warped Roots",
-    "x": 992,
-    "y": 160
-  },
-  "nether_sprouts": {
-    "name": "Nether Sprouts",
-    "x": 928,
-    "y": 64
-  },
-  "weeping_vines": {
-    "name": "Weeping Vines",
-    "x": 992,
-    "y": 128
-  },
-  "twisting_vines": {
-    "name": "Twisting Vines",
-    "x": 320,
-    "y": 192
-  },
-  "sugar_cane": {
-    "name": "Sugar Cane",
-    "x": 640,
-    "y": 3424
-  },
-  "kelp": {
-    "name": "Kelp",
-    "x": 576,
-    "y": 1664
-  },
-  "bamboo": {
-    "name": "Bamboo",
-    "x": 128,
-    "y": 2368
-  },
-  "gold_block": {
-    "name": "Block of Gold",
-    "x": 128,
-    "y": 3232
-  },
-  "iron_block": {
-    "name": "Block of Iron",
-    "x": 160,
-    "y": 3232
-  },
-  "oak_slab": {
-    "name": "Oak Slab",
-    "x": 640,
-    "y": 3264
-  },
-  "spruce_slab": {
-    "name": "Spruce Slab",
-    "x": 672,
-    "y": 3296
-  },
-  "birch_slab": {
-    "name": "Birch Slab",
-    "x": 960,
-    "y": 3200
-  },
-  "jungle_slab": {
-    "name": "Jungle Slab",
-    "x": 128,
-    "y": 3264
-  },
-  "acacia_slab": {
-    "name": "Acacia Slab",
-    "x": 704,
-    "y": 3200
-  },
-  "dark_oak_slab": {
-    "name": "Dark Oak Slab",
-    "x": 640,
-    "y": 3232
-  },
-  "crimson_slab": {
-    "name": "Crimson Slab",
-    "x": 32,
-    "y": 160
-  },
-  "warped_slab": {
-    "name": "Warped Slab",
-    "x": 128,
-    "y": 160
-  },
-  "stone_slab": {
-    "name": "Stone Slab",
-    "x": 864,
-    "y": 3296
-  },
-  "smooth_stone_slab": {
-    "name": "Smooth Stone Slab",
-    "x": 544,
-    "y": 3296
-  },
-  "sandstone_slab": {
-    "name": "Sandstone Slab",
-    "x": 192,
-    "y": 3296
-  },
-  "cut_sandstone_slab": {
-    "name": "Cut Sandstone Slab",
-    "x": 64,
-    "y": 2464
-  },
-  "petrified_oak_slab": {
-    "name": "Petrified Oak Slab",
-    "x": 224,
-    "y": 896
-  },
-  "cobblestone_slab": {
-    "name": "Cobblestone Slab",
-    "x": 416,
-    "y": 3232
-  },
-  "brick_slab": {
-    "name": "Brick Slab",
-    "x": 256,
-    "y": 3232
-  },
-  "stone_brick_slab": {
-    "name": "Stone Brick Slab",
-    "x": 128,
-    "y": 928
-  },
-  "nether_brick_slab": {
-    "name": "Nether Brick Slab",
-    "x": 480,
-    "y": 3264
-  },
-  "quartz_slab": {
-    "name": "Quartz Slab",
-    "x": 960,
-    "y": 3264
-  },
-  "red_sandstone_slab": {
-    "name": "Red Sandstone Slab",
-    "x": 96,
-    "y": 3296
-  },
-  "cut_red_sandstone_slab": {
-    "name": "Cut Red Sandstone Slab",
-    "x": 32,
-    "y": 2464
-  },
-  "purpur_slab": {
-    "name": "Purpur Slab",
-    "x": 896,
-    "y": 3264
-  },
-  "prismarine_slab": {
-    "name": "Dark Prismarine Slab",
-    "x": 736,
-    "y": 3232
-  },
-  "prismarine_brick_slab": {
-    "name": "Prismarine Brick Slab",
-    "x": 864,
-    "y": 3264
-  },
-  "dark_prismarine_slab": {
-    "name": "Dark Prismarine Slab",
-    "x": 736,
-    "y": 3232
-  },
-  "smooth_quartz": {
-    "name": "Smooth Quartz Block",
-    "x": 64,
-    "y": 864
-  },
-  "smooth_red_sandstone": {
-    "name": "Smooth Red Sandstone",
-    "x": 416,
-    "y": 3296
-  },
-  "smooth_sandstone": {
-    "name": "Smooth Sandstone",
-    "x": 512,
-    "y": 3296
-  },
-  "smooth_stone": {
-    "name": "Smooth Stone",
-    "x": 832,
-    "y": 896
-  },
-  "bricks": {
-    "name": "Bricks",
-    "x": 416,
-    "y": 96
-  },
-  "tnt": {
-    "name": "TNT",
-    "x": 960,
-    "y": 3584
-  },
-  "bookshelf": {
-    "name": "Bookshelf",
-    "x": 224,
-    "y": 3232
-  },
-  "mossy_cobblestone": {
-    "name": "Mossy Cobblestone",
-    "x": 192,
-    "y": 3360
-  },
-  "obsidian": {
-    "name": "Obsidian",
-    "x": 288,
-    "y": 3360
-  },
-  "torch": {
-    "name": "Torch",
-    "x": 928,
-    "y": 3360
-  },
-  "end_rod": {
-    "name": "End Rod",
-    "x": 672,
-    "y": 3168
-  },
-  "chorus_plant": {
-    "name": "Chorus Plant",
-    "x": 640,
-    "y": 3392
-  },
-  "chorus_flower": {
-    "name": "Chorus Flower",
-    "x": 608,
-    "y": 3392
-  },
-  "purpur_block": {
-    "name": "Purpur Block",
-    "x": 416,
-    "y": 896
-  },
-  "purpur_pillar": {
-    "name": "Purpur Pillar",
-    "x": 448,
-    "y": 896
-  },
-  "purpur_stairs": {
-    "name": "Purpur Stairs",
-    "x": 928,
-    "y": 3264
-  },
-  "spawner": {
-    "name": "Spawner",
-    "x": 576,
-    "y": 3360
-  },
-  "oak_stairs": {
-    "name": "Oak Stairs",
-    "x": 672,
-    "y": 3264
-  },
-  "chest": {
-    "name": "Chest",
-    "x": 704,
-    "y": 1216
-  },
-  "diamond_ore": {
-    "name": "Diamond Ore",
-    "x": 992,
-    "y": 3360
-  },
-  "diamond_block": {
-    "name": "Block of Diamond",
-    "x": 64,
-    "y": 3232
-  },
-  "crafting_table": {
-    "name": "Crafting Table",
-    "x": 512,
-    "y": 3584
-  },
-  "farmland": {
-    "name": "Farmland",
-    "x": 672,
-    "y": 864
-  },
-  "furnace": {
-    "name": "Furnace",
-    "x": 704,
-    "y": 3584
-  },
-  "ladder": {
-    "name": "Ladder",
-    "x": 224,
-    "y": 3264
-  },
-  "rail": {
-    "name": "Rail",
-    "x": 480,
-    "y": 3328
-  },
-  "cobblestone_stairs": {
-    "name": "Cobblestone Stairs",
-    "x": 448,
-    "y": 3232
-  },
-  "lever": {
-    "name": "Lever",
-    "x": 288,
-    "y": 3328
-  },
-  "stone_pressure_plate": {
-    "name": "Stone Pressure Plate",
-    "x": 768,
-    "y": 3328
-  },
-  "oak_pressure_plate": {
-    "name": "Oak Pressure Plate",
-    "x": 384,
-    "y": 3328
-  },
-  "spruce_pressure_plate": {
-    "name": "Spruce Pressure Plate",
-    "x": 672,
-    "y": 3328
-  },
-  "birch_pressure_plate": {
-    "name": "Birch Pressure Plate",
-    "x": 32,
-    "y": 3328
-  },
-  "jungle_pressure_plate": {
-    "name": "Jungle Pressure Plate",
-    "x": 256,
-    "y": 3328
-  },
-  "acacia_pressure_plate": {
-    "name": "Acacia Pressure Plate",
-    "x": 960,
-    "y": 3296
-  },
-  "dark_oak_pressure_plate": {
-    "name": "Dark Oak Pressure Plate",
-    "x": 128,
-    "y": 3328
-  },
-  "crimson_pressure_plate": {
-    "name": "Crimson Pressure Plate",
-    "x": 256,
-    "y": 160
-  },
-  "warped_pressure_plate": {
-    "name": "Warped Pressure Plate",
-    "x": 384,
-    "y": 160
-  },
-  "polished_blackstone_pressure_plate": {
-    "name": "Polished Blackstone Pressure Plate",
-    "x": 928,
-    "y": 256
-  },
-  "redstone_ore": {
-    "name": "Redstone Ore",
-    "x": 128,
-    "y": 3392
-  },
-  "redstone_torch": {
-    "name": "Redstone Torch",
-    "x": 608,
-    "y": 3328
-  },
-  "snow": {
-    "name": "Snow",
-    "x": 544,
-    "y": 3360
-  },
-  "ice": {
-    "name": "Ice",
-    "x": 160,
-    "y": 3360
-  },
-  "snow_block": {
-    "name": "Snow Block",
-    "x": 576,
-    "y": 3296
-  },
-  "cactus": {
-    "name": "Cactus",
-    "x": 544,
-    "y": 3392
-  },
-  "clay": {
-    "name": "Clay",
-    "x": 928,
-    "y": 3328
-  },
-  "jukebox": {
-    "name": "Jukebox",
-    "x": 768,
-    "y": 3584
-  },
-  "oak_fence": {
-    "name": "Oak Fence",
-    "x": 608,
-    "y": 3264
-  },
-  "spruce_fence": {
-    "name": "Spruce Fence",
-    "x": 640,
-    "y": 3296
-  },
-  "birch_fence": {
-    "name": "Birch Fence",
-    "x": 928,
-    "y": 3200
-  },
-  "jungle_fence": {
-    "name": "Jungle Fence",
-    "x": 96,
-    "y": 3264
-  },
-  "acacia_fence": {
-    "name": "Acacia Fence",
-    "x": 672,
-    "y": 3200
-  },
-  "dark_oak_fence": {
-    "name": "Dark Oak Fence",
-    "x": 608,
-    "y": 3232
-  },
-  "crimson_fence": {
-    "name": "Crimson Fence",
-    "x": 0,
-    "y": 160
-  },
-  "warped_fence": {
-    "name": "Warped Fence",
-    "x": 96,
-    "y": 160
-  },
-  "pumpkin": {
-    "name": "Pumpkin",
-    "x": 384,
-    "y": 3424
-  },
-  "carved_pumpkin": {
-    "name": "Carved Pumpkin",
-    "x": 576,
-    "y": 3392
-  },
-  "netherrack": {
-    "name": "Netherrack",
-    "x": 832,
-    "y": 3360
-  },
-  "soul_sand": {
-    "name": "Soul Sand",
-    "x": 864,
-    "y": 3360
-  },
-  "soul_soil": {
-    "name": "Soul Soil",
-    "x": 736,
-    "y": 128
-  },
-  "basalt": {
-    "name": "Basalt",
-    "x": 608,
-    "y": 128
-  },
-  "polished_basalt": {
-    "name": "Polished Basalt",
-    "x": 416,
-    "y": 192
-  },
-  "soul_torch": {
-    "name": "Soul Torch",
-    "x": 864,
-    "y": 128
-  },
-  "glowstone": {
-    "name": "Glowstone",
-    "x": 672,
-    "y": 3360
-  },
-  "jack_o_lantern": {
-    "name": "Jack o'Lantern",
-    "x": 32,
-    "y": 3264
-  },
-  "oak_trapdoor": {
-    "name": "Oak Trapdoor",
-    "x": 928,
-    "y": 928
-  },
-  "spruce_trapdoor": {
-    "name": "Spruce Trapdoor",
-    "x": 448,
-    "y": 1632
-  },
-  "birch_trapdoor": {
-    "name": "Birch Trapdoor",
-    "x": 480,
-    "y": 1632
-  },
-  "jungle_trapdoor": {
-    "name": "Jungle Trapdoor",
-    "x": 512,
-    "y": 1632
-  },
-  "acacia_trapdoor": {
-    "name": "Acacia Trapdoor",
-    "x": 544,
-    "y": 1632
-  },
-  "dark_oak_trapdoor": {
-    "name": "Dark Oak Trapdoor",
-    "x": 576,
-    "y": 1632
-  },
-  "crimson_trapdoor": {
-    "name": "Crimson Trapdoor",
-    "x": 288,
-    "y": 160
-  },
-  "warped_trapdoor": {
-    "name": "Warped Trapdoor",
-    "x": 416,
-    "y": 160
-  },
-  "infested_stone": {
-    "name": "Infested Stone",
-    "x": 224,
-    "y": 992
-  },
-  "infested_cobblestone": {
-    "name": "Infested Cobblestone",
-    "x": 960,
-    "y": 3328
-  },
-  "infested_stone_bricks": {
-    "name": "Infested Stone Bricks",
-    "x": 608,
-    "y": 3360
-  },
-  "infested_mossy_stone_bricks": {
-    "name": "Infested Mossy Stone Bricks",
-    "x": 224,
-    "y": 3360
-  },
-  "infested_cracked_stone_bricks": {
-    "name": "Infested Cracked Stone Bricks",
-    "x": 0,
-    "y": 3360
-  },
-  "infested_chiseled_stone_bricks": {
-    "name": "Infested Chiseled Stone Bricks",
-    "x": 896,
-    "y": 3328
-  },
-  "stone_bricks": {
-    "name": "Stone Bricks",
-    "x": 608,
-    "y": 3360
-  },
-  "mossy_stone_bricks": {
-    "name": "Mossy Stone Bricks",
-    "x": 224,
-    "y": 3360
-  },
-  "cracked_stone_bricks": {
-    "name": "Cracked Stone Bricks",
-    "x": 0,
-    "y": 3360
-  },
-  "chiseled_stone_bricks": {
-    "name": "Chiseled Stone Bricks",
-    "x": 896,
-    "y": 3328
-  },
-  "brown_mushroom_block": {
-    "name": "Brown Mushroom Block",
-    "x": 480,
-    "y": 3392
-  },
-  "red_mushroom_block": {
-    "name": "Red Mushroom Block",
-    "x": 416,
-    "y": 3424
-  },
-  "mushroom_stem": {
-    "name": "Mushroom Stem",
-    "x": 96,
-    "y": 3424
-  },
-  "iron_bars": {
-    "name": "Iron Bars",
-    "x": 0,
-    "y": 3264
-  },
-  "chain": {
-    "name": "Chain",
-    "x": 32,
-    "y": 288
-  },
-  "glass_pane": {
-    "name": "Glass Pane",
-    "x": 928,
-    "y": 3232
-  },
-  "melon": {
-    "name": "Melon",
-    "x": 64,
-    "y": 3424
-  },
-  "vine": {
-    "name": "Vines",
-    "x": 736,
-    "y": 3424
-  },
-  "oak_fence_gate": {
-    "name": "Oak Fence Gate",
-    "x": 576,
-    "y": 3264
-  },
-  "spruce_fence_gate": {
-    "name": "Spruce Fence Gate",
-    "x": 608,
-    "y": 3296
-  },
-  "birch_fence_gate": {
-    "name": "Birch Fence Gate",
-    "x": 896,
-    "y": 3200
-  },
-  "jungle_fence_gate": {
-    "name": "Jungle Fence Gate",
-    "x": 64,
-    "y": 3264
-  },
-  "acacia_fence_gate": {
-    "name": "Acacia Fence Gate",
-    "x": 640,
-    "y": 3200
-  },
-  "dark_oak_fence_gate": {
-    "name": "Dark Oak Fence Gate",
-    "x": 576,
-    "y": 3232
-  },
-  "crimson_fence_gate": {
-    "name": "Crimson Fence Gate",
-    "x": 576,
-    "y": 160
-  },
-  "warped_fence_gate": {
-    "name": "Warped Fence Gate",
-    "x": 608,
-    "y": 160
-  },
-  "brick_stairs": {
-    "name": "Brick Stairs",
-    "x": 288,
-    "y": 3232
-  },
-  "stone_brick_stairs": {
-    "name": "Stone Brick Stairs",
-    "x": 800,
-    "y": 3296
-  },
-  "mycelium": {
-    "name": "Mycelium",
-    "x": 256,
-    "y": 3360
-  },
-  "lily_pad": {
-    "name": "Lily Pad",
-    "x": 32,
-    "y": 3424
-  },
-  "nether_bricks": {
-    "name": "Nether Bricks",
-    "x": 768,
-    "y": 3360
-  },
-  "cracked_nether_bricks": {
-    "name": "Cracked Nether Bricks",
-    "x": 448,
-    "y": 256
-  },
-  "chiseled_nether_bricks": {
-    "name": "Chiseled Nether Bricks",
-    "x": 384,
-    "y": 256
-  },
-  "nether_brick_fence": {
-    "name": "Nether Brick Fence",
-    "x": 704,
-    "y": 3360
-  },
-  "nether_brick_stairs": {
-    "name": "Nether Brick Stairs",
-    "x": 736,
-    "y": 3360
-  },
-  "enchanting_table": {
-    "name": "Enchanting Table",
-    "x": 640,
-    "y": 3584
-  },
-  "end_portal_frame": {
-    "name": "End Portal Frame",
-    "x": 640,
-    "y": 3168
-  },
-  "end_stone": {
-    "name": "End Stone",
-    "x": 704,
-    "y": 3168
-  },
-  "end_stone_bricks": {
-    "name": "End Stone Bricks",
-    "x": 896,
-    "y": 3232
-  },
-  "dragon_egg": {
-    "name": "Dragon Egg",
-    "x": 576,
-    "y": 3168
-  },
-  "redstone_lamp": {
-    "name": "Redstone Lamp",
-    "x": 544,
-    "y": 3328
-  },
-  "sandstone_stairs": {
-    "name": "Sandstone Stairs",
-    "x": 224,
-    "y": 3296
-  },
-  "emerald_ore": {
-    "name": "Emerald Ore",
-    "x": 0,
-    "y": 3392
-  },
-  "ender_chest": {
-    "name": "Ender Chest",
-    "x": 672,
-    "y": 3584
-  },
-  "tripwire_hook": {
-    "name": "Tripwire Hook",
-    "x": 800,
-    "y": 3328
-  },
-  "emerald_block": {
-    "name": "Block of Emerald",
-    "x": 96,
-    "y": 3232
-  },
-  "spruce_stairs": {
-    "name": "Spruce Stairs",
-    "x": 704,
-    "y": 3296
-  },
-  "birch_stairs": {
-    "name": "Birch Stairs",
-    "x": 992,
-    "y": 3200
-  },
-  "jungle_stairs": {
-    "name": "Jungle Stairs",
-    "x": 160,
-    "y": 3264
-  },
-  "crimson_stairs": {
-    "name": "Crimson Stairs",
-    "x": 64,
-    "y": 160
-  },
-  "warped_stairs": {
-    "name": "Warped Stairs",
-    "x": 160,
-    "y": 160
-  },
-  "command_block": {
-    "name": "Impulse Command Block Revision 1",
-    "x": 736,
-    "y": 1216
-  },
-  "beacon": {
-    "name": "Beacon",
-    "x": 352,
-    "y": 3584
-  },
-  "cobblestone_wall": {
-    "name": "Cobblestone Wall",
-    "x": 480,
-    "y": 3232
-  },
-  "mossy_cobblestone_wall": {
-    "name": "Mossy Cobblestone Wall",
-    "x": 352,
-    "y": 3264
-  },
-  "brick_wall": {
-    "name": "Brick Wall",
-    "x": 320,
-    "y": 3232
-  },
-  "prismarine_wall": {
-    "name": "Prismarine Wall",
-    "x": 0,
-    "y": 96
-  },
-  "red_sandstone_wall": {
-    "name": "Red Sandstone Wall",
-    "x": 160,
-    "y": 3296
-  },
-  "mossy_stone_brick_wall": {
-    "name": "Mossy Stone Brick Wall",
-    "x": 448,
-    "y": 3264
-  },
-  "granite_wall": {
-    "name": "Granite Wall",
-    "x": 32,
-    "y": 2400
-  },
-  "stone_brick_wall": {
-    "name": "Stone Brick Wall",
-    "x": 832,
-    "y": 3296
-  },
-  "nether_brick_wall": {
-    "name": "Nether Brick Wall",
-    "x": 512,
-    "y": 3264
-  },
-  "andesite_wall": {
-    "name": "Andesite Wall",
-    "x": 864,
-    "y": 3200
-  },
-  "red_nether_brick_wall": {
-    "name": "Red Nether Brick Wall",
-    "x": 64,
-    "y": 3296
-  },
-  "sandstone_wall": {
-    "name": "Sandstone Wall",
-    "x": 256,
-    "y": 3296
-  },
-  "end_stone_brick_wall": {
-    "name": "End Stone Brick Wall",
-    "x": 0,
-    "y": 2400
-  },
-  "diorite_wall": {
-    "name": "Diorite Wall",
-    "x": 864,
-    "y": 3232
-  },
-  "blackstone_wall": {
-    "name": "Blackstone Wall",
-    "x": 672,
-    "y": 256
-  },
-  "polished_blackstone_wall": {
-    "name": "Polished Blackstone Wall",
-    "x": 864,
-    "y": 256
-  },
-  "polished_blackstone_brick_wall": {
-    "name": "Polished Blackstone Brick Wall",
-    "x": 768,
-    "y": 256
-  },
-  "stone_button": {
-    "name": "Stone Button",
-    "x": 736,
-    "y": 3328
-  },
-  "oak_button": {
-    "name": "Oak Button",
-    "x": 352,
-    "y": 3328
-  },
-  "spruce_button": {
-    "name": "Spruce Button",
-    "x": 640,
-    "y": 3328
-  },
-  "birch_button": {
-    "name": "Birch Button",
-    "x": 0,
-    "y": 3328
-  },
-  "jungle_button": {
-    "name": "Jungle Button",
-    "x": 224,
-    "y": 3328
-  },
-  "acacia_button": {
-    "name": "Acacia Button",
-    "x": 928,
-    "y": 3296
-  },
-  "dark_oak_button": {
-    "name": "Dark Oak Button",
-    "x": 96,
-    "y": 3328
-  },
-  "crimson_button": {
-    "name": "Crimson Button",
-    "x": 192,
-    "y": 160
-  },
-  "warped_button": {
-    "name": "Warped Button",
-    "x": 320,
-    "y": 160
-  },
-  "polished_blackstone_button": {
-    "name": "Polished Blackstone Button",
-    "x": 896,
-    "y": 256
-  },
-  "anvil": {
-    "name": "Anvil",
-    "x": 288,
-    "y": 3584
-  },
-  "chipped_anvil": {
-    "name": "Chipped Anvil",
-    "x": 480,
-    "y": 3584
-  },
-  "damaged_anvil": {
-    "name": "Damaged Anvil",
-    "x": 544,
-    "y": 3584
-  },
-  "trapped_chest": {
-    "name": "Trapped Chest",
-    "x": 992,
-    "y": 3584
-  },
-  "light_weighted_pressure_plate": {
-    "name": "Light Weighted Pressure Plate",
-    "x": 320,
-    "y": 3328
-  },
-  "heavy_weighted_pressure_plate": {
-    "name": "Heavy Weighted Pressure Plate",
-    "x": 192,
-    "y": 3328
-  },
-  "daylight_detector": {
-    "name": "Daylight Detector",
-    "x": 800,
-    "y": 1216
-  },
-  "redstone_block": {
-    "name": "Block of Redstone",
-    "x": 64,
-    "y": 3328
-  },
-  "nether_quartz_ore": {
-    "name": "Nether Quartz Ore",
-    "x": 800,
-    "y": 3360
-  },
-  "hopper": {
-    "name": "Hopper",
-    "x": 736,
-    "y": 3584
-  },
-  "chiseled_quartz_block": {
-    "name": "Chiseled Quartz Block",
-    "x": 224,
-    "y": 864
-  },
-  "quartz_block": {
-    "name": "Block of Quartz",
-    "x": 192,
-    "y": 3232
-  },
-  "quartz_bricks": {
-    "name": "Quartz Bricks",
-    "x": 992,
-    "y": 256
-  },
-  "quartz_pillar": {
-    "name": "Quartz Pillar",
-    "x": 288,
-    "y": 896
-  },
-  "quartz_stairs": {
-    "name": "Quartz Stairs",
-    "x": 992,
-    "y": 3264
-  },
-  "activator_rail": {
-    "name": "Activator Rail",
-    "x": 992,
-    "y": 3296
-  },
-  "dropper": {
-    "name": "Dropper",
-    "x": 608,
-    "y": 3584
-  },
-  "white_terracotta": {
-    "name": "White Terracotta",
-    "x": 672,
-    "y": 768
-  },
-  "orange_terracotta": {
-    "name": "Orange Terracotta",
-    "x": 928,
-    "y": 736
-  },
-  "magenta_terracotta": {
-    "name": "Magenta Terracotta",
-    "x": 736,
-    "y": 736
-  },
-  "light_blue_terracotta": {
-    "name": "Light Blue Terracotta",
-    "x": 160,
-    "y": 736
-  },
-  "yellow_terracotta": {
-    "name": "Yellow Terracotta",
-    "x": 864,
-    "y": 768
-  },
-  "lime_terracotta": {
-    "name": "Lime Terracotta",
-    "x": 544,
-    "y": 736
-  },
-  "pink_terracotta": {
-    "name": "Pink Terracotta",
-    "x": 96,
-    "y": 768
-  },
-  "gray_terracotta": {
-    "name": "Gray Terracotta",
-    "x": 800,
-    "y": 704
-  },
-  "light_gray_terracotta": {
-    "name": "Light Gray Terracotta",
-    "x": 352,
-    "y": 736
-  },
-  "cyan_terracotta": {
-    "name": "Cyan Terracotta",
-    "x": 608,
-    "y": 704
-  },
-  "purple_terracotta": {
-    "name": "Purple Terracotta",
-    "x": 288,
-    "y": 768
-  },
-  "blue_terracotta": {
-    "name": "Blue Terracotta",
-    "x": 224,
-    "y": 704
-  },
-  "brown_terracotta": {
-    "name": "Brown Terracotta",
-    "x": 416,
-    "y": 704
-  },
-  "green_terracotta": {
-    "name": "Green Terracotta",
-    "x": 992,
-    "y": 704
-  },
-  "red_terracotta": {
-    "name": "Red Terracotta",
-    "x": 480,
-    "y": 768
-  },
-  "black_terracotta": {
-    "name": "Black Terracotta",
-    "x": 32,
-    "y": 704
-  },
-  "barrier": {
-    "name": "Barrier",
-    "x": 320,
-    "y": 3584
-  },
-  "iron_trapdoor": {
-    "name": "Iron Trapdoor",
-    "x": 416,
-    "y": 928
-  },
-  "hay_block": {
-    "name": "Hay Bale",
-    "x": 992,
-    "y": 3232
-  },
-  "white_carpet": {
-    "name": "White Carpet",
-    "x": 64,
-    "y": 1632
-  },
-  "orange_carpet": {
-    "name": "Orange Carpet",
-    "x": 960,
-    "y": 1600
-  },
-  "magenta_carpet": {
-    "name": "Magenta Carpet",
-    "x": 928,
-    "y": 1600
-  },
-  "light_blue_carpet": {
-    "name": "Light Blue Carpet",
-    "x": 832,
-    "y": 1600
-  },
-  "yellow_carpet": {
-    "name": "Yellow Carpet",
-    "x": 96,
-    "y": 1632
-  },
-  "lime_carpet": {
-    "name": "Lime Carpet",
-    "x": 896,
-    "y": 1600
-  },
-  "pink_carpet": {
-    "name": "Pink Carpet",
-    "x": 992,
-    "y": 1600
-  },
-  "gray_carpet": {
-    "name": "Gray Carpet",
-    "x": 768,
-    "y": 1600
-  },
-  "light_gray_carpet": {
-    "name": "Light Gray Carpet",
-    "x": 864,
-    "y": 1600
-  },
-  "cyan_carpet": {
-    "name": "Cyan Carpet",
-    "x": 736,
-    "y": 1600
-  },
-  "purple_carpet": {
-    "name": "Purple Carpet",
-    "x": 0,
-    "y": 1632
-  },
-  "blue_carpet": {
-    "name": "Blue Carpet",
-    "x": 672,
-    "y": 1600
-  },
-  "brown_carpet": {
-    "name": "Brown Carpet",
-    "x": 704,
-    "y": 1600
-  },
-  "green_carpet": {
-    "name": "Green Carpet",
-    "x": 800,
-    "y": 1600
-  },
-  "red_carpet": {
-    "name": "Red Carpet",
-    "x": 32,
-    "y": 1632
-  },
-  "black_carpet": {
-    "name": "Black Carpet",
-    "x": 640,
-    "y": 1600
-  },
-  "terracotta": {
-    "name": "Terracotta",
-    "x": 640,
-    "y": 3360
-  },
-  "coal_block": {
-    "name": "Block of Coal",
-    "x": 32,
-    "y": 3232
-  },
-  "packed_ice": {
-    "name": "Packed Ice",
-    "x": 320,
-    "y": 3360
-  },
-  "acacia_stairs": {
-    "name": "Acacia Stairs",
-    "x": 736,
-    "y": 3200
-  },
-  "dark_oak_stairs": {
-    "name": "Dark Oak Stairs",
-    "x": 672,
-    "y": 3232
-  },
-  "slime_block": {
-    "name": "Slime Block",
-    "x": 736,
-    "y": 896
-  },
-  "grass_path": {
-    "name": "Grass Path",
-    "x": 96,
-    "y": 1344
-  },
-  "sunflower": {
-    "name": "Sunflower",
-    "x": 672,
-    "y": 3424
-  },
-  "lilac": {
-    "name": "Lilac",
-    "x": 0,
-    "y": 3424
-  },
-  "rose_bush": {
-    "name": "Rose Bush",
-    "x": 512,
-    "y": 3424
-  },
-  "peony": {
-    "name": "Peony",
-    "x": 288,
-    "y": 3424
-  },
-  "tall_grass": {
-    "name": "Tall Grass",
-    "x": 704,
-    "y": 3424
-  },
-  "large_fern": {
-    "name": "Large Fern",
-    "x": 992,
-    "y": 3392
-  },
-  "white_stained_glass": {
-    "name": "White Stained Glass",
-    "x": 704,
-    "y": 768
-  },
-  "orange_stained_glass": {
-    "name": "Orange Stained Glass",
-    "x": 960,
-    "y": 736
-  },
-  "magenta_stained_glass": {
-    "name": "Magenta Stained Glass",
-    "x": 768,
-    "y": 736
-  },
-  "light_blue_stained_glass": {
-    "name": "Light Blue Stained Glass",
-    "x": 192,
-    "y": 736
-  },
-  "yellow_stained_glass": {
-    "name": "Yellow Stained Glass",
-    "x": 896,
-    "y": 768
-  },
-  "lime_stained_glass": {
-    "name": "Lime Stained Glass",
-    "x": 576,
-    "y": 736
-  },
-  "pink_stained_glass": {
-    "name": "Pink Stained Glass",
-    "x": 128,
-    "y": 768
-  },
-  "gray_stained_glass": {
-    "name": "Gray Stained Glass",
-    "x": 832,
-    "y": 704
-  },
-  "light_gray_stained_glass": {
-    "name": "Light Gray Stained Glass",
-    "x": 384,
-    "y": 736
-  },
-  "cyan_stained_glass": {
-    "name": "Cyan Stained Glass",
-    "x": 640,
-    "y": 704
-  },
-  "purple_stained_glass": {
-    "name": "Purple Stained Glass",
-    "x": 320,
-    "y": 768
-  },
-  "blue_stained_glass": {
-    "name": "Blue Stained Glass",
-    "x": 256,
-    "y": 704
-  },
-  "brown_stained_glass": {
-    "name": "Brown Stained Glass",
-    "x": 448,
-    "y": 704
-  },
-  "green_stained_glass": {
-    "name": "Green Stained Glass",
-    "x": 0,
-    "y": 736
-  },
-  "red_stained_glass": {
-    "name": "Red Stained Glass",
-    "x": 512,
-    "y": 768
-  },
-  "black_stained_glass": {
-    "name": "Black Stained Glass",
-    "x": 64,
-    "y": 704
-  },
-  "white_stained_glass_pane": {
-    "name": "White Stained Glass Pane",
-    "x": 736,
-    "y": 768
-  },
-  "orange_stained_glass_pane": {
-    "name": "Orange Stained Glass Pane",
-    "x": 992,
-    "y": 736
-  },
-  "magenta_stained_glass_pane": {
-    "name": "Magenta Stained Glass Pane",
-    "x": 800,
-    "y": 736
-  },
-  "light_blue_stained_glass_pane": {
-    "name": "Light Blue Stained Glass Pane",
-    "x": 224,
-    "y": 736
-  },
-  "yellow_stained_glass_pane": {
-    "name": "Yellow Stained Glass Pane",
-    "x": 928,
-    "y": 768
-  },
-  "lime_stained_glass_pane": {
-    "name": "Lime Stained Glass Pane",
-    "x": 608,
-    "y": 736
-  },
-  "pink_stained_glass_pane": {
-    "name": "Pink Stained Glass Pane",
-    "x": 160,
-    "y": 768
-  },
-  "gray_stained_glass_pane": {
-    "name": "Gray Stained Glass Pane",
-    "x": 864,
-    "y": 704
-  },
-  "light_gray_stained_glass_pane": {
-    "name": "Light Gray Stained Glass Pane",
-    "x": 416,
-    "y": 736
-  },
-  "cyan_stained_glass_pane": {
-    "name": "Cyan Stained Glass Pane",
-    "x": 672,
-    "y": 704
-  },
-  "purple_stained_glass_pane": {
-    "name": "Purple Stained Glass Pane",
-    "x": 352,
-    "y": 768
-  },
-  "blue_stained_glass_pane": {
-    "name": "Blue Stained Glass Pane",
-    "x": 288,
-    "y": 704
-  },
-  "brown_stained_glass_pane": {
-    "name": "Brown Stained Glass Pane",
-    "x": 480,
-    "y": 704
-  },
-  "green_stained_glass_pane": {
-    "name": "Green Stained Glass Pane",
-    "x": 32,
-    "y": 736
-  },
-  "red_stained_glass_pane": {
-    "name": "Red Stained Glass Pane",
-    "x": 544,
-    "y": 768
-  },
-  "black_stained_glass_pane": {
-    "name": "Black Stained Glass Pane",
-    "x": 96,
-    "y": 704
-  },
-  "prismarine": {
-    "name": "Prismarine Wall",
-    "x": 0,
-    "y": 96
-  },
-  "prismarine_bricks": {
-    "name": "Prismarine Bricks",
-    "x": 384,
-    "y": 3360
-  },
-  "dark_prismarine": {
-    "name": "Dark Prismarine",
-    "x": 32,
-    "y": 3360
-  },
-  "prismarine_stairs": {
-    "name": "Dark Prismarine Stairs",
-    "x": 768,
-    "y": 3232
-  },
-  "prismarine_brick_stairs": {
-    "name": "Prismarine Brick Stairs",
-    "x": 448,
-    "y": 96
-  },
-  "dark_prismarine_stairs": {
-    "name": "Dark Prismarine Stairs",
-    "x": 768,
-    "y": 3232
-  },
-  "sea_lantern": {
-    "name": "Sea Lantern BE",
-    "x": 512,
-    "y": 192
-  },
-  "red_sandstone": {
-    "name": "Red Sandstone",
-    "x": 448,
-    "y": 3360
-  },
-  "chiseled_red_sandstone": {
-    "name": "Chiseled Red Sandstone",
-    "x": 352,
-    "y": 3232
-  },
-  "cut_red_sandstone": {
-    "name": "Cut Red Sandstone",
-    "x": 512,
-    "y": 3232
-  },
-  "red_sandstone_stairs": {
-    "name": "Red Sandstone Stairs",
-    "x": 128,
-    "y": 3296
-  },
-  "magma_block": {
-    "name": "Magma Block BE",
-    "x": 928,
-    "y": 480
-  },
-  "nether_wart_block": {
-    "name": "Nether Wart Block",
-    "x": 544,
-    "y": 3264
-  },
-  "warped_wart_block": {
-    "name": "Warped Wart Block",
-    "x": 832,
-    "y": 128
-  },
-  "red_nether_bricks": {
-    "name": "Red Nether Bricks",
-    "x": 704,
-    "y": 1344
-  },
-  "bone_block": {
-    "name": "Bone Block",
-    "x": 864,
-    "y": 3328
-  },
-  "structure_void": {
-    "name": "Structure Void",
-    "x": 928,
-    "y": 3584
-  },
-  "observer": {
-    "name": "Observer",
-    "x": 864,
-    "y": 3584
-  },
-  "shulker_box": {
-    "name": "Shulker Box",
-    "x": 448,
-    "y": 1600
-  },
-  "white_shulker_box": {
-    "name": "White Shulker Box",
-    "x": 512,
-    "y": 1600
-  },
-  "orange_shulker_box": {
-    "name": "Orange Shulker Box",
-    "x": 384,
-    "y": 1600
-  },
-  "magenta_shulker_box": {
-    "name": "Magenta Shulker Box",
-    "x": 352,
-    "y": 1600
-  },
-  "light_blue_shulker_box": {
-    "name": "Light Blue Shulker Box",
-    "x": 256,
-    "y": 1600
-  },
-  "yellow_shulker_box": {
-    "name": "Yellow Shulker Box",
-    "x": 544,
-    "y": 1600
-  },
-  "lime_shulker_box": {
-    "name": "Lime Shulker Box",
-    "x": 320,
-    "y": 1600
-  },
-  "pink_shulker_box": {
-    "name": "Pink Shulker Box",
-    "x": 416,
-    "y": 1600
-  },
-  "gray_shulker_box": {
-    "name": "Gray Shulker Box",
-    "x": 192,
-    "y": 1600
-  },
-  "light_gray_shulker_box": {
-    "name": "Light Gray Shulker Box",
-    "x": 288,
-    "y": 1600
-  },
-  "cyan_shulker_box": {
-    "name": "Cyan Shulker Box",
-    "x": 160,
-    "y": 1600
-  },
-  "purple_shulker_box": {
-    "name": "Purple Shulker Box",
-    "x": 608,
-    "y": 1408
-  },
-  "blue_shulker_box": {
-    "name": "Blue Shulker Box",
-    "x": 96,
-    "y": 1600
-  },
-  "brown_shulker_box": {
-    "name": "Brown Shulker Box",
-    "x": 128,
-    "y": 1600
-  },
-  "green_shulker_box": {
-    "name": "Green Shulker Box",
-    "x": 224,
-    "y": 1600
-  },
-  "red_shulker_box": {
-    "name": "Red Shulker Box",
-    "x": 480,
-    "y": 1600
-  },
-  "black_shulker_box": {
-    "name": "Black Shulker Box",
-    "x": 64,
-    "y": 1600
-  },
-  "white_glazed_terracotta": {
-    "name": "White Glazed Terracotta",
-    "x": 192,
-    "y": 1536
-  },
-  "orange_glazed_terracotta": {
-    "name": "Orange Glazed Terracotta",
-    "x": 160,
-    "y": 1536
-  },
-  "magenta_glazed_terracotta": {
-    "name": "Magenta Glazed Terracotta",
-    "x": 128,
-    "y": 1536
-  },
-  "light_blue_glazed_terracotta": {
-    "name": "Light Blue Glazed Terracotta",
-    "x": 704,
-    "y": 1472
-  },
-  "yellow_glazed_terracotta": {
-    "name": "Yellow Glazed Terracotta",
-    "x": 544,
-    "y": 1504
-  },
-  "lime_glazed_terracotta": {
-    "name": "Lime Glazed Terracotta",
-    "x": 896,
-    "y": 1472
-  },
-  "pink_glazed_terracotta": {
-    "name": "Pink Glazed Terracotta",
-    "x": 160,
-    "y": 1504
-  },
-  "gray_glazed_terracotta": {
-    "name": "Gray Glazed Terracotta",
-    "x": 512,
-    "y": 1472
-  },
-  "light_gray_glazed_terracotta": {
-    "name": "Light Gray Glazed Terracotta",
-    "x": 800,
-    "y": 1472
-  },
-  "cyan_glazed_terracotta": {
-    "name": "Cyan Glazed Terracotta",
-    "x": 96,
-    "y": 1536
-  },
-  "purple_glazed_terracotta": {
-    "name": "Purple Glazed Terracotta",
-    "x": 256,
-    "y": 1504
-  },
-  "blue_glazed_terracotta": {
-    "name": "Blue Glazed Terracotta",
-    "x": 224,
-    "y": 1472
-  },
-  "brown_glazed_terracotta": {
-    "name": "Brown Glazed Terracotta",
-    "x": 320,
-    "y": 1472
-  },
-  "green_glazed_terracotta": {
-    "name": "Green Glazed Terracotta",
-    "x": 608,
-    "y": 1472
-  },
-  "red_glazed_terracotta": {
-    "name": "Red Glazed Terracotta",
-    "x": 352,
-    "y": 1504
-  },
-  "black_glazed_terracotta": {
-    "name": "Black Glazed Terracotta",
-    "x": 128,
-    "y": 1472
-  },
-  "white_concrete": {
-    "name": "White Concrete",
-    "x": 384,
-    "y": 1504
-  },
-  "orange_concrete": {
-    "name": "Orange Concrete",
-    "x": 0,
-    "y": 1504
-  },
-  "magenta_concrete": {
-    "name": "Magenta Concrete",
-    "x": 928,
-    "y": 1472
-  },
-  "light_blue_concrete": {
-    "name": "Light Blue Concrete",
-    "x": 640,
-    "y": 1472
-  },
-  "yellow_concrete": {
-    "name": "Yellow Concrete",
-    "x": 480,
-    "y": 1504
-  },
-  "lime_concrete": {
-    "name": "Lime Concrete",
-    "x": 832,
-    "y": 1472
-  },
-  "pink_concrete": {
-    "name": "Pink Concrete",
-    "x": 96,
-    "y": 1504
-  },
-  "gray_concrete": {
-    "name": "Gray Concrete",
-    "x": 448,
-    "y": 1472
-  },
-  "light_gray_concrete": {
-    "name": "Light Gray Concrete",
-    "x": 736,
-    "y": 1472
-  },
-  "cyan_concrete": {
-    "name": "Cyan Concrete",
-    "x": 352,
-    "y": 1472
-  },
-  "purple_concrete": {
-    "name": "Purple Concrete",
-    "x": 192,
-    "y": 1504
-  },
-  "blue_concrete": {
-    "name": "Blue Concrete",
-    "x": 160,
-    "y": 1472
-  },
-  "brown_concrete": {
-    "name": "Brown Concrete",
-    "x": 256,
-    "y": 1472
-  },
-  "green_concrete": {
-    "name": "Green Concrete",
-    "x": 544,
-    "y": 1472
-  },
-  "red_concrete": {
-    "name": "Red Concrete",
-    "x": 288,
-    "y": 1504
-  },
-  "black_concrete": {
-    "name": "Black Concrete",
-    "x": 64,
-    "y": 1472
-  },
-  "white_concrete_powder": {
-    "name": "White Concrete Powder",
-    "x": 416,
-    "y": 1504
-  },
-  "orange_concrete_powder": {
-    "name": "Orange Concrete Powder",
-    "x": 32,
-    "y": 1504
-  },
-  "magenta_concrete_powder": {
-    "name": "Magenta Concrete Powder",
-    "x": 960,
-    "y": 1472
-  },
-  "light_blue_concrete_powder": {
-    "name": "Light Blue Concrete Powder",
-    "x": 672,
-    "y": 1472
-  },
-  "yellow_concrete_powder": {
-    "name": "Yellow Concrete Powder",
-    "x": 512,
-    "y": 1504
-  },
-  "lime_concrete_powder": {
-    "name": "Lime Concrete Powder",
-    "x": 864,
-    "y": 1472
-  },
-  "pink_concrete_powder": {
-    "name": "Pink Concrete Powder",
-    "x": 128,
-    "y": 1504
-  },
-  "gray_concrete_powder": {
-    "name": "Gray Concrete Powder",
-    "x": 480,
-    "y": 1472
-  },
-  "light_gray_concrete_powder": {
-    "name": "Light Gray Concrete Powder",
-    "x": 768,
-    "y": 1472
-  },
-  "cyan_concrete_powder": {
-    "name": "Cyan Concrete Powder",
-    "x": 384,
-    "y": 1472
-  },
-  "purple_concrete_powder": {
-    "name": "Purple Concrete Powder",
-    "x": 224,
-    "y": 1504
-  },
-  "blue_concrete_powder": {
-    "name": "Blue Concrete Powder",
-    "x": 192,
-    "y": 1472
-  },
-  "brown_concrete_powder": {
-    "name": "Brown Concrete Powder",
-    "x": 288,
-    "y": 1472
-  },
-  "green_concrete_powder": {
-    "name": "Green Concrete Powder",
-    "x": 576,
-    "y": 1472
-  },
-  "red_concrete_powder": {
-    "name": "Red Concrete Powder",
-    "x": 320,
-    "y": 1504
-  },
-  "black_concrete_powder": {
-    "name": "Black Concrete Powder",
-    "x": 96,
-    "y": 1472
-  },
-  "turtle_egg": {
-    "name": "Turtle Egg",
-    "x": 608,
-    "y": 1952
-  },
-  "dead_tube_coral_block": {
-    "name": "Dead Tube Coral Block",
-    "x": 640,
-    "y": 1696
-  },
-  "dead_brain_coral_block": {
-    "name": "Dead Brain Coral Block",
-    "x": 672,
-    "y": 1696
-  },
-  "dead_bubble_coral_block": {
-    "name": "Dead Bubble Coral Block",
-    "x": 704,
-    "y": 1696
-  },
-  "dead_fire_coral_block": {
-    "name": "Dead Fire Coral Block",
-    "x": 736,
-    "y": 1696
-  },
-  "dead_horn_coral_block": {
-    "name": "Dead Horn Coral Block",
-    "x": 768,
-    "y": 1696
-  },
-  "tube_coral_block": {
-    "name": "Tube Coral Block",
-    "x": 288,
-    "y": 1696
-  },
-  "brain_coral_block": {
-    "name": "Brain Coral Block",
-    "x": 320,
-    "y": 1696
-  },
-  "bubble_coral_block": {
-    "name": "Bubble Coral Block",
-    "x": 352,
-    "y": 1696
-  },
-  "fire_coral_block": {
-    "name": "Fire Coral Block",
-    "x": 384,
-    "y": 1696
-  },
-  "horn_coral_block": {
-    "name": "Horn Coral Block",
-    "x": 416,
-    "y": 1696
-  },
-  "tube_coral": {
-    "name": "Tube Coral",
-    "x": 448,
-    "y": 1696
-  },
-  "brain_coral": {
-    "name": "Brain Coral",
-    "x": 480,
-    "y": 1696
-  },
-  "bubble_coral": {
-    "name": "Bubble Coral",
-    "x": 512,
-    "y": 1696
-  },
-  "fire_coral": {
-    "name": "Fire Coral",
-    "x": 544,
-    "y": 1696
-  },
-  "horn_coral": {
-    "name": "Horn Coral",
-    "x": 576,
-    "y": 1696
-  },
-  "dead_brain_coral": {
-    "name": "Dead Brain Coral",
-    "x": 992,
-    "y": 2336
-  },
-  "dead_bubble_coral": {
-    "name": "Dead Bubble Coral",
-    "x": 0,
-    "y": 2368
-  },
-  "dead_fire_coral": {
-    "name": "Dead Fire Coral",
-    "x": 32,
-    "y": 2368
-  },
-  "dead_horn_coral": {
-    "name": "Dead Horn Coral",
-    "x": 64,
-    "y": 2368
-  },
-  "dead_tube_coral": {
-    "name": "Dead Tube Coral",
-    "x": 960,
-    "y": 2336
-  },
-  "tube_coral_fan": {
-    "name": "Tube Coral Fan",
-    "x": 704,
-    "y": 2112
-  },
-  "brain_coral_fan": {
-    "name": "Brain Coral Fan",
-    "x": 608,
-    "y": 2112
-  },
-  "bubble_coral_fan": {
-    "name": "Bubble Coral Fan",
-    "x": 640,
-    "y": 2112
-  },
-  "fire_coral_fan": {
-    "name": "Fire Coral Fan",
-    "x": 896,
-    "y": 1696
-  },
-  "horn_coral_fan": {
-    "name": "Horn Coral Fan",
-    "x": 672,
-    "y": 2112
-  },
-  "dead_tube_coral_fan": {
-    "name": "Dead Tube Coral Fan",
-    "x": 160,
-    "y": 2144
-  },
-  "dead_brain_coral_fan": {
-    "name": "Dead Brain Coral Fan",
-    "x": 32,
-    "y": 2144
-  },
-  "dead_bubble_coral_fan": {
-    "name": "Dead Bubble Coral Fan",
-    "x": 64,
-    "y": 2144
-  },
-  "dead_fire_coral_fan": {
-    "name": "Dead Fire Coral Fan",
-    "x": 96,
-    "y": 2144
-  },
-  "dead_horn_coral_fan": {
-    "name": "Dead Horn Coral Fan",
-    "x": 128,
-    "y": 2144
-  },
-  "blue_ice": {
-    "name": "Blue Ice",
-    "x": 192,
-    "y": 1728
-  },
-  "conduit": {
-    "name": "Conduit",
-    "x": 512,
-    "y": 2016
-  },
-  "polished_granite_stairs": {
-    "name": "Polished Granite Stairs",
-    "x": 960,
-    "y": 2400
-  },
-  "smooth_red_sandstone_stairs": {
-    "name": "Smooth Red Sandstone Stairs",
-    "x": 384,
-    "y": 3296
-  },
-  "mossy_stone_brick_stairs": {
-    "name": "Mossy Stone Brick Stairs",
-    "x": 416,
-    "y": 3264
-  },
-  "polished_diorite_stairs": {
-    "name": "Polished Diorite Stairs",
-    "x": 832,
-    "y": 3264
-  },
-  "mossy_cobblestone_stairs": {
-    "name": "Mossy Cobblestone Stairs",
-    "x": 320,
-    "y": 3264
-  },
-  "end_stone_brick_stairs": {
-    "name": "End Stone Brick Stairs",
-    "x": 576,
-    "y": 2400
-  },
-  "stone_stairs": {
-    "name": "Stone Stairs",
-    "x": 896,
-    "y": 3296
-  },
-  "smooth_sandstone_stairs": {
-    "name": "Smooth Sandstone Stairs",
-    "x": 480,
-    "y": 3296
-  },
-  "smooth_quartz_stairs": {
-    "name": "Smooth Quartz Stairs",
-    "x": 320,
-    "y": 3296
-  },
-  "granite_stairs": {
-    "name": "Granite Stairs",
-    "x": 640,
-    "y": 2400
-  },
-  "andesite_stairs": {
-    "name": "Andesite Stairs",
-    "x": 832,
-    "y": 3200
-  },
-  "red_nether_brick_stairs": {
-    "name": "Red Nether Brick Stairs",
-    "x": 32,
-    "y": 3296
-  },
-  "polished_andesite_stairs": {
-    "name": "Polished Andesite Stairs",
-    "x": 768,
-    "y": 3264
-  },
-  "diorite_stairs": {
-    "name": "Diorite Stairs",
-    "x": 832,
-    "y": 3232
-  },
-  "polished_granite_slab": {
-    "name": "Polished Granite Slab",
-    "x": 928,
-    "y": 2400
-  },
-  "smooth_red_sandstone_slab": {
-    "name": "Smooth Red Sandstone Slab",
-    "x": 352,
-    "y": 3296
-  },
-  "mossy_stone_brick_slab": {
-    "name": "Mossy Stone Brick Slab",
-    "x": 384,
-    "y": 3264
-  },
-  "polished_diorite_slab": {
-    "name": "Polished Diorite Slab",
-    "x": 800,
-    "y": 3264
-  },
-  "mossy_cobblestone_slab": {
-    "name": "Mossy Cobblestone Slab",
-    "x": 288,
-    "y": 3264
-  },
-  "end_stone_brick_slab": {
-    "name": "End Stone Brick Slab",
-    "x": 544,
-    "y": 2400
-  },
-  "smooth_sandstone_slab": {
-    "name": "Smooth Sandstone Slab",
-    "x": 448,
-    "y": 3296
-  },
-  "smooth_quartz_slab": {
-    "name": "Smooth Quartz Slab",
-    "x": 288,
-    "y": 3296
-  },
-  "granite_slab": {
-    "name": "Granite Slab",
-    "x": 608,
-    "y": 2400
-  },
-  "andesite_slab": {
-    "name": "Andesite Slab",
-    "x": 800,
-    "y": 3200
-  },
-  "red_nether_brick_slab": {
-    "name": "Red Nether Brick Slab",
-    "x": 0,
-    "y": 3296
-  },
-  "polished_andesite_slab": {
-    "name": "Polished Andesite Slab",
-    "x": 736,
-    "y": 3264
-  },
-  "diorite_slab": {
-    "name": "Diorite Slab",
-    "x": 800,
-    "y": 3232
-  },
-  "scaffolding": {
-    "name": "Scaffolding",
-    "x": 416,
-    "y": 2400
-  },
-  "iron_door": {
-    "name": "Iron Door",
-    "x": 384,
-    "y": 928
-  },
-  "oak_door": {
-    "name": "Oak Door",
-    "x": 512,
-    "y": 928
-  },
-  "spruce_door": {
-    "name": "Spruce Door",
-    "x": 800,
-    "y": 928
-  },
-  "birch_door": {
-    "name": "Birch Door",
-    "x": 256,
-    "y": 928
-  },
-  "jungle_door": {
-    "name": "Jungle Door",
-    "x": 448,
-    "y": 928
-  },
-  "acacia_door": {
-    "name": "Acacia Door",
-    "x": 192,
-    "y": 928
-  },
-  "dark_oak_door": {
-    "name": "Dark Oak Door",
-    "x": 320,
-    "y": 928
-  },
-  "crimson_door": {
-    "name": "Crimson Door",
-    "x": 224,
-    "y": 160
-  },
-  "warped_door": {
-    "name": "Warped Door",
-    "x": 352,
-    "y": 160
-  },
-  "repeater": {
-    "name": "Redstone Repeater",
-    "x": 576,
-    "y": 3328
-  },
-  "comparator": {
-    "name": "Redstone Comparator",
-    "x": 512,
-    "y": 3328
-  },
-  "structure_block": {
-    "name": "Structure Block",
-    "x": 96,
-    "y": 1376
-  },
-  "jigsaw": {
-    "name": "Jigsaw Block",
-    "x": 64,
-    "y": 288
-  },
-  "turtle_helmet": {
-    "name": "Turtle Shell",
-    "x": 512,
-    "y": 1664
-  },
-  "scute": {
-    "name": "Scute",
-    "x": 608,
-    "y": 1664
-  },
-  "flint_and_steel": {
-    "name": "Flint and Steel",
-    "x": 480,
-    "y": 3552
-  },
-  "apple": {
-    "name": "Apple",
-    "x": 768,
-    "y": 3168
-  },
-  "bow": {
-    "name": "Bow",
-    "x": 992,
-    "y": 1248
-  },
-  "arrow": {
-    "name": "Arrow",
-    "x": 576,
-    "y": 1248
-  },
-  "coal": {
-    "name": "Coal",
-    "x": 576,
-    "y": 3488
-  },
-  "charcoal": {
-    "name": "Charcoal",
-    "x": 512,
-    "y": 3488
-  },
-  "diamond": {
-    "name": "Diamond",
-    "x": 608,
-    "y": 3488
-  },
-  "iron_ingot": {
-    "name": "Iron Ingot",
-    "x": 896,
-    "y": 3488
-  },
-  "gold_ingot": {
-    "name": "Gold Ingot",
-    "x": 800,
-    "y": 3488
-  },
-  "netherite_ingot": {
-    "name": "Netherite Ingot",
-    "x": 192,
-    "y": 128
-  },
-  "netherite_scrap": {
-    "name": "Netherite Scrap",
-    "x": 224,
-    "y": 128
-  },
-  "wooden_sword": {
-    "name": "Wooden Sword",
-    "x": 800,
-    "y": 3616
-  },
-  "wooden_shovel": {
-    "name": "Wooden Shovel",
-    "x": 192,
-    "y": 3584
-  },
-  "wooden_pickaxe": {
-    "name": "Wooden Pickaxe",
-    "x": 160,
-    "y": 3584
-  },
-  "wooden_axe": {
-    "name": "Wooden Axe",
-    "x": 96,
-    "y": 3584
-  },
-  "wooden_hoe": {
-    "name": "Wooden Hoe",
-    "x": 128,
-    "y": 3584
-  },
-  "stone_sword": {
-    "name": "Stone Sword",
-    "x": 736,
-    "y": 3616
-  },
-  "stone_shovel": {
-    "name": "Stone Shovel",
-    "x": 64,
-    "y": 3584
-  },
-  "stone_pickaxe": {
-    "name": "Stone Pickaxe",
-    "x": 32,
-    "y": 3584
-  },
-  "stone_axe": {
-    "name": "Stone Axe",
-    "x": 992,
-    "y": 3552
-  },
-  "stone_hoe": {
-    "name": "Stone Hoe",
-    "x": 0,
-    "y": 3584
-  },
-  "golden_sword": {
-    "name": "Golden Sword",
-    "x": 608,
-    "y": 3616
-  },
-  "golden_shovel": {
-    "name": "Golden Shovel",
-    "x": 640,
-    "y": 3552
-  },
-  "golden_pickaxe": {
-    "name": "Golden Pickaxe",
-    "x": 608,
-    "y": 3552
-  },
-  "golden_axe": {
-    "name": "Golden Axe",
-    "x": 544,
-    "y": 3552
-  },
-  "golden_hoe": {
-    "name": "Golden Hoe",
-    "x": 576,
-    "y": 3552
-  },
-  "iron_sword": {
-    "name": "Iron Sword",
-    "x": 640,
-    "y": 3616
-  },
-  "iron_shovel": {
-    "name": "Iron Shovel",
-    "x": 768,
-    "y": 3552
-  },
-  "iron_pickaxe": {
-    "name": "Iron Pickaxe",
-    "x": 736,
-    "y": 3552
-  },
-  "iron_axe": {
-    "name": "Iron Axe",
-    "x": 672,
-    "y": 3552
-  },
-  "iron_hoe": {
-    "name": "Iron Hoe",
-    "x": 704,
-    "y": 3552
-  },
-  "diamond_sword": {
-    "name": "Diamond Sword",
-    "x": 576,
-    "y": 3616
-  },
-  "diamond_shovel": {
-    "name": "Diamond Shovel",
-    "x": 288,
-    "y": 3552
-  },
-  "diamond_pickaxe": {
-    "name": "Diamond Pickaxe",
-    "x": 256,
-    "y": 3552
-  },
-  "diamond_axe": {
-    "name": "Diamond Axe",
-    "x": 192,
-    "y": 3552
-  },
-  "diamond_hoe": {
-    "name": "Diamond Hoe",
-    "x": 224,
-    "y": 3552
-  },
-  "netherite_sword": {
-    "name": "Netherite Sword",
-    "x": 384,
-    "y": 128
-  },
-  "netherite_shovel": {
-    "name": "Netherite Shovel",
-    "x": 352,
-    "y": 128
-  },
-  "netherite_pickaxe": {
-    "name": "Netherite Pickaxe",
-    "x": 320,
-    "y": 128
-  },
-  "netherite_axe": {
-    "name": "Netherite Axe",
-    "x": 256,
-    "y": 128
-  },
-  "netherite_hoe": {
-    "name": "Netherite Hoe",
-    "x": 288,
-    "y": 128
-  },
-  "stick": {
-    "name": "Stick",
-    "x": 608,
-    "y": 1120
-  },
-  "bowl": {
-    "name": "Bowl",
-    "x": 384,
-    "y": 3520
-  },
-  "mushroom_stew": {
-    "name": "Mushroom Stew",
-    "x": 224,
-    "y": 3200
-  },
-  "string": {
-    "name": "String",
-    "x": 320,
-    "y": 3520
-  },
-  "feather": {
-    "name": "Feather",
-    "x": 704,
-    "y": 3488
-  },
-  "gunpowder": {
-    "name": "Gunpowder",
-    "x": 864,
-    "y": 3488
-  },
-  "wheat_seeds": {
-    "name": "Wheat Seeds",
-    "x": 320,
-    "y": 1056
-  },
-  "wheat": {
-    "name": "Wheat",
-    "x": 608,
-    "y": 3200
-  },
-  "bread": {
-    "name": "Bread",
-    "x": 896,
-    "y": 3168
-  },
-  "leather_helmet": {
-    "name": "Leather Cap",
-    "x": 608,
-    "y": 2496
-  },
-  "leather_chestplate": {
-    "name": "Leather Tunic",
-    "x": 672,
-    "y": 2496
-  },
-  "leather_leggings": {
-    "name": "Leather Pants",
-    "x": 640,
-    "y": 2496
-  },
-  "leather_boots": {
-    "name": "Leather Boots",
-    "x": 576,
-    "y": 2496
-  },
-  "chainmail_helmet": {
-    "name": "Chainmail Helmet",
-    "x": 320,
-    "y": 2464
-  },
-  "chainmail_chestplate": {
-    "name": "Chainmail Chestplate",
-    "x": 288,
-    "y": 2464
-  },
-  "chainmail_leggings": {
-    "name": "Chainmail Leggings",
-    "x": 352,
-    "y": 2464
-  },
-  "chainmail_boots": {
-    "name": "Chainmail Boots",
-    "x": 256,
-    "y": 2464
-  },
-  "iron_helmet": {
-    "name": "Iron Helmet",
-    "x": 512,
-    "y": 2496
-  },
-  "iron_chestplate": {
-    "name": "Iron Chestplate",
-    "x": 480,
-    "y": 2496
-  },
-  "iron_leggings": {
-    "name": "Iron Leggings",
-    "x": 544,
-    "y": 2496
-  },
-  "iron_boots": {
-    "name": "Iron Boots",
-    "x": 448,
-    "y": 2496
-  },
-  "diamond_helmet": {
-    "name": "Diamond Helmet",
-    "x": 160,
-    "y": 2496
-  },
-  "diamond_chestplate": {
-    "name": "Diamond Chestplate",
-    "x": 128,
-    "y": 2496
-  },
-  "diamond_leggings": {
-    "name": "Diamond Leggings",
-    "x": 192,
-    "y": 2496
-  },
-  "diamond_boots": {
-    "name": "Diamond Boots",
-    "x": 96,
-    "y": 2496
-  },
-  "golden_helmet": {
-    "name": "Golden Helmet",
-    "x": 320,
-    "y": 2496
-  },
-  "golden_chestplate": {
-    "name": "Golden Chestplate",
-    "x": 288,
-    "y": 2496
-  },
-  "golden_leggings": {
-    "name": "Golden Leggings",
-    "x": 352,
-    "y": 2496
-  },
-  "golden_boots": {
-    "name": "Golden Boots",
-    "x": 256,
-    "y": 2496
-  },
-  "netherite_helmet": {
-    "name": "Netherite Helmet",
-    "x": 480,
-    "y": 128
-  },
-  "netherite_chestplate": {
-    "name": "Netherite Chestplate",
-    "x": 448,
-    "y": 128
-  },
-  "netherite_leggings": {
-    "name": "Netherite Leggings",
-    "x": 512,
-    "y": 128
-  },
-  "netherite_boots": {
-    "name": "Netherite Boots",
-    "x": 416,
-    "y": 128
-  },
-  "flint": {
-    "name": "Flint",
-    "x": 736,
-    "y": 3488
-  },
-  "porkchop": {
-    "name": "Raw Porkchop",
-    "x": 480,
-    "y": 3200
-  },
-  "cooked_porkchop": {
-    "name": "Cooked Porkchop",
-    "x": 32,
-    "y": 3200
-  },
-  "painting": {
-    "name": "Painting",
-    "x": 544,
-    "y": 3136
-  },
-  "golden_apple": {
-    "name": "Golden Apple",
-    "x": 160,
-    "y": 3200
-  },
-  "enchanted_golden_apple": {
-    "name": "Enchanted Golden Apple",
-    "x": 128,
-    "y": 256
-  },
-  "oak_sign": {
-    "name": "Oak Sign",
-    "x": 896,
-    "y": 3360
-  },
-  "spruce_sign": {
-    "name": "Spruce Sign",
-    "x": 800,
-    "y": 2368
-  },
-  "birch_sign": {
-    "name": "Birch Sign",
-    "x": 768,
-    "y": 2368
-  },
-  "jungle_sign": {
-    "name": "Jungle Sign",
-    "x": 832,
-    "y": 2368
-  },
-  "acacia_sign": {
-    "name": "Acacia Sign",
-    "x": 864,
-    "y": 2368
-  },
-  "dark_oak_sign": {
-    "name": "Dark Oak Sign",
-    "x": 896,
-    "y": 2368
-  },
-  "crimson_sign": {
-    "name": "Crimson Sign",
-    "x": 512,
-    "y": 160
-  },
-  "warped_sign": {
-    "name": "Warped Sign",
-    "x": 544,
-    "y": 160
-  },
-  "bucket": {
-    "name": "Bucket",
-    "x": 288,
-    "y": 3136
-  },
-  "water_bucket": {
-    "name": "Water Bucket",
-    "x": 384,
-    "y": 3136
-  },
-  "lava_bucket": {
-    "name": "Lava Bucket",
-    "x": 320,
-    "y": 3136
-  },
-  "minecart": {
-    "name": "Minecart",
-    "x": 160,
-    "y": 3616
-  },
-  "saddle": {
-    "name": "Saddle",
-    "x": 928,
-    "y": 3552
-  },
-  "redstone": {
-    "name": "Redstone Dust",
-    "x": 224,
-    "y": 3520
-  },
-  "snowball": {
-    "name": "Snowball",
-    "x": 672,
-    "y": 3616
-  },
-  "oak_boat": {
-    "name": "Oak Boat",
-    "x": 352,
-    "y": 3616
-  },
-  "leather": {
-    "name": "Leather",
-    "x": 960,
-    "y": 3488
-  },
-  "milk_bucket": {
-    "name": "Milk Bucket",
-    "x": 352,
-    "y": 3136
-  },
-  "pufferfish_bucket": {
-    "name": "Bucket of Pufferfish",
-    "x": 704,
-    "y": 1664
-  },
-  "salmon_bucket": {
-    "name": "Bucket of Salmon",
-    "x": 736,
-    "y": 1664
-  },
-  "cod_bucket": {
-    "name": "Bucket of Cod",
-    "x": 672,
-    "y": 1664
-  },
-  "tropical_fish_bucket": {
-    "name": "Bucket of Tropical Fish",
-    "x": 352,
-    "y": 2016
-  },
-  "brick": {
-    "name": "Brick",
-    "x": 480,
-    "y": 3488
-  },
-  "clay_ball": {
-    "name": "Clay Ball",
-    "x": 544,
-    "y": 3488
-  },
-  "dried_kelp_block": {
-    "name": "Dried Kelp Block",
-    "x": 128,
-    "y": 1664
-  },
-  "paper": {
-    "name": "Paper",
-    "x": 64,
-    "y": 3520
-  },
-  "book": {
-    "name": "Book",
-    "x": 448,
-    "y": 3488
-  },
-  "slime_ball": {
-    "name": "Slimeball",
-    "x": 288,
-    "y": 3520
-  },
-  "chest_minecart": {
-    "name": "Minecart with Chest",
-    "x": 192,
-    "y": 3616
-  },
-  "furnace_minecart": {
-    "name": "Minecart with Furnace",
-    "x": 256,
-    "y": 3616
-  },
-  "egg": {
-    "name": "Egg",
-    "x": 128,
-    "y": 3200
-  },
-  "compass": {
-    "name": "Compass",
-    "x": 992,
-    "y": 480
-  },
-  "fishing_rod": {
-    "name": "Fishing Rod",
-    "x": 448,
-    "y": 3552
-  },
-  "clock": {
-    "name": "Clock",
-    "x": 960,
-    "y": 480
-  },
-  "glowstone_dust": {
-    "name": "Glowstone Dust",
-    "x": 768,
-    "y": 3488
-  },
-  "cod": {
-    "name": "Raw Cod",
-    "x": 896,
-    "y": 1664
-  },
-  "salmon": {
-    "name": "Raw Salmon",
-    "x": 928,
-    "y": 1664
-  },
-  "tropical_fish": {
-    "name": "Tropical Fish",
-    "x": 768,
-    "y": 1664
-  },
-  "pufferfish": {
-    "name": "Pufferfish",
-    "x": 864,
-    "y": 1664
-  },
-  "cooked_cod": {
-    "name": "Cooked Cod",
-    "x": 800,
-    "y": 1664
-  },
-  "cooked_salmon": {
-    "name": "Cooked Salmon",
-    "x": 832,
-    "y": 1664
-  },
-  "ink_sac": {
-    "name": "Ink Sac",
-    "x": 736,
-    "y": 3136
-  },
-  "cocoa_beans": {
-    "name": "Cocoa Beans",
-    "x": 608,
-    "y": 3136
-  },
-  "lapis_lazuli": {
-    "name": "Lapis Lazuli",
-    "x": 768,
-    "y": 3136
-  },
-  "white_dye": {
-    "name": "White Dye",
-    "x": 288,
-    "y": 2368
-  },
-  "orange_dye": {
-    "name": "Orange Dye",
-    "x": 928,
-    "y": 3136
-  },
-  "magenta_dye": {
-    "name": "Magenta Dye",
-    "x": 896,
-    "y": 3136
-  },
-  "light_blue_dye": {
-    "name": "Light Blue Dye",
-    "x": 800,
-    "y": 3136
-  },
-  "yellow_dye": {
-    "name": "Yellow Dye",
-    "x": 32,
-    "y": 3168
-  },
-  "lime_dye": {
-    "name": "Lime Dye",
-    "x": 864,
-    "y": 3136
-  },
-  "pink_dye": {
-    "name": "Pink Dye",
-    "x": 960,
-    "y": 3136
-  },
-  "gray_dye": {
-    "name": "Gray Dye",
-    "x": 672,
-    "y": 3136
-  },
-  "light_gray_dye": {
-    "name": "Light Gray Dye",
-    "x": 832,
-    "y": 3136
-  },
-  "cyan_dye": {
-    "name": "Cyan Dye",
-    "x": 640,
-    "y": 3136
-  },
-  "purple_dye": {
-    "name": "Purple Dye",
-    "x": 992,
-    "y": 3136
-  },
-  "blue_dye": {
-    "name": "Blue Dye",
-    "x": 224,
-    "y": 2368
-  },
-  "brown_dye": {
-    "name": "Brown Dye",
-    "x": 256,
-    "y": 2368
-  },
-  "green_dye": {
-    "name": "Green Dye",
-    "x": 704,
-    "y": 3136
-  },
-  "red_dye": {
-    "name": "Red Dye",
-    "x": 0,
-    "y": 3168
-  },
-  "black_dye": {
-    "name": "Black Dye",
-    "x": 192,
-    "y": 2368
-  },
-  "bone_meal": {
-    "name": "Bone Meal",
-    "x": 576,
-    "y": 3136
-  },
-  "bone": {
-    "name": "Bone",
-    "x": 416,
-    "y": 3488
-  },
-  "sugar": {
-    "name": "Sugar",
-    "x": 576,
-    "y": 3200
-  },
-  "cake": {
-    "name": "Cake",
-    "x": 416,
-    "y": 3584
-  },
-  "white_bed": {
-    "name": "White Bed",
-    "x": 512,
-    "y": 3168
-  },
-  "orange_bed": {
-    "name": "Orange Bed",
-    "x": 384,
-    "y": 3168
-  },
-  "magenta_bed": {
-    "name": "Magenta Bed",
-    "x": 352,
-    "y": 3168
-  },
-  "light_blue_bed": {
-    "name": "Light Blue Bed",
-    "x": 256,
-    "y": 3168
-  },
-  "yellow_bed": {
-    "name": "Yellow Bed",
-    "x": 544,
-    "y": 3168
-  },
-  "lime_bed": {
-    "name": "Lime Bed",
-    "x": 320,
-    "y": 3168
-  },
-  "pink_bed": {
-    "name": "Pink Bed",
-    "x": 416,
-    "y": 3168
-  },
-  "gray_bed": {
-    "name": "Gray Bed",
-    "x": 192,
-    "y": 3168
-  },
-  "light_gray_bed": {
-    "name": "Light Gray Bed",
-    "x": 288,
-    "y": 3168
-  },
-  "cyan_bed": {
-    "name": "Cyan Bed",
-    "x": 160,
-    "y": 3168
-  },
-  "purple_bed": {
-    "name": "Purple Bed",
-    "x": 448,
-    "y": 3168
-  },
-  "blue_bed": {
-    "name": "Blue Bed",
-    "x": 96,
-    "y": 3168
-  },
-  "brown_bed": {
-    "name": "Brown Bed",
-    "x": 128,
-    "y": 3168
-  },
-  "green_bed": {
-    "name": "Green Bed",
-    "x": 224,
-    "y": 3168
-  },
-  "red_bed": {
-    "name": "Red Bed",
-    "x": 480,
-    "y": 3168
-  },
-  "black_bed": {
-    "name": "Black Bed",
-    "x": 64,
-    "y": 3168
-  },
-  "cookie": {
-    "name": "Cookie",
-    "x": 96,
-    "y": 3200
-  },
-  "filled_map": {
-    "name": "Map",
-    "x": 832,
-    "y": 3552
-  },
-  "shears": {
-    "name": "Shears",
-    "x": 960,
-    "y": 3552
-  },
-  "melon_slice": {
-    "name": "Melon Slice",
-    "x": 192,
-    "y": 3200
-  },
-  "dried_kelp": {
-    "name": "Dried Kelp",
-    "x": 544,
-    "y": 1664
-  },
-  "pumpkin_seeds": {
-    "name": "Pumpkin Seeds",
-    "x": 128,
-    "y": 1056
-  },
-  "melon_seeds": {
-    "name": "Melon Seeds",
-    "x": 800,
-    "y": 1024
-  },
-  "beef": {
-    "name": "Raw Beef",
-    "x": 384,
-    "y": 3200
-  },
-  "cooked_beef": {
-    "name": "Steak",
-    "x": 480,
-    "y": 832
-  },
-  "chicken": {
-    "name": "Raw Chicken",
-    "x": 416,
-    "y": 3200
-  },
-  "cooked_chicken": {
-    "name": "Cooked Chicken",
-    "x": 992,
-    "y": 3168
-  },
-  "rotten_flesh": {
-    "name": "Rotten Flesh",
-    "x": 544,
-    "y": 3200
-  },
-  "ender_pearl": {
-    "name": "Ender Pearl",
-    "x": 672,
-    "y": 3488
-  },
-  "blaze_rod": {
-    "name": "Blaze Rod",
-    "x": 448,
-    "y": 640
-  },
-  "ghast_tear": {
-    "name": "Ghast Tear",
-    "x": 96,
-    "y": 3136
-  },
-  "gold_nugget": {
-    "name": "Gold Nugget",
-    "x": 832,
-    "y": 3488
-  },
-  "nether_wart": {
-    "name": "Nether Wart",
-    "x": 704,
-    "y": 640
-  },
-  "potion": {
-    "name": "Potion of Luck",
-    "x": 960,
-    "y": 3424
-  },
-  "glass_bottle": {
-    "name": "Glass Bottle",
-    "x": 512,
-    "y": 3552
-  },
-  "spider_eye": {
-    "name": "Spider Eye",
-    "x": 256,
-    "y": 3136
-  },
-  "fermented_spider_eye": {
-    "name": "Fermented Spider Eye",
-    "x": 64,
-    "y": 3136
-  },
-  "blaze_powder": {
-    "name": "Blaze Powder",
-    "x": 416,
-    "y": 640
-  },
-  "magma_cream": {
-    "name": "Magma Cream",
-    "x": 192,
-    "y": 3136
-  },
-  "brewing_stand": {
-    "name": "Brewing Stand",
-    "x": 384,
-    "y": 3584
-  },
-  "cauldron": {
-    "name": "Cauldron",
-    "x": 448,
-    "y": 3584
-  },
-  "ender_eye": {
-    "name": "Eye of Ender",
-    "x": 384,
-    "y": 3552
-  },
-  "glistering_melon_slice": {
-    "name": "Glistering Melon Slice",
-    "x": 128,
-    "y": 3136
-  },
-  "bat_spawn_egg": {
-    "name": "Bat Spawn Egg",
-    "x": 672,
-    "y": 1120
-  },
-  "bee_spawn_egg": {
-    "name": "Bee Spawn Egg",
-    "x": 224,
-    "y": 96
-  },
-  "blaze_spawn_egg": {
-    "name": "Blaze Spawn Egg",
-    "x": 704,
-    "y": 1120
-  },
-  "cat_spawn_egg": {
-    "name": "Cat Spawn Egg",
-    "x": 288,
-    "y": 2400
-  },
-  "cave_spider_spawn_egg": {
-    "name": "Cave Spider Spawn Egg",
-    "x": 736,
-    "y": 1120
-  },
-  "chicken_spawn_egg": {
-    "name": "Chicken Spawn Egg",
-    "x": 768,
-    "y": 1120
-  },
-  "cod_spawn_egg": {
-    "name": "Cod Spawn Egg",
-    "x": 0,
-    "y": 1696
-  },
-  "cow_spawn_egg": {
-    "name": "Cow Spawn Egg",
-    "x": 800,
-    "y": 1120
-  },
-  "creeper_spawn_egg": {
-    "name": "Creeper Spawn Egg",
-    "x": 832,
-    "y": 1120
-  },
-  "dolphin_spawn_egg": {
-    "name": "Dolphin Spawn Egg",
-    "x": 448,
-    "y": 1952
-  },
-  "donkey_spawn_egg": {
-    "name": "Donkey Spawn Egg",
-    "x": 832,
-    "y": 1344
-  },
-  "drowned_spawn_egg": {
-    "name": "Drowned Spawn Egg",
-    "x": 960,
-    "y": 1696
-  },
-  "elder_guardian_spawn_egg": {
-    "name": "Elder Guardian Spawn Egg",
-    "x": 864,
-    "y": 1344
-  },
-  "enderman_spawn_egg": {
-    "name": "Enderman Spawn Egg",
-    "x": 864,
-    "y": 1120
-  },
-  "endermite_spawn_egg": {
-    "name": "Endermite Spawn Egg",
-    "x": 896,
-    "y": 1120
-  },
-  "evoker_spawn_egg": {
-    "name": "Evoker Spawn Egg",
-    "x": 64,
-    "y": 1408
-  },
-  "fox_spawn_egg": {
-    "name": "Fox Spawn Egg",
-    "x": 992,
-    "y": 2432
-  },
-  "ghast_spawn_egg": {
-    "name": "Ghast Spawn Egg",
-    "x": 928,
-    "y": 1120
-  },
-  "guardian_spawn_egg": {
-    "name": "Guardian Spawn Egg",
-    "x": 960,
-    "y": 1120
-  },
-  "hoglin_spawn_egg": {
-    "name": "Hoglin Spawn Egg",
-    "x": 32,
-    "y": 192
-  },
-  "horse_spawn_egg": {
-    "name": "Horse Spawn Egg",
-    "x": 992,
-    "y": 1120
-  },
-  "husk_spawn_egg": {
-    "name": "Husk Spawn Egg",
-    "x": 896,
-    "y": 1344
-  },
-  "llama_spawn_egg": {
-    "name": "Llama Spawn Egg",
-    "x": 96,
-    "y": 1408
-  },
-  "magma_cube_spawn_egg": {
-    "name": "Magma Cube Spawn Egg",
-    "x": 0,
-    "y": 1152
-  },
-  "mooshroom_spawn_egg": {
-    "name": "Mooshroom Spawn Egg",
-    "x": 32,
-    "y": 1152
-  },
-  "mule_spawn_egg": {
-    "name": "Mule Spawn Egg",
-    "x": 928,
-    "y": 1344
-  },
-  "ocelot_spawn_egg": {
-    "name": "Ocelot Spawn Egg",
-    "x": 64,
-    "y": 1152
-  },
-  "panda_spawn_egg": {
-    "name": "Panda Spawn Egg",
-    "x": 352,
-    "y": 2400
-  },
-  "parrot_spawn_egg": {
-    "name": "Parrot Spawn Egg",
-    "x": 224,
-    "y": 1536
-  },
-  "phantom_spawn_egg": {
-    "name": "Phantom Spawn Egg",
-    "x": 672,
-    "y": 1952
-  },
-  "pig_spawn_egg": {
-    "name": "Pig Spawn Egg",
-    "x": 96,
-    "y": 1152
-  },
-  "piglin_spawn_egg": {
-    "name": "Piglin Spawn Egg",
-    "x": 0,
-    "y": 192
-  },
-  "piglin_brute_spawn_egg": {
-    "name": "Piglin Brute Spawn Egg",
-    "x": 160,
-    "y": 256
-  },
-  "pillager_spawn_egg": {
-    "name": "Pillager Spawn Egg",
-    "x": 384,
-    "y": 2400
-  },
-  "polar_bear_spawn_egg": {
-    "name": "Polar Bear Spawn Egg",
-    "x": 960,
-    "y": 1344
-  },
-  "pufferfish_spawn_egg": {
-    "name": "Pufferfish Spawn Egg",
-    "x": 32,
-    "y": 1696
-  },
-  "rabbit_spawn_egg": {
-    "name": "Rabbit Spawn Egg",
-    "x": 128,
-    "y": 1152
-  },
-  "ravager_spawn_egg": {
-    "name": "Ravager Spawn Egg",
-    "x": 320,
-    "y": 2400
-  },
-  "salmon_spawn_egg": {
-    "name": "Salmon Spawn Egg",
-    "x": 64,
-    "y": 1696
-  },
-  "sheep_spawn_egg": {
-    "name": "Sheep Spawn Egg",
-    "x": 160,
-    "y": 1152
-  },
-  "shulker_spawn_egg": {
-    "name": "Shulker Spawn Egg",
-    "x": 192,
-    "y": 1152
-  },
-  "silverfish_spawn_egg": {
-    "name": "Silverfish Spawn Egg",
-    "x": 224,
-    "y": 1152
-  },
-  "skeleton_spawn_egg": {
-    "name": "Skeleton Spawn Egg",
-    "x": 256,
-    "y": 1152
-  },
-  "skeleton_horse_spawn_egg": {
-    "name": "Skeleton Horse Spawn Egg",
-    "x": 992,
-    "y": 1344
-  },
-  "slime_spawn_egg": {
-    "name": "Slime Spawn Egg",
-    "x": 288,
-    "y": 1152
-  },
-  "spider_spawn_egg": {
-    "name": "Spider Spawn Egg",
-    "x": 320,
-    "y": 1152
-  },
-  "squid_spawn_egg": {
-    "name": "Squid Spawn Egg",
-    "x": 352,
-    "y": 1152
-  },
-  "stray_spawn_egg": {
-    "name": "Stray Spawn Egg",
-    "x": 0,
-    "y": 1376
-  },
-  "strider_spawn_egg": {
-    "name": "Strider Spawn Egg",
-    "x": 960,
-    "y": 192
-  },
-  "trader_llama_spawn_egg": {
-    "name": "Trader Llama Spawn Egg",
-    "x": 928,
-    "y": 2432
-  },
-  "tropical_fish_spawn_egg": {
-    "name": "Tropical Fish Spawn Egg",
-    "x": 800,
-    "y": 1696
-  },
-  "turtle_spawn_egg": {
-    "name": "Turtle Spawn Egg",
-    "x": 0,
-    "y": 1728
-  },
-  "vex_spawn_egg": {
-    "name": "Vex Spawn Egg",
-    "x": 128,
-    "y": 1408
-  },
-  "villager_spawn_egg": {
-    "name": "Villager Spawn Egg",
-    "x": 384,
-    "y": 1152
-  },
-  "vindicator_spawn_egg": {
-    "name": "Vindicator Spawn Egg",
-    "x": 160,
-    "y": 1408
-  },
-  "wandering_trader_spawn_egg": {
-    "name": "Wandering Trader Spawn Egg",
-    "x": 960,
-    "y": 2432
-  },
-  "witch_spawn_egg": {
-    "name": "Witch Spawn Egg",
-    "x": 416,
-    "y": 1152
-  },
-  "wither_skeleton_spawn_egg": {
-    "name": "Wither Skeleton Spawn Egg",
-    "x": 32,
-    "y": 1376
-  },
-  "wolf_spawn_egg": {
-    "name": "Wolf Spawn Egg",
-    "x": 448,
-    "y": 1152
-  },
-  "zoglin_spawn_egg": {
-    "name": "Zoglin Spawn Egg",
-    "x": 352,
-    "y": 256
-  },
-  "zombie_spawn_egg": {
-    "name": "Zombie Spawn Egg",
-    "x": 480,
-    "y": 1152
-  },
-  "zombie_horse_spawn_egg": {
-    "name": "Zombie Horse Spawn Egg",
-    "x": 64,
-    "y": 1376
-  },
-  "zombie_villager_spawn_egg": {
-    "name": "Zombie Villager Spawn Egg",
-    "x": 128,
-    "y": 1344
-  },
-  "zombified_piglin_spawn_egg": {
-    "name": "Zombified Piglin Spawn Egg",
-    "x": 512,
-    "y": 1152
-  },
-  "experience_bottle": {
-    "name": "Bottle o' Enchanting",
-    "x": 288,
-    "y": 3456
-  },
-  "fire_charge": {
-    "name": "Fire Charge",
-    "x": 416,
-    "y": 3552
-  },
-  "writable_book": {
-    "name": "Book and Quill",
-    "x": 352,
-    "y": 3520
-  },
-  "written_book": {
-    "name": "Written Book",
-    "x": 256,
-    "y": 3584
-  },
-  "emerald": {
-    "name": "Emerald",
-    "x": 640,
-    "y": 3488
-  },
-  "item_frame": {
-    "name": "Item Frame",
-    "x": 480,
-    "y": 3136
-  },
-  "flower_pot": {
-    "name": "Flower Pot",
-    "x": 448,
-    "y": 3136
-  },
-  "carrot": {
-    "name": "Carrot",
-    "x": 928,
-    "y": 3168
-  },
-  "potato": {
-    "name": "Potato",
-    "x": 288,
-    "y": 3200
-  },
-  "baked_potato": {
-    "name": "Baked Potato",
-    "x": 800,
-    "y": 3168
-  },
-  "poisonous_potato": {
-    "name": "Poisonous Potato",
-    "x": 256,
-    "y": 3200
-  },
-  "map": {
-    "name": "Empty Map",
-    "x": 320,
-    "y": 3552
-  },
-  "golden_carrot": {
-    "name": "Golden Carrot",
-    "x": 160,
-    "y": 3136
-  },
-  "skeleton_skull": {
-    "name": "Skeleton Skull",
-    "x": 192,
-    "y": 960
-  },
-  "wither_skeleton_skull": {
-    "name": "Wither Skeleton Skull",
-    "x": 224,
-    "y": 960
-  },
-  "player_head": {
-    "name": "Player Head",
-    "x": 160,
-    "y": 960
-  },
-  "zombie_head": {
-    "name": "Zombie Head",
-    "x": 256,
-    "y": 960
-  },
-  "creeper_head": {
-    "name": "Creeper Head",
-    "x": 96,
-    "y": 960
-  },
-  "dragon_head": {
-    "name": "Dragon Head",
-    "x": 128,
-    "y": 960
-  },
-  "carrot_on_a_stick": {
-    "name": "Carrot on a Stick",
-    "x": 416,
-    "y": 3520
-  },
-  "warped_fungus_on_a_stick": {
-    "name": "Warped Fungus on a Stick",
-    "x": 992,
-    "y": 192
-  },
-  "nether_star": {
-    "name": "Nether Star",
-    "x": 64,
-    "y": 352
-  },
-  "pumpkin_pie": {
-    "name": "Pumpkin Pie",
-    "x": 320,
-    "y": 3200
-  },
-  "firework_rocket": {
-    "name": "Firework Rocket",
-    "x": 736,
-    "y": 3168
-  },
-  "firework_star": {
-    "name": "Firework Star",
-    "x": 256,
-    "y": 800
-  },
-  "enchanted_book": {
-    "name": "Enchanted Book",
-    "x": 352,
-    "y": 3552
-  },
-  "nether_brick": {
-    "name": "Nether Brick",
-    "x": 992,
-    "y": 3488
-  },
-  "quartz": {
-    "name": "Nether Quartz",
-    "x": 0,
-    "y": 3520
-  },
-  "tnt_minecart": {
-    "name": "Minecart with TNT",
-    "x": 320,
-    "y": 3616
-  },
-  "hopper_minecart": {
-    "name": "Minecart with Hopper",
-    "x": 288,
-    "y": 3616
-  },
-  "prismarine_shard": {
-    "name": "Prismarine Shard",
-    "x": 160,
-    "y": 3520
-  },
-  "prismarine_crystals": {
-    "name": "Prismarine Crystals",
-    "x": 128,
-    "y": 3520
-  },
-  "rabbit": {
-    "name": "Raw Rabbit",
-    "x": 512,
-    "y": 3200
-  },
-  "cooked_rabbit": {
-    "name": "Cooked Rabbit",
-    "x": 64,
-    "y": 3200
-  },
-  "rabbit_stew": {
-    "name": "Rabbit Stew",
-    "x": 352,
-    "y": 3200
-  },
-  "rabbit_foot": {
-    "name": "Rabbit's Foot",
-    "x": 224,
-    "y": 3136
-  },
-  "rabbit_hide": {
-    "name": "Rabbit Hide",
-    "x": 192,
-    "y": 3520
-  },
-  "armor_stand": {
-    "name": "Armor Stand",
-    "x": 416,
-    "y": 3136
-  },
-  "iron_horse_armor": {
-    "name": "Iron Horse Armor",
-    "x": 192,
-    "y": 32
-  },
-  "golden_horse_armor": {
-    "name": "Golden Horse Armor",
-    "x": 32,
-    "y": 32
-  },
-  "diamond_horse_armor": {
-    "name": "Diamond Horse Armor",
-    "x": 896,
-    "y": 0
-  },
-  "leather_horse_armor": {
-    "name": "Leather Horse Armor",
-    "x": 160,
-    "y": 1376
-  },
-  "lead": {
-    "name": "Lead",
-    "x": 800,
-    "y": 3552
-  },
-  "name_tag": {
-    "name": "Name Tag",
-    "x": 864,
-    "y": 3552
-  },
-  "command_block_minecart": {
-    "name": "Minecart with Command Block",
-    "x": 224,
-    "y": 3616
-  },
-  "mutton": {
-    "name": "Raw Mutton",
-    "x": 448,
-    "y": 3200
-  },
-  "cooked_mutton": {
-    "name": "Cooked Mutton",
-    "x": 0,
-    "y": 3200
-  },
-  "white_banner": {
-    "name": "White Banner",
-    "x": 608,
-    "y": 768
-  },
-  "orange_banner": {
-    "name": "Orange Banner",
-    "x": 864,
-    "y": 736
-  },
-  "magenta_banner": {
-    "name": "Magenta Banner",
-    "x": 672,
-    "y": 736
-  },
-  "light_blue_banner": {
-    "name": "Light Blue Banner",
-    "x": 96,
-    "y": 736
-  },
-  "yellow_banner": {
-    "name": "Yellow Banner",
-    "x": 800,
-    "y": 768
-  },
-  "lime_banner": {
-    "name": "Lime Banner",
-    "x": 480,
-    "y": 736
-  },
-  "pink_banner": {
-    "name": "Pink Banner",
-    "x": 32,
-    "y": 768
-  },
-  "gray_banner": {
-    "name": "Gray Banner",
-    "x": 736,
-    "y": 704
-  },
-  "light_gray_banner": {
-    "name": "Light Gray Banner",
-    "x": 288,
-    "y": 736
-  },
-  "cyan_banner": {
-    "name": "Cyan Banner",
-    "x": 544,
-    "y": 704
-  },
-  "purple_banner": {
-    "name": "Purple Banner",
-    "x": 224,
-    "y": 768
-  },
-  "blue_banner": {
-    "name": "Blue Banner",
-    "x": 160,
-    "y": 704
-  },
-  "brown_banner": {
-    "name": "Brown Banner",
-    "x": 352,
-    "y": 704
-  },
-  "green_banner": {
-    "name": "Green Banner",
-    "x": 928,
-    "y": 704
-  },
-  "red_banner": {
-    "name": "Red Banner",
-    "x": 416,
-    "y": 768
-  },
-  "black_banner": {
-    "name": "Black Banner",
-    "x": 992,
-    "y": 672
-  },
-  "end_crystal": {
-    "name": "End Crystal",
-    "x": 608,
-    "y": 3168
-  },
-  "chorus_fruit": {
-    "name": "Chorus Fruit",
-    "x": 960,
-    "y": 3168
-  },
-  "popped_chorus_fruit": {
-    "name": "Popped Chorus Fruit",
-    "x": 96,
-    "y": 3520
-  },
-  "beetroot": {
-    "name": "Beetroot",
-    "x": 864,
-    "y": 3168
-  },
-  "beetroot_seeds": {
-    "name": "Beetroot Seeds",
-    "x": 320,
-    "y": 3392
-  },
-  "beetroot_soup": {
-    "name": "Beetroot Soup",
-    "x": 832,
-    "y": 3168
-  },
-  "dragon_breath": {
-    "name": "Dragon's Breath",
-    "x": 32,
-    "y": 3136
-  },
-  "splash_potion": {
-    "name": "Splash Potion of Luck",
-    "x": 512,
-    "y": 3456
-  },
-  "spectral_arrow": {
-    "name": "Spectral Arrow",
-    "x": 704,
-    "y": 3616
-  },
-  "tipped_arrow": {
-    "name": "Tipped Arrow",
-    "x": 544,
-    "y": 1248
-  },
-  "lingering_potion": {
-    "name": "Lingering Potion of Luck",
-    "x": 0,
-    "y": 3488
-  },
-  "shield": {
-    "name": "Shield",
-    "x": 960,
-    "y": 2496
-  },
-  "elytra": {
-    "name": "Elytra",
-    "x": 224,
-    "y": 2496
-  },
-  "spruce_boat": {
-    "name": "Spruce Boat",
-    "x": 384,
-    "y": 3616
-  },
-  "birch_boat": {
-    "name": "Birch Boat",
-    "x": 64,
-    "y": 3616
-  },
-  "jungle_boat": {
-    "name": "Jungle Boat",
-    "x": 128,
-    "y": 3616
-  },
-  "acacia_boat": {
-    "name": "Acacia Boat",
-    "x": 32,
-    "y": 3616
-  },
-  "dark_oak_boat": {
-    "name": "Dark Oak Boat",
-    "x": 96,
-    "y": 3616
-  },
-  "totem_of_undying": {
-    "name": "Totem of Undying",
-    "x": 768,
-    "y": 3616
-  },
-  "shulker_shell": {
-    "name": "Shulker Shell",
-    "x": 256,
-    "y": 3520
-  },
-  "iron_nugget": {
-    "name": "Iron Nugget",
-    "x": 928,
-    "y": 3488
-  },
-  "knowledge_book": {
-    "name": "Knowledge Book",
-    "x": 800,
-    "y": 3584
-  },
-  "debug_stick": {
-    "name": "Debug Stick",
-    "x": 608,
-    "y": 1120
-  },
-  "music_disc_pigstep": {
-    "name": "Music Disc 13",
-    "x": 0,
-    "y": 672
-  },
-  "trident": {
-    "name": "Trident",
-    "x": 608,
-    "y": 1696
-  },
-  "phantom_membrane": {
-    "name": "Phantom Membrane",
-    "x": 32,
-    "y": 1728
-  },
-  "nautilus_shell": {
-    "name": "Nautilus Shell",
-    "x": 448,
-    "y": 1728
-  },
-  "heart_of_the_sea": {
-    "name": "Heart of the Sea",
-    "x": 416,
-    "y": 1728
-  },
-  "crossbow": {
-    "name": "Crossbow",
-    "x": 416,
-    "y": 2368
-  },
-  "suspicious_stew": {
-    "name": "Suspicious Stew",
-    "x": 928,
-    "y": 2368
-  },
-  "loom": {
-    "name": "Loom",
-    "x": 416,
-    "y": 2432
-  },
-  "flower_banner_pattern": {
-    "name": "Banner Pattern",
-    "x": 704,
-    "y": 2368
-  },
-  "creeper_banner_pattern": {
-    "name": "Banner Pattern",
-    "x": 704,
-    "y": 2368
-  },
-  "skull_banner_pattern": {
-    "name": "Banner Pattern",
-    "x": 704,
-    "y": 2368
-  },
-  "mojang_banner_pattern": {
-    "name": "Banner Pattern",
-    "x": 704,
-    "y": 2368
-  },
-  "globe_banner_pattern": {
-    "name": "Banner Pattern",
-    "x": 704,
-    "y": 2368
-  },
-  "piglin_banner_pattern": {
-    "name": "Banner Pattern",
-    "x": 704,
-    "y": 2368
-  },
-  "composter": {
-    "name": "Composter",
-    "x": 864,
-    "y": 2432
-  },
-  "barrel": {
-    "name": "Barrel",
-    "x": 64,
-    "y": 2432
-  },
-  "smoker": {
-    "name": "Smoker",
-    "x": 480,
-    "y": 2432
-  },
-  "blast_furnace": {
-    "name": "Blast Furnace",
-    "x": 288,
-    "y": 2432
-  },
-  "cartography_table": {
-    "name": "Cartography Table",
-    "x": 608,
-    "y": 2432
-  },
-  "fletching_table": {
-    "name": "Fletching Table",
-    "x": 640,
-    "y": 2432
-  },
-  "grindstone": {
-    "name": "Grindstone",
-    "x": 896,
-    "y": 2432
-  },
-  "lectern": {
-    "name": "Lectern",
-    "x": 576,
-    "y": 0
-  },
-  "smithing_table": {
-    "name": "Smithing Table",
-    "x": 672,
-    "y": 2432
-  },
-  "stonecutter": {
-    "name": "Stonecutter BE",
-    "x": 800,
-    "y": 1056
-  },
-  "bell": {
-    "name": "Bell",
-    "x": 256,
-    "y": 2400
-  },
-  "lantern": {
-    "name": "Lantern",
-    "x": 576,
-    "y": 2432
-  },
-  "soul_lantern": {
-    "name": "Soul Lantern",
-    "x": 896,
-    "y": 128
-  },
-  "sweet_berries": {
-    "name": "Sweet Berries",
-    "x": 768,
-    "y": 2432
-  },
-  "campfire": {
-    "name": "Campfire",
-    "x": 832,
-    "y": 2432
-  },
-  "soul_campfire": {
-    "name": "Soul Campfire",
-    "x": 960,
-    "y": 256
-  },
-  "shroomlight": {
-    "name": "Shroomlight",
-    "x": 704,
-    "y": 128
-  },
-  "honeycomb": {
-    "name": "Honeycomb",
-    "x": 928,
-    "y": 32
-  },
-  "bee_nest": {
-    "name": "Bee Nest",
-    "x": 992,
-    "y": 32
-  },
-  "beehive": {
-    "name": "Beehive",
-    "x": 960,
-    "y": 32
-  },
-  "honey_bottle": {
-    "name": "Honey Bottle",
-    "x": 896,
-    "y": 32
-  },
-  "honey_block": {
-    "name": "Honey Block",
-    "x": 320,
-    "y": 96
-  },
-  "honeycomb_block": {
-    "name": "Honeycomb Block",
-    "x": 64,
-    "y": 96
-  },
-  "lodestone": {
-    "name": "Lodestone",
-    "x": 928,
-    "y": 192
-  },
-  "netherite_block": {
-    "name": "Block of Netherite",
-    "x": 96,
-    "y": 128
-  },
-  "ancient_debris": {
-    "name": "Ancient Debris",
-    "x": 160,
-    "y": 128
-  },
-  "target": {
-    "name": "Target",
-    "x": 96,
-    "y": 192
-  },
-  "crying_obsidian": {
-    "name": "Crying Obsidian",
-    "x": 128,
-    "y": 192
-  },
-  "blackstone": {
-    "name": "Blackstone",
-    "x": 96,
-    "y": 256
-  },
-  "blackstone_slab": {
-    "name": "Blackstone Slab",
-    "x": 608,
-    "y": 256
-  },
-  "blackstone_stairs": {
-    "name": "Blackstone Stairs",
-    "x": 640,
-    "y": 256
-  },
-  "gilded_blackstone": {
-    "name": "Gilded Blackstone",
-    "x": 512,
-    "y": 256
-  },
-  "polished_blackstone": {
-    "name": "Polished Blackstone",
-    "x": 544,
-    "y": 256
-  },
-  "polished_blackstone_slab": {
-    "name": "Polished Blackstone Slab",
-    "x": 800,
-    "y": 256
-  },
-  "polished_blackstone_stairs": {
-    "name": "Polished Blackstone Stairs",
-    "x": 832,
-    "y": 256
-  },
-  "chiseled_polished_blackstone": {
-    "name": "Chiseled Polished Blackstone",
-    "x": 416,
-    "y": 256
-  },
-  "polished_blackstone_bricks": {
-    "name": "Polished Blackstone Bricks",
-    "x": 576,
-    "y": 256
-  },
-  "polished_blackstone_brick_slab": {
-    "name": "Polished Blackstone Brick Slab",
-    "x": 704,
-    "y": 256
-  },
-  "polished_blackstone_brick_stairs": {
-    "name": "Polished Blackstone Brick Stairs",
-    "x": 736,
-    "y": 256
-  },
-  "cracked_polished_blackstone_bricks": {
-    "name": "Cracked Polished Blackstone Bricks",
-    "x": 480,
-    "y": 256
-  },
-  "respawn_anchor": {
-    "name": "Respawn Anchor",
-    "x": 448,
-    "y": 192
-  }
-}
\ No newline at end of file
diff --git a/src/loadSave.ts b/src/loadSave.ts
index 7ca454ff..f1676cff 100644
--- a/src/loadSave.ts
+++ b/src/loadSave.ts
@@ -3,7 +3,7 @@ import path from 'path'
 import * as nbt from 'prismarine-nbt'
 import { proxy } from 'valtio'
 import { gzip } from 'node-gzip'
-import { versionToNumber } from 'prismarine-viewer/viewer/prepare/utils'
+import { versionToNumber } from 'renderer/viewer/common/utils'
 import { options } from './optionsStorage'
 import { nameToMcOfflineUUID, disconnect } from './flyingSquidUtils'
 import { existsViaStats, forceCachedDataPaths, forceRedirectPaths, mkdirRecursive } from './browserfs'
@@ -11,6 +11,8 @@ import { isMajorVersionGreater } from './utils'
 
 import { activeModalStacks, insertActiveModalStack, miscUiState } from './globalState'
 import supportedVersions from './supportedVersions.mjs'
+import { ConnectOptions } from './connect'
+import { appQueryParams } from './appParams'
 
 // todo include name of opened handle (zip)!
 // additional fs metadata
@@ -21,6 +23,8 @@ export const fsState = proxy({
   saveLoaded: false,
   openReadOperations: 0,
   openWriteOperations: 0,
+  remoteBackend: false,
+  inMemorySavePath: ''
 })
 
 const PROPOSE_BACKUP = true
@@ -46,7 +50,7 @@ export const readLevelDat = async (path) => {
   return { levelDat, dataRaw: parsed.value.Data!.value as Record<string, any> }
 }
 
-export const loadSave = async (root = '/world') => {
+export const loadSave = async (root = '/world', connectOptions?: Partial<ConnectOptions>) => {
   // todo test
   if (miscUiState.gameLoaded) {
     await disconnect()
@@ -60,12 +64,12 @@ export const loadSave = async (root = '/world') => {
   // todo do it in singleplayer as well
   // eslint-disable-next-line guard-for-in
   for (const key in forceCachedDataPaths) {
-    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+
     delete forceCachedDataPaths[key]
   }
   // eslint-disable-next-line guard-for-in
   for (const key in forceRedirectPaths) {
-    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+
     delete forceRedirectPaths[key]
   }
   // todo check jsHeapSizeLimit
@@ -81,10 +85,8 @@ export const loadSave = async (root = '/world') => {
   }
 
   let version: string | undefined | null
-  let isFlat = false
   if (levelDat) {
-    const qs = new URLSearchParams(window.location.search)
-    version = qs.get('mapVersion') ?? levelDat.Version?.Name
+    version = appQueryParams.mapVersion ?? levelDat.Version?.Name
     if (!version) {
       // const newVersion = disablePrompts ? '1.8.8' : prompt(`In 1.8 and before world save doesn't contain version info, please enter version you want to use to load the world.\nSupported versions ${supportedVersions.join(', ')}`, '1.8.8')
       // if (!newVersion) return
@@ -100,21 +102,6 @@ export const loadSave = async (root = '/world') => {
       version = prompt(`Version ${version} is not supported, supported versions are ${supportedVersions.join(', ')}, what try to use instead?`, lowerBound ? firstSupportedVersion : lastSupportedVersion)
       if (!version) return
     }
-    if (levelDat.WorldGenSettings) {
-      for (const [key, value] of Object.entries(levelDat.WorldGenSettings.dimensions)) {
-        if (key.slice(10) === 'overworld') {
-          if (value.generator.type === 'flat') isFlat = true
-          break
-        }
-      }
-    }
-
-    if (levelDat.generatorName) {
-      isFlat = levelDat.generatorName === 'flat'
-    }
-    if (!isFlat && levelDat.generatorName !== 'default' && levelDat.generatorName !== 'customized') {
-      // warnings.push(`Generator ${levelDat.generatorName} may not be supported yet, be careful of new chunks writes`)
-    }
 
     const playerUuid = nameToMcOfflineUUID(options.localUsername)
     const playerDatPath = `${root}/playerdata/${playerUuid}.dat`
@@ -159,6 +146,7 @@ export const loadSave = async (root = '/world') => {
   // improve compatibility with community saves
   const rootRemapFiles = ['Warp files']
   for (const rootRemapFile of rootRemapFiles) {
+    // eslint-disable-next-line no-await-in-loop
     if (await existsViaStats(path.join(root, '..', rootRemapFile))) {
       forceRedirectPaths[path.join(root, rootRemapFile)] = path.join(root, '..', rootRemapFile)
     }
@@ -177,19 +165,17 @@ export const loadSave = async (root = '/world') => {
   //   hideModal(undefined, undefined, { force: true })
   // }
 
+  // todo should not be set here
   fsState.saveLoaded = true
+  fsState.inMemorySavePath = root
   window.dispatchEvent(new CustomEvent('singleplayer', {
     // todo check gamemode level.dat data etc
     detail: {
       version,
-      ...isFlat ? {
-        generation: {
-          name: 'superflat'
-        }
-      } : {},
       ...root === '/world' ? {} : {
         'worldFolder': root
-      }
+      },
+      connectOptions
     },
   }))
 }
diff --git a/src/localServerMultiplayer.ts b/src/localServerMultiplayer.ts
index c7c2cd28..7eaa2427 100644
--- a/src/localServerMultiplayer.ts
+++ b/src/localServerMultiplayer.ts
@@ -1,7 +1,8 @@
 import { Duplex } from 'stream'
-import Peer, { DataConnection } from 'peerjs'
+import { Peer, DataConnection } from 'peerjs'
 import Client from 'minecraft-protocol/src/client'
-import { resolveTimeout, setLoadingScreenStatus } from './utils'
+import { resolveTimeout } from './utils'
+import { setLoadingScreenStatus } from './appStatus'
 import { miscUiState } from './globalState'
 
 class CustomDuplex extends Duplex {
@@ -19,6 +20,8 @@ class CustomDuplex extends Duplex {
 
 let peerInstance: Peer | undefined
 
+let overridePeerJsServer = null as string | null
+
 export const getJoinLink = () => {
   if (!peerInstance) return
   const url = new URL(window.location.href)
@@ -27,6 +30,11 @@ export const getJoinLink = () => {
   }
   url.searchParams.set('connectPeer', peerInstance.id)
   url.searchParams.set('peerVersion', localServer!.options.version)
+  const host = (overridePeerJsServer ?? miscUiState.appConfig?.peerJsServer) ?? undefined
+  if (host) {
+    // TODO! use miscUiState.appConfig.peerJsServer
+    url.searchParams.set('server', host)
+  }
   return url.toString()
 }
 
@@ -46,13 +54,18 @@ export const openToWanAndCopyJoinLink = async (writeText: (text) => void, doCopy
     if (doCopy) await copyJoinLink()
     return 'Already opened to wan. Join link copied'
   }
+  miscUiState.wanOpening = true
+  const host = (overridePeerJsServer ?? miscUiState.appConfig?.peerJsServer) || undefined
+  const params = host ? parseUrl(host) : undefined
   const peer = new Peer({
     debug: 3,
+    secure: true,
+    ...params
   })
   peerInstance = peer
   peer.on('connection', (connection) => {
     console.log('connection')
-    const serverDuplex = new CustomDuplex({}, (data) => connection.send(data))
+    const serverDuplex = new CustomDuplex({}, async (data) => connection.send(data))
     const client = new Client(true, localServer.options.version, undefined)
     client.setSocket(serverDuplex)
     localServer._server.emit('connection', client)
@@ -83,34 +96,98 @@ export const openToWanAndCopyJoinLink = async (writeText: (text) => void, doCopy
     connection.on('close', disconnected)
     connection.on('error', disconnected)
   })
+  const fallbackServer = miscUiState.appConfig?.peerJsServerFallback
+  const hasFallback = fallbackServer && peer.options.host !== fallbackServer
+  let hadErrorReported = false
   peer.on('error', (error) => {
-    console.error(error)
-    writeText(error.message)
+    console.error('peerJS error', error)
+    if (error.type === 'server-error' && hasFallback) {
+      return
+    }
+    hadErrorReported = true
+    writeText(error.message || JSON.stringify(error))
   })
-  return new Promise<string>(resolve => {
+  let timeout
+  const destroy = () => {
+    clearTimeout(timeout)
+    timeout = undefined
+    peer.destroy()
+    peerInstance = undefined
+  }
+
+  const result = await new Promise<string>(resolve => {
     peer.on('open', async () => {
       await copyJoinLink()
       resolve('Copied join link to clipboard')
     })
-    setTimeout(() => {
-      resolve('Failed to open to wan (timeout)')
-    }, 5000)
+    timeout = setTimeout(async () => {
+      if (!hadErrorReported && timeout !== undefined) {
+        if (hasFallback && overridePeerJsServer === null) {
+          destroy()
+          overridePeerJsServer = fallbackServer
+          console.log('Trying fallback server due to timeout', fallbackServer)
+          resolve((await openToWanAndCopyJoinLink(writeText, doCopy))!)
+        } else {
+          writeText('timeout')
+          resolve('Failed to open to wan (timeout)')
+        }
+      }
+    }, 6000)
+
+    // fallback
+    peer.on('error', async (error) => {
+      if (!peer.open) {
+        if (hasFallback) {
+          destroy()
+
+          overridePeerJsServer = fallbackServer
+          console.log('Trying fallback server', fallbackServer)
+          resolve((await openToWanAndCopyJoinLink(writeText, doCopy))!)
+        }
+      }
+    })
   })
+  if (peerInstance && !peerInstance.open) {
+    destroy()
+  }
+  miscUiState.wanOpening = false
+  return result
+}
+
+const parseUrl = (url: string) => {
+  // peerJS does this internally for some reason: const url = new URL(`${protocol}://${host}:${port}${path}${key}/${method}`)
+  if (!url.startsWith('http')) url = `${location.protocol}//${url}`
+  const urlObj = new URL(url)
+  const key = urlObj.searchParams.get('key')
+  return {
+    host: urlObj.hostname,
+    path: urlObj.pathname,
+    protocol: urlObj.protocol.slice(0, -1),
+    ...urlObj.port ? { port: +urlObj.port } : {},
+    ...key ? { key } : {},
+  }
 }
 
 export const closeWan = () => {
-  if (!peerInstance) return
-  peerInstance.destroy()
+  peerInstance?.destroy()
   peerInstance = undefined
   miscUiState.wanOpened = false
-  return 'Closed to wan'
+  return 'Closed WAN'
 }
 
-export const connectToPeer = async (peerId: string) => {
+export type ConnectPeerOptions = {
+  server?: string
+}
+
+export const connectToPeer = async (peerId: string, options: ConnectPeerOptions = {}) => {
   setLoadingScreenStatus('Connecting to peer server')
   // todo destroy connection on error
+  // TODO! use miscUiState.appConfig.peerJsServer
+  const host = options.server
+  const params = host ? parseUrl(host) : undefined
   const peer = new Peer({
     debug: 3,
+    ...params
   })
   await resolveTimeout(new Promise(resolve => {
     peer.once('open', resolve)
@@ -129,9 +206,9 @@ export const connectToPeer = async (peerId: string) => {
   }))
 
   const clientDuplex = new CustomDuplex({}, (data) => {
-    // todo rm debug
-    console.debug('sending', data.toString())
-    connection.send(data)
+    // todo debug until play state
+    // console.debug('sending', data.toString())
+    void connection.send(data)
   })
   connection.on('data', (data: any) => {
     console.debug('received', Buffer.from(data).toString())
diff --git a/src/markdownToFormattedText.ts b/src/markdownToFormattedText.ts
index 5a09917d..5fff20f8 100644
--- a/src/markdownToFormattedText.ts
+++ b/src/markdownToFormattedText.ts
@@ -2,7 +2,7 @@ import { remark } from 'remark'
 
 export default (markdown: string) => {
   const arr = markdown.split('\n\n')
-  const lines = ['', '', '', '']
+  const lines = ['', '', '', ''] as any[]
   for (const [i, ast] of arr.map(md => remark().parse(md)).entries()) {
     lines[i] = transformToMinecraftJSON(ast as Element)
   }
@@ -38,21 +38,21 @@ function transformToMinecraftJSON (element: Element): any {
 }
 
 interface Position {
-    start: {
-        line: number;
-        column: number;
-        offset: number;
-    };
-    end: {
-        line: number;
-        column: number;
-        offset: number;
-    };
-  }
+  start: {
+    line: number;
+    column: number;
+    offset: number;
+  };
+  end: {
+    line: number;
+    column: number;
+    offset: number;
+  };
+}
 
-  interface Element {
-    type: string;
-    children?: Element[];
-    value?: string;
-    position: Position;
-  }
+interface Element {
+  type: string;
+  children?: Element[];
+  value?: string;
+  position: Position;
+}
diff --git a/src/mcDataTypes.ts b/src/mcDataTypes.ts
index 8f4f05e3..3375cf28 100644
--- a/src/mcDataTypes.ts
+++ b/src/mcDataTypes.ts
@@ -3,4 +3,4316 @@ export type BlockNames = 'air' | 'stone' | 'granite' | 'polished_granite' | 'dio
 export type ItemNames = 'air' | 'stone' | 'granite' | 'polished_granite' | 'diorite' | 'polished_diorite' | 'andesite' | 'polished_andesite' | 'deepslate' | 'cobbled_deepslate' | 'polished_deepslate' | 'calcite' | 'tuff' | 'dripstone_block' | 'grass_block' | 'dirt' | 'coarse_dirt' | 'podzol' | 'rooted_dirt' | 'mud' | 'crimson_nylium' | 'warped_nylium' | 'cobblestone' | 'oak_planks' | 'spruce_planks' | 'birch_planks' | 'jungle_planks' | 'acacia_planks' | 'cherry_planks' | 'dark_oak_planks' | 'mangrove_planks' | 'bamboo_planks' | 'crimson_planks' | 'warped_planks' | 'bamboo_mosaic' | 'oak_sapling' | 'spruce_sapling' | 'birch_sapling' | 'jungle_sapling' | 'acacia_sapling' | 'cherry_sapling' | 'dark_oak_sapling' | 'mangrove_propagule' | 'bedrock' | 'sand' | 'suspicious_sand' | 'suspicious_gravel' | 'red_sand' | 'gravel' | 'coal_ore' | 'deepslate_coal_ore' | 'iron_ore' | 'deepslate_iron_ore' | 'copper_ore' | 'deepslate_copper_ore' | 'gold_ore' | 'deepslate_gold_ore' | 'redstone_ore' | 'deepslate_redstone_ore' | 'emerald_ore' | 'deepslate_emerald_ore' | 'lapis_ore' | 'deepslate_lapis_ore' | 'diamond_ore' | 'deepslate_diamond_ore' | 'nether_gold_ore' | 'nether_quartz_ore' | 'ancient_debris' | 'coal_block' | 'raw_iron_block' | 'raw_copper_block' | 'raw_gold_block' | 'amethyst_block' | 'budding_amethyst' | 'iron_block' | 'copper_block' | 'gold_block' | 'diamond_block' | 'netherite_block' | 'exposed_copper' | 'weathered_copper' | 'oxidized_copper' | 'cut_copper' | 'exposed_cut_copper' | 'weathered_cut_copper' | 'oxidized_cut_copper' | 'cut_copper_stairs' | 'exposed_cut_copper_stairs' | 'weathered_cut_copper_stairs' | 'oxidized_cut_copper_stairs' | 'cut_copper_slab' | 'exposed_cut_copper_slab' | 'weathered_cut_copper_slab' | 'oxidized_cut_copper_slab' | 'waxed_copper_block' | 'waxed_exposed_copper' | 'waxed_weathered_copper' | 'waxed_oxidized_copper' | 'waxed_cut_copper' | 'waxed_exposed_cut_copper' | 'waxed_weathered_cut_copper' | 'waxed_oxidized_cut_copper' | 'waxed_cut_copper_stairs' | 'waxed_exposed_cut_copper_stairs' | 'waxed_weathered_cut_copper_stairs' | 'waxed_oxidized_cut_copper_stairs' | 'waxed_cut_copper_slab' | 'waxed_exposed_cut_copper_slab' | 'waxed_weathered_cut_copper_slab' | 'waxed_oxidized_cut_copper_slab' | 'oak_log' | 'spruce_log' | 'birch_log' | 'jungle_log' | 'acacia_log' | 'cherry_log' | 'dark_oak_log' | 'mangrove_log' | 'mangrove_roots' | 'muddy_mangrove_roots' | 'crimson_stem' | 'warped_stem' | 'bamboo_block' | 'stripped_oak_log' | 'stripped_spruce_log' | 'stripped_birch_log' | 'stripped_jungle_log' | 'stripped_acacia_log' | 'stripped_cherry_log' | 'stripped_dark_oak_log' | 'stripped_mangrove_log' | 'stripped_crimson_stem' | 'stripped_warped_stem' | 'stripped_oak_wood' | 'stripped_spruce_wood' | 'stripped_birch_wood' | 'stripped_jungle_wood' | 'stripped_acacia_wood' | 'stripped_cherry_wood' | 'stripped_dark_oak_wood' | 'stripped_mangrove_wood' | 'stripped_crimson_hyphae' | 'stripped_warped_hyphae' | 'stripped_bamboo_block' | 'oak_wood' | 'spruce_wood' | 'birch_wood' | 'jungle_wood' | 'acacia_wood' | 'cherry_wood' | 'dark_oak_wood' | 'mangrove_wood' | 'crimson_hyphae' | 'warped_hyphae' | 'oak_leaves' | 'spruce_leaves' | 'birch_leaves' | 'jungle_leaves' | 'acacia_leaves' | 'cherry_leaves' | 'dark_oak_leaves' | 'mangrove_leaves' | 'azalea_leaves' | 'flowering_azalea_leaves' | 'sponge' | 'wet_sponge' | 'glass' | 'tinted_glass' | 'lapis_block' | 'sandstone' | 'chiseled_sandstone' | 'cut_sandstone' | 'cobweb' | 'grass' | 'fern' | 'azalea' | 'flowering_azalea' | 'dead_bush' | 'seagrass' | 'sea_pickle' | 'white_wool' | 'orange_wool' | 'magenta_wool' | 'light_blue_wool' | 'yellow_wool' | 'lime_wool' | 'pink_wool' | 'gray_wool' | 'light_gray_wool' | 'cyan_wool' | 'purple_wool' | 'blue_wool' | 'brown_wool' | 'green_wool' | 'red_wool' | 'black_wool' | 'dandelion' | 'poppy' | 'blue_orchid' | 'allium' | 'azure_bluet' | 'red_tulip' | 'orange_tulip' | 'white_tulip' | 'pink_tulip' | 'oxeye_daisy' | 'cornflower' | 'lily_of_the_valley' | 'wither_rose' | 'torchflower' | 'pitcher_plant' | 'spore_blossom' | 'brown_mushroom' | 'red_mushroom' | 'crimson_fungus' | 'warped_fungus' | 'crimson_roots' | 'warped_roots' | 'nether_sprouts' | 'weeping_vines' | 'twisting_vines' | 'sugar_cane' | 'kelp' | 'moss_carpet' | 'pink_petals' | 'moss_block' | 'hanging_roots' | 'big_dripleaf' | 'small_dripleaf' | 'bamboo' | 'oak_slab' | 'spruce_slab' | 'birch_slab' | 'jungle_slab' | 'acacia_slab' | 'cherry_slab' | 'dark_oak_slab' | 'mangrove_slab' | 'bamboo_slab' | 'bamboo_mosaic_slab' | 'crimson_slab' | 'warped_slab' | 'stone_slab' | 'smooth_stone_slab' | 'sandstone_slab' | 'cut_sandstone_slab' | 'petrified_oak_slab' | 'cobblestone_slab' | 'brick_slab' | 'stone_brick_slab' | 'mud_brick_slab' | 'nether_brick_slab' | 'quartz_slab' | 'red_sandstone_slab' | 'cut_red_sandstone_slab' | 'purpur_slab' | 'prismarine_slab' | 'prismarine_brick_slab' | 'dark_prismarine_slab' | 'smooth_quartz' | 'smooth_red_sandstone' | 'smooth_sandstone' | 'smooth_stone' | 'bricks' | 'bookshelf' | 'chiseled_bookshelf' | 'decorated_pot' | 'mossy_cobblestone' | 'obsidian' | 'torch' | 'end_rod' | 'chorus_plant' | 'chorus_flower' | 'purpur_block' | 'purpur_pillar' | 'purpur_stairs' | 'spawner' | 'chest' | 'crafting_table' | 'farmland' | 'furnace' | 'ladder' | 'cobblestone_stairs' | 'snow' | 'ice' | 'snow_block' | 'cactus' | 'clay' | 'jukebox' | 'oak_fence' | 'spruce_fence' | 'birch_fence' | 'jungle_fence' | 'acacia_fence' | 'cherry_fence' | 'dark_oak_fence' | 'mangrove_fence' | 'bamboo_fence' | 'crimson_fence' | 'warped_fence' | 'pumpkin' | 'carved_pumpkin' | 'jack_o_lantern' | 'netherrack' | 'soul_sand' | 'soul_soil' | 'basalt' | 'polished_basalt' | 'smooth_basalt' | 'soul_torch' | 'glowstone' | 'infested_stone' | 'infested_cobblestone' | 'infested_stone_bricks' | 'infested_mossy_stone_bricks' | 'infested_cracked_stone_bricks' | 'infested_chiseled_stone_bricks' | 'infested_deepslate' | 'stone_bricks' | 'mossy_stone_bricks' | 'cracked_stone_bricks' | 'chiseled_stone_bricks' | 'packed_mud' | 'mud_bricks' | 'deepslate_bricks' | 'cracked_deepslate_bricks' | 'deepslate_tiles' | 'cracked_deepslate_tiles' | 'chiseled_deepslate' | 'reinforced_deepslate' | 'brown_mushroom_block' | 'red_mushroom_block' | 'mushroom_stem' | 'iron_bars' | 'chain' | 'glass_pane' | 'melon' | 'vine' | 'glow_lichen' | 'brick_stairs' | 'stone_brick_stairs' | 'mud_brick_stairs' | 'mycelium' | 'lily_pad' | 'nether_bricks' | 'cracked_nether_bricks' | 'chiseled_nether_bricks' | 'nether_brick_fence' | 'nether_brick_stairs' | 'sculk' | 'sculk_vein' | 'sculk_catalyst' | 'sculk_shrieker' | 'enchanting_table' | 'end_portal_frame' | 'end_stone' | 'end_stone_bricks' | 'dragon_egg' | 'sandstone_stairs' | 'ender_chest' | 'emerald_block' | 'oak_stairs' | 'spruce_stairs' | 'birch_stairs' | 'jungle_stairs' | 'acacia_stairs' | 'cherry_stairs' | 'dark_oak_stairs' | 'mangrove_stairs' | 'bamboo_stairs' | 'bamboo_mosaic_stairs' | 'crimson_stairs' | 'warped_stairs' | 'command_block' | 'beacon' | 'cobblestone_wall' | 'mossy_cobblestone_wall' | 'brick_wall' | 'prismarine_wall' | 'red_sandstone_wall' | 'mossy_stone_brick_wall' | 'granite_wall' | 'stone_brick_wall' | 'mud_brick_wall' | 'nether_brick_wall' | 'andesite_wall' | 'red_nether_brick_wall' | 'sandstone_wall' | 'end_stone_brick_wall' | 'diorite_wall' | 'blackstone_wall' | 'polished_blackstone_wall' | 'polished_blackstone_brick_wall' | 'cobbled_deepslate_wall' | 'polished_deepslate_wall' | 'deepslate_brick_wall' | 'deepslate_tile_wall' | 'anvil' | 'chipped_anvil' | 'damaged_anvil' | 'chiseled_quartz_block' | 'quartz_block' | 'quartz_bricks' | 'quartz_pillar' | 'quartz_stairs' | 'white_terracotta' | 'orange_terracotta' | 'magenta_terracotta' | 'light_blue_terracotta' | 'yellow_terracotta' | 'lime_terracotta' | 'pink_terracotta' | 'gray_terracotta' | 'light_gray_terracotta' | 'cyan_terracotta' | 'purple_terracotta' | 'blue_terracotta' | 'brown_terracotta' | 'green_terracotta' | 'red_terracotta' | 'black_terracotta' | 'barrier' | 'light' | 'hay_block' | 'white_carpet' | 'orange_carpet' | 'magenta_carpet' | 'light_blue_carpet' | 'yellow_carpet' | 'lime_carpet' | 'pink_carpet' | 'gray_carpet' | 'light_gray_carpet' | 'cyan_carpet' | 'purple_carpet' | 'blue_carpet' | 'brown_carpet' | 'green_carpet' | 'red_carpet' | 'black_carpet' | 'terracotta' | 'packed_ice' | 'dirt_path' | 'sunflower' | 'lilac' | 'rose_bush' | 'peony' | 'tall_grass' | 'large_fern' | 'white_stained_glass' | 'orange_stained_glass' | 'magenta_stained_glass' | 'light_blue_stained_glass' | 'yellow_stained_glass' | 'lime_stained_glass' | 'pink_stained_glass' | 'gray_stained_glass' | 'light_gray_stained_glass' | 'cyan_stained_glass' | 'purple_stained_glass' | 'blue_stained_glass' | 'brown_stained_glass' | 'green_stained_glass' | 'red_stained_glass' | 'black_stained_glass' | 'white_stained_glass_pane' | 'orange_stained_glass_pane' | 'magenta_stained_glass_pane' | 'light_blue_stained_glass_pane' | 'yellow_stained_glass_pane' | 'lime_stained_glass_pane' | 'pink_stained_glass_pane' | 'gray_stained_glass_pane' | 'light_gray_stained_glass_pane' | 'cyan_stained_glass_pane' | 'purple_stained_glass_pane' | 'blue_stained_glass_pane' | 'brown_stained_glass_pane' | 'green_stained_glass_pane' | 'red_stained_glass_pane' | 'black_stained_glass_pane' | 'prismarine' | 'prismarine_bricks' | 'dark_prismarine' | 'prismarine_stairs' | 'prismarine_brick_stairs' | 'dark_prismarine_stairs' | 'sea_lantern' | 'red_sandstone' | 'chiseled_red_sandstone' | 'cut_red_sandstone' | 'red_sandstone_stairs' | 'repeating_command_block' | 'chain_command_block' | 'magma_block' | 'nether_wart_block' | 'warped_wart_block' | 'red_nether_bricks' | 'bone_block' | 'structure_void' | 'shulker_box' | 'white_shulker_box' | 'orange_shulker_box' | 'magenta_shulker_box' | 'light_blue_shulker_box' | 'yellow_shulker_box' | 'lime_shulker_box' | 'pink_shulker_box' | 'gray_shulker_box' | 'light_gray_shulker_box' | 'cyan_shulker_box' | 'purple_shulker_box' | 'blue_shulker_box' | 'brown_shulker_box' | 'green_shulker_box' | 'red_shulker_box' | 'black_shulker_box' | 'white_glazed_terracotta' | 'orange_glazed_terracotta' | 'magenta_glazed_terracotta' | 'light_blue_glazed_terracotta' | 'yellow_glazed_terracotta' | 'lime_glazed_terracotta' | 'pink_glazed_terracotta' | 'gray_glazed_terracotta' | 'light_gray_glazed_terracotta' | 'cyan_glazed_terracotta' | 'purple_glazed_terracotta' | 'blue_glazed_terracotta' | 'brown_glazed_terracotta' | 'green_glazed_terracotta' | 'red_glazed_terracotta' | 'black_glazed_terracotta' | 'white_concrete' | 'orange_concrete' | 'magenta_concrete' | 'light_blue_concrete' | 'yellow_concrete' | 'lime_concrete' | 'pink_concrete' | 'gray_concrete' | 'light_gray_concrete' | 'cyan_concrete' | 'purple_concrete' | 'blue_concrete' | 'brown_concrete' | 'green_concrete' | 'red_concrete' | 'black_concrete' | 'white_concrete_powder' | 'orange_concrete_powder' | 'magenta_concrete_powder' | 'light_blue_concrete_powder' | 'yellow_concrete_powder' | 'lime_concrete_powder' | 'pink_concrete_powder' | 'gray_concrete_powder' | 'light_gray_concrete_powder' | 'cyan_concrete_powder' | 'purple_concrete_powder' | 'blue_concrete_powder' | 'brown_concrete_powder' | 'green_concrete_powder' | 'red_concrete_powder' | 'black_concrete_powder' | 'turtle_egg' | 'sniffer_egg' | 'dead_tube_coral_block' | 'dead_brain_coral_block' | 'dead_bubble_coral_block' | 'dead_fire_coral_block' | 'dead_horn_coral_block' | 'tube_coral_block' | 'brain_coral_block' | 'bubble_coral_block' | 'fire_coral_block' | 'horn_coral_block' | 'tube_coral' | 'brain_coral' | 'bubble_coral' | 'fire_coral' | 'horn_coral' | 'dead_brain_coral' | 'dead_bubble_coral' | 'dead_fire_coral' | 'dead_horn_coral' | 'dead_tube_coral' | 'tube_coral_fan' | 'brain_coral_fan' | 'bubble_coral_fan' | 'fire_coral_fan' | 'horn_coral_fan' | 'dead_tube_coral_fan' | 'dead_brain_coral_fan' | 'dead_bubble_coral_fan' | 'dead_fire_coral_fan' | 'dead_horn_coral_fan' | 'blue_ice' | 'conduit' | 'polished_granite_stairs' | 'smooth_red_sandstone_stairs' | 'mossy_stone_brick_stairs' | 'polished_diorite_stairs' | 'mossy_cobblestone_stairs' | 'end_stone_brick_stairs' | 'stone_stairs' | 'smooth_sandstone_stairs' | 'smooth_quartz_stairs' | 'granite_stairs' | 'andesite_stairs' | 'red_nether_brick_stairs' | 'polished_andesite_stairs' | 'diorite_stairs' | 'cobbled_deepslate_stairs' | 'polished_deepslate_stairs' | 'deepslate_brick_stairs' | 'deepslate_tile_stairs' | 'polished_granite_slab' | 'smooth_red_sandstone_slab' | 'mossy_stone_brick_slab' | 'polished_diorite_slab' | 'mossy_cobblestone_slab' | 'end_stone_brick_slab' | 'smooth_sandstone_slab' | 'smooth_quartz_slab' | 'granite_slab' | 'andesite_slab' | 'red_nether_brick_slab' | 'polished_andesite_slab' | 'diorite_slab' | 'cobbled_deepslate_slab' | 'polished_deepslate_slab' | 'deepslate_brick_slab' | 'deepslate_tile_slab' | 'scaffolding' | 'redstone' | 'redstone_torch' | 'redstone_block' | 'repeater' | 'comparator' | 'piston' | 'sticky_piston' | 'slime_block' | 'honey_block' | 'observer' | 'hopper' | 'dispenser' | 'dropper' | 'lectern' | 'target' | 'lever' | 'lightning_rod' | 'daylight_detector' | 'sculk_sensor' | 'calibrated_sculk_sensor' | 'tripwire_hook' | 'trapped_chest' | 'tnt' | 'redstone_lamp' | 'note_block' | 'stone_button' | 'polished_blackstone_button' | 'oak_button' | 'spruce_button' | 'birch_button' | 'jungle_button' | 'acacia_button' | 'cherry_button' | 'dark_oak_button' | 'mangrove_button' | 'bamboo_button' | 'crimson_button' | 'warped_button' | 'stone_pressure_plate' | 'polished_blackstone_pressure_plate' | 'light_weighted_pressure_plate' | 'heavy_weighted_pressure_plate' | 'oak_pressure_plate' | 'spruce_pressure_plate' | 'birch_pressure_plate' | 'jungle_pressure_plate' | 'acacia_pressure_plate' | 'cherry_pressure_plate' | 'dark_oak_pressure_plate' | 'mangrove_pressure_plate' | 'bamboo_pressure_plate' | 'crimson_pressure_plate' | 'warped_pressure_plate' | 'iron_door' | 'oak_door' | 'spruce_door' | 'birch_door' | 'jungle_door' | 'acacia_door' | 'cherry_door' | 'dark_oak_door' | 'mangrove_door' | 'bamboo_door' | 'crimson_door' | 'warped_door' | 'iron_trapdoor' | 'oak_trapdoor' | 'spruce_trapdoor' | 'birch_trapdoor' | 'jungle_trapdoor' | 'acacia_trapdoor' | 'cherry_trapdoor' | 'dark_oak_trapdoor' | 'mangrove_trapdoor' | 'bamboo_trapdoor' | 'crimson_trapdoor' | 'warped_trapdoor' | 'oak_fence_gate' | 'spruce_fence_gate' | 'birch_fence_gate' | 'jungle_fence_gate' | 'acacia_fence_gate' | 'cherry_fence_gate' | 'dark_oak_fence_gate' | 'mangrove_fence_gate' | 'bamboo_fence_gate' | 'crimson_fence_gate' | 'warped_fence_gate' | 'powered_rail' | 'detector_rail' | 'rail' | 'activator_rail' | 'saddle' | 'minecart' | 'chest_minecart' | 'furnace_minecart' | 'tnt_minecart' | 'hopper_minecart' | 'carrot_on_a_stick' | 'warped_fungus_on_a_stick' | 'elytra' | 'oak_boat' | 'oak_chest_boat' | 'spruce_boat' | 'spruce_chest_boat' | 'birch_boat' | 'birch_chest_boat' | 'jungle_boat' | 'jungle_chest_boat' | 'acacia_boat' | 'acacia_chest_boat' | 'cherry_boat' | 'cherry_chest_boat' | 'dark_oak_boat' | 'dark_oak_chest_boat' | 'mangrove_boat' | 'mangrove_chest_boat' | 'bamboo_raft' | 'bamboo_chest_raft' | 'structure_block' | 'jigsaw' | 'turtle_helmet' | 'scute' | 'flint_and_steel' | 'apple' | 'bow' | 'arrow' | 'coal' | 'charcoal' | 'diamond' | 'emerald' | 'lapis_lazuli' | 'quartz' | 'amethyst_shard' | 'raw_iron' | 'iron_ingot' | 'raw_copper' | 'copper_ingot' | 'raw_gold' | 'gold_ingot' | 'netherite_ingot' | 'netherite_scrap' | 'wooden_sword' | 'wooden_shovel' | 'wooden_pickaxe' | 'wooden_axe' | 'wooden_hoe' | 'stone_sword' | 'stone_shovel' | 'stone_pickaxe' | 'stone_axe' | 'stone_hoe' | 'golden_sword' | 'golden_shovel' | 'golden_pickaxe' | 'golden_axe' | 'golden_hoe' | 'iron_sword' | 'iron_shovel' | 'iron_pickaxe' | 'iron_axe' | 'iron_hoe' | 'diamond_sword' | 'diamond_shovel' | 'diamond_pickaxe' | 'diamond_axe' | 'diamond_hoe' | 'netherite_sword' | 'netherite_shovel' | 'netherite_pickaxe' | 'netherite_axe' | 'netherite_hoe' | 'stick' | 'bowl' | 'mushroom_stew' | 'string' | 'feather' | 'gunpowder' | 'wheat_seeds' | 'wheat' | 'bread' | 'leather_helmet' | 'leather_chestplate' | 'leather_leggings' | 'leather_boots' | 'chainmail_helmet' | 'chainmail_chestplate' | 'chainmail_leggings' | 'chainmail_boots' | 'iron_helmet' | 'iron_chestplate' | 'iron_leggings' | 'iron_boots' | 'diamond_helmet' | 'diamond_chestplate' | 'diamond_leggings' | 'diamond_boots' | 'golden_helmet' | 'golden_chestplate' | 'golden_leggings' | 'golden_boots' | 'netherite_helmet' | 'netherite_chestplate' | 'netherite_leggings' | 'netherite_boots' | 'flint' | 'porkchop' | 'cooked_porkchop' | 'painting' | 'golden_apple' | 'enchanted_golden_apple' | 'oak_sign' | 'spruce_sign' | 'birch_sign' | 'jungle_sign' | 'acacia_sign' | 'cherry_sign' | 'dark_oak_sign' | 'mangrove_sign' | 'bamboo_sign' | 'crimson_sign' | 'warped_sign' | 'oak_hanging_sign' | 'spruce_hanging_sign' | 'birch_hanging_sign' | 'jungle_hanging_sign' | 'acacia_hanging_sign' | 'cherry_hanging_sign' | 'dark_oak_hanging_sign' | 'mangrove_hanging_sign' | 'bamboo_hanging_sign' | 'crimson_hanging_sign' | 'warped_hanging_sign' | 'bucket' | 'water_bucket' | 'lava_bucket' | 'powder_snow_bucket' | 'snowball' | 'leather' | 'milk_bucket' | 'pufferfish_bucket' | 'salmon_bucket' | 'cod_bucket' | 'tropical_fish_bucket' | 'axolotl_bucket' | 'tadpole_bucket' | 'brick' | 'clay_ball' | 'dried_kelp_block' | 'paper' | 'book' | 'slime_ball' | 'egg' | 'compass' | 'recovery_compass' | 'bundle' | 'fishing_rod' | 'clock' | 'spyglass' | 'glowstone_dust' | 'cod' | 'salmon' | 'tropical_fish' | 'pufferfish' | 'cooked_cod' | 'cooked_salmon' | 'ink_sac' | 'glow_ink_sac' | 'cocoa_beans' | 'white_dye' | 'orange_dye' | 'magenta_dye' | 'light_blue_dye' | 'yellow_dye' | 'lime_dye' | 'pink_dye' | 'gray_dye' | 'light_gray_dye' | 'cyan_dye' | 'purple_dye' | 'blue_dye' | 'brown_dye' | 'green_dye' | 'red_dye' | 'black_dye' | 'bone_meal' | 'bone' | 'sugar' | 'cake' | 'white_bed' | 'orange_bed' | 'magenta_bed' | 'light_blue_bed' | 'yellow_bed' | 'lime_bed' | 'pink_bed' | 'gray_bed' | 'light_gray_bed' | 'cyan_bed' | 'purple_bed' | 'blue_bed' | 'brown_bed' | 'green_bed' | 'red_bed' | 'black_bed' | 'cookie' | 'filled_map' | 'shears' | 'melon_slice' | 'dried_kelp' | 'pumpkin_seeds' | 'melon_seeds' | 'beef' | 'cooked_beef' | 'chicken' | 'cooked_chicken' | 'rotten_flesh' | 'ender_pearl' | 'blaze_rod' | 'ghast_tear' | 'gold_nugget' | 'nether_wart' | 'potion' | 'glass_bottle' | 'spider_eye' | 'fermented_spider_eye' | 'blaze_powder' | 'magma_cream' | 'brewing_stand' | 'cauldron' | 'ender_eye' | 'glistering_melon_slice' | 'allay_spawn_egg' | 'axolotl_spawn_egg' | 'bat_spawn_egg' | 'bee_spawn_egg' | 'blaze_spawn_egg' | 'cat_spawn_egg' | 'camel_spawn_egg' | 'cave_spider_spawn_egg' | 'chicken_spawn_egg' | 'cod_spawn_egg' | 'cow_spawn_egg' | 'creeper_spawn_egg' | 'dolphin_spawn_egg' | 'donkey_spawn_egg' | 'drowned_spawn_egg' | 'elder_guardian_spawn_egg' | 'ender_dragon_spawn_egg' | 'enderman_spawn_egg' | 'endermite_spawn_egg' | 'evoker_spawn_egg' | 'fox_spawn_egg' | 'frog_spawn_egg' | 'ghast_spawn_egg' | 'glow_squid_spawn_egg' | 'goat_spawn_egg' | 'guardian_spawn_egg' | 'hoglin_spawn_egg' | 'horse_spawn_egg' | 'husk_spawn_egg' | 'iron_golem_spawn_egg' | 'llama_spawn_egg' | 'magma_cube_spawn_egg' | 'mooshroom_spawn_egg' | 'mule_spawn_egg' | 'ocelot_spawn_egg' | 'panda_spawn_egg' | 'parrot_spawn_egg' | 'phantom_spawn_egg' | 'pig_spawn_egg' | 'piglin_spawn_egg' | 'piglin_brute_spawn_egg' | 'pillager_spawn_egg' | 'polar_bear_spawn_egg' | 'pufferfish_spawn_egg' | 'rabbit_spawn_egg' | 'ravager_spawn_egg' | 'salmon_spawn_egg' | 'sheep_spawn_egg' | 'shulker_spawn_egg' | 'silverfish_spawn_egg' | 'skeleton_spawn_egg' | 'skeleton_horse_spawn_egg' | 'slime_spawn_egg' | 'sniffer_spawn_egg' | 'snow_golem_spawn_egg' | 'spider_spawn_egg' | 'squid_spawn_egg' | 'stray_spawn_egg' | 'strider_spawn_egg' | 'tadpole_spawn_egg' | 'trader_llama_spawn_egg' | 'tropical_fish_spawn_egg' | 'turtle_spawn_egg' | 'vex_spawn_egg' | 'villager_spawn_egg' | 'vindicator_spawn_egg' | 'wandering_trader_spawn_egg' | 'warden_spawn_egg' | 'witch_spawn_egg' | 'wither_spawn_egg' | 'wither_skeleton_spawn_egg' | 'wolf_spawn_egg' | 'zoglin_spawn_egg' | 'zombie_spawn_egg' | 'zombie_horse_spawn_egg' | 'zombie_villager_spawn_egg' | 'zombified_piglin_spawn_egg' | 'experience_bottle' | 'fire_charge' | 'writable_book' | 'written_book' | 'item_frame' | 'glow_item_frame' | 'flower_pot' | 'carrot' | 'potato' | 'baked_potato' | 'poisonous_potato' | 'map' | 'golden_carrot' | 'skeleton_skull' | 'wither_skeleton_skull' | 'player_head' | 'zombie_head' | 'creeper_head' | 'dragon_head' | 'piglin_head' | 'nether_star' | 'pumpkin_pie' | 'firework_rocket' | 'firework_star' | 'enchanted_book' | 'nether_brick' | 'prismarine_shard' | 'prismarine_crystals' | 'rabbit' | 'cooked_rabbit' | 'rabbit_stew' | 'rabbit_foot' | 'rabbit_hide' | 'armor_stand' | 'iron_horse_armor' | 'golden_horse_armor' | 'diamond_horse_armor' | 'leather_horse_armor' | 'lead' | 'name_tag' | 'command_block_minecart' | 'mutton' | 'cooked_mutton' | 'white_banner' | 'orange_banner' | 'magenta_banner' | 'light_blue_banner' | 'yellow_banner' | 'lime_banner' | 'pink_banner' | 'gray_banner' | 'light_gray_banner' | 'cyan_banner' | 'purple_banner' | 'blue_banner' | 'brown_banner' | 'green_banner' | 'red_banner' | 'black_banner' | 'end_crystal' | 'chorus_fruit' | 'popped_chorus_fruit' | 'torchflower_seeds' | 'pitcher_pod' | 'beetroot' | 'beetroot_seeds' | 'beetroot_soup' | 'dragon_breath' | 'splash_potion' | 'spectral_arrow' | 'tipped_arrow' | 'lingering_potion' | 'shield' | 'totem_of_undying' | 'shulker_shell' | 'iron_nugget' | 'knowledge_book' | 'debug_stick' | 'music_disc_13' | 'music_disc_cat' | 'music_disc_blocks' | 'music_disc_chirp' | 'music_disc_far' | 'music_disc_mall' | 'music_disc_mellohi' | 'music_disc_stal' | 'music_disc_strad' | 'music_disc_ward' | 'music_disc_11' | 'music_disc_wait' | 'music_disc_otherside' | 'music_disc_relic' | 'music_disc_5' | 'music_disc_pigstep' | 'disc_fragment_5' | 'trident' | 'phantom_membrane' | 'nautilus_shell' | 'heart_of_the_sea' | 'crossbow' | 'suspicious_stew' | 'loom' | 'flower_banner_pattern' | 'creeper_banner_pattern' | 'skull_banner_pattern' | 'mojang_banner_pattern' | 'globe_banner_pattern' | 'piglin_banner_pattern' | 'goat_horn' | 'composter' | 'barrel' | 'smoker' | 'blast_furnace' | 'cartography_table' | 'fletching_table' | 'grindstone' | 'smithing_table' | 'stonecutter' | 'bell' | 'lantern' | 'soul_lantern' | 'sweet_berries' | 'glow_berries' | 'campfire' | 'soul_campfire' | 'shroomlight' | 'honeycomb' | 'bee_nest' | 'beehive' | 'honey_bottle' | 'honeycomb_block' | 'lodestone' | 'crying_obsidian' | 'blackstone' | 'blackstone_slab' | 'blackstone_stairs' | 'gilded_blackstone' | 'polished_blackstone' | 'polished_blackstone_slab' | 'polished_blackstone_stairs' | 'chiseled_polished_blackstone' | 'polished_blackstone_bricks' | 'polished_blackstone_brick_slab' | 'polished_blackstone_brick_stairs' | 'cracked_polished_blackstone_bricks' | 'respawn_anchor' | 'candle' | 'white_candle' | 'orange_candle' | 'magenta_candle' | 'light_blue_candle' | 'yellow_candle' | 'lime_candle' | 'pink_candle' | 'gray_candle' | 'light_gray_candle' | 'cyan_candle' | 'purple_candle' | 'blue_candle' | 'brown_candle' | 'green_candle' | 'red_candle' | 'black_candle' | 'small_amethyst_bud' | 'medium_amethyst_bud' | 'large_amethyst_bud' | 'amethyst_cluster' | 'pointed_dripstone' | 'ochre_froglight' | 'verdant_froglight' | 'pearlescent_froglight' | 'frogspawn' | 'echo_shard' | 'brush' | 'netherite_upgrade_smithing_template' | 'sentry_armor_trim_smithing_template' | 'dune_armor_trim_smithing_template' | 'coast_armor_trim_smithing_template' | 'wild_armor_trim_smithing_template' | 'ward_armor_trim_smithing_template' | 'eye_armor_trim_smithing_template' | 'vex_armor_trim_smithing_template' | 'tide_armor_trim_smithing_template' | 'snout_armor_trim_smithing_template' | 'rib_armor_trim_smithing_template' | 'spire_armor_trim_smithing_template' | 'wayfinder_armor_trim_smithing_template' | 'shaper_armor_trim_smithing_template' | 'silence_armor_trim_smithing_template' | 'raiser_armor_trim_smithing_template' | 'host_armor_trim_smithing_template' | 'angler_pottery_sherd' | 'archer_pottery_sherd' | 'arms_up_pottery_sherd' | 'blade_pottery_sherd' | 'brewer_pottery_sherd' | 'burn_pottery_sherd' | 'danger_pottery_sherd' | 'explorer_pottery_sherd' | 'friend_pottery_sherd' | 'heart_pottery_sherd' | 'heartbreak_pottery_sherd' | 'howl_pottery_sherd' | 'miner_pottery_sherd' | 'mourner_pottery_sherd' | 'plenty_pottery_sherd' | 'prize_pottery_sherd' | 'sheaf_pottery_sherd' | 'shelter_pottery_sherd' | 'skull_pottery_sherd' | 'snort_pottery_sherd';
 export type EntityNames = 'allay' | 'area_effect_cloud' | 'armor_stand' | 'arrow' | 'axolotl' | 'bat' | 'bee' | 'blaze' | 'block_display' | 'boat' | 'camel' | 'cat' | 'cave_spider' | 'chest_boat' | 'chest_minecart' | 'chicken' | 'cod' | 'command_block_minecart' | 'cow' | 'creeper' | 'dolphin' | 'donkey' | 'dragon_fireball' | 'drowned' | 'egg' | 'elder_guardian' | 'end_crystal' | 'ender_dragon' | 'ender_pearl' | 'enderman' | 'endermite' | 'evoker' | 'evoker_fangs' | 'experience_bottle' | 'experience_orb' | 'eye_of_ender' | 'falling_block' | 'firework_rocket' | 'fox' | 'frog' | 'furnace_minecart' | 'ghast' | 'giant' | 'glow_item_frame' | 'glow_squid' | 'goat' | 'guardian' | 'hoglin' | 'hopper_minecart' | 'horse' | 'husk' | 'illusioner' | 'interaction' | 'iron_golem' | 'item' | 'item_display' | 'item_frame' | 'fireball' | 'leash_knot' | 'lightning_bolt' | 'llama' | 'llama_spit' | 'magma_cube' | 'marker' | 'minecart' | 'mooshroom' | 'mule' | 'ocelot' | 'painting' | 'panda' | 'parrot' | 'phantom' | 'pig' | 'piglin' | 'piglin_brute' | 'pillager' | 'polar_bear' | 'potion' | 'pufferfish' | 'rabbit' | 'ravager' | 'salmon' | 'sheep' | 'shulker' | 'shulker_bullet' | 'silverfish' | 'skeleton' | 'skeleton_horse' | 'slime' | 'small_fireball' | 'sniffer' | 'snow_golem' | 'snowball' | 'spawner_minecart' | 'spectral_arrow' | 'spider' | 'squid' | 'stray' | 'strider' | 'tadpole' | 'text_display' | 'tnt' | 'tnt_minecart' | 'trader_llama' | 'trident' | 'tropical_fish' | 'turtle' | 'vex' | 'villager' | 'vindicator' | 'wandering_trader' | 'warden' | 'witch' | 'wither' | 'wither_skeleton' | 'wither_skull' | 'wolf' | 'zoglin' | 'zombie' | 'zombie_horse' | 'zombie_villager' | 'zombified_piglin' | 'player' | 'fishing_bobber';
 export type BiomesNames = 'badlands' | 'bamboo_jungle' | 'basalt_deltas' | 'beach' | 'birch_forest' | 'cherry_grove' | 'cold_ocean' | 'crimson_forest' | 'dark_forest' | 'deep_cold_ocean' | 'deep_dark' | 'deep_frozen_ocean' | 'deep_lukewarm_ocean' | 'deep_ocean' | 'desert' | 'dripstone_caves' | 'end_barrens' | 'end_highlands' | 'end_midlands' | 'eroded_badlands' | 'flower_forest' | 'forest' | 'frozen_ocean' | 'frozen_peaks' | 'frozen_river' | 'grove' | 'ice_spikes' | 'jagged_peaks' | 'jungle' | 'lukewarm_ocean' | 'lush_caves' | 'mangrove_swamp' | 'meadow' | 'mushroom_fields' | 'nether_wastes' | 'ocean' | 'old_growth_birch_forest' | 'old_growth_pine_taiga' | 'old_growth_spruce_taiga' | 'plains' | 'river' | 'savanna' | 'savanna_plateau' | 'small_end_islands' | 'snowy_beach' | 'snowy_plains' | 'snowy_slopes' | 'snowy_taiga' | 'soul_sand_valley' | 'sparse_jungle' | 'stony_peaks' | 'stony_shore' | 'sunflower_plains' | 'swamp' | 'taiga' | 'the_end' | 'the_void' | 'warm_ocean' | 'warped_forest' | 'windswept_forest' | 'windswept_gravelly_hills' | 'windswept_hills' | 'windswept_savanna' | 'wooded_badlands';
-export type EnchantmentNames = 'protection' | 'fire_protection' | 'feather_falling' | 'blast_protection' | 'projectile_protection' | 'respiration' | 'aqua_affinity' | 'thorns' | 'depth_strider' | 'frost_walker' | 'binding_curse' | 'soul_speed' | 'swift_sneak' | 'sharpness' | 'smite' | 'bane_of_arthropods' | 'knockback' | 'fire_aspect' | 'looting' | 'sweeping' | 'efficiency' | 'silk_touch' | 'unbreaking' | 'fortune' | 'power' | 'punch' | 'flame' | 'infinity' | 'luck_of_the_sea' | 'lure' | 'loyalty' | 'impaling' | 'riptide' | 'channeling' | 'multishot' | 'quick_charge' | 'piercing' | 'mending' | 'vanishing_curse';
\ No newline at end of file
+export type EnchantmentNames = 'protection' | 'fire_protection' | 'feather_falling' | 'blast_protection' | 'projectile_protection' | 'respiration' | 'aqua_affinity' | 'thorns' | 'depth_strider' | 'frost_walker' | 'binding_curse' | 'soul_speed' | 'swift_sneak' | 'sharpness' | 'smite' | 'bane_of_arthropods' | 'knockback' | 'fire_aspect' | 'looting' | 'sweeping' | 'efficiency' | 'silk_touch' | 'unbreaking' | 'fortune' | 'power' | 'punch' | 'flame' | 'infinity' | 'luck_of_the_sea' | 'lure' | 'loyalty' | 'impaling' | 'riptide' | 'channeling' | 'multishot' | 'quick_charge' | 'piercing' | 'mending' | 'vanishing_curse';
+
+export type EntityMetadataVersions = {
+'Mob': {},'Monster': {},'Creeper': {},'Skeleton': {},'Spider': {},'Giant': {},'Zombie': {},'Slime': {},'Ghast': {},'PigZombie': {},'Enderman': {},'CaveSpider': {},'Silverfish': {},'Blaze': {},'LavaSlime': {},'EnderDragon': {},'WitherBoss': {},'Bat': {},'Witch': {},'Endermite': {},'Guardian': {},'Pig': {},'Sheep': {},'Cow': {},'Chicken': {},'Squid': {},'Wolf': {},'MushroomCow': {},'SnowMan': {},'Ozelot': {},'VillagerGolem': {},'EntityHorse': {},'Rabbit': {},'Villager': {},'Boat': {},'Item': {},'MinecartRideable': {},'PrimedTnt': {},'EnderCrystal': {},'Arrow': {},'Snowball': {},'ThrownEgg': {},'Fireball': {},'SmallFireball': {},'ThrownEnderpearl': {},'WitherSkull': {},'FallingSand': {},'ItemFrame': {},'EyeOfEnderSignal': {},'ThrownPotion': {},'ThrownExpBottle': {},'FireworksRocketEntity': {},'LeashKnot': {},'ArmorStand': {},'Fishing Float': {},'Shulker': {},'XPOrb': {},'Dragon Fireball': {},'item': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item': string;},'xp_orb': {},'area_effect_cloud': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'radius': string;
+/** 1.19.4+ (9) */
+'color': string;
+/** 1.19.4+ (10) */
+'waiting': string;
+/** 1.19.4+ (11) */
+'particle': string;},'elder_guardian': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'moving': string;
+/** 1.19.4+ (17) */
+'attack_target': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'wither_skeleton': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'stray': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'egg': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item_stack': string;},'leash_knot': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;},'painting': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'painting_variant': string;},'arrow': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'flags': string;
+/** 1.19.4+ (9) */
+'pierce_level': string;
+/** 1.19.4+ (10) */
+'effect_color': string;},'snowball': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item_stack': string;},'fireball': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item_stack': string;},'small_fireball': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item_stack': string;},'ender_pearl': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item_stack': string;},'eye_of_ender_signal': {},'potion': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item_stack': string;},'xp_bottle': {},'item_frame': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item': string;
+/** 1.19.4+ (9) */
+'rotation': string;},'wither_skull': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'dangerous': string;},'tnt': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'fuse': string;
+/** 1.20.3+ (9) */
+'block_state': string;},'falling_block': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'start_pos': string;},'fireworks_rocket': {},'husk': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'special_type': string;
+/** 1.19.4+ (18) */
+'drowned_conversion': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'spectral_arrow': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'flags': string;
+/** 1.19.4+ (9) */
+'pierce_level': string;},'shulker_bullet': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;},'dragon_fireball': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;},'zombie_villager': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'special_type': string;
+/** 1.19.4+ (18) */
+'drowned_conversion': string;
+/** 1.19.4+ (19) */
+'converting': string;
+/** 1.19.4+ (20) */
+'villager_data': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'skeleton_horse': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'zombie_horse': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'armor_stand': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'client_flags': string;
+/** 1.19.4+ (16) */
+'head_pose': string;
+/** 1.19.4+ (17) */
+'body_pose': string;
+/** 1.19.4+ (18) */
+'left_arm_pose': string;
+/** 1.19.4+ (19) */
+'right_arm_pose': string;
+/** 1.19.4+ (20) */
+'left_leg_pose': string;
+/** 1.19.4+ (21) */
+'right_leg_pose': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'donkey': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'chest': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'mule': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'chest': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'evocation_fangs': {},'evocation_illager': {},'vex': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'vindication_illager': {},'commandblock_minecart': {},'boat': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hurt': string;
+/** 1.19.4+ (9) */
+'hurtdir': string;
+/** 1.19.4+ (10) */
+'damage': string;
+/** 1.19.4+ (11) */
+'type': string;
+/** 1.19.4+ (12) */
+'paddle_left': string;
+/** 1.19.4+ (13) */
+'paddle_right': string;
+/** 1.19.4+ (14) */
+'bubble_time': string;},'minecart': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hurt': string;
+/** 1.19.4+ (9) */
+'hurtdir': string;
+/** 1.19.4+ (10) */
+'damage': string;
+/** 1.19.4+ (11) */
+'display_block': string;
+/** 1.19.4+ (12) */
+'display_offset': string;
+/** 1.19.4+ (13) */
+'custom_display': string;},'chest_minecart': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hurt': string;
+/** 1.19.4+ (9) */
+'hurtdir': string;
+/** 1.19.4+ (10) */
+'damage': string;
+/** 1.19.4+ (11) */
+'display_block': string;
+/** 1.19.4+ (12) */
+'display_offset': string;
+/** 1.19.4+ (13) */
+'custom_display': string;},'furnace_minecart': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hurt': string;
+/** 1.19.4+ (9) */
+'hurtdir': string;
+/** 1.19.4+ (10) */
+'damage': string;
+/** 1.19.4+ (11) */
+'display_block': string;
+/** 1.19.4+ (12) */
+'display_offset': string;
+/** 1.19.4+ (13) */
+'custom_display': string;
+/** 1.19.4+ (14) */
+'fuel': string;},'tnt_minecart': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hurt': string;
+/** 1.19.4+ (9) */
+'hurtdir': string;
+/** 1.19.4+ (10) */
+'damage': string;
+/** 1.19.4+ (11) */
+'display_block': string;
+/** 1.19.4+ (12) */
+'display_offset': string;
+/** 1.19.4+ (13) */
+'custom_display': string;},'hopper_minecart': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hurt': string;
+/** 1.19.4+ (9) */
+'hurtdir': string;
+/** 1.19.4+ (10) */
+'damage': string;
+/** 1.19.4+ (11) */
+'display_block': string;
+/** 1.19.4+ (12) */
+'display_offset': string;
+/** 1.19.4+ (13) */
+'custom_display': string;},'spawner_minecart': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hurt': string;
+/** 1.19.4+ (9) */
+'hurtdir': string;
+/** 1.19.4+ (10) */
+'damage': string;
+/** 1.19.4+ (11) */
+'display_block': string;
+/** 1.19.4+ (12) */
+'display_offset': string;
+/** 1.19.4+ (13) */
+'custom_display': string;},'creeper': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'swell_dir': string;
+/** 1.19.4+ (17) */
+'is_powered': string;
+/** 1.19.4+ (18) */
+'is_ignited': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'skeleton': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'stray_conversion': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'spider': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'giant': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'zombie': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'special_type': string;
+/** 1.19.4+ (18) */
+'drowned_conversion': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'slime': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'size': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'ghast': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'is_charging': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'zombie_pigman': {},'enderman': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'carry_state': string;
+/** 1.19.4+ (17) */
+'creepy': string;
+/** 1.19.4+ (18) */
+'stared_at': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'cave_spider': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'silverfish': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'blaze': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'magma_cube': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'size': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'ender_dragon': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'phase': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'wither': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'target_a': string;
+/** 1.19.4+ (17) */
+'target_b': string;
+/** 1.19.4+ (18) */
+'target_c': string;
+/** 1.19.4+ (19) */
+'inv': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'bat': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'witch': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'is_celebrating': string;
+/** 1.19.4+ (17) */
+'using_item': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'endermite': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'guardian': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'moving': string;
+/** 1.19.4+ (17) */
+'attack_target': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'shulker': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'attach_face': string;
+/** 1.19.4+ (17) */
+'peek': string;
+/** 1.19.4+ (18) */
+'color': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'pig': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'saddle': string;
+/** 1.19.4+ (18) */
+'boost_time': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'sheep': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'wool': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'cow': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'chicken': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'squid': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'wolf': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'owneruuid': string;
+/** 1.19.4+ (19) */
+'interested': string;
+/** 1.19.4+ (20) */
+'collar_color': string;
+/** 1.19.4+ (21) */
+'remaining_anger_time': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;
+/** 1.20.5+ (22) */
+'variant': string;},'mooshroom': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'type': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'snowman': {},'ocelot': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'trusting': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'villager_golem': {},'horse': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'type_variant': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'rabbit': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'type': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'polar_bear': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'standing': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'llama': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'chest': string;
+/** 1.19.4+ (19) */
+'strength': string;
+/** 1.19.4+ (20) */
+'swag': string;
+/** 1.19.4+ (21) */
+'variant': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'llama_spit': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;},'villager': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'unhappy_counter': string;
+/** 1.19.4+ (18) */
+'villager_data': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'ender_crystal': {},'Fishing Hook': {},'illusion_illager': {},'parrot': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'owneruuid': string;
+/** 1.19.4+ (19) */
+'variant': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'cod': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'from_bucket': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'dolphin': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'treasure_pos': string;
+/** 1.19.4+ (17) */
+'got_fish': string;
+/** 1.19.4+ (18) */
+'moistness_level': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'drowned': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'special_type': string;
+/** 1.19.4+ (18) */
+'drowned_conversion': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'end_crystal': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'beam_target': string;
+/** 1.19.4+ (9) */
+'show_bottom': string;},'evoker_fangs': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;},'evoker': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'is_celebrating': string;
+/** 1.19.4+ (17) */
+'spell_casting': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'experience_orb': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;},'eye_of_ender': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item_stack': string;},'illusioner': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'is_celebrating': string;
+/** 1.19.4+ (17) */
+'spell_casting': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'pufferfish': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'from_bucket': string;
+/** 1.19.4+ (17) */
+'puff_state': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'salmon': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'from_bucket': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'snow_golem': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'pumpkin': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'tropical_fish': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'from_bucket': string;
+/** 1.19.4+ (17) */
+'type_variant': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'turtle': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'home_pos': string;
+/** 1.19.4+ (18) */
+'has_egg': string;
+/** 1.19.4+ (19) */
+'laying_egg': string;
+/** 1.19.4+ (20) */
+'travel_pos': string;
+/** 1.19.4+ (21) */
+'going_home': string;
+/** 1.19.4+ (22) */
+'travelling': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'experience_bottle': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item_stack': string;},'iron_golem}': {},'vindicator': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'is_celebrating': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'phantom': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'size': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'lightning_bolt': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;},'player': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'player_absorption': string;
+/** 1.19.4+ (16) */
+'score': string;
+/** 1.19.4+ (17) */
+'player_mode_customisation': string;
+/** 1.19.4+ (18) */
+'player_main_hand': string;
+/** 1.19.4+ (19) */
+'shoulder_left': string;
+/** 1.19.4+ (20) */
+'shoulder_right': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'fishing_bobber': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hooked_entity': string;
+/** 1.19.4+ (9) */
+'biting': string;},'trident': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'flags': string;
+/** 1.19.4+ (9) */
+'pierce_level': string;
+/** 1.19.4+ (10) */
+'loyalty': string;
+/** 1.19.4+ (11) */
+'foil': string;},'item_stack': {},'area_effect cloud': {},'activated_tnt': {},'endercrystal': {},'tipped_arrow': {},'firecharge': {},'thrown_enderpearl': {},'falling_objects': {},'item_frames': {},'eye_of ender': {},'thrown_potion': {},'thrown_exp bottle': {},'firework_rocket': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'fireworks_item': string;
+/** 1.19.4+ (9) */
+'attached_to_target': string;
+/** 1.19.4+ (10) */
+'shot_at_angle': string;},'armorstand': {},'fishing_hook': {},'cat': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'owneruuid': string;
+/** 1.19.4+ (19) */
+'variant': string;
+/** 1.19.4+ (20) */
+'is_lying': string;
+/** 1.19.4+ (21) */
+'relax_state_one': string;
+/** 1.19.4+ (22) */
+'collar_color': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'fox': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'type': string;
+/** 1.19.4+ (18) */
+'flags': string;
+/** 1.19.4+ (19) */
+'trusted_0': string;
+/** 1.19.4+ (20) */
+'trusted_1': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'command_block_minecart': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hurt': string;
+/** 1.19.4+ (9) */
+'hurtdir': string;
+/** 1.19.4+ (10) */
+'damage': string;
+/** 1.19.4+ (11) */
+'display_block': string;
+/** 1.19.4+ (12) */
+'display_offset': string;
+/** 1.19.4+ (13) */
+'custom_display': string;
+/** 1.19.4+ (14) */
+'command_name': string;
+/** 1.19.4+ (15) */
+'last_output': string;},'panda': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'unhappy_counter': string;
+/** 1.19.4+ (18) */
+'sneeze_counter': string;
+/** 1.19.4+ (19) */
+'eat_counter': string;
+/** 1.19.4+ (20) */
+'main_gene': string;
+/** 1.19.4+ (21) */
+'hidden_gene': string;
+/** 1.19.4+ (22) */
+'flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'trader_llama': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'chest': string;
+/** 1.19.4+ (19) */
+'strength': string;
+/** 1.19.4+ (20) */
+'swag': string;
+/** 1.19.4+ (21) */
+'variant': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'iron_golem': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'pillager': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'is_celebrating': string;
+/** 1.19.4+ (17) */
+'is_charging_crossbow': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'wandering_trader': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'unhappy_counter': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'ravager': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'is_celebrating': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'bee': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'remaining_anger_time': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'hoglin': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'immune_to_zombification': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'piglin': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'immune_to_zombification': string;
+/** 1.19.4+ (17) */
+'baby': string;
+/** 1.19.4+ (18) */
+'is_charging_crossbow': string;
+/** 1.19.4+ (19) */
+'is_dancing': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'strider': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'boost_time': string;
+/** 1.19.4+ (18) */
+'suffocating': string;
+/** 1.19.4+ (19) */
+'saddle': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'zoglin': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'zombified_piglin': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'special_type': string;
+/** 1.19.4+ (18) */
+'drowned_conversion': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'piglin_brute': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'immune_to_zombification': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'axolotl': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'variant': string;
+/** 1.19.4+ (18) */
+'playing_dead': string;
+/** 1.19.4+ (19) */
+'from_bucket': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'glow_item_frame': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'item': string;
+/** 1.19.4+ (9) */
+'rotation': string;},'glow_squid': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'dark_ticks_remaining': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'goat': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'is_screaming_goat': string;
+/** 1.19.4+ (18) */
+'has_left_horn': string;
+/** 1.19.4+ (19) */
+'has_right_horn': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'marker': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;},'allay': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'dancing': string;
+/** 1.19.4+ (17) */
+'can_duplicate': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'chest_boat': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'hurt': string;
+/** 1.19.4+ (9) */
+'hurtdir': string;
+/** 1.19.4+ (10) */
+'damage': string;
+/** 1.19.4+ (11) */
+'type': string;
+/** 1.19.4+ (12) */
+'paddle_left': string;
+/** 1.19.4+ (13) */
+'paddle_right': string;
+/** 1.19.4+ (14) */
+'bubble_time': string;},'frog': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'variant': string;
+/** 1.19.4+ (18) */
+'tongue_target': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'tadpole': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'from_bucket': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'warden': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'client_anger_level': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'camel': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'flags': string;
+/** 1.19.4+ (18) */
+'dash': string;
+/** 1.19.4+ (19) */
+'last_pose_change_tick': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'block_display': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'interpolation_start_delta_ticks': string;
+/** 1.19.4+ (9) */
+'interpolation_duration': string;
+/** 1.19.4+ (10) */
+'translation': string;
+/** 1.19.4+ (11) */
+'scale': string;
+/** 1.19.4+ (12) */
+'left_rotation': string;
+/** 1.19.4+ (13) */
+'right_rotation': string;
+/** 1.19.4+ (14) */
+'billboard_render_constraints': string;
+/** 1.19.4+ (15) */
+'brightness_override': string;
+/** 1.19.4+ (16) */
+'view_range': string;
+/** 1.19.4+ (17) */
+'shadow_radius': string;
+/** 1.19.4+ (18) */
+'shadow_strength': string;
+/** 1.19.4+ (19) */
+'width': string;
+/** 1.19.4+ (20) */
+'height': string;
+/** 1.19.4+ (21) */
+'glow_color_override': string;
+/** 1.19.4+ (22) */
+'block_state': string;
+/** 1.20.2+ (8) */
+'transformation_interpolation_start_delta_ticks': string;
+/** 1.20.2+ (9) */
+'transformation_interpolation_duration': string;
+/** 1.20.2+ (10) */
+'pos_rot_interpolation_duration': string;},'interaction': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'width': string;
+/** 1.19.4+ (9) */
+'height': string;
+/** 1.19.4+ (10) */
+'response': string;},'item_display': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'interpolation_start_delta_ticks': string;
+/** 1.19.4+ (9) */
+'interpolation_duration': string;
+/** 1.19.4+ (10) */
+'translation': string;
+/** 1.19.4+ (11) */
+'scale': string;
+/** 1.19.4+ (12) */
+'left_rotation': string;
+/** 1.19.4+ (13) */
+'right_rotation': string;
+/** 1.19.4+ (14) */
+'billboard_render_constraints': string;
+/** 1.19.4+ (15) */
+'brightness_override': string;
+/** 1.19.4+ (16) */
+'view_range': string;
+/** 1.19.4+ (17) */
+'shadow_radius': string;
+/** 1.19.4+ (18) */
+'shadow_strength': string;
+/** 1.19.4+ (19) */
+'width': string;
+/** 1.19.4+ (20) */
+'height': string;
+/** 1.19.4+ (21) */
+'glow_color_override': string;
+/** 1.19.4+ (22) */
+'item_stack': string;
+/** 1.19.4+ (23) */
+'item_display': string;
+/** 1.20.2+ (8) */
+'transformation_interpolation_start_delta_ticks': string;
+/** 1.20.2+ (9) */
+'transformation_interpolation_duration': string;
+/** 1.20.2+ (10) */
+'pos_rot_interpolation_duration': string;},'sniffer': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'living_entity_flags': string;
+/** 1.19.4+ (9) */
+'health': string;
+/** 1.19.4+ (10) */
+'effect_color': string;
+/** 1.19.4+ (11) */
+'effect_ambience': string;
+/** 1.19.4+ (12) */
+'arrow_count': string;
+/** 1.19.4+ (13) */
+'stinger_count': string;
+/** 1.19.4+ (14) */
+'sleeping_pos': string;
+/** 1.19.4+ (15) */
+'mob_flags': string;
+/** 1.19.4+ (16) */
+'baby': string;
+/** 1.19.4+ (17) */
+'state': string;
+/** 1.19.4+ (18) */
+'drop_seed_at_tick': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'text_display': {
+/** 1.19.4+ (0) */
+'shared_flags': string;
+/** 1.19.4+ (1) */
+'air_supply': string;
+/** 1.19.4+ (2) */
+'custom_name': string;
+/** 1.19.4+ (3) */
+'custom_name_visible': string;
+/** 1.19.4+ (4) */
+'silent': string;
+/** 1.19.4+ (5) */
+'no_gravity': string;
+/** 1.19.4+ (6) */
+'pose': string;
+/** 1.19.4+ (7) */
+'ticks_frozen': string;
+/** 1.19.4+ (8) */
+'interpolation_start_delta_ticks': string;
+/** 1.19.4+ (9) */
+'interpolation_duration': string;
+/** 1.19.4+ (10) */
+'translation': string;
+/** 1.19.4+ (11) */
+'scale': string;
+/** 1.19.4+ (12) */
+'left_rotation': string;
+/** 1.19.4+ (13) */
+'right_rotation': string;
+/** 1.19.4+ (14) */
+'billboard_render_constraints': string;
+/** 1.19.4+ (15) */
+'brightness_override': string;
+/** 1.19.4+ (16) */
+'view_range': string;
+/** 1.19.4+ (17) */
+'shadow_radius': string;
+/** 1.19.4+ (18) */
+'shadow_strength': string;
+/** 1.19.4+ (19) */
+'width': string;
+/** 1.19.4+ (20) */
+'height': string;
+/** 1.19.4+ (21) */
+'glow_color_override': string;
+/** 1.19.4+ (22) */
+'text': string;
+/** 1.19.4+ (23) */
+'line_width': string;
+/** 1.19.4+ (24) */
+'background_color': string;
+/** 1.19.4+ (25) */
+'text_opacity': string;
+/** 1.19.4+ (26) */
+'style_flags': string;
+/** 1.20.2+ (8) */
+'transformation_interpolation_start_delta_ticks': string;
+/** 1.20.2+ (9) */
+'transformation_interpolation_duration': string;
+/** 1.20.2+ (10) */
+'pos_rot_interpolation_duration': string;},'breeze': {
+/** 1.20.3+ (0) */
+'shared_flags': string;
+/** 1.20.3+ (1) */
+'air_supply': string;
+/** 1.20.3+ (2) */
+'custom_name': string;
+/** 1.20.3+ (3) */
+'custom_name_visible': string;
+/** 1.20.3+ (4) */
+'silent': string;
+/** 1.20.3+ (5) */
+'no_gravity': string;
+/** 1.20.3+ (6) */
+'pose': string;
+/** 1.20.3+ (7) */
+'ticks_frozen': string;
+/** 1.20.3+ (8) */
+'living_entity_flags': string;
+/** 1.20.3+ (9) */
+'health': string;
+/** 1.20.3+ (10) */
+'effect_color': string;
+/** 1.20.3+ (11) */
+'effect_ambience': string;
+/** 1.20.3+ (12) */
+'arrow_count': string;
+/** 1.20.3+ (13) */
+'stinger_count': string;
+/** 1.20.3+ (14) */
+'sleeping_pos': string;
+/** 1.20.3+ (15) */
+'mob_flags': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;},'wind_charge': {
+/** 1.20.3+ (0) */
+'shared_flags': string;
+/** 1.20.3+ (1) */
+'air_supply': string;
+/** 1.20.3+ (2) */
+'custom_name': string;
+/** 1.20.3+ (3) */
+'custom_name_visible': string;
+/** 1.20.3+ (4) */
+'silent': string;
+/** 1.20.3+ (5) */
+'no_gravity': string;
+/** 1.20.3+ (6) */
+'pose': string;
+/** 1.20.3+ (7) */
+'ticks_frozen': string;},'armadillo': {
+/** 1.20.5+ (0) */
+'shared_flags': string;
+/** 1.20.5+ (1) */
+'air_supply': string;
+/** 1.20.5+ (2) */
+'custom_name': string;
+/** 1.20.5+ (3) */
+'custom_name_visible': string;
+/** 1.20.5+ (4) */
+'silent': string;
+/** 1.20.5+ (5) */
+'no_gravity': string;
+/** 1.20.5+ (6) */
+'pose': string;
+/** 1.20.5+ (7) */
+'ticks_frozen': string;
+/** 1.20.5+ (8) */
+'living_entity_flags': string;
+/** 1.20.5+ (9) */
+'health': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;
+/** 1.20.5+ (11) */
+'effect_ambience': string;
+/** 1.20.5+ (12) */
+'arrow_count': string;
+/** 1.20.5+ (13) */
+'stinger_count': string;
+/** 1.20.5+ (14) */
+'sleeping_pos': string;
+/** 1.20.5+ (15) */
+'mob_flags': string;
+/** 1.20.5+ (16) */
+'baby': string;
+/** 1.20.5+ (17) */
+'armadillo_state': string;},'bogged': {
+/** 1.20.5+ (0) */
+'shared_flags': string;
+/** 1.20.5+ (1) */
+'air_supply': string;
+/** 1.20.5+ (2) */
+'custom_name': string;
+/** 1.20.5+ (3) */
+'custom_name_visible': string;
+/** 1.20.5+ (4) */
+'silent': string;
+/** 1.20.5+ (5) */
+'no_gravity': string;
+/** 1.20.5+ (6) */
+'pose': string;
+/** 1.20.5+ (7) */
+'ticks_frozen': string;
+/** 1.20.5+ (8) */
+'living_entity_flags': string;
+/** 1.20.5+ (9) */
+'health': string;
+/** 1.20.5+ (10) */
+'effect_particles': string;
+/** 1.20.5+ (11) */
+'effect_ambience': string;
+/** 1.20.5+ (12) */
+'arrow_count': string;
+/** 1.20.5+ (13) */
+'stinger_count': string;
+/** 1.20.5+ (14) */
+'sleeping_pos': string;
+/** 1.20.5+ (15) */
+'mob_flags': string;
+/** 1.20.5+ (16) */
+'sheared': string;},'breeze_wind_charge': {
+/** 1.20.5+ (0) */
+'shared_flags': string;
+/** 1.20.5+ (1) */
+'air_supply': string;
+/** 1.20.5+ (2) */
+'custom_name': string;
+/** 1.20.5+ (3) */
+'custom_name_visible': string;
+/** 1.20.5+ (4) */
+'silent': string;
+/** 1.20.5+ (5) */
+'no_gravity': string;
+/** 1.20.5+ (6) */
+'pose': string;
+/** 1.20.5+ (7) */
+'ticks_frozen': string;},'ominous_item_spawner': {
+/** 1.20.5+ (0) */
+'shared_flags': string;
+/** 1.20.5+ (1) */
+'air_supply': string;
+/** 1.20.5+ (2) */
+'custom_name': string;
+/** 1.20.5+ (3) */
+'custom_name_visible': string;
+/** 1.20.5+ (4) */
+'silent': string;
+/** 1.20.5+ (5) */
+'no_gravity': string;
+/** 1.20.5+ (6) */
+'pose': string;
+/** 1.20.5+ (7) */
+'ticks_frozen': string;
+/** 1.20.5+ (8) */
+'item': string;},
+}
\ No newline at end of file
diff --git a/src/mcTypes.ts b/src/mcTypes.ts
index ee87b9c9..ebb4f560 100644
--- a/src/mcTypes.ts
+++ b/src/mcTypes.ts
@@ -1,108 +1,108 @@
-/* eslint-disable no-multi-spaces */
+
 // todo move from here
 
 //@ts-format-ignore-region
 // 1.8.8
 export interface LevelDat {
   WorldGenSettings?: WorldGenSettings;
-  RandomSeed:           number[];
-  generatorName?:        string;
-  BorderCenterX:        number;
-  BorderCenterZ:        number;
-  Difficulty:           number;
-  DifficultyLocked:     number;
-  BorderSizeLerpTime:   number[];
+  RandomSeed: number[];
+  generatorName?: string;
+  BorderCenterX: number;
+  BorderCenterZ: number;
+  Difficulty: number;
+  DifficultyLocked: number;
+  BorderSizeLerpTime: number[];
   Version?: {
     Name: string
     // id, snapshot
   }
   /** 0,1 */
-  raining:              number;
-  Time:                 number[];
-  GameType:             number;
-  MapFeatures:          number;
+  raining: number;
+  Time: number[];
+  GameType: number;
+  MapFeatures: number;
   BorderDamagePerBlock: number;
-  BorderWarningBlocks:  number;
+  BorderWarningBlocks: number;
   BorderSizeLerpTarget: number;
-  DayTime:              number[];
-  initialized:          number;
-  allowCommands:        number;
-  SizeOnDisk:           number[];
-  GameRules:            GameRules;
-  Player:               Player;
-  SpawnY:               number;
-  rainTime:             number;
-  thunderTime:          number;
-  SpawnZ:               number;
-  hardcore:             number;
-  SpawnX:               number;
-  clearWeatherTime:     number;
-  thundering:           number;
-  generatorVersion?:     number;
-  version:              number;
-  BorderSafeZone:       number;
-  generatorOptions?:     string;
-  LastPlayed:           number[];
-  BorderWarningTime:    number;
-  LevelName:            string;
-  BorderSize:           number;
+  DayTime: number[];
+  initialized: number;
+  allowCommands: number;
+  SizeOnDisk: number[];
+  GameRules: GameRules;
+  Player: Player;
+  SpawnY: number;
+  rainTime: number;
+  thunderTime: number;
+  SpawnZ: number;
+  hardcore: number;
+  SpawnX: number;
+  clearWeatherTime: number;
+  thundering: number;
+  generatorVersion?: number;
+  version: number;
+  BorderSafeZone: number;
+  generatorOptions?: string;
+  LastPlayed: number[];
+  BorderWarningTime: number;
+  LevelName: string;
+  BorderSize: number;
 }
 
 export interface GameRules {
-  doTileDrops:         string;
-  doFireTick:          string;
-  reducedDebugInfo:    string;
+  doTileDrops: string;
+  doFireTick: string;
+  reducedDebugInfo: string;
   naturalRegeneration: string;
-  doMobLoot:           string;
-  keepInventory:       string;
-  doEntityDrops:       string;
-  mobGriefing:         string;
-  randomTickSpeed:     string;
-  commandBlockOutput:  string;
-  doMobSpawning:       string;
-  logAdminCommands:    string;
+  doMobLoot: string;
+  keepInventory: string;
+  doEntityDrops: string;
+  mobGriefing: string;
+  randomTickSpeed: string;
+  commandBlockOutput: string;
+  doMobSpawning: string;
+  logAdminCommands: string;
   sendCommandFeedback: string;
-  doDaylightCycle:     string;
-  showDeathMessages:   string;
+  doDaylightCycle: string;
+  showDeathMessages: string;
 }
 
 export interface Player {
-  HurtByTimestamp:     number;
-  SleepTimer:          number;
-  Attributes:          Attribute[];
-  Invulnerable:        number;
-  PortalCooldown:      number;
-  AbsorptionAmount:    number;
-  abilities:           Abilities;
-  FallDistance:        number;
-  DeathTime:           number;
-  XpSeed:              number;
-  HealF:               number;
-  XpTotal:             number;
-  playerGameType:      number;
-  SelectedItem:        SelectedItem;
-  Motion:              number[];
-  UUIDLeast:           number[];
-  Health:              number;
+  HurtByTimestamp: number;
+  SleepTimer: number;
+  Attributes: Attribute[];
+  Invulnerable: number;
+  PortalCooldown: number;
+  AbsorptionAmount: number;
+  abilities: Abilities;
+  FallDistance: number;
+  DeathTime: number;
+  XpSeed: number;
+  HealF: number;
+  XpTotal: number;
+  playerGameType: number;
+  SelectedItem: SelectedItem;
+  Motion: number[];
+  UUIDLeast: number[];
+  Health: number;
   foodSaturationLevel: number;
-  Air:                 number;
-  OnGround:            number;
-  Dimension:           number;
-  Rotation:            number[];
-  XpLevel:             number;
-  Score:               number;
-  UUIDMost:            number[];
-  Sleeping:            number;
-  Pos:                 number[];
-  Fire:                number;
-  XpP:                 number;
-  EnderItems:          any[];
-  foodLevel:           number;
+  Air: number;
+  OnGround: number;
+  Dimension: number;
+  Rotation: number[];
+  XpLevel: number;
+  Score: number;
+  UUIDMost: number[];
+  Sleeping: number;
+  Pos: number[];
+  Fire: number;
+  XpP: number;
+  EnderItems: any[];
+  foodLevel: number;
   foodExhaustionLevel: number;
-  HurtTime:            number;
-  SelectedItemSlot:    number;
-  Inventory:           SelectedItem[];
-  foodTickTimer:       number;
+  HurtTime: number;
+  SelectedItemSlot: number;
+  Inventory: SelectedItem[];
+  foodTickTimer: number;
 }
 
 export interface Attribute {
@@ -111,55 +111,55 @@ export interface Attribute {
 }
 
 export interface SelectedItem {
-  Slot?:  number;
-  id:     string;
-  Count:  number;
+  Slot?: number;
+  id: string;
+  Count: number;
   Damage: number;
 }
 
 export interface Abilities {
   invulnerable: number;
-  mayfly:       number;
-  instabuild:   number;
-  walkSpeed:    number;
-  mayBuild:     number;
-  flying:       number;
-  flySpeed:     number;
+  mayfly: number;
+  instabuild: number;
+  walkSpeed: number;
+  mayBuild: number;
+  flying: number;
+  flySpeed: number;
 }
 
 // 1.16+
 
 export interface WorldGenSettings {
   /** 0,1 */
-  bonus_chest:       number;
-  seed:              number[];
+  bonus_chest: number;
+  seed: number[];
   /** 0,1 */
   generate_features: number;
-  dimensions:        Dimensions;
+  dimensions: Dimensions;
 }
 
 export interface Dimensions {
   // :overworld, :the_nether, :the_end
-  [key: string]:  WorldGen;
+  [key: string]: WorldGen;
 }
 
 export interface WorldGen {
   generator: WorldGenGenerator;
   // same as key
-  type:      string;
+  type: string;
 }
 
 export interface WorldGenGenerator {
-  settings:     string;
-  seed:         number[];
+  settings: string;
+  seed: number[];
   biome_source: PurpleBiomeSource;
-  type:         string;
+  type: string;
 }
 
 export interface PurpleBiomeSource {
-  seed:         number[];
+  seed: number[];
   /** only for overworld 0,1 */
   large_biomes?: number;
   // :noise, :flat, ?
-  type:         string;
+  type: string;
 }
diff --git a/src/microsoftAuthflow.ts b/src/microsoftAuthflow.ts
new file mode 100644
index 00000000..d759a7dc
--- /dev/null
+++ b/src/microsoftAuthflow.ts
@@ -0,0 +1,182 @@
+export const getProxyDetails = async (proxyBaseUrl: string) => {
+  if (!proxyBaseUrl.startsWith('http')) proxyBaseUrl = `${isPageSecure() ? 'https' : 'http'}://${proxyBaseUrl}`
+  const url = `${proxyBaseUrl}/api/vm/net/connect`
+  let result: Response
+  try {
+    result = await fetch(url)
+  } catch (err) {
+    throw new Error(`Selected proxy server ${proxyBaseUrl} most likely is down`)
+  }
+  return result
+}
+
+export default async ({ tokenCaches, proxyBaseUrl, setProgressText = (text) => { }, setCacheResult, connectingServer }) => {
+  let onMsaCodeCallback
+  let connectingVersion = ''
+  // const authEndpoint = 'http://localhost:3000/'
+  // const sessionEndpoint = 'http://localhost:3000/session'
+  let authEndpoint: URL | undefined
+  let sessionEndpoint: URL | undefined
+  const result = await getProxyDetails(proxyBaseUrl)
+
+  try {
+    const json = await result.json()
+    authEndpoint = urlWithBase(json.capabilities.authEndpoint, proxyBaseUrl)
+    sessionEndpoint = urlWithBase(json.capabilities.sessionEndpoint, proxyBaseUrl)
+    if (!authEndpoint) throw new Error('No auth endpoint')
+  } catch (err) {
+    console.error(err)
+    throw new Error(`Selected proxy server ${proxyBaseUrl} does not support Microsoft authentication`)
+  }
+  const authFlow = {
+    async getMinecraftJavaToken () {
+      setProgressText('Authenticating with Microsoft account')
+      if (!window.crypto && !isPageSecure()) throw new Error('Crypto API is available only in secure contexts. Be sure to use https!')
+      let result = null
+      await fetch(authEndpoint, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          ...tokenCaches,
+          // important to set this param and not fake it as auth server might reject the request otherwise
+          connectingServer,
+          connectingServerVersion: connectingVersion
+        }),
+      })
+        .catch(e => {
+          throw new Error(`Failed to connect to auth server (network error): ${e.message}`)
+        })
+        .then(async response => {
+          if (!response.ok) {
+            throw new Error(`Auth server error (${response.status}): ${await response.text()}`)
+          }
+
+          const reader = response.body!.getReader()
+          const decoder = new TextDecoder('utf8')
+
+          const processText = ({ done, value = undefined as Uint8Array | undefined }) => {
+            if (done) {
+              return
+            }
+
+            const processChunk = (chunkStr) => {
+              let json: any
+              try {
+                json = JSON.parse(chunkStr)
+              } catch (err) {}
+              if (!json) return
+              if (json.user_code) {
+                onMsaCodeCallback(json)
+                // this.codeCallback(json)
+              }
+              if (json.error) throw new Error(`Auth server error: ${json.error}`)
+              if (json.token) result = json
+              if (json.newCache) setCacheResult(json.newCache)
+            }
+
+            const strings = decoder.decode(value)
+
+            for (const chunk of strings.split('\n\n')) {
+              processChunk(chunk)
+            }
+
+            return reader.read().then(processText)
+          }
+          return reader.read().then(processText)
+        })
+      const restoredData = await restoreData(result)
+      if (restoredData?.certificates?.profileKeys?.privatePEM) {
+        restoredData.certificates.profileKeys.private = restoredData.certificates.profileKeys.privatePEM
+      }
+      return restoredData
+    }
+  }
+  return {
+    authFlow,
+    sessionEndpoint,
+    setOnMsaCodeCallback (callback) {
+      onMsaCodeCallback = callback
+    },
+    setConnectingVersion (version) {
+      connectingVersion = version
+    }
+  }
+}
+
+function isPageSecure (url = window.location.href) {
+  return !url.startsWith('http:')
+}
+
+// restore dates from strings
+const restoreData = async (json) => {
+  const promises = [] as Array<Promise<void>>
+  if (typeof json === 'object' && json) {
+    for (const [key, value] of Object.entries(json)) {
+      if (typeof value === 'string') {
+        promises.push(tryRestorePublicKey(value, key, json))
+        if (value.endsWith('Z')) {
+          const date = new Date(value)
+          if (!isNaN(date.getTime())) {
+            json[key] = date
+          }
+        }
+      }
+      if (typeof value === 'object') {
+        // eslint-disable-next-line no-await-in-loop
+        await restoreData(value)
+      }
+    }
+  }
+
+  await Promise.all(promises)
+
+  return json
+}
+
+const tryRestorePublicKey = async (value: string, name: string, parent: { [x: string]: any }) => {
+  value = value.trim()
+  if (!name.endsWith('PEM') || !value.startsWith('-----BEGIN RSA PUBLIC KEY-----') || !value.endsWith('-----END RSA PUBLIC KEY-----')) return
+  const der = pemToArrayBuffer(value)
+  const key = await window.crypto.subtle.importKey(
+    'spki', // Specify that the data is in SPKI format
+    der,
+    {
+      name: 'RSA-OAEP',
+      hash: { name: 'SHA-256' }
+    },
+    true,
+    ['encrypt'] // Specify key usages
+  )
+  const originalName = name.replace('PEM', '')
+  const exported = await window.crypto.subtle.exportKey('spki', key)
+  const exportedBuffer = new Uint8Array(exported)
+  parent[originalName] = {
+    export () {
+      return exportedBuffer
+    }
+  }
+}
+
+function pemToArrayBuffer (pem) {
+  // Fetch the part of the PEM string between header and footer
+  const pemHeader = '-----BEGIN RSA PUBLIC KEY-----'
+  const pemFooter = '-----END RSA PUBLIC KEY-----'
+  const pemContents = pem.slice(pemHeader.length, pem.length - pemFooter.length).trim()
+  const binaryDerString = atob(pemContents.replaceAll(/\s/g, ''))
+  const binaryDer = new Uint8Array(binaryDerString.length)
+  for (let i = 0; i < binaryDerString.length; i++) {
+    binaryDer[i] = binaryDerString.codePointAt(i)!
+  }
+  return binaryDer.buffer
+}
+
+const urlWithBase = (url: string, base: string) => {
+  const defaultBase = isPageSecure() ? 'https' : 'http'
+  if (!base.startsWith('http')) base = `${defaultBase}://${base}`
+  const urlObj = new URL(url, base)
+  base = base.replace(/^https?:\/\//, '')
+  urlObj.host = base.includes(':') ? base : `${base}:${isPageSecure(base) ? '443' : '80'}`
+  return urlObj
+}
diff --git a/src/mineflayer/cameraShake.ts b/src/mineflayer/cameraShake.ts
new file mode 100644
index 00000000..9e271da5
--- /dev/null
+++ b/src/mineflayer/cameraShake.ts
@@ -0,0 +1,25 @@
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+
+customEvents.on('mineflayerBotCreated', () => {
+  customEvents.on('hurtAnimation', (yaw) => {
+    getThreeJsRendererMethods()?.shakeFromDamage()
+  })
+
+  bot._client.on('hurt_animation', ({ entityId, yaw }) => {
+    if (entityId === bot.entity.id) {
+      customEvents.emit('hurtAnimation', yaw)
+    }
+  })
+  bot.on('entityHurt', ({ id }) => {
+    if (id === bot.entity.id) {
+      customEvents.emit('hurtAnimation')
+    }
+  })
+  let { health } = bot
+  bot.on('health', () => {
+    if (bot.health < health) {
+      customEvents.emit('hurtAnimation')
+    }
+    health = bot.health
+  })
+})
diff --git a/src/mineflayer/entityStatus.ts b/src/mineflayer/entityStatus.ts
new file mode 100644
index 00000000..e13784bc
--- /dev/null
+++ b/src/mineflayer/entityStatus.ts
@@ -0,0 +1,70 @@
+export const EntityStatus = {
+  JUMP: 1,
+  HURT: 2, // legacy
+  DEATH: 3,
+  START_ATTACKING: 4,
+  STOP_ATTACKING: 5,
+  TAMING_FAILED: 6,
+  TAMING_SUCCEEDED: 7,
+  SHAKE_WETNESS: 8,
+  USE_ITEM_COMPLETE: 9,
+  EAT_GRASS: 10,
+  OFFER_FLOWER: 11,
+  LOVE_HEARTS: 12,
+  VILLAGER_ANGRY: 13,
+  VILLAGER_HAPPY: 14,
+  WITCH_HAT_MAGIC: 15,
+  ZOMBIE_CONVERTING: 16,
+  FIREWORKS_EXPLODE: 17,
+  IN_LOVE_HEARTS: 18,
+  SQUID_ANIM_SYNCH: 19,
+  SILVERFISH_MERGE_ANIM: 20,
+  GUARDIAN_ATTACK_SOUND: 21,
+  REDUCED_DEBUG_INFO: 22,
+  FULL_DEBUG_INFO: 23,
+  PERMISSION_LEVEL_ALL: 24,
+  PERMISSION_LEVEL_MODERATORS: 25,
+  PERMISSION_LEVEL_GAMEMASTERS: 26,
+  PERMISSION_LEVEL_ADMINS: 27,
+  PERMISSION_LEVEL_OWNERS: 28,
+  ATTACK_BLOCKED: 29,
+  SHIELD_DISABLED: 30,
+  FISHING_ROD_REEL_IN: 31,
+  ARMORSTAND_WOBBLE: 32,
+  THORNED: 33, // legacy
+  STOP_OFFER_FLOWER: 34,
+  TALISMAN_ACTIVATE: 35, // legacy
+  DROWNED: 36, // legacy
+  BURNED: 37, // legacy
+  DOLPHIN_LOOKING_FOR_TREASURE: 38,
+  RAVAGER_STUNNED: 39,
+  TRUSTING_FAILED: 40,
+  TRUSTING_SUCCEEDED: 41,
+  VILLAGER_SWEAT: 42,
+  BAD_OMEN_TRIGGERED: 43, // legacy
+  POKED: 44, // legacy
+  FOX_EAT: 45,
+  TELEPORT: 46,
+  MAINHAND_BREAK: 47,
+  OFFHAND_BREAK: 48,
+  HEAD_BREAK: 49,
+  CHEST_BREAK: 50,
+  LEGS_BREAK: 51,
+  FEET_BREAK: 52,
+  HONEY_SLIDE: 53,
+  HONEY_JUMP: 54,
+  SWAP_HANDS: 55,
+  CANCEL_SHAKE_WETNESS: 56,
+  FROZEN: 57, // legacy
+  START_RAM: 58,
+  END_RAM: 59,
+  POOF: 60,
+  TENDRILS_SHIVER: 61,
+  SONIC_CHARGE: 62,
+  SNIFFER_DIGGING_SOUND: 63,
+  ARMADILLO_PEEK: 64,
+  BODY_BREAK: 65,
+  SHAKE: 66
+} as const
+
+export type EntityStatusName = keyof typeof EntityStatus
diff --git a/src/mineflayer/items.ts b/src/mineflayer/items.ts
new file mode 100644
index 00000000..48d0dfe0
--- /dev/null
+++ b/src/mineflayer/items.ts
@@ -0,0 +1,139 @@
+import mojangson from 'mojangson'
+import nbt from 'prismarine-nbt'
+import { fromFormattedString } from '@xmcl/text-component'
+import { getItemSelector, ItemSpecificContextProperties, PlayerStateRenderer } from 'renderer/viewer/lib/basePlayerState'
+import { getItemDefinition } from 'mc-assets/dist/itemDefinitions'
+import { MessageFormatPart } from '../chatUtils'
+import { ResourcesManager, ResourcesManagerCommon, ResourcesManagerTransferred } from '../resourcesManager'
+
+type RenderSlotComponent = {
+  type: string,
+  data: any
+  // example
+  // {
+  //   "type": "item_model",
+  //   "data": "aa:ss"
+  // }
+}
+export type RenderItem = Pick<import('prismarine-item').Item, 'name' | 'displayName' | 'durabilityUsed' | 'maxDurability' | 'enchants' | 'nbt'> & {
+  components?: RenderSlotComponent[],
+  // componentMap?: Map<string, RenderSlotComponent>
+}
+export type GeneralInputItem = Pick<import('prismarine-item').Item, 'name' | 'nbt'> & {
+  components?: RenderSlotComponent[],
+  displayName?: string
+  modelResolved?: boolean
+}
+
+type JsonString = string
+type PossibleItemProps = {
+  CustomModelData?: number
+  Damage?: number
+  display?: { Name?: JsonString } // {"text":"Knife","color":"white","italic":"true"}
+}
+
+export const getItemMetadata = (item: GeneralInputItem, resourcesManager: ResourcesManagerCommon) => {
+  let customText = undefined as string | any | undefined
+  let customModel = undefined as string | undefined
+
+  let itemId = item.name
+  if (!itemId.includes(':')) {
+    itemId = `minecraft:${itemId}`
+  }
+  const customModelDataDefinitions = resourcesManager.currentResources?.customItemModelNames[itemId]
+
+  if (item.components) {
+    const componentMap = new Map<string, RenderSlotComponent>()
+    for (const component of item.components) {
+      componentMap.set(component.type, component)
+    }
+
+    const customTextComponent = componentMap.get('custom_name') || componentMap.get('item_name')
+    if (customTextComponent) {
+      customText = typeof customTextComponent.data === 'string' ? customTextComponent.data : nbt.simplify(customTextComponent.data)
+    }
+    const customModelComponent = componentMap.get('item_model')
+    if (customModelComponent) {
+      customModel = customModelComponent.data
+    }
+    if (customModelDataDefinitions) {
+      const customModelDataComponent: any = componentMap.get('custom_model_data')
+      if (customModelDataComponent?.data) {
+        let customModelData: number | undefined
+        if (typeof customModelDataComponent.data === 'number') {
+          customModelData = customModelDataComponent.data
+        } else if (typeof customModelDataComponent.data === 'object'
+          && 'floats' in customModelDataComponent.data
+          && Array.isArray(customModelDataComponent.data.floats)
+          && customModelDataComponent.data.floats.length > 0) {
+          customModelData = customModelDataComponent.data.floats[0]
+        }
+        if (customModelData && customModelDataDefinitions[customModelData]) {
+          customModel = customModelDataDefinitions[customModelData]
+        }
+      }
+    }
+    const loreComponent = componentMap.get('lore')
+    if (loreComponent) {
+      customText ??= item.displayName ?? item.name
+      // todo test
+      customText += `\n${JSON.stringify(loreComponent.data)}`
+    }
+  }
+  if (item.nbt) {
+    const itemNbt: PossibleItemProps = nbt.simplify(item.nbt)
+    const customName = itemNbt.display?.Name
+    if (customName) {
+      customText = customName
+    }
+    if (customModelDataDefinitions && itemNbt.CustomModelData && customModelDataDefinitions[itemNbt.CustomModelData]) {
+      customModel = customModelDataDefinitions[itemNbt.CustomModelData]
+    }
+  }
+
+  return {
+    customText,
+    customModel
+  }
+}
+
+
+export const getItemNameRaw = (item: Pick<import('prismarine-item').Item, 'nbt'> | null, resourcesManager: ResourcesManagerCommon) => {
+  if (!item) return ''
+  const { customText } = getItemMetadata(item as GeneralInputItem, resourcesManager)
+  if (!customText) return
+  try {
+    if (typeof customText === 'object') {
+      return customText
+    }
+    const parsed = customText.startsWith('{') && customText.endsWith('}') ? mojangson.simplify(mojangson.parse(customText)) : fromFormattedString(customText)
+    if (parsed.extra) {
+      return parsed as Record<string, any>
+    } else {
+      return parsed as MessageFormatPart
+    }
+  } catch (err) {
+    return {
+      text: JSON.stringify(customText)
+    }
+  }
+}
+
+export const getItemModelName = (item: GeneralInputItem, specificProps: ItemSpecificContextProperties, resourcesManager: ResourcesManagerCommon, playerState: PlayerStateRenderer) => {
+  let itemModelName = item.name
+  const { customModel } = getItemMetadata(item, resourcesManager)
+  if (customModel) {
+    itemModelName = customModel
+  }
+
+  const itemSelector = getItemSelector(playerState, {
+    ...specificProps
+  })
+  const modelFromDef = getItemDefinition(appViewer.resourcesManager.itemsDefinitionsStore, {
+    name: itemModelName,
+    version: appViewer.resourcesManager.currentResources!.version,
+    properties: itemSelector
+  })?.model
+  const model = (modelFromDef === 'minecraft:special' ? undefined : modelFromDef) ?? itemModelName
+  return model
+}
diff --git a/src/mineflayer/java-tester/commands.ts b/src/mineflayer/java-tester/commands.ts
new file mode 100644
index 00000000..1925c4d7
--- /dev/null
+++ b/src/mineflayer/java-tester/commands.ts
@@ -0,0 +1,68 @@
+import { versionToNumber } from 'flying-squid/dist/utils'
+
+const customStickNbt = (tags: Record<string, any>) => {
+  let cmd = '/give @p stick'
+  const wrapIntoQuotes = versionToNumber(bot.version) < versionToNumber('1.21.5')
+  cmd += `[${Object.entries(tags).map(([key, value]) => {
+    if (typeof value === 'object') {
+      value = JSON.stringify(value)
+    }
+    return `${key}=${wrapIntoQuotes ? `'${value}'` : value}`
+  }).join(',')}]`
+  return cmd
+}
+
+const writeCmd = (cmd: string) => {
+  if (!cmd.startsWith('/')) cmd = `/${cmd}`
+  console.log('Executing', cmd)
+  bot.chat(cmd)
+}
+
+let msg = 0
+const LIMIT_MSG = 100
+export const javaServerTester = {
+  itemCustomLore () {
+    const cmd = customStickNbt({
+      lore: [{ text: 'This Stick is very sticky.' }]
+    })
+    writeCmd(cmd)
+  },
+
+  itemCustomModel () {
+    const cmd = customStickNbt({
+      item_model: 'minecraft:diamond'
+    })
+    writeCmd(cmd)
+  },
+  itemCustomModel2 () {
+    const cmd = customStickNbt({
+      item_model: 'diamond'
+    })
+    writeCmd(cmd)
+  },
+
+  itemCustomName () {
+    const cmd = customStickNbt({
+      custom_name: [{ text: 'diamond' }]
+    })
+    writeCmd(cmd)
+  },
+  itemCustomName2 () {
+    const cmd = customStickNbt({
+      custom_name: [{ translate: 'item.diamond.name' }]
+    })
+    writeCmd(cmd)
+  },
+
+  spamChat () {
+    for (let i = msg; i < msg + LIMIT_MSG; i++) {
+      bot.chat('Hello, world, ' + i)
+    }
+    msg += LIMIT_MSG
+  },
+  spamChatComplexMessage () {
+    for (let i = msg; i < msg + LIMIT_MSG; i++) {
+      bot.chat('/tell @a ' + i)
+    }
+  }
+}
diff --git a/src/mineflayer/java-tester/index.ts b/src/mineflayer/java-tester/index.ts
new file mode 100644
index 00000000..d395b8f3
--- /dev/null
+++ b/src/mineflayer/java-tester/index.ts
@@ -0,0 +1,6 @@
+import { javaServerTester } from './commands'
+
+window.javaServerTester = javaServerTester
+customEvents.on('mineflayerBotCreated', () => {
+  //
+})
diff --git a/src/mineflayer/maps.ts b/src/mineflayer/maps.ts
new file mode 100644
index 00000000..5e968205
--- /dev/null
+++ b/src/mineflayer/maps.ts
@@ -0,0 +1,24 @@
+import { mapDownloader } from 'mineflayer-item-map-downloader'
+import { setImageConverter } from 'mineflayer-item-map-downloader/lib/util'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+
+setImageConverter((buf: Uint8Array) => {
+  const canvas = document.createElement('canvas')
+  const ctx = canvas.getContext('2d')!
+  canvas.width = 128
+  canvas.height = 128
+  const imageData = ctx.createImageData(canvas.width, canvas.height)
+  imageData.data.set(buf)
+  ctx.putImageData(imageData, 0, 0)
+  // data url
+  return canvas.toDataURL('image/png')
+})
+
+customEvents.on('mineflayerBotCreated', () => {
+  bot.on('login', () => {
+    bot.loadPlugin(mapDownloader)
+    bot.mapDownloader.on('new_map', ({ png, id }) => {
+      getThreeJsRendererMethods()?.updateMap(id, png)
+    })
+  })
+})
diff --git a/src/mineflayer/mc-protocol.ts b/src/mineflayer/mc-protocol.ts
new file mode 100644
index 00000000..cd21d01f
--- /dev/null
+++ b/src/mineflayer/mc-protocol.ts
@@ -0,0 +1,139 @@
+import net from 'net'
+import { Client } from 'minecraft-protocol'
+import { appQueryParams } from '../appParams'
+import { downloadAllMinecraftData, getVersionAutoSelect } from '../connect'
+import { gameAdditionalState } from '../globalState'
+import { ProgressReporter } from '../core/progressReporter'
+import { parseServerAddress } from '../parseServerAddress'
+import { getCurrentProxy } from '../react/ServersList'
+import { pingServerVersion, validatePacket } from './minecraft-protocol-extra'
+import { getWebsocketStream } from './websocket-core'
+
+let lastPacketTime = 0
+customEvents.on('mineflayerBotCreated', () => {
+  // const oldParsePacketBuffer = bot._client.deserializer.parsePacketBuffer
+  //   try {
+  //     const parsed = oldParsePacketBuffer(buffer)
+  //   } catch (err) {
+  //     debugger
+  //     reportError(new Error(`Error parsing packet ${buffer.subarray(0, 30).toString('hex')}`, { cause: err }))
+  //     throw err
+  //   }
+  // }
+  class MinecraftProtocolError extends Error {
+    constructor (message: string, cause?: Error, public data?: any) {
+      if (data?.customPayload) {
+        message += ` (Custom payload: ${data.customPayload.channel})`
+      }
+      super(message, { cause })
+      this.name = 'MinecraftProtocolError'
+    }
+  }
+
+  const onClientError = (err, data) => {
+    const error = new MinecraftProtocolError(`Minecraft protocol client error: ${err.message}`, err, data)
+    reportError(error)
+  }
+  if (typeof bot._client['_events'].error === 'function') {
+    // dont report to bot for more explicit error
+    bot._client['_events'].error = onClientError
+  } else {
+    bot._client.on('error' as any, onClientError)
+  }
+
+  // todo move more code here
+  if (!appQueryParams.noPacketsValidation) {
+    (bot._client as unknown as Client).on('packet', (data, packetMeta, buffer, fullBuffer) => {
+      validatePacket(packetMeta.name, data, fullBuffer, true)
+      lastPacketTime = performance.now()
+    });
+    (bot._client as unknown as Client).on('writePacket', (name, params) => {
+      validatePacket(name, params, Buffer.alloc(0), false)
+    })
+  }
+})
+
+setInterval(() => {
+  if (!bot || !lastPacketTime) return
+  if (bot.player?.ping > 500) { // TODO: we cant rely on server ping 1. weird calculations 2. available with delays instead patch minecraft-protocol to get latency of keep_alive packet
+    gameAdditionalState.poorConnection = true
+  } else {
+    gameAdditionalState.poorConnection = false
+  }
+  if (performance.now() - lastPacketTime < 2000) {
+    gameAdditionalState.noConnection = false
+    return
+  }
+  gameAdditionalState.noConnection = true
+}, 1000)
+
+
+export const getServerInfo = async (ip: string, port?: number, preferredVersion = getVersionAutoSelect(), ping = false, progressReporter?: ProgressReporter, setProxyParams?: ProxyParams) => {
+  await downloadAllMinecraftData()
+  const isWebSocket = ip.startsWith('ws://') || ip.startsWith('wss://')
+  let stream
+  if (isWebSocket) {
+    progressReporter?.setMessage('Connecting to WebSocket server')
+    stream = (await getWebsocketStream(ip)).mineflayerStream
+    progressReporter?.setMessage('WebSocket connected. Ping packet sent, waiting for response')
+  } else if (setProxyParams) {
+    setProxy(setProxyParams)
+  }
+  window.setLoadingMessage = (message?: string) => {
+    if (message === undefined) {
+      progressReporter?.endStage('dns')
+    } else {
+      progressReporter?.beginStage('dns', message)
+    }
+  }
+  return pingServerVersion(ip, port, {
+    ...(stream ? { stream } : {}),
+    ...(ping ? { noPongTimeout: 3000 } : {}),
+    ...(preferredVersion ? { version: preferredVersion } : {}),
+  }).finally(() => {
+    window.setLoadingMessage = undefined
+  })
+}
+
+globalThis.debugTestPing = async (ip: string) => {
+  const parsed = parseServerAddress(ip, false)
+  const result = await getServerInfo(parsed.host, parsed.port ? Number(parsed.port) : undefined, undefined, true, undefined, { address: getCurrentProxy(), })
+  console.log('result', result)
+  return result
+}
+
+export const getDefaultProxyParams = () => {
+  return {
+    headers: {
+      Authorization: `Bearer ${new URLSearchParams(location.search).get('token') ?? ''}`
+    }
+  }
+}
+
+export type ProxyParams = {
+  address?: string
+  headers?: Record<string, string>
+}
+
+export const setProxy = (proxyParams: ProxyParams) => {
+  if (proxyParams.address?.startsWith(':')) {
+    proxyParams.address = `${location.protocol}//${location.hostname}${proxyParams.address}`
+  }
+  if (proxyParams.address && location.port !== '80' && location.port !== '443' && !/:\d+$/.test(proxyParams.address)) {
+    const https = proxyParams.address.startsWith('https://') || location.protocol === 'https:'
+    proxyParams.address = `${proxyParams.address}:${https ? 443 : 80}`
+  }
+
+  const parsedProxy = parseServerAddress(proxyParams.address, false)
+  const proxy = { host: parsedProxy.host, port: parsedProxy.port }
+  proxyParams.headers ??= getDefaultProxyParams().headers
+  net['setProxy']({
+    hostname: proxy.host,
+    port: proxy.port,
+    headers: proxyParams.headers,
+    artificialDelay: appQueryParams.addPing ? Number(appQueryParams.addPing) : undefined
+  })
+  return {
+    proxy
+  }
+}
diff --git a/src/mineflayer/minecraft-protocol-extra.ts b/src/mineflayer/minecraft-protocol-extra.ts
new file mode 100644
index 00000000..65260979
--- /dev/null
+++ b/src/mineflayer/minecraft-protocol-extra.ts
@@ -0,0 +1,119 @@
+import EventEmitter from 'events'
+import clientAutoVersion from 'minecraft-protocol/src/client/autoVersion'
+
+export const pingServerVersion = async (ip: string, port?: number, mergeOptions: Record<string, any> = {}) => {
+  const fakeClient = new EventEmitter() as any
+  const options = {
+    host: ip,
+    port,
+    noPongTimeout: 10_000,
+    closeTimeout: 20_000,
+    ...mergeOptions,
+  }
+  let latency = 0
+  let fullInfo: any = null
+  fakeClient.autoVersionHooks = [(res) => {
+    latency = res.latency
+    fullInfo = res
+  }]
+
+  // TODO use client.socket.destroy() instead of client.end() for faster cleanup
+  clientAutoVersion(fakeClient, options)
+  await Promise.race([
+    new Promise<void>((resolve, reject) => {
+      fakeClient.once('connect_allowed', () => {
+        resolve()
+      })
+    }),
+    new Promise<void>((resolve, reject) => {
+      fakeClient.on('error', (err) => {
+        reject(new Error(err.message ?? err))
+      })
+      if (mergeOptions.stream) {
+        mergeOptions.stream.on('end', (err) => {
+          setTimeout(() => {
+            reject(new Error('Connection closed. Please report if you see this but the server is actually fine.'))
+          })
+        })
+      }
+    })
+  ])
+
+  return {
+    version: fakeClient.version,
+    latency,
+    fullInfo,
+  }
+}
+
+const MAX_PACKET_SIZE = 2_097_152 // 2mb
+const CHAT_MAX_PACKET_DEPTH = 200 // todo improve perf
+
+const CHAT_VALIDATE_PACKETS = new Set([
+  'chat',
+  'system_chat',
+  'player_chat',
+  'profileless_chat',
+  'kick_disconnect',
+  'resource_pack_send',
+  'action_bar',
+  'set_title_text',
+  'set_title_subtitle',
+  'title',
+  'death_combat_event',
+  'server_data',
+  'scoreboard_objective',
+  'scoreboard_team',
+  'playerlist_header',
+  'boss_bar'
+])
+
+export const validatePacket = (name: string, data: any, fullBuffer: Buffer, isFromServer: boolean) => {
+  // todo find out why chat is so slow with react
+  if (!isFromServer) return
+
+  if (fullBuffer.length > MAX_PACKET_SIZE) {
+    console.groupCollapsed(`Packet ${name} is too large: ${fullBuffer.length} bytes`)
+    console.log(data)
+    console.groupEnd()
+    throw new Error(`Packet ${name} is too large: ${fullBuffer.length} bytes`)
+  }
+
+  if (CHAT_VALIDATE_PACKETS.has(name)) {
+    // todo count total number of objects instead of max depth
+    const maxDepth = getObjectMaxDepth(data)
+    if (maxDepth > CHAT_MAX_PACKET_DEPTH) {
+      console.groupCollapsed(`Packet ${name} have too many nested objects: ${maxDepth}`)
+      console.log(data)
+      console.groupEnd()
+      throw new Error(`Packet ${name} have too many nested objects: ${maxDepth}`)
+    }
+  }
+}
+
+function getObjectMaxDepth (obj: unknown, currentDepth = 0): number {
+  // Base case: null or primitive types have depth 0
+  if (obj === null || typeof obj !== 'object' || obj instanceof Buffer) {
+    return currentDepth
+  }
+
+  // Handle arrays and objects
+  let maxDepth = currentDepth
+
+  if (Array.isArray(obj)) {
+    // For arrays, check each element
+    for (const item of obj) {
+      const depth = getObjectMaxDepth(item, currentDepth + 1)
+      maxDepth = Math.max(maxDepth, depth)
+    }
+  } else {
+    // For objects, check each value
+    // eslint-disable-next-line guard-for-in
+    for (const key in obj) {
+      const depth = getObjectMaxDepth(obj[key], currentDepth + 1)
+      maxDepth = Math.max(maxDepth, depth)
+    }
+  }
+
+  return maxDepth
+}
diff --git a/src/mineflayer/playerState.ts b/src/mineflayer/playerState.ts
new file mode 100644
index 00000000..33f7af77
--- /dev/null
+++ b/src/mineflayer/playerState.ts
@@ -0,0 +1,200 @@
+import { HandItemBlock } from 'renderer/viewer/three/holdingBlock'
+import { getInitialPlayerState, getPlayerStateUtils, PlayerStateReactive, PlayerStateRenderer, PlayerStateUtils } from 'renderer/viewer/lib/basePlayerState'
+import { subscribe } from 'valtio'
+import { subscribeKey } from 'valtio/utils'
+import { gameAdditionalState } from '../globalState'
+import { options } from '../optionsStorage'
+
+/**
+ * can be used only in main thread. Mainly for more convenient reactive state updates.
+ * In renderer/ directory, use PlayerStateControllerRenderer type or worldRenderer.playerState.
+ */
+export class PlayerStateControllerMain {
+  disableStateUpdates = false
+
+  private timeOffGround = 0
+  private lastUpdateTime = performance.now()
+
+  // Held item state
+  private isUsingItem = false
+  ready = false
+
+  reactive: PlayerStateReactive
+  utils: PlayerStateUtils
+
+  constructor () {
+    customEvents.on('mineflayerBotCreated', () => {
+      this.ready = false
+      bot.on('inject_allowed', () => {
+        if (this.ready) return
+        this.ready = true
+        this.botCreated()
+      })
+      bot.on('end', () => {
+        this.ready = false
+      })
+    })
+  }
+
+  private onBotCreatedOrGameJoined () {
+    this.reactive.username = bot.username ?? ''
+  }
+
+  private botCreated () {
+    console.log('bot created & plugins injected')
+    this.reactive = getInitialPlayerState()
+    this.reactive.perspective = options.defaultPerspective
+    this.utils = getPlayerStateUtils(this.reactive)
+    this.onBotCreatedOrGameJoined()
+
+    const handleDimensionData = (data) => {
+      let hasSkyLight = 1
+      try {
+        hasSkyLight = data.dimension.value.has_skylight.value
+      } catch {}
+      this.reactive.lightingDisabled = bot.game.dimension === 'the_nether' || bot.game.dimension === 'the_end' || !hasSkyLight
+    }
+
+    bot._client.on('login', (packet) => {
+      handleDimensionData(packet)
+    })
+    bot._client.on('respawn', (packet) => {
+      handleDimensionData(packet)
+    })
+
+    // Movement tracking
+    bot.on('move', () => {
+      this.updateMovementState()
+    })
+
+    // Item tracking
+    bot.on('heldItemChanged', () => {
+      return this.updateHeldItem(false)
+    })
+    bot.inventory.on('updateSlot', (index) => {
+      if (index === 45) this.updateHeldItem(true)
+    })
+    const updateSneakingOrFlying = () => {
+      this.updateMovementState()
+      this.reactive.sneaking = bot.controlState.sneak
+      this.reactive.flying = gameAdditionalState.isFlying
+      this.reactive.eyeHeight = bot.controlState.sneak && !gameAdditionalState.isFlying ? 1.27 : 1.62
+    }
+    bot.on('physicsTick', () => {
+      if (this.isUsingItem) this.reactive.itemUsageTicks++
+      updateSneakingOrFlying()
+    })
+    // todo move from gameAdditionalState to reactive directly
+    subscribeKey(gameAdditionalState, 'isSneaking', () => {
+      updateSneakingOrFlying()
+    })
+    subscribeKey(gameAdditionalState, 'isFlying', () => {
+      updateSneakingOrFlying()
+    })
+
+    // Initial held items setup
+    this.updateHeldItem(false)
+    this.updateHeldItem(true)
+
+    bot.on('game', () => {
+      this.reactive.gameMode = bot.game.gameMode
+    })
+    this.reactive.gameMode = bot.game?.gameMode
+
+    customEvents.on('gameLoaded', () => {
+      this.reactive.team = bot.teamMap[bot.username]
+    })
+
+    this.watchReactive()
+  }
+
+  // #region Movement and Physics State
+  private updateMovementState () {
+    if (!bot?.entity || this.disableStateUpdates) return
+
+    const { velocity } = bot.entity
+    const isOnGround = bot.entity.onGround
+    const VELOCITY_THRESHOLD = 0.01
+    const SPRINTING_VELOCITY = 0.15
+    const OFF_GROUND_THRESHOLD = 0 // ms before switching to SNEAKING when off ground
+
+    const now = performance.now()
+    const deltaTime = now - this.lastUpdateTime
+    this.lastUpdateTime = now
+
+    // this.lastVelocity = velocity
+
+    // Update time off ground
+    if (isOnGround) {
+      this.timeOffGround = 0
+    } else {
+      this.timeOffGround += deltaTime
+    }
+
+    if (gameAdditionalState.isSneaking || gameAdditionalState.isFlying || (this.timeOffGround > OFF_GROUND_THRESHOLD)) {
+      this.reactive.movementState = 'SNEAKING'
+    } else if (Math.abs(velocity.x) > VELOCITY_THRESHOLD || Math.abs(velocity.z) > VELOCITY_THRESHOLD) {
+      this.reactive.movementState = Math.abs(velocity.x) > SPRINTING_VELOCITY || Math.abs(velocity.z) > SPRINTING_VELOCITY
+        ? 'SPRINTING'
+        : 'WALKING'
+    } else {
+      this.reactive.movementState = 'NOT_MOVING'
+    }
+  }
+
+  // #region Held Item State
+  private updateHeldItem (isLeftHand: boolean) {
+    const newItem = isLeftHand ? bot.inventory.slots[45] : bot.heldItem
+    if (!newItem) {
+      if (isLeftHand) {
+        this.reactive.heldItemOff = undefined
+      } else {
+        this.reactive.heldItemMain = undefined
+      }
+      return
+    }
+
+    const block = loadedData.blocksByName[newItem.name]
+    const blockProperties = block ? new window.PrismarineBlock(block.id, 'void', newItem.metadata).getProperties() : {}
+    const item: HandItemBlock = {
+      name: newItem.name,
+      properties: blockProperties,
+      id: newItem.type,
+      type: block ? 'block' : 'item',
+      fullItem: newItem,
+    }
+
+    if (isLeftHand) {
+      this.reactive.heldItemOff = item
+    } else {
+      this.reactive.heldItemMain = item
+    }
+    // this.events.emit('heldItemChanged', item, isLeftHand)
+  }
+
+  startUsingItem () {
+    if (this.isUsingItem) return
+    this.isUsingItem = true
+    this.reactive.itemUsageTicks = 0
+  }
+
+  stopUsingItem () {
+    this.isUsingItem = false
+    this.reactive.itemUsageTicks = 0
+  }
+
+  getItemUsageTicks (): number {
+    return this.reactive.itemUsageTicks
+  }
+
+  watchReactive () {
+    subscribeKey(this.reactive, 'eyeHeight', () => {
+      appViewer.backend?.updateCamera(bot.entity.position, bot.entity.yaw, bot.entity.pitch)
+    })
+  }
+
+  // #endregion
+}
+
+export const playerState = new PlayerStateControllerMain()
+window.playerState = playerState
diff --git a/src/mineflayer/plugins/index.ts b/src/mineflayer/plugins/index.ts
new file mode 100644
index 00000000..6ac11376
--- /dev/null
+++ b/src/mineflayer/plugins/index.ts
@@ -0,0 +1,21 @@
+import { lastConnectOptions } from '../../react/AppStatusProvider'
+import mouse from './mouse'
+import packetsPatcher from './packetsPatcher'
+import { localRelayServerPlugin } from './packetsRecording'
+import ping from './ping'
+import webFeatures from './webFeatures'
+
+// register
+webFeatures()
+packetsPatcher()
+
+
+customEvents.on('mineflayerBotCreated', () => {
+  if (lastConnectOptions.value!.server) {
+    bot.loadPlugin(ping)
+  }
+  bot.loadPlugin(mouse)
+  if (!lastConnectOptions.value!.worldStateFileContents) {
+    bot.loadPlugin(localRelayServerPlugin)
+  }
+})
diff --git a/src/mineflayer/plugins/mouse.ts b/src/mineflayer/plugins/mouse.ts
new file mode 100644
index 00000000..14e19345
--- /dev/null
+++ b/src/mineflayer/plugins/mouse.ts
@@ -0,0 +1,122 @@
+import { createMouse } from 'mineflayer-mouse'
+import { Bot } from 'mineflayer'
+import { Block } from 'prismarine-block'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+import { isGameActive, showModal } from '../../globalState'
+
+import { isCypress } from '../../standaloneUtils'
+import { playerState } from '../playerState'
+import { sendVideoInteraction, videoCursorInteraction } from '../../customChannels'
+
+function cursorBlockDisplay (bot: Bot) {
+  const updateCursorBlock = (data?: { block: Block }) => {
+    if (!data?.block || bot.game.gameMode === 'spectator') {
+      playerState.reactive.lookingAtBlock = undefined
+      return
+    }
+
+    const { block } = data
+    playerState.reactive.lookingAtBlock = {
+      x: block.position.x,
+      y: block.position.y,
+      z: block.position.z,
+      shapes: bot.mouse.getBlockCursorShapes(block).map(shape => {
+        return bot.mouse.getDataFromShape(shape)
+      })
+    }
+  }
+
+  bot.on('highlightCursorBlock', updateCursorBlock)
+  bot.on('game', () => {
+    const block = bot.mouse.getCursorState().cursorBlock
+    updateCursorBlock(block ? { block } : undefined)
+  })
+
+  bot.on('blockBreakProgressStage', (block, stage) => {
+    const mergedShape = bot.mouse.getMergedCursorShape(block)
+    playerState.reactive.diggingBlock = stage === null ? undefined : {
+      x: block.position.x,
+      y: block.position.y,
+      z: block.position.z,
+      stage,
+      mergedShape: mergedShape ? bot.mouse.getDataFromShape(mergedShape) : undefined
+    }
+  })
+}
+
+export default (bot: Bot) => {
+  bot.loadPlugin(createMouse({}))
+
+  domListeners(bot)
+  cursorBlockDisplay(bot)
+
+  otherListeners()
+}
+
+const otherListeners = () => {
+  bot.on('startDigging', (block) => {
+    customEvents.emit('digStart')
+  })
+
+  bot.on('goingToSleep', () => {
+    showModal({ reactType: 'bed' })
+  })
+
+  bot.on('botArmSwingStart', (hand) => {
+    getThreeJsRendererMethods()?.changeHandSwingingState(true, hand === 'left')
+  })
+
+  bot.on('botArmSwingEnd', (hand) => {
+    getThreeJsRendererMethods()?.changeHandSwingingState(false, hand === 'left')
+  })
+
+  bot.on('startUsingItem', (item, slot, isOffhand, duration) => {
+    customEvents.emit('activateItem', item, isOffhand ? 45 : bot.quickBarSlot, isOffhand)
+    playerState.startUsingItem()
+  })
+
+  bot.on('stopUsingItem', () => {
+    playerState.stopUsingItem()
+  })
+}
+
+const domListeners = (bot: Bot) => {
+  const abortController = new AbortController()
+  document.addEventListener('mousedown', (e) => {
+    if (e.isTrusted && !document.pointerLockElement && !isCypress()) return
+    if (!isGameActive(true)) return
+
+    getThreeJsRendererMethods()?.onPageInteraction()
+
+    const videoInteraction = videoCursorInteraction()
+    if (videoInteraction) {
+      sendVideoInteraction(videoInteraction.id, videoInteraction.x, videoInteraction.y, e.button === 0)
+      return
+    }
+
+    if (e.button === 0) {
+      bot.leftClickStart()
+    } else if (e.button === 2) {
+      bot.rightClickStart()
+    }
+  }, { signal: abortController.signal })
+
+  document.addEventListener('mouseup', (e) => {
+    if (e.button === 0) {
+      bot.leftClickEnd()
+    } else if (e.button === 2) {
+      bot.rightClickEnd()
+    }
+  }, { signal: abortController.signal })
+
+  bot.mouse.beforeUpdateChecks = () => {
+    if (!document.hasFocus() || !isGameActive(true)) {
+      // deactive all buttons
+      bot.mouse.buttons.fill(false)
+    }
+  }
+
+  bot.on('end', () => {
+    abortController.abort()
+  })
+}
diff --git a/src/mineflayer/plugins/packetsPatcher.ts b/src/mineflayer/plugins/packetsPatcher.ts
new file mode 100644
index 00000000..5e93ef60
--- /dev/null
+++ b/src/mineflayer/plugins/packetsPatcher.ts
@@ -0,0 +1,50 @@
+export default () => {
+  // not plugin so its loaded earlier
+  customEvents.on('mineflayerBotCreated', () => {
+    botInit()
+  })
+}
+
+const waitingPackets = {} as Record<string, Array<{ name: string, data: any }>>
+
+const botInit = () => {
+  // PATCH READING
+  bot._client.on('packet', (data, meta) => {
+    if (meta.name === 'map_chunk') {
+      if (data.groundUp && data.bitMap === 1 && data.chunkData.every(x => x === 0)) {
+        data.chunkData = Buffer.from(Array.from({ length: 12_544 }).fill(0) as any)
+      }
+    }
+  })
+
+  // PATCH WRITING
+
+  const clientWrite = bot._client.write.bind(bot._client)
+  const sendAllPackets = (name: string, data: any) => {
+    for (const packet of waitingPackets[name]) {
+      clientWrite(packet.name, packet.data)
+    }
+    delete waitingPackets[name]
+  }
+
+  //@ts-expect-error
+  bot._client.write = (name: string, data: any) => {
+    // if (name === 'position' || name === 'position_look' || name === 'look' || name === 'teleport_confirm') {
+    //   const chunkX = Math.floor(bot.entity.position.x / 16)
+    //   const chunkZ = Math.floor(bot.entity.position.z / 16)
+    //   const loadedColumns = bot.world.getColumns()
+    //   if (loadedColumns.some((c) => c.chunkX === chunkX && c.chunkZ === chunkZ)) {
+    //     sendAllPackets('position', data)
+    //   } else {
+    //     waitingPackets['position'] = [...(waitingPackets['position'] || []), { name, data }]
+    //     return
+    //   }
+    // }
+    if (name === 'settings') {
+      data['viewDistance'] = Math.max(data['viewDistance'], 3)
+    }
+    return clientWrite(name, data)
+  }
+
+  // PATCH INTERACTIONS
+}
diff --git a/src/mineflayer/plugins/packetsRecording.ts b/src/mineflayer/plugins/packetsRecording.ts
new file mode 100644
index 00000000..b9ba028c
--- /dev/null
+++ b/src/mineflayer/plugins/packetsRecording.ts
@@ -0,0 +1,147 @@
+import { viewerConnector } from 'mcraft-fun-mineflayer'
+import { PACKETS_REPLAY_FILE_EXTENSION, WORLD_STATE_FILE_EXTENSION } from 'mcraft-fun-mineflayer/build/worldState'
+import { Bot } from 'mineflayer'
+import CircularBuffer from 'flying-squid/dist/circularBuffer'
+import { PacketsLogger } from 'mcraft-fun-mineflayer/build/packetsLogger'
+import { subscribe } from 'valtio'
+import { lastConnectOptions } from '../../react/AppStatusProvider'
+import { packetsRecordingState } from '../../packetsReplay/packetsReplayLegacy'
+import { packetsReplayState } from '../../react/state/packetsReplayState'
+
+const AUTO_CAPTURE_PACKETS_COUNT = 30
+let circularBuffer: CircularBuffer | undefined
+let lastConnectVersion = ''
+
+export const localRelayServerPlugin = (bot: Bot) => {
+  lastConnectVersion = bot.version
+  let ended = false
+  bot.on('end', () => {
+    ended = true
+  })
+
+  bot.loadPlugin(
+    viewerConnector({
+      tcpEnabled: false,
+      websocketEnabled: false,
+    })
+  )
+
+  const downloadFile = (contents: string, filename: string) => {
+    const a = document.createElement('a')
+    const blob = new Blob([contents], { type: 'text/plain' })
+    const url = URL.createObjectURL(blob)
+    a.href = url
+    a.download = filename
+    a.click()
+    URL.revokeObjectURL(url)
+  }
+
+  bot.downloadCurrentWorldState = () => {
+    const worldState = bot.webViewer._unstable.createStateCaptureFile()
+    // add readable timestamp to filename
+    const timestamp = new Date().toISOString().replaceAll(/[-:Z]/g, '')
+    downloadFile(worldState.contents, `${bot.username}-world-state-${timestamp}.${WORLD_STATE_FILE_EXTENSION}`)
+  }
+
+  let logger: PacketsLogger | undefined
+  bot.startPacketsRecording = () => {
+    bot.webViewer._unstable.startRecording((l) => {
+      logger = l
+    })
+  }
+
+  bot.stopPacketsRecording = () => {
+    if (!logger) return
+    const packets = logger?.contents
+    logger = undefined
+    const timestamp = new Date().toISOString().replaceAll(/[-:Z]/g, '')
+    downloadFile(packets, `${bot.username}-packets-${timestamp}.${PACKETS_REPLAY_FILE_EXTENSION}`)
+    bot.webViewer._unstable.stopRecording()
+  }
+
+  circularBuffer = new CircularBuffer(AUTO_CAPTURE_PACKETS_COUNT)
+  let position = 0
+  bot._client.on('writePacket' as any, (name, params) => {
+    circularBuffer!.add({ name, state: bot._client.state, params, isFromServer: false, timestamp: Date.now() })
+    if (packetsRecordingState.active) {
+      packetsReplayState.packetsPlayback.push({
+        name,
+        data: params,
+        isFromClient: true,
+        isUpcoming: false,
+        position: position++,
+        timestamp: Date.now(),
+      })
+      packetsReplayState.progress.current++
+    }
+  })
+  bot._client.on('packet', (data, { name }) => {
+    if (name === 'map_chunk') data = { x: data.x, z: data.z }
+    circularBuffer!.add({ name, state: bot._client.state, params: data, isFromServer: true, timestamp: Date.now() })
+    if (packetsRecordingState.active) {
+      packetsReplayState.packetsPlayback.push({
+        name,
+        data,
+        isFromClient: false,
+        isUpcoming: false,
+        position: position++,
+        timestamp: Date.now(),
+      })
+      packetsReplayState.progress.total++
+    }
+  })
+  const oldWriteChannel = bot._client.writeChannel.bind(bot._client)
+  bot._client.writeChannel = (channel, params) => {
+    packetsReplayState.packetsPlayback.push({
+      name: channel,
+      data: params,
+      isFromClient: true,
+      isUpcoming: false,
+      position: position++,
+      timestamp: Date.now(),
+      isCustomChannel: true,
+    })
+    oldWriteChannel(channel, params)
+  }
+
+  upPacketsReplayPanel()
+}
+
+const upPacketsReplayPanel = () => {
+  if (packetsRecordingState.active && bot) {
+    packetsReplayState.isOpen = true
+    packetsReplayState.isMinimized = true
+    packetsReplayState.isRecording = true
+    packetsReplayState.replayName = 'Recording all packets for ' + bot.username
+  }
+}
+
+subscribe(packetsRecordingState, () => {
+  upPacketsReplayPanel()
+})
+
+declare module 'mineflayer' {
+  interface Bot {
+    downloadCurrentWorldState: () => void
+    startPacketsRecording: () => void
+    stopPacketsRecording: () => void
+  }
+}
+
+export const getLastAutoCapturedPackets = () => circularBuffer?.size
+export const downloadAutoCapturedPackets = () => {
+  const logger = new PacketsLogger({ minecraftVersion: lastConnectVersion })
+  logger.relativeTime = false
+  logger.formattedTime = true
+  for (const packet of circularBuffer?.getLastElements() ?? []) {
+    logger.log(packet.isFromServer, { name: packet.name, state: packet.state, time: packet.timestamp }, packet.params)
+  }
+  const textContents = logger.contents
+  const blob = new Blob([textContents], { type: 'text/plain' })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = `${lastConnectOptions.value?.server ?? 'unknown-server'}-${lastConnectOptions.value?.username ?? 'unknown-username'}-auto-captured-packets.txt`
+  a.click()
+  URL.revokeObjectURL(url)
+}
diff --git a/src/mineflayer/plugins/ping.ts b/src/mineflayer/plugins/ping.ts
new file mode 100644
index 00000000..d6a23554
--- /dev/null
+++ b/src/mineflayer/plugins/ping.ts
@@ -0,0 +1,42 @@
+import { versionToNumber } from 'renderer/viewer/common/utils'
+
+export default () => {
+  let i = 0
+  bot.pingProxy = async () => {
+    const curI = ++i
+    return new Promise(resolve => {
+      //@ts-expect-error
+      bot._client.socket._ws.send(`ping:${curI}`)
+      const date = Date.now()
+      const onPong = (received) => {
+        if (received !== curI.toString()) return
+        bot._client.socket.off('pong' as any, onPong)
+        resolve(Date.now() - date)
+      }
+      bot._client.socket.on('pong' as any, onPong)
+    })
+  }
+
+  let pingId = 0
+  bot.pingServer = async () => {
+    if (versionToNumber(bot.version) < versionToNumber('1.20.2')) return bot.player?.ping ?? -1
+    return new Promise<number>((resolve) => {
+      const curId = pingId++
+      bot._client.write('ping_request', { id: BigInt(curId) })
+      const date = Date.now()
+      const onPong = (data: { id: bigint }) => {
+        if (BigInt(data.id) !== BigInt(curId)) return
+        bot._client.off('ping_response' as any, onPong)
+        resolve(Date.now() - date)
+      }
+      bot._client.on('ping_response' as any, onPong)
+    })
+  }
+}
+
+declare module 'mineflayer' {
+  interface Bot {
+    pingProxy: () => Promise<number>
+    pingServer: () => Promise<number | undefined>
+  }
+}
diff --git a/src/mineflayer/plugins/webFeatures.ts b/src/mineflayer/plugins/webFeatures.ts
new file mode 100644
index 00000000..c56d7d66
--- /dev/null
+++ b/src/mineflayer/plugins/webFeatures.ts
@@ -0,0 +1,12 @@
+import { Bot } from 'mineflayer'
+import { getAppLanguage } from '../../optionsStorage'
+
+export default () => {
+  customEvents.on('mineflayerBotCreated', () => {
+    bot.loadPlugin(plugin)
+  })
+}
+
+const plugin = (bot: Bot) => {
+  bot.settings['locale'] = getAppLanguage()
+}
diff --git a/src/mineflayer/timers.ts b/src/mineflayer/timers.ts
new file mode 100644
index 00000000..99110718
--- /dev/null
+++ b/src/mineflayer/timers.ts
@@ -0,0 +1,71 @@
+import { subscribeKey } from 'valtio/utils'
+import { preventThrottlingWithSound } from '../core/timers'
+import { options } from '../optionsStorage'
+
+customEvents.on('mineflayerBotCreated', () => {
+  const abortController = new AbortController()
+
+  const maybeGoBackgroundKickPrevention = () => {
+    if (options.preventBackgroundTimeoutKick && !bot.backgroundKickPrevention) {
+      const unsub = preventThrottlingWithSound()
+      bot.on('end', unsub)
+      bot.backgroundKickPrevention = true
+    }
+  }
+  maybeGoBackgroundKickPrevention()
+  subscribeKey(options, 'preventBackgroundTimeoutKick', (value) => {
+    maybeGoBackgroundKickPrevention()
+  })
+
+  // wake lock
+  const requestWakeLock = async () => {
+    if (!('wakeLock' in navigator)) {
+      console.warn('Wake Lock API is not supported in this browser')
+      return
+    }
+
+    if (options.preventSleep && !bot.wakeLock && !bot.lockRequested) {
+      bot.lockRequested = true
+      bot.wakeLock = await navigator.wakeLock.request('screen').finally(() => {
+        bot.lockRequested = false
+      })
+
+      bot.wakeLock.addEventListener('release', () => {
+        bot.wakeLock = undefined
+      }, {
+        once: true,
+      })
+    }
+
+    if (!options.preventSleep && bot.wakeLock) {
+      void bot.wakeLock.release()
+    }
+  }
+  document.addEventListener('visibilitychange', () => {
+    if (document.visibilityState === 'visible') {
+      // we are back to the tab, request wake lock again
+      void requestWakeLock()
+    }
+  }, {
+    signal: abortController.signal,
+  })
+  void requestWakeLock()
+  subscribeKey(options, 'preventSleep', (value) => {
+    void requestWakeLock()
+  })
+
+  bot.on('end', () => {
+    if (bot.wakeLock) {
+      void bot.wakeLock.release()
+    }
+    abortController.abort()
+  })
+})
+
+declare module 'mineflayer' {
+  interface Bot {
+    backgroundKickPrevention?: boolean
+    wakeLock?: WakeLockSentinel
+    lockRequested?: boolean
+  }
+}
diff --git a/src/mineflayer/userError.ts b/src/mineflayer/userError.ts
new file mode 100644
index 00000000..9d3e08a7
--- /dev/null
+++ b/src/mineflayer/userError.ts
@@ -0,0 +1,6 @@
+export class UserError extends Error {
+  constructor (message: string) {
+    super(message)
+    this.name = 'UserError'
+  }
+}
diff --git a/src/mineflayer/websocket-core.ts b/src/mineflayer/websocket-core.ts
new file mode 100644
index 00000000..f8163102
--- /dev/null
+++ b/src/mineflayer/websocket-core.ts
@@ -0,0 +1,63 @@
+import { Duplex } from 'stream'
+import { UserError } from './userError'
+
+class CustomDuplex extends Duplex {
+  constructor (options, public writeAction) {
+    super(options)
+  }
+
+  override _read () {}
+
+  override _write (chunk, encoding, callback) {
+    this.writeAction(chunk)
+    callback()
+  }
+}
+
+export const getWebsocketStream = async (host: string) => {
+  const baseProtocol = host.startsWith('ws://') ? 'ws' : 'wss'
+  const hostClean = host.replace('ws://', '').replace('wss://', '')
+  const hostURL = new URL(`${baseProtocol}://${hostClean}`)
+  const hostParams = hostURL.searchParams
+  hostParams.append('client_mcraft', '')
+  const ws = new WebSocket(`${baseProtocol}://${hostURL.host}${hostURL.pathname}?${hostParams.toString()}`)
+  const clientDuplex = new CustomDuplex(undefined, data => {
+    ws.send(data)
+  })
+
+  clientDuplex.on('error', () => {})
+
+  ws.addEventListener('message', async message => {
+    let { data } = message
+    if (data instanceof Blob) {
+      data = await data.arrayBuffer()
+    }
+    clientDuplex.push(Buffer.from(data))
+  })
+
+  ws.addEventListener('close', () => {
+    console.log('ws closed')
+    clientDuplex.end()
+    setTimeout(() => {
+      clientDuplex.emit('end', 'Connection lost')
+    }, 500)
+  })
+
+  ws.addEventListener('error', err => {
+    console.log('ws error', err)
+    clientDuplex.emit('error', err)
+  })
+
+  await new Promise((resolve, reject) => {
+    ws.addEventListener('open', resolve)
+    ws.addEventListener('error', err => {
+      console.log('ws error', err)
+      reject(new UserError('Failed to open websocket connection'))
+    })
+  })
+
+  return {
+    mineflayerStream: clientDuplex,
+    ws,
+  }
+}
diff --git a/src/mobileShim.ts b/src/mobileShim.ts
new file mode 100644
index 00000000..ebf33d6e
--- /dev/null
+++ b/src/mobileShim.ts
@@ -0,0 +1,20 @@
+// fix double tap on mobile
+
+let lastElement = null as {
+  clickTime: number
+  element: HTMLElement
+} | null
+document.addEventListener('touchstart', (e) => {
+  if (e.touches.length > 1) {
+    lastElement = null
+    return
+  }
+  if (lastElement && Date.now() - lastElement.clickTime < 500 && lastElement.element === e.target) {
+    lastElement.element.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }))
+    lastElement = null
+  }
+  lastElement = {
+    clickTime: Date.now(),
+    element: e.target as HTMLElement
+  }
+}, { passive: false })
diff --git a/src/optimizeJson.ts b/src/optimizeJson.ts
new file mode 100644
index 00000000..a7fe7d4e
--- /dev/null
+++ b/src/optimizeJson.ts
@@ -0,0 +1,369 @@
+import { versionToNumber } from 'renderer/viewer/common/utils'
+
+type IdMap = Record<string, number>
+
+type DiffData = {
+  removed: number[],
+  changed: any[],
+  removedProps: Array<[number, number[]]>,
+  added
+}
+
+type SourceData = {
+  keys: IdMap,
+  properties: IdMap
+  source: Record<number, any>
+  diffs: Record<string, DiffData>
+  arrKey?
+  __IS_OPTIMIZED__: true
+}
+
+function getRecipesProcessorProcessRecipes (items, blocks) {
+  return (current) => {
+    // can require the same multiple times per different versions
+    const itemsIdsMap = Object.fromEntries(items.map((b) => [b.name, b.id]))
+    const blocksIdsMap = Object.fromEntries(blocks.map((b) => [b.name, b.id]))
+    const keys = Object.keys(current)
+    for (const key of keys) {
+      if (key === '_proccessed') {
+        delete current[key]
+        continue
+      }
+      const mapId = (id) => {
+        if (typeof id !== 'string' && typeof id !== 'number') throw new Error('Incorrect type')
+        const mapped = itemsIdsMap[id] ?? blocksIdsMap[id]
+        if (!mapped) {
+          throw new Error(`No item/block name with id ${id}`)
+        }
+        return mapped
+      }
+      const processRecipe = (obj) => {
+        // if (!obj) return
+        // if (Array.isArray(obj)) {
+        //   obj.forEach((id, i) => {
+        //     obj[i] = mapId(obj[id])
+        //   })
+        // } else if (obj && typeof obj === 'object') {
+        //   if (!'count metadata id'.split(' ').every(x => x in obj)) {
+        //     throw new Error(`process error: Unknown deep object pattern: ${JSON.stringify(obj)}`)
+        //   }
+        //   obj.id = mapId(obj.id)
+        // } else {
+        //   throw new Error('unknown type')
+        // }
+        const parseRecipeItem = (item) => {
+          if (typeof item === 'number' || typeof item === 'string') return mapId(item)
+          if (Array.isArray(item)) return [mapId(item), ...item.slice(1)]
+          if (!item) {
+            return item
+          }
+          if ('id' in item) {
+            item.id = mapId(item.id)
+            return item
+          }
+          throw new Error('unhandled')
+        }
+        const maybeProccessShape = (shape) => {
+          if (!shape) return
+          for (const shapeRow of shape) {
+            for (const [i, item] of shapeRow.entries()) {
+              shapeRow[i] = parseRecipeItem(item)
+            }
+          }
+        }
+        if (obj.result) obj.result = parseRecipeItem(obj.result)
+        maybeProccessShape(obj.inShape)
+        maybeProccessShape(obj.outShape)
+        if (obj.ingredients) {
+          for (const [i, ingredient] of obj.ingredients.entries()) {
+            obj.ingredients[i] = parseRecipeItem(ingredient)
+          }
+        }
+      }
+      // eslint-disable-next-line no-useless-catch
+      try {
+        const name = mapId(key)
+        for (const [i, recipe] of current[key].entries()) {
+          // eslint-disable-next-line no-useless-catch
+          try {
+            processRecipe(recipe)
+          } catch (err) {
+            // console.warn(`${version} [warn] Removing incorrect recipe: ${err}`)
+            // delete current[i]
+            throw err
+          }
+        }
+        current[name] = current[key]
+      } catch (err) {
+        // console.warn(`${version} [warn] Removing incorrect recipe: ${err}`)
+        throw err
+      }
+      delete current[key]
+    }
+  }
+}
+
+export const restoreMinecraftData = (allVersionData: any, type: string, version: string) => {
+  let restorer
+  if (type === 'recipes') {
+    restorer = getRecipesProcessorProcessRecipes(
+      JsonOptimizer.restoreData(allVersionData.items, version, undefined),
+      JsonOptimizer.restoreData(allVersionData.blocks, version, undefined),
+    )
+  }
+  return JsonOptimizer.restoreData(allVersionData[type], version, restorer)
+}
+
+export default class JsonOptimizer {
+  keys = {} as IdMap
+  idToKey = {} as Record<number, string>
+  properties = {} as IdMap
+  source = {}
+  previousKeys = [] as number[]
+  previousValues = {} as Record<number, any>
+  diffs = {} as Record<string, DiffData>
+
+  constructor (public arrKey?: string, public ignoreChanges = false, public ignoreRemoved = false) { }
+
+  export () {
+    const { keys, properties, source, arrKey, diffs } = this
+    return {
+      keys,
+      properties,
+      source,
+      arrKey,
+      diffs,
+      '__IS_OPTIMIZED__': true
+    } satisfies SourceData
+  }
+
+  diffObj (diffing): DiffData {
+    const removed = [] as number[]
+    const changed = [] as any[]
+    const removedProps = [] as any[]
+    const { arrKey, ignoreChanges, ignoreRemoved } = this
+    const added = [] as number[]
+
+    if (!diffing || typeof diffing !== 'object') throw new Error('diffing data is not object')
+    if (Array.isArray(diffing) && !arrKey) throw new Error('arrKey is required for arrays')
+    const diffingObj = Array.isArray(diffing) ? Object.fromEntries(diffing.map(x => {
+      const key = JsonOptimizer.getByArrKey(x, arrKey!)
+      return [key, x]
+    })) : diffing
+
+    const possiblyNewKeys = Object.keys(diffingObj)
+    this.keys ??= {}
+    this.properties ??= {}
+    let lastRootKeyId = Object.values(this.keys).length
+    let lastItemKeyId = Object.values(this.properties).length
+    for (const key of possiblyNewKeys) {
+      this.keys[key] ??= lastRootKeyId++
+      this.idToKey[this.keys[key]] = key
+    }
+    const DEBUG = false
+
+    const addDiff = (key, newVal, prevVal) => {
+      const valueMapped = [] as any[]
+      const isItemObj = typeof newVal === 'object' && newVal
+      const keyId = this.keys[key]
+      if (isItemObj) {
+        const removedPropsLocal = [] as any[]
+        for (const [prop, val] of Object.entries(newVal)) {
+          // mc-data: why push only changed props? eg for blocks only stateId are different between all versions so we skip a lot of duplicated data like block props
+          if (!isEqualStructured(newVal[prop], prevVal[prop])) {
+            let keyMapped = this.properties[prop]
+            if (keyMapped === undefined) {
+              this.properties[prop] = lastItemKeyId++
+              keyMapped = this.properties[prop]
+            }
+            valueMapped.push(DEBUG ? prop : keyMapped, newVal[prop])
+          }
+        }
+        // also add undefined for removed props
+        for (const prop of Object.keys(prevVal)) {
+          if (prop in newVal) continue
+          let keyMapped = this.properties[prop]
+          if (keyMapped === undefined) {
+            this.properties[prop] = lastItemKeyId++
+            keyMapped = this.properties[prop]
+          }
+          removedPropsLocal.push(DEBUG ? prop : keyMapped)
+        }
+        removedProps.push([keyId, removedPropsLocal])
+      }
+      changed.push(DEBUG ? key : keyId, isItemObj ? valueMapped : newVal)
+    }
+    for (const [id, sourceVal] of Object.entries(this.source)) {
+      const key = this.idToKey[id]
+      const diffVal = diffingObj[key]
+      if (!ignoreChanges && diffVal !== undefined) {
+        this.previousValues[id] ??= this.source[id]
+        const prevVal = this.previousValues[id]
+        if (!isEqualStructured(prevVal, diffVal)) {
+          addDiff(key, diffVal, prevVal)
+        }
+        this.previousValues[id] = diffVal
+      }
+    }
+    for (const [key, val] of Object.entries(diffingObj)) {
+      const id = this.keys[key]
+      if (!this.source[id]) {
+        this.source[id] = val
+      }
+      added.push(id)
+    }
+
+    for (const previousKey of this.previousKeys) {
+      const key = this.idToKey[previousKey]
+      if (diffingObj[key] === undefined && !ignoreRemoved) {
+        removed.push(previousKey)
+      }
+    }
+
+    for (const toRemove of removed) {
+      this.previousKeys.splice(this.previousKeys.indexOf(toRemove), 1)
+    }
+
+    for (const previousKey of this.previousKeys) {
+      const index = added.indexOf(previousKey)
+      if (index === -1) continue
+      added.splice(index, 1)
+    }
+
+    this.previousKeys = [...this.previousKeys, ...added]
+
+    return {
+      removed,
+      changed,
+      added,
+      removedProps
+    }
+  }
+
+  recordDiff (key: string, diffObj: string) {
+    const diff = this.diffObj(diffObj)
+    // problem is that 274 key 10.20.6 no removed keys in diff created
+    this.diffs[key] = diff
+  }
+
+  static isOptimizedChangeDiff (changePossiblyArrDiff) {
+    if (!Array.isArray(changePossiblyArrDiff)) return false
+    if (changePossiblyArrDiff.length % 2 !== 0) return false
+    for (let i = 0; i < changePossiblyArrDiff.length; i += 2) {
+      if (typeof changePossiblyArrDiff[i] !== 'number') return false
+    }
+    return true
+  }
+
+  static restoreData ({ keys, properties, source, arrKey, diffs }: SourceData, targetKey: string, dataRestorer: ((data) => void) | undefined) {
+    // if (!diffs[targetKey]) throw new Error(`The requested data to restore with key ${targetKey} does not exist`)
+    source = structuredClone(source)
+    const keysById = Object.fromEntries(Object.entries(keys).map(x => [x[1], x[0]]))
+    const propertiesById = Object.fromEntries(Object.entries(properties).map(x => [x[1], x[0]]))
+    const dataByKeys = {} as Record<string, any>
+    for (const [versionKey, { added, changed, removed, removedProps }] of Object.entries(diffs)) {
+      for (const toAdd of added) {
+        dataByKeys[toAdd] = source[toAdd]
+      }
+      for (const toRemove of removed) {
+        delete dataByKeys[toRemove]
+      }
+      for (let i = 0; i < changed.length; i += 2) {
+        const key = changed[i]
+        const change = changed[i + 1]
+        const isOptimizedChange = JsonOptimizer.isOptimizedChangeDiff(change)
+        if (isOptimizedChange) {
+          // apply optimized diff
+          for (let k = 0; k < change.length; k += 2) {
+            const propId = change[k]
+            const newVal = change[k + 1]
+            const prop = propertiesById[propId]
+            // const prop = propId
+            if (prop === undefined) throw new Error(`Property id change is undefined: ${propId}`)
+            dataByKeys[key][prop] = newVal
+          }
+        } else {
+          dataByKeys[key] = change
+        }
+      }
+      for (const [key, removePropsId] of removedProps) {
+        for (const removePropId of removePropsId) {
+          const removeProp = propertiesById[removePropId]
+          // todo: this is not correct!
+          if (Array.isArray(dataByKeys[key])) {
+            dataByKeys[key].splice(removeProp as any, 1) // splice accepts strings as well
+          } else {
+            delete dataByKeys[key][removeProp]
+          }
+        }
+      }
+      if (versionToNumber(versionKey) <= versionToNumber(targetKey)) {
+        break
+      }
+    }
+    let data
+    if (arrKey) {
+      data = Object.values(dataByKeys)
+    } else {
+      data = Object.fromEntries(Object.entries(dataByKeys).map(([key, val]) => [keysById[key], val]))
+    }
+    dataRestorer?.(data)
+    return data
+  }
+
+  static getByArrKey (item: any, arrKey: string) {
+    return arrKey.split('+').map(x => item[x]).join('+')
+  }
+
+  static resolveDefaults (arr) {
+    if (!Array.isArray(arr)) throw new Error('not an array')
+    const propsValueCount = {} as {
+      [key: string]: {
+        [val: string]: number
+      }
+    }
+    for (const obj of arr) {
+      if (typeof obj !== 'object' || !obj) continue
+      for (const [key, val] of Object.entries(obj)) {
+        const valJson = JSON.stringify(val)
+        propsValueCount[key] ??= {}
+        propsValueCount[key][valJson] ??= 0
+        propsValueCount[key][valJson] += 1
+      }
+    }
+    const defaults = Object.fromEntries(Object.entries(propsValueCount).map(([prop, values]) => {
+      const defaultValue = Object.entries(values).sort(([, count1], [, count2]) => count2 - count1)[0][0]
+      return [prop, defaultValue]
+    }))
+
+    const newData = [] as any[]
+    const noData = {}
+    for (const [i, obj] of arr.entries()) {
+      if (typeof obj !== 'object' || !obj) {
+        newData.push(obj)
+        continue
+      }
+      for (const key of Object.keys(defaults)) {
+        const val = obj[key]
+        if (!val) {
+          noData[key] ??= []
+          noData[key].push(key)
+          continue
+        }
+        if (defaults[key] === JSON.stringify(val)) {
+          delete obj[key]
+        }
+      }
+      newData.push(obj)
+    }
+
+    return {
+      data: newData,
+      defaults
+    }
+  }
+}
+
+const isEqualStructured = (val1, val2) => {
+  return JSON.stringify(val1) === JSON.stringify(val2)
+}
diff --git a/src/optionsGuiScheme.tsx b/src/optionsGuiScheme.tsx
index 9be844d3..0cb0fe1e 100644
--- a/src/optionsGuiScheme.tsx
+++ b/src/optionsGuiScheme.tsx
@@ -1,18 +1,29 @@
-import { useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { useSnapshot } from 'valtio'
-import { openURL } from 'prismarine-viewer/viewer/lib/simpleUtils'
-import { miscUiState, openOptionsMenu, showModal } from './globalState'
-import { AppOptions, options } from './optionsStorage'
+import { openURL } from 'renderer/viewer/lib/simpleUtils'
+import { noCase } from 'change-case'
+import { versionToNumber } from 'mc-assets/dist/utils'
+import { gameAdditionalState, miscUiState, openOptionsMenu, showModal } from './globalState'
+import { AppOptions, getChangedSettings, options, resetOptions } from './optionsStorage'
 import Button from './react/Button'
 import { OptionMeta, OptionSlider } from './react/OptionsItems'
 import Slider from './react/Slider'
-import { getScreenRefreshRate, setLoadingScreenStatus } from './utils'
-import { openFilePicker, resetLocalStorageWithoutWorld } from './browserfs'
-import { getResourcePackName, resourcePackState, uninstallTexturePack } from './texturePack'
-
+import { getScreenRefreshRate } from './utils'
+import { setLoadingScreenStatus } from './appStatus'
+import { openFilePicker, resetLocalStorage } from './browserfs'
+import { completeResourcepackPackInstall, getResourcePackNames, resourcepackReload, resourcePackState, uninstallResourcePack } from './resourcePack'
+import { downloadPacketsReplay, packetsRecordingState } from './packetsReplay/packetsReplayLegacy'
+import { showInputsModal, showOptionsModal } from './react/SelectOption'
+import { ClientMod, getAllMods, modsUpdateStatus } from './clientMods'
+import supportedVersions from './supportedVersions.mjs'
+import { getVersionAutoSelect } from './connect'
+import { createNotificationProgressReporter } from './core/progressReporter'
+import { customKeymaps } from './controls'
+import { appStorage } from './react/appStorageProvider'
+import { exportData, importData } from './core/importExport'
 
 export const guiOptionsScheme: {
-  [t in OptionsGroupType]: Array<{ [K in keyof AppOptions]?: Partial<OptionMeta<AppOptions[K]>> } & { custom?}>
+  [t in OptionsGroupType]: Array<{ [K in keyof AppOptions]?: Partial<OptionMeta<AppOptions[K]>> } & { custom? }>
 } = {
   render: [
     {
@@ -21,13 +32,23 @@ export const guiOptionsScheme: {
         const [frameLimitMax, setFrameLimitMax] = useState(null as number | null)
 
         return <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-          <Slider style={{ width: 130 }} label='Frame Limit' disabledReason={frameLimitMax ? undefined : 'press lock button first'} unit={frameLimitValue ? 'fps' : ''} valueDisplay={frameLimitValue || 'VSync'} value={frameLimitValue || frameLimitMax! + 1} min={20} max={frameLimitMax! + 1} updateValue={(newVal) => {
-            options.frameLimit = newVal > frameLimitMax! ? false : newVal
-          }} />
-          <Button style={{ width: 20 }} icon='pixelarticons:lock-open' onClick={async () => {
-            const rate = await getScreenRefreshRate()
-            setFrameLimitMax(rate)
-          }} />
+          <Slider
+            style={{ width: 130 }}
+            label='Frame Limit'
+            disabledReason={frameLimitMax ? undefined : 'press lock button first'}
+            unit={frameLimitValue ? 'fps' : ''}
+            valueDisplay={frameLimitValue || 'VSync'}
+            value={frameLimitValue || frameLimitMax! + 1} min={20}
+            max={frameLimitMax! + 1} updateValue={(newVal) => {
+              options.frameLimit = newVal > frameLimitMax! ? false : newVal
+            }}
+          />
+          <Button
+            style={{ width: 20 }} icon='pixelarticons:lock-open' onClick={async () => {
+              const rate = await getScreenRefreshRate()
+              setFrameLimitMax(rate)
+            }}
+          />
         </div>
       }
     },
@@ -42,8 +63,6 @@ export const guiOptionsScheme: {
       custom () {
         return <Button label='Guide: Disable VSync' onClick={() => openURL('https://gist.github.com/zardoy/6e5ce377d2b4c1e322e660973da069cd')} inScreen />
       },
-    },
-    {
       backgroundRendering: {
         text: 'Background FPS limit',
         values: [
@@ -52,6 +71,12 @@ export const guiOptionsScheme: {
           ['20fps', '20 FPS'],
         ],
       },
+      activeRenderer: {
+        text: 'Renderer',
+        values: [
+          ['threejs', 'Three.js (stable)'],
+        ],
+      },
     },
     {
       custom () {
@@ -60,18 +85,60 @@ export const guiOptionsScheme: {
       dayCycleAndLighting: {
         text: 'Day Cycle',
       },
-      // smoothLighting: {},
+      smoothLighting: {},
       newVersionsLighting: {
-        text: 'Lighting in newer versions',
+        text: 'Lighting in Newer Versions',
       },
       lowMemoryMode: {
         text: 'Low Memory Mode',
-        enableWarning: 'Enabling it will make chunks load ~4x slower',
-        disabledDuringGame: true
+        enableWarning: 'Enabling it will make chunks load ~4x slower. When in the game, app needs to be reloaded to apply this setting.',
       },
       starfieldRendering: {},
       renderEntities: {},
+      keepChunksDistance: {
+        max: 5,
+        unit: '',
+        tooltip: 'Additional distance to keep the chunks loading before unloading them by marking them as too far',
+      },
+      renderEars: {
+        tooltip: 'Enable rendering Deadmau5 ears for all players if their skin contains textures for it',
+      },
+      renderDebug: {
+        values: [
+          'advanced',
+          'basic',
+          'none'
+        ],
+      },
+      rendererPerfDebugOverlay: {
+        text: 'Performance Debug',
+      }
     },
+    {
+      custom () {
+        const { _renderByChunks } = useSnapshot(options).rendererSharedOptions
+        return <Button
+          inScreen
+          label={`Batch Chunks Display ${_renderByChunks ? 'ON' : 'OFF'}`}
+          onClick={() => {
+            options.rendererSharedOptions._renderByChunks = !_renderByChunks
+          }}
+        />
+      }
+    },
+    {
+      custom () {
+        return <Category>Resource Packs</Category>
+      },
+      serverResourcePacks: {
+        text: 'Download From Server',
+        values: [
+          'prompt',
+          'always',
+          'never'
+        ],
+      }
+    }
   ],
   main: [
     {
@@ -92,7 +159,8 @@ export const guiOptionsScheme: {
           unit: '',
           max: sp ? 16 : 12,
           min: 1
-        }} />
+        }}
+        />
       },
     },
     {
@@ -118,23 +186,44 @@ export const guiOptionsScheme: {
     {
       custom () {
         const { resourcePackInstalled } = useSnapshot(resourcePackState)
-        return <Button label={`Resource Pack... ${resourcePackInstalled ? 'ON' : 'OFF'}`} inScreen onClick={async () => {
-          if (resourcePackState.resourcePackInstalled) {
-            const resourcePackName = await getResourcePackName()
-            if (confirm(`Uninstall ${resourcePackName} resource pack?`)) {
+        const { usingServerResourcePack } = useSnapshot(gameAdditionalState)
+        const { enabledResourcepack } = useSnapshot(options)
+        return <Button
+          label={`Resource Pack: ${usingServerResourcePack ? 'SERVER ON' : resourcePackInstalled ? enabledResourcepack ? 'ON' : 'OFF' : 'NO'}`} inScreen onClick={async () => {
+            if (resourcePackState.resourcePackInstalled) {
+              const names = Object.keys(await getResourcePackNames())
+              const name = names[0]
+              const choices = [
+                options.enabledResourcepack ? 'Disable' : 'Enable',
+                'Uninstall',
+              ]
+              const choice = await showOptionsModal(`Resource Pack ${name} action`, choices)
+              if (!choice) return
+              if (choice === 'Disable') {
+                options.enabledResourcepack = null
+                await resourcepackReload()
+                return
+              }
+              if (choice === 'Enable') {
+                options.enabledResourcepack = name
+                await completeResourcepackPackInstall(name, name, false, createNotificationProgressReporter())
+                return
+              }
+              if (choice === 'Uninstall') {
               // todo make hidable
-              setLoadingScreenStatus('Uninstalling texturepack...')
-              await uninstallTexturePack()
-              setLoadingScreenStatus(undefined)
-            }
-          } else {
+                setLoadingScreenStatus('Uninstalling texturepack')
+                await uninstallResourcePack()
+                setLoadingScreenStatus(undefined)
+              }
+            } else {
             // if (!fsState.inMemorySave && isGameActive(false)) {
             //   alert('Unable to install resource pack in loaded save for now')
             //   return
             // }
-            openFilePicker('resourcepack')
-          }
-        }} />
+              openFilePicker('resourcepack')
+            }
+          }}
+        />
       },
     },
     {
@@ -142,10 +231,36 @@ export const guiOptionsScheme: {
         return <Button label='Advanced...' onClick={() => openOptionsMenu('advanced')} inScreen />
       },
     },
+    {
+      custom () {
+        const { appConfig } = useSnapshot(miscUiState)
+        const modsUpdateSnapshot = useSnapshot(modsUpdateStatus)
+        const [clientMods, setClientMods] = useState<ClientMod[]>([])
+        useEffect(() => {
+          void getAllMods().then(setClientMods)
+        }, [])
+
+        if (appConfig?.showModsButton === false) return null
+        const enabledModsCount = Object.keys(clientMods.filter(mod => mod.enabled)).length
+        return <Button label={`Client Mods: ${enabledModsCount} (${Object.keys(modsUpdateSnapshot).length})`} onClick={() => showModal({ reactType: 'mods' })} inScreen />
+      },
+    },
     {
       custom () {
         return <Button label='VR...' onClick={() => openOptionsMenu('VR')} inScreen />
       },
+    },
+    {
+      custom () {
+        const { appConfig } = useSnapshot(miscUiState)
+        if (!appConfig?.displayLanguageSelector) return null
+        return <Button
+          label='Language...' onClick={async () => {
+            const newLang = await showOptionsModal('Set Language', (appConfig.supportedLanguages ?? []) as string[])
+            if (!newLang) return
+            options.language = newLang.split(' - ')[0]
+          }} inScreen />
+      },
     }
   ],
   interface: [
@@ -172,6 +287,42 @@ export const guiOptionsScheme: {
       chatOpacityOpened: {
       },
       chatSelect: {
+        text: 'Text Select',
+      },
+      chatPingExtension: {
+      }
+    },
+    {
+      custom () {
+        return <Category>Map</Category>
+      },
+      showMinimap: {
+        text: 'Enable Minimap',
+        enableWarning: 'App reload is required to apply this setting',
+        values: [
+          'always',
+          'singleplayer',
+          'never'
+        ],
+      },
+    },
+    {
+      custom () {
+        return <Category>World</Category>
+      },
+      highlightBlockColor: {
+        text: 'Block Highlight Color',
+        values: [
+          ['auto', 'Auto'],
+          ['blue', 'Blue'],
+          ['classic', 'Classic']
+        ],
+      },
+      showHand: {
+        text: 'Show Hand',
+      },
+      viewBobbing: {
+        text: 'View Bobbing',
       },
     },
     {
@@ -189,7 +340,45 @@ export const guiOptionsScheme: {
           'never'
         ],
       },
-    }
+    },
+    {
+      custom () {
+        return <Category>Experimental</Category>
+      },
+      displayBossBars: {
+        text: 'Boss Bars',
+      },
+    },
+    {
+      custom () {
+        return <UiToggleButton name='title' addUiText />
+      },
+    },
+    {
+      custom () {
+        return <UiToggleButton name='chat' addUiText />
+      },
+    },
+    {
+      custom () {
+        return <UiToggleButton name='scoreboard' addUiText />
+      },
+    },
+    {
+      custom () {
+        return <UiToggleButton name='effects' label='Effects' />
+      },
+    },
+    {
+      custom () {
+        return <UiToggleButton name='indicators' label='Game Indicators' />
+      },
+    },
+    {
+      custom () {
+        return <UiToggleButton name='hotbar' />
+      },
+    },
   ],
   controls: [
     {
@@ -204,7 +393,8 @@ export const guiOptionsScheme: {
           onClick={() => {
             showModal({ reactType: 'keybindings' })
           }}
-        >Keybindings</Button>
+        >Keybindings
+        </Button>
       },
       mouseSensX: {},
       mouseSensY: {
@@ -234,23 +424,40 @@ export const guiOptionsScheme: {
         text: 'Always Mobile Controls',
       },
       touchButtonsSize: {
-        min: 40
+        min: 40,
+        disableIf: [
+          'touchMovementType',
+          'modern'
+        ],
       },
       touchButtonsOpacity: {
         min: 10,
-        max: 90
+        max: 90,
+        disableIf: [
+          'touchMovementType',
+          'modern'
+        ],
       },
       touchButtonsPosition: {
-        max: 80
+        max: 80,
+        disableIf: [
+          'touchMovementType',
+          'modern'
+        ],
       },
-      touchControlsType: {
-        values: [['classic', 'Classic'], ['joystick-buttons', 'New']],
+      touchMovementType: {
+        text: 'Movement Controls',
+        values: [['modern', 'Modern'], ['classic', 'Classic']],
+      },
+      touchInteractionType: {
+        text: 'Interaction Controls',
+        values: [['classic', 'Classic'], ['buttons', 'Buttons']],
       },
     },
     {
       custom () {
-        const { touchControlsType } = useSnapshot(options)
-        return <Button label='Setup Touch Buttons' onClick={() => showModal({ reactType: 'touch-buttons-setup' })} inScreen disabled={touchControlsType !== 'joystick-buttons'} />
+        const { touchInteractionType, touchMovementType } = useSnapshot(options)
+        return <Button label='Setup Touch Buttons' onClick={() => showModal({ reactType: 'touch-buttons-setup' })} inScreen disabled={touchInteractionType === 'classic' && touchMovementType === 'classic'} />
       },
     },
     {
@@ -263,12 +470,34 @@ export const guiOptionsScheme: {
           'auto',
           'never'
         ],
+        disableIf: [
+          'autoParkour',
+          true
+        ],
       },
       autoParkour: {},
     }
   ],
   sound: [
     { volume: {} },
+    {
+      custom () {
+        return <OptionSlider
+          valueOverride={options.enableMusic ? undefined : 0}
+          onChange={(value) => {
+            options.musicVolume = value
+          }}
+          item={{
+            type: 'slider',
+            id: 'musicVolume',
+            text: 'Music Volume',
+            min: 0,
+            max: 100,
+            unit: '%',
+          }}
+        />
+      },
+    },
     {
       custom () {
         return <Button label='Sound Muffler' onClick={() => showModal({ reactType: 'sound-muffler' })} inScreen />
@@ -276,27 +505,210 @@ export const guiOptionsScheme: {
     }
     // { ignoreSilentSwitch: {} },
   ],
+
   VR: [
     {
       custom () {
-        return <>
-          <span style={{ fontSize: 9, display: 'flex', justifyContent: 'center', alignItems: 'center' }}>VR currently has basic support</span>
-          <div />
-        </>
+        return (
+          <>
+            <span style={{ fontSize: 9, display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
+              VR currently has basic support
+            </span>
+            <div />
+          </>
+        )
       },
-    }
+      vrSupport: {},
+      vrPageGameRendering: {
+        text: 'Page Game Rendering',
+        tooltip: 'Wether to continue rendering page even when vr is active.',
+      }
+    },
   ],
   advanced: [
     {
       custom () {
-        return <Button inScreen onClick={() => {
-          if (confirm('Are you sure you want to reset all settings?')) resetLocalStorageWithoutWorld()
-        }}>Reset all settings</Button>
+        return <Button
+          inScreen
+          onClick={() => {
+            if (confirm('Are you sure you want to reset all settings?')) resetOptions()
+          }}
+        >Reset settings</Button>
+      },
+    },
+    {
+      custom () {
+        return <Button
+          inScreen
+          onClick={() => {
+            if (confirm('Are you sure you want to remove all data (settings, keybindings, servers, username, auth, proxies)?')) resetLocalStorage()
+          }}
+        >Remove all data</Button>
+      },
+    },
+    {
+      custom () {
+        return <Button label='Export/Import...' onClick={() => openOptionsMenu('export-import')} inScreen />
+      }
+    },
+    {
+      custom () {
+        const { cookieStorage } = useSnapshot(appStorage)
+        return <Button
+          label={`Storage: ${cookieStorage ? 'Synced Cookies' : 'Local Storage'}`} onClick={() => {
+            appStorage.cookieStorage = !cookieStorage
+            alert('Reload the page to apply this change')
+          }}
+          inScreen
+        />
+      }
+    },
+    {
+      custom () {
+        return <Category>Server Connection</Category>
+      },
+    },
+    {
+      saveLoginPassword: {
+        tooltip: 'Controls whether to save login passwords for servers in this browser memory.',
+        values: [
+          'prompt',
+          'always',
+          'never'
+        ]
+      },
+    },
+    {
+      custom () {
+        const { serversAutoVersionSelect } = useSnapshot(options)
+        const allVersions = [...[...supportedVersions].sort((a, b) => versionToNumber(a) - versionToNumber(b)), 'latest', 'auto']
+        const currentIndex = allVersions.indexOf(serversAutoVersionSelect)
+
+        const getDisplayValue = (version: string) => {
+          const versionAutoSelect = getVersionAutoSelect(version)
+          if (version === 'latest') return `latest (${versionAutoSelect})`
+          if (version === 'auto') return `auto (${versionAutoSelect})`
+          return version
+        }
+
+        return <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+          <Slider
+            style={{ width: 150 }}
+            label='Default Version'
+            title='First version to try to connect with'
+            value={currentIndex}
+            min={0}
+            max={allVersions.length - 1}
+            unit=''
+            valueDisplay={getDisplayValue(serversAutoVersionSelect)}
+            updateValue={(newVal) => {
+              options.serversAutoVersionSelect = allVersions[newVal]
+            }}
+          />
+        </div>
+      },
+    },
+    {
+      preventBackgroundTimeoutKick: {},
+      preventSleep: {
+        text: 'Prevent Device Sleep',
+        disabledReason: navigator.wakeLock ? undefined : 'Your browser does not support wake lock API',
+        enableWarning: 'When connected to a server, prevent PC from sleeping or screen dimming. Useful for purpusely staying AFK for long time. Some events might still prevent this like loosing tab focus or going low power mode.',
+      },
+    },
+    {
+      custom () {
+        return <Category>Developer</Category>
+      },
+    },
+    {
+      custom () {
+        const { active } = useSnapshot(packetsRecordingState)
+        return <Button
+          inScreen
+          onClick={() => {
+            packetsRecordingState.active = !active
+          }}
+        >{active ? 'Stop' : 'Start'} Packets Replay Logging</Button>
+      },
+    },
+    {
+      custom () {
+        const { active, hasRecordedPackets } = useSnapshot(packetsRecordingState)
+        return <Button
+          disabled={!hasRecordedPackets}
+          inScreen
+          onClick={() => {
+            void downloadPacketsReplay()
+          }}
+        >Download Packets Replay</Button>
+      },
+    },
+    {
+      packetsLoggerPreset: {
+        text: 'Packets Logger Preset',
+        values: [
+          ['all', 'All'],
+          ['no-buffers', 'No Buffers']
+        ],
+      },
+    },
+    {
+      debugContro: {
+        text: 'Debug Controls',
+      },
+    },
+    {
+      debugResponseTimeIndicator: {
+        text: 'Debug Input Lag',
+      },
+    },
+    {
+      debugChatScroll: {
       },
     }
   ],
+  'export-import': [
+    {
+      custom () {
+        return <Category>Export/Import Data</Category>
+      }
+    },
+    {
+      custom () {
+        return <Button
+          inScreen
+          onClick={importData}
+        >Import Data</Button>
+      }
+    },
+    {
+      custom () {
+        return <Button
+          inScreen
+          onClick={exportData}
+        >Export Data</Button>
+      }
+    },
+    {
+      custom () {
+        return <Button
+          inScreen
+          disabled
+        >Export Worlds</Button>
+      }
+    },
+    {
+      custom () {
+        return <Button
+          inScreen
+          disabled
+        >Export Resource Pack</Button>
+      }
+    }
+  ],
 }
-export type OptionsGroupType = 'main' | 'render' | 'interface' | 'controls' | 'sound' | 'advanced' | 'VR'
+export type OptionsGroupType = 'main' | 'render' | 'interface' | 'controls' | 'sound' | 'advanced' | 'VR' | 'export-import'
 
 const Category = ({ children }) => <div style={{
   fontSize: 9,
@@ -304,6 +716,20 @@ const Category = ({ children }) => <div style={{
   gridColumn: 'span 2'
 }}>{children}</div>
 
+const UiToggleButton = ({ name, addUiText = false, label = noCase(name) }: { name: string, addUiText?: boolean, label?: string }) => {
+  const { disabledUiParts } = useSnapshot(options)
+
+  const currentlyDisabled = disabledUiParts.includes(name)
+  if (addUiText) label = `${label} UI`
+  return <Button
+    inScreen
+    onClick={() => {
+      const newDisabledUiParts = currentlyDisabled ? disabledUiParts.filter(x => x !== name) : [...disabledUiParts, name]
+      options.disabledUiParts = newDisabledUiParts
+    }}
+  >{currentlyDisabled ? 'Enable' : 'Disable'} {label}</Button>
+}
+
 export const tryFindOptionConfig = (option: keyof AppOptions) => {
   for (const group of Object.values(guiOptionsScheme)) {
     for (const optionConfig of group) {
diff --git a/src/optionsStorage.ts b/src/optionsStorage.ts
index 2842c908..22d5ef26 100644
--- a/src/optionsStorage.ts
+++ b/src/optionsStorage.ts
@@ -1,110 +1,27 @@
-// todo implement async options storage
-
 import { proxy, subscribe } from 'valtio/vanilla'
-// weird webpack configuration bug: it cant import valtio/utils in this file
 import { subscribeKey } from 'valtio/utils'
 import { omitObj } from '@zardoy/utils'
+import { appQueryParams, appQueryParamsArray } from './appParams'
+import type { AppConfig } from './appConfig'
+import { appStorage } from './react/appStorageProvider'
+import { miscUiState } from './globalState'
+import { defaultOptions } from './defaultOptions'
 
-const defaultOptions = {
-  renderDistance: 3,
-  multiplayerRenderDistance: 3,
-  closeConfirmation: true,
-  autoFullScreen: false,
-  mouseRawInput: false,
-  autoExitFullscreen: false,
-  localUsername: 'wanderer',
-  mouseSensX: 50,
-  mouseSensY: -1,
-  // mouseInvertX: false,
-  chatWidth: 320,
-  chatHeight: 180,
-  chatScale: 100,
-  chatOpacity: 100,
-  chatOpacityOpened: 100,
-  messagesLimit: 200,
-  volume: 50,
-  // fov: 70,
-  fov: 75,
-  guiScale: 3,
-  autoRequestCompletions: true,
-  touchButtonsSize: 40,
-  touchButtonsOpacity: 80,
-  touchButtonsPosition: 12,
-  touchControlsPositions: getDefaultTouchControlsPositions(),
-  touchControlsType: 'classic' as 'classic' | 'joystick-buttons',
-  gpuPreference: 'default' as 'default' | 'high-performance' | 'low-power',
-  backgroundRendering: '20fps' as 'full' | '20fps' | '5fps',
-  /** @unstable */
-  disableAssets: false,
-  /** @unstable */
-  debugLogNotFrequentPackets: false,
-  unimplementedContainers: false,
-  dayCycleAndLighting: true,
-  loadPlayerSkins: true,
-  lowMemoryMode: false,
-  starfieldRendering: true,
-  // antiAliasing: false,
+const isDev = process.env.NODE_ENV === 'development'
+const initialAppConfig = process.env?.INLINED_APP_CONFIG as AppConfig ?? {}
 
-  showChunkBorders: false, // todo rename option
-  frameLimit: false as number | false,
-  alwaysBackupWorldBeforeLoading: undefined as boolean | undefined | null,
-  alwaysShowMobileControls: false,
-  excludeCommunicationDebugEvents: [],
-  preventDevReloadWhilePlaying: false,
-  numWorkers: 4,
-  localServerOptions: {
-    gameMode: 1
-  } as any,
-  preferLoadReadonly: false,
-  disableLoadPrompts: false,
-  guestUsername: 'guest',
-  askGuestName: true,
-  errorReporting: true,
-  /** Actually might be useful */
-  showCursorBlockInSpectator: false,
-  renderEntities: true,
-  smoothLighting: true,
-  newVersionsLighting: false,
-  chatSelect: false,
-  autoJump: 'auto' as 'auto' | 'always' | 'never',
-  autoParkour: false,
-
-  // advanced bot options
-  autoRespawn: false,
-  mutedSounds: [] as string[],
-  plugins: [] as Array<{ enabled: boolean, name: string, description: string, script: string }>,
-  /** Wether to popup sign editor on server action */
-  autoSignEditor: true,
-  wysiwygSignEditor: 'auto' as 'auto' | 'always' | 'never',
-}
-
-function getDefaultTouchControlsPositions () {
-  return {
-    action: [
-      70,
-      76
-    ],
-    sneak: [
-      84,
-      76
-    ],
-    break: [
-      70,
-      60
-    ],
-    jump: [
-      84,
-      60
-    ],
-  } as Record<string, [number, number]>
-}
-
-const qsOptionsRaw = new URLSearchParams(location.search).getAll('setting')
+// const qsOptionsRaw = new URLSearchParams(location.search).getAll('setting')
+const qsOptionsRaw = appQueryParamsArray.setting ?? []
 export const qsOptions = Object.fromEntries(qsOptionsRaw.map(o => {
   const [key, value] = o.split(':')
   return [key, JSON.parse(value)]
 }))
 
+// Track which settings are disabled (controlled by QS or forced by config)
+export const disabledSettings = proxy({
+  value: new Set<string>(Object.keys(qsOptions))
+})
+
 const migrateOptions = (options: Partial<AppOptions & Record<string, any>>) => {
   if (options.highPerformanceGpu) {
     options.gpuPreference = 'high-performance'
@@ -116,15 +33,53 @@ const migrateOptions = (options: Partial<AppOptions & Record<string, any>>) => {
   if (options.touchControlsPositions?.jump === undefined) {
     options.touchControlsPositions!.jump = defaultOptions.touchControlsPositions.jump
   }
+  if (options.touchControlsType === 'joystick-buttons') {
+    options.touchInteractionType = 'buttons'
+  }
 
   return options
 }
+const migrateOptionsLocalStorage = () => {
+  if (Object.keys(appStorage['options'] ?? {}).length) {
+    for (const key of Object.keys(appStorage['options'])) {
+      if (!(key in defaultOptions)) continue // drop unknown options
+      const defaultValue = defaultOptions[key]
+      if (JSON.stringify(defaultValue) !== JSON.stringify(appStorage['options'][key])) {
+        appStorage.changedSettings[key] = appStorage['options'][key]
+      }
+    }
+    delete appStorage['options']
+  }
+}
 
 export type AppOptions = typeof defaultOptions
 
+const isDeepEqual = (a: any, b: any): boolean => {
+  if (a === b) return true
+  if (typeof a !== typeof b) return false
+  if (typeof a !== 'object') return false
+  if (a === null || b === null) return a === b
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false
+    return a.every((item, index) => isDeepEqual(item, b[index]))
+  }
+  const keysA = Object.keys(a)
+  const keysB = Object.keys(b)
+  if (keysA.length !== keysB.length) return false
+  return keysA.every(key => isDeepEqual(a[key], b[key]))
+}
+
+export const getChangedSettings = () => {
+  return Object.fromEntries(
+    Object.entries(appStorage.changedSettings).filter(([key, value]) => !isDeepEqual(defaultOptions[key], value))
+  )
+}
+
+migrateOptionsLocalStorage()
 export const options: AppOptions = proxy({
   ...defaultOptions,
-  ...migrateOptions(JSON.parse(localStorage.options || '{}')),
+  ...initialAppConfig.defaultSettings,
+  ...migrateOptions(appStorage.changedSettings),
   ...qsOptions
 })
 
@@ -136,16 +91,25 @@ export const resetOptions = () => {
 
 Object.defineProperty(window, 'debugChangedOptions', {
   get () {
-    return Object.fromEntries(Object.entries(options).filter(([key, v]) => defaultOptions[key] !== v))
+    return getChangedSettings()
   },
 })
 
-subscribe(options, () => {
-  const saveOptions = omitObj(options, ...Object.keys(qsOptions) as [any])
-  localStorage.options = JSON.stringify(saveOptions)
+subscribe(options, (ops) => {
+  if (appQueryParams.freezeSettings === 'true') return
+  for (const op of ops) {
+    const [type, path, value] = op
+    // let patch
+    // let accessor = options
+    // for (const part of path) {
+    // }
+    const key = path[0] as string
+    if (disabledSettings.value.has(key)) continue
+    appStorage.changedSettings[key] = options[key]
+  }
 })
 
-type WatchValue = <T extends Record<string, any>>(proxy: T, callback: (p: T) => void) => void
+type WatchValue = <T extends Record<string, any>>(proxy: T, callback: (p: T, isChanged: boolean) => void) => () => void
 
 export const watchValue: WatchValue = (proxy, callback) => {
   const watchedProps = new Set<string>()
@@ -154,11 +118,20 @@ export const watchValue: WatchValue = (proxy, callback) => {
       watchedProps.add(p.toString())
       return Reflect.get(target, p, receiver)
     },
-  }))
+  }), false)
+  const unsubscribes = [] as Array<() => void>
   for (const prop of watchedProps) {
-    subscribeKey(proxy, prop, () => {
-      callback(proxy)
-    })
+    unsubscribes.push(
+      subscribeKey(proxy, prop, () => {
+        callback(proxy, true)
+      })
+    )
+  }
+
+  return () => {
+    for (const unsubscribe of unsubscribes) {
+      unsubscribe()
+    }
   }
 }
 
@@ -180,3 +153,12 @@ export const useOptionValue = (setting, valueCallback) => {
   valueCallback(setting)
   subscribe(setting, valueCallback)
 }
+
+export const getAppLanguage = () => {
+  if (options.language === 'auto') {
+    return miscUiState.appConfig?.defaultLanguage ?? navigator.language
+  }
+  return options.language
+}
+
+export { defaultOptions } from './defaultOptions'
diff --git a/src/packetsReplay/packetsReplayLegacy.ts b/src/packetsReplay/packetsReplayLegacy.ts
new file mode 100644
index 00000000..a9cc71ec
--- /dev/null
+++ b/src/packetsReplay/packetsReplayLegacy.ts
@@ -0,0 +1,70 @@
+import { proxy } from 'valtio'
+import { PacketsLogger } from 'mcraft-fun-mineflayer/build/packetsLogger'
+import { options } from '../optionsStorage'
+
+export const packetsRecordingState = proxy({
+  active: options.packetsRecordingAutoStart,
+  hasRecordedPackets: false
+})
+
+// eslint-disable-next-line import/no-mutable-exports
+export let replayLogger: PacketsLogger | undefined
+
+const isBufferData = (data: any): boolean => {
+  if (Buffer.isBuffer(data) || data instanceof Uint8Array) return true
+  if (typeof data === 'object' && data !== null) {
+    return Object.values(data).some(value => isBufferData(value))
+  }
+  return false
+}
+
+const processPacketData = (data: any): any => {
+  if (options.packetsLoggerPreset === 'no-buffers') {
+    if (Buffer.isBuffer(data)) {
+      return '[buffer]'
+    }
+    if (typeof data === 'object' && data !== null) {
+      const processed = {}
+      for (const [key, value] of Object.entries(data)) {
+        processed[key] = isBufferData(value) ? '[buffer]' : value
+      }
+      return processed
+    }
+  }
+  return data
+}
+
+export default () => {
+  customEvents.on('mineflayerBotCreated', () => {
+    replayLogger = new PacketsLogger({ minecraftVersion: bot.version })
+    replayLogger.contents = ''
+    packetsRecordingState.hasRecordedPackets = false
+    const handleServerPacket = (data, { name, state = bot._client.state }) => {
+      if (!packetsRecordingState.active) {
+        return
+      }
+      replayLogger!.log(true, { name, state }, processPacketData(data))
+      packetsRecordingState.hasRecordedPackets = true
+    }
+    bot._client.on('packet', handleServerPacket)
+    bot._client.on('packet_name' as any, (name, data) => {
+      handleServerPacket(data, { name })
+    })
+
+    bot._client.on('writePacket' as any, (name, data) => {
+      if (!packetsRecordingState.active) {
+        return
+      }
+      replayLogger!.log(false, { name, state: bot._client.state }, processPacketData(data))
+      packetsRecordingState.hasRecordedPackets = true
+    })
+  })
+}
+
+export const downloadPacketsReplay = async () => {
+  const a = document.createElement('a')
+  a.href = `data:text/plain;charset=utf-8,${encodeURIComponent(replayLogger!.contents)}`
+  a.download = `packets-replay-${new Date().toISOString()}.txt`
+  a.click()
+}
+globalThis.downloadPacketsReplay = downloadPacketsReplay
diff --git a/src/packetsReplay/replayPackets.ts b/src/packetsReplay/replayPackets.ts
new file mode 100644
index 00000000..54b3d652
--- /dev/null
+++ b/src/packetsReplay/replayPackets.ts
@@ -0,0 +1,366 @@
+/* eslint-disable no-await-in-loop */
+import { createServer, ServerClient } from 'minecraft-protocol'
+import { ParsedReplayPacket, parseReplayContents } from 'mcraft-fun-mineflayer/build/packetsLogger'
+import { PACKETS_REPLAY_FILE_EXTENSION, WORLD_STATE_FILE_EXTENSION } from 'mcraft-fun-mineflayer/build/worldState'
+import MinecraftData from 'minecraft-data'
+import { GameMode } from 'mineflayer'
+import { UserError } from '../mineflayer/userError'
+import { packetsReplayState } from '../react/state/packetsReplayState'
+import { getFixedFilesize } from '../react/simpleUtils'
+import { appQueryParams } from '../appParams'
+import { LocalServer } from '../customServer'
+
+const SUPPORTED_FORMAT_VERSION = 1
+
+type ReplayDefinition = {
+  minecraftVersion: string
+  replayAgainst?: 'client' | 'server'
+  serverIp?: string
+}
+
+interface OpenFileOptions {
+  contents: string
+  filename?: string
+  filesize?: number
+}
+
+export function openFile ({ contents, filename = 'unnamed', filesize }: OpenFileOptions) {
+  packetsReplayState.replayName = `${filename} (${getFixedFilesize(filesize ?? contents.length)})`
+  packetsReplayState.isPlaying = false
+
+  const connectOptions = {
+    worldStateFileContents: contents,
+    username: 'replay'
+  }
+  dispatchEvent(new CustomEvent('connect', { detail: connectOptions }))
+}
+
+export const startLocalReplayServer = (contents: string) => {
+  const { packets, header } = parseReplayContents(contents)
+
+  packetsReplayState.packetsPlayback = []
+  packetsReplayState.isOpen = true
+  packetsReplayState.isPlaying = true
+  packetsReplayState.progress = {
+    current: 0,
+    total: packets.filter(packet => packet.isFromServer).length
+  }
+  packetsReplayState.speed = 1
+  packetsReplayState.replayName ||= `local ${getFixedFilesize(contents.length)}`
+  packetsReplayState.replayName = `${header.minecraftVersion} ${packetsReplayState.replayName}`
+
+  if ('formatVersion' in header && header.formatVersion !== SUPPORTED_FORMAT_VERSION) {
+    throw new UserError(`Unsupported format version: ${header.formatVersion}`)
+  }
+  if ('replayAgainst' in header && header.replayAgainst === 'server') {
+    throw new Error('not supported')
+  }
+
+  const server = createServer({
+    Server: LocalServer as any,
+    version: header.minecraftVersion,
+    keepAlive: false,
+    'online-mode': false
+  })
+
+  const data = MinecraftData(header.minecraftVersion)
+  server.on(data.supportFeature('hasConfigurationState') ? 'playerJoin' : 'login' as any, async client => {
+    await mainPacketsReplayer(
+      client,
+      packets,
+      packetsReplayState.customButtons.validateClientPackets.state ? undefined : true
+    )
+  })
+
+  return {
+    server,
+    version: header.minecraftVersion
+  }
+}
+
+// time based packets
+// const FLATTEN_CLIENT_PACKETS = new Set(['position', 'position_look'])
+const FLATTEN_CLIENT_PACKETS = new Set([] as string[])
+
+const positions = {
+  client: 0,
+  server: 0
+}
+const addPacketToReplayer = (name: string, data, isFromClient: boolean, wasUpcoming = false) => {
+  const side = isFromClient ? 'client' : 'server'
+
+  if (wasUpcoming) {
+    const lastUpcoming = packetsReplayState.packetsPlayback.find(p => p.isUpcoming && p.name === name)
+    if (lastUpcoming) {
+      lastUpcoming.isUpcoming = false
+    }
+  } else {
+    packetsReplayState.packetsPlayback.push({
+      name,
+      data,
+      isFromClient,
+      position: ++positions[side]!,
+      isUpcoming: false,
+      timestamp: Date.now()
+    })
+  }
+
+  if (!isFromClient && !wasUpcoming) {
+    packetsReplayState.progress.current++
+  }
+}
+
+const IGNORE_SERVER_PACKETS = new Set([
+  'kick_disconnect',
+])
+
+const ADDITIONAL_DELAY = 500
+
+const mainPacketsReplayer = async (client: ServerClient, packets: ParsedReplayPacket[], ignoreClientPacketsWait: string[] | true = []) => {
+  const writePacket = (name: string, data: any) => {
+    data = restoreData(data)
+    client.write(name, data)
+  }
+
+  const playPackets = packets.filter(p => p.state === 'play')
+
+  let clientPackets = [] as Array<{ name: string, params: any }>
+  const clientsPacketsWaiter = createPacketsWaiter({
+    unexpectedPacketReceived (name, params) {
+      console.log('unexpectedPacketReceived', name, params)
+      addPacketToReplayer(name, params, true)
+    },
+    expectedPacketReceived (name, params) {
+      console.log('expectedPacketReceived', name, params)
+      addPacketToReplayer(name, params, true, true)
+    },
+    unexpectedPacketsLimit: 15,
+    onUnexpectedPacketsLimitReached () {
+      addPacketToReplayer('...', {}, true)
+    }
+  })
+
+  // Patch console.error to detect errors
+  const originalConsoleError = console.error
+  let lastSentPacket: { name: string, params: any } | null = null
+  console.error = (...args) => {
+    if (lastSentPacket) {
+      console.log('Got error after packet', lastSentPacket.name, lastSentPacket.params)
+    }
+    originalConsoleError.apply(console, args)
+    if (packetsReplayState.customButtons.stopOnError.state) {
+      packetsReplayState.isPlaying = false
+      throw new Error('Replay stopped due to error: ' + args.join(' '))
+    }
+  }
+
+  const playServerPacket = (name: string, params: any) => {
+    try {
+      writePacket(name, params)
+      addPacketToReplayer(name, params, false)
+      lastSentPacket = { name, params }
+    } catch (err) {
+      console.error('Error processing packet:', err)
+      if (packetsReplayState.customButtons.stopOnError.state) {
+        packetsReplayState.isPlaying = false
+      }
+    }
+  }
+
+  try {
+    bot.on('error', (err) => {
+      console.error('Mineflayer error:', err)
+    })
+
+    bot._client.on('writePacket' as any, (name, params) => {
+      clientsPacketsWaiter.addPacket(name, params)
+    })
+
+    console.log('start replaying!')
+    for (const [i, packet] of playPackets.entries()) {
+      if (!packetsReplayState.isPlaying) {
+        await new Promise<void>(resolve => {
+          const interval = setInterval(() => {
+            if (packetsReplayState.isPlaying) {
+              clearInterval(interval)
+              resolve()
+            }
+          }, 100)
+        })
+      }
+
+      if (packet.isFromServer) {
+        if (packet.params === null) {
+          console.warn('packet.params is null', packet)
+          continue
+        }
+        playServerPacket(packet.name, packet.params)
+        if (packet.diff) {
+          await new Promise(resolve => {
+            setTimeout(resolve, packet.diff * packetsReplayState.speed + ADDITIONAL_DELAY * (packetsReplayState.customButtons.packetsSenderDelay.state ? 1 : 0))
+          })
+        }
+      } else if (ignoreClientPacketsWait !== true && !ignoreClientPacketsWait.includes(packet.name)) {
+        clientPackets.push({ name: packet.name, params: packet.params })
+        if (playPackets[i + 1]?.isFromServer) {
+          // eslint-disable-next-line @typescript-eslint/no-loop-func
+          clientPackets = clientPackets.filter((p, index) => {
+            return !FLATTEN_CLIENT_PACKETS.has(p.name) || index === clientPackets.findIndex(clientPacket => clientPacket.name === p.name)
+          })
+          for (const packet of clientPackets) {
+            packetsReplayState.packetsPlayback.push({
+              name: packet.name,
+              data: packet.params,
+              isFromClient: true,
+              position: positions.client++,
+              timestamp: Date.now(),
+              isUpcoming: true,
+            })
+          }
+
+          await Promise.race([
+            clientsPacketsWaiter.waitForPackets(clientPackets.map(p => p.name)),
+            ...(packetsReplayState.customButtons.skipMissingOnTimeout.state ? [new Promise(resolve => {
+              setTimeout(resolve, 1000)
+            })] : [])
+          ])
+          clientsPacketsWaiter.stopWaiting()
+          clientPackets = []
+        }
+      }
+    }
+  } finally {
+    // Restore original console.error
+    console.error = originalConsoleError
+  }
+}
+
+export const switchGameMode = (gameMode: GameMode) => {
+  const gamemodes = {
+    survival: 0,
+    creative: 1,
+    adventure: 2,
+    spectator: 3
+  }
+  if (gameMode === 'spectator') {
+    bot._client.emit('abilities', {
+    // can fly + is flying
+      flags: 6
+    })
+  }
+  bot._client.emit('game_state_change', {
+    reason: 3,
+    gameMode: gamemodes[gameMode]
+  })
+}
+
+interface PacketsWaiterOptions {
+  unexpectedPacketReceived?: (name: string, params: any) => void
+  expectedPacketReceived?: (name: string, params: any) => void
+  onUnexpectedPacketsLimitReached?: () => void
+  unexpectedPacketsLimit?: number
+}
+
+interface PacketsWaiter {
+  addPacket(name: string, params: any): void
+  waitForPackets(packets: string[]): Promise<void>
+  stopWaiting(): void
+}
+
+const createPacketsWaiter = (options: PacketsWaiterOptions = {}): PacketsWaiter => {
+  let packetHandler: ((data: any, name: string) => void) | null = null
+  const queuedPackets: Array<{ name: string, params: any }> = []
+  let isWaiting = false
+  let unexpectedPacketsCount = 0
+  const handlePacket = (data: any, name: string, waitingPackets: string[], resolve: () => void) => {
+    if (waitingPackets.includes(name)) {
+      waitingPackets.splice(waitingPackets.indexOf(name), 1)
+      options.expectedPacketReceived?.(name, data)
+    } else {
+      if (options.unexpectedPacketsLimit && unexpectedPacketsCount < options.unexpectedPacketsLimit) {
+        options.unexpectedPacketReceived?.(name, data)
+      }
+      if (options.onUnexpectedPacketsLimitReached && unexpectedPacketsCount === options.unexpectedPacketsLimit) {
+        options.onUnexpectedPacketsLimitReached?.()
+      }
+      unexpectedPacketsCount++
+    }
+
+    if (waitingPackets.length === 0) {
+      resolve()
+    }
+  }
+
+  return {
+    addPacket (name: string, params: any) {
+      if (packetHandler) {
+        packetHandler(params, name)
+      } else {
+        queuedPackets.push({ name, params })
+      }
+    },
+
+    async waitForPackets (packets: string[]) {
+      if (isWaiting) {
+        throw new Error('Already waiting for packets')
+      }
+      unexpectedPacketsCount = 0
+      isWaiting = true
+
+      try {
+        await new Promise<void>(resolve => {
+          const waitingPackets = [...packets]
+
+          packetHandler = (data: any, name: string) => {
+            handlePacket(data, name, waitingPackets, resolve)
+          }
+
+          // Process any queued packets
+          for (const packet of queuedPackets) {
+            handlePacket(packet.params, packet.name, waitingPackets, resolve)
+          }
+          queuedPackets.length = 0
+        })
+      } finally {
+        isWaiting = false
+        packetHandler = null
+      }
+    },
+    stopWaiting () {
+      isWaiting = false
+      packetHandler = null
+      queuedPackets.length = 0
+    }
+  }
+}
+
+const isArrayEqual = (a: any[], b: any[]) => {
+  if (a.length !== b.length) return false
+  for (const [i, element] of a.entries()) {
+    if (element !== b[i]) return false
+  }
+  return true
+}
+
+const restoreData = (json: any) => {
+  if (!json) return json
+  const keys = Object.keys(json)
+
+  if (isArrayEqual(keys.sort(), ['data', 'type'].sort())) {
+    if (json.type === 'Buffer') {
+      return Buffer.from(json.data)
+    }
+  }
+
+  if (typeof json === 'object' && json) {
+    for (const [key, value] of Object.entries(json)) {
+      if (typeof value === 'object') {
+        json[key] = restoreData(value)
+      }
+    }
+  }
+
+  return json
+}
+
+export const VALID_REPLAY_EXTENSIONS = [`.${PACKETS_REPLAY_FILE_EXTENSION}`, `.${WORLD_STATE_FILE_EXTENSION}`]
diff --git a/src/panorama.ts b/src/panorama.ts
deleted file mode 100644
index 59df54e4..00000000
--- a/src/panorama.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-//@ts-check
-
-import { join } from 'path'
-import fs from 'fs'
-import { subscribeKey } from 'valtio/utils'
-import { EntityMesh } from 'prismarine-viewer/viewer/lib/entity/EntityMesh'
-import { fromTexturePackPath, resourcePackState } from './texturePack'
-import { options, watchValue } from './optionsStorage'
-import { miscUiState } from './globalState'
-
-let panoramaCubeMap
-let shouldDisplayPanorama = false
-let panoramaUsesResourcePack = null as boolean | null
-
-const panoramaFiles = [
-  'panorama_1.png', // WS
-  'panorama_3.png', // ES
-  'panorama_4.png', // Up
-  'panorama_5.png', // Down
-  'panorama_0.png', // NS
-  'panorama_2.png' // SS
-]
-
-const panoramaResourcePackPath = 'assets/minecraft/textures/gui/title/background'
-const possiblyLoadPanoramaFromResourcePack = async (file) => {
-  let base64Texture
-  if (panoramaUsesResourcePack) {
-    try {
-      base64Texture = await fs.promises.readFile(fromTexturePackPath(join(panoramaResourcePackPath, file)), 'base64')
-    } catch (err) {
-      panoramaUsesResourcePack = false
-    }
-  }
-  if (base64Texture) return `data:image/png;base64,${base64Texture}`
-  else return join('extra-textures/background', file)
-}
-
-const updateResourcePackSupportPanorama = async () => {
-  try {
-    await fs.promises.readFile(fromTexturePackPath(join(panoramaResourcePackPath, panoramaFiles[0])), 'base64')
-    panoramaUsesResourcePack = true
-  } catch (err) {
-    panoramaUsesResourcePack = false
-  }
-}
-
-watchValue(miscUiState, m => {
-  if (m.appLoaded) {
-    // Also adds panorama on app load here
-    watchValue(resourcePackState, async (s) => {
-      const oldState = panoramaUsesResourcePack
-      const newState = s.resourcePackInstalled && (await updateResourcePackSupportPanorama(), panoramaUsesResourcePack)
-      if (newState === oldState) return
-      removePanorama()
-      void addPanoramaCubeMap()
-    })
-  }
-})
-
-subscribeKey(miscUiState, 'loadedDataVersion', () => {
-  if (miscUiState.loadedDataVersion) removePanorama()
-  else void addPanoramaCubeMap()
-})
-
-// Menu panorama background
-// TODO-low use abort controller
-export async function addPanoramaCubeMap () {
-  if (panoramaCubeMap || miscUiState.loadedDataVersion || options.disableAssets) return
-  shouldDisplayPanorama = true
-
-  let time = 0
-  viewer.camera.fov = 85
-  viewer.camera.near = 0.05
-  viewer.camera.updateProjectionMatrix()
-  viewer.camera.position.set(0, 0, 0)
-  viewer.camera.rotation.set(0, 0, 0)
-  const panorGeo = new THREE.BoxGeometry(1000, 1000, 1000)
-
-  const loader = new THREE.TextureLoader()
-  const panorMaterials = [] as THREE.MeshBasicMaterial[]
-  await updateResourcePackSupportPanorama()
-  for (const file of panoramaFiles) {
-    panorMaterials.push(new THREE.MeshBasicMaterial({
-      map: loader.load(await possiblyLoadPanoramaFromResourcePack(file)),
-      transparent: true,
-      side: THREE.DoubleSide
-    }))
-  }
-
-  if (!shouldDisplayPanorama) return
-
-  const panoramaBox = new THREE.Mesh(panorGeo, panorMaterials)
-
-  panoramaBox.onBeforeRender = () => {
-    time += 0.01
-    panoramaBox.rotation.y = Math.PI + time * 0.01
-    panoramaBox.rotation.z = Math.sin(-time * 0.001) * 0.001
-  }
-
-  const group = new THREE.Object3D()
-  group.add(panoramaBox)
-
-  // should be rewritten entirely
-  for (let i = 0; i < 20; i++) {
-    const m = new EntityMesh('1.16.4', 'squid').mesh!
-    m.position.set(Math.random() * 30 - 15, Math.random() * 20 - 10, Math.random() * 10 - 17)
-    m.rotation.set(0, Math.PI + Math.random(), -Math.PI / 4, 'ZYX')
-    const v = Math.random() * 0.01
-    m.children[0].onBeforeRender = () => {
-      m.rotation.y += v
-      m.rotation.z = Math.cos(panoramaBox.rotation.y * 3) * Math.PI / 4 - Math.PI / 2
-    }
-    group.add(m)
-  }
-
-  viewer.scene.add(group)
-  panoramaCubeMap = group
-}
-
-export function removePanorama () {
-  shouldDisplayPanorama = false
-  if (!panoramaCubeMap) return
-  viewer.camera.fov = options.fov
-  viewer.camera.near = 0.1
-  viewer.camera.updateProjectionMatrix()
-  viewer.scene.remove(panoramaCubeMap)
-  panoramaCubeMap = null
-}
diff --git a/src/parseServerAddress.ts b/src/parseServerAddress.ts
new file mode 100644
index 00000000..acedf70a
--- /dev/null
+++ b/src/parseServerAddress.ts
@@ -0,0 +1,54 @@
+
+
+export const parseServerAddress = (address: string | undefined, removeHttp = true): ParsedServerAddress => {
+  if (!address) {
+    return { host: '', isWebSocket: false, serverIpFull: '' }
+  }
+
+  if (/^ws:[^/]/.test(address)) address = address.replace('ws:', 'ws://')
+  if (/^wss:[^/]/.test(address)) address = address.replace('wss:', 'wss://')
+  const isWebSocket = address.startsWith('ws://') || address.startsWith('wss://')
+  if (isWebSocket) {
+    return { host: address, isWebSocket: true, serverIpFull: address }
+  }
+
+  if (removeHttp) {
+    address = address.replace(/^https?:\/\//, '')
+  }
+
+  const parts = address.split(':')
+
+  let version: string | null = null
+  let port: string | null = null
+
+  for (let i = 0; i < parts.length; i++) {
+    const part = parts[i]
+    if (/^\d+\.\d+(\.\d+)?$/.test(part)) {
+      version = part
+      parts.splice(i, 1)
+      i--
+    }
+    if (/^\d+$/.test(part)) {
+      port = part
+      parts.splice(i, 1)
+      i--
+    }
+  }
+
+  const host = parts.join(':')
+  return {
+    host,
+    ...(port ? { port } : {}),
+    ...(version ? { version } : {}),
+    isWebSocket: false,
+    serverIpFull: port ? `${host}:${port}` : host
+  }
+}
+
+export interface ParsedServerAddress {
+  host: string
+  port?: string
+  version?: string
+  isWebSocket: boolean
+  serverIpFull: string
+}
diff --git a/src/perf_hooks_replacement.js b/src/perf_hooks_replacement.js
deleted file mode 100644
index 69b0e2ed..00000000
--- a/src/perf_hooks_replacement.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports.performance = window.performance
diff --git a/src/preflatMap.json b/src/preflatMap.json
index fdf2640f..81c2a20a 100644
--- a/src/preflatMap.json
+++ b/src/preflatMap.json
@@ -925,18 +925,18 @@
         "143:11": "oak_button[face=wall,facing=south,powered=true]",
         "143:12": "oak_button[face=wall,facing=north,powered=true]",
         "143:13": "oak_button[face=floor,facing=north,powered=true]",
-        "144:0": "undefined[facing=down,nodrop=false]",
-        "144:1": "undefined[facing=up,nodrop=false]",
-        "144:2": "undefined[facing=north,nodrop=false]",
-        "144:3": "undefined[facing=south,nodrop=false]",
-        "144:4": "undefined[facing=west,nodrop=false]",
-        "144:5": "undefined[facing=east,nodrop=false]",
-        "144:8": "undefined[facing=down,nodrop=true]",
-        "144:9": "undefined[facing=up,nodrop=true]",
-        "144:10": "undefined[facing=north,nodrop=true]",
-        "144:11": "undefined[facing=south,nodrop=true]",
-        "144:12": "undefined[facing=west,nodrop=true]",
-        "144:13": "undefined[facing=east,nodrop=true]",
+        "144:0": "player_head[facing=down]",
+        "144:1": "player_head[facing=up]",
+        "144:2": "player_head[facing=north]",
+        "144:3": "player_head[facing=south]",
+        "144:4": "player_head[facing=west]",
+        "144:5": "player_head[facing=east]",
+        "144:8": "player_head[facing=down]",
+        "144:9": "player_head[facing=up]",
+        "144:10": "player_head[facing=north]",
+        "144:11": "player_head[facing=south]",
+        "144:12": "player_head[facing=west]",
+        "144:13": "player_head[facing=east]",
         "145:0": "anvil[facing=south]",
         "145:1": "anvil[facing=west]",
         "145:2": "anvil[facing=north]",
diff --git a/src/react/AddServerOrConnect.tsx b/src/react/AddServerOrConnect.tsx
index d74ff8fe..36fd5264 100644
--- a/src/react/AddServerOrConnect.tsx
+++ b/src/react/AddServerOrConnect.tsx
@@ -1,8 +1,12 @@
-import React from 'react'
+import React, { useEffect } from 'react'
+import { appQueryParams } from '../appParams'
+import { fetchServerStatus, isServerValid } from '../api/mcStatusApi'
+import { parseServerAddress } from '../parseServerAddress'
 import Screen from './Screen'
-import Input from './Input'
+import Input, { INPUT_LABEL_WIDTH, InputWithLabel } from './Input'
 import Button from './Button'
-import { useIsSmallWidth } from './simpleHooks'
+import SelectGameVersion from './SelectGameVersion'
+import { usePassesScaledDimensions } from './UIProvider'
 
 export interface BaseServerInfo {
   ip: string
@@ -10,7 +14,8 @@ export interface BaseServerInfo {
   versionOverride?: string
   proxyOverride?: string
   usernameOverride?: string
-  passwordOverride?: string
+  /** Username or always use new if true */
+  authenticatedAccountOverride?: string | true
 }
 
 interface Props {
@@ -20,29 +25,103 @@ interface Props {
   initialData?: BaseServerInfo
   parseQs?: boolean
   onQsConnect?: (server: BaseServerInfo) => void
-  defaults?: Pick<BaseServerInfo, 'proxyOverride' | 'usernameOverride'>
+  placeholders?: Pick<BaseServerInfo, 'proxyOverride' | 'usernameOverride'>
+  accounts?: string[]
+  authenticatedAccounts?: number
+  versions?: string[]
 }
 
-const ELEMENTS_WIDTH = 190
+export default ({ onBack, onConfirm, title = 'Add a Server', initialData, parseQs, onQsConnect, placeholders, accounts, versions }: Props) => {
+  const isSmallHeight = !usePassesScaledDimensions(null, 350)
+  const qsParamName = parseQs ? appQueryParams.name : undefined
+  const qsParamIp = parseQs ? appQueryParams.ip : undefined
+  const qsParamVersion = parseQs ? appQueryParams.version : undefined
+  const qsParamProxy = parseQs ? appQueryParams.proxy : undefined
+  const qsParamUsername = parseQs ? appQueryParams.username : undefined
+  const qsParamLockConnect = parseQs ? appQueryParams.lockConnect : undefined
 
-export default ({ onBack, onConfirm, title = 'Add a Server', initialData, parseQs, onQsConnect, defaults }: Props) => {
-  const qsParams = parseQs ? new URLSearchParams(window.location.search) : undefined
+  const parsedQsIp = parseServerAddress(qsParamIp)
+  const parsedInitialIp = parseServerAddress(initialData?.ip)
 
-  const [serverName, setServerName] = React.useState(initialData?.name ?? qsParams?.get('name') ?? '')
+  const [serverName, setServerName] = React.useState(initialData?.name ?? qsParamName ?? '')
+  const [serverIp, setServerIp] = React.useState(parsedQsIp.serverIpFull || parsedInitialIp.serverIpFull || '')
+  const [versionOverride, setVersionOverride] = React.useState(initialData?.versionOverride ?? /* legacy */ initialData?.['version'] ?? qsParamVersion ?? '')
+  const [proxyOverride, setProxyOverride] = React.useState(initialData?.proxyOverride ?? qsParamProxy ?? '')
+  const [usernameOverride, setUsernameOverride] = React.useState(initialData?.usernameOverride ?? qsParamUsername ?? '')
+  const lockConnect = qsParamLockConnect === 'true'
 
-  const ipWithoutPort = initialData?.ip.split(':')[0]
-  const port = initialData?.ip.split(':')[1]
+  const smallWidth = !usePassesScaledDimensions(400)
+  const initialAccount = initialData?.authenticatedAccountOverride
+  const [accountIndex, setAccountIndex] = React.useState(initialAccount === true ? -2 : initialAccount ? (accounts?.includes(initialAccount) ? accounts.indexOf(initialAccount) : -2) : -1)
 
-  const [serverIp, setServerIp] = React.useState(ipWithoutPort ?? qsParams?.get('ip') ?? '')
-  const [serverPort, setServerPort] = React.useState(port ?? '')
-  const [versionOverride, setVersionOverride] = React.useState(initialData?.versionOverride ?? /* legacy */ initialData?.['version'] ?? qsParams?.get('version') ?? '')
-  const [proxyOverride, setProxyOverride] = React.useState(initialData?.proxyOverride ?? qsParams?.get('proxy') ?? '')
-  const [usernameOverride, setUsernameOverride] = React.useState(initialData?.usernameOverride ?? qsParams?.get('username') ?? '')
-  const [passwordOverride, setPasswordOverride] = React.useState(initialData?.passwordOverride ?? qsParams?.get('password') ?? '')
-  const smallWidth = useIsSmallWidth()
-  const lockConnect = qsParams?.get('lockConnect') === 'true'
+  const freshAccount = accountIndex === -2
+  const noAccountSelected = accountIndex === -1
+  const authenticatedAccountOverride = noAccountSelected ? undefined : freshAccount ? true : accounts?.[accountIndex]
 
-  return <Screen title={qsParams?.get('ip') ? 'Connect to Server' : title} backdrop>
+  let ipFinal = serverIp
+  ipFinal = ipFinal.replace(/:$/, '')
+  const commonUseOptions: BaseServerInfo = {
+    name: serverName,
+    ip: ipFinal,
+    versionOverride: versionOverride || undefined,
+    proxyOverride: proxyOverride || undefined,
+    usernameOverride: usernameOverride || undefined,
+    authenticatedAccountOverride,
+  }
+
+  const [fetchedServerInfoIp, setFetchedServerInfoIp] = React.useState<string | undefined>(undefined)
+  const [serverOnline, setServerOnline] = React.useState(null as boolean | null)
+  const [onlinePlayersList, setOnlinePlayersList] = React.useState<string[]>([])
+
+  useEffect(() => {
+    const controller = new AbortController()
+
+    const checkServer = async () => {
+      if (!qsParamIp || !isServerValid(qsParamIp)) return
+
+      try {
+        const status = await fetchServerStatus(qsParamIp)
+        if (!status) return
+
+        setServerOnline(status.raw.online)
+        setOnlinePlayersList(status.raw.players?.list.map(p => p.name_raw) ?? [])
+        setFetchedServerInfoIp(qsParamIp)
+      } catch (err) {
+        console.error('Failed to fetch server status:', err)
+      }
+    }
+
+    void checkServer()
+    return () => controller.abort()
+  }, [qsParamIp])
+
+  const validateUsername = (username: string) => {
+    if (!username) return undefined
+    if (onlinePlayersList.includes(username)) {
+      return { border: 'red solid 1px' }
+    }
+    const MINECRAFT_USERNAME_REGEX = /^\w{3,16}$/
+    if (!MINECRAFT_USERNAME_REGEX.test(username)) {
+      return { border: 'red solid 1px' }
+    }
+    return undefined
+  }
+
+  const validateServerIp = () => {
+    if (!serverIp) return undefined
+    if (serverOnline) {
+      return { border: 'lightgreen solid 1px' }
+    } else {
+      return { border: 'red solid 1px' }
+    }
+  }
+
+  const displayConnectButton = qsParamIp
+  const serverExamples = ['example.com:25565', 'play.hypixel.net', 'ws://play.pcm.gg', 'wss://play.webmc.fun']
+  // pick random example
+  const example = serverExamples[Math.floor(Math.random() * serverExamples.length)]
+
+  return <Screen title={qsParamIp ? 'Connect to Server' : title} backdrop>
     <form
       style={{
         display: 'flex',
@@ -51,54 +130,118 @@ export default ({ onBack, onConfirm, title = 'Add a Server', initialData, parseQ
       }}
       onSubmit={(e) => {
         e.preventDefault()
-        let ip = serverIp.includes(':') ? serverIp : `${serverIp}:${serverPort}`
-        ip = ip.replace(/:$/, '')
-        onConfirm({
-          name: serverName,
-          ip,
-          versionOverride,
-          proxyOverride,
-          usernameOverride,
-          passwordOverride
-        })
+        onConfirm(commonUseOptions)
       }}
     >
       <div style={{
-        display: 'grid',
+        display: smallWidth ? 'flex' : 'grid',
         gap: 3,
-        gridTemplateColumns: smallWidth ? '1fr' : '1fr 1fr'
-      }}>
-        <div style={{ gridColumn: smallWidth ? '' : 'span 2', display: 'flex', justifyContent: 'center' }}>
-          <InputWithLabel label="Server Name" value={serverName} onChange={({ target: { value } }) => setServerName(value)} placeholder='Defaults to IP' />
+        ...(smallWidth ? {
+          flexDirection: 'column',
+        } : {
+          gridTemplateColumns: '1fr 1fr'
+        })
+      }}
+      >
+        <InputWithLabel
+          required
+          label="Server IP"
+          autoFocus={!lockConnect}
+          value={serverIp}
+          disabled={lockConnect && parsedQsIp.host !== null}
+          onChange={({ target: { value } }) => {
+            setServerIp(value)
+            setServerOnline(false)
+          }}
+          validateInput={serverOnline === null || fetchedServerInfoIp !== serverIp ? undefined : validateServerIp}
+          placeholder={example}
+        />
+        {!lockConnect && <>
+          <div style={{ display: 'flex' }}>
+            <InputWithLabel label="Server Name" value={serverName} onChange={({ target: { value } }) => setServerName(value)} placeholder='Defaults to IP' />
+          </div>
+        </>}
+        {isSmallHeight ? <div style={{ gridColumn: 'span 2', marginTop: 10, }} /> : <div style={{ gridColumn: smallWidth ? '' : 'span 2' }}>Overrides:</div>}
+        <div style={{
+          display: 'flex',
+          flexDirection: 'column',
+        }}>
+          <label style={{ fontSize: 12, marginBottom: 1, color: 'lightgray' }}>Version Override</label>
+          <SelectGameVersion
+            selected={{ value: versionOverride, label: versionOverride }}
+            versions={versions?.map(v => { return { value: v, label: v } }) ?? []}
+            onChange={(value) => {
+              setVersionOverride(value)
+            }}
+            placeholder="Optional, but recommended to specify"
+            disabled={lockConnect}
+          />
         </div>
-        <InputWithLabel required label="Server IP" value={serverIp} onChange={({ target: { value } }) => setServerIp(value)} />
-        <InputWithLabel label="Server Port" value={serverPort} onChange={({ target: { value } }) => setServerPort(value)} placeholder='25565' />
-        <div style={{ gridColumn: smallWidth ? '' : 'span 2' }}>Overrides:</div>
-        <InputWithLabel label="Version Override" value={versionOverride} onChange={({ target: { value } }) => setVersionOverride(value)} placeholder='Optional, but recommended to specify' />
-        <InputWithLabel label="Proxy Override" value={proxyOverride} onChange={({ target: { value } }) => setProxyOverride(value)} placeholder={defaults?.proxyOverride} />
-        <InputWithLabel label="Username Override" value={usernameOverride} onChange={({ target: { value } }) => setUsernameOverride(value)} placeholder={defaults?.usernameOverride} />
-        <InputWithLabel label="Password Override" value={passwordOverride} onChange={({ target: { value } }) => setPasswordOverride(value)} /* placeholder='For advanced usage only' */ />
+
+        <InputWithLabel
+          label="Proxy Override"
+          value={proxyOverride}
+          disabled={lockConnect && (qsParamProxy !== null || !!placeholders?.proxyOverride) || serverIp.startsWith('ws://') || serverIp.startsWith('wss://')}
+          onChange={({ target: { value } }) => setProxyOverride(value)}
+          placeholder={serverIp.startsWith('ws://') || serverIp.startsWith('wss://') ? 'Not needed for websocket servers' : placeholders?.proxyOverride}
+        />
+        <InputWithLabel
+          label="Username Override"
+          value={usernameOverride}
+          disabled={!noAccountSelected || (lockConnect && qsParamUsername !== null)}
+          onChange={({ target: { value } }) => setUsernameOverride(value)}
+          placeholder={placeholders?.usernameOverride}
+          validateInput={!serverOnline || fetchedServerInfoIp !== serverIp ? undefined : validateUsername}
+        />
+        <label style={{
+          display: 'flex',
+          flexDirection: 'column',
+        }}
+        >
+          <span style={{ fontSize: 12, marginBottom: 1, color: 'lightgray' }}>Account Override</span>
+          <select
+            onChange={({ target: { value } }) => setAccountIndex(Number(value))}
+            style={{
+              background: 'gray',
+              color: 'white',
+              height: 20,
+              fontSize: 13,
+            }}
+            defaultValue={initialAccount === true ? -2 : initialAccount === undefined ? -1 : (fallbackIfNotFound((accounts ?? []).indexOf(initialAccount)) ?? -2)}
+            disabled={lockConnect && qsParamUsername !== null}
+          >
+            <option value={-1}>Offline Account (Username)</option>
+            {accounts?.map((account, i) => <option key={i} value={i}>{account} (Logged In)</option>)}
+            <option value={-2}>Any other MS account</option>
+          </select>
+        </label>
+
         {!lockConnect && <>
           <ButtonWrapper onClick={() => {
             onBack()
-          }}>Cancel</ButtonWrapper>
-          <ButtonWrapper type='submit'>Save</ButtonWrapper>
+          }}>
+            Cancel
+          </ButtonWrapper>
+          <ButtonWrapper type='submit'>
+            {displayConnectButton ? translate('Save') : <strong>{translate('Save')}</strong>}
+          </ButtonWrapper>
         </>}
-        {qsParams?.get('ip') && <div style={{ gridColumn: smallWidth ? '' : 'span 2', display: 'flex', justifyContent: 'center' }}>
-          <ButtonWrapper
-            data-test-id='connect-qs'
-            onClick={() => {
-              onQsConnect?.({
-                name: serverName,
-                ip: serverIp,
-                versionOverride,
-                proxyOverride,
-                usernameOverride,
-                passwordOverride
-              })
-            }}
-          >Connect</ButtonWrapper>
-        </div>}
+        {displayConnectButton && (
+          <div style={{
+            gridColumn: smallWidth ? '' : 'span 2',
+            display: 'flex',
+            justifyContent: 'center'
+          }}>
+            <ButtonWrapper
+              data-test-id='connect-qs'
+              onClick={() => {
+                onQsConnect?.(commonUseOptions)
+              }}
+            >
+              <strong>{translate('Connect')}</strong>
+            </ButtonWrapper>
+          </div>
+        )}
       </div>
     </form>
   </Screen>
@@ -106,17 +249,8 @@ export default ({ onBack, onConfirm, title = 'Add a Server', initialData, parseQ
 
 const ButtonWrapper = ({ ...props }: React.ComponentProps<typeof Button>) => {
   props.style ??= {}
-  props.style.width = ELEMENTS_WIDTH
+  props.style.width = INPUT_LABEL_WIDTH
   return <Button {...props} />
 }
 
-const InputWithLabel = ({ label, span, ...props }: React.ComponentProps<typeof Input> & { label, span?}) => {
-  return <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gridRow: span ? 'span 2 / span 2' : undefined,
-  }}>
-    <label style={{ fontSize: 12, marginBottom: 1, color: 'lightgray' }}>{label}</label>
-    <Input rootStyles={{ width: ELEMENTS_WIDTH }} {...props} />
-  </div>
-}
+const fallbackIfNotFound = (index: number) => (index === -1 ? undefined : index)
diff --git a/src/react/AppStatus.tsx b/src/react/AppStatus.tsx
index 9bf2ece1..b8c7dbde 100644
--- a/src/react/AppStatus.tsx
+++ b/src/react/AppStatus.tsx
@@ -1,52 +1,98 @@
 import { useEffect, useState } from 'react'
+import { appQueryParams } from '../appParams'
 import styles from './appStatus.module.css'
 import Button from './Button'
 import Screen from './Screen'
+import LoadingChunks from './LoadingChunks'
+import LoadingTimer from './LoadingTimer'
 
-export default ({ status, isError, hideDots = false, lastStatus = '', backAction = undefined as undefined | (() => void), description = '', actionsSlot = undefined }) => {
-  const [loadingDots, setLoadingDots] = useState('')
+export default ({
+  status,
+  isError,
+  hideDots = false,
+  lastStatus = '',
+  backAction = undefined as undefined | (() => void),
+  description = '' as string | JSX.Element,
+  actionsSlot = null as React.ReactNode | null,
+  showReconnect = false,
+  onReconnect = undefined as undefined | (() => void),
+  children
+}) => {
+  const [loadingDotIndex, setLoadingDotIndex] = useState(0)
 
   useEffect(() => {
+    const statusRunner = async () => {
+      const timer = async (ms) => new Promise((resolve) => { setTimeout(resolve, ms) })
+
+      const load = async () => {
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+          setLoadingDotIndex(i => (i + 1) % 4)
+          await timer(500) // eslint-disable-line no-await-in-loop
+        }
+      }
+
+      void load()
+    }
+
     void statusRunner()
   }, [])
 
-  const statusRunner = async () => {
-    const array = ['.', '..', '...', '']
-
-    const timer = async (ms) => new Promise((resolve) => { setTimeout(resolve, ms) })
-
-    const load = async () => {
-      // eslint-disable-next-line no-constant-condition
-      for (let i = 0; true; i = (i + 1) % array.length) {
-        setLoadingDots(array[i])
-        await timer(500) // eslint-disable-line no-await-in-loop
-      }
-    }
-
-    void load()
-  }
+  const lockConnect = appQueryParams.lockConnect === 'true'
 
   return (
-    <Screen
-      title={
-        <>
-          <span style={{ userSelect: isError ? 'text' : undefined }}>
-            {status}
-          </span>
-          {isError || hideDots ? '' : loadingDots}
-          <p className={styles['potential-problem']}>{description}</p>
-          <p className={styles['last-status']}>{lastStatus ? `Last status: ${lastStatus}` : lastStatus}</p>
-        </>
-      }
-      backdrop='dirt'
-    >
-      {isError && (
-        <>
-          {backAction && <Button label="Back" onClick={backAction} />}
-          {actionsSlot}
-          <Button onClick={() => window.location.reload()} label="Reset App (recommended)"></Button>
-        </>
-      )}
-    </Screen>
+    <div className=''>
+      <Screen
+        className='small-content'
+        titleSelectable={isError}
+        title={
+          <>
+            <span style={{
+              wordBreak: 'break-word',
+              whiteSpace: 'pre-wrap',
+            }}
+            >
+              {status}
+            </span>
+            <div style={{ display: 'inline-flex', gap: '1px', }} hidden={hideDots || isError}>
+              {
+                [...'...'].map((dot, i) => {
+                  return <span
+                    key={i} style={{
+                      visibility: loadingDotIndex <= i ? 'hidden' : 'visible',
+                    }}>{dot}</span>
+                })
+              }
+            </div>
+            <p className={styles.description}>{description}</p>
+            <p className={styles['last-status']}>{lastStatus ? `Last status: ${lastStatus}` : lastStatus}</p>
+          </>
+        }
+        backdrop='dirt'
+      >
+        {isError && (
+          <>
+            {showReconnect && onReconnect && <Button onClick={onReconnect}>
+              <b>Reconnect</b>
+            </Button>}
+            {actionsSlot}
+            {!lockConnect && <Button
+              onClick={() => {
+                if (location.search) {
+                  location.search = ''
+                } else {
+                  window.location.reload()
+                }
+              }}
+            >
+              <b>Reset App (recommended)</b>
+            </Button>}
+            {backAction && <Button label="Back" onClick={backAction} />}
+          </>
+        )}
+        {children}
+        <LoadingTimer />
+      </Screen>
+    </div>
   )
 }
diff --git a/src/react/AppStatusProvider.tsx b/src/react/AppStatusProvider.tsx
index a2f6234a..9c7b34ac 100644
--- a/src/react/AppStatusProvider.tsx
+++ b/src/react/AppStatusProvider.tsx
@@ -1,14 +1,21 @@
 import { proxy, useSnapshot } from 'valtio'
-import { useEffect } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { activeModalStack, activeModalStacks, hideModal, insertActiveModalStack, miscUiState } from '../globalState'
-import { resetLocalStorageWorld } from '../browserfs'
-import { fsState } from '../loadSave'
 import { guessProblem } from '../errorLoadingScreenHelpers'
+import type { ConnectOptions } from '../connect'
+import { downloadPacketsReplay, packetsRecordingState, replayLogger } from '../packetsReplay/packetsReplayLegacy'
+import { getProxyDetails } from '../microsoftAuthflow'
+import { downloadAutoCapturedPackets, getLastAutoCapturedPackets } from '../mineflayer/plugins/packetsRecording'
+import { appQueryParams } from '../appParams'
 import AppStatus from './AppStatus'
 import DiveTransition from './DiveTransition'
 import { useDidUpdateEffect } from './utils'
 import { useIsModalActive } from './utilsApp'
 import Button from './Button'
+import { updateAuthenticatedAccountData, updateLoadedServerData, AuthenticatedAccount } from './serversStorage'
+import { showOptionsModal } from './SelectOption'
+import LoadingChunks from './LoadingChunks'
+import MessageFormattedString from './MessageFormattedString'
 
 const initialState = {
   status: '',
@@ -17,30 +24,94 @@ const initialState = {
   descriptionHint: '',
   isError: false,
   hideDots: false,
+  loadingChunksData: null as null | Record<string, string>,
+  loadingChunksDataPlayerChunk: null as null | { x: number, z: number },
+  isDisplaying: false,
+  minecraftJsonMessage: null as null | Record<string, any>,
+  showReconnect: false
 }
 export const appStatusState = proxy(initialState)
-const resetState = () => {
+export const resetAppStatusState = () => {
   Object.assign(appStatusState, initialState)
 }
 
 export const lastConnectOptions = {
-  value: null as any | null
+  value: null as ConnectOptions | null
+}
+globalThis.lastConnectOptions = lastConnectOptions
+
+const saveReconnectOptions = (options: ConnectOptions) => {
+  sessionStorage.setItem('reconnectOptions', JSON.stringify({
+    value: options,
+    timestamp: Date.now()
+  }))
+}
+
+export const reconnectReload = () => {
+  if (lastConnectOptions.value) {
+    saveReconnectOptions(lastConnectOptions.value)
+    window.location.reload()
+  }
+}
+
+export const quickDevReconnect = () => {
+  if (!lastConnectOptions.value) {
+    return
+  }
+
+  resetAppStatusState()
+  window.dispatchEvent(new window.CustomEvent('connect', {
+    detail: lastConnectOptions.value
+  }))
 }
 
 export default () => {
-  const { isError, lastStatus, maybeRecoverable, status, hideDots, descriptionHint } = useSnapshot(appStatusState)
+  const lastState = useRef(JSON.parse(JSON.stringify(appStatusState)))
+  const currentState = useSnapshot(appStatusState)
+  const { active: replayActive } = useSnapshot(packetsRecordingState)
 
   const isOpen = useIsModalActive('app-status')
 
+  if (isOpen) {
+    lastState.current = JSON.parse(JSON.stringify(currentState))
+  }
+
+  const usingState = (isOpen ? currentState : lastState.current) as typeof currentState
+  const { isError, lastStatus, maybeRecoverable, status, hideDots, descriptionHint, loadingChunksData, loadingChunksDataPlayerChunk, minecraftJsonMessage, showReconnect } = usingState
+
   useDidUpdateEffect(() => {
     // todo play effect only when world successfully loaded
     if (!isOpen) {
-      const divingElem: HTMLElement = document.querySelector('#viewer-canvas')!
-      divingElem.style.animationName = 'dive-animation'
-      divingElem.parentElement!.style.perspective = '1200px'
-      divingElem.onanimationend = () => {
-        divingElem.parentElement!.style.perspective = ''
-        divingElem.onanimationend = null
+      const startDiveAnimation = (divingElem: HTMLElement) => {
+        divingElem.style.animationName = 'dive-animation'
+        divingElem.parentElement!.style.perspective = '1200px'
+        divingElem.onanimationend = () => {
+          divingElem.parentElement!.style.perspective = ''
+          divingElem.onanimationend = null
+        }
+      }
+
+      const divingElem = document.querySelector('#viewer-canvas')
+      let observer: MutationObserver | null = null
+      if (divingElem) {
+        startDiveAnimation(divingElem as HTMLElement)
+      } else {
+        observer = new MutationObserver((mutations) => {
+          const divingElem = document.querySelector('#viewer-canvas')
+          if (divingElem) {
+            startDiveAnimation(divingElem as HTMLElement)
+            observer!.disconnect()
+          }
+        })
+        observer.observe(document.body, {
+          childList: true,
+          subtree: true
+        })
+      }
+      return () => {
+        if (observer) {
+          observer.disconnect()
+        }
       }
     }
   }, [isOpen])
@@ -48,47 +119,124 @@ export default () => {
   useEffect(() => {
     const controller = new AbortController()
     window.addEventListener('keyup', (e) => {
+      if ('input textarea select'.split(' ').includes((e.target as HTMLElement).tagName?.toLowerCase() ?? '')) return
       if (activeModalStack.at(-1)?.reactType !== 'app-status') return
+      // todo do only if reconnect is possible
       if (e.code !== 'KeyR' || !lastConnectOptions.value) return
-      resetState()
-      window.dispatchEvent(new window.CustomEvent('connect', {
-        detail: lastConnectOptions.value
-      }))
+      quickDevReconnect()
     }, {
       signal: controller.signal
     })
     return () => controller.abort()
   }, [])
 
-  return <DiveTransition open={isOpen}>
+  const displayAuthButton = status.includes('This server appears to be an online server and you are providing no authentication.')
+    || JSON.stringify(minecraftJsonMessage ?? {}).toLowerCase().includes('authenticate')
+  const hasVpnText = (text: string) => text.includes('VPN') || text.includes('Proxy')
+  const displayVpnButton = hasVpnText(status) || (minecraftJsonMessage && hasVpnText(JSON.stringify(minecraftJsonMessage)))
+  const authReconnectAction = async () => {
+    let accounts = [] as AuthenticatedAccount[]
+    updateAuthenticatedAccountData(oldAccounts => {
+      accounts = oldAccounts
+      return oldAccounts
+    })
+
+    const account = await showOptionsModal('Choose account to connect with', [...accounts.map(account => account.username), 'Use other account'])
+    if (!account) return
+    lastConnectOptions.value!.authenticatedAccount = accounts.find(acc => acc.username === account) || true
+    quickDevReconnect()
+  }
+
+  const lastAutoCapturedPackets = getLastAutoCapturedPackets()
+  const lockConnect = appQueryParams.lockConnect === 'true'
+  const wasDisconnected = showReconnect
+  let backAction = undefined as (() => void) | undefined
+  if (maybeRecoverable && (!lockConnect || !wasDisconnected)) {
+    backAction = () => {
+      if (!wasDisconnected) {
+        hideModal(undefined, undefined, { force: true })
+        return
+      }
+      resetAppStatusState()
+      miscUiState.gameLoaded = false
+      miscUiState.loadedDataVersion = null
+      window.loadedData = undefined
+      if (activeModalStacks['main-menu']) {
+        insertActiveModalStack('main-menu')
+        if (activeModalStack.at(-1)?.reactType === 'app-status') {
+          hideModal(undefined, undefined, { force: true }) // workaround: hide loader that was shown on world loading
+        }
+      } else {
+        hideModal(undefined, undefined, { force: true })
+      }
+    }
+  }
+  return <DiveTransition open={isOpen} isError={isError}>
     <AppStatus
       status={status}
-      isError={isError || appStatusState.status === ''} // display back button if status is empty as probably our app is errored
+      isError={isError || status === ''} // display back button if status is empty as probably our app is errored
       hideDots={hideDots}
       lastStatus={lastStatus}
-      description={(isError ? guessProblem(status) : '') || descriptionHint}
-      backAction={maybeRecoverable ? () => {
-        resetState()
-        miscUiState.gameLoaded = false
-        miscUiState.loadedDataVersion = null
-        window.loadedData = undefined
-        if (activeModalStacks['main-menu']) {
-          insertActiveModalStack('main-menu')
-          if (activeModalStack.at(-1)?.reactType === 'app-status') {
-            hideModal(undefined, undefined, { force: true }) // workaround: hide loader that was shown on world loading
-          }
-        } else {
-          hideModal(undefined, undefined, { force: true })
-        }
-      } : undefined}
-    // actionsSlot={
-    //   <Button hidden={!(miscUiState.singleplayer && fsState.inMemorySave)} label="Reset world" onClick={() => {
-    //     if (window.confirm('Are you sure you want to delete all local world content?')) {
-    //       resetLocalStorageWorld()
-    //       window.location.reload()
-    //     }
-    //   }} />
-    // }
-    />
+      showReconnect={showReconnect}
+      onReconnect={reconnectReload}
+      description={<>{
+        displayAuthButton ? '' : (isError ? guessProblem(status) : '') || descriptionHint
+      }{
+        minecraftJsonMessage && <MessageFormattedString message={minecraftJsonMessage} />
+      }</>}
+      backAction={backAction}
+      actionsSlot={
+        <>
+          {displayAuthButton && <Button label='Authenticate' onClick={authReconnectAction} />}
+          {displayVpnButton && <PossiblyVpnBypassProxyButton reconnect={quickDevReconnect} />}
+          {replayActive && <Button label={`Download Packets Replay ${replayLogger?.contents.split('\n').length}L`} onClick={downloadPacketsReplay} />}
+          {wasDisconnected && lastAutoCapturedPackets && <Button label={`Inspect Last ${lastAutoCapturedPackets} Packets`} onClick={() => downloadAutoCapturedPackets()} />}
+        </>
+      }
+    >
+      {loadingChunksData && <LoadingChunks regionFiles={Object.keys(loadingChunksData)} stateMap={loadingChunksData} playerChunk={loadingChunksDataPlayerChunk} />}
+      {isOpen && <DisplayingIndicator />}
+    </AppStatus>
   </DiveTransition>
 }
+
+const DisplayingIndicator = () => {
+  useEffect(() => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        appStatusState.isDisplaying = true
+      })
+    })
+  }, [])
+
+  return <div />
+}
+
+const PossiblyVpnBypassProxyButton = ({ reconnect }: { reconnect: () => void }) => {
+  const [vpnBypassProxy, setVpnBypassProxy] = useState('')
+
+  const useVpnBypassProxyAction = () => {
+    updateLoadedServerData((data) => {
+      data.proxyOverride = vpnBypassProxy
+      return data
+    }, lastConnectOptions.value?.serverIndex)
+    lastConnectOptions.value!.proxy = vpnBypassProxy
+    reconnect()
+  }
+
+  useEffect(() => {
+    const proxy = lastConnectOptions.value?.proxy
+    if (!proxy) return
+    getProxyDetails(proxy)
+      .then(async (r) => r.json())
+      .then(({ capabilities }) => {
+        const { vpnBypassProxy } = capabilities
+        if (!vpnBypassProxy) return
+        setVpnBypassProxy(vpnBypassProxy)
+      })
+      .catch(() => { })
+  }, [])
+
+  if (!vpnBypassProxy) return
+  return <Button label='Use VPN bypass proxy' onClick={useVpnBypassProxyAction} />
+}
diff --git a/src/react/ArmorBar.css b/src/react/ArmorBar.css
index ca579a72..9718e553 100644
--- a/src/react/ArmorBar.css
+++ b/src/react/ArmorBar.css
@@ -8,7 +8,6 @@
   --offset: calc(-1 * 25px);
   --bg-x: calc(-1 * 16px);
   --bg-y: calc(-1 * 9px);
-  pointer-events: none;
   image-rendering: pixelated;
 }
 
diff --git a/src/react/ArmorBar.stories.tsx b/src/react/ArmorBar.stories.tsx
index 038b3692..2891bc03 100644
--- a/src/react/ArmorBar.stories.tsx
+++ b/src/react/ArmorBar.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react'
-import icons from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/icons.png'
+import icons from 'mc-assets/dist/other-textures/latest/gui/icons.png'
 
 import ArmorBar from './ArmorBar'
 
@@ -9,7 +9,7 @@ const meta: Meta<typeof ArmorBar> = {
 }
 
 export default meta
-type Story = StoryObj<typeof ArmorBar>;
+type Story = StoryObj<typeof ArmorBar>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/ArmorBar.tsx b/src/react/ArmorBar.tsx
index 777f753d..30df1300 100644
--- a/src/react/ArmorBar.tsx
+++ b/src/react/ArmorBar.tsx
@@ -8,11 +8,10 @@ export type ArmorBarProps = {
   style?: CSSProperties
 }
 
-export default (
-  {
-    armorValue,
-    style
-  }: ArmorBarProps) => {
+export default ({
+  armorValue,
+  style
+}: ArmorBarProps) => {
   const armorRef = useRef<HTMLDivElement>(null!)
 
   useEffect(() => {
@@ -39,11 +38,10 @@ export default (
     <div style={style ?? {}} ref={armorRef} className='armor_container' >
       {
         Array.from({ length: 10 }, () => 0)
-          .map(
-            (num, index) => <div
-              key={`armor-${index}`}
-              className='armor'></div>
-          )
+          .map((num, index) => <div
+            key={`armor-${index}`}
+            className='armor'
+          />)
       }
     </div>
   </SharedHudVars>
diff --git a/src/react/BedTime.tsx b/src/react/BedTime.tsx
index 6c583140..61e9b14d 100644
--- a/src/react/BedTime.tsx
+++ b/src/react/BedTime.tsx
@@ -14,7 +14,8 @@ export default () => {
     right: 0,
     display: 'flex',
     justifyContent: 'center',
-  }}>
+  }}
+  >
     <Button onClick={() => {
       void bot.wake()
       hideCurrentModal()
diff --git a/src/react/Book.module.css b/src/react/Book.module.css
new file mode 100644
index 00000000..d672baf6
--- /dev/null
+++ b/src/react/Book.module.css
@@ -0,0 +1,605 @@
+.bookWrapper * {
+  box-sizing: border-box;
+}
+.bookWrapper {
+  box-sizing: border-box;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5vh;
+}
+.bookContainer {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  gap: 3%;
+  padding: 0;
+}
+
+.bookImages {
+  position: relative;
+}
+
+.outSide {
+  display: none;
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 40%;
+  height: 100%;
+  margin: 0 auto;
+}
+.titleIcon {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 50%;
+  height: 100%;
+  margin: 0 auto;
+  z-index: 2;
+}
+.titleContent {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.titleContent span {
+  font-size: 10px;
+}
+.titleContent input {
+  text-align: center;
+  width: 100%;
+  height: 10%;
+  font-size: 10px;
+  margin: 4% 0%;
+  padding: 2% 4%;
+  background-color: transparent;
+  color: white;
+  caret-color: greenyellow;
+  font-family: inherit;
+  border: 1px solid black;
+  padding: 8px 15px;
+}
+
+.insideIcon {
+  width: 100%;
+  height: 20vh;
+}
+.insideHalfIcon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50%;
+  height: 100%;
+}
+
+.inside {
+  position: absolute;
+  top: 0%;
+  width: 90%;
+  height: 100%;
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 5%;
+  background-color: transparent;
+  box-shadow: none;
+  padding: 3% 0%;
+}
+.inside.uneditable {
+  height: 90%;
+}
+
+.page {
+  position: relative;
+  width: 50%;
+  height: 100%;
+  overflow-y: auto;
+  background-color: transparent;
+  overflow: hidden;
+}
+
+.messageFormattedString {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  white-space: pre-wrap;
+  font-family: minecraft;
+  font-size: 10px;
+  padding: 10px;
+}
+
+.messageFormattedString > span {
+  text-shadow: none !important;
+}
+
+.textArea {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border: none;
+  outline: none;
+  resize: none;
+  font-family: minecraft;
+  font-size: 10px;
+  background-color: transparent;
+  box-shadow: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.textArea > span {
+  animation: blink 1s step-end infinite;
+  border-bottom: 2px solid white;
+}
+
+@keyframes blink {
+  from,
+  to {
+    border-color: transparent;
+  }
+  50% {
+    border-color: #fff;
+  }
+}
+
+.controlPrev, .controlNext,
+.controlPrev::before, .controlNext::before,
+.controlPrev::after, .controlNext::after {
+  border: none !important;
+  background-color: transparent !important;
+  text-shadow: none !important;
+  width: auto !important;
+}
+
+.inside Button.controlPrev {
+  position: absolute !important;
+  background-image: url('./book_icons/prev.webp');
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  left: 2%;
+  bottom: 6%;
+  margin: 0;
+  padding: 4%;
+}
+.inside Button.controlPrev:active {
+  background-image: url('./book_icons/prev-click.webp') !important;
+}
+.inside Button.controlNext {
+  position: absolute !important;
+  background-image: url('./book_icons/next.webp') !important;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  right: 2%;
+  bottom: 6%;
+  margin: 0;
+  padding: 4%;
+}
+.inside Button.controlNext:active {
+  background-image: url('./book_icons/next-click.webp') !important;
+}
+
+.actions {
+  display: flex;
+  flex-wrap: wrap;
+  width: 50%;
+  gap: 0.5vw;
+  row-gap: 0.5vw;
+  align-items: center;
+  justify-content: center;
+}
+
+.actions button {
+  cursor: pointer;
+  font-family: minecraft;
+  width: 45%;
+}
+
+/* Animations */
+
+@keyframes titleAnimation {
+  0% {
+    transform: translateX(-50%) rotateY(85deg);
+  }
+  100% {
+    transform: translateX(-50%) rotateY(0);
+  }
+}
+
+@keyframes titleContentAnimation {
+  0% {
+    transform: translateX(-50%) rotateY(85deg);
+  }
+  100% {
+    transform: translateX(-50%) rotateY(0);
+  }
+}
+
+@keyframes insideAnimation {
+  0% {
+    clip-path: inset(0% 0% 0% 0%);
+    transform: translateX(0%);
+  }
+  25% {
+    transform: translateX(5%);
+  }
+  50% {
+    clip-path: inset(0% 0% 0% 50%);
+    transform: translateX(0%);
+  }
+  99% {
+    opacity: 1;
+  }
+  100% {
+    clip-path: inset(0% 0% 0% 75%);
+    transform: translateX(-25%);
+    opacity: 0;
+  }
+}
+
+@keyframes pageAnimation {
+  0% {
+    transform: translateX(0) rotateY(0);
+  }
+  99% {
+    display: flex;
+  }
+  100% {
+    transform: translateX(55%) rotateY(90deg);
+    padding: 0%;
+    display: none;
+  }
+}
+@keyframes pageTextAnimation {
+  0% {
+    transform: translateX(0) rotateY(0);
+  }
+  100% {
+    transform: translateX(65%) rotateY(88deg);
+    display: none;
+  }
+}
+@keyframes pageSecondTextAnimation {
+  0% {
+    transform: translateX(0%);
+  }
+  25% {
+    transform: translateX(10%);
+  }
+  50% {
+    transform: translateX(0%);
+    display: flex;
+  }
+  100% {
+    transform: translateX(-50%);
+    display: none;
+  }
+}
+
+.pageAnimation {
+  animation: pageAnimation .15s forwards;
+}
+
+.titleAnimation {
+  display: flex;
+  animation: titleAnimation .3s forwards;
+}
+
+.titleContentAnimation {
+  display: flex;
+  animation: titleContentAnimation .3s forwards;
+}
+
+.insideAnimation {
+  animation: insideAnimation .3s forwards;
+}
+
+.pageTextAnimation {
+  animation: pageTextAnimation .15s forwards;
+}
+
+.pageSecondTextAnimation {
+  animation: pageSecondTextAnimation .3s forwards;
+}
+
+.hidden {
+  display: none !important;
+}
+
+/* Animation Reverse  */
+
+@keyframes titleAnimationReverse {
+  0% {
+    transform: translateX(-50%) rotateY(0);
+  }
+  50% {
+    transform: translateX(0%)
+  }
+  100% {
+    transform: translateX(-50%) rotateY(-90deg);
+    display: none;
+  }
+}
+
+@keyframes titleContentAnimationReverse {
+  0% {
+    transform: translateX(-50%) rotateY(0);
+  }
+  50% {
+    transform: translateX(10%)
+  }
+  100% {
+    transform: translateX(-50%) rotateY(-90deg);
+    display: none;
+  }
+}
+
+@keyframes insideAnimationReverse {
+  0% {
+    clip-path: inset(0% 0% 0% 50%);
+    transform: translateX(0%);
+    opacity: 1;
+  }
+  50% {
+    clip-path: inset(0% 0% 0% 50%);
+  }
+  100% {
+    clip-path: inset(0% 0% 0% 0%);
+    transform: translateX(0%);
+  }
+}
+
+@keyframes pageAnimationReverse {
+  0% {
+    transform: translateX(55%) rotateY(-90deg);
+    padding: 0%;
+    display: none;
+  }
+  1% {
+    display: flex;
+  }
+  100% {
+    transform: translateX(0) rotateY(0);
+  }
+}
+
+@keyframes pageTextAnimationReverse {
+  0% {
+    transform: translateX(65%) rotateY(88deg);
+    display: none;
+  }
+  100% {
+    transform: translateX(0) rotateY(0);
+  }
+}
+
+@keyframes pageSecondTextAnimationReverse {
+  0% {
+    transform: translateX(-50%);
+    display: none;
+  }
+  50% {
+    transform: translateX(0%);
+    display: flex;
+  }
+  75% {
+    transform: translateX(10%);
+  }
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+@keyframes pageButtonAnimationReverse {
+  0% {
+    opacity: 0;
+  }
+  99% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.titleAnimationReverse {
+  display: flex;
+  animation: titleAnimationReverse .3s forwards;
+}
+
+.titleContentAnimationReverse {
+  display: flex;
+  animation: titleContentAnimationReverse .3s forwards;
+}
+
+.insideAnimationReverse {
+  animation: insideAnimationReverse .3s forwards;
+}
+
+.pageAnimationReverse {
+  animation: pageAnimationReverse .15s forwards;
+}
+
+.pageTextAnimationReverse {
+  animation: pageTextAnimationReverse .15s forwards;
+}
+
+.pageSecondTextAnimationReverse {
+  animation: pageSecondTextAnimationReverse .3s forwards;
+}
+
+.pageButtonAnimationReverse {
+  animation: pageButtonAnimationReverse .3s forwards
+}
+
+@media screen and (min-width: 972px) and (max-width: 1024px) {
+  .textArea, .text {
+    font-size: 10px;
+  }
+}
+
+@media screen and (max-width: 972px) {
+  .outSide {
+    width: 80%;
+    padding: 4% 0%;
+  }
+  .titleIcon {
+    width: 100%;
+  }
+  .titleContent span {
+    font-size: 10px;
+  }
+  .titleContent input {
+    font-size: 10px;
+  }
+
+  .insideIcon {
+    width: 100%;
+    height: 40vh;
+  }
+  .inside {
+    padding: 9% 8%;
+  }
+  .insideHalfIcon {
+    display: none;
+  }
+
+  .page {
+    width: 100%;
+    height: 100%;
+  }
+  .inside Button.controlPrev {
+    left: 10%;
+    bottom: 6%;
+    padding: 6%;
+  }
+  .inside Button.controlNext {
+    right: 15%;
+    bottom: 6%;
+    padding: 6%;
+  }
+
+  .textArea, .text {
+    font-size: 10px;
+  }
+  /* Animations width < 768px */
+  @keyframes titleAnimation {
+    0% {
+      transform: translateX(-0%) rotateY(90deg);
+    }
+    100% {
+      transform: translateX(-50%) rotateY(0);
+    }
+  }
+  @keyframes titleContentAnimation {
+    0% {
+      transform: translateX(-0%) rotateY(90deg);
+    }
+    100% {
+      transform: translateX(-50%) rotateY(0);
+    }
+  }
+  @keyframes insideAnimation {
+    0% {
+      transform: translateX(0) rotateY(0);
+    }
+    100% {
+      transform: translateX(50%) rotateY(-90deg);
+    }
+  }
+
+  @keyframes pageTextAnimation {
+    0% {
+      transform: translateX(0) rotateY(0);
+    }
+    100% {
+      transform: translateX(50%) rotateY(-90deg);
+      display: none;
+    }
+  }
+
+  /* Animations Reverse width < 768px */
+  @keyframes titleAnimationReverse {
+    0% {
+      transform: translateX(-60%) rotateY(0);
+    }
+    75% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+      transform: translateX(0%) rotateY(90deg);
+    }
+  }
+  @keyframes titleContentAnimationReverse {
+    0% {
+      transform: translateX(-60%) rotateY(0);
+    }
+    100% {
+      transform: translateX(0%) rotateY(90deg);
+    }
+  }
+  @keyframes insideAnimationReverse {
+    0% {
+      z-index: 5;
+      transform: translateX(50%) rotateY(-90deg);
+    }
+    100% {
+      transform: translateX(0) rotateY(0);
+    }
+  }
+
+  @keyframes pageTextAnimationReverse {
+    0% {
+      transform: translateX(25%) rotateY(-20deg);
+    }
+    100% {
+      transform: translateX(0) rotateY(0);
+      display: flex;
+    }
+  }
+}
+
+@media screen and (max-width: 591px) {
+  .textArea .text {
+    font-size: 14px;
+  }
+}
+
+@media screen and (max-height: 768px) {
+  .textArea, .text {
+    font-size: 5px;
+  }
+  .outSide {
+    padding: 4% 0%;
+  }
+  .titleContent span {
+    font-size: 5px;
+  }
+}
+@media screen and (max-height: 632px) {
+  .titleContent span {
+    font-size: 5px;
+  }
+}
+@media screen and (max-height: 392px) {
+  .insideIcon {
+    height: 40vh;
+  }
+}
diff --git a/src/react/Book.module.css.d.ts b/src/react/Book.module.css.d.ts
new file mode 100644
index 00000000..06d3d007
--- /dev/null
+++ b/src/react/Book.module.css.d.ts
@@ -0,0 +1,38 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  actions: string;
+  blink: string;
+  bookContainer: string;
+  bookImages: string;
+  bookWrapper: string;
+  controlNext: string;
+  controlPrev: string;
+  hidden: string;
+  inside: string;
+  insideAnimation: string;
+  insideAnimationReverse: string;
+  insideHalfIcon: string;
+  insideIcon: string;
+  messageFormattedString: string;
+  outSide: string;
+  page: string;
+  pageAnimation: string;
+  pageAnimationReverse: string;
+  pageButtonAnimationReverse: string;
+  pageSecondTextAnimation: string;
+  pageSecondTextAnimationReverse: string;
+  pageTextAnimation: string;
+  pageTextAnimationReverse: string;
+  text: string;
+  textArea: string;
+  titleAnimation: string;
+  titleAnimationReverse: string;
+  titleContent: string;
+  titleContentAnimation: string;
+  titleContentAnimationReverse: string;
+  titleIcon: string;
+  uneditable: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/Book.stories.tsx b/src/react/Book.stories.tsx
new file mode 100644
index 00000000..f772122d
--- /dev/null
+++ b/src/react/Book.stories.tsx
@@ -0,0 +1,25 @@
+import { Meta, Story } from '@storybook/react'
+import Book, { BookProps } from './Book'
+
+export default {
+  title: 'Book',
+  component: Book,
+} as Meta
+
+const Template: Story<BookProps> = (args) => <Book {...args} />
+
+export const Default = Template.bind({})
+Default.args = {
+  textPages: [
+    'Page 1: This is some text for page 1.',
+    'Page 2: This is some text for page 2.',
+    'Page 3: This is some text for page 3.',
+    'Page 4: This is some text for page 4.',
+    'Page 5: This is some text for page 5.',
+  ],
+  editable: true,
+  onSign: (pages, title) => console.log('Signed with pages:', pages, 'Title:', title),
+  onEdit: (pages) => console.log('Edit with pages:', pages),
+  onClose: () => console.log('Closed book'),
+  author: 'Author'
+}
diff --git a/src/react/Book.tsx b/src/react/Book.tsx
new file mode 100644
index 00000000..0c53a221
--- /dev/null
+++ b/src/react/Book.tsx
@@ -0,0 +1,323 @@
+import React, { useState, useRef, useEffect, useCallback } from 'react'
+import insideIcon from './book_icons/book.webp'
+import insideHalfIcon from './book_icons/book-half.webp'
+import singlePageInsideIcon from './book_icons/notebook.webp'
+import titleIcon from './book_icons/title.webp'
+import styles from './Book.module.css'
+import Button from './Button'
+import MessageFormattedString from './MessageFormattedString'
+
+export interface BookProps {
+  textPages: string[]
+  editable: boolean
+  onSign: (textPages: string[], title: string) => void
+  onEdit: (textPages: string[]) => void
+  onClose: () => void
+  author: string
+}
+
+const Book: React.FC<BookProps> = ({ textPages, editable, onSign, onEdit, onClose, author }) => {
+  const [pages, setPages] = useState<string[]>(textPages)
+  const [currentPage, setCurrentPage] = useState(0)
+  const [isSinglePage, setIsSinglePage] = useState(window.innerWidth < 972)
+  const [insideImage, setInsideImage] = useState(window.innerWidth < 972 ? singlePageInsideIcon : insideIcon)
+  const [animateInsideIcon, setAnimateInsideIcon] = useState(0)
+  const [animatePageIcon, setAnimatePageIcon] = useState(0)
+  const [animateTitleIcon, setAnimateTitleIcon] = useState(0)
+  const [signClickedOnce, setSignClickedOnce] = useState(false)
+  const textAreaRefs = useRef<HTMLTextAreaElement[]>([])
+  const inputRef = useRef<HTMLInputElement>(null)
+
+  const handleResize = useCallback(() => {
+    const isSingle = window.innerWidth < 972
+    setIsSinglePage(isSingle)
+    setInsideImage(isSingle ? singlePageInsideIcon : insideIcon)
+  }, [])
+
+  useEffect(() => {
+    handleResize()
+    window.addEventListener('resize', handleResize)
+    return () => window.removeEventListener('resize', handleResize)
+  }, [handleResize])
+
+  useEffect(() => {
+    const index = currentPage * (isSinglePage ? 1 : 2)
+    if (textAreaRefs.current[index]) textAreaRefs.current[index].focus()
+  }, [currentPage, isSinglePage])
+
+  useEffect(() => {
+    if (signClickedOnce) {
+      setTimeout(() => {
+        inputRef.current!.focus()
+      }, 300) // wait for animation
+    }
+  }, [signClickedOnce])
+
+  const handlePageChange = (direction: number) => {
+    setCurrentPage((prevPage) => Math.min(Math.max(prevPage + direction, 0), Math.ceil(pages.length / (isSinglePage ? 1 : 2)) - 1))
+  }
+
+  const updatePage = (index, text) => {
+    setPages((prevPages) => {
+      const updatedPages = [...prevPages]
+      updatedPages[index] = text
+      return updatedPages
+    })
+  }
+
+  const handleTextChange = (e, pageIndex) => {
+    const text = e.target.value
+    updatePage(pageIndex, text)
+
+    const nextPageIndex = pageIndex + 1
+    const isMaxLengthReached = text.length >= e.target.maxLength
+
+    if (isMaxLengthReached) {
+      if (nextPageIndex < pages.length) {
+        setCurrentPage(Math.floor(nextPageIndex / (isSinglePage ? 1 : 2)))
+      } else {
+        setPages((prevPages) => [...prevPages, ''])
+        setCurrentPage(Math.floor(nextPageIndex / (isSinglePage ? 1 : 2)))
+      }
+      textAreaRefs.current[nextPageIndex]?.focus()
+    } else if (text === '' && pageIndex > 0 && e.nativeEvent.inputType === 'deleteContentBackward') {
+      setCurrentPage(Math.floor((pageIndex - 1) / (isSinglePage ? 1 : 2)))
+      textAreaRefs.current[pageIndex - 1]?.focus()
+    }
+  }
+
+  useEffect(() => {
+    const index = currentPage * (isSinglePage ? 1 : 2)
+    textAreaRefs.current[index]?.focus()
+  }, [currentPage, isSinglePage])
+
+  const handlePaste = (e: React.ClipboardEvent<HTMLTextAreaElement>, pageIndex: number) => {
+    const pasteText = e.clipboardData.getData('text')
+    const updatedPages = [...pages]
+    const currentText = updatedPages[pageIndex]
+    const selectionStart = e.currentTarget.selectionStart || 0
+    const selectionEnd = e.currentTarget.selectionEnd || 0
+
+    const newText = currentText.slice(0, selectionStart) + pasteText + currentText.slice(selectionEnd)
+    updatedPages[pageIndex] = newText
+    setPages(updatedPages)
+
+    if (newText.length > e.currentTarget.maxLength) {
+      const remainingText = newText.slice(e.currentTarget.maxLength)
+      updatedPages[pageIndex] = newText.slice(0, e.currentTarget.maxLength)
+      setPages(updatedPages)
+
+      const nextPageIndex = pageIndex + 1
+
+      if (nextPageIndex < pages.length) {
+        handlePasteRemainingText(remainingText, nextPageIndex)
+      } else {
+        setPages((prevPages) => [...prevPages, remainingText])
+        setCurrentPage(Math.floor(nextPageIndex / (isSinglePage ? 1 : 2)))
+        focusOnTextArea(nextPageIndex)
+      }
+    }
+  }
+
+  const handlePasteRemainingText = (remainingText: string, nextPageIndex: number) => {
+    const updatedPages = [...pages]
+    updatedPages[nextPageIndex] = remainingText
+    setPages(updatedPages)
+    focusOnTextArea(nextPageIndex)
+  }
+
+  const focusOnTextArea = (index: number) => {
+    setTimeout(() => {
+      textAreaRefs.current[index]?.focus()
+    }, 0)
+  }
+
+  const handleSign = useCallback(() => {
+    if (editable && signClickedOnce) {
+      const title = inputRef.current?.value || ''
+      onSign(pages, title)
+    }
+    setSignClickedOnce(true)
+    setAnimatePageIcon(1)
+    setAnimateInsideIcon(1)
+    setTimeout(() => {
+      setAnimateTitleIcon(1)
+    }, 150)
+  }, [pages, onSign, editable, signClickedOnce])
+
+  const handleEdit = useCallback(() => {
+    setSignClickedOnce(false)
+    onEdit(pages)
+  }, [pages, onEdit])
+
+  const handleCancel = useCallback(() => {
+    if (signClickedOnce) {
+      setSignClickedOnce(false)
+      setAnimateTitleIcon(2)
+      setTimeout(() => {
+        setAnimateInsideIcon(2)
+        setTimeout(() => {
+          setAnimatePageIcon(2)
+        }, 150)
+      }, 150)
+    } else {
+      onClose()
+    }
+  }, [signClickedOnce, onClose])
+
+  const setRef = (index: number) => (el: HTMLTextAreaElement | null) => {
+    textAreaRefs.current[index] = el!
+  }
+
+  const getAnimationClass = (animationState, baseClass) => {
+    switch (animationState) {
+      case 1:
+        return `${baseClass} ${styles.pageAnimation}`
+      case 2:
+        return `${baseClass} ${styles.pageAnimationReverse}`
+      default:
+        return baseClass
+    }
+  }
+
+  const renderPage = (index) => (
+    <div className={styles.page} key={index}>
+      {editable ? (
+        <textarea
+          onContextMenu={(e) => {
+            e.stopPropagation() // allow to open system context menu on text area for better UX
+          }}
+          ref={setRef(index)}
+          value={pages[index]}
+          onChange={(e) => handleTextChange(e, index)}
+          onPaste={(e) => handlePaste(e, index)}
+          className={getAnimationClass(animatePageIcon, styles.textArea)}
+          maxLength={500}
+        />
+      ) : (
+        <div className={getAnimationClass(animatePageIcon, '')}>
+          <MessageFormattedString message={pages[index]} fallbackColor='black' className={styles.messageFormattedString} />
+        </div>
+      )}
+    </div>
+  )
+
+  return (
+    <div className={styles.bookWrapper}>
+      <div className={styles.bookContainer}>
+        <img
+          src={insideImage}
+          className={`${styles.insideIcon} ${
+            animateInsideIcon === 1
+              ? styles.insideAnimation
+              : animateTitleIcon === 2
+                ? styles.insideAnimationReverse
+                : ''
+          }`}
+          alt="inside Icon"
+        />
+        <img
+          src={insideHalfIcon}
+          className={`${styles.insideHalfIcon} ${
+            animatePageIcon === 1
+              ? styles.pageAnimation
+              : animatePageIcon === 2
+                ? styles.pageAnimationReverse
+                : ''
+          }`}
+          alt="inside Page Icon"
+        />
+        <img
+          src={titleIcon}
+          className={`${styles.titleIcon} ${
+            animateTitleIcon === 1
+              ? styles.titleAnimation
+              : animateTitleIcon === 2
+                ? styles.titleAnimationReverse
+                : ''
+          }`}
+          alt="Title Icon"
+        />
+        <div className={`${styles.inside}`}>
+          {renderPage(currentPage * (isSinglePage ? 1 : 2))}
+          {!isSinglePage && (currentPage * 2 + 1) < pages.length && renderPage(currentPage * 2 + 1)}
+          <Button
+            className={`${styles.controlPrev} ${
+              animateInsideIcon === 1
+                ? styles.hidden
+                : animateInsideIcon === 2
+                  ? styles.pageButtonAnimationReverse
+                  : ''
+            }`}
+            onClick={() => handlePageChange(-1)}
+            disabled={currentPage === 0}
+          >
+            {' '}
+          </Button>
+          <Button
+            className={`${styles.controlNext} ${
+              animateInsideIcon === 1
+                ? styles.hidden
+                : animateInsideIcon === 2
+                  ? styles.pageButtonAnimationReverse
+                  : ''
+            }`}
+            onClick={() => handlePageChange(1)}
+            disabled={(currentPage + 1) * (isSinglePage ? 1 : 2) >= pages.length}
+          >
+            {' '}
+          </Button>
+        </div>
+        <div
+          className={`${styles.outSide} ${
+            animateTitleIcon === 1
+              ? styles.titleContentAnimation
+              : animateTitleIcon === 2
+                ? styles.titleContentAnimationReverse
+                : ''
+          }`}
+        >
+          {editable ? (
+            <div className={`${styles.titleContent}`} >
+              <MessageFormattedString message="Enter Book Title: " />
+              <form onSubmit={(e) => {
+                e.preventDefault()
+                handleSign()
+              }}
+              >
+                <input
+                  ref={inputRef}
+                  className=""
+                />
+                {/* for some reason this is needed to make Enter work on android chrome */}
+                <button type='submit' style={{ visibility: 'hidden', height: 0, width: 0 }} />
+              </form>
+              <MessageFormattedString message={`by ${author}`} />
+              <br />
+              <MessageFormattedString message="Note! When you sign the book, it will no longer be editable." />
+            </div>
+          ) : (
+            <div className={`${styles.titleContent}`} >
+              <MessageFormattedString message="Book Name Here" />
+              <br />
+              <MessageFormattedString message="by: Author" />
+            </div>
+          )}
+        </div>
+      </div>
+      <div className={styles.actions}>
+        {editable && (
+          <Button onClick={handleSign}>
+            {signClickedOnce ? 'Sign and Save' : 'Sign'}
+          </Button>
+        )}
+
+        {editable && !signClickedOnce && <Button onClick={handleSign}>Sign</Button>}
+        {editable && !signClickedOnce && <Button onClick={handleEdit}>Edit</Button>}
+        <Button onClick={handleCancel}>{signClickedOnce ? 'Cancel' : 'Close'}</Button>
+      </div>
+    </div>
+  )
+}
+
+export default Book
diff --git a/src/react/BookProvider.tsx b/src/react/BookProvider.tsx
new file mode 100644
index 00000000..cd2219ff
--- /dev/null
+++ b/src/react/BookProvider.tsx
@@ -0,0 +1,110 @@
+import { versionToNumber } from 'renderer/viewer/common/utils'
+import nbt from 'prismarine-nbt'
+import { useEffect, useState } from 'react'
+import { useSnapshot } from 'valtio'
+import mojangson from 'mojangson'
+import { activeModalStack, hideCurrentModal, showModal } from '../globalState'
+import Book from './Book'
+import { useIsModalActive } from './utilsApp'
+
+interface OpenedBook {
+  pages: string[]
+  title: string
+  author: string
+  isEditable: boolean
+}
+
+export default () => {
+  const modalActive = useIsModalActive('book')
+  // const modalStack = useSnapshot(activeModalStack)
+  const [openedBook, setOpenedBook] = useState<OpenedBook | null>(null)
+
+  const signEditBook = (pages: string[], title: string | undefined) => {
+    if (versionToNumber(bot.version) < versionToNumber('1.17.2')) {
+      if (title === undefined) {
+        void bot.writeBook(bot.inventory.hotbarStart + bot.quickBarSlot, pages)
+      } else {
+        //@ts-expect-error
+        // slot, pages, author, title
+        bot.signBook(bot.inventory.hotbarStart + bot.quickBarSlot, pages, title, bot.username)
+      }
+      hideCurrentModal()
+      return
+    }
+    const currentSlot = bot.quickBarSlot
+    // mineflayer has wrong implementation of this action after 1.17.2
+    if (title === undefined) {
+      bot._client.write('edit_book', {
+        hand: currentSlot,
+        pages
+      })
+    } else {
+      bot._client.write('edit_book', {
+        hand: currentSlot,
+        pages,
+        title
+      })
+    }
+    hideCurrentModal()
+  }
+
+  // test: /give @p minecraft:written_book{pages:['{"text":"§4This is red text. §lThis is bold text."}'],title:"Book",author:"Author"}
+  useEffect(() => {
+    const openBookWithNbt = () => {
+      if (activeModalStack.at(-1)?.reactType === 'book') {
+        hideCurrentModal()
+      }
+      const book = bot.inventory.slots[bot.inventory.hotbarStart + bot.quickBarSlot]
+      if (!book?.nbt) return
+      // {"type":"compound","name":"","value":{"title":{"type":"string","value":"yes"},"author":{"type":"string","value":"bot"},"pages":{"type":"list","value":{"type":"string","value":["{\"text\":\"1\"}","{\"text\":\"4\"}","{\"text\":\"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa\"}"]}
+      const parsedData = nbt.simplify(book.nbt as any)
+      if (!parsedData.pages) return
+      const pages = parsedData.pages.map((page) => {
+        if (book.name !== 'written_book') return page
+        const parsedPage = mojangson.simplify(mojangson.parse(page))
+        return parsedPage.text ?? page
+      })
+      // const {title, author} = parsedData
+      setOpenedBook({
+        pages,
+        title: parsedData.title ?? '',
+        author: parsedData.author ?? '',
+        isEditable: book.name === 'writable_book',
+      })
+      showModal({ reactType: 'book' })
+    }
+    customEvents.on('activateItem', (item) => {
+      if (item.name === 'writable_book') {
+        if (item.nbt?.value.pages) {
+          openBookWithNbt()
+        } else {
+          setOpenedBook({
+            pages: [],
+            title: '',
+            author: '',
+            isEditable: true,
+          })
+          showModal({ reactType: 'book' })
+        }
+      }
+    })
+    bot._client.on('open_book', openBookWithNbt)
+  }, [])
+
+  useEffect(() => {
+    if (modalActive) return
+    setOpenedBook(null)
+  }, [modalActive])
+
+  if (!openedBook) return null
+  return <Book
+    textPages={openedBook.pages}
+    editable={openedBook.isEditable}
+    onSign={(pages, title) => signEditBook(pages, title)}
+    onEdit={(pages) => signEditBook(pages, undefined)}
+    onClose={() => {
+      hideCurrentModal()
+    }}
+    author={bot.username}
+  />
+}
diff --git a/src/react/BossBarOverlay.css b/src/react/BossBarOverlay.css
index 95ce44ec..ce4d8fbd 100644
--- a/src/react/BossBarOverlay.css
+++ b/src/react/BossBarOverlay.css
@@ -1,11 +1,17 @@
 .bossBars {
   display: flex;
   flex-direction: column;
-  gap: 5px;
+  gap: 3px;
   position: absolute;
-  top: 9px;
+  width: 100%;
+  top: 1px;
   left: 50%;
   transform: translate(-50%);
+  pointer-events: none;
+}
+
+.bossBars.mobile {
+  top: 18px;
 }
 
 .bossbar-container {
@@ -14,11 +20,15 @@
   align-items: center;
 }
 .bossbar-title {
-  font-size: 7px;
+  font-size: 10px;
+  text-align: center;
   color: #fff;
+  margin-bottom: -1px;
+  white-space: nowrap;
+  overflow: hidden;
 }
 .bossbar {
-  background-image: url("minecraft-assets/minecraft-assets/data/1.18.1/gui/bars.png");
+  background-image: var(--bars-gui-atlas);
   width: 182px;
   height: 5px;
   position: relative;
@@ -30,5 +40,5 @@
   left: 0;
   height: 5px;
   width: 0;
-  background-image: url("minecraft-assets/minecraft-assets/data/1.18.1/gui/bars.png");
+  background-image: var(--bars-gui-atlas);
 }
diff --git a/src/react/BossBarOverlay.stories.tsx b/src/react/BossBarOverlay.stories.tsx
index 6e9c410d..ed88a8ce 100644
--- a/src/react/BossBarOverlay.stories.tsx
+++ b/src/react/BossBarOverlay.stories.tsx
@@ -9,7 +9,7 @@ const meta: Meta<typeof BossBarOverlay> = {
 }
 
 export default meta
-type Story = StoryObj<typeof BossBarOverlay>;
+type Story = StoryObj<typeof BossBarOverlay>
 
 
 export const Primary: Story = {
@@ -27,7 +27,8 @@ export const Primary: Story = {
       _title: { text: 'Boss', translate: 'entity.minecraft.ender_dragon' },
       _color: 'red',
       _dividers: 2,
-      _health: 100
+      _health: 100,
+      lastUpdated: 0
     }
   }
 }
diff --git a/src/react/BossBarOverlay.tsx b/src/react/BossBarOverlay.tsx
index b0083f0c..431d19c1 100644
--- a/src/react/BossBarOverlay.tsx
+++ b/src/react/BossBarOverlay.tsx
@@ -5,29 +5,26 @@ import './BossBarOverlay.css'
 
 const colors = ['pink', 'blue', 'red', 'green', 'yellow', 'purple', 'white']
 const divs = [0, 6, 10, 12, 20]
-const translations = {
-  'entity.minecraft.ender_dragon': 'Ender Dragon',
-  'entity.minecraft.wither': 'Wither'
-}
 
 export type BossBarType = BossBarTypeRaw & {
   // todo why not use public properties?
-  title: { text: string, translate: string },
-  _title: { text: string, translate: string },
+  title: string | Record<string, any> | null,
+  _title: string | Record<string, any> | null,
   _color: string,
   _dividers: number,
-  _health: number
+  _health: number,
+  lastUpdated: number
 }
 
-export default ({ bar }: {bar: BossBarType}) => {
-  const [title, setTitle] = useState('')
-  const [bossBarStyles, setBossBarStyles] = useState<{[key: string]: string | number}>({})
-  const [fillStyles, setFillStyles] = useState<{[key: string]: string | number}>({})
-  const [div1Styles, setDiv1Styles] = useState<{[key: string]: string | number}>({})
-  const [div2Styles, setDiv2Styles] = useState<{[key: string]: string | number}>({})
+export default ({ bar }: { bar: BossBarType }) => {
+  const [title, setTitle] = useState({})
+  const [bossBarStyles, setBossBarStyles] = useState<{ [key: string]: string | number }>({})
+  const [fillStyles, setFillStyles] = useState<{ [key: string]: string | number }>({})
+  const [div1Styles, setDiv1Styles] = useState<{ [key: string]: string | number }>({})
+  const [div2Styles, setDiv2Styles] = useState<{ [key: string]: string | number }>({})
 
   useEffect(() => {
-    setTitle(bar._title.text ? bar.title.text : translations[bar.title.translate] || 'Unknown Entity')
+    setTitle(bar._title ?? bar.title)
     setBossBarStyles(prevStyles => ({
       ...prevStyles,
       backgroundPositionY: `-${colors.indexOf(bar._color) * 10}px`
@@ -52,11 +49,10 @@ export default ({ bar }: {bar: BossBarType}) => {
     <div className="bossbar-container">
       <div className="bossbar-title"><MessageFormattedString message={title} /></div>
       <div className="bossbar" style={bossBarStyles}>
-        <div className="fill" style={fillStyles}></div>
-        <div className="fill" style={div1Styles}></div>
-        <div className="fill" style={div2Styles}></div>
+        <div className="fill" style={fillStyles} />
+        <div className="fill" style={div1Styles} />
+        <div className="fill" style={div2Styles} />
       </div>
     </div>
   )
 }
-
diff --git a/src/react/BossBarOverlayProvider.tsx b/src/react/BossBarOverlayProvider.tsx
index 9bb7d948..7f8364ac 100644
--- a/src/react/BossBarOverlayProvider.tsx
+++ b/src/react/BossBarOverlayProvider.tsx
@@ -1,31 +1,46 @@
 import { useState, useEffect } from 'react'
-import { BotEvents } from 'mineflayer'
-import BossBar, { BossBarType } from './BossBarOverlay'
+import { useSnapshot } from 'valtio'
+import { miscUiState } from '../globalState'
 import './BossBarOverlay.css'
+import BossBar, { BossBarType } from './BossBarOverlay'
 
 
 export default () => {
+  const { currentTouch } = useSnapshot(miscUiState)
   const [bossBars, setBossBars] = useState(new Map<string, BossBarType>())
+  const addBossBar = (bossBar: BossBarType) => {
+    setBossBars(prevBossBars => new Map(prevBossBars.set(bossBar.entityUUID, {
+      ...bossBar,
+      lastUpdated: Date.now()
+    })))
+  }
+
+  const removeBossBar = (bossBar: BossBarType) => {
+    setBossBars(prevBossBars => {
+      const newBossBars = new Map(prevBossBars)
+      newBossBars.delete(bossBar.entityUUID)
+      return newBossBars
+    })
+  }
 
   useEffect(() => {
-    // typescript error: no bossBarCreated in BotEvents. Why??
-    bot.on('bossBarCreated' as keyof BotEvents, (bossBar) => {
-      setBossBars(prevBossBars => new Map(prevBossBars.set(bossBar.entityUUID, bossBar)))
+    bot.on('bossBarCreated', (bossBar) => {
+      addBossBar(bossBar as BossBarType)
     })
     bot.on('bossBarUpdated', (bossBar) => {
-      setBossBars(prevBossBars => new Map(prevBossBars.set(bossBar.entityUUID, bossBar as BossBarType)))
+      if (!bossBar) return
+      addBossBar(bossBar as BossBarType)
     })
     bot.on('bossBarDeleted', (bossBar) => {
-      const newBossBars = new Map(bossBars)
-      newBossBars.delete(bossBar.entityUUID)
-      setBossBars(newBossBars)
+      if (!bossBar) return
+      removeBossBar(bossBar as BossBarType)
     })
   }, [])
 
   return (
-    <div className="bossBars" id="bossBars">
+    <div className={`bossBars ${currentTouch ? 'mobile' : ''}`} id="bossBars">
       {[...bossBars.values()].map(bar => (
-        <BossBar key={bar.entityUUID} bar={bar} />
+        <BossBar key={`${bar.entityUUID}-${bar.lastUpdated}`} bar={bar} />
       ))}
     </div>
   )
diff --git a/src/react/BreathBar.css b/src/react/BreathBar.css
index e98cf7c2..bcf93303 100644
--- a/src/react/BreathBar.css
+++ b/src/react/BreathBar.css
@@ -9,7 +9,6 @@
   --offset: calc(-1 * 16px);
   --bg-x: calc(-1 * 16px);
   --bg-y: calc(-1 * 18px);
-  pointer-events: none;
   image-rendering: pixelated;
 }
 
diff --git a/src/react/BreathBar.stories.tsx b/src/react/BreathBar.stories.tsx
index ea3ba026..26b83da6 100644
--- a/src/react/BreathBar.stories.tsx
+++ b/src/react/BreathBar.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof BreathBar> = {
 }
 
 export default meta
-type Story = StoryObj<typeof BreathBar>;
+type Story = StoryObj<typeof BreathBar>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/BreathBar.tsx b/src/react/BreathBar.tsx
index f36fbb93..596baa81 100644
--- a/src/react/BreathBar.tsx
+++ b/src/react/BreathBar.tsx
@@ -6,10 +6,9 @@ export type BreathBarProps = {
   oxygen: number,
 }
 
-export default (
-  {
-    oxygen,
-  }: BreathBarProps) => {
+export default ({
+  oxygen,
+}: BreathBarProps) => {
   const breathRef = useRef<HTMLDivElement | null>(null)
 
   useEffect(() => {
@@ -43,12 +42,10 @@ export default (
     <div ref={breathRef} className='breathbar'>
       {
         Array.from({ length: 10 }, () => 0)
-          .map(
-            (num, index) => <div
-              key={`breath-${index}`}
-              className='breath'
-            ></div>
-          )
+          .map((num, index) => <div
+            key={`breath-${index}`}
+            className='breath'
+          />)
       }
     </div>
   </SharedHudVars>
diff --git a/src/react/Button.stories.tsx b/src/react/Button.stories.tsx
index 88ad0074..09a01b9e 100644
--- a/src/react/Button.stories.tsx
+++ b/src/react/Button.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof Button> = {
 }
 
 export default meta
-type Story = StoryObj<typeof Button>;
+type Story = StoryObj<typeof Button>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/Button.tsx b/src/react/Button.tsx
index 20dc0801..bad726f0 100644
--- a/src/react/Button.tsx
+++ b/src/react/Button.tsx
@@ -1,47 +1,114 @@
 import classNames from 'classnames'
-import { createContext, FC, Ref, useContext } from 'react'
+import { createContext, FC, Ref, useContext, useEffect, useRef } from 'react'
 import buttonCss from './button.module.css'
 import SharedHudVars from './SharedHudVars'
+import PixelartIcon from './PixelartIcon'
 
 // testing in storybook from deathscreen
 
 interface Props extends React.ComponentProps<'button'> {
   label?: string
+  postLabel?: React.ReactNode
   icon?: string
   children?: React.ReactNode
   inScreen?: boolean
   rootRef?: Ref<HTMLButtonElement>
+  overlayColor?: string
+  noTranslate?: boolean
 }
 
 const ButtonContext = createContext({
   onClick () { },
 })
 
-export const ButtonProvider: FC<{children, onClick}> = ({ children, onClick }) => {
+export const ButtonProvider: FC<{ children, onClick }> = ({ children, onClick }) => {
   return <ButtonContext.Provider value={{ onClick }}>{children}</ButtonContext.Provider>
 }
 
-export default (({ label, icon, children, inScreen, rootRef, type = 'button', ...args }) => {
+export default (({ label, icon, children, inScreen, rootRef, type = 'button', postLabel, overlayColor, noTranslate, ...args }) => {
+  const style = {
+    ...args.style,
+  } as React.CSSProperties
+
+  const buttonRef = useRef<any>(null)
+
+  useEffect(() => {
+    // replace all text childs with translated text
+    // traverse dom
+    const traverse = (node: HTMLElement) => {
+      for (const child of node.childNodes) {
+        if (child.nodeType === Node.TEXT_NODE) {
+          if (child.textContent) {
+            child.textContent = translate(child.textContent)
+          }
+        } else {
+          traverse(child as HTMLElement)
+        }
+      }
+    }
+    traverse(buttonRef.current)
+  }, [label, children, postLabel])
+
+  args.title = translate(args.title)
+
   const ctx = useContext(ButtonContext)
 
   const onClick = (e) => {
     ctx.onClick()
     args.onClick?.(e)
   }
+  const labelText = `${translate(label) ?? ''} ${typeof children === 'string' ? translate(children) : ''}`
   if (inScreen) {
-    args.style ??= {}
-    args.style.width = 150
+    style.width = 150
+    args.className = `${args.className ?? ''} settings-text-container`
   }
+  if (typeof style.width === 'number' && ((style.width <= 150 && labelText.length > 17) || (style.width >= 90 && labelText.length >= 11))) {
+    args.className = `${args.className ?? ''} settings-text-container-long`
+  }
+
   if (icon) {
-    args.style ??= {}
-    args.style.width = 20
+    style.width = 20
+  }
+
+  const tryToTranslate = (maybeText: any) => {
+    if (noTranslate) return maybeText
+    if (typeof maybeText === 'string') {
+      return window.translateText?.(maybeText) ?? maybeText
+    }
+    if (Array.isArray(maybeText)) {
+      return maybeText.map(tryToTranslate)
+    }
+    return maybeText
   }
 
   return <SharedHudVars>
-    <button ref={rootRef} {...args} className={classNames(buttonCss.button, args.className)} onClick={onClick} type={type}>
-      {icon && <iconify-icon class={buttonCss.icon} icon={icon}></iconify-icon>}
+    <button
+      ref={(button) => {
+        buttonRef.current = button
+        if (typeof rootRef === 'function') {
+          rootRef(button)
+        } else if (rootRef) {
+        //@ts-expect-error
+          rootRef.current = button
+        }
+      }}
+      {...args}
+      style={style}
+      className={classNames(buttonCss.button, args.className)}
+      onClick={onClick}
+      type={type}
+    >
+      {icon && <PixelartIcon className={buttonCss.icon} iconName={icon} />}
       {label}
+      {postLabel}
       {children}
+      {overlayColor && <div style={{
+        position: 'absolute',
+        inset: 0,
+        backgroundColor: overlayColor,
+        opacity: 0.5,
+        pointerEvents: 'none'
+      }} />}
     </button>
   </SharedHudVars>
 }) satisfies FC<Props>
diff --git a/src/react/ButtonAppProvider.tsx b/src/react/ButtonAppProvider.tsx
index 206b52a2..8ecaddc4 100644
--- a/src/react/ButtonAppProvider.tsx
+++ b/src/react/ButtonAppProvider.tsx
@@ -1,7 +1,8 @@
 import { loadSound, playSound } from '../basicSounds'
+import buttonClickMp3 from '../../assets/button_click.mp3'
 import { ButtonProvider } from './Button'
 
-void loadSound('button_click.mp3')
+void loadSound('button_click.mp3', buttonClickMp3)
 
 export default ({ children }) => {
   return <ButtonProvider onClick={() => {
diff --git a/src/react/ButtonWithTooltip.stories.tsx b/src/react/ButtonWithTooltip.stories.tsx
index f40e57a4..bb1ef83d 100644
--- a/src/react/ButtonWithTooltip.stories.tsx
+++ b/src/react/ButtonWithTooltip.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof ButtonWithTooltip> = {
 }
 
 export default meta
-type Story = StoryObj<typeof ButtonWithTooltip>;
+type Story = StoryObj<typeof ButtonWithTooltip>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/ButtonWithTooltip.tsx b/src/react/ButtonWithTooltip.tsx
index 842f5a2e..e308d8fd 100644
--- a/src/react/ButtonWithTooltip.tsx
+++ b/src/react/ButtonWithTooltip.tsx
@@ -9,14 +9,15 @@ interface Props extends React.ComponentProps<typeof Button> {
     localStorageKey?: string | null
     offset?: number
   }
+  alwaysTooltip?: string
 }
 
 const ARROW_HEIGHT = 7
 const GAP = 0
 
-export default ({ initialTooltip, ...args }: Props) => {
+export default ({ initialTooltip, alwaysTooltip, ...args }: Props) => {
   const { localStorageKey = 'firstTimeTooltip', offset = 0 } = initialTooltip
-  const [showTooltips, setShowTooltips] = useState(localStorageKey ? localStorage[localStorageKey] !== 'false' : true)
+  const [showTooltips, setShowTooltips] = useState(alwaysTooltip || (localStorageKey ? localStorage[localStorageKey] !== 'false' : true))
 
   useEffect(() => {
     let timeout
@@ -52,20 +53,23 @@ export default ({ initialTooltip, ...args }: Props) => {
 
   return <>
     <Button {...args} rootRef={refs.setReference} />
-    <div ref={refs.setFloating} style={{
-      ...floatingStyles,
-      background: 'rgba(0, 0, 0, 0.3)',
-      fontSize: 8,
-      pointerEvents: 'none',
-      userSelect: 'text',
-      padding: '2px 4px',
-      opacity: showTooltips ? 1 : 0,
-      transition: 'opacity 0.3s ease-in-out',
-      textShadow: '1px 1px 2px BLACK',
-      zIndex: 11
-    }}>
-      {initialTooltip.content}
-      <FloatingArrow ref={arrowRef} context={context} style={{ opacity: 0.7 }}></FloatingArrow>
+    <div
+      ref={refs.setFloating}
+      style={{
+        ...floatingStyles,
+        background: 'rgba(0, 0, 0, 0.3)',
+        fontSize: 8,
+        pointerEvents: 'none',
+        userSelect: 'text',
+        padding: '2px 4px',
+        opacity: showTooltips ? 1 : 0,
+        transition: 'opacity 0.3s ease-in-out',
+        textShadow: '1px 1px 2px BLACK',
+        zIndex: 11
+      }}
+    >
+      {alwaysTooltip || initialTooltip.content}
+      <FloatingArrow ref={arrowRef} context={context} style={{ opacity: 0.7 }} />
     </div>
   </>
 }
diff --git a/src/react/Chat.css b/src/react/Chat.css
index 41917783..ff9f60b1 100644
--- a/src/react/Chat.css
+++ b/src/react/Chat.css
@@ -4,6 +4,12 @@ div.chat-wrapper {
   /* z-index: 10; */
   padding-left: calc(env(safe-area-inset-left) / 2);
   padding-right: calc(env(safe-area-inset-right, 4px) / 2);
+  box-sizing: content-box;
+}
+
+/* Only apply overflow hidden when not in mobile mode */
+div.chat-wrapper:not(.display-mobile):not(.input-mobile) {
+  /* overflow: hidden; */
 }
 
 .chat-messages-wrapper {
@@ -11,12 +17,17 @@ div.chat-wrapper {
   padding: 4px;
   padding-left: 0;
   max-height: var(--chatHeight);
-  width: var(--chatWidth);
+  width: calc(var(--chatWidth) - 5px); /* Custom scrollbar width */
   transform-origin: bottom left;
   transform: scale(var(--chatScale));
   pointer-events: none;
 }
 
+/* Restore full width when chat is opened */
+.chat-messages-wrapper.chat-opened {
+  width: var(--chatWidth);
+}
+
 .chat-input-wrapper {
   bottom: 1px;
   width: calc(100% - 3px);
@@ -24,6 +35,19 @@ div.chat-wrapper {
   left: 1px;
   box-sizing: border-box;
   background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  align-items: center;
+  gap: 1px;
+}
+
+.chat-submit-button {
+  visibility: hidden;
+  position: absolute;
+  pointer-events: none !important;
+}
+
+.chat-input-wrapper form {
+  display: flex;
 }
 
 .chat-input {
@@ -48,7 +72,8 @@ div.chat-wrapper {
   transform: none;
   top: 100%;
   padding-left: calc(env(safe-area-inset-left) / 2);
-  margin-top: 20px;
+  margin-top: 14px;
+  margin-left: 40px;
   /* input height */
 }
 
@@ -76,11 +101,11 @@ div.chat-wrapper {
 ::-webkit-scrollbar {
   width: 5px;
   height: 5px;
-  background-color: rgb(24, 24, 24);
+  background-color: #272727;
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: rgb(50, 50, 50);
+  background-color: #747474;
 }
 
 .chat-completions-items>div {
@@ -95,6 +120,11 @@ div.chat-wrapper {
   justify-content: flex-start;
 }
 
+.input-mobile .chat-completions-items > div {
+  padding: 4px 0;
+  font-size: 10px;
+}
+
 .input-mobile {
   top: 15px;
   position: absolute;
@@ -103,7 +133,8 @@ div.chat-wrapper {
 }
 
 .input-mobile #chatinput {
-  height: 20px;
+  height: 24px;
+  font-size: 13px;
 }
 
 .display-mobile {
@@ -125,6 +156,7 @@ div.chat-wrapper {
   pointer-events: none;
   overflow: hidden;
   width: 100%;
+  height: 100%;
   scrollbar-width: var(--thin-if-firefox);
 }
 
@@ -144,20 +176,24 @@ input[type=text],
   padding-bottom: 1px;
   padding-left: 2px;
   padding-right: 2px;
-  height: 15px;
 }
 
-.chat-mobile-hidden {
-  width: 8px;
-  height: 0;
+.chat-mobile-input-hidden {
   position: absolute;
+  width: 8px;
+  height: 1px !important;
   display: block !important;
   opacity: 0;
-  pointer-events: none;
+  height: 1px !important;
+  /* ios: using z-index, pointer-events: none or top below -10px breaks arrows */
 }
 
-.chat-mobile-hidden:nth-last-child(1) {
-  height: 8px;
+.chat-mobile-input-hidden-up {
+  top: -10px;
+}
+
+.chat-mobile-input-hidden-down {
+  top: -5px;
 }
 
 #chatinput:focus {
@@ -168,24 +204,23 @@ input[type=text],
   padding-left: 4px;
   background-color: rgba(0, 0, 0, 0.5);
   list-style: none;
-  word-break: break-all;
-}
-
-.chat-message-fadeout {
+  overflow-wrap: break-word;
   opacity: 1;
-  transition: all 3s;
 }
 
-.chat-message-fade {
+.chat-message-fading {
   opacity: 0;
+  transition: opacity 3s ease-in-out;
 }
 
 .chat-message-faded {
-  transition: none !important;
+  display: none;
 }
 
+/* Ensure messages are always visible when chat is open */
 .chat.opened .chat-message {
   opacity: 1 !important;
+  display: block !important;
   transition: none !important;
 }
 
diff --git a/src/react/Chat.stories.tsx b/src/react/Chat.stories.tsx
index 901368d5..e1aaf761 100644
--- a/src/react/Chat.stories.tsx
+++ b/src/react/Chat.stories.tsx
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react'
 
 import { useEffect, useState } from 'react'
-import { formatMessage } from '../botUtils'
-import Chat, { fadeMessage, chatInputValueGlobal } from './Chat'
+import { formatMessage } from '../chatUtils'
+import Chat, { chatInputValueGlobal } from './Chat'
 import Button from './Button'
 
 window.spamMessage = window.spamMessage ?? ''
@@ -63,29 +63,23 @@ const meta: Meta<typeof Chat> = {
       return () => clearInterval(interval)
     }, [autoSpam])
 
-    const fadeMessages = () => {
-      for (const m of messages) {
-        fadeMessage(m, false, () => {
-          setMessages([...messages])
-        })
-      }
-    }
-
     return <div style={{
       marginTop: args.usingTouch ? 100 : 0
-    }}>
+    }}
+    >
       <div style={{ fontSize: 6, userSelect: 'auto', color: 'gray' }}>Hint: you can capture needed message with <code>bot.on('message', console.log)</code>, copy object, and assign it here to <code>window.spamMessage</code> variable (but ensure the correct frame window is selected in devtools)</div>
-      <Chat {...args} opened={open} messages={messages} onClose={() => setOpen(false)} fetchCompletionItems={async (triggerType, value) => {
-        console.log('fetchCompletionItems')
-        await new Promise(resolve => {
-          setTimeout(resolve, 0)
-        })
-        let items = ['test', ...Array.from({ length: 50 }).map((_, i) => `minecraft:hello${i}`)]
-        if (value === '/') items = items.map(item => `/${item}`)
-        return items
-      }} />
+      <Chat
+        {...args} opened={open} messages={messages} onClose={() => setOpen(false)} fetchCompletionItems={async (triggerType, value) => {
+          console.log('fetchCompletionItems')
+          await new Promise(resolve => {
+            setTimeout(resolve, 0)
+          })
+          let items = ['test', ...Array.from({ length: 50 }).map((_, i) => `minecraft:hello${i}`)]
+          if (value === '/') items = items.map(item => `/${item}`)
+          return items
+        }}
+      />
       <Button onClick={() => setOpen(s => !s)}>Open: {open ? 'on' : 'off'}</Button>
-      <Button onClick={() => fadeMessages()}>Fade</Button>
       <Button onClick={() => setAutoSpam(s => !s)}>Auto Spam: {autoSpam ? 'on' : 'off'}</Button>
       <Button onClick={() => setMessages(args.messages)}>Reset</Button>
     </div>
diff --git a/src/react/Chat.tsx b/src/react/Chat.tsx
index 981878c8..d927a558 100644
--- a/src/react/Chat.tsx
+++ b/src/react/Chat.tsx
@@ -1,27 +1,69 @@
 import { proxy, subscribe } from 'valtio'
 import { useEffect, useMemo, useRef, useState } from 'react'
-import { MessageFormatPart } from '../botUtils'
+import { isStringAllowed, MessageFormatPart } from '../chatUtils'
 import { MessagePart } from './MessageFormatted'
 import './Chat.css'
 import { isIos, reactKeyForMessage } from './utils'
+import Button from './Button'
+import { pixelartIcons } from './PixelartIcon'
+import { useScrollBehavior } from './hooks/useScrollBehavior'
 
 export type Message = {
   parts: MessageFormatPart[],
   id: number
-  fading?: boolean
-  faded?: boolean
+  timestamp?: number
 }
 
-const MessageLine = ({ message }: { message: Message }) => {
+const MessageLine = ({ message, currentPlayerName, chatOpened }: { message: Message, currentPlayerName?: string, chatOpened?: boolean }) => {
+  const [fadeState, setFadeState] = useState<'visible' | 'fading' | 'faded'>('visible')
+
+  useEffect(() => {
+    if (window.debugStopChatFade) return
+    // Start fading after 5 seconds
+    const fadeTimeout = setTimeout(() => {
+      setFadeState('fading')
+    }, 5000)
+
+    // Remove after fade animation (3s) completes
+    const removeTimeout = setTimeout(() => {
+      setFadeState('faded')
+    }, 8000)
+
+    // Cleanup timeouts if component unmounts
+    return () => {
+      clearTimeout(fadeTimeout)
+      clearTimeout(removeTimeout)
+    }
+  }, []) // Empty deps array since we only want this to run once when message is added
+
   const classes = {
-    'chat-message-fadeout': message.fading,
-    'chat-message-fade': message.fading,
-    'chat-message-faded': message.faded,
-    'chat-message': true
+    'chat-message': true,
+    'chat-message-fading': !chatOpened && fadeState === 'fading',
+    'chat-message-faded': !chatOpened && fadeState === 'faded'
   }
 
-  return <li className={Object.entries(classes).filter(([, val]) => val).map(([name]) => name).join(' ')}>
-    {message.parts.map((msg, i) => <MessagePart key={i} part={msg} />)}
+  return <li className={Object.entries(classes).filter(([, val]) => val).map(([name]) => name).join(' ')} data-time={message.timestamp ? new Date(message.timestamp).toLocaleString('en-US', { hour12: false }) : undefined}>
+    {message.parts.map((msg, i) => {
+      // Check if this is a text part that might contain a mention
+      if (typeof msg.text === 'string' && currentPlayerName) {
+        const parts = msg.text.split(new RegExp(`(@${currentPlayerName})`, 'i'))
+        if (parts.length > 1) {
+          return parts.map((txtPart, j) => {
+            const part = {
+              ...msg,
+              text: txtPart
+            }
+            if (txtPart.toLowerCase() === `@${currentPlayerName}`.toLowerCase()) {
+              part.color = '#ffa500'
+              part.bold = true
+              return <MessagePart key={j} part={part} />
+            }
+            return <MessagePart key={j} part={part} />
+          })
+        }
+      }
+      return <MessagePart key={i} part={msg} />
+    })}
   </li>
 }
 
@@ -31,29 +73,49 @@ type Props = {
   opacity?: number
   opened?: boolean
   onClose?: () => void
-  sendMessage?: (message: string) => boolean | void
+  sendMessage?: (message: string) => Promise<void> | void
   fetchCompletionItems?: (triggerKind: 'implicit' | 'explicit', completeValue: string, fullValue: string, abortController?: AbortController) => Promise<string[] | void>
   // width?: number
   allowSelection?: boolean
+  inputDisabled?: string
+  placeholder?: string
+  chatVanillaRestrictions?: boolean
+  debugChatScroll?: boolean
+  getPingComplete?: (value: string) => Promise<string[]>
+  currentPlayerName?: string
 }
 
 export const chatInputValueGlobal = proxy({
   value: ''
 })
 
-export const fadeMessage = (message: Message, initialTimeout: boolean, requestUpdate: () => void) => {
-  setTimeout(() => {
-    message.fading = true
-    requestUpdate()
-    setTimeout(() => {
-      message.faded = true
-      requestUpdate()
-    }, 3000)
-  }, initialTimeout ? 5000 : 0)
-}
+export default ({
+  messages,
+  opacity = 1,
+  fetchCompletionItems,
+  opened,
+  sendMessage,
+  onClose,
+  usingTouch,
+  allowSelection,
+  inputDisabled,
+  placeholder,
+  chatVanillaRestrictions,
+  debugChatScroll,
+  getPingComplete,
+  currentPlayerName
+}: Props) => {
+  const playerNameValidated = useMemo(() => {
+    if (!/^[\w\d_]+$/i.test(currentPlayerName ?? '')) return ''
+    return currentPlayerName
+  }, [currentPlayerName])
 
-export default ({ messages, opacity = 1, fetchCompletionItems, opened, sendMessage, onClose, usingTouch, allowSelection }: Props) => {
   const sendHistoryRef = useRef(JSON.parse(window.sessionStorage.chatHistory || '[]'))
+  const [isInputFocused, setIsInputFocused] = useState(false)
+  const [spellCheckEnabled, setSpellCheckEnabled] = useState(false)
+  const [preservedInputValue, setPreservedInputValue] = useState('')
+  const [inputKey, setInputKey] = useState(0)
+  const pingHistoryRef = useRef(JSON.parse(window.localStorage.pingHistory || '[]'))
 
   const [completePadText, setCompletePadText] = useState('')
   const completeRequestValue = useRef('')
@@ -62,22 +124,41 @@ export default ({ messages, opacity = 1, fetchCompletionItems, opened, sendMessa
 
   const chatInput = useRef<HTMLInputElement>(null!)
   const chatMessages = useRef<HTMLDivElement>(null)
-  const openedChatWasAtBottom = useRef(false)
   const chatHistoryPos = useRef(sendHistoryRef.current.length)
+  const commandHistoryPos = useRef(0)
   const inputCurrentlyEnteredValue = useRef('')
+  const commandHistoryRef = useRef(sendHistoryRef.current.filter((msg: string) => msg.startsWith('/')))
+
+  const { scrollToBottom, isAtBottom, wasAtBottom, currentlyAtBottom } = useScrollBehavior(chatMessages, { messages, opened })
+  const [rightNowAtBottom, setRightNowAtBottom] = useState(false)
+
+  useEffect(() => {
+    if (!debugChatScroll) return
+    const interval = setInterval(() => {
+      setRightNowAtBottom(isAtBottom())
+    }, 50)
+    return () => clearInterval(interval)
+  }, [debugChatScroll])
 
   const setSendHistory = (newHistory: string[]) => {
     sendHistoryRef.current = newHistory
     window.sessionStorage.chatHistory = JSON.stringify(newHistory)
     chatHistoryPos.current = newHistory.length
+    // Update command history (only messages starting with /)
+    commandHistoryRef.current = newHistory.filter((msg: string) => msg.startsWith('/'))
+    commandHistoryPos.current = commandHistoryRef.current.length
   }
 
   const acceptComplete = (item: string) => {
     const base = completeRequestValue.current === '/' ? '' : getCompleteValue()
     updateInputValue(base + item)
-    // todo would be cool but disabled because some comands don't need args (like ping)
-    // // trigger next tab complete
-    // this.chatInput.dispatchEvent(new KeyboardEvent('keydown', { code: 'Space' }))
+    // Record ping completion in history
+    if (item.startsWith('@')) {
+      const newHistory = [item, ...pingHistoryRef.current.filter((x: string) => x !== item)].slice(0, 10)
+      pingHistoryRef.current = newHistory
+      // todo use appStorage
+      window.localStorage.pingHistory = JSON.stringify(newHistory)
+    }
     chatInput.current.focus()
   }
 
@@ -89,6 +170,45 @@ export default ({ messages, opacity = 1, fetchCompletionItems, opened, sendMessa
     }, 0)
   }
 
+  const handleArrowUp = () => {
+    if (chatHistoryPos.current === 0) return
+    if (chatHistoryPos.current === sendHistoryRef.current.length) { // started navigating history
+      inputCurrentlyEnteredValue.current = chatInput.current.value
+    }
+    chatHistoryPos.current--
+    updateInputValue(sendHistoryRef.current[chatHistoryPos.current] || '')
+  }
+
+  const handleArrowDown = () => {
+    if (chatHistoryPos.current === sendHistoryRef.current.length) return
+    chatHistoryPos.current++
+    updateInputValue(sendHistoryRef.current[chatHistoryPos.current] || inputCurrentlyEnteredValue.current || '')
+  }
+
+  const handleCommandArrowUp = () => {
+    if (commandHistoryPos.current === 0 || commandHistoryRef.current.length === 0) return
+    if (commandHistoryPos.current === commandHistoryRef.current.length) { // started navigating command history
+      inputCurrentlyEnteredValue.current = chatInput.current.value
+    }
+    commandHistoryPos.current--
+    updateInputValue(commandHistoryRef.current[commandHistoryPos.current] || '')
+  }
+
+  const handleCommandArrowDown = () => {
+    if (commandHistoryPos.current === commandHistoryRef.current.length) return
+    commandHistoryPos.current++
+    updateInputValue(commandHistoryRef.current[commandHistoryPos.current] || inputCurrentlyEnteredValue.current || '')
+  }
+
+  const auxInputFocus = (direction: 'up' | 'down') => {
+    chatInput.current.focus()
+    if (direction === 'up') {
+      handleArrowUp()
+    } else {
+      handleArrowDown()
+    }
+  }
+
   useEffect(() => {
     // todo focus input on any keypress except tab
   }, [])
@@ -102,19 +222,37 @@ export default ({ messages, opacity = 1, fetchCompletionItems, opened, sendMessa
     if (opened) {
       updateInputValue(chatInputValueGlobal.value)
       chatInputValueGlobal.value = ''
+      chatHistoryPos.current = sendHistoryRef.current.length
+      commandHistoryPos.current = commandHistoryRef.current.length
       if (!usingTouch) {
         chatInput.current.focus()
       }
-      const unsubscribe = subscribe(chatInputValueGlobal, () => {
+
+      // Add keyboard event listener for letter keys and paste
+      const handleKeyDown = (e: KeyboardEvent) => {
+        if (['input', 'textarea', 'select'].includes(document.activeElement?.tagName.toLowerCase() ?? '')) return
+        // Check if it's a single character key (works with any layout) without modifiers except shift
+        const isSingleChar = e.key.length === 1 && !e.ctrlKey && !e.altKey && !e.metaKey
+        // Check if it's paste command
+        const isPaste = e.code === 'KeyV' && (e.ctrlKey || e.metaKey)
+
+        if ((isSingleChar || isPaste) && document.activeElement !== chatInput.current) {
+          chatInput.current.focus()
+        }
+      }
+
+      window.addEventListener('keydown', handleKeyDown)
+      const unsubscribeValtio = subscribe(chatInputValueGlobal, () => {
         if (!chatInputValueGlobal.value) return
         updateInputValue(chatInputValueGlobal.value)
         chatInputValueGlobal.value = ''
         chatInput.current.focus()
       })
-      return unsubscribe
-    }
-    if (!opened && chatMessages.current) {
-      chatMessages.current.scrollTop = chatMessages.current.scrollHeight
+
+      return () => {
+        window.removeEventListener('keydown', handleKeyDown)
+        unsubscribeValtio()
+      }
     }
   }, [opened])
 
@@ -122,40 +260,36 @@ export default ({ messages, opacity = 1, fetchCompletionItems, opened, sendMessa
     if (opened) {
       completeRequestValue.current = ''
       resetCompletionItems()
+    } else {
+      setPreservedInputValue('')
     }
   }, [opened])
 
-  useEffect(() => {
-    if ((!opened || (opened && openedChatWasAtBottom.current)) && chatMessages.current) {
-      openedChatWasAtBottom.current = false
-      // stay at bottom on messages changes
-      chatMessages.current.scrollTop = chatMessages.current.scrollHeight
+  const onMainInputChange = () => {
+    const lastWord = chatInput.current.value.slice(0, chatInput.current.selectionEnd ?? chatInput.current.value.length).split(' ').at(-1)!
+    const isCommand = chatInput.current.value.startsWith('/')
+
+    if (lastWord.startsWith('@') && getPingComplete && !isCommand) {
+      setCompletePadText(lastWord)
+      void fetchPingCompletions(true, lastWord.slice(1))
+      return
     }
-  }, [messages])
 
-  useMemo(() => {
-    if ((opened && chatMessages.current)) {
-      const wasAtBottom = chatMessages.current.scrollTop === chatMessages.current.scrollHeight - chatMessages.current.clientHeight
-      openedChatWasAtBottom.current = wasAtBottom
-      // console.log(wasAtBottom, chatMessages.current.scrollTop, chatMessages.current.scrollHeight - chatMessages.current.clientHeight)
+    const completeValue = getCompleteValue()
+    setCompletePadText(completeValue === '/' ? '' : completeValue)
+    // not sure if enabling would be useful at all (maybe make as a setting in the future?)
+    // setSpellCheckEnabled(!chatInput.current.value.startsWith('/'))
+    if (completeRequestValue.current === completeValue) {
+      updateFilteredCompleteItems(completionItemsSource)
+      return
     }
-  }, [messages])
 
-  const auxInputFocus = (fireKey: string) => {
-    chatInput.current.focus()
-    chatInput.current.dispatchEvent(new KeyboardEvent('keydown', { code: fireKey, bubbles: true }))
-  }
-
-  const getDefaultCompleteValue = () => {
-    const raw = chatInput.current.value
-    return raw.slice(0, chatInput.current.selectionEnd ?? raw.length)
-  }
-  const getCompleteValue = (value = getDefaultCompleteValue()) => {
-    const valueParts = value.split(' ')
-    const lastLength = valueParts.at(-1)!.length
-    const completeValue = lastLength ? value.slice(0, -lastLength) : value
-    if (valueParts.length === 1 && value.startsWith('/')) return '/'
-    return completeValue
+    if (completeValue.startsWith('/')) {
+      void fetchCompletions(true)
+    } else {
+      resetCompletionItems()
+    }
+    completeRequestValue.current = completeValue
   }
 
   const fetchCompletions = async (implicit: boolean, inputValue = chatInput.current.value) => {
@@ -168,102 +302,262 @@ export default ({ messages, opacity = 1, fetchCompletionItems, opened, sendMessa
     updateFilteredCompleteItems(newItems)
   }
 
-  const updateFilteredCompleteItems = (sourceItems: string[]) => {
-    const newCompleteItems = sourceItems.filter(item => {
-      // this regex is imporatnt is it controls the word matching
-      const compareableParts = item.split(/[_:]/)
-      const lastWord = chatInput.current.value.slice(0, chatInput.current.selectionEnd ?? chatInput.current.value.length).split(' ').at(-1)!
-      return [item, ...compareableParts].some(compareablePart => compareablePart.startsWith(lastWord))
+  const fetchPingCompletions = async (implicit: boolean, inputValue: string) => {
+    completeRequestValue.current = inputValue
+    resetCompletionItems()
+    const newItems = await getPingComplete?.(inputValue) ?? []
+    if (inputValue !== completeRequestValue.current) return
+    // Sort items by ping history
+    const sortedItems = [...newItems].sort((a, b) => {
+      const aIndex = pingHistoryRef.current.indexOf(a)
+      const bIndex = pingHistoryRef.current.indexOf(b)
+      if (aIndex === -1 && bIndex === -1) return 0
+      if (aIndex === -1) return 1
+      if (bIndex === -1) return -1
+      return aIndex - bIndex
     })
+    setCompletionItemsSource(sortedItems)
+    updateFilteredCompleteItems(sortedItems)
+  }
+
+  const updateFilteredCompleteItems = (sourceItems: string[] | Array<{ match: string, toolip: string }>) => {
+    const newCompleteItems = sourceItems
+      .map((item): string => (typeof item === 'string' ? item : item.match))
+      .filter(item => {
+        // this regex is imporatnt is it controls the word matching
+        // const compareableParts = item.split(/[[\]{},_:]/)
+        const lastWord = chatInput.current.value.slice(0, chatInput.current.selectionEnd ?? chatInput.current.value.length).split(' ').at(-1)!
+        if (lastWord.startsWith('@')) {
+          return item.toLowerCase().includes(lastWord.slice(1).toLowerCase())
+        }
+        return item.includes(lastWord)
+        // return [item, ...compareableParts].some(compareablePart => compareablePart.startsWith(lastWord))
+      })
     setCompletionItems(newCompleteItems)
   }
 
-  const onMainInputChange = () => {
-    const completeValue = getCompleteValue()
-    setCompletePadText(completeValue === '/' ? '' : completeValue)
-    if (completeRequestValue.current === completeValue) {
-      updateFilteredCompleteItems(completionItemsSource)
-      return
-    }
-
-    if (completeValue.startsWith('/')) {
-      void fetchCompletions(true)
-    } else {
-      resetCompletionItems()
-    }
-    completeRequestValue.current = completeValue
-    // if (completeValue === '/') {
-    //   void fetchCompletions(true)
-    // }
+  const getDefaultCompleteValue = () => {
+    const raw = chatInput.current.value
+    return raw.slice(0, chatInput.current.selectionEnd ?? raw.length)
   }
 
+  const getCompleteValue = (value = getDefaultCompleteValue()) => {
+    const valueParts = value.split(' ')
+    const lastLength = valueParts.at(-1)!.length
+    const completeValue = lastLength ? value.slice(0, -lastLength) : value
+    if (valueParts.length === 1 && value.startsWith('/')) return '/'
+    return completeValue
+  }
+
+  const handleSlashCommand = () => {
+    remountInput('/')
+  }
+
+  const handleAcceptFirstCompletion = () => {
+    if (completionItems.length > 0) {
+      acceptComplete(completionItems[0])
+    }
+  }
+
+  const remountInput = (newValue?: string) => {
+    if (newValue !== undefined) {
+      setPreservedInputValue(newValue)
+    }
+    setInputKey(k => k + 1)
+  }
+
+  useEffect(() => {
+    if (preservedInputValue && chatInput.current) {
+      chatInput.current.focus()
+    }
+  }, [inputKey]) // Changed from spellCheckEnabled to inputKey
+
   return (
     <>
-      <div className={`chat-wrapper chat-messages-wrapper ${usingTouch ? 'display-mobile' : ''}`} style={{
-        userSelect: opened && allowSelection ? 'text' : undefined,
-      }}>
+      <div
+        className={`chat-wrapper chat-messages-wrapper ${usingTouch ? 'display-mobile' : ''} ${opened ? 'chat-opened' : ''}`} style={{
+          userSelect: opened && allowSelection ? 'text' : undefined,
+        }}
+      >
         {opacity && <div ref={chatMessages} className={`chat ${opened ? 'opened' : ''}`} id="chat-messages" style={{ opacity }}>
+          {debugChatScroll && (
+            <div
+              style={{
+                position: 'absolute',
+                top: 5,
+                left: 5,
+                display: 'flex',
+                gap: 4,
+                zIndex: 100,
+              }}
+            >
+              <div
+                title="Right now is at bottom (updated every 50ms)"
+                style={{
+                  width: 12,
+                  height: 12,
+                  backgroundColor: rightNowAtBottom ? '#00ff00' : '#ff0000',
+                  border: '1px solid #fff',
+                }}
+              />
+              <div
+                title="Currently at bottom"
+                style={{
+                  width: 12,
+                  height: 12,
+                  backgroundColor: currentlyAtBottom ? '#00ff00' : '#ff0000',
+                  border: '1px solid #fff',
+                }}
+              />
+              <div
+                title="Was at bottom"
+                style={{
+                  width: 12,
+                  height: 12,
+                  backgroundColor: wasAtBottom() ? '#00ff00' : '#ff0000',
+                  border: '1px solid #fff',
+                }}
+              />
+              <div
+                title="Chat opened"
+                style={{
+                  width: 12,
+                  height: 12,
+                  backgroundColor: opened ? '#00ff00' : '#ff0000',
+                  border: '1px solid #fff',
+                }}
+              />
+            </div>
+          )}
           {messages.map((m) => (
-            <MessageLine key={reactKeyForMessage(m)} message={m} />
+            <MessageLine key={reactKeyForMessage(m)} message={m} currentPlayerName={playerNameValidated} chatOpened={opened} />
           ))}
         </div> || undefined}
       </div>
 
       <div className={`chat-wrapper chat-input-wrapper ${usingTouch ? 'input-mobile' : ''}`} hidden={!opened}>
+        {usingTouch && (
+          <>
+            <Button
+              icon={pixelartIcons.close}
+              onClick={() => onClose?.()}
+              style={{
+                width: 20,
+                flexShrink: 0,
+              }}
+            />
+
+            {(chatInput.current?.value && !chatInput.current.value.startsWith('/')) ? (
+              // TOGGLE SPELL CHECK
+              <Button
+                style={{
+                  width: 20,
+                  flexShrink: 0,
+                }}
+                overlayColor={spellCheckEnabled ? '#00ff00' : '#ff0000'}
+                icon={pixelartIcons['text-wrap']}
+                onClick={() => {
+                  setPreservedInputValue(chatInput.current?.value || '')
+                  setSpellCheckEnabled(!spellCheckEnabled)
+                  remountInput()
+                }}
+              />
+            ) : (
+              // SLASH COMMAND
+              <Button
+                style={{
+                  width: 20,
+                  flexShrink: 0,
+                }}
+                label={chatInput.current?.value ? undefined : '/'}
+                icon={chatInput.current?.value ? pixelartIcons['arrow-right'] : undefined}
+                onClick={() => {
+                  const inputValue = chatInput.current.value
+                  if (!inputValue) {
+                    handleSlashCommand()
+                  } else if (completionItems.length > 0) {
+                    handleAcceptFirstCompletion()
+                  }
+                }}
+              />
+            )}
+          </>
+        )}
         <div className="chat-input">
-          {completionItems?.length ? (
+          {isInputFocused && completionItems?.length ? (
             <div className="chat-completions">
               <div className="chat-completions-pad-text">{completePadText}</div>
               <div className="chat-completions-items">
                 {completionItems.map((item) => (
-                  <div key={item} onClick={() => acceptComplete(item)}>{item}</div>
+                  <div
+                    key={item}
+                    onMouseDown={(e) => {
+                      e.preventDefault() // Prevent blur before click
+                      acceptComplete(item)
+                    }}
+                  >
+                    {item}
+                  </div>
                 ))}
               </div>
             </div>
           ) : null}
-          <form onSubmit={(e) => {
+          <form onSubmit={async (e) => {
             e.preventDefault()
             const message = chatInput.current.value
             if (message) {
               setSendHistory([...sendHistoryRef.current, message])
-              const result = sendMessage?.(message)
-              if (result !== false) {
-                onClose?.()
-              }
+              onClose?.()
+              await sendMessage?.(message)
+              // Always scroll to bottom after sending a message
+              scrollToBottom()
             }
-          }}>
+          }}
+          >
             {isIos && <input
               value=''
               type="text"
-              className="chat-mobile-hidden"
+              className="chat-mobile-input-hidden chat-mobile-input-hidden-up"
               id="chatinput-next-command"
               spellCheck={false}
               autoComplete="off"
-              onFocus={() => auxInputFocus('ArrowUp')}
+              onFocus={() => auxInputFocus('up')}
               onChange={() => { }}
             />}
             <input
-              defaultValue=''
+              maxLength={chatVanillaRestrictions ? 256 : undefined}
+              defaultValue={preservedInputValue}
+              // ios doesn't support toggling autoCorrect on the fly so we need to re-create the input
+              key={`${inputKey}`}
+              autoCapitalize={preservedInputValue ? 'off' : 'on'}
               ref={chatInput}
               type="text"
               className="chat-input"
               id="chatinput"
-              spellCheck={false}
+              spellCheck={spellCheckEnabled}
+              autoCorrect={spellCheckEnabled ? 'on' : 'off'}
               autoComplete="off"
               aria-autocomplete="both"
               onChange={onMainInputChange}
+              disabled={!!inputDisabled}
+              placeholder={inputDisabled || placeholder}
+              onFocus={() => setIsInputFocused(true)}
+              onBlur={() => setIsInputFocused(false)}
               onKeyDown={(e) => {
                 if (e.code === 'ArrowUp') {
-                  if (chatHistoryPos.current === 0) return
-                  if (chatHistoryPos.current === sendHistoryRef.current.length) { // started navigating history
-                    inputCurrentlyEnteredValue.current = e.currentTarget.value
+                  if (e.altKey) {
+                    handleCommandArrowUp()
+                    e.preventDefault()
+                  } else {
+                    handleArrowUp()
                   }
-                  chatHistoryPos.current--
-                  updateInputValue(sendHistoryRef.current[chatHistoryPos.current] || '')
                 } else if (e.code === 'ArrowDown') {
-                  if (chatHistoryPos.current === sendHistoryRef.current.length) return
-                  chatHistoryPos.current++
-                  updateInputValue(sendHistoryRef.current[chatHistoryPos.current] || inputCurrentlyEnteredValue.current || '')
+                  if (e.altKey) {
+                    handleCommandArrowDown()
+                    e.preventDefault()
+                  } else {
+                    handleArrowDown()
+                  }
                 }
                 if (e.code === 'Tab') {
                   if (completionItemsSource.length) {
@@ -287,14 +581,15 @@ export default ({ messages, opacity = 1, fetchCompletionItems, opened, sendMessa
             {isIos && <input
               value=''
               type="text"
-              className="chat-mobile-hidden"
+              className="chat-mobile-input-hidden chat-mobile-input-hidden-down"
               id="chatinput-prev-command"
               spellCheck={false}
               autoComplete="off"
-              onFocus={() => auxInputFocus('ArrowDown')}
+              onFocus={() => auxInputFocus('down')}
               onChange={() => { }}
             />}
-            <button type='submit' style={{ visibility: 'hidden' }} />
+            {/* for some reason this is needed to make Enter work on android chrome */}
+            <button type='submit' className="chat-submit-button" />
           </form>
         </div>
       </div>
diff --git a/src/react/ChatProvider.tsx b/src/react/ChatProvider.tsx
index ad4a705d..066bc48a 100644
--- a/src/react/ChatProvider.tsx
+++ b/src/react/ChatProvider.tsx
@@ -1,63 +1,124 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useMemo, useRef, useState } from 'react'
 import { useSnapshot } from 'valtio'
-import { formatMessage } from '../botUtils'
+import { formatMessage, isStringAllowed } from '../chatUtils'
 import { getBuiltinCommandsList, tryHandleBuiltinCommand } from '../builtinCommands'
-import { hideCurrentModal, miscUiState } from '../globalState'
+import { gameAdditionalState, hideCurrentModal, miscUiState } from '../globalState'
 import { options } from '../optionsStorage'
-import Chat, { Message, fadeMessage } from './Chat'
+import { viewerVersionState } from '../viewerConnector'
+import Chat, { Message } from './Chat'
 import { useIsModalActive } from './utilsApp'
-import { hideNotification, showNotification } from './NotificationProvider'
-import { updateLoadedServerData } from './ServersListProvider'
+import { hideNotification, notificationProxy, showNotification } from './NotificationProvider'
+import { getServerIndex, updateLoadedServerData } from './serversStorage'
+import { lastConnectOptions } from './AppStatusProvider'
+import { showOptionsModal } from './SelectOption'
 
 export default () => {
   const [messages, setMessages] = useState([] as Message[])
   const isChatActive = useIsModalActive('chat')
-  const { messagesLimit, chatOpacity, chatOpacityOpened } = options
   const lastMessageId = useRef(0)
+  const lastPingTime = useRef(0)
   const usingTouch = useSnapshot(miscUiState).currentTouch
-  const { chatSelect } = useSnapshot(options)
+  const { chatSelect, messagesLimit, chatOpacity, chatOpacityOpened, chatVanillaRestrictions, debugChatScroll, chatPingExtension } = useSnapshot(options)
+  const isUsingMicrosoftAuth = useMemo(() => !!lastConnectOptions.value?.authenticatedAccount, [])
+  const { forwardChat } = useSnapshot(viewerVersionState)
+  const { viewerConnection } = useSnapshot(gameAdditionalState)
 
   useEffect(() => {
     bot.addListener('message', (jsonMsg, position) => {
+      if (position === 'game_info') return // ignore action bar messages, they are handled by the TitleProvider
+      if (jsonMsg['unsigned']) {
+        jsonMsg = jsonMsg['unsigned']
+      }
       const parts = formatMessage(jsonMsg)
+      const messageText = parts.map(part => part.text).join('')
+
+      // Handle ping response
+      if (messageText === 'Pong!' && lastPingTime.current > 0) {
+        const latency = Date.now() - lastPingTime.current
+        parts.push({ text: ` Latency: ${latency}ms`, color: '#00ff00' })
+        lastPingTime.current = 0
+      }
 
       setMessages(m => {
         lastMessageId.current++
         const newMessage: Message = {
           parts,
           id: lastMessageId.current,
-          faded: false,
+          timestamp: Date.now()
         }
-        fadeMessage(newMessage, true, () => {
-          // eslint-disable-next-line max-nested-callbacks
-          setMessages(m => [...m])
-        })
+
         return [...m, newMessage].slice(-messagesLimit)
       })
     })
   }, [])
 
   return <Chat
+    chatVanillaRestrictions={chatVanillaRestrictions}
+    debugChatScroll={debugChatScroll}
     allowSelection={chatSelect}
     usingTouch={!!usingTouch}
     opacity={(isChatActive ? chatOpacityOpened : chatOpacity) / 100}
     messages={messages}
     opened={isChatActive}
-    sendMessage={(message) => {
+    placeholder={forwardChat || !viewerConnection ? undefined : 'Chat forwarding is not enabled in the plugin settings'}
+    currentPlayerName={chatPingExtension ? bot.username : undefined}
+    getPingComplete={async (value) => {
+      const players = Object.keys(bot.players)
+      return players.filter(name => (!value || name.toLowerCase().includes(value.toLowerCase())) && name !== bot.username).map(name => `@${name}`)
+    }}
+    sendMessage={async (message) => {
+      // Record ping command time
+      if (message === '/ping') {
+        lastPingTime.current = Date.now()
+      }
+
       const builtinHandled = tryHandleBuiltinCommand(message)
-      if (miscUiState.loadedServerIndex && (message.startsWith('/login') || message.startsWith('/register'))) {
-        showNotification('Click here to save your password in browser for auto-login', undefined, false, undefined, () => {
+      if (getServerIndex() !== undefined && (message.startsWith('/login') || message.startsWith('/register')) && options.saveLoginPassword !== 'never') {
+        const savePassword = () => {
+          let hadPassword = false
           updateLoadedServerData((server) => {
             server.autoLogin ??= {}
             const password = message.split(' ')[1]
-            server.autoLogin[miscUiState.username] = password
-            return server
+            hadPassword = !!server.autoLogin[bot.username]
+            server.autoLogin[bot.username] = password
+            return { ...server }
           })
+          if (options.saveLoginPassword === 'always') {
+            const message = hadPassword ? 'Password updated in browser for auto-login' : 'Password saved in browser for auto-login'
+            showNotification(message, undefined, false, undefined)
+          } else {
+            hideNotification()
+          }
+        }
+        if (options.saveLoginPassword === 'prompt') {
+          showNotification('Click here to save your password in browser for auto-login', undefined, false, undefined, savePassword)
+        } else {
+          savePassword()
+        }
+        notificationProxy.id = 'auto-login'
+        const listener = () => {
           hideNotification()
-        })
+        }
+        bot.on('kicked', listener)
+        setTimeout(() => {
+          bot.removeListener('kicked', listener)
+        }, 2000)
       }
       if (!builtinHandled) {
-        bot.chat(message)
+        if (chatVanillaRestrictions && !miscUiState.flyingSquid) {
+          const validation = isStringAllowed(message)
+          if (!validation.valid) {
+            const choice = await showOptionsModal(`Can't send invalid characters to vanilla server (${validation.invalid?.join(', ')}). You can use them only in command blocks.`, [
+              'Remove Them & Send'
+            ])
+            if (!choice) return
+            message = validation.clean!
+          }
+        }
+
+        if (message) {
+          bot.chat(message)
+        }
       }
     }}
     onClose={() => {
@@ -68,7 +129,7 @@ export default () => {
         let items = [] as string[]
         try {
           items = await bot.tabComplete(completeValue, true, true)
-        } catch (err) {}
+        } catch (err) { }
         if (typeof items[0] === 'object') {
           // @ts-expect-error
           if (items[0].match) items = items.map(i => i.match)
@@ -78,7 +139,7 @@ export default () => {
             // normalize
             items = items.map(item => `/${item}`)
           }
-          if (localServer) {
+          if (items.length) {
             items = [...items, ...getBuiltinCommandsList()]
           }
         }
diff --git a/src/react/ChunksDebug.tsx b/src/react/ChunksDebug.tsx
new file mode 100644
index 00000000..2e4fa139
--- /dev/null
+++ b/src/react/ChunksDebug.tsx
@@ -0,0 +1,133 @@
+import { useEffect, useRef, useState } from 'react'
+import './LoadingChunks.css'
+
+export interface ChunkDebug {
+  x: number // like -32
+  z: number // like -32
+  lines: string[]
+  sidebarLines: string[]
+  state: 'server-waiting' | 'order-queued' | 'client-waiting' | 'client-processing' | 'done-empty' | 'done'
+}
+
+interface ProcessedChunk extends ChunkDebug {
+  relX: number
+  relZ: number
+  displayLines: string[]
+}
+
+const stateColors: Record<ChunkDebug['state'], string> = {
+  'server-waiting': 'gray',
+  'order-queued': 'darkorange',
+  'client-waiting': 'yellow',
+  'client-processing': 'yellow',
+  'done-empty': 'darkgreen',
+  'done': 'limegreen',
+}
+
+export default ({
+  chunks,
+  playerChunk,
+  maxDistance,
+  tileSize = 16,
+  fontSize = 5,
+}: {
+  chunks: ChunkDebug[]
+  playerChunk: { x: number, z: number }
+  maxDistance: number,
+  tileSize?: number
+  fontSize?: number
+}) => {
+  const [selectedChunk, setSelectedChunk] = useState<ProcessedChunk | null>(null)
+  const [showSidebar, setShowSidebar] = useState(false)
+
+  // Calculate grid dimensions based on maxDistance
+  const gridSize = maxDistance * 2 + 1
+  const centerIndex = maxDistance
+
+  // Process chunks to get only the last one for each position and within maxDistance
+  const processedChunks = chunks.reduce<Record<string, ProcessedChunk>>((acc, chunk) => {
+    const relX = Math.floor((chunk.x - playerChunk.x) / 16)
+    const relZ = Math.floor((chunk.z - playerChunk.z) / 16)
+
+    // Skip chunks outside maxDistance
+    if (Math.abs(relX) > maxDistance || Math.abs(relZ) > maxDistance) return acc
+
+    const key = `${chunk.x},${chunk.z}`
+    acc[key] = {
+      ...chunk,
+      relX,
+      relZ,
+      displayLines: [`${relX},${relZ} (${chunk.x},${chunk.z})`, ...chunk.lines]
+    }
+    return acc
+  }, {})
+
+  return (
+    <div style={{ display: 'flex', gap: '10px' }}>
+      <div style={{
+        display: 'grid',
+        gridTemplateColumns: `repeat(${gridSize}, 1fr)`,
+        gridTemplateRows: `repeat(${gridSize}, 1fr)`,
+        gap: 1,
+        // width: `${tileSize * gridSize}px`,
+        // height: `${tileSize * gridSize}px`,
+      }}>
+        {Array.from({ length: gridSize * gridSize }).map((_, i) => {
+          const relX = -maxDistance + (i % gridSize)
+          const relZ = -maxDistance + Math.floor(i / gridSize)
+          const x = playerChunk.x + relX * 16
+          const z = playerChunk.z + relZ * 16
+          const chunk = processedChunks[`${x},${z}`]
+
+          return (
+            <div
+              key={`${x},${z}`}
+              onClick={() => {
+                if (chunk) {
+                  setSelectedChunk(chunk)
+                  setShowSidebar(true)
+                }
+              }}
+              style={{
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                background: chunk ? stateColors[chunk.state] : 'black',
+                color: 'white',
+                fontSize: `${fontSize}px`,
+                cursor: chunk ? 'pointer' : 'default',
+                position: 'relative',
+                width: `${tileSize}px`,
+                flexDirection: 'column',
+                height: `${tileSize}px`,
+                padding: 1,
+                // pre-wrap
+                whiteSpace: 'pre',
+              }}
+            >
+              {relX}, {relZ}{'\n'}
+              {chunk?.lines[0]}{'\n'}
+              <span style={{ fontSize: `${fontSize * 0.8}px` }}>{chunk?.lines[1]}</span>
+            </div>
+          )
+        })}
+      </div>
+
+      {showSidebar && selectedChunk && (
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '5px' }} className='text-select'>
+          {selectedChunk.displayLines.map((line, i) => (
+            <div key={i} style={{ fontSize: '10px', wordBreak: 'break-word' }}>
+              {line}
+            </div>
+          ))}
+          <div style={{ marginTop: '10px', fontSize: '10px', whiteSpace: 'pre', maxWidth: 100, }}>
+            <div>Sidebar Info:</div>
+            {selectedChunk.sidebarLines.map((line, i) => (
+              <div key={i}>{line}</div>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/src/react/ChunksDebugScreen.tsx b/src/react/ChunksDebugScreen.tsx
new file mode 100644
index 00000000..28b0bbc4
--- /dev/null
+++ b/src/react/ChunksDebugScreen.tsx
@@ -0,0 +1,129 @@
+import { useEffect, useState } from 'react'
+import { useUtilsEffect } from '@zardoy/react-util'
+import { WorldRendererCommon } from 'renderer/viewer/lib/worldrendererCommon'
+import { WorldRendererThree } from 'renderer/viewer/three/worldrendererThree'
+import { Vec3 } from 'vec3'
+import { generateSpiralMatrix } from 'flying-squid/dist/utils'
+import Screen from './Screen'
+import ChunksDebug, { ChunkDebug } from './ChunksDebug'
+import { useIsModalActive } from './utilsApp'
+
+const Inner = () => {
+  const [playerX, setPlayerX] = useState(Math.floor(worldView!.lastPos.x / 16) * 16)
+  const [playerZ, setPlayerZ] = useState(Math.floor(worldView!.lastPos.z / 16) * 16)
+  const [update, setUpdate] = useState(0)
+
+  useUtilsEffect(({ interval }) => {
+    const up = () => {
+      // setUpdate(u => u + 1)
+    }
+    bot.on('chunkColumnLoad', up)
+    interval(
+      500,
+      () => {
+        setPlayerX(Math.floor(worldView!.lastPos.x / 16) * 16)
+        setPlayerZ(Math.floor(worldView!.lastPos.z / 16) * 16)
+        setUpdate(u => u + 1)
+      }
+    )
+    return () => {
+      bot.removeListener('chunkColumnLoad', up)
+    }
+  }, [])
+
+  // Track first load time for all chunks
+  const allLoadTimes = Object.values(worldView!.debugChunksInfo)
+    .map(chunk => chunk?.loads[0]?.time ?? Infinity)
+    .filter(time => time !== Infinity)
+    .sort((a, b) => a - b)
+
+  const allSpiralChunks = Object.fromEntries(generateSpiralMatrix(worldView!.viewDistance).map(pos => [`${pos[0]},${pos[1]}`, pos]))
+
+  const mapChunk = (key: string, state: ChunkDebug['state']): ChunkDebug => {
+    const x = Number(key.split(',')[0])
+    const z = Number(key.split(',')[1])
+    const chunkX = Math.floor(x / 16)
+    const chunkZ = Math.floor(z / 16)
+
+    delete allSpiralChunks[`${chunkX},${chunkZ}`]
+    const chunk = worldView!.debugChunksInfo[key]
+    const firstLoadTime = chunk?.loads[0]?.time
+    const loadIndex = firstLoadTime ? allLoadTimes.indexOf(firstLoadTime) + 1 : 0
+    // const timeSinceFirstLoad = firstLoadTime ? firstLoadTime - allLoadTimes[0] : 0
+    const timeSinceFirstLoad = firstLoadTime ? firstLoadTime - allLoadTimes[0] : 0
+    let line = ''
+    let line2 = ''
+    if (loadIndex) {
+      line = `${loadIndex}`
+      line2 = `${timeSinceFirstLoad}ms`
+    }
+    if (chunk?.loads.length > 1) {
+      line += ` - ${chunk.loads.length}`
+    }
+
+    return {
+      x,
+      z,
+      state,
+      lines: [line, line2],
+      sidebarLines: [
+        `loads: ${chunk?.loads?.map(l => `${l.reason} ${l.dataLength} ${l.time}`).join('\n')}`,
+        // `blockUpdates: ${chunk.blockUpdates}`,
+      ],
+    }
+  }
+
+  const chunksWaitingServer = Object.keys(worldView!.waitingSpiralChunksLoad).map(key => mapChunk(key, 'server-waiting'))
+
+  const world = globalThis.world as WorldRendererThree
+
+  const loadedSectionsChunks = Object.fromEntries(Object.keys(world.sectionObjects).map(sectionPos => {
+    const [x, y, z] = sectionPos.split(',').map(Number)
+    return [`${x},${z}`, true]
+  }))
+
+  const chunksWaitingClient = Object.keys(worldView!.loadedChunks).map(key => mapChunk(key, 'client-waiting'))
+
+  const clientProcessingChunks = Object.keys(world.loadedChunks).map(key => mapChunk(key, 'client-processing'))
+
+  const chunksDoneEmpty = Object.keys(world.finishedChunks)
+    .filter(chunkPos => !loadedSectionsChunks[chunkPos])
+    .map(key => mapChunk(key, 'done-empty'))
+
+  const chunksDone = Object.keys(world.finishedChunks).map(key => mapChunk(key, 'done'))
+
+
+  const chunksWaitingOrder = Object.values(allSpiralChunks).map(([x, z]) => {
+    const pos = new Vec3(x * 16, 0, z * 16)
+    if (bot.world.getColumnAt(pos) === null) return null
+    return mapChunk(`${pos.x},${pos.z}`, 'order-queued')
+  }).filter(a => !!a)
+
+  const allChunks = [
+    ...chunksWaitingServer,
+    ...chunksWaitingClient,
+    ...clientProcessingChunks,
+    ...chunksDone,
+    ...chunksDoneEmpty,
+    ...chunksWaitingOrder,
+  ]
+  return <Screen title={`Chunks Debug (avg: ${worldView!.lastChunkReceiveTimeAvg.toFixed(1)}ms)`}>
+    <ChunksDebug
+      chunks={allChunks}
+      playerChunk={{
+        x: playerX,
+        z: playerZ
+      }}
+      maxDistance={worldView!.viewDistance}
+      tileSize={32}
+      fontSize={8}
+    />
+  </Screen>
+}
+
+export default () => {
+  const isActive = useIsModalActive('chunks-debug')
+  if (!isActive) return null
+
+  return <Inner />
+}
diff --git a/src/react/ConceptCommandsGui.stories.tsx b/src/react/ConceptCommandsGui.stories.tsx
index 89cb6eff..c45afe60 100644
--- a/src/react/ConceptCommandsGui.stories.tsx
+++ b/src/react/ConceptCommandsGui.stories.tsx
@@ -2,7 +2,7 @@
 import type { Meta, StoryObj } from '@storybook/react'
 import Button from './Button'
 
-const defaultIcon = <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 21H5H19H21V3H19H5H3V21ZM19 5V19H5V5H19ZM11 17H13V11H15V9H13V7H11V9H9V11H11V17ZM9 13V11H7V13H9ZM17 13H15V11H17V13Z" fill="currentColor"></path></svg>
+const defaultIcon = <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 21H5H19H21V3H19H5H3V21ZM19 5V19H5V5H19ZM11 17H13V11H15V9H13V7H11V9H9V11H11V17ZM9 13V11H7V13H9ZM17 13H15V11H17V13Z" fill="currentColor" /></svg>
 
 const Button2 = ({ title, icon }) => {
   //@ts-expect-error
@@ -11,7 +11,6 @@ const Button2 = ({ title, icon }) => {
       <div>
         {title}
       </div>
-      {/* <iconify-icon icon="pixelarticons: */}
       <div style={{ width: 30, height: 30 }} className='full-svg'>
         {icon}
       </div>
@@ -24,7 +23,8 @@ const Comp = () => {
     display: 'grid',
     gridTemplateColumns: 'repeat(4, 1fr)',
     gap: 10
-  }}>
+  }}
+  >
     <Button2 title="/give" icon={defaultIcon} />
     <Button2 title="/tell" icon={<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M4 2h18v16H6v2H4v-2h2v-2h14V4H4v18H2V2h2zm5 7H7v2h2V9zm2 0h2v2h-2V9zm6 0h-2v2h2V9z" fill="currentColor" /> </svg>} />
     <Button2 title="/setblock" icon={<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M2 2h20v20H2V2zm2 2v4h4V4H4zm6 0v4h4V4h-4zm6 0v4h4V4h-4zm4 6h-4v4h4v-4zm0 6h-4v4h4v-4zm-6 4v-4h-4v4h4zm-6 0v-4H4v4h4zm-4-6h4v-4H4v4zm6-4v4h4v-4h-4z" fill="currentColor" /> </svg>} />
@@ -44,7 +44,7 @@ const meta: Meta<any> = {
 }
 
 export default meta
-type Story = StoryObj<any>;
+type Story = StoryObj<any>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/ConnectOnlyServerUi.tsx b/src/react/ConnectOnlyServerUi.tsx
new file mode 100644
index 00000000..213fa19b
--- /dev/null
+++ b/src/react/ConnectOnlyServerUi.tsx
@@ -0,0 +1,80 @@
+import { useMemo } from 'react'
+import { useSnapshot } from 'valtio'
+import { appQueryParams } from '../appParams'
+import { ConnectOptions } from '../connect'
+import { lastConnectOptions } from './AppStatusProvider'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import { useIsModalActive } from './utilsApp'
+import Button from './Button'
+
+const VERTICAL_LAYOUT = false
+
+export default () => {
+  const { ip, version, proxy, username, connectText } = appQueryParams
+  const isModalActive = useIsModalActive('only-connect-server')
+
+  if (!isModalActive) return null
+
+  const handleConnect = () => {
+    const connectOptions: ConnectOptions = {
+      username: username || '',
+      server: ip,
+      proxy,
+      botVersion: version,
+    }
+    window.dispatchEvent(new CustomEvent('connect', { detail: connectOptions }))
+  }
+
+  return (
+    <div style={{
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      background: 'rgba(0, 0, 0, 0.25)',
+      zIndex: 1000,
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }}>
+      <div style={{
+        display: 'flex',
+        gap: '40px',
+        alignItems: 'center',
+        background: 'rgba(0, 0, 0, 0.5)',
+        padding: VERTICAL_LAYOUT ? '15px 40px' : '25px',
+        // paddingRight: VERTICAL_LAYOUT ? '0' : '40px',
+        borderRadius: '5px',
+        flexDirection: VERTICAL_LAYOUT ? 'column' : 'row',
+      }}>
+        <div style={{
+          color: 'white',
+          fontSize: '13px'
+        }}>
+          <div style={{ display: 'flex', alignItems: 'center', marginBottom: '10px' }}>
+            <PixelartIcon iconName={pixelartIcons.server} width={16} />
+            <span style={{ marginLeft: '8px' }}>{ip}</span>
+            {proxy && <span style={{ marginLeft: '8px', color: 'lightgray' }}>({proxy})</span>}
+          </div>
+          <div style={{ display: 'flex', alignItems: 'center' }}>
+            <PixelartIcon iconName={pixelartIcons.user} width={16} />
+            <span style={{ marginLeft: '8px' }}>{username}</span>
+            {version && <span style={{ marginLeft: '8px', color: 'lightgray' }}>({version})</span>}
+          </div>
+        </div>
+        <Button
+          onClick={handleConnect}
+          style={{
+            width: 'auto',
+            padding: '0 12px',
+            transform: 'scale(1.4)',
+            transformOrigin: 'center'
+          }}
+        >
+          {connectText || 'Connect'}
+        </Button>
+      </div>
+    </div>
+  )
+}
diff --git a/src/react/ControDebug.tsx b/src/react/ControDebug.tsx
new file mode 100644
index 00000000..ca096707
--- /dev/null
+++ b/src/react/ControDebug.tsx
@@ -0,0 +1,75 @@
+import { useEffect, useState } from 'react'
+import { options } from '../optionsStorage'
+import { contro } from '../controls'
+
+export default () => {
+  const [pressedKeys, setPressedKeys] = useState<Set<string>>(new Set())
+  const [actions, setActions] = useState<string[]>([])
+
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      setPressedKeys(prev => new Set([...prev, e.code]))
+    }
+
+    const handleKeyUp = (e: KeyboardEvent) => {
+      setPressedKeys(prev => {
+        const newSet = new Set(prev)
+        newSet.delete(e.code)
+        return newSet
+      })
+    }
+
+    const handleBlur = () => {
+      setPressedKeys(new Set())
+    }
+
+    const handleControTrigger = ({ command }) => {
+      setActions(prev => [...prev, command])
+    }
+
+    const handleControReleased = ({ command }) => {
+      setActions(prev => prev.filter(action => action !== command))
+    }
+
+    window.addEventListener('keydown', handleKeyDown)
+    window.addEventListener('keyup', handleKeyUp)
+    window.addEventListener('blur', handleBlur)
+
+    contro.on('trigger', handleControTrigger)
+    contro.on('release', handleControReleased)
+
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown)
+      window.removeEventListener('keyup', handleKeyUp)
+      window.removeEventListener('blur', handleBlur)
+      contro.off('trigger', handleControTrigger)
+      contro.off('released', handleControReleased)
+    }
+  }, [])
+
+  if (!options.debugContro) return null
+
+  return (
+    <div
+      className='debug-contro'
+      style={{
+        position: 'fixed',
+        right: 0,
+        top: '50%',
+        transform: 'translateY(-50%)',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        padding: '8px',
+        fontFamily: 'monospace',
+        fontSize: '8px',
+        color: 'white',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+        zIndex: 2,
+      }}
+    >
+      <div>Keys: {[...pressedKeys].join(', ')}</div>
+      <div style={{ color: 'limegreen' }}>Actions: {actions.join(', ')}</div>
+    </div>
+  )
+}
diff --git a/src/react/CreateWorld.tsx b/src/react/CreateWorld.tsx
index 87b36777..4cdf186d 100644
--- a/src/react/CreateWorld.tsx
+++ b/src/react/CreateWorld.tsx
@@ -1,26 +1,31 @@
 import { useEffect, useState } from 'react'
 import { proxy, useSnapshot } from 'valtio'
 import { filesize } from 'filesize'
+import { getAvailableServerPlugins } from '../clientMods'
+import { showModal } from '../globalState'
 import Input from './Input'
 import Screen from './Screen'
 import Button from './Button'
+import SelectGameVersion from './SelectGameVersion'
 import styles from './createWorld.module.css'
+import { InputOption, showInputsModal, showOptionsModal } from './SelectOption'
 
 // const worldTypes = ['default', 'flat', 'largeBiomes', 'amplified', 'customized', 'buffet', 'debug_all_block_states']
-const worldTypes = ['default', 'flat'/* , 'void' */]
+const worldTypes = ['default', 'flat', 'empty', 'nether', 'all_the_blocks']
 const gameModes = ['survival', 'creative'/* , 'adventure', 'spectator' */]
 
 export const creatingWorldState = proxy({
   title: '',
   type: worldTypes[0],
   gameMode: gameModes[0],
-  version: ''
+  version: '',
+  plugins: [] as string[]
 })
 
 export default ({ cancelClick, createClick, customizeClick, versions, defaultVersion }) => {
   const [quota, setQuota] = useState('')
 
-  const { title, type, version, gameMode } = useSnapshot(creatingWorldState)
+  const { title, type, version, gameMode, plugins } = useSnapshot(creatingWorldState)
   useEffect(() => {
     creatingWorldState.version = defaultVersion
     void navigator.storage?.estimate?.().then(({ quota, usage }) => {
@@ -29,10 +34,12 @@ export default ({ cancelClick, createClick, customizeClick, versions, defaultVer
   }, [])
 
   return <Screen title="Create world" backdrop="dirt">
-    <form style={{ display: 'flex' }} onSubmit={(e) => {
-      e.preventDefault()
-      createClick()
-    }}>
+    <form
+      style={{ display: 'flex' }} onSubmit={(e) => {
+        e.preventDefault()
+        createClick()
+      }}
+    >
       <Input
         autoFocus
         value={title}
@@ -41,30 +48,63 @@ export default ({ cancelClick, createClick, customizeClick, versions, defaultVer
         }}
         placeholder='World name'
       />
-      <select value={version} style={{
-        background: 'gray',
-        color: 'white'
-      }} onChange={({ target: { value } }) => {
-        creatingWorldState.version = value
-      }}>
-        {versions.map(({ version, label }) => {
-          return <option key={version} value={version}>{label}</option>
-        })}
-      </select>
+      <SelectGameVersion
+        versions={versions.map((obj) => { return { value: obj.version, label: obj.version } })}
+        selected={{ value: defaultVersion, label: defaultVersion }}
+        onChange={(value) => {
+          creatingWorldState.version = value ?? defaultVersion
+        }}
+        containerStyle={{ width: '100px' }}
+      />
+      <button type='submit' style={{ visibility: 'hidden' }} />
     </form>
     <div style={{ display: 'flex' }}>
       <Button onClick={() => {
         const index = worldTypes.indexOf(type)
         creatingWorldState.type = worldTypes[index === worldTypes.length - 1 ? 0 : index + 1]
-      }}>World Type: {type}</Button>
+      }}
+      >World Type: {type}
+      </Button>
       {/* <Button onClick={() => customizeClick()} disabled>
         Customize
       </Button> */}
       <Button onClick={() => {
         const index = gameModes.indexOf(gameMode)
         creatingWorldState.gameMode = gameModes[index === gameModes.length - 1 ? 0 : index + 1]
-      }}>
-        Gamemode: {gameMode}
+      }}
+      >
+        Game Mode: {gameMode}
+      </Button>
+    </div>
+    <div style={{ display: 'flex' }}>
+      <Button onClick={async () => {
+        const availableServerPlugins = await getAvailableServerPlugins()
+        const availableModNames = availableServerPlugins.map(mod => mod.name)
+        const choices: Record<string, InputOption> = Object.fromEntries(availableServerPlugins.map(mod => [mod.name, {
+          type: 'checkbox' as const,
+          defaultValue: creatingWorldState.plugins.includes(mod.name),
+          label: mod.name
+        }]))
+        choices.installMore = {
+          type: 'button' as const,
+          onButtonClick () {
+            showModal({ reactType: 'mods' })
+          }
+        }
+        const choice = await showInputsModal('Select server plugins from mods to install:', choices)
+        if (!choice) return
+        creatingWorldState.plugins = availableModNames.filter(modName => choice[modName])
+      }}
+      >Use Mods ({plugins.length})
+      </Button>
+      <Button
+        onClick={() => {
+          const index = gameModes.indexOf(gameMode)
+          creatingWorldState.gameMode = gameModes[index === gameModes.length - 1 ? 0 : index + 1]
+        }}
+        disabled
+      >
+        Save Type: Java
       </Button>
     </div>
     <div className='muted' style={{ fontSize: 8 }}>Default and other world types are WIP</div>
@@ -72,10 +112,16 @@ export default ({ cancelClick, createClick, customizeClick, versions, defaultVer
     <div style={{ display: 'flex' }}>
       <Button onClick={() => {
         cancelClick()
-      }}>Cancel</Button>
-      <Button disabled={!title} onClick={createClick}>Create</Button>
+      }}
+      >Cancel
+      </Button>
+      <Button disabled={!title} onClick={createClick}>
+        <b>
+          Create
+        </b>
+      </Button>
     </div>
-    <div className='muted' style={{ fontSize: 9 }}>Note: store important saves in folders on the drive!</div>
+    <div className='muted' style={{ fontSize: 9 }}>Note: save important worlds in folders on your hard drive!</div>
     <div className='muted' style={{ fontSize: 9 }}>{quota}</div>
   </Screen>
 }
@@ -85,9 +131,7 @@ export const WorldCustomize = ({ backClick }) => {
 
   return <Screen title='Customize world' backdrop='dirt'>
     <div className={styles.world_layers_container}>
-      <div className="world_layer">
-
-      </div>
+      <div className="world_layer" />
     </div>
     <Button onClick={backClick}>Back</Button>
   </Screen>
diff --git a/src/react/CreateWorldProvider.tsx b/src/react/CreateWorldProvider.tsx
index b01f129c..619a31f5 100644
--- a/src/react/CreateWorldProvider.tsx
+++ b/src/react/CreateWorldProvider.tsx
@@ -1,7 +1,10 @@
+import fs from 'fs'
+import path from 'path'
 import { hideCurrentModal, showModal } from '../globalState'
 import defaultLocalServerOptions from '../defaultLocalServerOptions'
 import { mkdirRecursive, uniqueFileNameFromWorldName } from '../browserfs'
 import supportedVersions from '../supportedVersions.mjs'
+import { getServerPlugin } from '../clientMods'
 import CreateWorld, { WorldCustomize, creatingWorldState } from './CreateWorld'
 import { getWorldsPath } from './SingleplayerProvider'
 import { useIsModalActive } from './utilsApp'
@@ -14,7 +17,7 @@ export default () => {
     const versions = Object.values(versionsPerMinor).map(x => {
       return {
         version: x,
-        label: x === defaultLocalServerOptions.version ? `${x} (available offline)` : x
+        label: x === defaultLocalServerOptions.version ? `${x} (default)` : x
       }
     })
     return <CreateWorld
@@ -24,34 +27,19 @@ export default () => {
       }}
       createClick={async () => {
         // create new world
-        const { title, type, version, gameMode } = creatingWorldState
+        const { title, type, version, gameMode, plugins } = creatingWorldState
         // todo display path in ui + disable if exist
         const savePath = await uniqueFileNameFromWorldName(title, getWorldsPath())
         await mkdirRecursive(savePath)
-        let generation
-        if (type === 'flat') {
-          generation = {
-            name: 'superflat',
-          }
-        }
-        if (type === 'void') {
-          generation = {
-            name: 'superflat',
-            layers: [],
-            noDefaults: true
-          }
-        }
-        if (type === 'nether') {
-          generation = {
-            name: 'nether'
-          }
-        }
+        await loadPluginsIntoWorld(savePath, plugins)
         hideCurrentModal()
         window.dispatchEvent(new CustomEvent('singleplayer', {
           detail: {
             levelName: title,
             version,
-            generation,
+            generation: {
+              name: type
+            },
             'worldFolder': savePath,
             gameMode: gameMode === 'survival' ? 0 : 1,
           },
@@ -68,3 +56,16 @@ export default () => {
   }
   return null
 }
+
+export const loadPluginsIntoWorld = async (worldPath: string, plugins: string[]) => {
+  for (const plugin of plugins) {
+    // eslint-disable-next-line no-await-in-loop
+    const { content, version } = await getServerPlugin(plugin) ?? {}
+    if (content) {
+      // eslint-disable-next-line no-await-in-loop
+      await mkdirRecursive(path.join(worldPath, 'plugins'))
+      // eslint-disable-next-line no-await-in-loop
+      await fs.promises.writeFile(path.join(worldPath, 'plugins', `${plugin}-${version}.js`), content)
+    }
+  }
+}
diff --git a/src/react/CreditsAboutModal.module.css b/src/react/CreditsAboutModal.module.css
new file mode 100644
index 00000000..753d0448
--- /dev/null
+++ b/src/react/CreditsAboutModal.module.css
@@ -0,0 +1,84 @@
+.modalScreen {
+  margin-top: -15px;
+}
+
+.container {
+  position: relative;
+  background-color: #eee0c3;
+  border: 5px solid #7A5C3E;
+  padding: 15px;
+  width: 80%;
+  margin: 0 auto;
+  color: #3F2A14;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+.title {
+  text-align: center;
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 10px;
+}
+
+.contentWrapper {
+  margin-bottom: 5px;
+}
+
+.subtitle {
+  font-size: 6px;
+  margin-bottom: 4px;
+  font-style: italic;
+}
+
+.paragraph {
+  font-size: 6px;
+  margin-bottom: 4px;
+}
+
+.list {
+  list-style-type: none;
+  padding: 0;
+  font-size: 6px;
+}
+
+.listItem {
+  margin-bottom: 2px;
+}
+
+.link {
+  color: #0000AA;
+  text-decoration: none;
+}
+
+.sectionTitle {
+  margin-top: 7px;
+  margin-bottom: 5px;
+  font-size: 8px;
+}
+
+.closeButton {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  display: flex;
+  justify-content: center;
+  cursor: pointer;
+  padding: 5px;
+  background: none;
+  border: none;
+  outline: none;
+}
+
+.closeButton:hover {
+  opacity: 0.8;
+}
+
+.closeButton:focus-visible {
+  outline: 1px dashed #7A5C3E;
+}
+
+.closeIcon {
+  color: #3F2A14;
+} 
\ No newline at end of file
diff --git a/src/react/CreditsAboutModal.module.css.d.ts b/src/react/CreditsAboutModal.module.css.d.ts
new file mode 100644
index 00000000..30ac3261
--- /dev/null
+++ b/src/react/CreditsAboutModal.module.css.d.ts
@@ -0,0 +1,18 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  closeButton: string;
+  closeIcon: string;
+  container: string;
+  contentWrapper: string;
+  link: string;
+  list: string;
+  listItem: string;
+  modalScreen: string;
+  paragraph: string;
+  sectionTitle: string;
+  subtitle: string;
+  title: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/CreditsAboutModal.tsx b/src/react/CreditsAboutModal.tsx
new file mode 100644
index 00000000..24826cd3
--- /dev/null
+++ b/src/react/CreditsAboutModal.tsx
@@ -0,0 +1,57 @@
+import { hideCurrentModal } from '../globalState'
+import { useIsModalActive } from './utilsApp'
+import Screen from './Screen'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import styles from './CreditsAboutModal.module.css'
+
+export default () => {
+  const isModalActive = useIsModalActive('credits-about')
+
+  if (!isModalActive) return null
+
+  return (
+    <Screen
+      title=""
+      backdrop
+      className={styles.modalScreen}>
+      <div className={styles.container}>
+        <h2 className={styles.title}>Minecraft Open Source JS Edition</h2>
+
+        <div className={styles.contentWrapper}>
+          <small className={styles.subtitle}><i>What if Minecraft was an online game?</i></small>
+          <p className={styles.paragraph}>
+            Hey! You are on the safest modern Minecraft clone rewritten in JavaScript. A huge amount of work has gone into this project to make it fast and complete, and many features would not be possible without these awesome people and projects:
+          </p>
+          <ul className={styles.list}>
+            <li className={styles.listItem}>- Everyone who provided awesome mods for the game</li>
+            <li className={styles.listItem}>- <span><a className={styles.link} href="https://discord.com/users/gen6442" target="_blank" rel="noopener noreferrer">[Gen]</a></span> for rewriting the physics engine to be Grim-compliant</li>
+            <li className={styles.listItem}>- <span><a className={styles.link} href="https://viaversion.com/" target="_blank" rel="noopener noreferrer">[ViaVersion]</a></span> for providing reliable sound id mappings</li>
+            <li className={styles.listItem}>- <span><a className={styles.link} href="https://github.com/BlueMap-Minecraft/BlueMap" target="_blank" rel="noopener noreferrer">[Bluemap]</a></span> for providing block entity models like chest</li>
+            <li className={styles.listItem}>- <span><a className={styles.link} href="https://github.com/misode/deepslate" target="_blank" rel="noopener noreferrer">[Deepslate]</a></span> for rendering 3d blocks in GUI (inventory)</li>
+            <li className={styles.listItem}>- <span><a className={styles.link} href="https://www.npmjs.com/package/skinview3d" target="_blank" rel="noopener noreferrer">[skinview3d]</a></span> for rendering skins & player geometry</li>
+            <li className={styles.listItem}>- <span><a className={styles.link} href="https://github.com/atxi/Polymer" target="_blank" rel="noopener noreferrer">[Polymer]</a></span> (c++ project) for providing fast & accurate server light implementation</li>
+          </ul>
+
+          <h3 className={styles.sectionTitle}>Current contributors:</h3>
+          <ul className={styles.list}>
+            <li className={styles.listItem}>- <span className={styles.link}><a className={styles.link} href="https://github.com/mgDentist" target="_blank" rel="noopener noreferrer">Maxim Grigorev</a></span> - React UI & Core Developer Maintainer</li>
+            <li className={styles.listItem}>- And many more community contributors!</li>
+          </ul>
+
+          <button
+            className={styles.closeButton}
+            onClick={() => hideCurrentModal()}
+            aria-label="Close"
+            type="button"
+          >
+            <PixelartIcon
+              iconName={pixelartIcons.close}
+              width={12}
+              className={styles.closeIcon}
+            />
+          </button>
+        </div>
+      </div>
+    </Screen>
+  )
+}
diff --git a/src/react/CreditsBookButton.module.css b/src/react/CreditsBookButton.module.css
new file mode 100644
index 00000000..83af5d80
--- /dev/null
+++ b/src/react/CreditsBookButton.module.css
@@ -0,0 +1,27 @@
+.creditsButton {
+  position: absolute;
+  top: 1px;
+  right: -30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: white;
+  opacity: 1;
+  transition: opacity 0.2s ease;
+}
+
+.creditsButton:hover {
+  opacity: 0.9;
+}
+
+.creditsButton:focus:not(:hover) {
+  outline: 1px solid #fff;
+}
+
+.creditsButton svg {
+  width: 15px;
+  height: 15px;
+}
diff --git a/src/react/CreditsBookButton.module.css.d.ts b/src/react/CreditsBookButton.module.css.d.ts
new file mode 100644
index 00000000..72f94435
--- /dev/null
+++ b/src/react/CreditsBookButton.module.css.d.ts
@@ -0,0 +1,7 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  creditsButton: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/CreditsBookButton.tsx b/src/react/CreditsBookButton.tsx
new file mode 100644
index 00000000..a3be740f
--- /dev/null
+++ b/src/react/CreditsBookButton.tsx
@@ -0,0 +1,22 @@
+import { showModal } from '../globalState'
+import styles from './CreditsBookButton.module.css'
+
+export default () => {
+  const handleClick = () => {
+    showModal({ reactType: 'credits-about' })
+  }
+
+  return (
+    <button
+      className={styles.creditsButton}
+      onClick={handleClick}
+      aria-label="Credits"
+      title="Credits"
+    >
+      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M15.4375 15.1238L15.625 15.3113V16.8113L15.4375 16.9988H14.6875L14.5 16.8113V16.4363L14.3125 16.2488H12.8125L12.625 16.0613V15.3113L12.4375 15.1238H10.9375L10.75 14.9363V14.1863L10.5625 13.9988H7.9375L7.75 14.1863V14.9363L7.5625 15.1238H6.0625L5.875 15.3113V16.0613L5.6875 16.2488H4.1875L4 16.4363V16.8113L3.8125 16.9988H3.0625L2.875 16.8113V15.3113L3.0625 15.1238H3.4375L3.625 14.9363V13.8113L3.8125 13.6238H4.1875L4.375 13.4363V11.9363L4.5625 11.7488H4.9375L5.125 11.5613V10.0613L4.9375 9.87384H4.1875L4 9.68634V8.93634L3.8125 8.74884H2.6875L2.5 8.56134V7.81134L2.3125 7.62384H1.1875L1 7.43634V6.68634L1.1875 6.49884H6.63738L6.82488 6.31134V5.61543V4.60586L7.01238 4.41836H7.5625L7.75 4.23086V2.6875L7.9375 2.5H8.43022L8.61772 2.3125V1.1875L8.80522 1H9.66735L9.85485 1.1875V2.3125L10.0424 2.5H10.5625L10.75 2.6875V4.23086L10.9375 4.41836H11.4375L11.625 4.60586V6.31134L11.8125 6.49884H17.3125L17.5 6.68634V7.43634L17.3125 7.62384H16.1875L16 7.81134V8.56134L15.8125 8.74884H14.6875L14.5 8.93634V9.68634L14.3125 9.87384H13.5625L13.375 10.0613V11.5613L13.5625 11.7488H13.9375L14.125 11.9363V13.4363L14.3125 13.6238H14.6875L14.875 13.8113V14.9363L15.0625 15.1238H15.4375Z" fill="#FFD700" />
+      </svg>
+
+    </button>
+  )
+}
diff --git a/src/react/Crosshair.css b/src/react/Crosshair.css
index 7076f475..c4974017 100644
--- a/src/react/Crosshair.css
+++ b/src/react/Crosshair.css
@@ -10,6 +10,7 @@
   transform: translate(-50%, -50%);
   image-rendering: pixelated;
   pointer-events: none;
+  background-color: transparent !important;
 }
 
 .crosshair-indicator {
diff --git a/src/react/Crosshair.tsx b/src/react/Crosshair.tsx
index 9079fb66..542545f7 100644
--- a/src/react/Crosshair.tsx
+++ b/src/react/Crosshair.tsx
@@ -60,11 +60,13 @@ export default () => {
 
   return <SharedHudVars>
     <div className='crosshair' />
-    {displayIndicator && <div className='crosshair-indicator' style={{
+    {displayIndicator && <div
+      className='crosshair-indicator' style={{
       //@ts-expect-error
-      '--crosshair-indicator-size': `${indicatorSize}px`,
-      borderLeft: `solid ${indicatorSize * indicatorProgress}px white`,
-      backgroundColor: alternativeIndicator ? 'dodgerblue' : undefined,
-    }} />}
+        '--crosshair-indicator-size': `${indicatorSize}px`,
+        borderLeft: `solid ${indicatorSize * indicatorProgress}px white`,
+        backgroundColor: alternativeIndicator ? 'dodgerblue' : undefined,
+      }}
+    />}
   </SharedHudVars>
 }
diff --git a/src/react/DeathScreen.stories.tsx b/src/react/DeathScreen.stories.tsx
index 0a13cd82..e194f4b0 100644
--- a/src/react/DeathScreen.stories.tsx
+++ b/src/react/DeathScreen.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof DeathScreen> = {
 }
 
 export default meta
-type Story = StoryObj<typeof DeathScreen>;
+type Story = StoryObj<typeof DeathScreen>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/DeathScreen.tsx b/src/react/DeathScreen.tsx
index 290e6285..3501368f 100644
--- a/src/react/DeathScreen.tsx
+++ b/src/react/DeathScreen.tsx
@@ -1,5 +1,5 @@
 import './deathScreen.css'
-import type { MessageFormatPart } from '../botUtils'
+import type { MessageFormatPart } from '../chatUtils'
 import MessageFormatted from './MessageFormatted'
 import Button from './Button'
 
@@ -18,12 +18,16 @@ export default ({ dieReasonMessage, respawnCallback, disconnectCallback }: Props
           <MessageFormatted parts={dieReasonMessage} />
         </h5>
         <div className='deathScreen-buttons-grouped'>
-          <Button label="Respawn" onClick={() => {
-            respawnCallback()
-          }} />
-          <Button label="Disconnnect" onClick={() => {
-            disconnectCallback()
-          }} />
+          <Button
+            label="Respawn" onClick={() => {
+              respawnCallback()
+            }}
+          />
+          <Button
+            label="Disconnect" onClick={() => {
+              disconnectCallback()
+            }}
+          />
         </div>
       </div>
     </div>
diff --git a/src/react/DeathScreenProvider.tsx b/src/react/DeathScreenProvider.tsx
index 8d5ab1c8..d3b59864 100644
--- a/src/react/DeathScreenProvider.tsx
+++ b/src/react/DeathScreenProvider.tsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react'
 import { proxy, useSnapshot } from 'valtio'
 import { disconnect } from '../flyingSquidUtils'
-import { MessageFormatPart, formatMessage } from '../botUtils'
+import { MessageFormatPart, formatMessage } from '../chatUtils'
 import { showModal, hideModal } from '../globalState'
 import { options } from '../optionsStorage'
 import DeathScreen from './DeathScreen'
diff --git a/src/react/DebugEdges.tsx b/src/react/DebugEdges.tsx
new file mode 100644
index 00000000..150e1f16
--- /dev/null
+++ b/src/react/DebugEdges.tsx
@@ -0,0 +1,63 @@
+import { useState } from 'react'
+import { useIsHashActive } from './simpleHooks'
+
+export default () => {
+  const MODES_COUNT = 5
+  const [mode, setMode] = useState(0)
+  const isHashActive = useIsHashActive('#edges')
+
+  if (!isHashActive) return null
+
+  const styles: React.CSSProperties = {
+    display: 'flex',
+    fontSize: 18,
+    zIndex: 10_000,
+    background: 'rgba(0, 0, 255, 0.5)',
+    border: '2px solid red',
+    whiteSpace: 'pre',
+  }
+  let text = ''
+  if (mode === 0) {
+    styles.position = 'fixed'
+    styles.inset = 0
+    styles.height = '100%'
+    text = 'inset 0 fixed 100% height'
+  }
+  if (mode === 1) {
+    styles.position = 'fixed'
+    styles.inset = 0
+    text = 'inset 0 fixed'
+  }
+  if (mode === 2) {
+    styles.position = 'absolute'
+    styles.inset = 0
+    text = 'inset 0 absolute'
+  }
+  if (mode === 3) {
+    styles.position = 'fixed'
+    styles.top = 0
+    styles.left = 0
+    styles.right = 0
+    styles.height = '100dvh'
+    text = 'top 0 fixed 100dvh'
+  }
+  if (mode === 4) {
+    styles.position = 'fixed'
+    styles.top = 0
+    styles.left = 0
+    styles.right = 0
+    styles.height = '100dvh'
+    text = 'top 0 bottom 0 fixed 100dvh'
+  }
+
+  return <div
+    style={styles}
+    onClick={() => {
+      setMode((mode + 1) % MODES_COUNT)
+    }}
+  >
+    {mode}: {text}{'\n'}
+    inner: {window.innerWidth}x{window.innerHeight}{'\n'}
+    outer: {window.outerWidth}x{window.outerHeight}{'\n'}
+  </div>
+}
diff --git a/src/react/DebugOverlay.module.css b/src/react/DebugOverlay.module.css
index 9ea30ebf..c20f39f1 100644
--- a/src/react/DebugOverlay.module.css
+++ b/src/react/DebugOverlay.module.css
@@ -11,12 +11,12 @@
 }
 
 .debug-left-side {
-  top: 1px;
+  top: 25px;
   left: 1px;
 }
 
 .debug-right-side {
-  top: 5px;
+  top: 25px;
   right: 1px;
   /* limit renderer long text width */
   width: 50%;
@@ -36,6 +36,8 @@
 
 .debug-right-side p {
   margin-left: auto;
+  text-align: right;
+  word-break: break-all;
 }
 
 .empty {
diff --git a/src/react/DebugOverlay.module.css.d.ts b/src/react/DebugOverlay.module.css.d.ts
new file mode 100644
index 00000000..b2fd67ef
--- /dev/null
+++ b/src/react/DebugOverlay.module.css.d.ts
@@ -0,0 +1,11 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'debug-left-side': string;
+  'debug-right-side': string;
+  debugLeftSide: string;
+  debugRightSide: string;
+  empty: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/DebugOverlay.tsx b/src/react/DebugOverlay.tsx
index cb831767..8e42fd38 100644
--- a/src/react/DebugOverlay.tsx
+++ b/src/react/DebugOverlay.tsx
@@ -1,7 +1,11 @@
-import { useEffect, useRef, useMemo, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
+import { useSnapshot } from 'valtio'
+import type { Block } from 'prismarine-block'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+import { miscUiState } from '../globalState'
 import { getFixedFilesize } from '../downloadAndOpenFile'
 import { options } from '../optionsStorage'
-import worldInteractions from '../worldInteractions'
+import { BlockStateModelInfo } from '../../renderer/viewer/lib/mesher/shared'
 import styles from './DebugOverlay.module.css'
 
 export default () => {
@@ -13,24 +17,34 @@ export default () => {
     received: {} as { [key: string]: number },
     sent: {} as { [key: string]: number }
   })
+  window.packetsCountByNamePerSec = packetsCountByNamePerSec
+  const packetsCountByNamePer10Sec = useRef({
+    received: {} as { [key: string]: number },
+    sent: {} as { [key: string]: number }
+  })
+  window.packetsCountByNamePer10Sec = packetsCountByNamePer10Sec
   const packetsCountByName = useRef({
     received: {} as { [key: string]: number },
     sent: {} as { [key: string]: number }
   })
+  window.packetsCountByName = packetsCountByName
   const ignoredPackets = useRef(new Set([] as any[]))
   const [packetsString, setPacketsString] = useState('')
-  const [showDebug, setShowDebug] = useState(false)
+  const { showDebugHud } = useSnapshot(miscUiState)
   const [pos, setPos] = useState<{ x: number, y: number, z: number }>({ x: 0, y: 0, z: 0 })
   const [skyL, setSkyL] = useState(0)
   const [blockL, setBlockL] = useState(0)
   const [biomeId, setBiomeId] = useState(0)
   const [day, setDay] = useState(0)
-  const [entitiesCount, setEntitiesCount] = useState(0)
+  const [timeOfDay, setTimeOfDay] = useState(0)
   const [dimension, setDimension] = useState('')
-  const [cursorBlock, setCursorBlock] = useState<typeof worldInteractions.cursorBlock>(null)
-  const [rendererDevice, setRendererDevice] = useState('')
+  const [cursorBlock, setCursorBlock] = useState<Block | null>(null)
+  const [blockInfo, setBlockInfo] = useState<{ customBlockName?: string, modelInfo?: BlockStateModelInfo } | null>(null)
+  const [clientTps, setClientTps] = useState(0)
+  const [serverTps, setServerTps] = useState(null as null | { value: number, frozen: boolean })
   const minecraftYaw = useRef(0)
   const minecraftQuad = useRef(0)
+  const rendererDevice = appViewer.rendererState.renderer ?? 'No render backend'
 
   const quadsDescription = [
     'north (towards negative Z)',
@@ -41,13 +55,6 @@ export default () => {
 
   const viewDegToMinecraft = (yaw) => yaw % 360 - 180 * (yaw < 0 ? -1 : 1)
 
-  const handleF3 = (e) => {
-    if (e.code === 'F3') {
-      setShowDebug(prev => !prev)
-      e.preventDefault()
-    }
-  }
-
   const readPacket = (data, { name }, _buf, fullBuffer) => {
     if (fullBuffer) {
       const size = fullBuffer.byteLength
@@ -61,9 +68,11 @@ export default () => {
   const managePackets = (type, name, data) => {
     packetsCountByName.current[type][name] ??= 0
     packetsCountByName.current[type][name]++
+    packetsCountByNamePerSec.current[type][name] ??= 0
+    packetsCountByNamePerSec.current[type][name]++
+    packetsCountByNamePer10Sec.current[type][name] ??= 0
+    packetsCountByNamePer10Sec.current[type][name]++
     if (options.debugLogNotFrequentPackets && !ignoredPackets.current.has(name) && !hardcodedListOfDebugPacketsToIgnore[type].includes(name)) {
-      packetsCountByNamePerSec.current[type][name] ??= 0
-      packetsCountByNamePerSec.current[type][name]++
       if (packetsCountByNamePerSec.current[type][name] > 5 || packetsCountByName.current[type][name] > 100) { // todo think of tracking the count within 10s
         console.info(`[packet ${name} was ${type} too frequent] Ignoring...`)
         ignoredPackets.current.add(name)
@@ -74,15 +83,44 @@ export default () => {
   }
 
   useEffect(() => {
-    document.addEventListener('keydown', handleF3)
+    let lastTpsReset = 0
+    let lastTps = 0
+    let lastTickDate = 0
+    const updateTps = (increment = false) => {
+      if (Date.now() - lastTpsReset >= 1000) {
+        setClientTps(lastTps)
+        window.lastTpsArray ??= []
+        window.lastTpsArray.push(lastTps)
+        lastTps = 0
+        lastTpsReset = Date.now()
+      }
+      if (increment) {
+        lastTickDate = Date.now()
+        lastTps++
+      }
+    }
+
+    let update = 0
     const packetsUpdateInterval = setInterval(() => {
       setPacketsString(`↓ ${received.current.count} (${(received.current.size / 1024).toFixed(2)} KB/s, ${getFixedFilesize(receivedTotal.current)}) ↑ ${sent.current.count}`)
       received.current = { ...defaultPacketsCount }
       sent.current = { ...defaultPacketsCount }
       packetsCountByNamePerSec.current.received = {}
       packetsCountByNamePerSec.current.sent = {}
+      if (update++ % 10 === 0) {
+        packetsCountByNamePer10Sec.current.received = {}
+        packetsCountByNamePer10Sec.current.sent = {}
+      }
+      updateTps(false)
     }, 1000)
 
+    bot.on('physicsTick', () => {
+      updateTps(true)
+    })
+    bot._client.on('packet', () => {
+      updateTps(false)
+    })
+
     const freqUpdateInterval = setInterval(() => {
       setPos({ ...bot.entity.position })
       setSkyL(bot.world.getSkyLight(bot.entity.position))
@@ -90,10 +128,20 @@ export default () => {
       setBiomeId(bot.world.getBiome(bot.entity.position))
       setDimension(bot.game.dimension)
       setDay(bot.time.day)
-      setCursorBlock(worldInteractions.cursorBlock)
-      setEntitiesCount(Object.values(bot.entities).length)
+      setTimeOfDay(bot.time.timeOfDay)
+      setCursorBlock(bot.mouse.getCursorState().cursorBlock)
     }, 100)
 
+    const notFrequentUpdateInterval = setInterval(async () => {
+      const block = bot.mouse.cursorBlock
+      if (!block) {
+        setBlockInfo(null)
+        return
+      }
+      const { customBlockName, modelInfo } = await getThreeJsRendererMethods()?.getBlockInfo(block.position, block.stateId) ?? {}
+      setBlockInfo({ customBlockName, modelInfo })
+    }, 300)
+
     // @ts-expect-error
     bot._client.on('packet', readPacket)
     // @ts-expect-error
@@ -102,18 +150,15 @@ export default () => {
       sent.current.count++
       managePackets('sent', name, data)
     })
-
-    try {
-      const gl = window.renderer.getContext()
-      setRendererDevice(gl.getParameter(gl.getExtension('WEBGL_debug_renderer_info')!.UNMASKED_RENDERER_WEBGL))
-    } catch (err) {
-      console.warn(err)
-    }
+    bot._client.on('set_ticking_state' as any, (data) => {
+      setServerTps({ value: data.tick_rate, frozen: data.is_frozen })
+    })
 
     return () => {
-      document.removeEventListener('keydown', handleF3)
       clearInterval(packetsUpdateInterval)
       clearInterval(freqUpdateInterval)
+      clearInterval(notFrequentUpdateInterval)
+      console.log('Last physics tick before disconnect was', Date.now() - lastTickDate, 'ms ago')
     }
   }, [])
 
@@ -122,50 +167,69 @@ export default () => {
     minecraftQuad.current = Math.floor(((minecraftYaw.current + 180) / 90 + 0.5) % 4)
   }, [bot.entity.yaw])
 
-  if (!showDebug) return null
+  if (!showDebugHud) return null
 
   return <>
-    <div className={styles['debug-left-side']}>
+    <div className={`debug-left-side ${styles['debug-left-side']}`}>
       <p>Prismarine Web Client ({bot.version})</p>
-      <p>E: {entitiesCount}</p>
+      {appViewer.backend?.getDebugOverlay?.().entitiesString && <p>E: {appViewer.backend.getDebugOverlay().entitiesString}</p>}
       <p>{dimension}</p>
-      <div className={styles.empty}></div>
+      <div className={styles.empty} />
       <p>XYZ: {pos.x.toFixed(3)} / {pos.y.toFixed(3)} / {pos.z.toFixed(3)}</p>
       <p>Chunk: {Math.floor(pos.x % 16)} ~ {Math.floor(pos.z % 16)} in {Math.floor(pos.x / 16)} ~ {Math.floor(pos.z / 16)}</p>
+      <p>Section: {Math.floor(pos.x / 16) * 16}, {Math.floor(pos.y / 16) * 16}, {Math.floor(pos.z / 16) * 16}</p>
       <p>Packets: {packetsString}</p>
+      <p>Client TPS: {clientTps} {serverTps ? `Server TPS: ${serverTps.value} ${serverTps.frozen ? '(frozen)' : ''}` : ''}</p>
       <p>Facing (viewer): {bot.entity.yaw.toFixed(3)} {bot.entity.pitch.toFixed(3)}</p>
       <p>Facing (minecraft): {quadsDescription[minecraftQuad.current]} ({minecraftYaw.current.toFixed(1)} {(bot.entity.pitch * -180 / Math.PI).toFixed(1)})</p>
       <p>Light: {blockL} ({skyL} sky)</p>
 
       <p>Biome: minecraft:{loadedData.biomesArray[biomeId]?.name ?? 'unknown biome'}</p>
-      <p>Day: {day}</p>
-      <div className={styles.empty}></div>
-      {Object.entries(customEntries.current).map(([name, value]) => <p key={name}>{name}: {value}</p>)}
+      <p>Day: {day} Time: {timeOfDay}</p>
+      <div className={styles.empty} />
+      {Object.entries(appViewer.backend?.getDebugOverlay?.().left ?? {}).map(([name, value]) => <p key={name}>{name}: {value}</p>)}
     </div>
 
-    <div className={styles['debug-right-side']}>
-      <p>Renderer: {rendererDevice} powered by three.js r{THREE.REVISION}</p>
-      <div className={styles.empty}></div>
+    <div className={`debug-right-side ${styles['debug-right-side']}`}>
+      <p>Backend: {appViewer.backend?.displayName}</p>
+      <p>Renderer: {rendererDevice}</p>
+      <div className={styles.empty} />
       {cursorBlock ? (<>
         <p>{cursorBlock.name}</p>
         {
-          Object.entries(cursorBlock.getProperties()).map(
-            ([name, value], idx, arr) => {
-              return <p key={name}>
-                {name}: {
-                  typeof value === 'boolean' ? (
-                    <span style={{ color: value ? 'lightgreen' : 'red' }}>{value}</span>
-                  ) : value
-                }
-              </p>
-            }
-          )
+          Object.entries(cursorBlock.getProperties()).map(([name, value], idx, arr) => {
+            return <p key={name}>
+              {name}: {
+                typeof value === 'boolean' ? (
+                  <span style={{ color: value ? 'lightgreen' : 'red' }}>{String(value)}</span>
+                ) : value
+              }
+            </p>
+          })
         }
       </>)
         : ''}
       {cursorBlock ? (
         <p>Looking at: {cursorBlock.position.x} {cursorBlock.position.y} {cursorBlock.position.z}</p>
       ) : ''}
+      <div className={styles.empty} />
+      {blockInfo && (() => {
+        const { customBlockName, modelInfo } = blockInfo
+        return modelInfo && (
+          <>
+            {customBlockName && <p style={{ fontSize: 7, }}>Custom block: {customBlockName}</p>}
+            {modelInfo.issues.map((issue, i) => (
+              <p key={i} style={{ color: 'yellow', fontSize: 7, }}>{issue}</p>
+            ))}
+            {/* <p style={{ fontSize: 7, }}>Resolved models chain: {modelInfo.modelNames.join(' -> ')}</p> */}
+            <p style={{ fontSize: 7, }}>Resolved model: {modelInfo.modelNames[0] ?? '-'}</p>
+            <p style={{ fontSize: 7, whiteSpace: 'nowrap', maxWidth: '100px', overflow: 'hidden', textOverflow: 'ellipsis' }}>
+              {modelInfo.conditions.join(', ')}
+            </p>
+          </>
+        )
+      })()}
+      {Object.entries(appViewer.backend?.getDebugOverlay?.().right ?? {}).map(([name, value]) => <p key={name}>{name}: {value}</p>)}
     </div>
   </>
 }
@@ -199,14 +263,20 @@ const hardcodedListOfDebugPacketsToIgnore = {
     'chat',
     'playerlist_header',
     'scoreboard_objective',
-    'scoreboard_score'
+    'scoreboard_score',
+    'entity_status',
+    'set_ticking_state',
+    'ping_response',
+    'block_change',
+    'damage_event'
   ],
   sent: [
     'pong',
     'position',
     'look',
     'keep_alive',
-    'position_look'
+    'position_look',
+    'ping_request'
   ]
 }
 
diff --git a/src/react/DiscordButton.tsx b/src/react/DiscordButton.tsx
new file mode 100644
index 00000000..e8278e95
--- /dev/null
+++ b/src/react/DiscordButton.tsx
@@ -0,0 +1,76 @@
+import { useFloating, arrow, FloatingArrow, offset as offsetMiddleware, Placement, autoPlacement } from '@floating-ui/react'
+import { openURL } from 'renderer/viewer/lib/simpleUtils'
+import { CSSProperties, useState } from 'react'
+import Button from './Button'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+
+export const DiscordButton = ({ text, style }: { text?: string, style?: Record<string, any> }) => {
+  const links: DropdownButtonItem[] = [
+    {
+      text: 'Support Official Server (mcraft.fun)',
+      clickHandler: () => openURL('https://discord.gg/xzGRhxtRUt')
+    },
+    {
+      text: 'Community Server (PrismarineJS)',
+      clickHandler: () => openURL('https://discord.gg/4Ucm684Fq3')
+    }
+  ]
+
+  return <DropdownButton text={text ?? 'Discord'} style={style} links={links} />
+}
+
+export type DropdownButtonItem = {
+  text: string,
+  clickHandler: () => void
+}
+
+export const DropdownButton = ({ text, style, links }: { text: string, style?: Record<string, any>, links: DropdownButtonItem[] }) => {
+  const [isOpen, setIsOpen] = useState(false)
+  const { refs, floatingStyles } = useFloating({
+    open: isOpen,
+    onOpenChange: setIsOpen,
+    middleware: [
+      autoPlacement()
+    ],
+  })
+
+  const styles: CSSProperties = {
+    ...floatingStyles,
+    background: 'rgba(0, 0, 0, 0.3)',
+    fontSize: 8,
+    userSelect: 'text',
+    padding: '2px 4px',
+    opacity: 1,
+    transition: 'opacity 0.3s ease-in-out',
+    textShadow: '1px 1px 2px BLACK',
+    display: 'flex',
+    flexDirection: 'column',
+    zIndex: 11
+  }
+
+  return <>
+    <Button
+      style={style ?? { position: 'relative', width: '98px' }}
+      rootRef={refs.setReference}
+      onClick={() => {
+        setIsOpen(!isOpen)
+      }}
+    >{text}<PixelartIcon
+        styles={{ position: 'absolute', top: '5px', right: '5px' }}
+        iconName={isOpen ? pixelartIcons['chevron-up'] : pixelartIcons['chevron-down']}
+      />
+    </Button>
+    {
+      isOpen && <div ref={refs.setFloating} style={styles}>
+        {links.map(el => {
+          return <Button
+            key={el.text}
+            style={{ width: '98px', fontSize: '7px' }}
+            onClick={el.clickHandler}
+          >{el.text}
+          </Button>
+        })}
+      </div>
+    }
+  </>
+}
diff --git a/src/react/DiveTransition.module.css.d.ts b/src/react/DiveTransition.module.css.d.ts
new file mode 100644
index 00000000..18e86f4b
--- /dev/null
+++ b/src/react/DiveTransition.module.css.d.ts
@@ -0,0 +1,8 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  container: string;
+  main: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/DiveTransition.stories.tsx b/src/react/DiveTransition.stories.tsx
index c7bf860d..4943ddee 100644
--- a/src/react/DiveTransition.stories.tsx
+++ b/src/react/DiveTransition.stories.tsx
@@ -9,7 +9,7 @@ const meta: Meta<{ open }> = {
 }
 
 export default meta
-type Story = StoryObj<{ open }>;
+type Story = StoryObj<{ open }>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/DiveTransition.tsx b/src/react/DiveTransition.tsx
index cd78dd66..754ed8b2 100644
--- a/src/react/DiveTransition.tsx
+++ b/src/react/DiveTransition.tsx
@@ -1,47 +1,44 @@
 import { useEffect, useState } from 'react'
-import { Transition } from 'react-transition-group'
+import { motion, AnimatePresence } from 'framer-motion'
 import styles from './DiveTransition.module.css'
 
-// dive animation from framework7
+const durationInSeconds = 0.3
+const durationInMs = durationInSeconds * 1000
 
-const startStyle = { opacity: 0, transform: 'translateZ(-150px)' }
-const endExitStyle = { opacity: 0, transform: 'translateZ(150px)' }
-const endStyle = { opacity: 1, transform: 'translateZ(0)' }
-
-const stateStyles = {
-  entering: startStyle,
-  entered: endStyle,
-  exiting: endExitStyle,
-  exited: endExitStyle,
-}
-const duration = 300
-const basicStyle = {
-  transition: `${duration}ms ease-in-out all`,
-}
-
-export default ({ children, open }) => {
+export default ({ children, open, isError = false }) => {
   const [mounted, setMounted] = useState(false)
 
   useEffect(() => {
     if (!mounted && open) {
       setMounted(true)
     }
+    let timeout
+    if (mounted && !open) {
+      timeout = setTimeout(() => {
+        setMounted(false)
+      }, durationInMs)
+    }
+    return () => {
+      if (timeout) clearTimeout(timeout)
+    }
   }, [open])
 
   if (!mounted) return null
 
-  return <Transition
-    in={open}
-    timeout={duration}
-    mountOnEnter
-    unmountOnExit
-  >
-    {(state) => {
-      return <div className={styles.container}>
-        {/* todo resolve compl */}
-        <div style={{ ...basicStyle, ...stateStyles[state] }} className={styles.main}>{children}</div>
-      </div>
-    }}
-  </Transition>
-
+  return (
+    <AnimatePresence initial={false}>
+      {open && (
+        <div className={styles.container}>
+          <motion.div
+            initial={false}
+            exit={isError ? undefined : { opacity: 0 }}
+            transition={{ duration: durationInSeconds }}
+            className={styles.main}
+          >
+            {children}
+          </motion.div>
+        </div>
+      )}
+    </AnimatePresence>
+  )
 }
diff --git a/src/react/EnterFullscreenButton.tsx b/src/react/EnterFullscreenButton.tsx
index ad78ddad..0bc41632 100644
--- a/src/react/EnterFullscreenButton.tsx
+++ b/src/react/EnterFullscreenButton.tsx
@@ -1,6 +1,12 @@
 import { useEffect, useState } from 'react'
+import { useSnapshot } from 'valtio'
+import { activeModalStack, miscUiState } from '../globalState'
 import Button from './Button'
 import { useUsingTouch } from './utilsApp'
+import { pixelartIcons } from './PixelartIcon'
+import { showNotification } from './NotificationProvider'
+
+const hideOnModals = new Set(['chat'])
 
 export default () => {
   const [fullScreen, setFullScreen] = useState(false)
@@ -9,20 +15,31 @@ export default () => {
       setFullScreen(!!document.fullscreenElement)
     })
   }, [])
+  const { gameLoaded } = useSnapshot(miscUiState)
+
+  const activeStack = useSnapshot(activeModalStack)
+
+  const inMainMenu = activeStack.length === 0 && !gameLoaded
 
   const usingTouch = useUsingTouch()
-  if (!usingTouch || !document.documentElement.requestFullscreen || fullScreen) return null
+  const hideButton = activeStack.some(x => hideOnModals.has(x.reactType))
+
+  if (hideButton || !usingTouch || !document.documentElement.requestFullscreen || fullScreen) return null
 
   return <Button
-    icon='pixelarticons:scale'
+    icon={pixelartIcons.scale}
     style={{
       position: 'fixed',
       top: 5,
-      left: 5,
+      left: inMainMenu ? 35 : 5,
       width: 22,
     }}
-    onClick={() => {
-      void document.documentElement.requestFullscreen()
+    onClick={async () => {
+      try {
+        await document.documentElement.requestFullscreen()
+      } catch (err) {
+        showNotification(`${err.message ?? err}`, undefined, true)
+      }
     }}
   />
 }
diff --git a/src/react/FireRenderer.tsx b/src/react/FireRenderer.tsx
new file mode 100644
index 00000000..20ad4606
--- /dev/null
+++ b/src/react/FireRenderer.tsx
@@ -0,0 +1,153 @@
+/* eslint-disable no-await-in-loop */
+import { useSnapshot } from 'valtio'
+import { useEffect, useState } from 'react'
+import { getLoadedImage } from 'mc-assets/dist/utils'
+import { createCanvas } from 'renderer/viewer/lib/utils'
+
+const TEXTURE_UPDATE_INTERVAL = 100 // 5 times per second
+
+export default () => {
+  const { onFire, perspective } = useSnapshot(appViewer.playerState.reactive)
+  const [fireTextures, setFireTextures] = useState<string[]>([])
+  const [currentTextureIndex, setCurrentTextureIndex] = useState(0)
+
+  useEffect(() => {
+    let animationFrameId: number
+    let lastTextureUpdate = 0
+
+    const updateTexture = (timestamp: number) => {
+      if (onFire && fireTextures.length > 0) {
+        if (timestamp - lastTextureUpdate >= TEXTURE_UPDATE_INTERVAL) {
+          setCurrentTextureIndex(prev => (prev + 1) % fireTextures.length)
+          lastTextureUpdate = timestamp
+        }
+      }
+      animationFrameId = requestAnimationFrame(updateTexture)
+    }
+
+    animationFrameId = requestAnimationFrame(updateTexture)
+    return () => cancelAnimationFrame(animationFrameId)
+  }, [onFire, fireTextures])
+
+  useEffect(() => {
+    const loadTextures = async () => {
+      const fireImageUrls: string[] = []
+
+      const { resourcesManager } = appViewer
+      const { blocksAtlasParser } = resourcesManager
+      if (!blocksAtlasParser?.atlas?.latest) {
+        console.warn('FireRenderer: Blocks atlas parser not available')
+        return
+      }
+
+      const keys = Object.keys(blocksAtlasParser.atlas.latest.textures).filter(key => /^fire_\d+$/.exec(key))
+      for (const key of keys) {
+        const textureInfo = blocksAtlasParser.getTextureInfo(key) as { u: number, v: number, width?: number, height?: number }
+        if (textureInfo) {
+          const defaultSize = blocksAtlasParser.atlas.latest.tileSize
+          const imageWidth = blocksAtlasParser.atlas.latest.width
+          const imageHeight = blocksAtlasParser.atlas.latest.height
+          const textureWidth = textureInfo.width ?? defaultSize
+          const textureHeight = textureInfo.height ?? defaultSize
+
+          // Create a temporary canvas for the full texture
+          const tempCanvas = createCanvas(textureWidth, textureHeight)
+          const tempCtx = tempCanvas.getContext('2d')
+          if (tempCtx && blocksAtlasParser.latestImage) {
+            const image = await getLoadedImage(blocksAtlasParser.latestImage)
+            tempCtx.drawImage(
+              image,
+              textureInfo.u * imageWidth,
+              textureInfo.v * imageHeight,
+              textureWidth,
+              textureHeight,
+              0,
+              0,
+              textureWidth,
+              textureHeight
+            )
+
+            // Create final canvas with only top 20% of the texture
+            const finalHeight = Math.ceil(textureHeight * 0.4)
+            const canvas = createCanvas(textureWidth, finalHeight)
+            const ctx = canvas.getContext('2d')
+            if (ctx) {
+              // Draw only the top portion
+              ctx.drawImage(
+                tempCanvas,
+                0,
+                0, // Start from top
+                textureWidth,
+                finalHeight,
+                0,
+                0,
+                textureWidth,
+                finalHeight
+              )
+
+              const blob = await canvas.convertToBlob()
+              const url = URL.createObjectURL(blob)
+              fireImageUrls.push(url)
+            }
+          }
+        }
+      }
+
+      setFireTextures(fireImageUrls)
+    }
+
+    // Load textures initially
+    if (appViewer.resourcesManager.currentResources) {
+      void loadTextures()
+    }
+
+    // Set up listener for texture updates
+    const onAssetsUpdated = () => {
+      void loadTextures()
+    }
+    appViewer.resourcesManager.on('assetsTexturesUpdated', onAssetsUpdated)
+
+    // Cleanup
+    return () => {
+      appViewer.resourcesManager.off('assetsTexturesUpdated', onAssetsUpdated)
+      // Cleanup texture URLs
+      for (const url of fireTextures) URL.revokeObjectURL(url)
+    }
+  }, [])
+
+  if (!onFire || fireTextures.length === 0 || perspective !== 'first_person') return null
+
+  return (
+    <div
+      className='fire-renderer-container'
+      style={{
+        position: 'fixed',
+        left: 0,
+        right: 0,
+        bottom: 0,
+        height: '20dvh',
+        pointerEvents: 'none',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'flex-end',
+        overflow: 'hidden',
+        zIndex: -1
+      }}
+    >
+      <div
+        style={{
+          position: 'absolute',
+          width: '100%',
+          height: '100%',
+          backgroundImage: `url(${fireTextures[currentTextureIndex]})`,
+          backgroundSize: '50% 100%',
+          backgroundPosition: 'center',
+          backgroundRepeat: 'repeat-x',
+          opacity: 0.7,
+          filter: 'brightness(1.2) contrast(1.2)',
+          mixBlendMode: 'screen'
+        }}
+      />
+    </div>
+  )
+}
diff --git a/src/react/FoodBar.css b/src/react/FoodBar.css
index ca3629cd..83da3c25 100644
--- a/src/react/FoodBar.css
+++ b/src/react/FoodBar.css
@@ -11,7 +11,6 @@
   --offset: calc(-1 * (52px + (9px * (4 * var(--kind) + var(--lightened) * 2))));
   --bg-x: calc(-1 * (16px + 9px * var(--lightened)));
   --bg-y: calc(-1 * 27px);
-  pointer-events: none;
   image-rendering: pixelated;
 }
 
diff --git a/src/react/FoodBar.stories.tsx b/src/react/FoodBar.stories.tsx
index abf351e3..cd39e80c 100644
--- a/src/react/FoodBar.stories.tsx
+++ b/src/react/FoodBar.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof FoodBar> = {
 }
 
 export default meta
-type Story = StoryObj<typeof FoodBar>;
+type Story = StoryObj<typeof FoodBar>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/FoodBar.tsx b/src/react/FoodBar.tsx
index d4141e45..dbed0502 100644
--- a/src/react/FoodBar.tsx
+++ b/src/react/FoodBar.tsx
@@ -13,20 +13,19 @@ export type FoodBarProps = {
   style?: React.CSSProperties
 }
 
-export default (
-  {
-    gameMode,
-    food,
-    effectToAdd,
-    effectToRemove,
-    resetEffects,
-    style
-  }: FoodBarProps) => {
+export default ({
+  gameMode,
+  food,
+  effectToAdd,
+  effectToRemove,
+  resetEffects,
+  style
+}: FoodBarProps) => {
   const foodRef = useRef<HTMLDivElement | null>(null)
 
   useEffect(() => {
     if (foodRef.current) {
-      foodRef.current.classList.toggle('creative', gameMode === 'creative')
+      foodRef.current.classList.toggle('creative', gameMode === 'creative' || gameMode === 'spectator')
     }
   }, [gameMode])
 
@@ -68,11 +67,10 @@ export default (
     <div ref={foodRef} className='foodbar' style={style}>
       {
         Array.from({ length: 10 }, () => 0)
-          .map(
-            (num, index) => <div
-              key={`food-${index}`}
-              className='food'></div>
-          )
+          .map((num, index) => <div
+            key={`food-${index}`}
+            className='food'
+          />)
       }
     </div>
   </SharedHudVars>
diff --git a/src/react/Fullmap.css b/src/react/Fullmap.css
new file mode 100644
index 00000000..5b4b37ce
--- /dev/null
+++ b/src/react/Fullmap.css
@@ -0,0 +1,13 @@
+
+.map {
+  width: 70% !important;
+  height: 80% !important;
+  border: 1px solid black;
+}
+
+@media (max-width: 500px) {
+  .map {
+    width: 100% !important;
+    height: 100% !important;
+  }
+}
diff --git a/src/react/Fullmap.tsx b/src/react/Fullmap.tsx
new file mode 100644
index 00000000..39c5e954
--- /dev/null
+++ b/src/react/Fullmap.tsx
@@ -0,0 +1,478 @@
+import { Vec3 } from 'vec3'
+import { useRef, useEffect, useState, CSSProperties, Dispatch, SetStateAction } from 'react'
+import { WorldWarp } from 'flying-squid/dist/lib/modules/warps'
+import { TransformWrapper, TransformComponent, ReactZoomPanPinchRef } from 'react-zoom-pan-pinch'
+import { DrawerAdapter } from './MinimapDrawer'
+import Button from './Button'
+import Input from './Input'
+import './Fullmap.css'
+
+
+type FullmapProps = {
+  adapter: DrawerAdapter,
+  toggleFullMap?: () => void,
+}
+
+export default ({ adapter, toggleFullMap }: FullmapProps) => {
+  const [grid, setGrid] = useState(() => new Set<string>())
+  const zoomRef = useRef<ReactZoomPanPinchRef>(null)
+  const [redraw, setRedraw] = useState<Set<string> | null>(null)
+  const [lastWarpPos, setLastWarpPos] = useState({ x: 0, y: 0, z: 0 })
+  const stateRef = useRef({ scale: 1, positionX: 0, positionY: 0 })
+  const cells = useRef({ columns: 0, rows: 0 })
+  const [isWarpInfoOpened, setIsWarpInfoOpened] = useState(false)
+  const [initWarp, setInitWarp] = useState<WorldWarp | undefined>(undefined)
+  const [warpPreview, setWarpPreview] = useState<{ name: string, x: number, z: number, clientX: number, clientY: number } | undefined>(undefined)
+
+  const updateGrid = () => {
+    const wrapperRect = zoomRef.current?.instance.wrapperComponent?.getBoundingClientRect()
+    if (!wrapperRect) return
+    const cellSize = 64
+    const columns = Math.ceil(wrapperRect.width / (cellSize * stateRef.current.scale))
+    const rows = Math.ceil(wrapperRect.height / (cellSize * stateRef.current.scale))
+    cells.current.rows = rows
+    cells.current.columns = columns
+    const leftBorder = - Math.floor(stateRef.current.positionX / (stateRef.current.scale * cellSize)) * cellSize
+    const topBorder = - Math.floor(stateRef.current.positionY / (stateRef.current.scale * cellSize)) * cellSize
+    const newGrid = new Set<string>()
+    for (let row = -1; row < rows; row += 1) {
+      for (let col = -1; col < columns; col += 1) {
+        const x = leftBorder + col * cellSize
+        const y = topBorder + row * cellSize
+        newGrid.add(`${x},${y}`)
+      }
+    }
+    setGrid(newGrid)
+  }
+
+  useEffect(() => {
+    adapter.full = true
+    console.log('[fullmap] set full property to true')
+    updateGrid()
+  }, [])
+
+  return <div
+    style={{
+      position: 'fixed',
+      isolation: 'isolate',
+      inset: '0px',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: 'rgba(0, 0, 0, 0.4)',
+      zIndex: 100
+    }}
+  >
+    {window.screen.width > 500 ? <div
+      style={{
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        zIndex: '-1'
+      }}
+      onClick={toggleFullMap}
+    > </div>
+      : <Button
+        icon="close-box"
+        onClick={toggleFullMap}
+        style={{
+          position: 'absolute',
+          top: '20px',
+          right: '20px',
+          zIndex: 1
+        }}
+      />}
+    <TransformWrapper
+      limitToBounds={false}
+      ref={zoomRef}
+      minScale={0.1}
+      doubleClick={{
+        disabled: false
+      }}
+      panning={{
+        allowLeftClickPan: true,
+        allowRightClickPan: false
+      }}
+      onTransformed={(ref, state) => {
+        stateRef.current = { ...state }
+      }}
+      onPanningStop={() => {
+        updateGrid()
+      }}
+      onZoomStop={() => {
+        updateGrid()
+      }}
+    >
+      <TransformComponent
+        wrapperClass="map"
+        wrapperStyle={{
+          willChange: 'transform',
+        }}
+      >
+        {[...grid].map((cellCoords) => {
+          const [x, y] = cellCoords.split(',').map(Number)
+          const playerChunkLeft = Math.floor(adapter.playerPosition.x / 16) * 16
+          const playerChunkTop = Math.floor(adapter.playerPosition.z / 16) * 16
+          const wrapperRect = zoomRef.current?.instance.wrapperComponent?.getBoundingClientRect()
+          const offsetX = Math.floor((wrapperRect?.width ?? 0) / (8 * 16)) * 16
+          const offsetY = Math.floor((wrapperRect?.height ?? 0) / (8 * 16)) * 16
+
+          return <MapChunk
+            key={'mapcell:' + cellCoords}
+            x={x}
+            y={y}
+            scale={stateRef.current.scale}
+            adapter={adapter}
+            worldX={playerChunkLeft + x / 4 - offsetX}
+            worldZ={playerChunkTop + y / 4 - offsetY}
+            setIsWarpInfoOpened={setIsWarpInfoOpened}
+            setLastWarpPos={setLastWarpPos}
+            redraw={redraw}
+            setInitWarp={setInitWarp}
+            setWarpPreview={setWarpPreview}
+          />
+        })}
+      </TransformComponent>
+    </TransformWrapper>
+    {warpPreview && <div
+      style={{
+        position: 'absolute',
+        top: warpPreview.clientY - 70,
+        left: warpPreview.clientX - 70,
+        textAlign: 'center',
+        fontSize: '1.5em',
+        textShadow: '0.1em 0 black, 0 0.1em black, -0.1em 0 black, 0 -0.1em black, -0.1em -0.1em black, -0.1em 0.1em black, 0.1em -0.1em black, 0.1em 0.1em black'
+      } as any}
+    >
+      {warpPreview.name}
+      <div>
+        {warpPreview.x} {warpPreview.z}
+      </div>
+    </div>}
+    {
+      isWarpInfoOpened && <WarpInfo
+        adapter={adapter}
+        warpPos={lastWarpPos}
+        setIsWarpInfoOpened={setIsWarpInfoOpened}
+        setRedraw={setRedraw}
+        initWarp={initWarp}
+        setInitWarp={setInitWarp}
+        toggleFullMap={toggleFullMap}
+      />
+    }
+  </div>
+}
+
+
+const MapChunk = (
+  { x, y, scale, adapter, worldX, worldZ, setIsWarpInfoOpened, setLastWarpPos, redraw, setInitWarp, setWarpPreview }:
+  {
+    x: number,
+    y: number,
+    scale: number,
+    adapter: DrawerAdapter,
+    worldX: number,
+    worldZ: number,
+    setIsWarpInfoOpened: (x: boolean) => void,
+    setLastWarpPos: (obj: { x: number, y: number, z: number }) => void,
+    redraw?: Set<string> | null
+    setInitWarp?: (warp: WorldWarp | undefined) => void
+    setWarpPreview?: (warpInfo) => void
+  }
+) => {
+  const containerRef = useRef(null)
+  const touchTimer = useRef<ReturnType<typeof setTimeout> | null>(null)
+  const canvasRef = useRef<HTMLCanvasElement>(null)
+
+  const longPress = (e) => {
+    touchTimer.current = setTimeout(() => {
+      touchTimer.current = null
+      handleClick(e)
+    }, 500)
+  }
+
+  const cancel = () => {
+    if (touchTimer.current) clearTimeout(touchTimer.current)
+  }
+
+  const handleClick = (e: MouseEvent | TouchEvent) => {
+    if (!adapter.mapDrawer) return
+    console.log('click:', e)
+    let clientX: number
+    let clientY: number
+    if ('buttons' in e && e.button === 2) {
+      clientX = e.clientX
+      clientY = e.clientY
+    } else if ('changedTouches' in e) {
+      clientX = (e).changedTouches[0].clientX
+      clientY = (e).changedTouches[0].clientY
+    } else { return }
+    const [x, z] = getXZ(clientX, clientY)
+    const mapX = Math.floor(x + worldX)
+    const mapZ = Math.floor(z + worldZ)
+    const y = adapter.getHighestBlockY(mapX, mapZ)
+    adapter.mapDrawer.setWarpPosOnClick(new Vec3(mapX, y, mapZ))
+    setLastWarpPos(adapter.mapDrawer.lastWarpPos)
+    const { lastWarpPos } = adapter.mapDrawer
+    const initWarp = adapter.warps.find(warp => Math.hypot(lastWarpPos.x - warp.x, lastWarpPos.z - warp.z) < 2)
+    setInitWarp?.(initWarp)
+    setIsWarpInfoOpened(true)
+  }
+
+  const getXZ = (clientX: number, clientY: number) => {
+    const rect = canvasRef.current!.getBoundingClientRect()
+    const factor = scale * (adapter.mapDrawer.mapPixel ?? 1)
+    const x = (clientX - rect.left) / factor
+    const y = (clientY - rect.top) / factor
+    return [x, y]
+  }
+
+  const handleMouseMove = (e: MouseEvent) => {
+    const [x, z] = getXZ(e.clientX, e.clientY)
+    const warp = adapter.warps.find(w => Math.hypot(w.x - x - worldX, w.z - z - worldZ) < 2)
+    setWarpPreview?.(
+      warp ? { name: warp.name, x: warp.x, z: warp.z, clientX: e.clientX, clientY: e.clientY } : undefined
+    )
+  }
+
+  const handleRedraw = (key?: string) => {
+    if (key !== `${worldX / 16},${worldZ / 16}`) return
+    adapter.mapDrawer.canvas = canvasRef.current!
+    adapter.mapDrawer.full = true
+    console.log('[mapChunk] update', key, `${worldX / 16},${worldZ / 16}`)
+    const timeout = setTimeout(() => {
+      if (canvasRef.current) void adapter.drawChunkOnCanvas(`${worldX / 16},${worldZ / 16}`, canvasRef.current)
+      clearTimeout(timeout)
+    }, 100)
+  }
+
+  useEffect(() => {
+    if (canvasRef.current) void adapter.drawChunkOnCanvas(`${worldX / 16},${worldZ / 16}`, canvasRef.current)
+  }, [canvasRef.current])
+
+  useEffect(() => {
+    canvasRef.current?.addEventListener('contextmenu', handleClick)
+    canvasRef.current?.addEventListener('touchstart', longPress)
+    canvasRef.current?.addEventListener('touchend', cancel)
+    canvasRef.current?.addEventListener('touchmove', cancel)
+    canvasRef.current?.addEventListener('mousemove', handleMouseMove)
+
+    return () => {
+      canvasRef.current?.removeEventListener('contextmenu', handleClick)
+      canvasRef.current?.removeEventListener('touchstart', longPress)
+      canvasRef.current?.removeEventListener('touchend', cancel)
+      canvasRef.current?.removeEventListener('touchmove', cancel)
+      canvasRef.current?.removeEventListener('mousemove', handleMouseMove)
+    }
+  }, [canvasRef.current])
+
+  useEffect(() => {
+    if (redraw) {
+      for (const key of redraw) {
+        handleRedraw(key)
+      }
+    }
+  }, [redraw])
+
+  return <div
+    ref={containerRef}
+    style={{
+      position: 'absolute',
+      width: '64px',
+      height: '64px',
+      top: `${y}px`,
+      left: `${x}px`,
+    }}
+  >
+    <canvas
+      ref={canvasRef}
+      style={{
+        width: '100%',
+        height: '100%',
+        imageRendering: 'pixelated'
+      }}
+      width={64}
+      height={64}
+    />
+  </div>
+}
+
+const WarpInfo = (
+  { adapter, warpPos, setIsWarpInfoOpened, afterWarpIsSet, initWarp, toggleFullMap, setRedraw }:
+  {
+    adapter: DrawerAdapter,
+    warpPos: { x: number, y: number, z: number },
+    setIsWarpInfoOpened: Dispatch<SetStateAction<boolean>>,
+    afterWarpIsSet?: () => void
+    initWarp?: WorldWarp,
+    setInitWarp?: React.Dispatch<React.SetStateAction<WorldWarp | undefined>>,
+    toggleFullMap?: () => void,
+    setRedraw?: React.Dispatch<React.SetStateAction<Set<string> | null>>
+  }
+) => {
+  const [warp, setWarp] = useState<WorldWarp>(initWarp ?? {
+    name: '',
+    x: warpPos?.x ?? 100,
+    y: warpPos?.y ?? 100,
+    z: warpPos?.z ?? 100,
+    color: '',
+    disabled: false,
+    world: adapter.world
+  })
+
+  const posInputStyle: CSSProperties = {
+    flexGrow: '1',
+  }
+  const fieldCont: CSSProperties = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '5px'
+  }
+
+  const updateChunk = () => {
+    const redraw = new Set<string>()
+    for (let i = -1; i < 2; i += 1) {
+      for (let j = -1; j < 2; j += 1) {
+        redraw.add(`${Math.floor(warp.x / 16) + j},${Math.floor(warp.z / 16) + i}`)
+      }
+    }
+    setRedraw?.(redraw)
+    console.log('[warpInfo] update', redraw)
+  }
+
+  const tpNow = () => {
+    adapter.off('updateChunk', tpNow)
+  }
+
+  const quickTp = () => {
+    toggleFullMap?.()
+    adapter.quickTp?.(warp.x, warp.z)
+  }
+
+  return <div
+    style={{
+      position: 'absolute',
+      inset: '0px',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      flexDirection: 'column',
+      backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      fontSize: '0.8em',
+      transform: 'scale(2)'
+    }}
+  >
+    <form
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '10px',
+        width: window.screen.width > 500 ? '100%' : '50%',
+        minWidth: '100px',
+        maxWidth: '300px',
+        padding: '20px',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        border: '2px solid black'
+      }}
+    >
+      <h2 style={{ alignSelf: 'center' }}>Point on the map</h2>
+      <div style={fieldCont}>
+        <div>
+          Name:
+        </div>
+        <Input
+          defaultValue={warp.name}
+          onChange={(e) => {
+            if (!e.target) return
+            setWarp(prev => { return { ...prev, name: e.target.value } })
+          }}
+          autoFocus
+        />
+      </div>
+      <div style={fieldCont}>
+        <div>
+          X:
+        </div>
+        <Input
+          rootStyles={posInputStyle}
+          defaultValue={warp.x ?? 100}
+          onChange={(e) => {
+            if (!e.target) return
+            setWarp(prev => { return { ...prev, x: Number(e.target.value) } })
+          }}
+        />
+        <div>
+          Z:
+        </div>
+        <Input
+          rootStyles={posInputStyle}
+          defaultValue={warp.z ?? 100}
+          onChange={(e) => {
+            if (!e.target) return
+            setWarp(prev => { return { ...prev, z: Number(e.target.value) } })
+          }}
+        />
+      </div>
+      <div style={fieldCont}>
+        <div>Color:</div>
+        <Input
+          type='color'
+          defaultValue={warp.color === '' ? '#232323' : warp.color}
+          onChange={(e) => {
+            if (!e.target) return
+            setWarp(prev => { return { ...prev, color: e.target.value } })
+          }}
+          rootStyles={{ width: '30px', }}
+          style={{ left: '0px' }}
+        />
+      </div>
+      <div style={fieldCont} >
+        <label htmlFor='warp-disabled'>Disabled:</label>
+        <input
+          id='warp-disabled'
+          type="checkbox"
+          checked={warp.disabled ?? false}
+          onChange={(e) => {
+            if (!e.target) return
+            setWarp(prev => { return { ...prev, disabled: e.target.checked } })
+          }}
+        />
+      </div>
+      <Button
+        style={{ alignSelf: 'center' }}
+        onClick={() => {
+          quickTp()
+        }}
+      >Quick TP</Button>
+      <div style={fieldCont}>
+        <Button
+          onClick={() => {
+            setIsWarpInfoOpened(false)
+          }}
+        >Cancel</Button>
+        <Button
+          onClick={(e) => {
+            e.preventDefault()
+            adapter.setWarp({ ...warp })
+            console.log(adapter.warps)
+            setIsWarpInfoOpened(false)
+            updateChunk()
+            afterWarpIsSet?.()
+          }}
+          type='submit'
+        >Add Warp</Button>
+        {initWarp && <Button
+          onClick={() => {
+            const index = adapter.warps.findIndex(thisWarp => thisWarp.name === warp.name)
+            if (index !== -1) {
+              adapter.setWarp({ name: warp.name, x: 0, y: 0, z: 0, color: '', disabled: false, world: '' }, true)
+              setIsWarpInfoOpened(false)
+              updateChunk()
+              afterWarpIsSet?.()
+            }
+          }}
+        >Delete</Button>}
+      </div>
+    </form>
+  </div>
+}
diff --git a/src/react/FullscreenTime.tsx b/src/react/FullscreenTime.tsx
new file mode 100644
index 00000000..00b56740
--- /dev/null
+++ b/src/react/FullscreenTime.tsx
@@ -0,0 +1,115 @@
+import { useEffect, useState } from 'react'
+import { useSnapshot } from 'valtio'
+import { options } from '../optionsStorage'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+
+interface BatteryManager extends EventTarget {
+  charging: boolean
+  chargingTime: number
+  dischargingTime: number
+  level: number
+  addEventListener(type: 'chargingchange' | 'levelchange', listener: EventListener): void
+  removeEventListener(type: 'chargingchange' | 'levelchange', listener: EventListener): void
+}
+
+declare global {
+  interface Navigator {
+    getBattery(): Promise<BatteryManager>
+  }
+}
+
+export default () => {
+  const [fullScreen, setFullScreen] = useState(false)
+  const { topRightTimeDisplay } = useSnapshot(options)
+  if (topRightTimeDisplay === 'never') return null
+  return <FullscreenTime />
+}
+
+const FullscreenTime = () => {
+  const { topRightTimeDisplay } = useSnapshot(options)
+  const [fullScreen, setFullScreen] = useState(false)
+  const [time, setTime] = useState('')
+  const [batteryInfo, setBatteryInfo] = useState<{ level: number, charging: boolean } | null>(null)
+
+  useEffect(() => {
+    document.documentElement.addEventListener('fullscreenchange', () => {
+      setFullScreen(!!document.fullscreenElement)
+    })
+
+    // Update time every second
+    const updateTime = () => {
+      const now = new Date()
+      const hours = now.getHours().toString().padStart(2, '0')
+      const minutes = now.getMinutes().toString().padStart(2, '0')
+      setTime(`${hours}:${minutes}`)
+    }
+    updateTime()
+    const timeInterval = setInterval(updateTime, 1000)
+
+    // Get battery info if available
+    if ('getBattery' in navigator) {
+      void navigator.getBattery().then(battery => {
+        const updateBatteryInfo = () => {
+          setBatteryInfo({
+            level: Math.round(battery.level * 100),
+            charging: battery.charging
+          })
+        }
+        updateBatteryInfo()
+        battery.addEventListener('levelchange', updateBatteryInfo)
+        battery.addEventListener('chargingchange', updateBatteryInfo)
+        return () => {
+          battery.removeEventListener('levelchange', updateBatteryInfo)
+          battery.removeEventListener('chargingchange', updateBatteryInfo)
+        }
+      })
+    }
+
+    return () => {
+      clearInterval(timeInterval)
+    }
+  }, [])
+
+  if (topRightTimeDisplay === 'only-fullscreen' && !fullScreen) return null
+
+  return (
+    <div
+      className='top-right-time'
+      style={{
+        position: 'fixed',
+        top: 'env(safe-area-inset-top, 5px)',
+        right: 'env(safe-area-inset-right, 5px)',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px',
+        padding: '1px 3px',
+        background: 'rgba(0, 0, 0, 0.75)',
+        borderRadius: '2px',
+        fontSize: 8,
+        color: 'white',
+        fontFamily: 'minecraft, mojangles, monospace',
+        zIndex: 1,
+        pointerEvents: 'none'
+      }}
+    >
+      <span>{time}</span>
+      {batteryInfo && (
+        <div style={{ display: 'flex', alignItems: 'center', gap: '2px' }}>
+          <PixelartIcon
+            iconName={getBatteryIcon(batteryInfo.level, batteryInfo.charging)}
+            styles={{ fontSize: 10 }}
+          />
+          <span>{batteryInfo.level}%</span>
+        </div>
+      )}
+    </div>
+  )
+}
+
+const getBatteryIcon = (level: number, charging: boolean) => {
+  if (charging) return pixelartIcons['battery-charging']
+  if (level > 60) return pixelartIcons['battery-full']
+  if (level > 20) return pixelartIcons['battery-2']
+  if (level > 5) return pixelartIcons['battery-1']
+  return pixelartIcons['battery']
+}
diff --git a/src/react/GameInteractionOverlay.tsx b/src/react/GameInteractionOverlay.tsx
new file mode 100644
index 00000000..268162ec
--- /dev/null
+++ b/src/react/GameInteractionOverlay.tsx
@@ -0,0 +1,317 @@
+import { useRef, useEffect } from 'react'
+import { subscribe, useSnapshot } from 'valtio'
+import { useUtilsEffect } from '@zardoy/react-util'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+import { isItemActivatableMobile } from 'mineflayer-mouse/dist/activatableItemsMobile'
+import { options } from '../optionsStorage'
+import { activeModalStack, isGameActive, miscUiState } from '../globalState'
+import { onCameraMove, CameraMoveEvent } from '../cameraRotationControls'
+import { pointerLock, isInRealGameSession } from '../utils'
+import { videoCursorInteraction } from '../customChannels'
+import { handleMovementStickDelta, joystickPointer } from './TouchAreasControls'
+
+/** after what time of holding the finger start breaking the block */
+const touchStartBreakingBlockMs = 500
+
+function GameInteractionOverlayInner ({
+  zIndex,
+  setJoystickOrigin,
+  updateJoystick
+}: {
+  zIndex: number,
+  setJoystickOrigin: (e: PointerEvent | null) => void
+  updateJoystick: (e: PointerEvent) => void
+}) {
+  const overlayRef = useRef<HTMLDivElement>(null)
+
+
+  useUtilsEffect(({ signal }) => {
+    if (!overlayRef.current) return
+
+    const cameraControlEl = overlayRef.current
+    let virtualClickActive = false
+    let virtualClickTimeout: NodeJS.Timeout | undefined
+    let screenTouches = 0
+    const capturedPointer = {
+      active: null as {
+        id: number;
+        x: number;
+        y: number;
+        sourceX: number;
+        sourceY: number;
+        activateCameraMove: boolean;
+        time: number
+      } | null
+    }
+
+    const pointerDownHandler = (e: PointerEvent) => {
+      const clickedEl = e.composedPath()[0]
+      if (!isGameActive(true) || clickedEl !== cameraControlEl || e.pointerId === undefined) {
+        return
+      }
+      getThreeJsRendererMethods()?.onPageInteraction()
+      screenTouches++
+      if (screenTouches === 3) {
+        // todo maybe mouse wheel click?
+      }
+      const usingModernMovement = options.touchMovementType === 'modern'
+      if (usingModernMovement) {
+        if (!joystickPointer.pointer && e.clientX < window.innerWidth / 2) {
+          cameraControlEl.setPointerCapture(e.pointerId)
+          setJoystickOrigin(e)
+          return
+        }
+      }
+      if (capturedPointer.active) {
+        return
+      }
+      cameraControlEl.setPointerCapture(e.pointerId)
+      capturedPointer.active = {
+        id: e.pointerId,
+        x: e.clientX,
+        y: e.clientY,
+        sourceX: e.clientX,
+        sourceY: e.clientY,
+        activateCameraMove: false,
+        time: Date.now()
+      }
+      if (options.touchInteractionType === 'classic') {
+        virtualClickTimeout ??= setTimeout(() => {
+          virtualClickActive = true
+          // If held item is activatable, use right click instead of left
+          const heldItemName = bot?.heldItem?.name
+          const isOnlyActivatable = heldItemName && isItemActivatableMobile(heldItemName, loadedData)
+          document.dispatchEvent(new MouseEvent('mousedown', { button: isOnlyActivatable ? 2 : 0 }))
+        }, touchStartBreakingBlockMs)
+      }
+    }
+
+    const pointerMoveHandler = (e: PointerEvent) => {
+      if (e.pointerId === undefined) return
+      const scale = window.visualViewport?.scale || 1
+
+      const supportsPressure = (e as any).pressure !== undefined &&
+        (e as any).pressure !== 0 &&
+        (e as any).pressure !== 0.5 &&
+        (e as any).pressure !== 1 &&
+        (e.pointerType === 'touch' || e.pointerType === 'pen')
+
+      if (e.pointerId === joystickPointer.pointer?.pointerId) {
+        updateJoystick(e)
+        if (supportsPressure && (e as any).pressure > 0.5) {
+          bot.setControlState('sprint', true)
+        }
+        return
+      }
+      if (e.pointerId !== capturedPointer.active?.id) return
+      // window.scrollTo(0, 0)
+      e.preventDefault()
+      e.stopPropagation()
+
+      const allowedJitter = 1.1
+      if (supportsPressure) {
+        bot.setControlState('jump', (e as any).pressure > 0.5)
+      }
+
+      // Adjust coordinates for scale
+      const currentX = e.clientX / scale
+      const currentY = e.clientY / scale
+      const sourceX = capturedPointer.active.sourceX / scale
+      const sourceY = capturedPointer.active.sourceY / scale
+      const lastX = capturedPointer.active.x / scale
+      const lastY = capturedPointer.active.y / scale
+
+      const xDiff = Math.abs(currentX - sourceX) > allowedJitter
+      const yDiff = Math.abs(currentY - sourceY) > allowedJitter
+
+      if (!capturedPointer.active.activateCameraMove && (xDiff || yDiff)) {
+        capturedPointer.active.activateCameraMove = true
+      }
+      if (capturedPointer.active.activateCameraMove) {
+        clearTimeout(virtualClickTimeout)
+      }
+
+      onCameraMove({
+        movementX: (currentX - lastX),
+        movementY: (currentY - lastY),
+        type: 'touchmove',
+        stopPropagation: () => e.stopPropagation()
+      } as CameraMoveEvent)
+
+      capturedPointer.active.x = e.clientX
+      capturedPointer.active.y = e.clientY
+    }
+
+    const pointerUpHandler = (e: PointerEvent) => {
+      if (e.pointerId === undefined) return
+      if (e.pointerId === joystickPointer.pointer?.pointerId) {
+        setJoystickOrigin(null)
+        return
+      }
+      if (e.pointerId !== capturedPointer.active?.id) return
+      clearTimeout(virtualClickTimeout)
+      virtualClickTimeout = undefined
+
+      if (virtualClickActive) {
+        // button 0 is left click
+        // If held item is activatable, use right click instead of left
+        const heldItemName = bot?.heldItem?.name
+        const isOnlyActivatable = heldItemName && isItemActivatableMobile(heldItemName, loadedData)
+        document.dispatchEvent(new MouseEvent('mouseup', { button: isOnlyActivatable ? 2 : 0 }))
+        virtualClickActive = false
+      } else if (!capturedPointer.active.activateCameraMove && (Date.now() - capturedPointer.active.time < touchStartBreakingBlockMs)) {
+        // single click action
+        const MOUSE_BUTTON_RIGHT = 2
+        const MOUSE_BUTTON_LEFT = 0
+        const heldItemName = bot?.heldItem?.name
+        const isOnlyActivatable = heldItemName && isItemActivatableMobile(heldItemName, loadedData)
+        const gonnaAttack = !!bot.mouse.getCursorState().entity || !!videoCursorInteraction()
+        // If not attacking entity and item is activatable, use right click for breaking
+        const useButton = !gonnaAttack && isOnlyActivatable ? MOUSE_BUTTON_RIGHT : (gonnaAttack ? MOUSE_BUTTON_LEFT : MOUSE_BUTTON_RIGHT)
+        document.dispatchEvent(new MouseEvent('mousedown', { button: useButton }))
+        bot.mouse.update()
+        document.dispatchEvent(new MouseEvent('mouseup', { button: useButton }))
+      }
+
+      if (screenTouches > 0) {
+        screenTouches--
+      }
+      capturedPointer.active = null
+    }
+
+    const contextMenuHandler = (e: Event) => {
+      e.preventDefault()
+    }
+
+    const blurHandler = () => {
+      bot.clearControlStates()
+    }
+
+    cameraControlEl.addEventListener('pointerdown', pointerDownHandler, { signal })
+    cameraControlEl.addEventListener('pointermove', pointerMoveHandler, { signal })
+    cameraControlEl.addEventListener('pointerup', pointerUpHandler, { signal })
+    cameraControlEl.addEventListener('pointercancel', pointerUpHandler, { signal })
+    cameraControlEl.addEventListener('lostpointercapture', pointerUpHandler, { signal })
+    cameraControlEl.addEventListener('contextmenu', contextMenuHandler, { signal })
+    window.addEventListener('blur', blurHandler, { signal })
+
+    // Add zoom detection and reset
+    const detectAndResetZoom = () => {
+      const { visualViewport } = window
+      if (!visualViewport) return
+
+      if (visualViewport.scale !== 1) {
+        // Reset zoom by updating viewport meta tag
+        const viewport = document.querySelector('meta[name=viewport]')
+        if (viewport) {
+          viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no')
+          // Force re-layout
+          setTimeout(() => {
+            viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no')
+          }, 300)
+        }
+      }
+    }
+
+    // Listen for zoom changes
+    window.visualViewport?.addEventListener('resize', detectAndResetZoom, { signal })
+    detectAndResetZoom()
+
+    // Prevent zoom gestures
+    document.addEventListener('gesturestart', (e) => e.preventDefault(), { signal })
+    document.addEventListener('gesturechange', (e) => e.preventDefault(), { signal })
+    document.addEventListener('gestureend', (e) => e.preventDefault(), { signal })
+
+
+    // Debug method to simulate zoom
+    window.debugSimulateZoom = (scale = 1.1, x = 0, y = 0) => {
+      const viewport = document.querySelector('meta[name=viewport]')
+      if (viewport) {
+        viewport.setAttribute('content', `width=device-width, initial-scale=${scale}, user-scalable=no, viewport-fit=cover, transform-origin: ${x}px ${y}px`)
+      }
+      // This will trigger the visualViewport resize event
+      setTimeout(() => {
+        window.visualViewport?.dispatchEvent(new Event('resize'))
+      }, 100)
+    }
+
+    // Debug method to reset zoom
+    window.debugResetZoom = () => {
+      const viewport = document.querySelector('meta[name=viewport]')
+      if (viewport) {
+        viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no')
+      }
+      setTimeout(() => {
+        window.visualViewport?.dispatchEvent(new Event('resize'))
+      }, 100)
+    }
+
+    signal.addEventListener('abort', () => {
+      setJoystickOrigin(null)
+    })
+  }, [setJoystickOrigin])
+
+  return (
+    <OverlayElement divRef={overlayRef} zIndex={zIndex} />
+  )
+
+
+}
+
+const OverlayElement = ({ divRef, zIndex }: { divRef: React.RefObject<HTMLDivElement>, zIndex: number }) => {
+  return <div
+    className='game-interaction-overlay'
+    ref={divRef}
+    style={{
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex,
+      touchAction: 'none',
+      userSelect: 'none'
+    }}
+  />
+}
+
+export default function GameInteractionOverlay ({ zIndex }: { zIndex: number }) {
+  const modalStack = useSnapshot(activeModalStack)
+  const { currentTouch } = useSnapshot(miscUiState)
+
+  const setJoystickOrigin = useRef((e: PointerEvent | null) => {
+    if (!e) {
+      handleMovementStickDelta()
+      joystickPointer.pointer = null
+      return
+    }
+
+    joystickPointer.pointer = {
+      pointerId: e.pointerId,
+      x: e.clientX,
+      y: e.clientY
+    }
+  }).current
+
+  const updateJoystick = useRef((e: PointerEvent) => {
+    handleMovementStickDelta(e)
+  }).current
+
+  if (modalStack.length > 0 || !currentTouch) return null
+  return <GameInteractionOverlayInner
+    zIndex={zIndex}
+    setJoystickOrigin={setJoystickOrigin}
+    updateJoystick={updateJoystick}
+  />
+
+}
+
+subscribe(activeModalStack, () => {
+  if (activeModalStack.length === 0) {
+    if (isInRealGameSession()) {
+      void pointerLock.requestPointerLock()
+    }
+  } else {
+    document.exitPointerLock?.()
+  }
+})
diff --git a/src/react/GamepadUiCursor.module.css.d.ts b/src/react/GamepadUiCursor.module.css.d.ts
new file mode 100644
index 00000000..1210baec
--- /dev/null
+++ b/src/react/GamepadUiCursor.module.css.d.ts
@@ -0,0 +1,7 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  crosshair: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/GlobalOverlayHints.tsx b/src/react/GlobalOverlayHints.tsx
new file mode 100644
index 00000000..ddbb1116
--- /dev/null
+++ b/src/react/GlobalOverlayHints.tsx
@@ -0,0 +1,56 @@
+import { useEffect } from 'react'
+import { proxy, useSnapshot } from 'valtio'
+import { isInRealGameSession, pointerLock } from '../utils'
+import { activeModalStack, miscUiState } from '../globalState'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import { useUsingTouch } from './utilsApp'
+
+export const displayHintsState = proxy({
+  captureMouseHint: false
+})
+
+export default () => {
+  const { captureMouseHint } = useSnapshot(displayHintsState)
+  const { usingGamepadInput } = useSnapshot(miscUiState)
+  const usingTouch = useUsingTouch()
+  const acitveModals = useSnapshot(activeModalStack).length > 0
+
+  const inRealGameSession = isInRealGameSession()
+
+  useEffect(() => {
+    const listener = () => {
+      if (pointerLock.hasPointerLock) {
+        displayHintsState.captureMouseHint = false
+      }
+    }
+    document.addEventListener('pointerlockchange', listener)
+
+    return () => {
+      document.removeEventListener('pointerlockchange', listener)
+    }
+  }, [])
+
+  return <div style={{
+    // below crosshair that is in center of screen
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    color: 'white',
+    fontSize: '10px',
+    whiteSpace: 'nowrap',
+    fontWeight: 'bold',
+    marginTop: '-16px',
+    pointerEvents: 'none',
+    textShadow: '0 0 1px black'
+  }}>
+    {captureMouseHint && !usingTouch && !usingGamepadInput && !acitveModals && inRealGameSession && <div style={{
+      display: 'flex',
+      alignItems: 'center',
+      gap: '10px',
+    }}>
+      <PixelartIcon iconName={pixelartIcons['sun-alt']} />
+      <div>{translate('Click to capture mouse')}</div>
+    </div>}
+  </div>
+}
diff --git a/src/GlobalSearchInput.tsx b/src/react/GlobalSearchInput.tsx
similarity index 84%
rename from src/GlobalSearchInput.tsx
rename to src/react/GlobalSearchInput.tsx
index c29c64a4..96ac4e48 100644
--- a/src/GlobalSearchInput.tsx
+++ b/src/react/GlobalSearchInput.tsx
@@ -1,6 +1,6 @@
 import { useSnapshot } from 'valtio'
-import { miscUiState } from './globalState'
-import Input from './react/Input'
+import { miscUiState } from '../globalState'
+import Input from './Input'
 
 function InnerSearch () {
   const { currentTouch } = useSnapshot(miscUiState)
@@ -13,12 +13,12 @@ function InnerSearch () {
     margin: 'auto',
     zIndex: 11,
     width: 'min-content',
-  }}>
+    transform: 'scale(1.5)'
+  }}
+  >
     <Input
       autoFocus={currentTouch === false}
-      width={50}
       placeholder='Search...'
-      defaultValue=""
       onChange={({ target: { value } }) => {
         customEvents.emit('search', value)
       }}
diff --git a/src/react/GoogleButton.tsx b/src/react/GoogleButton.tsx
index 4effecb6..dabbbf21 100644
--- a/src/react/GoogleButton.tsx
+++ b/src/react/GoogleButton.tsx
@@ -1,18 +1,20 @@
 import './GoogleButton.css'
 
 export default ({ onClick }) => {
-  return <button className="gsi-material-button" onClick={onClick} style={{
-    transform: 'scale(0.55) translate(-20%)',
-  }}>
+  return <button
+    className="gsi-material-button" onClick={onClick} style={{
+      transform: 'scale(0.55) translate(-20%)',
+    }}
+  >
     <div className="gsi-material-button-state" />
     <div className="gsi-material-button-content-wrapper">
       <div className="gsi-material-button-icon">
         <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
-          <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
-          <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
-          <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
-          <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
-          <path fill="none" d="M0 0h48v48H0z"></path>
+          <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z" />
+          <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z" />
+          <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z" />
+          <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z" />
+          <path fill="none" d="M0 0h48v48H0z" />
         </svg>
       </div>
       <span className="gsi-material-button-contents">Continue with Google</span>
diff --git a/src/react/HealthBar.css b/src/react/HealthBar.css
index a6fefe09..72f5a1fe 100644
--- a/src/react/HealthBar.css
+++ b/src/react/HealthBar.css
@@ -11,7 +11,6 @@
   --offset: calc(-1 * (52px + (9px * (4 * var(--kind) + var(--lightened) * 2)) ));
   --bg-x: calc(-1 * (16px + 9px * var(--lightened)));
   --bg-y: calc(-1 * var(--hardcore) * 45px);
-  pointer-events: none;
   image-rendering: pixelated;
 }
 
diff --git a/src/react/HealthBar.stories.tsx b/src/react/HealthBar.stories.tsx
index 69e84429..6f3ef28b 100644
--- a/src/react/HealthBar.stories.tsx
+++ b/src/react/HealthBar.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof HealthBar> = {
 }
 
 export default meta
-type Story = StoryObj<typeof HealthBar>;
+type Story = StoryObj<typeof HealthBar>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/HealthBar.tsx b/src/react/HealthBar.tsx
index 14e27fe6..a47eb4f1 100644
--- a/src/react/HealthBar.tsx
+++ b/src/react/HealthBar.tsx
@@ -15,17 +15,16 @@ export type HealthBarProps = {
   style?: React.CSSProperties
 }
 
-export default (
-  {
-    gameMode,
-    isHardcore,
-    damaged,
-    healthValue,
-    effectToAdd,
-    effectToRemove,
-    resetEffects,
-    style
-  }: HealthBarProps) => {
+export default ({
+  gameMode,
+  isHardcore,
+  damaged,
+  healthValue,
+  effectToAdd,
+  effectToRemove,
+  resetEffects,
+  style
+}: HealthBarProps) => {
   const healthRef = useRef<HTMLDivElement | null>(null)
 
   useEffect(() => {
@@ -97,11 +96,11 @@ export default (
     <div ref={healthRef} className='health' style={style}>
       {
         Array.from({ length: 10 }, () => 0)
-          .map(
-            (num, index) => <div
-              key={`heart-${index}`}
-              className='heart'></div>
-          )
+          .map((num, index) => <div
+            key={`heart-${index}`}
+            className='heart'
+          />)
       }
     </div>
-  </SharedHudVars>}
+  </SharedHudVars>
+}
diff --git a/src/react/HeldMapUi.tsx b/src/react/HeldMapUi.tsx
index 9187c98b..4fadf64f 100644
--- a/src/react/HeldMapUi.tsx
+++ b/src/react/HeldMapUi.tsx
@@ -1,31 +1,16 @@
 import { useEffect, useState } from 'react'
-import { mapDownloader } from 'mineflayer-item-map-downloader/'
-import { setImageConverter } from 'mineflayer-item-map-downloader/lib/util'
 
 export default () => {
   const [dataUrl, setDataUrl] = useState<string | null | true>(null) // true means loading
 
   useEffect(() => {
-    bot.loadPlugin(mapDownloader)
-
-    setImageConverter((buf: Uint8Array) => {
-      const canvas = document.createElement('canvas')
-      const ctx = canvas.getContext('2d')!
-      canvas.width = 128
-      canvas.height = 128
-      const imageData = ctx.createImageData(canvas.width, canvas.height)
-      imageData.data.set(buf)
-      ctx.putImageData(imageData, 0, 0)
-      // data url
-      return canvas.toDataURL('image/png')
-    })
-
     // TODO delete maps!
     const updateHeldMap = () => {
       setDataUrl(null)
-      if (!bot.heldItem || !['filled_map', 'map'].includes(bot.heldItem.name)) return
+      const item = bot.heldItem
+      if (!item || !['filled_map', 'map'].includes(item.name)) return
       // setDataUrl(true)
-      const mapNumber = (bot.heldItem?.nbt?.value as any)?.map?.value
+      const mapNumber = ((item?.nbt?.value as any)?.map?.value) ?? (item['components']?.find(x => x.type === 'map_id')?.data)
       // if (!mapNumber) return
       setDataUrl(bot.mapDownloader.maps?.[mapNumber] as unknown as string)
     }
@@ -34,10 +19,12 @@ export default () => {
       updateHeldMap()
     })
 
-    bot.on('new_map', () => {
+    bot.on('new_map', ({ id }) => {
       // total maps: Object.keys(bot.mapDownloader.maps).length
       updateHeldMap()
     })
+
+    updateHeldMap()
   }, [])
 
   return dataUrl && dataUrl !== true ? <div style={{
@@ -45,11 +32,14 @@ export default () => {
     bottom: 20,
     left: 8,
     pointerEvents: 'none',
-  }}>
-    <img src={dataUrl} style={{
-      width: 92,
-      height: 92,
-      imageRendering: 'pixelated',
-    }} />
+  }}
+  >
+    <img
+      src={dataUrl} style={{
+        width: 92,
+        height: 92,
+        imageRendering: 'pixelated',
+      }}
+    />
   </div> : null
 }
diff --git a/src/react/HotbarRenderApp.tsx b/src/react/HotbarRenderApp.tsx
index 600eaa36..c782e6ef 100644
--- a/src/react/HotbarRenderApp.tsx
+++ b/src/react/HotbarRenderApp.tsx
@@ -1,56 +1,45 @@
 import { useEffect, useRef, useState } from 'react'
-import { Transition } from 'react-transition-group'
+import { motion, AnimatePresence } from 'framer-motion'
 import { createPortal } from 'react-dom'
 import { subscribe, useSnapshot } from 'valtio'
-import { getItemNameRaw, openItemsCanvas, openPlayerInventory, upInventoryItems } from '../inventoryWindows'
+import { openItemsCanvas, upInventoryItems } from '../inventoryWindows'
 import { activeModalStack, isGameActive, miscUiState } from '../globalState'
 import { currentScaling } from '../scaleInterface'
 import { watchUnloadForCleanup } from '../gameUnload'
+import { getItemNameRaw } from '../mineflayer/items'
+import { isInRealGameSession } from '../utils'
+import { triggerCommand } from '../controls'
 import MessageFormattedString from './MessageFormattedString'
 import SharedHudVars from './SharedHudVars'
 
 
 const ItemName = ({ itemKey }: { itemKey: string }) => {
-  const nodeRef = useRef(null)
   const [show, setShow] = useState(false)
   const [itemName, setItemName] = useState<Record<string, any> | string>('')
 
-  const duration = 300
+  const duration = 0.3
 
   const defaultStyle: React.CSSProperties = {
     position: 'fixed',
-    bottom: `calc(env(safe-area-inset-bottom) + ${bot ? bot.game.gameMode === 'creative' ? '35px' : '50px' : '50px'})`,
+    bottom: `calc(env(safe-area-inset-bottom) + ${bot ? bot.game.gameMode === 'creative' ? '40px' : '50px' : '50px'})`,
     left: 0,
     right: 0,
     fontSize: 10,
     textAlign: 'center',
-    transition: `opacity ${duration}ms ease-in-out`,
-    opacity: 0,
     pointerEvents: 'none',
   }
 
-  const transitionStyles = {
-    entering: { opacity: 1 },
-    entered: { opacity: 1 },
-    exiting: { opacity: 0 },
-    exited: { opacity: 0 },
-  }
-
   useEffect(() => {
-    const itemData = itemKey.split('_split_')
-    if (!itemKey) {
-      setItemName('')
-    } else if (itemData[3]) {
-      const customDisplay = getItemNameRaw({
-        nbt: JSON.parse(itemData[3])
-      })
+    const item = bot.heldItem
+    if (item) {
+      const customDisplay = getItemNameRaw(item, appViewer.resourcesManager)
       if (customDisplay) {
         setItemName(customDisplay)
       } else {
-        setItemName(itemData[0])
+        setItemName(item.displayName)
       }
     } else {
-      setItemName(itemData[0])
+      setItemName('')
     }
     setShow(true)
     const id = setTimeout(() => {
@@ -62,26 +51,40 @@ const ItemName = ({ itemKey }: { itemKey: string }) => {
     }
   }, [itemKey])
 
-  return <Transition nodeRef={nodeRef} in={show} timeout={duration} >
-    {state => (
-      <SharedHudVars>
-        <div ref={nodeRef} style={{ ...defaultStyle, ...transitionStyles[state] }} className='item-display-name'>
-          <MessageFormattedString message={itemName} />
-        </div>
-      </SharedHudVars>
-    )}
-  </Transition>
+  return (
+    <AnimatePresence>
+      {show && (
+        <SharedHudVars>
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            transition={{ duration }}
+            style={defaultStyle}
+            className='item-display-name'
+          >
+            <MessageFormattedString message={itemName} />
+          </motion.div>
+        </SharedHudVars>
+      )}
+    </AnimatePresence>
+  )
 }
 
-export default () => {
+const HotbarInner = () => {
   const container = useRef<HTMLDivElement>(null!)
   const [itemKey, setItemKey] = useState('')
   const hasModals = useSnapshot(activeModalStack).length
+  const { currentTouch, appConfig } = useSnapshot(miscUiState)
+  const mobileOpenInventory = currentTouch && !appConfig?.disabledCommands?.includes('general.inventory')
 
   useEffect(() => {
     const controller = new AbortController()
 
     const inv = openItemsCanvas('HotbarWin', {
+      _client: {
+        write () {}
+      },
       clickWindow (slot, mouseButton, mode) {
         if (mouseButton === 1) {
           console.log('right click')
@@ -104,29 +107,33 @@ export default () => {
       canvasManager.setScale(currentScaling.scale)
 
       canvasManager.windowHeight = 25 * canvasManager.scale
-      canvasManager.windowWidth = (210 - (inv.inventory.supportsOffhand ? 0 : 25) + (miscUiState.currentTouch ? 28 : 0)) * canvasManager.scale
+      canvasManager.windowWidth = (210 - (inv.inventory.supportsOffhand ? 0 : 25) + (mobileOpenInventory ? 28 : 0)) * canvasManager.scale
     }
     setSize()
     watchUnloadForCleanup(subscribe(currentScaling, setSize))
     inv.canvas.style.pointerEvents = 'auto'
     container.current.appendChild(inv.canvas)
     const upHotbarItems = () => {
-      if (!viewer.world.downloadedTextureImage || !viewer.world.customTexturesDataUrl) return
-      upInventoryItems(true, inv)
+      if (!appViewer.resourcesManager?.itemsAtlasParser) return
+      globalThis.debugHotbarItems = upInventoryItems(true, inv)
     }
 
     canvasManager.canvas.onclick = (e) => {
       if (!isGameActive(true)) return
       const pos = inv.canvasManager.getMousePos(inv.canvas, e)
-      if (canvasManager.canvas.width - pos.x < 35 * inv.canvasManager.scale) {
-        openPlayerInventory()
+      if (canvasManager.canvas.width - pos.x < 35 * inv.canvasManager.scale && mobileOpenInventory) {
+        triggerCommand('general.inventory', true)
+        triggerCommand('general.inventory', false)
       }
     }
 
+    globalThis.debugUpHotbarItems = upHotbarItems
     upHotbarItems()
     bot.inventory.on('updateSlot', upHotbarItems)
-    viewer.world.renderUpdateEmitter.on('textureDownloaded', upHotbarItems)
-    viewer.world.renderUpdateEmitter.on('blockStatesDownloaded', upHotbarItems)
+    appViewer.resourcesManager.on('assetsTexturesUpdated', upHotbarItems)
+    appViewer.resourcesManager.on('assetsInventoryReady', () => {
+      upHotbarItems()
+    })
 
     const setSelectedSlot = (index: number) => {
       if (index === bot.quickBarSlot) return
@@ -142,13 +149,13 @@ export default () => {
       }
       const item = bot.inventory.slots[bot.quickBarSlot + 36]!
       const itemNbt = item.nbt ? JSON.stringify(item.nbt) : ''
-      setItemKey(`${item.displayName}_split_${item.type}_split_${item.metadata}_split_${itemNbt}`)
+      setItemKey(`${item.name}_split_${item.type}_split_${item.metadata}_split_${itemNbt}_split_${JSON.stringify(item['components'] ?? [])}`)
     }
     heldItemChanged()
     bot.on('heldItemChanged' as any, heldItemChanged)
 
     document.addEventListener('wheel', (e) => {
-      if (!isGameActive(true)) return
+      if (!isInRealGameSession()) return
       e.preventDefault()
       const newSlot = ((bot.quickBarSlot + Math.sign(e.deltaY)) % 9 + 9) % 9
       setSelectedSlot(newSlot)
@@ -158,7 +165,7 @@ export default () => {
     })
 
     document.addEventListener('keydown', (e) => {
-      if (!isGameActive(true)) return
+      if (!isInRealGameSession()) return
       const numPressed = +((/Digit(\d)/.exec(e.code))?.[1] ?? -1)
       if (numPressed < 1 || numPressed > 9) return
       setSelectedSlot(numPressed - 1)
@@ -177,17 +184,8 @@ export default () => {
     })
     document.addEventListener('touchend', (e) => {
       if (touchStart && (e.target as HTMLElement).closest('.hotbar') && Date.now() - touchStart > 700) {
-        // drop item
-        bot._client.write('block_dig', {
-          'status': 4,
-          'location': {
-            'x': 0,
-            'z': 0,
-            'y': 0
-          },
-          'face': 0,
-          sequence: 0
-        })
+        triggerCommand('general.dropStack', true)
+        triggerCommand('general.dropStack', false)
       }
       touchStart = 0
     })
@@ -195,28 +193,51 @@ export default () => {
     return () => {
       inv.destroy()
       controller.abort()
-      viewer.world.renderUpdateEmitter.off('textureDownloaded', upHotbarItems)
-      viewer.world.renderUpdateEmitter.off('blockStatesDownloaded', upHotbarItems)
+      appViewer.resourcesManager.off('assetsTexturesUpdated', upHotbarItems)
     }
   }, [])
 
   return <SharedHudVars>
     <ItemName itemKey={itemKey} />
     <Portal>
-      <div className='hotbar' ref={container} style={{
-        position: 'fixed',
-        left: 0,
-        right: 0,
-        display: 'flex',
-        justifyContent: 'center',
-        zIndex: hasModals ? 1 : 8,
-        pointerEvents: 'none',
-        bottom: 'var(--hud-bottom-raw)'
-      }} />
+      <div
+        className='hotbar-fullscreen-container'
+        style={{
+          position: 'fixed',
+          top: 0,
+          left: 0,
+          width: '100dvw',
+          height: '100dvh',
+          zIndex: hasModals ? 1 : 8,
+          display: 'flex',
+          justifyContent: 'center',
+          pointerEvents: 'none',
+        }}>
+        <div
+          className='hotbar'
+          ref={container}
+          style={{
+            position: 'absolute',
+            pointerEvents: 'none',
+            bottom: 'var(--hud-bottom-raw)'
+          }}
+        />
+      </div>
     </Portal>
   </SharedHudVars>
 }
 
+export default () => {
+  const [gameMode, setGameMode] = useState(bot.game?.gameMode ?? 'creative')
+  useEffect(() => {
+    bot.on('game', () => {
+      setGameMode(bot.game.gameMode)
+    })
+  }, [])
+
+  return gameMode === 'spectator' ? null : <HotbarInner />
+}
+
 const Portal = ({ children, to = document.body }) => {
   return createPortal(children, to)
 }
diff --git a/src/react/HudBarsProvider.tsx b/src/react/HudBarsProvider.tsx
index ea78ae08..42fa8378 100644
--- a/src/react/HudBarsProvider.tsx
+++ b/src/react/HudBarsProvider.tsx
@@ -1,5 +1,7 @@
 import { useRef, useState, useMemo } from 'react'
 import { GameMode } from 'mineflayer'
+import { useSnapshot } from 'valtio'
+import { options } from '../optionsStorage'
 import { armor } from './armorValues'
 import HealthBar from './HealthBar'
 import FoodBar from './FoodBar'
@@ -8,6 +10,8 @@ import BreathBar from './BreathBar'
 import './HealthBar.css'
 
 export default () => {
+  const { disabledUiParts } = useSnapshot(options)
+
   const [damaged, setDamaged] = useState(false)
   const [healthValue, setHealthValue] = useState(bot.health)
   const [food, setFood] = useState(bot.food)
@@ -90,8 +94,8 @@ export default () => {
     upArmour()
   }, [])
 
-  return <div>
-    <HealthBar
+  return <div className='hud-bars-container'>
+    {!disabledUiParts.includes('health-bar') && <HealthBar
       gameMode={gameMode}
       isHardcore={isHardcore}
       damaged={damaged}
@@ -102,12 +106,12 @@ export default () => {
         setEffectToAdd(null)
         setEffectToRemove(null)
       }}
-    />
-    <ArmorBar
+    />}
+    {!disabledUiParts.includes('armor-bar') && <ArmorBar
       armorValue={armorValue}
       style={gameMode !== 'survival' && gameMode !== 'adventure' ? { display: 'none' } : { display: 'flex' }}
-    />
-    <FoodBar
+    />}
+    {!disabledUiParts.includes('food-bar') && <FoodBar
       gameMode={gameMode}
       food={food}
       effectToAdd={effectToAdd}
@@ -116,9 +120,9 @@ export default () => {
         setEffectToAdd(null)
         setEffectToRemove(null)
       }}
-    />
-    <BreathBar
+    />}
+    {!disabledUiParts.includes('breath-bar') && <BreathBar
       oxygen={gameMode !== 'survival' && gameMode !== 'adventure' ? 0 : oxygen}
-    />
+    />}
   </div>
 }
diff --git a/src/react/IndicatorEffects.css b/src/react/IndicatorEffects.css
index 7ddad807..797b37e8 100644
--- a/src/react/IndicatorEffects.css
+++ b/src/react/IndicatorEffects.css
@@ -1,14 +1,14 @@
-.effectsScreen-container {
+.indicators-container-outer {
   position: fixed;
-  top: 6%;
-  left: 0px;
+  top: max(6%, 30px);
+  left: calc(env(safe-area-inset-left) / 2);
   z-index: -2;
-  pointer-events: none;
+  /* pointer-events: none; */
 }
 
 .indicators-container {
   display: flex;
-  font-size: 0.7em;
+  font-size: 0.8em;
 }
 
 .effects-container {
@@ -17,19 +17,68 @@
 }
 
 .effect-box {
+  position: relative;
   display: flex;
   align-items: center;
+  background: rgba(40, 40, 40, 0.85);
+  border-top: 1px solid #9f9f9f;
+  border-left: 1px solid #9f9f9f;
+  border-right: 1px solid #373737;
+  border-bottom: 1px solid #373737;
+  padding: 3px 9px 3px 4px;
+  margin-bottom: 3px;
+  min-width: 60px;
+  min-height: 22px;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.effect-box__progress-bg {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  background: linear-gradient(90deg, #b2b2b2 0%, #6b6b6b 100%);
+  opacity: 0.18;
+  z-index: 0;
+  transition: width 0.3s linear;
 }
 
 .effect-box__image {
-  width: 23px;
-  margin-right: 3px;
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+  z-index: 1;
+}
+
+.effect-box__content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  z-index: 1;
+  flex: 1;
+}
+
+.effect-box__title {
+  color: #e0e0e0;
+  font-size: 0.45rem;
+  font-weight: 600;
+  margin-bottom: 1px;
+  text-shadow: 1px 1px 0 #222, 0 0 2px #000;
 }
 
 .effect-box__time {
-  font-size: 0.65rem;
+  color: #fff;
+  font-size: 0.5rem;
+  text-shadow: 1px 1px 0 #222, 0 0 2px #000;
 }
 
 .effect-box__level {
-  font-size: 0.45rem;
+  position: absolute;
+  right: 4px;
+  top: 4px;
+  color: #fff;
+  font-size: 0.48rem;
+  text-shadow: 1px 1px 0 #222, 0 0 2px #000;
+  z-index: 2;
 }
diff --git a/src/react/IndicatorEffects.stories.tsx b/src/react/IndicatorEffects.stories.tsx
deleted file mode 100644
index 455718fe..00000000
--- a/src/react/IndicatorEffects.stories.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import 'iconify-icon'
-
-import type { Meta, StoryObj } from '@storybook/react'
-
-import IndicatorEffects, { defaultIndicatorsState } from './IndicatorEffects'
-import { images } from './effectsImages'
-
-const meta: Meta<typeof IndicatorEffects> = {
-  component: IndicatorEffects
-}
-
-export default meta
-type Story = StoryObj<typeof IndicatorEffects>;
-
-export const Primary: Story = {
-  args: {
-    indicators: defaultIndicatorsState,
-    effects: [
-      {
-        image: images.glowing,
-        time: 200,
-        level: 255,
-        removeEffect (image: string) {},
-        reduceTime (image: string) {}
-      },
-      {
-        image: images.absorption,
-        time: 30,
-        level: 99,
-        removeEffect (image: string) {},
-        reduceTime (image: string) {}
-      }
-    ],
-  }
-}
diff --git a/src/react/IndicatorEffects.tsx b/src/react/IndicatorEffects.tsx
index 2aafaa99..50ece8d5 100644
--- a/src/react/IndicatorEffects.tsx
+++ b/src/react/IndicatorEffects.tsx
@@ -1,5 +1,5 @@
-import { useMemo, useEffect, useRef } from 'react'
-import PixelartIcon from './PixelartIcon'
+import { useMemo, useEffect, useRef, useState } from 'react'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
 import './IndicatorEffects.css'
 
 
@@ -9,35 +9,55 @@ function formatTime (seconds: number): string {
   const minutes = Math.floor(seconds / 60)
   const remainingSeconds = Math.floor(seconds % 60)
   const formattedMinutes = String(minutes).padStart(2, '0')
-  const formattedSeconds = String(remainingSeconds)
+  const formattedSeconds = String(remainingSeconds).padStart(2, '0')
   return `${formattedMinutes}:${formattedSeconds}`
 }
 
 export type EffectType = {
+  id: number,
   image: string,
-  time: number,
   level: number,
-  removeEffect: (image: string) => void,
-  reduceTime: (image: string) => void
+  initialTime: number,
+  duration: number,
+  name: string,
 }
 
-const EffectBox = ({ image, time, level }: Pick<EffectType, 'image' | 'time' | 'level'>) => {
+const EffectBox = ({ image, level, name, initialTime, duration }: Pick<EffectType, 'image' | 'level' | 'initialTime' | 'name' | 'duration'>) => {
+  const [currentTime, setCurrentTime] = useState(Date.now())
 
-  const formattedTime = useMemo(() => formatTime(time), [time])
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setCurrentTime(Date.now())
+    }, 100)
+    return () => clearInterval(interval)
+  }, [])
 
-  return <div className='effect-box'>
-    <img className='effect-box__image' src={image} alt='' />
-    <div>
-      {formattedTime ? (
-        // if time is negative then effect is shown without time.
-        // Component should be removed manually with time = 0
-        <div className='effect-box__time'>{formattedTime}</div>
-      ) : null}
-      {level > 0 && level < 256 ? (
-        <div className='effect-box__level'>{level + 1}</div>
-      ) : null}
+  const timeElapsed = (currentTime - initialTime) / 1000
+  const timeRemaining = Math.max(0, duration - timeElapsed)
+  const progress = duration > 0 ? Math.max(0, Math.min(1, timeRemaining / duration)) : 0
+  const formattedTime = useMemo(() => formatTime(timeRemaining), [timeRemaining])
+
+  // Convert level to Roman numerals
+  const toRomanNumeral = (num: number): string => {
+    if (num <= 0) return ''
+    const romanNumerals = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X']
+    return romanNumerals[num - 1] || `${num}`
+  }
+
+  const levelText = level > 0 && level < 256 ? ` ${toRomanNumeral(level + 1)}` : ''
+
+  return (
+    <div className='effect-box'>
+      <div className='effect-box__progress-bg' style={{ width: `${progress * 100}%` }} />
+      <img className='effect-box__image' src={image} alt='' />
+      <div className='effect-box__content'>
+        <div className='effect-box__title'>{name}{levelText}</div>
+        {formattedTime && (
+          <div className='effect-box__time'>{formattedTime}</div>
+        )}
+      </div>
     </div>
-  </div>
+  )
 }
 
 export const defaultIndicatorsState = {
@@ -46,6 +66,8 @@ export const defaultIndicatorsState = {
   readonlyFiles: false,
   writingFiles: false, // saving
   appHasErrors: false,
+  connectionIssues: 0,
+  preventSleep: false,
 }
 
 const indicatorIcons: Record<keyof typeof defaultIndicatorsState, string> = {
@@ -54,58 +76,64 @@ const indicatorIcons: Record<keyof typeof defaultIndicatorsState, string> = {
   writingFiles: 'arrow-bar-up',
   appHasErrors: 'alert',
   readonlyFiles: 'file-off',
+  connectionIssues: pixelartIcons['cellular-signal-off'],
+  preventSleep: pixelartIcons.moon,
 }
 
-export default ({ indicators, effects }: { indicators: typeof defaultIndicatorsState, effects: readonly EffectType[] }) => {
-  const effectsRef = useRef(effects)
-  useEffect(() => {
-    effectsRef.current = effects
-  }, [effects])
+const colorOverrides = {
+  connectionIssues: {
+    0: false,
+    1: 'orange',
+    2: 'red'
+  }
+}
 
-  useEffect(() => {
-    // todo use more precise timer for each effect
-    const interval = setInterval(() => {
-      for (const [index, effect] of effectsRef.current.entries()) {
-        if (effect.time === 0) {
-          // effect.removeEffect(effect.image)
-          return
-        }
-        effect.reduceTime(effect.image)
-      }
-    }, 1000)
-
-    return () => {
-      clearInterval(interval)
+export default ({
+  indicators,
+  effects,
+  displayIndicators,
+  displayEffects
+}: {
+  indicators: typeof defaultIndicatorsState,
+  effects: readonly EffectType[]
+  displayIndicators: boolean
+  displayEffects: boolean
+}) => {
+  const indicatorsMapped = Object.entries(defaultIndicatorsState).map(([key]) => {
+    const state = indicators[key]
+    return {
+      icon: indicatorIcons[key],
+      // preserve order
+      state,
+      key
     }
-  }, [])
-
-  const indicatorsMapped = Object.entries(defaultIndicatorsState).map(([key, state]) => ({
-    icon: indicatorIcons[key],
-    // preserve order
-    state: indicators[key],
-  }))
-  return <div className='effectsScreen-container'>
+  })
+  return <div className='indicators-container-outer'>
     <div className='indicators-container'>
       {
-        indicatorsMapped.map((indicator) => <div key={indicator.icon} style={{
-          opacity: indicator.state ? 1 : 0,
-          transition: 'opacity 0.1s',
-        }}>
+        displayIndicators && indicatorsMapped.map((indicator) => <div
+          key={indicator.icon}
+          style={{
+            opacity: indicator.state ? 1 : 0,
+            transition: 'opacity color 0.1s',
+            color: colorOverrides[indicator.key]?.[indicator.state]
+          }}
+        >
           <PixelartIcon iconName={indicator.icon} />
         </div>)
       }
     </div>
-    <div className='effects-container'>
-      {
-        effects.map(
-          (effect) => <EffectBox
-            key={`effectBox-${effect.image}`}
-            image={effect.image}
-            time={effect.time}
-            level={effect.level}
-          />
-        )
-      }
-    </div>
+    {displayEffects && <EffectsInner effects={effects} />}
+  </div>
+}
+
+const EffectsInner = ({ effects }: { effects: readonly EffectType[] }) => {
+  return <div className='effects-container'>
+    {effects.map((effect) => (
+      <EffectBox
+        key={`effectBox-${effect.id}`}
+        {...effect}
+      />
+    ))}
   </div>
 }
diff --git a/src/react/IndicatorEffectsProvider.tsx b/src/react/IndicatorEffectsProvider.tsx
index 00b78d8a..df52296a 100644
--- a/src/react/IndicatorEffectsProvider.tsx
+++ b/src/react/IndicatorEffectsProvider.tsx
@@ -1,118 +1,126 @@
-import { proxy, useSnapshot } from 'valtio'
-import { useEffect, useMemo } from 'react'
+import { proxy, subscribe, useSnapshot } from 'valtio'
+import { useEffect, useMemo, useState } from 'react'
+import { subscribeKey } from 'valtio/utils'
+import { Effect } from 'mineflayer'
 import { inGameError } from '../utils'
 import { fsState } from '../loadSave'
-import { miscUiState } from '../globalState'
+import { gameAdditionalState, miscUiState } from '../globalState'
 import IndicatorEffects, { EffectType, defaultIndicatorsState } from './IndicatorEffects'
 import { images } from './effectsImages'
 
 export const state = proxy({
   indicators: {
-    chunksLoading: false
   },
   effects: [] as EffectType[]
 })
 
-export const addEffect = (newEffect: Omit<EffectType, 'reduceTime' | 'removeEffect'>) => {
-  const effectIndex = getEffectIndex(newEffect as EffectType)
+export const addEffect = (newEffect: Effect) => {
+  const effectData = loadedData.effectsArray.find(e => e.id === newEffect.id)
+  const name = effectData?.name ?? `unknown: ${newEffect.id}`
+  const nameKebab = name.replaceAll(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`).slice(1)
+  const image = images[nameKebab] ?? null
+  if (!image) {
+    inGameError(`received unknown effect id ${newEffect.id}`)
+    return
+  }
+
+  const effectIndex = getEffectIndex({ id: newEffect.id })
   if (typeof effectIndex === 'number') {
-    state.effects[effectIndex].time = newEffect.time
-    state.effects[effectIndex].level = newEffect.level
+    state.effects[effectIndex].initialTime = Date.now()
+    state.effects[effectIndex].level = newEffect.amplifier
+    state.effects[effectIndex].duration = newEffect.duration / 20 // convert ticks to seconds
   } else {
-    const effect = { ...newEffect, reduceTime, removeEffect }
+    const effect: EffectType = {
+      id: newEffect.id,
+      name,
+      image,
+      level: newEffect.amplifier,
+      initialTime: Date.now(),
+      duration: newEffect.duration / 20, // convert ticks to seconds
+    }
     state.effects.push(effect)
   }
 }
 
-const removeEffect = (image: string) => {
+const removeEffect = (id: number) => {
   for (const [index, effect] of (state.effects).entries()) {
-    if (effect.image === image) {
+    if (effect.id === id) {
       state.effects.splice(index, 1)
     }
   }
 }
 
-const reduceTime = (image: string) => {
+const getEffectIndex = (newEffect: Pick<EffectType, 'id'>) => {
   for (const [index, effect] of (state.effects).entries()) {
-    if (effect.image === image) {
-      effect.time -= 1
-    }
-  }
-}
-
-const getEffectIndex = (newEffect: EffectType) => {
-  for (const [index, effect] of (state.effects).entries()) {
-    if (effect.image === newEffect.image) {
+    if (effect.id === newEffect.id) {
       return index
     }
   }
   return null
 }
 
-export default () => {
+export default ({ displayEffects = true, displayIndicators = true }: { displayEffects?: boolean, displayIndicators?: boolean }) => {
+  const [dummyState, setDummyState] = useState(false)
   const stateIndicators = useSnapshot(state.indicators)
+  const chunksLoading = !useSnapshot(appViewer.rendererState).world.allChunksLoaded
+  const { mesherWork } = useSnapshot(appViewer.rendererState).world
+
   const { hasErrors } = useSnapshot(miscUiState)
   const { isReadonly, openReadOperations, openWriteOperations } = useSnapshot(fsState)
+  const { noConnection, poorConnection } = useSnapshot(gameAdditionalState)
   const allIndicators: typeof defaultIndicatorsState = {
     readonlyFiles: isReadonly,
     writingFiles: openWriteOperations > 0,
     readingFiles: openReadOperations > 0,
     appHasErrors: hasErrors,
+    connectionIssues: poorConnection ? 1 : noConnection ? 2 : 0,
+    chunksLoading,
+    preventSleep: !!bot?.wakeLock,
+    // mesherWork,
     ...stateIndicators,
   }
 
-  useEffect(() => {
-    let alreadyWaiting = false
-    const listener = () => {
-      if (alreadyWaiting) return
-      state.indicators.chunksLoading = true
-      alreadyWaiting = true
-      void viewer.waitForChunksToRender().then(() => {
-        state.indicators.chunksLoading = false
-        alreadyWaiting = false
-      })
-    }
-    viewer.world.renderUpdateEmitter.on('dirty', listener)
-
-    return () => {
-      viewer.world.renderUpdateEmitter.off('dirty', listener)
-    }
-  }, [])
-
   const effects = useSnapshot(state.effects)
 
+  useEffect(() => {
+    // update bot related states
+    const interval = setInterval(() => {
+      setDummyState(s => !s)
+    }, 1000)
+    return () => clearInterval(interval)
+  }, [])
+
   useMemo(() => {
     const effectsImages = Object.fromEntries(loadedData.effectsArray.map((effect) => {
       const nameKebab = effect.name.replaceAll(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`).slice(1)
       return [effect.id, images[nameKebab]]
     }))
-    bot.on('entityEffect', (entity, effect) => {
+    const gotEffect = (entity: import('prismarine-entity').Entity, effect: Effect) => {
       if (entity.id !== bot.entity.id) return
-      const image = effectsImages[effect.id] ?? null
-      if (!image) {
-        inGameError(`received unknown effect id ${effect.id}}`)
-        return
-      }
-      const newEffect = {
-        image,
-        time: effect.duration / 20, // duration received in ticks
-        level: effect.amplifier,
-      }
-      addEffect(newEffect)
-    })
+      addEffect(effect)
+    }
+    bot.on('entityEffect', gotEffect)
+
+    // gotEffect(bot.entity, {
+    //   id: 1,
+    //   amplifier: 1,
+    //   duration: 100,
+    // })
+
+    for (const effect of Object.values(bot.entity.effects ?? {})) {
+      gotEffect(bot.entity, effect)
+    }
+
     bot.on('entityEffectEnd', (entity, effect) => {
       if (entity.id !== bot.entity.id) return
-      const image = effectsImages[effect.id] ?? null
-      if (!image) {
-        inGameError(`received unknown effect id ${effect.id}}}`)
-        return
-      }
-      removeEffect(image)
+      removeEffect(effect.id)
     })
   }, [])
 
   return <IndicatorEffects
     indicators={allIndicators}
     effects={effects}
+    displayIndicators={displayIndicators}
+    displayEffects={displayEffects}
   />
 }
diff --git a/src/react/Input.tsx b/src/react/Input.tsx
index 20b4729a..9b36c5ce 100644
--- a/src/react/Input.tsx
+++ b/src/react/Input.tsx
@@ -1,15 +1,25 @@
-import React, { useEffect, useRef } from 'react'
-import { isMobile } from 'prismarine-viewer/viewer/lib/simpleUtils'
+import React, { CSSProperties, useEffect, useMemo, useRef, useState } from 'react'
+import { isMobile } from 'renderer/viewer/lib/simpleUtils'
 import styles from './input.module.css'
 
-interface Props extends React.ComponentProps<'input'> {
+interface Props extends Omit<React.ComponentProps<'input'>, 'width'> {
   rootStyles?: React.CSSProperties
   autoFocus?: boolean
   inputRef?: React.RefObject<HTMLInputElement>
+  validateInput?: (value: string) => CSSProperties | undefined
+  width?: number
 }
 
-export default ({ autoFocus, rootStyles, inputRef, ...inputProps }: Props) => {
+const Input = ({ autoFocus, rootStyles, inputRef, validateInput, defaultValue, width, ...inputProps }: Props) => {
+  if (width) rootStyles = { ...rootStyles, width }
+
   const ref = useRef<HTMLInputElement>(null!)
+  const [validationStyle, setValidationStyle] = useState<CSSProperties>({})
+  const [value, setValue] = useState(defaultValue ?? '')
+
+  useEffect(() => {
+    setValue(inputProps.value === '' || inputProps.value ? inputProps.value : value)
+  }, [inputProps.value])
 
   useEffect(() => {
     if (inputRef) (inputRef as any).current = ref.current
@@ -17,7 +27,43 @@ export default ({ autoFocus, rootStyles, inputRef, ...inputProps }: Props) => {
     ref.current.focus()
   }, [])
 
-  return <div className={styles.container} style={rootStyles}>
-    <input ref={ref} className={styles.input} autoComplete='off' autoCapitalize='off' autoCorrect='off' autoSave='off' spellCheck='false' {...inputProps} />
+
+  useEffect(() => {
+    setValidationStyle(validateInput?.(value as any) ?? {})
+  }, [value, validateInput])
+
+  return <div id='input-container' className={styles.container} style={rootStyles}>
+    <input
+      ref={ref}
+      autoComplete='off'
+      autoCapitalize='off'
+      autoCorrect='off'
+      autoSave='off'
+      spellCheck='false'
+      style={{ ...validationStyle }}
+      {...inputProps}
+      className={styles.input + ' ' + (inputProps.className ?? '')}
+      value={value}
+      onChange={(e) => {
+        setValue(e.target.value)
+        inputProps.onChange?.(e)
+      }}
+    />
+  </div>
+}
+
+export default Input
+
+export const INPUT_LABEL_WIDTH = 190
+
+export const InputWithLabel = ({ label, span, ...props }: React.ComponentProps<typeof Input> & { label, span? }) => {
+  return <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gridRow: span ? 'span 2 / span 2' : undefined,
+  }}
+  >
+    <label style={{ fontSize: 12, marginBottom: 1, color: 'lightgray' }}>{label}</label>
+    <Input rootStyles={{ width: INPUT_LABEL_WIDTH }} {...props} />
   </div>
 }
diff --git a/src/react/Keybinding.tsx b/src/react/Keybinding.tsx
new file mode 100644
index 00000000..8edc94a5
--- /dev/null
+++ b/src/react/Keybinding.tsx
@@ -0,0 +1,39 @@
+import { AllKeyCodes } from 'contro-max'
+import { useState, useEffect } from 'react'
+import triangle from './ps_icons/playstation_triangle_console_controller_gamepad_icon.svg'
+import square from './ps_icons/playstation_square_console_controller_gamepad_icon.svg'
+import circle from './ps_icons/circle_playstation_console_controller_gamepad_icon.svg'
+import cross from './ps_icons/cross_playstation_console_controller_gamepad_icon.svg'
+import { parseBindingName } from './parseKeybindingName'
+
+
+type Props = {
+  type: 'keyboard' | 'gamepad',
+  val: AllKeyCodes,
+  isPS?: boolean
+}
+
+export default ({ type, val, isPS }: Props) => {
+  const [bindName, setBindName] = useState('')
+
+  async function setBind () {
+    setBindName(val)
+    const bind = type === 'keyboard' ? await parseBindingName(val) : isPS && buttonsMap[val] ? buttonsMap[val] : val
+    setBindName(bind)
+  }
+
+  useEffect(() => {
+    void setBind()
+  }, [type, val, isPS])
+
+  return <>
+    {bindName}
+  </>
+}
+
+const buttonsMap = {
+  'A': cross,
+  'B': circle,
+  'X': square,
+  'Y': triangle
+}
diff --git a/src/react/KeybindingsCustom.tsx b/src/react/KeybindingsCustom.tsx
index bee991bf..167f85a0 100644
--- a/src/react/KeybindingsCustom.tsx
+++ b/src/react/KeybindingsCustom.tsx
@@ -15,17 +15,15 @@ export type CustomCommand = {
 
 export type CustomCommandsMap = Record<string, CustomCommand>
 
-export default (
-  {
-    customCommands,
-    updateCurrBind,
-    resetBinding,
-  }: {
-    customCommands: CustomCommandsMap,
-    updateCurrBind: (group: string, action: string) => void,
-    resetBinding: (group: string, action: string, inputType: string) => void,
-  }
-) => {
+export default ({
+  customCommands,
+  updateCurrBind,
+  resetBinding,
+}: {
+  customCommands: CustomCommandsMap,
+  updateCurrBind: (group: string, action: string) => void,
+  resetBinding: (group: string, action: string, inputType: string) => void,
+}) => {
   const { userConfig, setUserConfig } = useContext(Context)
   const [customConfig, setCustomConfig] = useState<any>({ ...customCommands })
 
@@ -66,7 +64,7 @@ export default (
           })}
           <Button
             onClick={() => addNewCommand(group)}
-            icon={'pixelarticons:add-box'}
+            icon="pixelarticons:add-box"
             style={{
               alignSelf: 'center'
             }}
@@ -77,16 +75,14 @@ export default (
   </>
 }
 
-const CustomCommandContainer = (
-  {
-    indexOption,
-    commandData,
-    updateCurrBind,
-    setCustomConfig,
-    resetBinding,
-    groupData
-  }
-) => {
+const CustomCommandContainer = ({
+  indexOption,
+  commandData,
+  updateCurrBind,
+  setCustomConfig,
+  resetBinding,
+  groupData
+}) => {
   const { userConfig } = useContext(Context)
 
   const [commandKey, { keys, gamepad, inputs }] = commandData
@@ -107,9 +103,12 @@ const CustomCommandContainer = (
       if (!config) return null
 
       return config.type === 'select'
-        ? <select key={indexInput} onChange={(e) => {
-          setInputValue(commandKey, indexInput, e.target.value)
-        }}>{config.options.map((option) => <option key={option} value={option}>{option}</option>)}</select>
+        ? <select
+          key={indexInput} onChange={(e) => {
+            setInputValue(commandKey, indexInput, e.target.value)
+          }}
+        >{config.options.map((option) => <option key={option} value={option}>{option}</option>)}
+        </select>
         : <Input key={indexInput} rootStyles={{ width: '99%' }} placeholder={config.placeholder} value={inputs[indexInput] ?? ''} onChange={(e) => setInputValue(commandKey, indexInput, e.target.value)} />
     })}
     <div className={styles.actionBinds}>
@@ -120,22 +119,22 @@ const CustomCommandContainer = (
             resetBinding('custom', commandKey, 'keyboard')
           }}
           className={styles['undo-keyboard']}
-          icon={'pixelarticons:undo'}
+          icon="pixelarticons:undo"
         />
-          : null}
+          : null
+      }
 
       {[0, 1].map((key, index) => <ButtonWithMatchesAlert
         key={`custom-keyboard-${group}-${commandKey}-${index}`}
-        group={'custom'}
+        group="custom"
         action={commandKey}
         index={index}
-        inputType={'keyboard'}
+        inputType="keyboard"
         keys={keys}
         gamepad={gamepad}
-      />
-      )}
+      />)}
 
-      <div style={{ marginRight: 'auto' }} ></div>
+      <div style={{ marginRight: 'auto' }} />
 
       {
         userConfig?.['custom']?.[commandKey]?.gamepad ? <Button
@@ -144,14 +143,15 @@ const CustomCommandContainer = (
             resetBinding('custom', commandKey, 'gamepad')
           }}
           className={styles['undo-keyboard']}
-          icon={'pixelarticons:undo'}
+          icon="pixelarticons:undo"
         />
-          : null}
+          : null
+      }
       <ButtonWithMatchesAlert
-        group={'custom'}
+        group="custom"
         action={commandKey}
         index={0}
-        inputType={'gamepad'}
+        inputType="gamepad"
         keys={keys}
         gamepad={gamepad}
       />
@@ -162,9 +162,8 @@ const CustomCommandContainer = (
             return newConfig
           })
         }}
-
         style={{ color: 'red' }}
-        icon={'pixelarticons:delete'}
+        icon="pixelarticons:delete"
       />
     </div>
   </div>
diff --git a/src/react/KeybindingsScreen.module.css b/src/react/KeybindingsScreen.module.css
index e8a9f69b..102974ce 100644
--- a/src/react/KeybindingsScreen.module.css
+++ b/src/react/KeybindingsScreen.module.css
@@ -49,6 +49,7 @@
 .undo-keyboard,
 .undo-gamepad {
     aspect-ratio: 1;
+    min-width: 20px;
 }
 
 .button {
diff --git a/src/react/KeybindingsScreen.module.css.d.ts b/src/react/KeybindingsScreen.module.css.d.ts
new file mode 100644
index 00000000..6ae396d8
--- /dev/null
+++ b/src/react/KeybindingsScreen.module.css.d.ts
@@ -0,0 +1,27 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  actionBinds: string;
+  actionName: string;
+  button: string;
+  'chat-command': string;
+  chatCommand: string;
+  container: string;
+  group: string;
+  'group-category': string;
+  groupCategory: string;
+  'margin-left': string;
+  marginLeft: string;
+  'matched-bind': string;
+  'matched-bind-warning': string;
+  matchedBind: string;
+  matchedBindWarning: string;
+  'undo-gamepad': string;
+  'undo-keyboard': string;
+  undoGamepad: string;
+  undoKeyboard: string;
+  'warning-container': string;
+  warningContainer: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/KeybindingsScreen.tsx b/src/react/KeybindingsScreen.tsx
index 2de24de8..e56b0189 100644
--- a/src/react/KeybindingsScreen.tsx
+++ b/src/react/KeybindingsScreen.tsx
@@ -1,17 +1,14 @@
 import { useState, useEffect, useRef, createContext, useContext } from 'react'
 import { UserOverridesConfig } from 'contro-max/build/types/store'
-import { ModifierOnlyKeys } from 'contro-max/build/types/keyCodes'
+import { AllKeyCodes } from 'contro-max/build/types/keyCodes'
 import { contro as controEx } from '../controls'
 import { hideModal } from '../globalState'
-import triangle from './ps_icons/playstation_triangle_console_controller_gamepad_icon.svg'
-import square from './ps_icons/playstation_square_console_controller_gamepad_icon.svg'
-import circle from './ps_icons/circle_playstation_console_controller_gamepad_icon.svg'
-import cross from './ps_icons/cross_playstation_console_controller_gamepad_icon.svg'
-import PixelartIcon from './PixelartIcon'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
 import KeybindingsCustom, { CustomCommandsMap } from './KeybindingsCustom'
 import { BindingActionsContext } from './KeybindingsScreenProvider'
 import Button from './Button'
 import Screen from './Screen'
+import Keybinding from './Keybinding'
 import styles from './KeybindingsScreen.module.css'
 
 
@@ -19,26 +16,21 @@ type HandleClick = (group: string, action: string, index: number, type: string |
 
 type setBinding = (data: any, group: string, command: string, buttonIndex: number) => void
 
-export const Context = createContext(
-  {
-    isPS: false as boolean | undefined,
-    userConfig: controEx?.userConfig ?? {} as UserOverridesConfig | undefined,
-    setUserConfig (config) { },
-    handleClick: (() => { }) as HandleClick,
-    parseBindingName (binding) { return '' as string },
-    bindsMap: { keyboard: {} as any, gamepad: {} as any }
-  }
-)
+export const Context = createContext({
+  isPS: false as boolean | undefined,
+  userConfig: controEx?.userConfig ?? {} as UserOverridesConfig | undefined,
+  setUserConfig (config) { },
+  handleClick: (() => { }) as HandleClick,
+  bindsMap: { keyboard: {} as any, gamepad: {} as any }
+})
 
-export default (
-  {
-    contro,
-    isPS,
-  }: {
-    contro: typeof controEx,
-    isPS?: boolean
-  }
-) => {
+export default ({
+  contro,
+  isPS,
+}: {
+  contro: typeof controEx,
+  isPS?: boolean
+}) => {
   const containerRef = useRef<HTMLDivElement | null>(null)
   const bindsMap = useRef({ keyboard: {} as any, gamepad: {} as any })
   const { commands } = contro.inputSchema
@@ -111,9 +103,7 @@ export default (
         setAwaitingInputType(null)
         return
       }
-      const pressedModifiers = [...contro.pressedKeys].filter(
-        key => /^(Meta|Control|Alt|Shift)?$/.test(key)
-      )
+      const pressedModifiers = [...contro.pressedKeys].filter(key => /^(Meta|Control|Alt|Shift)?$/.test(key))
       setBinding(
         { code: pressedModifiers.length ? `${pressedModifiers[0]}+${data.code}` : data.code, state: true },
         groupName,
@@ -187,18 +177,20 @@ export default (
     userConfig,
     setUserConfig,
     handleClick,
-    parseBindingName,
     bindsMap: bindsMap.current
-  }}>
+  }}
+  >
     <Screen title="Keybindings" backdrop>
       {awaitingInputType && <AwaitingInputOverlay isGamepad={awaitingInputType === 'gamepad'} />}
-      <div className={styles.container}
+      <div
+        className={styles.container}
         ref={containerRef}
       >
         <Button
           onClick={() => { hideModal() }}
           style={{ alignSelf: 'center' }}
-        >Back</Button>
+        >Back
+        </Button>
 
         {Object.entries(commands).map(([group, actions], index) => {
           if (group === 'custom') return null
@@ -209,7 +201,8 @@ export default (
                 color: 'rgba(255, 255, 255, 0.7)',
                 fontSize: '6px',
                 textAlign: 'center'
-              }}>
+              }}
+              >
                 Note: Left, right and middle click keybindings are hardcoded and cannot be changed currently.
               </div>
             ) : null}
@@ -224,7 +217,7 @@ export default (
                   }}
                   style={{ opacity: userConfig?.[group]?.[action]?.keys?.length ? 1 : 0 }}
                   className={styles['undo-keyboard']}
-                  icon={'pixelarticons:undo'}
+                  icon={pixelartIcons.undo}
                 />
 
                 {[0, 1].map((key, index) => <ButtonWithMatchesAlert
@@ -232,7 +225,7 @@ export default (
                   group={group}
                   action={action}
                   index={index}
-                  inputType={'keyboard'}
+                  inputType="keyboard"
                   keys={keys}
                   gamepad={gamepad}
                 />)}
@@ -248,14 +241,14 @@ export default (
                     width: '0px'
                   }}
                   className={`${styles['undo-gamepad']} ${styles['margin-left']}`}
-                  icon={'pixelarticons:undo'}
+                  icon={pixelartIcons.undo}
                 />
                 <ButtonWithMatchesAlert
                   key={`gamepad-${group}-${action}`}
                   group={group}
                   action={action}
                   index={0}
-                  inputType={'gamepad'}
+                  inputType="gamepad"
                   keys={keys}
                   gamepad={gamepad}
                 />
@@ -282,7 +275,7 @@ export const ButtonWithMatchesAlert = ({
   keys,
   gamepad,
 }) => {
-  const { isPS, userConfig, handleClick, parseBindingName, bindsMap } = useContext(Context)
+  const { isPS, userConfig, handleClick, bindsMap } = useContext(Context)
   const [buttonSign, setButtonSign] = useState('')
 
   useEffect(() => {
@@ -290,19 +283,11 @@ export const ButtonWithMatchesAlert = ({
 
     const customValue = userConfig?.[group]?.[action]?.[type]?.[index]
     if (customValue) {
-      if (type === 'keys') {
-        setButtonSign(parseBindingName(customValue))
-      } else {
-        setButtonSign(isPS && buttonsMap[customValue] ? buttonsMap[customValue] : customValue)
-      }
+      setButtonSign(customValue)
     } else if (type === 'keys') {
-      setButtonSign(keys?.length ? parseBindingName(keys[index]) : '')
+      setButtonSign(keys?.length ? keys[index] : '')
     } else {
-      setButtonSign(gamepad?.[0] ?
-        isPS ?
-          buttonsMap[gamepad[0]] ?? gamepad[0]
-          : gamepad[0]
-        : '')
+      setButtonSign(gamepad?.[0] ?? '')
     }
   }, [userConfig, isPS])
 
@@ -313,51 +298,53 @@ export const ButtonWithMatchesAlert = ({
     <Button
       key={`${inputType}-${group}-${action}-${index}`}
       onClick={() => handleClick(group, action, index, inputType)}
-      className={`${styles.button}`}>
-      {buttonSign}
+      className={`${styles.button}`}
+    >
+      <Keybinding type={inputType} val={buttonSign as AllKeyCodes} />
     </Button>
-    {userConfig?.[group]?.[action]?.[inputType === 'keyboard' ? 'keys' : 'gamepad']?.some(
-      key => Object.keys(bindsMap[inputType]).includes(key)
-        && bindsMap[inputType][key].length > 1
-        && bindsMap[inputType][key].some(
-          prop => prop.index === index
-            && prop.group === group
-            && prop.action === action
-        )
-    ) ? (
+    {userConfig?.[group]?.[action]?.[inputType === 'keyboard' ? 'keys' : 'gamepad']?.some(key => Object.keys(bindsMap[inputType]).includes(key)
+      && bindsMap[inputType][key].length > 1
+      && bindsMap[inputType][key].some(prop => prop.index === index
+        && prop.group === group
+        && prop.action === action)) ? (
+      //@ts-format-ignore-region
         <div id={`bind-warning-${group}-${action}-${inputType}-${index}`} className={styles['matched-bind-warning']}>
           <PixelartIcon
-            iconName={'alert'}
+            iconName="alert"
             width={5}
             styles={{
               display: 'flex',
               justifyContent: 'center',
               alignItems: 'center',
               marginRight: '2px'
-            }} />
+            }}
+          />
           <div>
-            This bind is already in use. <span></span>
+            This bind is already in use. <span />
           </div>
         </div>
-      ) : null}
+      )
+      //@ts-format-ignore-endregion
+      : null}
   </div>
 }
 
 export const AwaitingInputOverlay = ({ isGamepad }) => {
-  return <div style={{
-    position: 'fixed',
-    inset: 0,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    flexDirection: 'column',
-    backgroundColor: 'rgba(0, 0, 0, 0.5)',
-    color: 'white',
-    fontSize: 20,
-    zIndex: 10,
-    textAlign: 'center',
-  }}
-  onContextMenu={e => e.preventDefault()}
+  return <div
+    style={{
+      position: 'fixed',
+      inset: 0,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      flexDirection: 'column',
+      backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      color: 'white',
+      fontSize: 20,
+      zIndex: 10,
+      textAlign: 'center',
+    }}
+    onContextMenu={e => e.preventDefault()}
   >
     <div>
       {isGamepad ? 'Press the button on the gamepad ' : 'Press the key, side mouse button '}
@@ -378,21 +365,3 @@ const parseActionName = (action: string) => {
   parts[0] = parts[0].charAt(0).toUpperCase() + parts[0].slice(1)
   return parts.join(' ')
 }
-
-const parseBindingName = (binding: string | undefined) => {
-  if (!binding) return ''
-  const cut = binding.replaceAll(/(Numpad|Digit|Key)/g, '')
-
-  const parts = cut.includes('+') ? cut.split('+') : [cut] 
-  for (let i = 0; i < parts.length; i++) {
-    parts[i] = parts[i].split(/(?=[A-Z\d])/).reverse().join(' ')
-  }
-  return parts.join(' + ')
-}
-
-const buttonsMap = {
-  'A': cross,
-  'B': circle,
-  'X': square,
-  'Y': triangle
-}
diff --git a/src/react/KeybindingsScreenProvider.tsx b/src/react/KeybindingsScreenProvider.tsx
index 97f04a62..4ad626c4 100644
--- a/src/react/KeybindingsScreenProvider.tsx
+++ b/src/react/KeybindingsScreenProvider.tsx
@@ -1,36 +1,8 @@
 import { createContext, useState } from 'react'
-import { contro } from '../controls'
+import { contro, updateBinds } from '../controls'
 import KeybindingsScreen from './KeybindingsScreen'
 import { useIsModalActive } from './utilsApp'
 
-
-export const updateBinds = (commands: any) => {
-  contro.inputSchema.commands.custom = Object.fromEntries(Object.entries(commands?.custom ?? {}).map(([key, value]) => {
-    return [key, {
-      keys: [],
-      gamepad: [],
-      type: '',
-      inputs: []
-    }]
-  }))
-
-  for (const [group, actions] of Object.entries(commands)) {
-    contro.userConfig![group] = Object.fromEntries(Object.entries(actions).map(([key, value]) => {
-      const newValue = {
-        keys: value?.keys ?? undefined,
-        gamepad: value?.gamepad ?? undefined,
-      }
-
-      if (group === 'custom') {
-        newValue['type'] = (value).type
-        newValue['inputs'] = (value).inputs
-      }
-
-      return [key, newValue]
-    }))
-  }
-}
-
 const bindingActions = {
   updateBinds
 }
diff --git a/src/react/LoadingChunks.css b/src/react/LoadingChunks.css
new file mode 100644
index 00000000..324cbb5f
--- /dev/null
+++ b/src/react/LoadingChunks.css
@@ -0,0 +1,12 @@
+@keyframes loading-chunks-loading-animation {
+    /* blink */
+    0% {
+        opacity: 0.5;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0.5;
+    }
+}
diff --git a/src/react/LoadingChunks.stories.tsx b/src/react/LoadingChunks.stories.tsx
new file mode 100644
index 00000000..5b91cc0c
--- /dev/null
+++ b/src/react/LoadingChunks.stories.tsx
@@ -0,0 +1,43 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { useEffect, useState } from 'react'
+import LoadingChunks from './LoadingChunks'
+
+const meta: Meta<typeof LoadingChunks> = {
+  component: LoadingChunks,
+  render (args) {
+    const [stateMap, setStateMap] = useState(Object.fromEntries(args.regionFiles!.map(x => x.split('.').slice(1, 3).map(Number).map(y => y.toString()).join(',')).map(x => [x, 'loading'])))
+
+    useEffect(() => {
+      const interval = setInterval(() => {
+        // pick random and set to done
+        const random = Math.floor(Math.random() * args.regionFiles!.length)
+        const [x, z] = args.regionFiles![random].split('.').slice(1, 3).map(Number)
+        setStateMap(prev => ({ ...prev, [`${x},${z}`]: 'done' }))
+      }, 1000)
+      return () => clearInterval(interval)
+    }, [])
+
+    return <LoadingChunks stateMap={stateMap} {...args} />
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof LoadingChunks>
+
+export const Primary: Story = {
+  args: {
+    regionFiles: [
+      'r.-1.-1.mca',
+      'r.-1.0.mca',
+      'r.0.-1.mca',
+      'r.0.0.mca',
+      'r.0.1.mca',
+    ],
+    playerChunk: {
+      x: -1,
+      z: 0
+    },
+    displayText: true,
+  },
+}
diff --git a/src/react/LoadingChunks.tsx b/src/react/LoadingChunks.tsx
new file mode 100644
index 00000000..8b7a5b86
--- /dev/null
+++ b/src/react/LoadingChunks.tsx
@@ -0,0 +1,60 @@
+import { useEffect, useRef } from 'react'
+import './LoadingChunks.css'
+
+export default ({ regionFiles = [] as string[], stateMap = {} as Record<string, string>, displayText = false, playerChunk = null as null | { x: number, z: number } }) => {
+  // visualize downloading chunks
+  const regionNumbers = regionFiles.map(x => x.split('.').slice(1, 3).map(Number))
+  const minX = Math.min(...regionNumbers.map(([x]) => x))
+  const maxX = Math.max(...regionNumbers.map(([x]) => x))
+  const minZ = Math.min(...regionNumbers.map(([, z]) => z))
+  const maxZ = Math.max(...regionNumbers.map(([, z]) => z))
+  const xChunks = maxX - minX + 1
+  const zChunks = maxZ - minZ + 1
+
+  return <div style={{
+    // maxWidth: '80%',
+    // maxHeight: '80%',
+    // aspectRatio: '1',
+    display: 'grid',
+    gridTemplateColumns: `repeat(${xChunks}, 1fr)`,
+    gridTemplateRows: `repeat(${zChunks}, 1fr)`,
+    gap: 1,
+    width: '110px',
+    height: '110px',
+  }}>
+    {Array.from({ length: xChunks * zChunks }).map((_, i) => {
+      const x = minX + i % xChunks
+      const z = minZ + Math.floor(i / xChunks)
+      const file = `r.${x}.${z}.mca`
+      const state = stateMap[file]
+      if (!regionFiles.includes(file)) return <div key={i} style={{ background: 'gray' }} />
+      return <Chunk key={i} x={x} z={z} state={state} displayText={displayText} currentPlayer={playerChunk?.x === x && playerChunk?.z === z} />
+    })}
+  </div>
+}
+
+const Chunk = ({ x, z, state, displayText, currentPlayer }) => {
+  const text = displayText ? `${x},${z}` : undefined
+
+  return <div style={{
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    background: state === 'errored' ? 'red' : state === 'loading' ? 'white' : 'limegreen',
+    animation: state === 'loading' ? `loading-chunks-loading-animation 4s infinite cubic-bezier(0.4, 0, 0.2, 1)` : undefined,
+    transition: 'background 1s',
+    color: state === 'loading' ? 'black' : 'white',
+    position: 'relative',
+    zIndex: 1,
+  }}>
+    {/* green dot */}
+    {currentPlayer && <div style={{
+      position: 'absolute',
+      background: 'red',
+      borderRadius: '50%',
+      width: '5px',
+      height: '5px',
+      zIndex: -1,
+    }} />}
+    {text}</div>
+}
diff --git a/src/react/LoadingTimer.tsx b/src/react/LoadingTimer.tsx
new file mode 100644
index 00000000..c0ef19d1
--- /dev/null
+++ b/src/react/LoadingTimer.tsx
@@ -0,0 +1,50 @@
+import { useEffect, useState } from 'react'
+import { createPortal } from 'react-dom'
+import { proxy, useSnapshot } from 'valtio'
+
+export const loadingTimerState = proxy({
+  start: 0,
+  loading: false,
+  total: '0.00',
+
+  networkOnlyStart: 0,
+  networkTimeTotal: '0.0'
+})
+
+customEvents.on('gameLoaded', () => {
+  loadingTimerState.loading = false
+})
+
+export default () => {
+  // const time = useSnapshot(timerState).start
+  const { networkTimeTotal, total } = useSnapshot(loadingTimerState)
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      if (!loadingTimerState.loading) return
+      if (loadingTimerState.networkOnlyStart) {
+        loadingTimerState.networkTimeTotal = ((Date.now() - loadingTimerState.networkOnlyStart) / 1000).toFixed(2)
+      } else {
+        loadingTimerState.total = ((Date.now() - loadingTimerState.start) / 1000).toFixed(2)
+      }
+    }, 100)
+    return () => clearInterval(interval)
+  }, [])
+
+  return <Portal to={document.getElementById('ui-root')!}>
+    <div style={{
+      position: 'absolute',
+      left: 0,
+      bottom: 0,
+      color: 'gray',
+      fontSize: '0.6em',
+      paddingLeft: 'calc(env(safe-area-inset-left) / 2)'
+    }}>
+      {total}/{networkTimeTotal}
+    </div>
+  </Portal>
+}
+
+const Portal = ({ children, to = document.body }) => {
+  return createPortal(children, to)
+}
diff --git a/src/react/MainMenu.tsx b/src/react/MainMenu.tsx
index 43908645..c1332530 100644
--- a/src/react/MainMenu.tsx
+++ b/src/react/MainMenu.tsx
@@ -1,10 +1,24 @@
-import React, { useEffect, useState } from 'react'
-import { openURL } from 'prismarine-viewer/viewer/lib/simpleUtils'
+import React, { useEffect, useMemo } from 'react'
+import { openURL } from 'renderer/viewer/lib/simpleUtils'
+import { useSnapshot } from 'valtio'
 import { haveDirectoryPicker } from '../utils'
-import { activeModalStack } from '../globalState'
+import { ConnectOptions } from '../connect'
+import { miscUiState } from '../globalState'
+import {
+  isRemoteSplashText,
+  loadRemoteSplashText,
+  getCachedSplashText,
+  cacheSplashText,
+  cacheSourceUrl,
+  clearSplashCache
+} from '../utils/splashText'
 import styles from './mainMenu.module.css'
 import Button from './Button'
 import ButtonWithTooltip from './ButtonWithTooltip'
+import { pixelartIcons } from './PixelartIcon'
+import useLongPress from './useLongPress'
+import PauseLinkButtons from './PauseLinkButtons'
+import CreditsBookButton from './CreditsBookButton'
 
 type Action = (e: React.MouseEvent<HTMLButtonElement>) => void
 
@@ -13,64 +27,121 @@ interface Props {
   singleplayerAction?: Action
   optionsAction?: Action
   githubAction?: Action
-  discordAction?: Action
   openFileAction?: Action
   mapsProvider?: string
-}
-
-const refreshApp = async (failedUpdate = false) => {
-  const registration = await navigator.serviceWorker.getRegistration()
-  await registration?.unregister()
-  if (failedUpdate) {
-    await new Promise(resolve => {
-      setTimeout(resolve, 2000)
-    })
-  }
-  if (activeModalStack.length !== 0) return
-  if (failedUpdate) {
-    sessionStorage.justReloaded = false
-    // try to force bypass cache
-    location.search = '?update=true'
-  } else {
-    window.justReloaded = true
-    sessionStorage.justReloaded = true
-    window.location.reload()
-  }
+  versionStatus?: string
+  versionTitle?: string
+  onVersionStatusClick?: () => void
+  bottomRightLinks?: string
+  versionText?: string
+  onVersionTextClick?: () => void
+  singleplayerAvailable?: boolean
 }
 
 const httpsRegex = /^https?:\/\//
 
-export default ({ connectToServerAction, mapsProvider, singleplayerAction, optionsAction, githubAction, discordAction, openFileAction }: Props) => {
-  const [versionStatus, setVersionStatus] = useState('')
-  const [versionTitle, setVersionTitle] = useState('')
+export default ({
+  connectToServerAction,
+  mapsProvider,
+  singleplayerAction,
+  optionsAction,
+  githubAction,
+  openFileAction,
+  versionText,
+  onVersionTextClick,
+  versionStatus,
+  versionTitle,
+  onVersionStatusClick,
+  bottomRightLinks,
+  singleplayerAvailable = true,
+}: Props) => {
+  const { appConfig } = useSnapshot(miscUiState)
 
-  useEffect(() => {
-    if (process.env.NODE_ENV === 'development') {
-      setVersionStatus('(dev)')
-    } else {
-      fetch('./version.txt').then(async (f) => {
-        if (f.status === 404) return
-        const contents = await f.text()
-        const isLatest = contents === process.env.BUILD_VERSION
-        if (!isLatest && sessionStorage.justReloaded) {
-          setVersionStatus('(force reloading, wait)')
-          void refreshApp(true)
-          return
-        }
-        setVersionStatus(`(${isLatest ? 'latest' : 'new version available'})`)
-        setVersionTitle(`Loaded: ${process.env.BUILD_VERSION}. Remote: ${contents}`)
-      }, () => { })
+  const splashText = useMemo(() => {
+    const cachedText = getCachedSplashText()
+
+    const configSplashFromApp = appConfig?.splashText
+    const isRemote = configSplashFromApp && isRemoteSplashText(configSplashFromApp)
+    const sourceKey = isRemote ? configSplashFromApp : (configSplashFromApp || '')
+    const storedSourceKey = localStorage.getItem('minecraft_splash_url')
+
+    if (storedSourceKey !== sourceKey) {
+      clearSplashCache()
+      cacheSourceUrl(sourceKey)
+    } else if (cachedText) {
+      return cachedText
     }
+
+    if (!isRemote && configSplashFromApp && configSplashFromApp.trim() !== '') {
+      cacheSplashText(configSplashFromApp)
+      return configSplashFromApp
+    }
+
+    return appConfig?.splashTextFallback || ''
   }, [])
 
+  useEffect(() => {
+    const configSplashFromApp = appConfig?.splashText
+    if (configSplashFromApp && isRemoteSplashText(configSplashFromApp)) {
+      loadRemoteSplashText(configSplashFromApp)
+        .then(fetchedText => {
+          if (fetchedText && fetchedText.trim() !== '' && !fetchedText.includes('Failed to load')) {
+            cacheSplashText(fetchedText)
+          }
+        })
+        .catch(error => {
+          console.error('Failed to preload splash text for next session:', error)
+        })
+    }
+  }, [appConfig?.splashText])
+
+  if (!bottomRightLinks?.trim()) bottomRightLinks = undefined
+  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+  const linksParsed = bottomRightLinks?.split(/;|\n/g).map(l => {
+    const parts = l.split(':')
+    return [parts[0], parts.slice(1).join(':')]
+  }) as Array<[string, string]> | undefined
+
+  const singleplayerLongPress = useLongPress(
+    () => {
+      window.location.href = window.location.pathname + '?sp=1'
+    },
+    () => singleplayerAction?.(null as any),
+    { delay: 500 }
+  )
+
+  const versionLongPress = useLongPress(
+    () => {
+      const buildDate = process.env.BUILD_VERSION ? new Date(process.env.BUILD_VERSION + ':00:00.000Z') : null
+      const hoursAgo = buildDate ? Math.round((Date.now() - buildDate.getTime()) / (1000 * 60 * 60)) : null
+      alert(`BUILD DATE:\n${buildDate?.toLocaleString() || 'Development build'}${hoursAgo ? `\nBuilt ${hoursAgo} hours ago` : ''}`)
+    },
+    () => onVersionTextClick?.(),
+  )
+
+  const connectToServerLongPress = useLongPress(
+    () => {
+      if (process.env.NODE_ENV === 'development') {
+        // Connect to <origin>:25565
+        const origin = window.location.hostname
+        const connectOptions: ConnectOptions = {
+          server: `${origin}:25565`,
+          username: 'test',
+        }
+        dispatchEvent(new CustomEvent('connect', { detail: connectOptions }))
+      }
+    },
+    () => connectToServerAction?.(null as any),
+    { delay: 500 }
+  )
 
   return (
     <div className={styles.root}>
       <div className={styles['game-title']}>
-        <div className={styles.minec}></div>
-        <div className={styles.raft}></div>
-        <div className={styles.edition}></div>
-        <span className={styles.splash}>Prismarine is a beautiful block</span>
+        <div className={styles.minecraft}>
+          <div className={styles.edition} />
+          <span className={styles.splash}>{splashText}</span>
+        </div>
       </div>
 
       <div className={styles.menu}>
@@ -79,16 +150,17 @@ export default ({ connectToServerAction, mapsProvider, singleplayerAction, optio
             content: 'Connect to Java servers!',
             placement: 'top',
           }}
-          onClick={connectToServerAction}
+          {...connectToServerLongPress}
           data-test-id='servers-screen-button'
         >
           Connect to server
         </ButtonWithTooltip>
         <div style={{ display: 'flex', justifyContent: 'space-between' }}>
           <ButtonWithTooltip
-            style={{ width: 170 }}
-            onClick={singleplayerAction}
+            style={{ width: 150 }}
+            {...singleplayerLongPress}
             data-test-id='singleplayer-button'
+            disabled={!singleplayerAvailable}
             initialTooltip={{
               content: 'Create worlds and play offline',
               placement: 'left',
@@ -98,9 +170,17 @@ export default ({ connectToServerAction, mapsProvider, singleplayerAction, optio
             Singleplayer
           </ButtonWithTooltip>
 
+          <ButtonWithTooltip
+            disabled={!mapsProvider}
+            // className={styles['maps-provider']}
+            icon={pixelartIcons.map}
+            initialTooltip={{ content: 'Explore maps to play from provider!', placement: 'top-start' }}
+            onClick={() => mapsProvider && openURL(httpsRegex.test(mapsProvider) ? mapsProvider : 'https://' + mapsProvider, false)}
+          />
+
           <ButtonWithTooltip
             data-test-id='select-file-folder'
-            icon='pixelarticons:folder'
+            icon={pixelartIcons.folder}
             onClick={openFileAction}
             initialTooltip={{
               content: 'Load any Java world save' + (haveDirectoryPicker() ? '' : ' (zip)!'),
@@ -114,51 +194,44 @@ export default ({ connectToServerAction, mapsProvider, singleplayerAction, optio
           Options
         </Button>
         <div className={styles['menu-row']}>
-          <ButtonWithTooltip
-            initialTooltip={{
-              content: 'Report bugs or request features!',
-            }}
-            style={{ width: '98px' }}
-            onClick={githubAction}
-          >
-            GitHub
-          </ButtonWithTooltip>
-          <Button
-            style={{ width: '98px' }}
-            onClick={discordAction}
-          >
-            Discord
-          </Button>
+          <PauseLinkButtons />
         </div>
+        <CreditsBookButton />
       </div>
 
       <div className={styles['bottom-info']}>
-        <span
-          title={`${versionTitle} (click to reload)`}
-          onClick={async () => {
-            setVersionStatus('(reloading)')
-            await refreshApp()
-          }}
-          className={styles['product-info']}
-        >
-          Prismarine Web Client {versionStatus}
-        </span>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
+          <span style={{ fontSize: 10, color: 'gray' }} {...versionLongPress}>{versionText}</span>
+          <span
+            title={`${versionTitle} (click to reload)`}
+            onClick={onVersionStatusClick}
+            className={styles['product-info']}
+          >
+            Prismarine Web Client {versionStatus}
+          </span>
+        </div>
         <span className={styles['product-description']}>
-          <a style={{
-            color: 'lightgray',
-            fontSize: 9,
-          }} href='https://privacy.mcraft.fun'>Privacy Policy</a>
-          <span>A Minecraft client in the browser!</span>
+          <div className={styles['product-link']}>
+            {linksParsed?.map(([name, link], i, arr) => {
+              if (!link.startsWith('http')) link = `https://${link}`
+              return <div style={{
+                color: 'lightgray',
+                fontSize: 8,
+              }}>
+                <a
+                  key={name}
+                  style={{
+                    whiteSpace: 'nowrap',
+                  }} href={link}
+                >{name}
+                </a>
+                {i < arr.length - 1 && <span style={{ marginLeft: 2 }}>·</span>}
+              </div>
+            })}
+          </div>
+          <span>{appConfig?.rightSideText}</span>
         </span>
       </div>
-
-      {mapsProvider &&
-        <ButtonWithTooltip
-          className={styles['maps-provider']}
-          icon='pixelarticons:map'
-          initialTooltip={{ content: 'Explore maps to play from provider!', placement: 'right' }}
-          onClick={() => openURL(httpsRegex.test(mapsProvider) ? mapsProvider : 'https://' + mapsProvider, false)}
-        />}
     </div>
   )
 }
diff --git a/src/react/MainMenuRenderApp.tsx b/src/react/MainMenuRenderApp.tsx
index 40439564..c6c36ca3 100644
--- a/src/react/MainMenuRenderApp.tsx
+++ b/src/react/MainMenuRenderApp.tsx
@@ -1,64 +1,164 @@
 import fs from 'fs'
-import { Transition } from 'react-transition-group'
-import { useSnapshot } from 'valtio'
-import { useEffect } from 'react'
-import { openURL } from 'prismarine-viewer/viewer/lib/simpleUtils'
+import { motion, AnimatePresence } from 'framer-motion'
+import { proxy, subscribe, useSnapshot } from 'valtio'
+import { useEffect, useState } from 'react'
 import { activeModalStack, miscUiState, openOptionsMenu, showModal } from '../globalState'
-import { openGithub, setLoadingScreenStatus } from '../utils'
+import { openGithub } from '../utils'
+import { setLoadingScreenStatus } from '../appStatus'
 import { openFilePicker, copyFilesAsync, mkdirRecursive, openWorldDirectory, removeFileRecursiveAsync } from '../browserfs'
 
 import MainMenu from './MainMenu'
 
+const isMainMenu = () => {
+  return activeModalStack.length === 0 && !miscUiState.gameLoaded
+}
+
+const refreshApp = async (failedUpdate = false) => {
+  try {
+    const registration = await navigator.serviceWorker.getRegistration()
+    if (registration) {
+      // First, disconnect all clients
+      const clients = await window.clients?.matchAll() || []
+      await Promise.all(clients.map(client => client.postMessage('SKIP_WAITING')))
+
+      // Force the waiting service worker to become active
+      if (registration.waiting) {
+        registration.waiting.postMessage('SKIP_WAITING')
+      }
+
+      // Add timeout to prevent infinite waiting
+      const unregisterPromise = registration.unregister()
+      const timeoutPromise = new Promise((_, reject) => {
+        setTimeout(() => reject(new Error('SW unregister timeout')), 3000)
+      })
+
+      await Promise.race([unregisterPromise, timeoutPromise])
+        .catch(err => {
+          console.warn('SW unregister error:', err)
+          if (isMainMenu()) {
+            alert('Failed to unregister SW: ' + err)
+          }
+        })
+    }
+
+    if (failedUpdate) {
+      await new Promise(resolve => { setTimeout(resolve, 2000) })
+    }
+
+    if (!isMainMenu()) return
+
+    if (failedUpdate) {
+      sessionStorage.justReloaded = false
+      // try to force bypass cache
+      location.search = '?update=true'
+    } else {
+      window.justReloaded = true
+      sessionStorage.justReloaded = true
+      window.location.reload()
+    }
+  } catch (err) {
+    console.error('Failed to refresh app:', err)
+    if (!isMainMenu()) {
+      alert('Critical error on refreshApp: ' + err)
+      // Fallback to force reload if something goes wrong
+      window.location.reload()
+    }
+  }
+}
+
+export const mainMenuState = proxy({
+  serviceWorkerLoaded: false,
+})
+
 // todo clean
 let disableAnimation = false
 export default () => {
   const haveModals = useSnapshot(activeModalStack).length
-  const { gameLoaded, appLoaded, appConfig } = useSnapshot(miscUiState)
+  const { gameLoaded, fsReady, appConfig, singleplayerAvailable } = useSnapshot(miscUiState)
 
-  const noDisplay = haveModals || gameLoaded || !appLoaded
+  const noDisplay = haveModals || gameLoaded || !fsReady
 
   useEffect(() => {
-    if (noDisplay && appLoaded) disableAnimation = true
+    if (noDisplay && fsReady) disableAnimation = true
   }, [noDisplay])
 
-  // todo clean, use custom csstransition
-  return <Transition in={!noDisplay} timeout={disableAnimation ? 0 : 100} mountOnEnter unmountOnExit>
-    {(state) => <div style={{ transition: state === 'exiting' || disableAnimation ? '' : '100ms opacity ease-in', ...state === 'entered' ? { opacity: 1 } : { opacity: 0 } }}>
-      <MainMenu
-        connectToServerAction={() => showModal({ reactType: 'serversList' })}
-        singleplayerAction={async () => {
-          const oldFormatSave = fs.existsSync('./world/level.dat')
-          if (oldFormatSave) {
-            setLoadingScreenStatus('Migrating old save, don\'t close the page')
-            try {
-              await mkdirRecursive('/data/worlds/local')
-              await copyFilesAsync('/world/', '/data/worlds/local')
-              try {
-                await removeFileRecursiveAsync('/world/')
-              } catch (err) {
-                console.error(err)
+  const [versionStatus, setVersionStatus] = useState('')
+  const [versionTitle, setVersionTitle] = useState('')
+
+  useEffect(() => {
+    if (process.env.SINGLE_FILE_BUILD_MODE) {
+      setVersionStatus('(single file build)')
+    } else if (process.env.NODE_ENV === 'development') {
+      setVersionStatus('(dev)')
+    } else {
+      fetch('./version.txt').then(async (f) => {
+        if (f.status === 404) return
+        const contents = await f.text()
+        const isLatest = contents === process.env.BUILD_VERSION
+        if (!isLatest && sessionStorage.justReloaded) {
+          setVersionStatus('(force reloading, wait)')
+          void refreshApp(true)
+          return
+        }
+        const upStatus = () => {
+          setVersionStatus(`(${isLatest ? 'latest' : 'new version available'}${mainMenuState.serviceWorkerLoaded ? ', Downloaded' : ''})`)
+        }
+        subscribe(mainMenuState, upStatus)
+        upStatus()
+        setVersionTitle(`Loaded: ${process.env.BUILD_VERSION}. Remote: ${contents}`)
+      }, () => {
+        setVersionStatus('(offline)')
+      })
+    }
+  }, [])
+
+  const mapsProviderUrl = appConfig?.mapsProvider && new URL(appConfig?.mapsProvider)
+  if (mapsProviderUrl && location.origin !== 'https://mcraft.fun') {
+    mapsProviderUrl.searchParams.set('to', location.href)
+  }
+
+  return (
+    <AnimatePresence>
+      {!noDisplay && (
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          transition={{
+            duration: disableAnimation ? 0 : 0.1,
+            ease: 'easeInOut'
+          }}
+        >
+          <MainMenu
+            singleplayerAvailable={singleplayerAvailable}
+            connectToServerAction={() => showModal({ reactType: 'serversList' })}
+            singleplayerAction={async () => {
+              showModal({ reactType: 'singleplayer' })
+            }}
+            githubAction={() => openGithub()}
+            optionsAction={() => openOptionsMenu('main')}
+            bottomRightLinks={process.env.MAIN_MENU_LINKS}
+            openFileAction={e => {
+              if (!!window.showDirectoryPicker && !e.shiftKey) {
+                void openWorldDirectory()
+              } else {
+                openFilePicker()
               }
-            } catch (err) {
-              console.warn(err)
-              alert('Failed to migrate world from localStorage')
-            } finally {
-              setLoadingScreenStatus(undefined)
-            }
-          }
-          showModal({ reactType: 'singleplayer' })
-        }}
-        githubAction={() => openGithub()}
-        optionsAction={() => openOptionsMenu('main')}
-        discordAction={() => openURL('https://discord.gg/4Ucm684Fq3')}
-        openFileAction={e => {
-          if (!!window.showDirectoryPicker && !e.shiftKey) {
-            void openWorldDirectory()
-          } else {
-            openFilePicker()
-          }
-        }}
-        mapsProvider={appConfig?.mapsProvider}
-      />
-    </div>}
-  </Transition>
+            }}
+            mapsProvider={mapsProviderUrl?.toString()}
+            versionStatus={versionStatus}
+            versionTitle={versionTitle}
+            onVersionStatusClick={async () => {
+              setVersionStatus('(reloading)')
+              await refreshApp()
+            }}
+            onVersionTextClick={async () => {
+              openGithub(process.env.RELEASE_LINK)
+            }}
+            versionText={process.env.RELEASE_TAG}
+          />
+        </motion.div>
+      )}
+    </AnimatePresence>
+  )
 }
diff --git a/src/react/MessageFormatted.css b/src/react/MessageFormatted.css
index 7e5be00a..f16a0644 100644
--- a/src/react/MessageFormatted.css
+++ b/src/react/MessageFormatted.css
@@ -1,5 +1,5 @@
 /* base global styles */
 
 .formatted-message {
-    text-shadow: 1px 1px 0px #3f3f3f;;
+    /* text-shadow: 1px 1px 0px #3f3f3f; */
 }
diff --git a/src/react/MessageFormatted.tsx b/src/react/MessageFormatted.tsx
index 6b9620ca..a70ca3b1 100644
--- a/src/react/MessageFormatted.tsx
+++ b/src/react/MessageFormatted.tsx
@@ -2,10 +2,11 @@ import { ComponentProps } from 'react'
 import { render } from '@xmcl/text-component'
 import { noCase } from 'change-case'
 import mojangson from 'mojangson'
-import { openURL } from 'prismarine-viewer/viewer/lib/simpleUtils'
-import { MessageFormatPart } from '../botUtils'
+import { openURL } from 'renderer/viewer/lib/simpleUtils'
+import { MessageFormatOptions, MessageFormatPart } from '../chatUtils'
 import { chatInputValueGlobal } from './Chat'
 import './MessageFormatted.css'
+import { showOptionsModal } from './SelectOption'
 
 const hoverItemToText = (hoverEvent: MessageFormatPart['hoverEvent']) => {
   try {
@@ -42,17 +43,21 @@ const clickEventToProps = (clickEvent: MessageFormatPart['clickEvent']) => {
       }
     }
   }
-  if (clickEvent.action === 'open_url') {
+  if (clickEvent.action === 'open_url' || clickEvent.action === 'open_file') {
     return {
-      onClick () {
-        const confirm = window.confirm(`Open ${clickEvent.value}?`)
-        if (confirm) {
+      async onClick () {
+        const promptMessageText = `Open "${clickEvent.value}"?`
+        const confirm = await showOptionsModal(promptMessageText, ['Open', 'Copy'], {
+          cancel: true
+        })
+        if (confirm === 'Open') {
           openURL(clickEvent.value)
+        } else if (confirm === 'Copy') {
+          void navigator.clipboard.writeText(clickEvent.value)
         }
       }
     }
   }
-  //@ts-expect-error todo
   if (clickEvent.action === 'copy_to_clipboard') {
     return {
       onClick () {
@@ -62,16 +67,18 @@ const clickEventToProps = (clickEvent: MessageFormatPart['clickEvent']) => {
   }
 }
 
-export const MessagePart = ({ part, ...props }: { part: MessageFormatPart } & ComponentProps<'span'>) => {
+export const MessagePart = ({ part, formatOptions, ...props }: { part: MessageFormatPart, formatOptions?: MessageFormatOptions } & ComponentProps<'span'>) => {
 
-  const { color, italic, bold, underlined, strikethrough, text, clickEvent, hoverEvent, obfuscated } = part
+  const { color: _color, italic, bold, underlined, strikethrough, text, clickEvent, hoverEvent, obfuscated } = part
+  const color = _color ?? 'white'
 
   const clickProps = clickEventToProps(clickEvent)
   const hoverMessageRaw = hoverItemToText(hoverEvent)
   const hoverItemText = hoverMessageRaw && typeof hoverMessageRaw !== 'string' ? render(hoverMessageRaw).children.map(child => child.component.text).join('') : hoverMessageRaw
 
   const applyStyles = [
-    color ? colorF(color.toLowerCase()) + `; text-shadow: 1px 1px 0px ${getColorShadow(colorF(color.toLowerCase()).replace('color:', ''))}` : messageFormatStylesMap.white,
+    clickProps && messageFormatStylesMap.clickEvent,
+    colorF(color.toLowerCase()) + ((formatOptions?.doShadow ?? true) ? `; text-shadow: 1px 1px 0px ${getColorShadow(colorF(color.toLowerCase()).replace('color:', ''))}` : ''),
     italic && messageFormatStylesMap.italic,
     bold && messageFormatStylesMap.bold,
     italic && messageFormatStylesMap.italic,
@@ -80,13 +87,13 @@ export const MessagePart = ({ part, ...props }: { part: MessageFormatPart } & Co
     obfuscated && messageFormatStylesMap.obfuscated
   ].filter(a => a !== false && a !== undefined).filter(Boolean)
 
-  return <span title={hoverItemText} style={parseInlineStyle(applyStyles.join(' '))} {...clickProps} {...props}>{text}</span>
+  return <span title={hoverItemText} style={parseInlineStyle(applyStyles.join(';'))} {...clickProps} {...props}>{text}</span>
 }
 
-export default ({ parts }: { parts: readonly MessageFormatPart[] }) => {
+export default ({ parts, className, formatOptions }: { parts: readonly MessageFormatPart[], className?: string, formatOptions?: MessageFormatOptions }) => {
   return (
-    <span className='formatted-message'>
-      {parts.map((part, i) => <MessagePart key={i} part={part} />)}
+    <span className={`formatted-message ${className ?? ''}`}>
+      {parts.map((part, i) => <MessagePart key={i} part={part} formatOptions={formatOptions} />)}
     </span>
   )
 }
@@ -117,25 +124,26 @@ export function parseInlineStyle (style: string): Record<string, any> {
 }
 
 export const messageFormatStylesMap = {
-  black: 'color:#000000',
-  dark_blue: 'color:#0000AA',
-  dark_green: 'color:#00AA00',
-  dark_aqua: 'color:#00AAAA',
-  dark_red: 'color:#AA0000',
-  dark_purple: 'color:#AA00AA',
-  gold: 'color:#FFAA00',
-  gray: 'color:#AAAAAA',
-  dark_gray: 'color:#555555',
-  blue: 'color:#5555FF',
-  green: 'color:#55FF55',
-  aqua: 'color:#55FFFF',
-  red: 'color:#FF5555',
-  light_purple: 'color:#FF55FF',
-  yellow: 'color:#FFFF55',
-  white: 'color:#FFFFFF',
+  black: 'color:color(display-p3 0 0 0)',
+  dark_blue: 'color:color(display-p3 0 0 0.6667)',
+  dark_green: 'color:color(display-p3 0 0.6667 0)',
+  dark_aqua: 'color:color(display-p3 0 0.6667 0.6667)',
+  dark_red: 'color:color(display-p3 0.6667 0 0)',
+  dark_purple: 'color:color(display-p3 0.6667 0 0.6667)',
+  gold: 'color:color(display-p3 1 0.6667 0)',
+  gray: 'color:color(display-p3 0.6667 0.6667 0.6667)',
+  dark_gray: 'color:color(display-p3 0.3333 0.3333 0.3333)',
+  blue: 'color:color(display-p3 0.3333 0.3333 1)',
+  green: 'color:color(display-p3 0.3333 1 0.3333)',
+  aqua: 'color:color(display-p3 0.3333 1 1)',
+  red: 'color:color(display-p3 1 0.3333 0.3333)',
+  light_purple: 'color:color(display-p3 1 0.3333 1)',
+  yellow: 'color:color(display-p3 1 1 0.3333)',
+  white: 'color:color(display-p3 1 1 1)',
   bold: 'font-weight:900',
   strikethrough: 'text-decoration:line-through',
   underlined: 'text-decoration:underline',
   italic: 'font-style:italic',
   obfuscated: 'filter:blur(2px)',
+  clickEvent: 'cursor:pointer',
 }
diff --git a/src/react/MessageFormattedString.stories.tsx b/src/react/MessageFormattedString.stories.tsx
index 91c87346..f644e2c4 100644
--- a/src/react/MessageFormattedString.stories.tsx
+++ b/src/react/MessageFormattedString.stories.tsx
@@ -7,11 +7,12 @@ const meta: Meta<typeof MessageFormattedString> = {
 }
 
 export default meta
-type Story = StoryObj<typeof MessageFormattedString>;
+type Story = StoryObj<typeof MessageFormattedString>
 
 export const Primary: Story = {
   args: {
     // red text using minecraft styling symbol
-    message: '\u00A7cYou died!'
+    message: '\u00A7cYou died!',
+    fallbackColor: 'white'
   },
 }
diff --git a/src/react/MessageFormattedString.tsx b/src/react/MessageFormattedString.tsx
index d1f8a10f..1fe8166a 100644
--- a/src/react/MessageFormattedString.tsx
+++ b/src/react/MessageFormattedString.tsx
@@ -1,19 +1,36 @@
 import { useMemo } from 'react'
 import { fromFormattedString } from '@xmcl/text-component'
-import { formatMessage } from '../botUtils'
+import { ErrorBoundary } from '@zardoy/react-util'
+import { formatMessage, MessageFormatOptions } from '../chatUtils'
 import MessageFormatted from './MessageFormatted'
 
 /** like MessageFormatted, but receives raw string or json instead, uses window.loadedData */
-export default ({ message }: { message: string | Record<string, any> | null }) => {
+export default ({ message, fallbackColor, className, formatOptions }: {
+  message: string | Record<string, any> | null,
+  fallbackColor?: string,
+  className?: string
+  formatOptions?: MessageFormatOptions
+}) => {
   const messageJson = useMemo(() => {
     if (!message) return null
     try {
-      return formatMessage(typeof message === 'string' ? fromFormattedString(message) : message)
+      const texts = formatMessage(typeof message === 'string' ? fromFormattedString(message) : message)
+      return texts.map(text => {
+        return {
+          ...text,
+          color: text.color ?? fallbackColor,
+        }
+      })
     } catch (err) {
       console.error(err) // todo ensure its being logged
       return null
     }
   }, [message])
 
-  return messageJson ? <MessageFormatted parts={messageJson} /> : null
+  return messageJson ? <ErrorBoundary renderError={(error) => {
+    console.error(error)
+    return <div>[text component crashed]</div>
+  }}>
+    <MessageFormatted parts={messageJson} className={className} formatOptions={formatOptions} />
+  </ErrorBoundary> : null
 }
diff --git a/src/react/MineflayerPluginConsole.css b/src/react/MineflayerPluginConsole.css
new file mode 100644
index 00000000..0a462a42
--- /dev/null
+++ b/src/react/MineflayerPluginConsole.css
@@ -0,0 +1,108 @@
+.console-wrapper {
+  position: fixed;
+  left: 0;
+  right: 0;
+  pointer-events: none;
+  z-index: 1000;
+}
+
+.console-messages-wrapper {
+  bottom: 45px;
+  max-height: 180px;
+}
+
+.console-input-wrapper {
+  bottom: 0;
+}
+
+.console-input-wrapper.input-mobile {
+  top: 0;
+  bottom: auto;
+}
+
+.console-messages-wrapper.display-mobile {
+  bottom: 0;
+  top: 45px;
+}
+
+.console {
+  margin: 0;
+  padding: 4px;
+  background-color: rgba(0, 0, 0, 0.5);
+  pointer-events: all;
+  overflow-y: auto;
+  max-height: inherit;
+  display: none;
+  user-select: text;
+}
+
+.console.opened {
+  display: block;
+}
+
+.console-message {
+  color: white;
+  font-family: monospace;
+  white-space: pre-wrap;
+  list-style: none;
+  margin: 2px 0;
+}
+
+.console-message-prefix {
+  color: dodgerblue;
+  margin-right: 8px;
+}
+
+.console-message-repl {
+  color: purple;
+}
+
+.console-message-error {
+  color: #ff4444;
+}
+
+.console-message-warn {
+  color: #ffbb33;
+}
+
+.console-input {
+  background-color: rgba(0, 0, 0, 0.5);
+  padding: 8px;
+  pointer-events: all;
+}
+
+.console-input-container {
+  display: flex;
+  align-items: center;
+}
+
+.console-input-prefix {
+  color: dodgerblue;
+  font-family: monospace;
+  margin-right: 8px;
+}
+
+.console-input-field {
+  flex: 1;
+  background: transparent;
+  border: none;
+  color: dodgerblue;
+  font-family: monospace;
+  outline: none;
+  padding: 0;
+}
+
+.console-input-field:focus {
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background: rgba(0, 0, 0, 0.3);
+}
+
+.console-input-field::placeholder {
+  color: rgba(30, 144, 255, 0.5);
+}
+
+.console-mobile-hidden {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
diff --git a/src/react/MineflayerPluginConsole.tsx b/src/react/MineflayerPluginConsole.tsx
new file mode 100644
index 00000000..2e1b6c1a
--- /dev/null
+++ b/src/react/MineflayerPluginConsole.tsx
@@ -0,0 +1,110 @@
+import { proxy, subscribe, useSnapshot } from 'valtio'
+import { useEffect, useRef, useState } from 'react'
+import './MineflayerPluginConsole.css'
+import { miscUiState } from '../globalState'
+import { useIsModalActive } from './utilsApp'
+import { useScrollBehavior } from './hooks/useScrollBehavior'
+
+export type ConsoleMessage = {
+  text: string
+  isRepl?: boolean
+  level?: 'log' | 'warn' | 'error'
+  id: number
+}
+
+export const mineflayerConsoleState = proxy({
+  onExecute: null as ((code: string) => void) | null,
+  messages: [] as ConsoleMessage[],
+  replEnabled: false,
+  consoleEnabled: false,
+  takeoverMode: false
+})
+
+const MessageLine = ({ message }: { message: ConsoleMessage }) => {
+  const messageClass = message.isRepl ? 'console-message-repl' : message.level ? `console-message-${message.level}` : ''
+  return (
+    <li className={`console-message ${messageClass}`}>
+      <span className="console-message-prefix">&gt;</span>
+      {message.text}
+    </li>
+  )
+}
+
+export default () => {
+  const opened = useIsModalActive('console')
+  const usingTouch = useSnapshot(miscUiState).currentTouch
+  const { messages, replEnabled, consoleEnabled, onExecute } = useSnapshot(mineflayerConsoleState)
+
+  const consoleInput = useRef<HTMLInputElement>(null!)
+  const consoleMessages = useRef<HTMLDivElement>(null)
+
+  const { scrollToBottom } = useScrollBehavior(consoleMessages, { messages, opened })
+
+  // Add useEffect to focus input when opened
+  useEffect(() => {
+    if (opened && replEnabled) {
+      consoleInput.current?.focus()
+    }
+  }, [opened, replEnabled])
+
+  const updateInputValue = (newValue: string) => {
+    consoleInput.current.value = newValue
+    setTimeout(() => {
+      consoleInput.current.setSelectionRange(newValue.length, newValue.length)
+    }, 0)
+  }
+
+  return (
+    <>
+      <div className={`console-wrapper console-messages-wrapper ${usingTouch ? 'display-mobile' : ''}`}>
+        <div ref={consoleMessages} className={`console ${opened ? 'opened' : ''}`} id="console-messages">
+          {!consoleEnabled && (
+            <MessageLine
+              key="console-disabled"
+              message={{
+                id: -1,
+                text: 'Console is not enabled. Enable it in the plugin initialization settings.',
+                level: 'error'
+              }}
+            />
+          )}
+          {messages.map((m) => (
+            <MessageLine key={m.id} message={m} />
+          ))}
+        </div>
+      </div>
+
+      <div className={`console-wrapper console-input-wrapper ${usingTouch ? 'input-mobile' : ''}`} hidden={!opened}>
+        <form
+          className='console-input'
+          onSubmit={(e) => {
+            e.preventDefault()
+            const code = consoleInput.current.value
+            if (code) {
+              onExecute?.(code)
+              updateInputValue('')
+              // Scroll to bottom after sending command
+              scrollToBottom()
+            }
+          }}
+        >
+          <div className="console-input-container">
+            <span className="console-input-prefix">&gt;</span>
+            <input
+              defaultValue=''
+              ref={consoleInput}
+              type="text"
+              className="console-input-field"
+              id="consoleinput"
+              spellCheck={false}
+              autoComplete="off"
+              disabled={!replEnabled}
+              placeholder={replEnabled ? 'Enter JavaScript code (bot variable is available)' : 'REPL is not enabled'}
+            />
+          </div>
+          <button type='submit' style={{ visibility: 'hidden', position: 'absolute' }} />
+        </form>
+      </div>
+    </>
+  )
+}
diff --git a/src/react/MineflayerPluginHud.tsx b/src/react/MineflayerPluginHud.tsx
new file mode 100644
index 00000000..0cb728cb
--- /dev/null
+++ b/src/react/MineflayerPluginHud.tsx
@@ -0,0 +1,120 @@
+import { proxy, useSnapshot } from 'valtio'
+import { useEffect, useRef, Fragment } from 'react'
+import type { UIDefinition } from 'mcraft-fun-mineflayer/build/customChannel'
+import MessageFormattedString from './MessageFormattedString'
+import { useUiMotion } from './uiMotion'
+import PixelartIcon from './PixelartIcon'
+
+export const mineflayerPluginHudState = proxy({
+  ui: [] as Array<UIDefinition & { id: string }>,
+})
+
+type TextPart = { type: 'text'; content: string } | { type: 'icon'; iconName: string }
+
+const parseTextWithIcons = (text: string): TextPart[] => {
+  const parts: TextPart[] = []
+  let currentText = ''
+  let i = 0
+
+  while (i < text.length) {
+    if (text[i] === '{' && text.slice(i, i + 6) === '{icon:') {
+      // If we have accumulated text before the icon, add it
+      if (currentText) {
+        parts.push({ type: 'text', content: currentText })
+        currentText = ''
+      }
+
+      // Find the end of the icon placeholder
+      const endBrace = text.indexOf('}', i)
+      if (endBrace !== -1) {
+        const iconName = text.slice(i + 6, endBrace)
+        parts.push({ type: 'icon', iconName })
+        i = endBrace + 1
+        continue
+      }
+    }
+    currentText += text[i]
+    i++
+  }
+
+  // Add any remaining text
+  if (currentText) {
+    parts.push({ type: 'text', content: currentText })
+  }
+
+  return parts
+}
+
+const TextElement = ({ text, x, y, motion = true, formatted = true, css = '', onTab = false }: UIDefinition & { type: 'text' }) => {
+  const motionRef = useRef<HTMLDivElement>(null)
+  const innerRef = useRef<HTMLDivElement>(null)
+
+  useUiMotion(motionRef, motion)
+
+  useEffect(() => {
+    if (!css) return
+    innerRef.current!.style.cssText = css
+  }, [css])
+
+  if (onTab && !document.hidden) return null
+
+  const parts = parseTextWithIcons(text)
+
+  return (
+    <div
+      ref={motionRef}
+      style={{
+        position: 'absolute',
+        left: x,
+        top: y,
+        transition: motion ? 'transform 0.1s ease-out' : 'none',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '2px'
+      }}
+    >
+      <div ref={innerRef}>
+        {parts.map((part, index) => (
+          <Fragment key={index}>
+            {part.type === 'text' ? (
+              formatted ? <MessageFormattedString message={part.content} /> : part.content
+            ) : (
+              <PixelartIcon iconName={part.iconName} width={12} styles={{ display: 'inline-block' }} />
+            )}
+          </Fragment>
+        ))}
+      </div>
+    </div>
+  )
+}
+
+const ImageElement = ({ url, x, y, width, height }: UIDefinition & { type: 'image' }) => {
+  return (
+    <img
+      src={url}
+      style={{
+        position: 'absolute',
+        left: x,
+        top: y,
+        width,
+        height
+      }}
+      alt=""
+    />
+  )
+}
+
+export default () => {
+  const { ui } = useSnapshot(mineflayerPluginHudState)
+
+  return (
+    <div style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', pointerEvents: 'none' }} className='mineflayer-plugin-hud'>
+      {ui.map((element, index) => {
+        if (element.type === 'lil') return null // Handled elsewhere
+        if (element.type === 'text') return <TextElement key={index} {...element} />
+        if (element.type === 'image') return <ImageElement key={index} {...element} />
+        return null
+      })}
+    </div>
+  )
+}
diff --git a/src/react/Minimap.tsx b/src/react/Minimap.tsx
new file mode 100644
index 00000000..9eb8a253
--- /dev/null
+++ b/src/react/Minimap.tsx
@@ -0,0 +1,119 @@
+import { useRef, useEffect, useState } from 'react'
+import { miscUiState } from '../globalState'
+import { DrawerAdapter } from './MinimapDrawer'
+import Fullmap from './Fullmap'
+
+
+export type DisplayMode = 'fullmapOnly' | 'minimapOnly'
+
+export default (
+  { adapter, showMinimap, showFullmap, singleplayer, fullMap, toggleFullMap, displayMode }:
+  {
+    adapter: DrawerAdapter,
+    showMinimap: string,
+    showFullmap: string,
+    singleplayer: boolean,
+    fullMap?: boolean,
+    toggleFullMap?: () => void
+    displayMode?: DisplayMode
+  }
+) => {
+  const full = useRef(false)
+  const canvasTick = useRef(0)
+  const canvasRef = useRef<HTMLCanvasElement>(null)
+  const [position, setPosition] = useState({ x: 0, y: 0, z: 0 })
+  const lastUpdate = useRef(0)
+  const THROTTLE_MS = 50 // 20fps
+
+  const updateMap = () => {
+    const now = Date.now()
+    if (now - lastUpdate.current < THROTTLE_MS) return
+    lastUpdate.current = now
+
+    setPosition({ x: adapter.playerPosition.x, y: adapter.playerPosition.y, z: adapter.playerPosition.z })
+    if (adapter.mapDrawer) {
+      if (!full.current) {
+        rotateMap()
+        adapter.mapDrawer.draw(adapter.playerPosition)
+        adapter.mapDrawer.drawPlayerPos()
+        adapter.mapDrawer.drawWarps()
+      }
+      if (canvasTick.current % 300 === 0 && !fullMap) {
+        if ('requestIdleCallback' in window) {
+          requestIdleCallback(() => {
+            adapter.mapDrawer?.clearChunksStore()
+          })
+        } else {
+          adapter.mapDrawer.clearChunksStore()
+        }
+        canvasTick.current = 0
+      }
+    }
+    canvasTick.current += 1
+  }
+
+  const updateWarps = () => { }
+
+  const rotateMap = () => {
+    if (!adapter.mapDrawer) return
+    adapter.mapDrawer.canvas.style.transform = `rotate(${adapter.yaw}rad)`
+    adapter.mapDrawer.yaw = adapter.yaw
+  }
+
+  useEffect(() => {
+    if (canvasRef.current && adapter.mapDrawer && !miscUiState.displayFullmap) {
+      adapter.mapDrawer.canvas = canvasRef.current
+      adapter.mapDrawer.full = false
+    }
+  }, [canvasRef.current, miscUiState.displayFullmap])
+
+  useEffect(() => {
+    adapter.on('updateMap', updateMap)
+    adapter.on('updateWaprs', updateWarps)
+
+    return () => {
+      adapter.off('updateMap', updateMap)
+      adapter.off('updateWaprs', updateWarps)
+    }
+  }, [adapter])
+
+  return fullMap && displayMode !== 'minimapOnly' && (showFullmap === 'singleplayer' && singleplayer || showFullmap === 'always')
+    ? <Fullmap
+      toggleFullMap={toggleFullMap}
+      adapter={adapter}
+    />
+    : displayMode !== 'fullmapOnly' && (showMinimap === 'singleplayer' && singleplayer || showMinimap === 'always')
+      ? <div
+        className='minimap'
+        style={{
+          position: 'absolute',
+          right: '0px',
+          top: '0px',
+          padding: '5px 5px 0px 0px',
+          textAlign: 'center',
+          zIndex: 7,
+        }}
+        onClick={() => {
+          toggleFullMap?.()
+        }}
+      >
+        <canvas
+          style={{
+            transition: '0.5s',
+            transitionTimingFunction: 'ease-out',
+            borderRadius: '1000px'
+          }}
+          width={80}
+          height={80}
+          ref={canvasRef}
+        />
+        <div
+          style={{
+            fontSize: '0.5em',
+            textShadow: '0.1em 0 black, 0 0.1em black, -0.1em 0 black, 0 -0.1em black, -0.1em -0.1em black, -0.1em 0.1em black, 0.1em -0.1em black, 0.1em 0.1em black'
+          }}
+        >
+          {Math.round(position.x)} {Math.round(position.y)} {Math.round(position.z)}
+        </div>
+      </div> : null
+}
diff --git a/src/react/MinimapDrawer.ts b/src/react/MinimapDrawer.ts
new file mode 100644
index 00000000..113954da
--- /dev/null
+++ b/src/react/MinimapDrawer.ts
@@ -0,0 +1,332 @@
+import { Vec3 } from 'vec3'
+import { TypedEventEmitter } from 'contro-max/build/typedEventEmitter'
+import { WorldWarp } from 'flying-squid/dist/lib/modules/warps'
+import { Chunk } from 'prismarine-world/types/world'
+
+export type MapUpdates = {
+  updateBlockColor: (pos: Vec3) => void
+  updatePlayerPosition: () => void
+  updateWarps: () => void
+}
+
+export interface DrawerAdapter extends TypedEventEmitter<MapUpdates> {
+  getHighestBlockY: (x: number, z: number, chunk?: Chunk) => number
+  clearChunksStore: (x: number, z: number) => void
+  chunksStore: Map<string, undefined | null | 'requested' | ChunkInfo >
+  playerPosition: Vec3
+  warps: WorldWarp[]
+  loadingChunksQueue: Set<string>
+  mapDrawer: MinimapDrawer
+  yaw: number
+  full: boolean
+  world: string
+  setWarp: (warp: WorldWarp, remove?: boolean) => void
+  quickTp?: (x: number, z: number) => void
+  loadChunk: (key: string) => Promise<void>
+  drawChunkOnCanvas: (key: string, canvas: HTMLCanvasElement) => Promise<void>
+}
+
+export type ChunkInfo = {
+  heightmap: Uint8Array,
+  colors: string[],
+}
+
+export class MinimapDrawer {
+  canvasWidthCenterX: number
+  canvasWidthCenterY: number
+  _mapSize: number
+  radius: number
+  ctx: CanvasRenderingContext2D
+  _canvas: HTMLCanvasElement
+  chunksInView = new Set<string>()
+  lastBotPos: Vec3
+  lastWarpPos: Vec3
+  mapPixel: number
+  yaw: number
+  _full = false
+
+  constructor (
+    public loadChunk: undefined | ((key: string) => Promise<void>),
+    public warps: WorldWarp[],
+    public loadingChunksQueue: undefined | Set<string>,
+    public chunksStore: Map<string, undefined | null | 'requested' | ChunkInfo >
+  ) {
+    this.loadChunk = loadChunk
+    this.warps = warps
+    this.loadingChunksQueue = loadingChunksQueue
+    this.chunksStore = chunksStore
+  }
+
+  setMapPixel () {
+    if (this.full) {
+      this.radius = Math.floor(Math.min(this.canvas.width, this.canvas.height) / 2)
+      this._mapSize = 16
+    } else {
+      this.radius = Math.floor(Math.min(this.canvas.width, this.canvas.height) / 2.2)
+      this._mapSize = this.radius * 2
+    }
+    this.mapPixel = Math.floor(this.radius * 2 / this.mapSize)
+  }
+
+  get full () {
+    return this._full
+  }
+
+  set full (full: boolean) {
+    this._full = full
+    this.setMapPixel()
+  }
+
+  get canvas () {
+    return this._canvas
+  }
+
+  set canvas (canvas: HTMLCanvasElement) {
+    this.ctx = canvas.getContext('2d', { willReadFrequently: true })!
+    this.ctx.imageSmoothingEnabled = false
+    this.canvasWidthCenterX = canvas.width / 2
+    this.canvasWidthCenterY = canvas.height / 2
+    this._canvas = canvas
+    this.setMapPixel()
+  }
+
+  get mapSize () {
+    return this._mapSize
+  }
+
+  set mapSize (mapSize: number) {
+    this._mapSize = mapSize
+    this.mapPixel = Math.floor(this.radius * 2 / this.mapSize)
+    this.draw(this.lastBotPos)
+  }
+
+  draw (botPos: Vec3,) {
+    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height)
+
+    this.lastBotPos = botPos
+    this.updateChunksInView()
+    for (const key of this.chunksInView) {
+      if (!this.chunksStore.has(key) && !this.loadingChunksQueue?.has(key)) {
+        void this.loadChunk?.(key)
+      }
+      // case when chunk is not present is handled in drawChunk
+      this.drawChunk(key)
+    }
+    if (!this.full) this.drawPartsOfWorld()
+  }
+
+  updateChunksInView (viewX?: number, viewZ?: number) {
+    const worldCenterX = viewX ?? this.lastBotPos.x
+    const worldCenterZ = viewZ ?? this.lastBotPos.z
+
+    const radius = this.mapSize / 2
+    const leftViewBorder = Math.floor((worldCenterX - radius) / 16) - 1
+    const rightViewBorder = Math.ceil((worldCenterX + radius) / 16)
+    const topViewBorder = Math.floor((worldCenterZ - radius) / 16) - 1
+    const bottomViewBorder = Math.ceil((worldCenterZ + radius) / 16)
+
+    this.chunksInView.clear()
+    for (let i = topViewBorder; i <= bottomViewBorder; i += 1) {
+      for (let j = leftViewBorder; j <= rightViewBorder; j += 1) {
+        this.chunksInView.add(`${j},${i}`)
+      }
+    }
+  }
+
+  drawChunk (key: string, chunkInfo?: ChunkInfo | null) {
+    const [chunkX, chunkZ] = key.split(',').map(Number)
+    const chunkWorldX = chunkX * 16
+    const chunkWorldZ = chunkZ * 16
+    const chunkCanvasX = Math.floor((chunkWorldX - this.lastBotPos.x) * this.mapPixel + this.canvasWidthCenterX)
+    const chunkCanvasY = Math.floor((chunkWorldZ - this.lastBotPos.z) * this.mapPixel + this.canvasWidthCenterY)
+    const chunk = chunkInfo ?? this.chunksStore.get(key)
+    // if chunk is not ready then draw waiting color (grey) or none (half transparent black)
+    if (typeof chunk !== 'object') {
+      const chunkSize = this.mapPixel * 16
+      this.ctx.fillStyle = chunk === 'requested' ? 'rgb(200, 200, 200)' : 'rgba(0, 0, 0, 0.5)'
+      this.ctx.fillRect(chunkCanvasX, chunkCanvasY, chunkSize, chunkSize)
+      return
+    }
+    for (let row = 0; row < 16; row += 1) {
+      for (let col = 0; col < 16; col += 1) {
+        const index = row * 16 + col
+        const color = chunk?.colors[index] ?? 'rgb(255, 0, 0)'
+        const pixelX = chunkCanvasX + this.mapPixel * col
+        const pixelY = chunkCanvasY + this.mapPixel * row
+        this.drawPixel(pixelX, pixelY, color)
+      }
+    }
+  }
+
+  drawPixel (pixelX: number, pixelY: number, color: string) {
+    if (!this.full && Math.hypot(pixelX - this.canvasWidthCenterX, pixelY - this.canvasWidthCenterY) > this.radius) {
+      this.ctx.clearRect(pixelX, pixelY, this.mapPixel, this.mapPixel)
+      return
+    }
+    this.ctx.fillStyle = color
+    this.ctx.fillRect(
+      pixelX,
+      pixelY,
+      this.mapPixel,
+      this.mapPixel
+    )
+  }
+
+  clearChunksStore () {
+    for (const key of this.chunksStore.keys()) {
+      const [x, z] = key.split(',').map(x => Number(x) * 16)
+      if (Math.hypot((this.lastBotPos.x - x), (this.lastBotPos.z - z)) > this.radius * 5) {
+        this.chunksStore.delete(key)
+      }
+    }
+  }
+
+  setWarpPosOnClick (mousePos: Vec3) {
+    this.lastWarpPos = new Vec3(mousePos.x, mousePos.y, mousePos.z)
+  }
+
+  drawWarps (centerPos?: Vec3) {
+    for (const warp of this.warps) {
+      if (!this.full) {
+        const distance = Math.hypot(
+          centerPos?.x ?? this.lastBotPos.x - warp.x,
+          centerPos?.z ?? this.lastBotPos.z - warp.z
+        )
+        if (distance > this.mapSize) continue
+      }
+      const offset = this.full ? 0 : this.radius * 0.1
+      const z = Math.floor(
+        (this.mapSize / 2 - (centerPos?.z ?? this.lastBotPos.z) + warp.z) * this.mapPixel
+      ) + offset
+      const x = Math.floor(
+        (this.mapSize / 2 - (centerPos?.x ?? this.lastBotPos.x) + warp.x) * this.mapPixel
+      ) + offset
+      const dz = z - this.canvasWidthCenterX
+      const dx = x - this.canvasWidthCenterY
+      const circleDist = Math.hypot(dx, dz)
+
+      const angle = Math.atan2(dz, dx)
+      const circleZ = circleDist > this.mapSize / 2 && !this.full ?
+        this.canvasWidthCenterX + this.mapSize / 2 * Math.sin(angle)
+        : z
+      const circleX = circleDist > this.mapSize / 2 && !this.full ?
+        this.canvasWidthCenterY + this.mapSize / 2 * Math.cos(angle)
+        : x
+      this.ctx.beginPath()
+      this.ctx.arc(
+        circleX,
+        circleZ,
+        circleDist > this.mapSize / 2 && !this.full
+          ? this.mapPixel * 1.5
+          : this.full ? this.mapPixel : this.mapPixel * 2,
+        0,
+        Math.PI * 2,
+        false
+      )
+      this.ctx.strokeStyle = 'black'
+      this.ctx.lineWidth = this.mapPixel
+      this.ctx.stroke()
+      this.ctx.fillStyle = warp.disabled ? 'rgba(255, 255, 255, 0.4)' : warp.color ?? '#d3d3d3'
+      this.ctx.fill()
+      this.ctx.closePath()
+    }
+  }
+
+  drawPartsOfWorld () {
+    this.ctx.fillStyle = 'white'
+    this.ctx.shadowOffsetX = 1
+    this.ctx.shadowOffsetY = 1
+    this.ctx.shadowColor = 'black'
+    this.ctx.font = `${this.radius / 4}px serif`
+    this.ctx.textAlign = 'center'
+    this.ctx.textBaseline = 'middle'
+    this.ctx.strokeStyle = 'black'
+    this.ctx.lineWidth = 1
+
+    const angle = - Math.PI / 2
+    const angleS = angle + Math.PI
+    const angleW = angle + Math.PI * 3 / 2
+    const angleE = angle + Math.PI / 2
+
+    this.ctx.strokeText(
+      'N',
+      this.canvasWidthCenterX + this.radius * Math.cos(angle),
+      this.canvasWidthCenterY + this.radius * Math.sin(angle)
+    )
+    this.ctx.strokeText(
+      'S',
+      this.canvasWidthCenterX + this.radius * Math.cos(angleS),
+      this.canvasWidthCenterY + this.radius * Math.sin(angleS)
+    )
+    this.ctx.strokeText(
+      'W',
+      this.canvasWidthCenterX + this.radius * Math.cos(angleW),
+      this.canvasWidthCenterY + this.radius * Math.sin(angleW)
+    )
+    this.ctx.strokeText(
+      'E',
+      this.canvasWidthCenterX + this.radius * Math.cos(angleE),
+      this.canvasWidthCenterY + this.radius * Math.sin(angleE)
+    )
+    this.ctx.fillText(
+      'N',
+      this.canvasWidthCenterX + this.radius * Math.cos(angle),
+      this.canvasWidthCenterY + this.radius * Math.sin(angle)
+    )
+    this.ctx.fillText(
+      'S',
+      this.canvasWidthCenterX + this.radius * Math.cos(angleS),
+      this.canvasWidthCenterY + this.radius * Math.sin(angleS)
+    )
+    this.ctx.fillText(
+      'W',
+      this.canvasWidthCenterX + this.radius * Math.cos(angleW),
+      this.canvasWidthCenterY + this.radius * Math.sin(angleW)
+    )
+    this.ctx.fillText(
+      'E',
+      this.canvasWidthCenterX + this.radius * Math.cos(angleE),
+      this.canvasWidthCenterY + this.radius * Math.sin(angleE)
+    )
+
+    this.ctx.shadowOffsetX = 0
+    this.ctx.shadowOffsetY = 0
+  }
+
+  drawPlayerPos (canvasWorldCenterX?: number, canvasWorldCenterZ?: number, disableTurn?: boolean) {
+    this.ctx.setTransform(1, 0, 0, 1, 0, 0)
+
+    const x = (this.lastBotPos.x - (canvasWorldCenterX ?? this.lastBotPos.x)) * this.mapPixel - (this.full ? 30 : 0)
+    const z = (this.lastBotPos.z - (canvasWorldCenterZ ?? this.lastBotPos.z)) * this.mapPixel - (this.full ? 30 : 0)
+    const center = this.mapSize / 2 * this.mapPixel + (this.full ? 0 : this.radius * 0.1)
+    this.ctx.translate(center + x, center + z)
+    if (!disableTurn) this.ctx.rotate(-this.yaw)
+
+    const size = 3
+    const factor = this.full ? 2 : 1
+    const width = size * factor
+    const height = size * factor
+
+    this.ctx.beginPath()
+    this.ctx.moveTo(0, -height)
+    this.ctx.lineTo(-width, height)
+    this.ctx.lineTo(width, height)
+    this.ctx.closePath()
+
+    this.ctx.strokeStyle = '#000000'
+    this.ctx.lineWidth = this.full ? 2 : 1
+    this.ctx.stroke()
+    this.ctx.fillStyle = '#FFFFFF'
+    this.ctx.fill()
+
+    // Reset transformations
+    this.ctx.setTransform(1, 0, 0, 1, 0, 0)
+  }
+
+  rotateMap (angle: number) {
+    this.ctx.setTransform(1, 0, 0, 1, 0, 0)
+    this.ctx.translate(this.canvasWidthCenterX, this.canvasWidthCenterY)
+    this.ctx.rotate(angle)
+    this.ctx.translate(-this.canvasWidthCenterX, -this.canvasWidthCenterY)
+  }
+}
diff --git a/src/react/MinimapProvider.tsx b/src/react/MinimapProvider.tsx
new file mode 100644
index 00000000..26a15134
--- /dev/null
+++ b/src/react/MinimapProvider.tsx
@@ -0,0 +1,582 @@
+import { useEffect } from 'react'
+import { simplify } from 'prismarine-nbt'
+import RegionFile from 'prismarine-provider-anvil/src/region'
+import { Vec3 } from 'vec3'
+import { versionToNumber } from 'renderer/viewer/common/utils'
+import { WorldWarp } from 'flying-squid/dist/lib/modules/warps'
+import { TypedEventEmitter } from 'contro-max/build/typedEventEmitter'
+import { PCChunk } from 'prismarine-chunk'
+import { Chunk } from 'prismarine-world/types/world'
+import { Block } from 'prismarine-block'
+import { INVISIBLE_BLOCKS } from 'renderer/viewer/lib/mesher/worldConstants'
+import { getRenamedData } from 'flying-squid/dist/blockRenames'
+import { useSnapshot, subscribe } from 'valtio'
+import { subscribeKey } from 'valtio/utils'
+import { getThreeJsRendererMethods } from 'renderer/viewer/three/threeJsMethods'
+import BlockData from '../../renderer/viewer/lib/moreBlockDataGenerated.json'
+import preflatMap from '../preflatMap.json'
+import { contro } from '../controls'
+import { gameAdditionalState, miscUiState } from '../globalState'
+import { options } from '../optionsStorage'
+import Minimap, { DisplayMode } from './Minimap'
+import { ChunkInfo, DrawerAdapter, MapUpdates, MinimapDrawer } from './MinimapDrawer'
+import { useIsModalActive } from './utilsApp'
+import { lastConnectOptions } from './AppStatusProvider'
+
+const findHeightMap = (obj: PCChunk): number[] | undefined => {
+  function search (obj: any): any | undefined {
+    for (const key in obj) {
+      if (['heightmap', 'heightmaps'].includes(key.toLowerCase())) {
+        return obj[key]
+      } else if (typeof obj[key] === 'object' && obj[key] !== null) {
+        const result = search(obj[key])
+        return result
+      }
+    }
+  }
+  return search(obj)
+}
+
+export class DrawerAdapterImpl extends TypedEventEmitter<MapUpdates> implements DrawerAdapter {
+  playerPosition: Vec3
+  yaw: number
+  world: string
+  warps: WorldWarp[] = gameAdditionalState.warps
+  chunksStore = new Map<string, undefined | null | 'requested' | ChunkInfo>()
+  loadingChunksQueue = new Set<string>()
+  loadChunk: (key: string) => Promise<void> = this.loadChunkMinimap
+  mapDrawer = new MinimapDrawer(this.loadChunk.bind(this), this.warps, this.loadingChunksQueue, this.chunksStore)
+  currChunk: PCChunk | undefined
+  currChunkPos: { x: number, z: number } = { x: 0, z: 0 }
+  isOldVersion: boolean
+  blockData: Map<string | string[], string>
+  heightMap: Record<string, number> = {}
+  regions = new Map<string, RegionFile>()
+  chunksHeightmaps: Record<string, any> = {}
+  loadChunkFullmap: (key: string) => Promise<ChunkInfo | null | undefined>
+  _full = false
+  isBuiltinHeightmapAvailable = false
+  unsubscribers: Array<() => void> = []
+
+  constructor (pos?: Vec3) {
+    super()
+    this.playerPosition = pos ?? new Vec3(0, 0, 0)
+
+    // check if should use heightmap.
+    // As there is no simple way to check if heightmap is present in region file, making an attempt to load one
+    if (localServer) {
+      const chunkX = Math.floor(this.playerPosition.x / 16)
+      const chunkZ = Math.floor(this.playerPosition.z / 16)
+      const regionX = Math.floor(chunkX / 32)
+      const regionZ = Math.floor(chunkZ / 32)
+      const regionKey = `${regionX},${regionZ}`
+      const { worldFolder } = localServer.options
+      if (worldFolder) {
+        const path = `${worldFolder}/region/r.${regionX}.${regionZ}.mca`
+        const region = new RegionFile(path)
+        void region.initialize()
+        this.regions.set(regionKey, region)
+        const readX = chunkX % 32 < 0 ? 32 + chunkX % 32 : chunkX % 32
+        const readZ = chunkZ % 32 < 0 ? 32 + chunkZ % 32 : chunkZ % 32
+        console.log('heightmap check begun', readX, readZ)
+        void this.regions.get(regionKey)?.read(readX, readZ)?.then((rawChunk) => {
+          let heightmap: number[] | undefined
+          try {
+            const chunk = simplify(rawChunk as any)
+            heightmap = findHeightMap(chunk)
+          } catch (err) {
+            console.warn('error getting heightmap', err)
+          }
+          if (heightmap) {
+            this.isBuiltinHeightmapAvailable = true
+            this.loadChunkFullmap = this.loadChunkFromRegion
+            console.log('using heightmap')
+          } else {
+            this.isBuiltinHeightmapAvailable = false
+            this.loadChunkFullmap = this.loadChunkNoRegion
+            console.log('dont use heightmap')
+          }
+        })
+      } else {
+        this.isBuiltinHeightmapAvailable = false
+        this.loadChunkFullmap = this.loadChunkNoRegion
+        console.log('dont use heightmap')
+      }
+    } else {
+      this.isBuiltinHeightmapAvailable = false
+      this.loadChunkFullmap = this.loadChunkFromViewer
+    }
+    if (localServer) {
+      this.overwriteWarps(localServer.warps)
+    } else {
+      const storageWarps = localStorage.getItem(`warps: ${lastConnectOptions.value?.server ?? 'server'} ${lastConnectOptions.value?.username ?? 'username'}`)
+      this.overwriteWarps(JSON.parse(storageWarps ?? '[]'))
+    }
+    this.isOldVersion = versionToNumber(bot.version) < versionToNumber('1.13')
+    this.blockData = new Map<string, string>()
+    for (const blockKey of Object.keys(BlockData.colors)) {
+      const renamedKey = getRenamedData('blocks', blockKey, '1.20.2', bot.version)
+      this.blockData.set(renamedKey, BlockData.colors[blockKey])
+    }
+
+    subscribe(appViewer.rendererState.world, () => {
+      for (const key of this.loadingChunksQueue) {
+        if (appViewer.rendererState.world.chunksLoaded.has(key)) {
+          this.loadingChunksQueue.delete(key)
+          void this.loadChunk(key)
+        }
+      }
+    })
+  }
+
+  destroy () {
+    for (const unsubscriber of this.unsubscribers) {
+      unsubscriber()
+    }
+  }
+
+  get full () {
+    return this._full
+  }
+
+  set full (full: boolean) {
+    if (!full) {
+      console.log('this is minimap')
+      this.loadChunk = this.loadChunkMinimap
+      this.mapDrawer.loadChunk = this.loadChunk
+    }
+    this._full = full
+  }
+
+  overwriteWarps (newWarps: WorldWarp[]) {
+    this.warps.splice(0, this.warps.length)
+    for (const warp of newWarps) {
+      this.warps.push({ ...warp })
+    }
+  }
+
+  setWarp (warp: WorldWarp, remove?: boolean): void {
+    this.world = bot.game.dimension
+    const index = this.warps.findIndex(w => w.name === warp.name)
+    if (!remove && index === -1) {
+      this.warps.push(warp)
+    } else if (remove && index !== -1) {
+      this.warps.splice(index, 1)
+    } else {
+      this.warps[index] = warp
+    }
+    if (localServer) {
+      // type suppressed until server is updated. It works fine
+      void (localServer as any).setWarp(warp, remove)
+    } else if (remove) {
+      localStorage.removeItem(`warps: ${bot.username} ${lastConnectOptions.value!.server}`)
+    } else {
+      localStorage.setItem(`warps: ${bot.username} ${lastConnectOptions.value!.server}`, JSON.stringify(this.warps))
+    }
+    this.emit('updateWarps')
+  }
+
+  getHighestBlockY (x: number, z: number, chunk?: Chunk) {
+    const chunkX = Math.floor(x / 16) * 16
+    const chunkZ = Math.floor(z / 16) * 16
+    if (this.chunksHeightmaps[`${chunkX},${chunkZ}`]) {
+      return this.chunksHeightmaps[`${chunkX},${chunkZ}`][x - chunkX + (z - chunkZ) * 16] - 1
+    }
+    const source = chunk ?? bot.world
+    const { height, minY } = (bot.game as any)
+    for (let i = height; i > 0; i -= 1) {
+      const block = source.getBlock(new Vec3(x & 15, minY + i, z & 15))
+      if (block && !INVISIBLE_BLOCKS.has(block.name)) {
+        return minY + i
+      }
+    }
+    return minY
+  }
+
+  async getChunkSingleplayer (chunkX: number, chunkZ: number) {
+    // absolute coords
+    const region = (localServer!.overworld.storageProvider as any).getRegion(chunkX * 16, chunkZ * 16)
+    if (!region) return 'unavailable'
+    const chunk = await localServer!.players[0]!.world.getColumn(chunkX, chunkZ)
+    return chunk
+  }
+
+  async loadChunkMinimap (key: string) {
+    const [chunkX, chunkZ] = key.split(',').map(Number)
+    const chunkWorldX = chunkX * 16
+    const chunkWorldZ = chunkZ * 16
+    if (appViewer.rendererState.world.chunksLoaded.has(key)) {
+      // console.log('[MinimapProvider] loading chunk for minimap', key)
+      const heightmap = appViewer.rendererState.world.heightmaps.get(key)
+      if (heightmap) {
+        // console.log('[MinimapProvider] did get highest blocks')
+      } else {
+        console.warn('[MinimapProvider] no highestBlocks from renderMethods')
+        return undefined
+      }
+      const colors = Array.from({ length: 256 }).fill('') as string[]
+      // avoid creating new object every time
+      const blockPos = new Vec3(0, 0, 0)
+      // filling up colors
+      for (let z = 0; z < 16; z += 1) {
+        for (let x = 0; x < 16; x += 1) {
+          const blockX = chunkWorldX + x
+          const blockZ = chunkWorldZ + z
+          const index = z * 16 + x
+          blockPos.x = blockX; blockPos.z = blockZ; blockPos.y = heightmap[index]
+          const block = bot.world.getBlock(blockPos)
+          // blocks which are not set are shown as half transparent
+          if (!block) {
+            colors[index] = 'rgba(0, 0, 0, 0.5)'
+            continue
+          }
+          colors[index] = this.setColor(block)
+        }
+      }
+      const chunk = { heightmap, colors }
+      this.applyShadows(chunk)
+      this.chunksStore.set(key, chunk)
+      this.emit(`chunkReady`, `${chunkX},${chunkZ}`)
+    } else {
+      this.loadingChunksQueue.add(`${chunkX},${chunkZ}`)
+      this.chunksStore.set(key, 'requested')
+      // console.log('[MinimapProvider] requested new chunk', key)
+    }
+  }
+
+  async loadChunkNoRegion (key: string) {
+    const [chunkX, chunkZ] = key.split(',').map(Number)
+    const chunkWorldX = chunkX * 16
+    const chunkWorldZ = chunkZ * 16
+    const chunkInfo = await this.getChunkSingleplayer(chunkX, chunkZ)
+    if (chunkInfo === 'unavailable') return null
+    const heightmap = new Uint8Array(256)
+    const colors = Array.from({ length: 256 }).fill('') as string[]
+    for (let z = 0; z < 16; z += 1) {
+      for (let x = 0; x < 16; x += 1) {
+        const blockX = chunkWorldX + x
+        const blockZ = chunkWorldZ + z
+        const blockY = this.getHighestBlockY(blockX, blockZ, chunkInfo)
+        const blockPos = new Vec3(blockX & 15, blockY, blockZ & 15)
+        let block = chunkInfo.getBlock(blockPos)
+        while (block?.name.includes('air')) {
+          blockPos.y -= 1
+          block = chunkInfo.getBlock(blockPos)
+        }
+        if (!block) {
+          console.warn(`[cannot get the block] ${chunkX}, ${chunkZ}, ${chunkWorldX + x}, ${chunkWorldZ + z}`)
+          return null
+        }
+        const index = z * 16 + x
+        heightmap[index] = blockPos.y
+        colors[index] = this.setColor(block)
+      }
+    }
+    const chunk: ChunkInfo = { heightmap, colors }
+    this.applyShadows(chunk)
+    return chunk
+  }
+
+  async loadChunkFromRegion (key: string): Promise<ChunkInfo | null | undefined> {
+    const [chunkX, chunkZ] = key.split(',').map(Number)
+    const chunkWorldX = chunkX * 16
+    const chunkWorldZ = chunkZ * 16
+    const heightmap = await this.getChunkHeightMapFromRegion(chunkX, chunkZ) as unknown as Uint8Array
+    if (!heightmap) return null
+    const chunkInfo = await this.getChunkSingleplayer(chunkX, chunkZ)
+    if (chunkInfo === 'unavailable') return null
+    const colors = Array.from({ length: 256 }).fill('') as string[]
+    for (let z = 0; z < 16; z += 1) {
+      for (let x = 0; x < 16; x += 1) {
+        const blockX = chunkWorldX + x
+        const blockZ = chunkWorldZ + z
+        const index = z * 16 + x
+        heightmap[index] -= 1
+        if (heightmap[index] < 0) heightmap[index] = 0
+        const blockY = heightmap[index]
+        const blockPos = new Vec3(blockX & 15, blockY, blockZ & 15)
+        let block = chunkInfo.getBlock(blockPos)
+        while (block?.name.includes('air')) {
+          blockPos.y -= 1
+          block = chunkInfo.getBlock(blockPos)
+        }
+        if (!block) {
+          console.warn(`[cannot get the block] ${chunkX}, ${chunkZ}, ${chunkWorldX + x}, ${chunkWorldZ + z}`)
+          return null
+        }
+        colors[index] = this.setColor(block)
+      }
+    }
+    const chunk: ChunkInfo = { heightmap, colors }
+    this.applyShadows(chunk)
+    return chunk
+  }
+
+  async getChunkHeightMapFromRegion (chunkX: number, chunkZ: number, cb?: (hm: number[]) => void) {
+    const regionX = Math.floor(chunkX / 32)
+    const regionZ = Math.floor(chunkZ / 32)
+    const regionKey = `${regionX},${regionZ}`
+    if (!this.regions.has(regionKey)) {
+      const { worldFolder } = localServer!.options
+      const path = `${worldFolder}/region/r.${regionX}.${regionZ}.mca`
+      const region = new RegionFile(path)
+      await region.initialize()
+      this.regions.set(regionKey, region)
+    }
+    const rawChunk = await this.regions.get(regionKey)!.read(chunkX % 32, chunkZ % 32)
+    const chunk = simplify(rawChunk as any)
+    console.log(`chunk ${chunkX}, ${chunkZ}:`, chunk)
+    const heightmap = findHeightMap(chunk)
+    console.log(`heightmap ${chunkX}, ${chunkZ}:`, heightmap)
+    cb?.(heightmap!)
+    return heightmap
+    // this.chunksHeightmaps[`${chunkX},${chunkZ}`] = heightmap
+  }
+
+  async loadChunkFromViewer (key: string) {
+    const [chunkX, chunkZ] = key.split(',').map(Number)
+    const chunkWorldX = chunkX * 16
+    const chunkWorldZ = chunkZ * 16
+    const highestBlocks = await getThreeJsRendererMethods()?.getHighestBlocks(`${chunkWorldX},${chunkWorldZ}`)
+    if (appViewer.rendererState.world.chunksLoaded.has(`${chunkWorldX},${chunkWorldZ}`)) {
+      const heightmap = new Uint8Array(256)
+      const colors = Array.from({ length: 256 }).fill('') as string[]
+      if (!highestBlocks) return null
+      for (let z = 0; z < 16; z += 1) {
+        for (let x = 0; x < 16; x += 1) {
+          const blockX = chunkWorldX + x
+          const blockZ = chunkWorldZ + z
+          const hBlock = highestBlocks[`${blockX},${blockZ}`]
+          const block = bot.world.getBlock(new Vec3(blockX, hBlock?.y ?? 0, blockZ))
+          // const block = Block.fromStateId(hBlock?.stateId ?? -1, hBlock?.biomeId ?? -1)
+          const index = z * 16 + x
+          if (!block || !hBlock) {
+            console.warn(`[loadChunk] ${chunkX}, ${chunkZ}, ${chunkWorldX + x}, ${chunkWorldZ + z}`)
+            heightmap[index] = 0
+            colors[index] = 'rgba(0, 0, 0, 0.5)'
+            continue
+          }
+          heightmap[index] = hBlock.y
+          colors[index] = this.setColor(block)
+        }
+      }
+      const chunk = { heightmap, colors }
+      this.applyShadows(chunk)
+      return chunk
+    } else {
+      return null
+    }
+  }
+
+  applyShadows (chunk: ChunkInfo) {
+    for (let j = 0; j < 16; j += 1) {
+      for (let i = 0; i < 16; i += 1) {
+        const index = j * 16 + i
+        const color = chunk.colors[index]
+        // if (i === 0 || j === 0 || i === 15 || j === 16) {
+        //   const r = Math.floor(Math.random() * 2)
+        //   chunk.colors[index] = r===0 ? this.makeDarker(color) : this.makeLighter(color)
+        //   continue
+        // }
+
+        const h = chunk.heightmap[index]
+        let isLighterOrDarker = 0
+
+        const r = chunk.heightmap[index + 1] ?? 0
+        const u = chunk.heightmap[index - 16] ?? 0
+        const ur = chunk.heightmap[index - 15] ?? 0
+        if (r > h || u > h || ur > h) {
+          chunk.colors[index] = this.makeDarker(color)
+          isLighterOrDarker -= 1
+        }
+
+        const l = chunk.heightmap[index - 1] ?? 0
+        const d = chunk.heightmap[index + 16] ?? 0
+        const dl = chunk.heightmap[index + 15] ?? 0
+        if (l > h || d > h || dl > h) {
+          chunk.colors[index] = this.makeLighter(color)
+          isLighterOrDarker += 1
+        }
+
+        let linkedIndex: number | undefined
+        if (i === 1) {
+          linkedIndex = index - 1
+        } else if (i === 14) {
+          linkedIndex = index + 1
+        } else if (j === 1) {
+          linkedIndex = index - 16
+        } else if (j === 14) {
+          linkedIndex = index + 16
+        }
+        if (linkedIndex !== undefined) {
+          const linkedColor = chunk.colors[linkedIndex]
+          switch (isLighterOrDarker) {
+            case 1:
+              chunk.colors[linkedIndex] = this.makeLighter(linkedColor)
+              break
+            case -1:
+              chunk.colors[linkedIndex] = this.makeDarker(linkedColor)
+              break
+            default:
+              break
+          }
+        }
+      }
+    }
+  }
+
+  makeDarker (color: string) {
+    let rgbArray = color.match(/\d+/g)?.map(Number) ?? []
+    if (rgbArray.length !== 3) return color
+    rgbArray = rgbArray.map(element => {
+      let newColor = element - 20
+      if (newColor < 0) newColor = 0
+      return newColor
+    })
+    return `rgb(${rgbArray.join(',')})`
+  }
+
+  makeLighter (color: string) {
+    let rgbArray = color.match(/\d+/g)?.map(Number) ?? []
+    if (rgbArray.length !== 3) return color
+    rgbArray = rgbArray.map(element => {
+      let newColor = element + 20
+      if (newColor > 255) newColor = 255
+      return newColor
+    })
+    return `rgb(${rgbArray.join(',')})`
+  }
+
+  clearChunksStore (x: number, z: number) {
+    for (const key of Object.keys(this.chunksStore)) {
+      const [chunkX, chunkZ] = key.split(',').map(Number)
+      if (Math.hypot((chunkX - x), (chunkZ - z)) > 300) {
+        delete this.chunksStore[key]
+        delete this.chunksHeightmaps[key]
+        for (let i = 0; i < 16; i += 1) {
+          for (let j = 0; j < 16; j += 1) {
+            delete this.heightMap[`${chunkX + i},${chunkZ + j}`]
+          }
+        }
+      }
+    }
+  }
+
+  setColor (block: Block) {
+    let color: string
+    if (this.isOldVersion) {
+      color = BlockData.colors[preflatMap.blocks[`${block.type}:${block.metadata}`]?.replaceAll(/\[.*?]/g, '')]
+        ?? 'rgb(0, 0, 255)'
+    } else {
+      color = this.blockData.get(block.name) ?? 'rgb(0, 255, 0)'
+    }
+    if (color === 'rgb(0, 255, 0)' || color === 'rgb(0, 0, 255)') {
+      // this should never happen
+      // console.warn('[MinimapProvider] did not find block name,', block.name)
+      // hack to find close color. Problem with colors should be fixed differently in the future
+      const blockNamePieces = block.name.split('_')
+      const keys = [...this.blockData.keys()]
+      for (const piece of blockNamePieces) {
+        const match = keys.find(x => x.includes(piece))
+        if (match) {
+          color = this.blockData.get(match) ?? 'rgb(255, 0, 0)'
+          break
+        }
+      }
+    }
+
+    return color
+  }
+
+  quickTp (x: number, z: number) {
+    const y = this.getHighestBlockY(x, z)
+    bot.chat(`/tp ${x} ${y + 20} ${z}`)
+    const timeout = setTimeout(() => {
+      const y = this.getHighestBlockY(x, z)
+      bot.chat(`/tp ${x} ${y + 20} ${z}`)
+      clearTimeout(timeout)
+    }, 500)
+  }
+
+  async drawChunkOnCanvas (key: string, canvas: HTMLCanvasElement) {
+    const chunk = await this.loadChunkFullmap(key)
+    const [worldX, worldZ] = key.split(',').map(x => Number(x) * 16)
+    const center = new Vec3(worldX + 8, 0, worldZ + 8)
+    this.mapDrawer.lastBotPos = center
+    this.mapDrawer.canvas = canvas
+    this.mapDrawer.full = true
+    this.mapDrawer.drawChunk(key, chunk)
+    this.mapDrawer.drawWarps(center)
+    this.mapDrawer.lastBotPos = this.playerPosition
+    this.mapDrawer.yaw = this.yaw
+    this.mapDrawer.drawPlayerPos(worldX, worldZ)
+  }
+}
+
+const Inner = (
+  { adapter, displayMode, toggleFullMap }:
+  {
+    adapter: DrawerAdapterImpl
+    displayMode?: DisplayMode,
+    toggleFullMap?: () => void
+  }
+) => {
+
+  const updateWarps = (newWarps: WorldWarp[] | Error) => {
+    if (newWarps instanceof Error) {
+      console.error('An error occurred:', newWarps.message)
+      return
+    }
+
+    adapter.overwriteWarps(newWarps)
+  }
+
+  const updateMap = () => {
+    if (!adapter || miscUiState.displayFullmap) return
+    adapter.playerPosition = bot.entity.position
+    adapter.yaw = bot.entity.yaw
+    adapter.emit('updateMap')
+  }
+
+  useEffect(() => {
+    bot.on('move', updateMap)
+    localServer?.on('warpsUpdated' as keyof ServerEvents, updateWarps)
+
+    return () => {
+      bot?.off('move', updateMap)
+      localServer?.off('warpsUpdated' as keyof ServerEvents, updateWarps)
+    }
+  }, [])
+
+  return <div>
+    <Minimap
+      adapter={adapter}
+      showMinimap={options.showMinimap}
+      showFullmap='always'
+      singleplayer={miscUiState.singleplayer}
+      fullMap={displayMode === 'fullmapOnly'}
+      toggleFullMap={toggleFullMap}
+      displayMode={displayMode}
+    />
+  </div>
+}
+
+export default ({ adapter, displayMode }: { adapter: DrawerAdapterImpl, displayMode?: DisplayMode }) => {
+
+  const { showMinimap } = useSnapshot(options)
+  const fullMapOpened = useIsModalActive('full-map')
+
+  const toggleFullMap = () => {
+    void contro.emit('trigger', { command: 'ui.toggleMap', schema: null as any })
+  }
+
+  if (
+    displayMode === 'minimapOnly'
+      ? showMinimap === 'never' || (showMinimap === 'singleplayer' && !miscUiState.singleplayer)
+      : !fullMapOpened
+  ) {
+    return null
+  }
+
+  return <Inner adapter={adapter} displayMode={displayMode} toggleFullMap={toggleFullMap} />
+}
diff --git a/src/react/MobileTopButtons.module.css b/src/react/MobileTopButtons.module.css
index 1b142d3f..55246492 100644
--- a/src/react/MobileTopButtons.module.css
+++ b/src/react/MobileTopButtons.module.css
@@ -6,7 +6,7 @@
   left: 50%;
   transform: translate(-50%);
   gap: 0 5px;
-  z-index: -1;
+  z-index: var(--has-modals-z, 7);
 }
 
 .pause-btn,
@@ -16,7 +16,7 @@
   outline: 0.5px solid white;
   width: calc(14px * var(--scale));
   height: calc(14px * var(--scale));
-  background-image: url('extra-textures/gui.png');
+  background-image: url('../../assets/gui.png');
   background-size: calc(256px * var(--scale));
   background-position-x: calc(var(--scale) * -202px);
   background-position-y: calc(var(--scale) * -66px);
@@ -35,3 +35,17 @@
   padding: 4px 6px;
   outline: 0.5px solid white;
 }
+
+.tab-btn {
+  color: #fff;
+  background: #9c8c86;
+  outline: .5px solid #fff;
+  padding: 4px 6px;
+  font-family: pixelarticons, mojangles, monospace;
+  font-size: 8px;
+}
+
+.tab-btn:has(> div) {
+  padding: 3px 5px;
+  font-size: 12px;
+}
diff --git a/src/react/MobileTopButtons.module.css.d.ts b/src/react/MobileTopButtons.module.css.d.ts
new file mode 100644
index 00000000..6b38dde0
--- /dev/null
+++ b/src/react/MobileTopButtons.module.css.d.ts
@@ -0,0 +1,16 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'chat-btn': string;
+  chatBtn: string;
+  'debug-btn': string;
+  debugBtn: string;
+  'mobile-top-btns': string;
+  mobileTopBtns: string;
+  'pause-btn': string;
+  pauseBtn: string;
+  'tab-btn': string;
+  tabBtn: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/MobileTopButtons.tsx b/src/react/MobileTopButtons.tsx
index c686bb0b..f048af56 100644
--- a/src/react/MobileTopButtons.tsx
+++ b/src/react/MobileTopButtons.tsx
@@ -1,58 +1,162 @@
 import { useEffect, useRef } from 'react'
-import { f3Keybinds } from '../controls'
+import { useSnapshot } from 'valtio'
+import { handleMobileButtonActionCommand, handleMobileButtonLongPress } from '../controls'
 import { watchValue } from '../optionsStorage'
-import { showModal, miscUiState, activeModalStack, hideCurrentModal } from '../globalState'
-import { showOptionsModal } from './SelectOption'
-import useLongPress from './useLongPress'
+import { type MobileButtonConfig, type ActionHoldConfig, type ActionType, type CustomAction } from '../appConfig'
+import { miscUiState } from '../globalState'
+import PixelartIcon from './PixelartIcon'
 import styles from './MobileTopButtons.module.css'
 
-
 export default () => {
   const elRef = useRef<HTMLDivElement | null>(null)
+  const { appConfig } = useSnapshot(miscUiState)
+  const mobileButtonsConfig = appConfig?.mobileButtons
 
-  const showMobileControls = (bl) => {
-    if (elRef.current) elRef.current.style.display = bl ? 'flex' : 'none'
+  const longPressTimerIdRef = useRef<number | null>(null)
+  const actionToShortPressRef = useRef<ActionType | null>(null)
+
+  const showMobileControls = (visible: boolean) => {
+    if (elRef.current) {
+      elRef.current.style.display = visible ? 'flex' : 'none'
+    }
   }
 
   useEffect(() => {
     watchValue(miscUiState, o => {
-      showMobileControls(o.currentTouch)
+      showMobileControls(Boolean(o.currentTouch))
     })
   }, [])
 
-  const onLongPress = async () => {
-    const select = await showOptionsModal('', f3Keybinds.filter(f3Keybind => f3Keybind.mobileTitle).map(f3Keybind => f3Keybind.mobileTitle))
-    if (!select) return
-    const f3Keybind = f3Keybinds.find(f3Keybind => f3Keybind.mobileTitle === select)
-    if (f3Keybind) f3Keybind.action()
+  const getButtonClassName = (button: MobileButtonConfig): string => {
+    const actionForStyle = button.action || (button.actionHold && typeof button.actionHold === 'object' && 'command' in button.actionHold ? button.actionHold.command : undefined)
+
+    if (typeof actionForStyle === 'string') {
+      switch (actionForStyle) {
+        case 'general.chat':
+          return styles['chat-btn']
+        case 'ui.pauseMenu':
+          return styles['pause-btn']
+        case 'general.playersList':
+          return styles['tab-btn']
+        default:
+          return styles['debug-btn']
+      }
+    }
+    return styles['debug-btn']
   }
 
-  const defaultOptions = {
-    shouldPreventDefault: true,
-    delay: 500,
+  const renderConfigButtons = () => {
+    return mobileButtonsConfig?.map((button, index) => {
+      const className = getButtonClassName(button)
+      let label: string | JSX.Element = button.icon || button.label || ''
+
+      if (typeof label === 'string' && label.startsWith('pixelarticons:')) {
+        const iconName = label.replace('pixelarticons:', '')
+        label = <PixelartIcon iconName={iconName} />
+      }
+
+      const onPointerDown = (e: React.PointerEvent) => {
+        const elem = e.currentTarget as HTMLElement
+        elem.setPointerCapture(e.pointerId)
+
+        if (longPressTimerIdRef.current) {
+          clearTimeout(longPressTimerIdRef.current)
+          longPressTimerIdRef.current = null
+        }
+        actionToShortPressRef.current = null
+
+        const { actionHold, action } = button
+
+        if (actionHold) {
+          if (typeof actionHold === 'object' && 'command' in actionHold) {
+            const config = actionHold
+            if (config.longPressAction) {
+              actionToShortPressRef.current = config.command
+              longPressTimerIdRef.current = window.setTimeout(() => {
+                handleMobileButtonLongPress(config)
+                actionToShortPressRef.current = null
+                longPressTimerIdRef.current = null
+              }, config.duration || 500)
+            } else {
+              handleMobileButtonActionCommand(config.command, true)
+            }
+          } else if (action) {
+            actionToShortPressRef.current = action
+            longPressTimerIdRef.current = window.setTimeout(() => {
+              handleMobileButtonActionCommand(actionHold, true)
+              actionToShortPressRef.current = null
+              longPressTimerIdRef.current = null
+            }, 500)
+          } else {
+            handleMobileButtonActionCommand(actionHold, true)
+          }
+        } else if (action) {
+          handleMobileButtonActionCommand(action, true)
+        }
+      }
+
+      const onPointerUp = (e: React.PointerEvent) => {
+        const elem = e.currentTarget as HTMLElement
+        elem.releasePointerCapture(e.pointerId)
+
+        const { actionHold, action } = button
+        let wasShortPressHandled = false
+
+        if (longPressTimerIdRef.current) {
+          clearTimeout(longPressTimerIdRef.current)
+          longPressTimerIdRef.current = null
+          if (actionToShortPressRef.current) {
+            handleMobileButtonActionCommand(actionToShortPressRef.current, true)
+            handleMobileButtonActionCommand(actionToShortPressRef.current, false)
+            wasShortPressHandled = true
+          }
+        }
+
+        if (!wasShortPressHandled) {
+          if (actionHold) {
+            if (typeof actionHold === 'object' && 'command' in actionHold) {
+              const config = actionHold
+              if (config.longPressAction) {
+                if (actionToShortPressRef.current === null) {
+                  if (typeof config.longPressAction === 'string') {
+                    handleMobileButtonActionCommand(config.longPressAction, false)
+                  }
+                }
+              } else {
+                handleMobileButtonActionCommand(config.command, false)
+              }
+            } else if (action) {
+              if (actionToShortPressRef.current === null) {
+                handleMobileButtonActionCommand(actionHold, false)
+              }
+            } else {
+              handleMobileButtonActionCommand(actionHold, false)
+            }
+          } else if (action) {
+            handleMobileButtonActionCommand(action, false)
+          }
+        }
+        actionToShortPressRef.current = null
+      }
+
+      return (
+        <div
+          key={index}
+          className={className}
+          onPointerDown={onPointerDown}
+          onPointerUp={onPointerUp}
+          onLostPointerCapture={onPointerUp}
+        >
+          {label}
+        </div>
+      )
+    })
   }
-  const longPressEvent = useLongPress(onLongPress, () => {}, defaultOptions)
 
   // ios note: just don't use <button>
-  return <div ref={elRef} className={styles['mobile-top-btns']} id="mobile-top">
-    <div className={styles['debug-btn']} onPointerDown={(e) => {
-      window.dispatchEvent(new MouseEvent('mousedown', { button: 1 }))
-    }}>S</div>
-    <div className={styles['debug-btn']} onPointerDown={(e) => {
-      document.dispatchEvent(new KeyboardEvent('keydown', { code: 'F3' }))
-      document.dispatchEvent(new KeyboardEvent('keyup', { code: 'F3' }))
-    }} { ...longPressEvent }>F3</div>
-    <div className={styles['chat-btn']} onPointerDown={(e) => {
-      e.stopPropagation()
-      if (activeModalStack.at(-1)?.reactType === 'chat') {
-        hideCurrentModal()
-      } else {
-        showModal({ reactType: 'chat' })
-      }
-    }}></div>
-    <div className={styles['pause-btn']} onPointerDown={(e) => {
-      e.stopPropagation()
-      showModal({ reactType: 'pause-screen' })
-    }}></div>
-  </div>
+  return (
+    <div ref={elRef} className={styles['mobile-top-btns']} id="mobile-top">
+      {mobileButtonsConfig && mobileButtonsConfig.length > 0 ? renderConfigButtons() : null}
+    </div>
+  )
 }
diff --git a/src/react/ModsPage.tsx b/src/react/ModsPage.tsx
new file mode 100644
index 00000000..bdcc30c4
--- /dev/null
+++ b/src/react/ModsPage.tsx
@@ -0,0 +1,495 @@
+import { useEffect, useState, useMemo, useRef } from 'react'
+import { useSnapshot } from 'valtio'
+import { openURL } from 'renderer/viewer/lib/simpleUtils'
+import { addRepositoryAction, setEnabledModAction, getAllModsDisplayList, installModByName, selectAndRemoveRepository, uninstallModAction, fetchAllRepositories, modsReactiveUpdater, modsErrors, fetchRepository, getModModifiableFields, saveClientModData, getAllModsModifiableFields, callMethodAction } from '../clientMods'
+import { createNotificationProgressReporter, ProgressReporter } from '../core/progressReporter'
+import { hideModal } from '../globalState'
+import { useIsModalActive } from './utilsApp'
+import Input from './Input'
+import Button from './Button'
+import styles from './mods.module.css'
+import { showOptionsModal, showInputsModal } from './SelectOption'
+import Screen from './Screen'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import { showNotification } from './NotificationProvider'
+import { usePassesScaledDimensions } from './UIProvider'
+import { appStorage } from './appStorageProvider'
+
+type ModsData = Awaited<ReturnType<typeof getAllModsDisplayList>>
+
+const ModListItem = ({
+  mod,
+  onClick,
+  hasError
+}: {
+  mod: ModsData['repos'][0]['packages'][0],
+  onClick: () => void,
+  hasError: boolean
+}) => (
+  <div
+    className={styles.modRow}
+    onClick={onClick}
+    data-enabled={mod.installed ? '' : mod.activated}
+    data-has-error={hasError}
+  >
+    <div className={styles.modRowTitle}>
+      {mod.name}
+      {mod.installedVersion && mod.installedVersion !== mod.version && (
+        <PixelartIcon
+          iconName={pixelartIcons['arrow-up-box']}
+          styles={{ fontSize: 14, marginLeft: 3 }}
+        />
+      )}
+    </div>
+    <div className={styles.modRowInfo}>
+      {mod.description}
+      {mod.author && ` • By ${mod.author}`}
+      {mod.version && ` • v${mod.version}`}
+      {mod.serverPlugin && ` • World plugin`}
+    </div>
+  </div>
+)
+
+const ModSidebar = ({ mod }: { mod: (ModsData['repos'][0]['packages'][0] & { repo?: string }) | null }) => {
+  const errors = useSnapshot(modsErrors)
+  const [editingField, setEditingField] = useState<{ name: string, content: string, language: string } | null>(null)
+
+  const handleAction = async (action: () => Promise<void>, errorMessage: string, progress?: ProgressReporter) => {
+    try {
+      await action()
+      progress?.end()
+    } catch (error) {
+      console.error(error)
+      progress?.end()
+      showNotification(errorMessage, error.message, true)
+    }
+  }
+
+  if (!mod) {
+    return <div className={styles.modInfoText}>Select a mod to view details</div>
+  }
+
+  const modifiableFields = mod.installed ? getModModifiableFields(mod.installed) : []
+
+  const handleSaveField = async (newContents: string) => {
+    if (!editingField) return
+    try {
+      mod[editingField.name] = newContents
+      mod.wasModifiedLocally = true
+      await saveClientModData(mod)
+      setEditingField(null)
+      showNotification('Success', 'Contents saved successfully')
+    } catch (error) {
+      showNotification('Error', 'Failed to save contents: ' + error.message, true)
+    }
+  }
+
+  if (editingField) {
+    return (
+      <EditingCodeWindow
+        contents={editingField.content}
+        language={editingField.language}
+        onClose={newContents => {
+          if (newContents === undefined) {
+            setEditingField(null)
+            return
+          }
+          void handleSaveField(newContents)
+        }}
+      />
+    )
+  }
+
+  return (
+    <>
+      <div className={styles.modInfo}>
+        <div className={styles.modInfoTitle}>
+          {mod.name} {mod.installed?.wasModifiedLocally ? '(modified)' : ''}
+        </div>
+        <div className={styles.modInfoText}>
+          {mod.description}
+        </div>
+        <div className={styles.modInfoText}>
+          {mod.author && `Author: ${mod.author}\n`}
+          {mod.version && `Version: ${mod.version}\n`}
+          {mod.installedVersion && mod.installedVersion !== mod.version && `Installed version: ${mod.installedVersion}\n`}
+          {mod.section && `Section: ${mod.section}\n`}
+        </div>
+        {errors[mod.name]?.length > 0 && (
+          <div className={styles.modErrorList}>
+            <ul>
+              {errors[mod.name].map((error, i) => (
+                <li key={i}>{error}</li>
+              ))}
+            </ul>
+          </div>
+        )}
+      </div>
+      <div className={styles.modActions}>
+        {mod.installed ? (
+          <>
+            {mod.activated ? (
+              <Button
+                onClick={async () => handleAction(
+                  async () => setEnabledModAction(mod.name, false),
+                  'Failed to disable mod:'
+                )}
+                icon={pixelartIcons['remove-box']}
+                title="Disable"
+              />
+            ) : (
+              <Button
+                onClick={async () => handleAction(
+                  async () => setEnabledModAction(mod.name, true),
+                  'Failed to enable mod:'
+                )}
+                icon={pixelartIcons['add-box']}
+                title="Enable"
+                disabled={!mod.canBeActivated}
+              />
+            )}
+            <Button
+              onClick={async () => handleAction(
+                async () => uninstallModAction(mod.name),
+                'Failed to uninstall mod:'
+              )}
+              icon={pixelartIcons.trash}
+              title="Delete"
+            />
+            {mod.installedVersion && mod.installedVersion !== mod.version && (
+              <Button
+                onClick={async () => {
+                  if (!mod.repo) return
+                  const progress = createNotificationProgressReporter(`${mod.name} updated and activated`)
+                  await handleAction(
+                    async () => {
+                      await installModByName(mod.repo!, mod.name, progress)
+                    },
+                    'Failed to update mod:',
+                    progress
+                  )
+                }}
+                icon={pixelartIcons['arrow-up-box']}
+                title="Update"
+              />
+            )}
+            {mod.serverPlugin && (
+              <Button
+                onClick={async () => {
+                  const url = new URL(window.location.href)
+                  url.searchParams.set('sp', '1')
+                  url.searchParams.set('serverPlugin', mod.name)
+                  openURL(url.toString())
+                }}
+                icon={pixelartIcons.play}
+                title="Try in blank world"
+              />
+            )}
+          </>
+        ) : (
+          <Button
+            onClick={async () => {
+              if (!mod.repo) return
+              const progress = createNotificationProgressReporter(`${mod.name} installed and enabled`)
+              await handleAction(
+                async () => {
+                  await installModByName(mod.repo!, mod.name, progress)
+                },
+                'Failed to install & activate mod:',
+                progress
+              )
+            }}
+            icon={pixelartIcons.download}
+            title="Install"
+          />
+        )}
+        {modifiableFields.length > 0 && (
+          <Button
+            onClick={async (e) => {
+              const fields = e.shiftKey ? getAllModsModifiableFields() : modifiableFields
+              const result = await showInputsModal('Edit Mod Field', Object.fromEntries(fields.map(field => {
+                return [field.field, {
+                  type: 'button' as const,
+                  label: field.label,
+                  onButtonClick () {
+                    setEditingField({
+                      name: field.field,
+                      content: field.getContent?.() || mod.installed![field.field] || '',
+                      language: field.language
+                    })
+                  }
+                }]
+              })), {
+                showConfirm: false
+              })
+            }}
+            icon={pixelartIcons['edit']}
+            title="Edit Mod"
+          />
+        )}
+      </div>
+
+      {window.loadedMods?.[mod.name] && mod.actionsMain && (
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
+          Actions:
+          {Object.entries(mod.actionsMain).map(([key, setting]) => (
+            <div
+              key={key} onClick={() => {
+                void callMethodAction(mod.name, 'main', key)
+              }}>{key}</div>
+          ))}
+        </div>
+      )}
+    </>
+  )
+}
+
+const EditingCodeWindow = ({
+  contents,
+  language,
+  onClose
+}: {
+  contents: string,
+  language: string,
+  onClose: (newContents?: string) => void
+}) => {
+  const ref = useRef<HTMLTextAreaElement>(null)
+
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        e.preventDefault()
+        e.stopImmediatePropagation()
+      }
+    }
+    window.addEventListener('keydown', handleKeyDown, { capture: true })
+    return () => window.removeEventListener('keydown', handleKeyDown, { capture: true })
+  }, [])
+
+  return <Screen title="Editing code">
+    <div className="">
+      <textarea
+        ref={ref}
+        className={styles.fieldEditorTextarea}
+        defaultValue={contents}
+      />
+      <Button
+        style={{ position: 'absolute', bottom: 10, left: 10, backgroundColor: 'red' }}
+        onClick={() => onClose(undefined)}
+        icon={pixelartIcons.close}
+        title="Cancel"
+      />
+      <Button
+        style={{ position: 'absolute', bottom: 10, right: 10, backgroundColor: '#4CAF50' }}
+        onClick={() => onClose(ref.current?.value)}
+        icon={pixelartIcons.check}
+        title="Save"
+      />
+    </div>
+  </Screen>
+}
+
+export default () => {
+  const isModalActive = useIsModalActive('mods', true)
+  const [modsData, setModsData] = useState<ModsData | null>(null)
+  const [search, setSearch] = useState('')
+  const [showOnlyInstalled, setShowOnlyInstalled] = useState(false)
+  const [showOnlyEnabled, setShowOnlyEnabled] = useState(false)
+  const [selectedModIndex, setSelectedModIndex] = useState<number | null>(null)
+  const [expandedRepos, setExpandedRepos] = useState<Record<string, boolean>>({})
+  const useHorizontalLayout = usePassesScaledDimensions(400)
+  const { counter } = useSnapshot(modsReactiveUpdater)
+  const errors = useSnapshot(modsErrors)
+
+  const allModsArray = useMemo(() => {
+    if (!modsData) return []
+    return [
+      ...modsData.repos.flatMap(repo => repo.packages.map(mod => ({ ...mod, repo: repo.url }))),
+      ...modsData.modsWithoutRepos
+    ]
+  }, [modsData])
+
+  useEffect(() => {
+    if (isModalActive) {
+      if (appStorage.firstModsPageVisit) {
+        appStorage.firstModsPageVisit = false
+        const defaultRepo = 'zardoy/mcraft-client-mods'
+        void fetchRepository(defaultRepo, defaultRepo)
+      }
+      void getAllModsDisplayList().then(mods => {
+        setModsData(mods)
+        // Update selected mod index if needed
+        if (selectedModIndex !== null && selectedModIndex < allModsArray.length) {
+          setSelectedModIndex(selectedModIndex)
+        }
+      })
+    }
+  }, [isModalActive, counter])
+
+  if (!isModalActive) return null
+
+  const toggleRepo = (repoUrl: string) => {
+    setExpandedRepos(prev => ({
+      ...prev,
+      [repoUrl]: !prev[repoUrl]
+    }))
+  }
+
+  const modFilter = (mod: ModsData['repos'][0]['packages'][0]) => {
+    const matchesSearch = mod.name.toLowerCase().includes(search.toLowerCase()) ||
+      mod.description?.toLowerCase().includes(search.toLowerCase())
+    const matchesInstalledFilter = !showOnlyInstalled || mod.installed
+    const matchesEnabledFilter = !showOnlyEnabled || mod.activated
+    return matchesSearch && matchesInstalledFilter && matchesEnabledFilter
+  }
+
+  const filteredMods = modsData ? {
+    repos: modsData.repos.map(repo => ({
+      ...repo,
+      packages: repo.packages.filter(modFilter)
+    })),
+    modsWithoutRepos: modsData.modsWithoutRepos.filter(modFilter)
+  } : null
+
+  const filteredModsCount = filteredMods ?
+    filteredMods.repos.reduce((acc, repo) => acc + repo.packages.length, 0) + filteredMods.modsWithoutRepos.length : 0
+
+  const totalRepos = modsData?.repos.length ?? 0
+
+  const getStatsText = () => {
+    if (!filteredMods) return 'Loading...'
+    if (showOnlyEnabled) {
+      return `Showing ${filteredMods.repos.reduce((acc, repo) => acc + repo.packages.filter(mod => mod.activated).length, 0)} enabled mods in ${totalRepos} repos`
+    } else if (showOnlyInstalled) {
+      return `Showing ${filteredMods.repos.reduce((acc, repo) => acc + repo.packages.filter(mod => mod.installed).length, 0)} installed mods in ${totalRepos} repos`
+    }
+    return `Showing all ${totalRepos} repos with ${filteredModsCount} mods`
+  }
+
+  const selectedMod = selectedModIndex === null ? null : allModsArray[selectedModIndex]
+
+  return <Screen backdrop="dirt" title="Client Mods (Preview)" titleMarginTop={0} contentStyle={{ paddingTop: 15, height: '100%', width: '100%' }}>
+    <Button
+      icon={pixelartIcons['close']}
+      onClick={() => {
+        hideModal()
+      }}
+      style={{
+        color: '#ff5d5d',
+        position: 'fixed',
+        top: 10,
+        left: 20
+      }}
+    />
+    <div className={styles.root}>
+      <div className={styles.header}>
+        <Button
+          style={{}}
+          icon={pixelartIcons['sliders']}
+          onClick={() => {
+            if (showOnlyEnabled) {
+              setShowOnlyEnabled(false)
+            } else if (showOnlyInstalled) {
+              setShowOnlyInstalled(false)
+              setShowOnlyEnabled(true)
+            } else {
+              setShowOnlyInstalled(true)
+            }
+          }}
+          title={showOnlyEnabled ? 'Show all mods' : showOnlyInstalled ? 'Show enabled mods' : 'Show installed mods'}
+        />
+        <Button
+          onClick={async () => {
+            // const refreshButton = `Refresh repositories (last update)`
+            const refreshButton = `Refresh repositories`
+            const choice = await showOptionsModal(`Manage repositories (${modsData?.repos.length ?? '-'} repos)`, ['Add repository', 'Remove repository', refreshButton])
+            switch (choice) {
+              case 'Add repository': {
+                await addRepositoryAction()
+                break
+              }
+              case 'Remove repository': {
+                await selectAndRemoveRepository()
+                break
+              }
+              case refreshButton: {
+                await fetchAllRepositories()
+                break
+              }
+              case undefined:
+                break
+            }
+          }}
+          icon={pixelartIcons['list-box']}
+          title="Manage repositories"
+        />
+        <Input
+          className={styles.searchBar}
+          value={search}
+          onChange={e => setSearch(e.target.value)}
+          placeholder="Search mods in added repositories..."
+          autoFocus
+        />
+      </div>
+      <div className={styles.statsRow}>
+        {getStatsText()}
+      </div>
+      <div className={`${styles.content} ${useHorizontalLayout ? '' : styles.verticalContent}`}>
+        <div className={styles.modList}>
+          {filteredMods ? (
+            <>
+              {filteredMods.repos.map(repo => (
+                <div key={repo.url}>
+                  <div
+                    className={styles.repoHeader}
+                    onClick={() => toggleRepo(repo.url)}
+                  >
+                    <span>{expandedRepos[repo.url] ? '▼' : '▶'}</span>
+                    <span>{repo.name || repo.url}</span>
+                    <span>({repo.packages.length})</span>
+                  </div>
+                  {expandedRepos[repo.url] && (
+                    <div className={styles.repoContent}>
+                      {repo.packages.map((mod) => (
+                        <ModListItem
+                          key={mod.name}
+                          mod={mod}
+                          onClick={() => setSelectedModIndex(allModsArray.findIndex(m => m.name === mod.name))}
+                          hasError={errors[mod.name]?.length > 0}
+                        />
+                      ))}
+                    </div>
+                  )}
+                </div>
+              ))}
+              {filteredMods.modsWithoutRepos.length > 0 && (
+                <div>
+                  <div className={styles.repoHeader}>
+                    <span>▼</span>
+                    <span>Other Mods</span>
+                    <span>({filteredMods.modsWithoutRepos.length})</span>
+                  </div>
+                  <div className={styles.repoContent}>
+                    {filteredMods.modsWithoutRepos.map(mod => (
+                      <ModListItem
+                        key={mod.name}
+                        mod={mod}
+                        onClick={() => setSelectedModIndex(allModsArray.findIndex(m => m.name === mod.name))}
+                        hasError={errors[mod.name]?.length > 0}
+                      />
+                    ))}
+                  </div>
+                </div>
+              )}
+            </>
+          ) : (
+            <div className={styles.modRowInfo}>Loading mods...</div>
+          )}
+        </div>
+        <div className={styles.sidebar}>
+          <ModSidebar mod={selectedMod} />
+        </div>
+      </div>
+    </div>
+  </Screen>
+}
diff --git a/src/react/ModuleSignsViewer.tsx b/src/react/ModuleSignsViewer.tsx
index b321bd79..aa7bb2da 100644
--- a/src/react/ModuleSignsViewer.tsx
+++ b/src/react/ModuleSignsViewer.tsx
@@ -1,26 +1,46 @@
-import { useEffect, useRef } from 'react'
-import { WorldRendererThree } from 'prismarine-viewer/viewer/lib/worldrendererThree'
+import { useEffect, useRef, useState } from 'react'
+import { WorldRendererThree } from 'renderer/viewer/three/worldrendererThree'
 import FullScreenWidget from './FullScreenWidget'
 
-export const name = 'signs'
+export const name = 'loaded world signs'
 
 export default () => {
-  const signs = viewer.world instanceof WorldRendererThree ? [...viewer.world.chunkTextures.values()].flatMap(textures => {
-    return Object.entries(textures).map(([signPosKey, texture]) => {
-      const pos = signPosKey.split(',').map(Number)
-      return <div key={signPosKey}>
-        <div style={{ color: 'white' }}>{pos.join(', ')}</div>
-        <div style={{ background: 'rgba(255, 255, 255, 0.5)', padding: 5, borderRadius: 5 }}>
-          <AddElem elem={texture.image} />
-        </div>
-      </div>
-    })
-  }) : []
+  const [selected, setSelected] = useState([] as string[])
+  const allSignsPos = [] as string[]
+  const signs = []
+  // const signs = viewer.world instanceof WorldRendererThree ? [...viewer.world.chunkTextures.values()].flatMap(textures => {
+  //   return Object.entries(textures).map(([signPosKey, texture]) => {
+  //     allSignsPos.push(signPosKey)
+  //     const pos = signPosKey.split(',').map(Number)
+  //     const isSelected = selected.includes(signPosKey)
+  //     return <div key={signPosKey}>
+  //       <div style={{ color: 'white', userSelect: 'text', fontSize: 8, }}>{pos.join(', ')}</div>
+  //       <div
+  //         style={{ background: isSelected ? 'rgba(255, 255, 255, 0.8)' : 'rgba(255, 255, 255, 0.5)', padding: 5, borderRadius: 5, cursor: 'pointer' }}
+  //         onClick={() => setSelected(selected.includes(signPosKey) ? selected.filter(x => x !== signPosKey) : [...selected, signPosKey])}>
+  //         <AddElem elem={texture.image} />
+  //       </div>
+  //     </div>
+  //   })
+  // }) : []
 
-  return <FullScreenWidget name='signs' title='Loaded Signs'>
+  return <FullScreenWidget name={name} title='Loaded Signs'>
     <div>
-      {signs.length} signs currently loaded:
+      {signs.length} signs currently in the scene:
     </div>
+    <div
+      style={{ cursor: 'pointer', }} onClick={() => {
+        // toggle all
+        if (selected.length === allSignsPos.length) {
+          setSelected([])
+          return
+        }
+        setSelected([...allSignsPos])
+      }}>Select All</div>
+    {selected.length && <div
+      style={{ cursor: 'pointer', }} onClick={() => {
+        void navigator.clipboard.writeText(selected.join('\n'))
+      }}>Copy Selected Signs</div>}
     {signs}
   </FullScreenWidget>
 }
@@ -29,13 +49,17 @@ const AddElem = ({ elem }) => {
   const ref = useRef<HTMLDivElement>(null)
   useEffect(() => {
     elem.style.width = '100%'
+    elem.style.height = '100%'
     ref.current!.appendChild(elem)
     return () => {
       elem.remove()
     }
   }, [])
 
-  return <div ref={ref}></div>
+  return <div
+    ref={ref} style={{
+      height: '35px',
+    }} />
 }
 
 // for (const key of Object.keys(viewer.world.sectionObjects)) {
diff --git a/src/react/MonacoEditor.css b/src/react/MonacoEditor.css
new file mode 100644
index 00000000..86d2ad0a
--- /dev/null
+++ b/src/react/MonacoEditor.css
@@ -0,0 +1,58 @@
+.monaco-editor-container {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 16px;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.monaco-editor-title {
+  font-size: 20px;
+  font-weight: bold;
+  color: #fff;
+  margin-bottom: 8px;
+}
+
+.monaco-editor-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  max-width: 80vw;
+  max-height: 80vh;
+  border: 3px solid #000;
+  background-color: #000;
+  padding: 3px;
+  box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #000;
+}
+
+.monaco-editor-close {
+  position: fixed;
+  top: 16px;
+  left: 16px;
+  z-index: 1001;
+  cursor: pointer;
+  padding: 8px;
+}
+
+@media (max-width: 768px) {
+  .monaco-editor-container {
+    padding: 0;
+  }
+  .monaco-editor-wrapper {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 0;
+  }
+  .monaco-editor-close {
+    top: 8px;
+    left: 8px;
+  }
+  .monaco-editor-title {
+    /* todo: make it work on mobile */
+    display: none;
+  }
+}
diff --git a/src/react/MonacoEditor.tsx b/src/react/MonacoEditor.tsx
new file mode 100644
index 00000000..32162b21
--- /dev/null
+++ b/src/react/MonacoEditor.tsx
@@ -0,0 +1,73 @@
+import { proxy, useSnapshot } from 'valtio'
+import { useEffect } from 'react'
+import { Editor } from '@monaco-editor/react'
+import PixelartIcon, { pixelartIcons } from '../react/PixelartIcon'
+import { useIsModalActive } from '../react/utilsApp'
+import { showNotification } from '../react/NotificationProvider'
+import { hideModal, showModal } from '../globalState'
+import { ideState, saveIde } from '../core/ideChannels'
+import './MonacoEditor.css'
+
+export default () => {
+  const { contents, line, column, id, language, title } = useSnapshot(ideState)
+  const isModalActive = useIsModalActive('monaco-editor')
+  const bodyFont = getComputedStyle(document.body).fontFamily
+
+  useEffect(() => {
+    if (id && !isModalActive) {
+      showModal({ reactType: 'monaco-editor' })
+    }
+    if (!id && isModalActive) {
+      hideModal()
+    }
+  }, [id])
+
+  useEffect(() => {
+    if (!isModalActive && id) {
+      try {
+        saveIde()
+      } catch (err) {
+        reportError(err)
+        showNotification('Failed to save the editor', 'Please try again', true)
+      }
+      ideState.id = ''
+      ideState.contents = ''
+    }
+  }, [isModalActive])
+
+  if (!isModalActive) return null
+
+  return <div className="monaco-editor-container">
+    <div className="monaco-editor-close">
+      <PixelartIcon
+        iconName={pixelartIcons.close}
+        width={26}
+        onClick={() => {
+          hideModal()
+        }}
+      />
+    </div>
+    <div className="monaco-editor-title">
+      {title}
+    </div>
+    <div className="monaco-editor-wrapper">
+      <Editor
+        height="100%"
+        width="100%"
+        language={language}
+        theme='vs-dark'
+        line={line}
+        onChange={(value) => {
+          ideState.contents = value ?? ''
+        }}
+        value={contents}
+        options={{
+          fontFamily: bodyFont,
+          minimap: {
+            enabled: true,
+          },
+        }}
+      />
+    </div>
+  </div>
+}
diff --git a/src/react/NetworkStatus.module.css b/src/react/NetworkStatus.module.css
new file mode 100644
index 00000000..7b4de39e
--- /dev/null
+++ b/src/react/NetworkStatus.module.css
@@ -0,0 +1,50 @@
+.container {
+  scale: 0.8;
+  transform-origin: left;
+  display: grid;
+  grid-template-columns: auto auto auto auto auto;
+  gap: 2px 4px;
+  font-size: 8px;
+  color: #fff;
+  opacity: 0.8;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  justify-items: center;
+}
+
+.container.websocket {
+  grid-template-columns: auto auto auto;
+}
+
+.iconRow {
+    display: block;
+}
+.arrowRow {
+    scale: 1.5 1;
+}
+
+.dataRow {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 70px;
+  font-size: 5px;
+}
+
+.ping {
+  font-size: 6px;
+}
+
+/* .dataRow > span:nth-child(3) {
+  max-width: 120px;
+} */
+
+.totalRow {
+  grid-column: span 3;
+  font-size: 7px;
+}
+
+.stale {
+  color: #ff4444;
+}
diff --git a/src/react/NetworkStatus.module.css.d.ts b/src/react/NetworkStatus.module.css.d.ts
new file mode 100644
index 00000000..1fe32b1b
--- /dev/null
+++ b/src/react/NetworkStatus.module.css.d.ts
@@ -0,0 +1,14 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  arrowRow: string;
+  container: string;
+  dataRow: string;
+  iconRow: string;
+  ping: string;
+  stale: string;
+  totalRow: string;
+  websocket: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/NetworkStatus.tsx b/src/react/NetworkStatus.tsx
new file mode 100644
index 00000000..3499379b
--- /dev/null
+++ b/src/react/NetworkStatus.tsx
@@ -0,0 +1,102 @@
+import { useEffect, useMemo, useState, useRef } from 'react'
+import { parseServerAddress } from '../parseServerAddress'
+import { lastConnectOptions } from './AppStatusProvider'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import styles from './NetworkStatus.module.css'
+
+export default () => {
+  const [proxyPing, setProxyPing] = useState<number | null>(null)
+  const [serverPing, setServerPing] = useState<number | null>(null)
+  const [isProxyStale, setIsProxyStale] = useState(false)
+  const [isServerStale, setIsServerStale] = useState(false)
+
+  const proxyTimeoutRef = useRef<NodeJS.Timeout>()
+  const serverTimeoutRef = useRef<NodeJS.Timeout>()
+
+  const isWebSocket = useMemo(() => parseServerAddress(lastConnectOptions.value?.server).isWebSocket, [lastConnectOptions.value?.server])
+  const serverIp = useMemo(() => lastConnectOptions.value?.server, [])
+
+  const setProxyPingWithTimeout = (ping: number | null) => {
+    setProxyPing(ping)
+    setIsProxyStale(false)
+    if (proxyTimeoutRef.current) clearTimeout(proxyTimeoutRef.current)
+    proxyTimeoutRef.current = setTimeout(() => setIsProxyStale(true), 1000)
+  }
+
+  const setServerPingWithTimeout = (ping: number | null) => {
+    setServerPing(ping)
+    setIsServerStale(false)
+    if (serverTimeoutRef.current) clearTimeout(serverTimeoutRef.current)
+    serverTimeoutRef.current = setTimeout(() => setIsServerStale(true), 1000)
+  }
+
+  useEffect(() => {
+    if (!serverIp) return
+
+    const updatePing = async () => {
+      const updateServerPing = async () => {
+        const ping = await bot.pingServer()
+        if (ping) {
+          setServerPingWithTimeout(ping)
+        }
+      }
+
+      const updateProxyPing = async () => {
+        if (!isWebSocket) {
+          const ping = await bot.pingProxy()
+          setProxyPingWithTimeout(ping)
+        }
+      }
+
+      try {
+        await Promise.all([updateServerPing(), updateProxyPing()])
+      } catch (err) {
+        console.error('Failed to ping:', err)
+      }
+    }
+
+    void updatePing()
+    const interval = setInterval(updatePing, 1000)
+    return () => {
+      clearInterval(interval)
+      if (proxyTimeoutRef.current) clearTimeout(proxyTimeoutRef.current)
+      if (serverTimeoutRef.current) clearTimeout(serverTimeoutRef.current)
+    }
+  }, [])
+
+  if (!serverIp) return null
+
+  const { username } = bot
+  const { proxy: proxyUrl } = lastConnectOptions.value!
+  const pingTotal = serverPing
+
+  const ICON_SIZE = 18
+
+  return (
+    <div className={`${styles.container} ${isWebSocket ? styles.websocket : ''}`}>
+      <PixelartIcon className={styles.iconRow} iconName={pixelartIcons.user} width={ICON_SIZE} />
+      {!isWebSocket && (
+        <>
+          <PixelartIcon className={`${styles.iconRow} ${styles.arrowRow}`} iconName={pixelartIcons['arrow-right']} width={16} />
+          <PixelartIcon className={styles.iconRow} iconName={pixelartIcons.server} width={ICON_SIZE} />
+        </>
+      )}
+      <PixelartIcon className={`${styles.iconRow} ${styles.arrowRow}`} iconName={pixelartIcons['arrow-right']} width={16} />
+      <PixelartIcon className={styles.iconRow} iconName={pixelartIcons['list-box']} width={ICON_SIZE} />
+
+      <span className={styles.dataRow}>{username}</span>
+      {!isWebSocket && (
+        <>
+          <span className={`${styles.dataRow} ${styles.ping} ${isProxyStale ? styles.stale : ''}`}>{proxyPing}ms</span>
+          <span className={styles.dataRow}>{proxyUrl}</span>
+        </>
+      )}
+      <span className={`${styles.dataRow} ${styles.ping} ${isServerStale ? styles.stale : ''}`}>
+        {isWebSocket ? (pingTotal || '?') : (pingTotal ? pingTotal - (proxyPing ?? 0) : '...')}ms
+      </span>
+      <span className={styles.dataRow}>{serverIp}</span>
+
+      <span className={styles.totalRow}>Ping: {pingTotal || '?'}ms</span>
+    </div>
+  )
+}
diff --git a/src/react/NoModalFoundProvider.tsx b/src/react/NoModalFoundProvider.tsx
index 5fa4dda4..f21045ba 100644
--- a/src/react/NoModalFoundProvider.tsx
+++ b/src/react/NoModalFoundProvider.tsx
@@ -8,24 +8,31 @@ const componentActive = proxy({
   enabled: false
 })
 
-subscribe(activeModalStack, () => {
+const checkModalAvailability = () => {
   const last = activeModalStack.at(-1)
   let withWildCardModal = false
-  for (const modal of watchedModalsFromHooks) {
+  for (const modal of watchedModalsFromHooks.value) {
     if (modal.endsWith('*') && last?.reactType.startsWith(modal.slice(0, -1))) {
       withWildCardModal = true
       break
     }
   }
 
-  componentActive.enabled = !!last && !hardcodedKnownModals.some(x => last.reactType.startsWith(x)) && !watchedModalsFromHooks.has(last.reactType) && !withWildCardModal
+  componentActive.enabled = !!last && !hardcodedKnownModals.some(x => last.reactType.startsWith(x)) && !watchedModalsFromHooks.value.includes(last.reactType) && !withWildCardModal
+}
+
+subscribe(activeModalStack, () => {
+  checkModalAvailability()
+})
+subscribe(watchedModalsFromHooks, () => {
+  checkModalAvailability()
 })
 
 export default () => {
   const { enabled } = useSnapshot(componentActive)
   const lastModal = useSnapshot(activeModalStack).at(-1)?.reactType
 
-  if (!enabled) return null
+  if (!enabled || watchedModalsFromHooks.value.includes(lastModal!)) return null
   return <Screen
     title={`Error: Modal (route) ${lastModal} is is unavailable or doesn't exist`}
     style={{
@@ -33,8 +40,11 @@ export default () => {
     }}
     backdrop={false}
   >
-    <Button style={{ marginTop: 30 }} onClick={() => {
-      hideCurrentModal()
-    }}>Back</Button>
+    <Button
+      style={{ marginTop: 30 }} onClick={() => {
+        hideCurrentModal()
+      }}
+    >Back
+    </Button>
   </Screen>
 }
diff --git a/src/react/Notification.tsx b/src/react/Notification.tsx
index a9b7a95a..80354e83 100644
--- a/src/react/Notification.tsx
+++ b/src/react/Notification.tsx
@@ -1,71 +1,113 @@
-import { Transition } from 'react-transition-group'
-import PixelartIcon from './PixelartIcon'
+import { motion, AnimatePresence } from 'framer-motion'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import { useUsingTouch } from './utilsApp'
 
-// slide up
-const startStyle = { opacity: 0, transform: 'translateY(100%)' }
-const endExitStyle = { opacity: 0, transform: 'translateY(-100%)' }
-const endStyle = { opacity: 1, transform: 'translateY(0)' }
-
-const stateStyles = {
-  entering: startStyle,
-  entered: endStyle,
-  exiting: endExitStyle,
-  exited: endExitStyle,
-}
-const duration = 200
-const basicStyle = {
-  transition: `${duration}ms ease-in-out all`,
-}
+const duration = 0.2
 
 // save pass: login
 
-export default ({ type = 'message', message, subMessage = '', open, icon = '', action = undefined as (() => void) | undefined }) => {
+const toastHeight = 32
+
+interface NotificationProps {
+  open: boolean
+  message: string
+  type?: 'message' | 'error' | 'progress'
+  subMessage?: string
+  icon?: string
+  action?: () => void
+  topPosition?: number
+
+  currentProgress?: number
+  totalProgress?: number
+}
+
+export default ({
+  type = 'message',
+  message,
+  subMessage = '',
+  open,
+  icon = '',
+  action = undefined as (() => void) | undefined,
+  topPosition = 0,
+  currentProgress,
+  totalProgress,
+}: NotificationProps) => {
+  const isUsingTouch = useUsingTouch()
   const isError = type === 'error'
   icon ||= isError ? 'alert' : 'message'
 
-  return <Transition
-    in={open}
-    timeout={duration}
-    mountOnEnter
-    unmountOnExit
-  >
-    {state => {
-      const addStyles = { ...basicStyle, ...stateStyles[state] }
+  const isLoader = type === 'progress'
 
-      return <div className={`app-notification ${isError ? 'error-notification' : ''}`} onClick={action} style={{
-        position: 'fixed',
-        top: 0,
-        right: 0,
-        width: '180px',
-        whiteSpace: 'nowrap',
-        fontSize: '9px',
-        display: 'flex',
-        gap: 4,
-        alignItems: 'center',
-        padding: '3px 5px',
-        background: isError ? 'rgba(255, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0.7)',
-        borderRadius: '0 0 0 5px',
-        pointerEvents: action ? '' : 'none',
-        zIndex: 1200, // even above stats
-        ...addStyles
-      }}>
-        <PixelartIcon iconName={icon} styles={{ fontSize: 12 }} />
+  const top = (topPosition * toastHeight) + (isUsingTouch ? 18 : 0) // add space for mobile top buttons
+  return <AnimatePresence>
+    {open && (
+      <motion.div
+        initial={{ opacity: 0, y: 0 }}
+        animate={{ opacity: 1, y: 0 }}
+        exit={{ opacity: 0, y: '-100%' }}
+        transition={{ duration }}
+        className={`app-notification ${isError ? 'error-notification' : ''}`}
+        onClick={action}
+        style={{
+          position: 'fixed',
+          top,
+          right: 0,
+          width: '180px',
+          whiteSpace: 'nowrap',
+          fontSize: '9px',
+          display: 'flex',
+          gap: 4,
+          alignItems: 'center',
+          padding: '4px 5px',
+          background: isError ? 'rgba(255, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0.7)',
+          borderRadius: top === 0 ? '0 0 0 5px' : '5px',
+          pointerEvents: action ? 'auto' : 'none',
+          zIndex: isLoader ? 10 : 1200,
+        }}
+      >
+        <PixelartIcon
+          iconName={icon}
+          styles={{
+            fontSize: isLoader ? 15 : 12,
+            animation: isLoader ? 'rotation 6s linear infinite' : 'none',
+          }}
+        />
         <div style={{
           display: 'flex',
           flexDirection: 'column',
-          gap: 2,
+          width: '100%',
         }}>
-          <div>
-            {message}
+          <div style={{
+            whiteSpace: 'normal',
+          }}>
+            {translate(message)}
           </div>
           <div style={{
             fontSize: '7px',
             whiteSpace: 'nowrap',
             color: 'lightgray',
-          }}>{subMessage}</div>
+            marginTop: 3,
+          }}>
+            {translate(subMessage)}
+          </div>
+          {currentProgress !== undefined && totalProgress !== undefined && (
+            <div style={{
+              width: '100%',
+              height: '2px',
+              background: 'rgba(128, 128, 128, 0.5)',
+              marginTop: '2px',
+              overflow: 'hidden',
+            }}>
+              <div style={{
+                width: `${Math.min(100, (totalProgress ? currentProgress / totalProgress : 0) * 100)}%`,
+                height: '100%',
+                background: 'white',
+                transition: 'width 0.2s ease-out',
+              }} />
+            </div>
+          )}
         </div>
-      </div>
-    }}
-  </Transition>
-
+      </motion.div>
+    )}
+  </AnimatePresence>
 }
diff --git a/src/react/NotificationProvider.tsx b/src/react/NotificationProvider.tsx
index e5ceb0b3..8a8e4df6 100644
--- a/src/react/NotificationProvider.tsx
+++ b/src/react/NotificationProvider.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect } from 'react'
 import { proxy, useSnapshot } from 'valtio'
+import { useAppScale } from '../scaleInterface'
 import Notification from './Notification'
 
 type NotificationType = React.ComponentProps<typeof Notification> & {
@@ -24,7 +25,8 @@ export const showNotification = (
   isError = false,
   icon = '',
   action = undefined as (() => void) | undefined,
-  autoHide = true
+  autoHide = true,
+  id = ''
 ) => {
   notificationProxy.message = message
   notificationProxy.subMessage = subMessage
@@ -33,10 +35,14 @@ export const showNotification = (
   notificationProxy.open = true
   notificationProxy.autoHide = autoHide
   notificationProxy.action = action
+  notificationProxy.id = id
 }
-export const hideNotification = () => {
-  // openNotification('') // reset
-  notificationProxy.open = false
+globalThis.showNotification = showNotification
+export const hideNotification = (id?: string) => {
+  if (id === undefined || notificationProxy.id === id) {
+    // openNotification('') // reset
+    notificationProxy.open = false
+  }
 }
 
 export default () => {
@@ -45,7 +51,7 @@ export default () => {
   useEffect(() => {
     if (autoHide && open) {
       setTimeout(() => {
-        hideNotification()
+        hideNotification(notificationProxy.id)
       }, 7000)
     }
   }, [autoHide, open])
@@ -56,13 +62,22 @@ export default () => {
   //     openNotification('test', 'test', false, 'message')
   //   }, 1000)
   // }, [])
+  const scale = useAppScale()
 
-  return <Notification
-    action={action}
-    type={type}
-    message={message}
-    subMessage={subMessage}
-    open={open}
-    icon={icon}
-  />
+  return <div
+    className='notification-container'
+    style={{
+      // transform: `scale(${scale})`,
+      // transformOrigin: 'top right',
+    }}
+  >
+    <Notification
+      action={action}
+      type={type}
+      message={message}
+      subMessage={subMessage}
+      open={open}
+      icon={icon}
+    />
+  </div>
 }
diff --git a/src/react/OptionsGroup.tsx b/src/react/OptionsGroup.tsx
index 81df531b..5a90d272 100644
--- a/src/react/OptionsGroup.tsx
+++ b/src/react/OptionsGroup.tsx
@@ -31,7 +31,7 @@ const finalItemsScheme: Record<keyof typeof guiOptionsScheme, OptionMeta[]> = Ob
   })]
 }))
 
-export default ({ group, backButtonAction }: { group: OptionsGroupType, backButtonAction?}) => {
+export default ({ group, backButtonAction }: { group: OptionsGroupType, backButtonAction? }) => {
   const items = finalItemsScheme[group]
 
   const title = group === 'main' ? 'Settings' : `${titleCase(group)} Settings`
diff --git a/src/react/OptionsItems.tsx b/src/react/OptionsItems.tsx
index 6c0e8205..97e88d34 100644
--- a/src/react/OptionsItems.tsx
+++ b/src/react/OptionsItems.tsx
@@ -2,12 +2,15 @@ import { useSnapshot } from 'valtio'
 import { noCase } from 'change-case'
 import { titleCase } from 'title-case'
 import { useMemo } from 'react'
-import { options, qsOptions } from '../optionsStorage'
-import { miscUiState } from '../globalState'
+import { disabledSettings, options, qsOptions } from '../optionsStorage'
+import { hideAllModals, miscUiState } from '../globalState'
+import { reloadChunksAction } from '../controls'
 import Button from './Button'
 import Slider from './Slider'
 import Screen from './Screen'
 import { showOptionsModal } from './SelectOption'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import { reconnectReload } from './AppStatusProvider'
 
 type GeneralItem<T extends string | number | boolean> = {
   id?: string
@@ -17,8 +20,10 @@ type GeneralItem<T extends string | number | boolean> = {
   tooltip?: string
   // description?: string
   enableWarning?: string
-  willHaveNoEffect?: boolean
+  requiresRestart?: boolean
+  requiresChunksReload?: boolean
   values?: Array<T | [T, string]>
+  disableIf?: [option: keyof typeof options, value: any]
 }
 
 export type OptionMeta<T = any> = GeneralItem<T & string> & ({
@@ -36,16 +41,41 @@ export type OptionMeta<T = any> = GeneralItem<T & string> & ({
 })
 
 // todo not reactive
-const isDisabled = (item: GeneralItem<any>) => {
-  return Object.keys(qsOptions).includes(item.id!)
+const isLocked = (item: GeneralItem<any>) => {
+  return disabledSettings.value.has(item.id!)
 }
 
-export const OptionButton = ({ item }: { item: Extract<OptionMeta, { type: 'toggle' }> }) => {
+const useCommonComponentsProps = (item: OptionMeta) => {
+  let disabledBecauseOfSetting = false
+
+  if (item.disableIf) {
+    // okay to use hook conditionally as disableIf must be a constant
+    const disableIfSetting = useSnapshot(options)[item.disableIf[0]]
+    disabledBecauseOfSetting = disableIfSetting === item.disableIf[1]
+  }
+
+  return {
+    disabledBecauseOfSetting
+  }
+}
+
+const ignoreReloadWarningsCache = new Set<string>()
+
+export const OptionButton = ({ item, onClick, valueText, cacheKey }: {
+  item: Extract<OptionMeta, { type: 'toggle' }>,
+  onClick?: () => void,
+  valueText?: string,
+  cacheKey?: string,
+}) => {
+  const { disabledBecauseOfSetting } = useCommonComponentsProps(item)
+
   const optionValue = useSnapshot(options)[item.id!]
 
   const valuesTitlesMap = useMemo(() => {
     if (!item.values) {
       return {
+        // true: <span style={{ color: 'lime' }}>ON</span>,
+        // false: <span style={{ color: 'red' }}>OFF</span>,
         true: 'ON',
         false: 'OFF',
       }
@@ -59,48 +89,89 @@ export const OptionButton = ({ item }: { item: Extract<OptionMeta, { type: 'togg
     }))
   }, [item.values])
 
+  let { disabledReason } = item
+  if (disabledBecauseOfSetting) disabledReason = `Disabled because ${item.disableIf![0]} is ${item.disableIf![1]}`
+
   return <Button
     data-setting={item.id}
-    label={`${item.text}: ${valuesTitlesMap[optionValue]}`}
-    onClick={async () => {
-      if (item.disabledReason) {
-        await showOptionsModal(`The option is unavailable. ${item.disabledReason}`, [])
+    label={`${translate(item.text)}: ${translate(valueText ?? valuesTitlesMap[optionValue])}`}
+    onClick={async (event) => {
+      if (disabledReason) {
+        await showOptionsModal(`${translate('The option is not available')}: ${disabledReason}`, [])
         return
       }
       if (item.enableWarning && !options[item.id!]) {
         const result = await showOptionsModal(item.enableWarning, ['Enable'])
         if (!result) return
       }
-      const { values } = item
-      if (values) {
-        const getOptionValue = (arrItem) => {
-          if (typeof arrItem === 'string') {
-            return arrItem
+      onClick?.()
+      if (item.id) {
+        const { values } = item
+        if (values) {
+          const getOptionValue = (arrItem) => {
+            if (typeof arrItem === 'string') {
+              return arrItem
+            } else {
+              return arrItem[0]
+            }
+          }
+          const currentIndex = values.findIndex((value) => {
+            return getOptionValue(value) === optionValue
+          })
+          if (currentIndex === -1) {
+            options[item.id] = getOptionValue(values[0])
           } else {
-            return arrItem[0]
+            const nextIndex = event.shiftKey
+              ? (currentIndex - 1 + values.length) % values.length
+              : (currentIndex + 1) % values.length
+            options[item.id] = getOptionValue(values[nextIndex])
+          }
+        } else {
+          options[item.id] = !options[item.id]
+        }
+      }
+
+      const toCacheKey = cacheKey ?? item.id ?? ''
+      if (toCacheKey && !ignoreReloadWarningsCache.has(toCacheKey)) {
+        ignoreReloadWarningsCache.add(toCacheKey)
+
+        if (item.requiresRestart) {
+          const result = await showOptionsModal(translate('The option requires a restart to take effect'), ['Restart', 'I will do it later'], {
+            cancel: false,
+          })
+          if (result) {
+            reconnectReload()
           }
         }
-        const currentIndex = values.findIndex((value) => {
-          return getOptionValue(value) === optionValue
-        })
-        if (currentIndex === -1) {
-          options[item.id!] = getOptionValue(values[0])
-        } else {
-          options[item.id!] = getOptionValue(values[(currentIndex + 1) % values.length])
+        if (item.requiresChunksReload) {
+          const result = await showOptionsModal(translate('The option requires a chunks reload to take effect'), ['Reload', 'I will do it later'], {
+            cancel: false,
+          })
+          if (result) {
+            reloadChunksAction()
+          }
         }
-      } else {
-        options[item.id!] = !options[item.id!]
       }
     }}
-    title={item.disabledReason ? `${item.disabledReason} | ${item.tooltip}` : item.tooltip}
-    disabled={!!item.disabledReason || isDisabled(item)}
+    title={disabledReason ? `${disabledReason} | ${item.tooltip}` : item.tooltip}
+    disabled={disabledBecauseOfSetting || !!item.disabledReason || isLocked(item)}
     style={{
       width: 150,
     }}
   />
 }
 
-export const OptionSlider = ({ item }: { item: Extract<OptionMeta, { type: 'slider' }> }) => {
+export const OptionSlider = ({
+  item,
+  onChange,
+  valueOverride
+}: {
+  item: Extract<OptionMeta, { type: 'slider' }>
+  onChange?: (value: number) => void
+  valueOverride?: number
+}) => {
+  const { disabledBecauseOfSetting } = useCommonComponentsProps(item)
+
   const optionValue = useSnapshot(options)[item.id!]
 
   const valueDisplay = useMemo(() => {
@@ -111,9 +182,9 @@ export const OptionSlider = ({ item }: { item: Extract<OptionMeta, { type: 'slid
   return (
     <Slider
       label={item.text!}
-      value={options[item.id!]}
+      value={valueOverride ?? options[item.id!]}
       data-setting={item.id}
-      disabledReason={isDisabled(item) ? 'qs' : undefined}
+      disabledReason={isLocked(item) ? 'qs' : disabledBecauseOfSetting ? `Disabled because ${item.disableIf![0]} is ${item.disableIf![1]}` : item.disabledReason}
       min={item.min}
       max={item.max}
       unit={item.unit}
@@ -121,6 +192,7 @@ export const OptionSlider = ({ item }: { item: Extract<OptionMeta, { type: 'slid
       updateOnDragEnd={item.delayApply}
       updateValue={(value) => {
         options[item.id!] = value
+        onChange?.(value)
       }}
     />
   )
@@ -159,10 +231,16 @@ interface Props {
 }
 
 export default ({ items, title, backButtonAction }: Props) => {
+
   return <Screen
     title={title}
   >
     <div className='screen-items'>
+      <div style={{ position: 'fixed', marginLeft: '-30px', display: 'flex', flexDirection: 'column', gap: 1, }}>
+        <Button icon={pixelartIcons['close']} onClick={hideAllModals} style={{ color: '#ff5d5d', }} />
+        <Button icon={pixelartIcons['chevron-left']} onClick={backButtonAction} style={{ color: 'yellow', }} />
+      </div>
+
       {items.map((element, i) => {
         // make sure its unique!
         return <RenderOption key={element.id ?? `${title}-${i}`} item={element} />
diff --git a/src/react/OverlayModelViewer.tsx b/src/react/OverlayModelViewer.tsx
new file mode 100644
index 00000000..e48a2f0b
--- /dev/null
+++ b/src/react/OverlayModelViewer.tsx
@@ -0,0 +1,554 @@
+import { proxy, useSnapshot, subscribe } from 'valtio'
+import { useEffect, useMemo, useRef } from 'react'
+import * as THREE from 'three'
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
+import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
+import { applySkinToPlayerObject, createPlayerObject, PlayerObjectType } from '../../renderer/viewer/lib/createPlayerObject'
+import { currentScaling } from '../scaleInterface'
+import { activeModalStack } from '../globalState'
+
+THREE.ColorManagement.enabled = false
+
+export const modelViewerState = proxy({
+  model: undefined as undefined | {
+    models?: string[] // Array of model URLs (URL itself is the cache key)
+    steveModelSkin?: string
+    debug?: boolean
+    // absolute positioning
+    positioning: {
+      windowWidth: number
+      windowHeight: number
+      x: number
+      y: number
+      width: number
+      height: number
+      scaled?: boolean
+      onlyInitialScale?: boolean
+      followCursor?: boolean
+    }
+    modelCustomization?: { [modelUrl: string]: { color?: string, opacity?: number, metalness?: number, roughness?: number } }
+    resetRotationOnReleae?: boolean
+    continiousRender?: boolean
+    alwaysRender?: boolean
+  }
+})
+globalThis.modelViewerState = modelViewerState
+
+// Global debug function to get camera and model values
+globalThis.getModelViewerValues = () => {
+  const scene = globalThis.sceneRef?.current
+  if (!scene) return null
+
+  const { camera, playerObject } = scene
+  if (!playerObject) return null
+
+  const wrapper = playerObject.parent
+  if (!wrapper) return null
+
+  const box = new THREE.Box3().setFromObject(wrapper)
+  const size = box.getSize(new THREE.Vector3())
+  const center = box.getCenter(new THREE.Vector3())
+
+  return {
+    camera: {
+      position: camera.position.clone(),
+      fov: camera.fov,
+      aspect: camera.aspect
+    },
+    model: {
+      position: wrapper.position.clone(),
+      rotation: wrapper.rotation.clone(),
+      scale: wrapper.scale.clone(),
+      size,
+      center
+    },
+    cursor: {
+      position: globalThis.cursorPosition || { x: 0, y: 0 },
+      normalized: globalThis.cursorPosition ? {
+        x: globalThis.cursorPosition.x * 2 - 1,
+        y: globalThis.cursorPosition.y * 2 - 1
+      } : { x: 0, y: 0 }
+    },
+    visibleArea: {
+      height: 2 * Math.tan(camera.fov * Math.PI / 180 / 2) * camera.position.z,
+      width: 2 * Math.tan(camera.fov * Math.PI / 180 / 2) * camera.position.z * camera.aspect
+    }
+  }
+}
+
+subscribe(activeModalStack, () => {
+  if (!modelViewerState.model || !modelViewerState.model?.alwaysRender) {
+    return
+  }
+  if (activeModalStack.length === 0) {
+    modelViewerState.model = undefined
+  }
+})
+
+export default () => {
+  const { model } = useSnapshot(modelViewerState)
+  const containerRef = useRef<HTMLDivElement>(null)
+  const sceneRef = useRef<{
+    scene: THREE.Scene
+    camera: THREE.PerspectiveCamera
+    renderer: THREE.WebGLRenderer
+    controls: OrbitControls
+    playerObject?: PlayerObjectType
+    dispose: () => void
+  }>()
+  const initialScale = useMemo(() => {
+    return currentScaling.scale
+  }, [])
+  globalThis.sceneRef = sceneRef
+
+  // Cursor following state
+  const cursorPosition = useRef({ x: 0, y: 0 })
+  const isFollowingCursor = useRef(false)
+
+  // Model management state
+  const loadedModels = useRef<Map<string, THREE.Object3D>>(new Map())
+  const modelLoaders = useRef<Map<string, GLTFLoader | OBJLoader>>(new Map())
+
+  // Model management functions
+  const loadModel = (modelUrl: string) => {
+    if (loadedModels.current.has(modelUrl)) return // Already loaded
+
+    const isGLTF = modelUrl.toLowerCase().endsWith('.gltf') || modelUrl.toLowerCase().endsWith('.glb')
+    const loader = isGLTF ? new GLTFLoader() : new OBJLoader()
+    modelLoaders.current.set(modelUrl, loader)
+
+    const onLoad = (object: THREE.Object3D) => {
+      // Apply customization if available and enable shadows
+      const customization = model?.modelCustomization?.[modelUrl]
+      object.traverse((child) => {
+        if (child instanceof THREE.Mesh) {
+          // Enable shadow casting and receiving for all meshes
+          child.castShadow = true
+          child.receiveShadow = true
+
+          if (child.material && customization) {
+            const material = child.material as THREE.MeshStandardMaterial
+            if (customization.color) {
+              material.color.setHex(parseInt(customization.color.replace('#', ''), 16))
+            }
+            if (customization.opacity !== undefined) {
+              material.opacity = customization.opacity
+              material.transparent = customization.opacity < 1
+            }
+            if (customization.metalness !== undefined) {
+              material.metalness = customization.metalness
+            }
+            if (customization.roughness !== undefined) {
+              material.roughness = customization.roughness
+            }
+          }
+        }
+      })
+
+      // Center and scale model
+      const box = new THREE.Box3().setFromObject(object)
+      const center = box.getCenter(new THREE.Vector3())
+      const size = box.getSize(new THREE.Vector3())
+      const maxDim = Math.max(size.x, size.y, size.z)
+      const scale = 2 / maxDim
+      object.scale.setScalar(scale)
+      object.position.sub(center.multiplyScalar(scale))
+
+      // Store the model using URL as key
+      loadedModels.current.set(modelUrl, object)
+      sceneRef.current?.scene.add(object)
+
+      // Trigger render
+      if (sceneRef.current) {
+        setTimeout(() => {
+          const render = () => sceneRef.current?.renderer.render(sceneRef.current.scene, sceneRef.current.camera)
+          render()
+        }, 0)
+      }
+    }
+
+    if (isGLTF) {
+      (loader as GLTFLoader).load(modelUrl, (gltf) => {
+        onLoad(gltf.scene)
+      })
+    } else {
+      (loader as OBJLoader).load(modelUrl, onLoad)
+    }
+  }
+
+  const removeModel = (modelUrl: string) => {
+    const model = loadedModels.current.get(modelUrl)
+    if (model) {
+      sceneRef.current?.scene.remove(model)
+      model.traverse((child) => {
+        if (child instanceof THREE.Mesh) {
+          if (child.material) {
+            if (Array.isArray(child.material)) {
+              for (const mat of child.material) {
+                mat.dispose()
+              }
+            } else {
+              child.material.dispose()
+            }
+          }
+          if (child.geometry) {
+            child.geometry.dispose()
+          }
+        }
+      })
+      loadedModels.current.delete(modelUrl)
+    }
+    modelLoaders.current.delete(modelUrl)
+  }
+
+  // Subscribe to model changes
+  useEffect(() => {
+    if (!modelViewerState.model?.models) return
+
+    const modelsChanged = () => {
+      const currentModels = modelViewerState.model?.models || []
+      const currentModelUrls = new Set(currentModels)
+      const loadedModelUrls = new Set(loadedModels.current.keys())
+
+      // Remove models that are no longer in the state
+      for (const modelUrl of loadedModelUrls) {
+        if (!currentModelUrls.has(modelUrl)) {
+          removeModel(modelUrl)
+        }
+      }
+
+      // Add new models
+      for (const modelUrl of currentModels) {
+        if (!loadedModelUrls.has(modelUrl)) {
+          loadModel(modelUrl)
+        }
+      }
+    }
+    const unsubscribe = subscribe(modelViewerState.model.models, modelsChanged)
+
+    let unmounted = false
+    setTimeout(() => {
+      if (unmounted) return
+      modelsChanged()
+    })
+
+    return () => {
+      unmounted = true
+      unsubscribe?.()
+    }
+  }, [model?.models])
+
+  useEffect(() => {
+    if (!model || !containerRef.current) return
+
+    // Setup scene
+    const scene = new THREE.Scene()
+    scene.background = null // Transparent background
+
+    // Setup camera with optimal settings for player model viewing
+    const camera = new THREE.PerspectiveCamera(
+      50, // Reduced FOV for better model viewing
+      model.positioning.width / model.positioning.height,
+      0.1,
+      1000
+    )
+    camera.position.set(0, 0, 3) // Position camera to view player model optimally
+
+    // Setup renderer with pixel density awareness
+    const renderer = new THREE.WebGLRenderer({ alpha: true })
+    let scale = window.devicePixelRatio || 1
+    if (modelViewerState.model?.positioning.scaled) {
+      scale *= currentScaling.scale
+    }
+    renderer.setPixelRatio(scale)
+    renderer.setSize(model.positioning.width, model.positioning.height)
+
+    // Enable shadow rendering for depth and realism
+    renderer.shadowMap.enabled = true
+    renderer.shadowMap.type = THREE.PCFSoftShadowMap // Soft shadows for better quality
+    renderer.shadowMap.autoUpdate = true
+
+    containerRef.current.appendChild(renderer.domElement)
+
+    // Setup controls
+    const controls = new OrbitControls(camera, renderer.domElement)
+    // controls.enableZoom = false
+    // controls.enablePan = false
+    controls.minPolarAngle = Math.PI / 2 // Lock vertical rotation
+    controls.maxPolarAngle = Math.PI / 2
+    controls.enableDamping = true
+    controls.dampingFactor = 0.05
+
+    // Add ambient light for overall illumination
+    const ambientLight = new THREE.AmbientLight(0xff_ff_ff, 0.4) // Reduced intensity to allow shadows
+    scene.add(ambientLight)
+
+    // Add directional light for shadows and depth (similar to Minecraft inventory lighting)
+    const directionalLight = new THREE.DirectionalLight(0xff_ff_ff, 0.6)
+    directionalLight.position.set(2, 2, 2) // Position light from top-right-front
+    directionalLight.target.position.set(0, 0, 0) // Point towards center of scene
+
+    // Configure shadow properties for optimal quality
+    directionalLight.castShadow = true
+    directionalLight.shadow.mapSize.width = 2048 // High resolution shadow map
+    directionalLight.shadow.mapSize.height = 2048
+    directionalLight.shadow.camera.near = 0.1
+    directionalLight.shadow.camera.far = 10
+    directionalLight.shadow.camera.left = -3
+    directionalLight.shadow.camera.right = 3
+    directionalLight.shadow.camera.top = 3
+    directionalLight.shadow.camera.bottom = -3
+    directionalLight.shadow.bias = -0.0001 // Reduce shadow acne
+
+    scene.add(directionalLight)
+    scene.add(directionalLight.target)
+
+    // Cursor following function
+    const updatePlayerLookAt = () => {
+      if (!isFollowingCursor.current || !sceneRef.current?.playerObject) return
+
+      const { playerObject } = sceneRef.current
+      const { x, y } = cursorPosition.current
+
+      // Convert 0-1 cursor position to normalized coordinates (-1 to 1)
+      const normalizedX = x * 2 - 1
+      const normalizedY = y * 2 - 1 // Inverted: top of screen = negative pitch, bottom = positive pitch
+
+      // Calculate head rotation based on cursor position
+      // Limit head movement to realistic angles
+      const maxHeadYaw = Math.PI / 3 // 60 degrees
+      const maxHeadPitch = Math.PI / 4 // 45 degrees
+
+      const headYaw = normalizedX * maxHeadYaw
+      const headPitch = normalizedY * maxHeadPitch
+
+      // Apply head rotation with smooth interpolation
+      const lerpFactor = 0.1 // Smooth interpolation factor
+      playerObject.skin.head.rotation.y = THREE.MathUtils.lerp(
+        playerObject.skin.head.rotation.y,
+        headYaw,
+        lerpFactor
+      )
+      playerObject.skin.head.rotation.x = THREE.MathUtils.lerp(
+        playerObject.skin.head.rotation.x,
+        headPitch,
+        lerpFactor
+      )
+
+      // Apply slight body rotation for more natural movement
+      const bodyYaw = headYaw * 0.3 // Body follows head but with less rotation
+      playerObject.rotation.y = THREE.MathUtils.lerp(
+        playerObject.rotation.y,
+        bodyYaw,
+        lerpFactor * 0.5 // Slower body movement
+      )
+
+      render()
+    }
+
+    // Render function
+    const render = () => {
+      renderer.render(scene, camera)
+    }
+
+    // Setup animation/render strategy
+    if (model.continiousRender) {
+      // Continuous animation loop
+      const animate = () => {
+        requestAnimationFrame(animate)
+        render()
+      }
+      animate()
+    } else {
+      // Render only on camera movement
+      controls.addEventListener('change', render)
+      // Initial render
+      render()
+      // Render after model loads
+      if (model.steveModelSkin !== undefined) {
+        // Create player model
+        const { playerObject, wrapper } = createPlayerObject({
+          scale: 1 // Start with base scale, will adjust below
+        })
+
+        // Enable shadows for player object
+        wrapper.traverse((child) => {
+          if (child instanceof THREE.Mesh) {
+            child.castShadow = true
+            child.receiveShadow = true
+          }
+        })
+
+        // Calculate proper scale and positioning for camera view
+        const box = new THREE.Box3().setFromObject(wrapper)
+        const size = box.getSize(new THREE.Vector3())
+        const center = box.getCenter(new THREE.Vector3())
+
+        // Calculate scale to fit within camera view (considering FOV and distance)
+        const cameraDistance = camera.position.z
+        const fov = camera.fov * Math.PI / 180 // Convert to radians
+        const visibleHeight = 2 * Math.tan(fov / 2) * cameraDistance
+        const visibleWidth = visibleHeight * (model.positioning.width / model.positioning.height)
+
+        const scaleFactor = Math.min(
+          (visibleHeight) / size.y,
+          (visibleWidth) / size.x
+        )
+
+        wrapper.scale.multiplyScalar(scaleFactor)
+
+        // Center the player object
+        wrapper.position.sub(center.multiplyScalar(scaleFactor))
+
+        // Rotate to face camera (remove the default 180° rotation)
+        wrapper.rotation.set(0, 0, 0)
+
+        scene.add(wrapper)
+        sceneRef.current = {
+          ...sceneRef.current!,
+          playerObject
+        }
+
+        void applySkinToPlayerObject(playerObject, model.steveModelSkin).then(() => {
+          setTimeout(render, 0)
+        })
+
+        // Set up cursor following if enabled
+        if (model.positioning.followCursor) {
+          isFollowingCursor.current = true
+        }
+      }
+    }
+
+    // Window cursor tracking for followCursor
+    let lastCursorUpdate = 0
+    let waitingRender = false
+    const handleWindowPointerMove = (event: PointerEvent) => {
+      if (!model.positioning.followCursor) return
+
+      // Track cursor position as 0-1 across the entire window
+      const newPosition = {
+        x: event.clientX / window.innerWidth,
+        y: event.clientY / window.innerHeight
+      }
+      cursorPosition.current = newPosition
+      globalThis.cursorPosition = newPosition // Expose for debug
+      lastCursorUpdate = Date.now()
+      updatePlayerLookAt()
+      if (!waitingRender) {
+        requestAnimationFrame(() => {
+          render()
+          waitingRender = false
+        })
+        waitingRender = true
+      }
+    }
+
+    // Add window event listeners
+    if (model.positioning.followCursor) {
+      window.addEventListener('pointermove', handleWindowPointerMove)
+      isFollowingCursor.current = true
+    }
+
+    // Store refs for cleanup
+    sceneRef.current = {
+      ...sceneRef.current!,
+      scene,
+      camera,
+      renderer,
+      controls,
+      dispose () {
+        if (!model.continiousRender) {
+          controls.removeEventListener('change', render)
+        }
+        if (model.positioning.followCursor) {
+          window.removeEventListener('pointermove', handleWindowPointerMove)
+        }
+
+        // Clean up loaded models
+        for (const [modelUrl, model] of loadedModels.current) {
+          scene.remove(model)
+          model.traverse((child) => {
+            if (child instanceof THREE.Mesh) {
+              if (child.material) {
+                if (Array.isArray(child.material)) {
+                  for (const mat of child.material) {
+                    mat.dispose()
+                  }
+                } else {
+                  child.material.dispose()
+                }
+              }
+              if (child.geometry) {
+                child.geometry.dispose()
+              }
+            }
+          })
+        }
+        loadedModels.current.clear()
+        modelLoaders.current.clear()
+
+        const playerObject = sceneRef.current?.playerObject
+        if (playerObject?.skin.map) {
+          (playerObject.skin.map as unknown as THREE.Texture).dispose()
+        }
+        renderer.dispose()
+        renderer.domElement?.remove()
+      }
+    }
+
+    return () => {
+      sceneRef.current?.dispose()
+    }
+  }, [model])
+
+  if (!model) return null
+
+  const { x, y, width, height, scaled, onlyInitialScale } = model.positioning
+  const { windowWidth } = model.positioning
+  const { windowHeight } = model.positioning
+  const scaleValue = onlyInitialScale ? initialScale : 'var(--guiScale)'
+
+  return (
+    <div
+      className='overlay-model-viewer-container'
+      style={{
+        zIndex: 100,
+        position: 'fixed',
+        inset: 0,
+        width: '100dvw',
+        height: '100dvh',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        transform: scaled ? `scale(${scaleValue})` : 'none',
+        pointerEvents: 'none',
+      }}
+    >
+      <div
+        className='overlay-model-viewer-window'
+        style={{
+          width: windowWidth,
+          height: windowHeight,
+          position: 'relative',
+          pointerEvents: 'none',
+        }}
+      >
+        <div
+          ref={containerRef}
+          className='overlay-model-viewer'
+          style={{
+            position: 'absolute',
+            left: x,
+            top: y,
+            width,
+            height,
+            pointerEvents: 'auto',
+            backgroundColor: model.debug ? 'red' : undefined,
+          }}
+        />
+      </div>
+    </div>
+  )
+}
diff --git a/src/react/PacketsReplayProvider.tsx b/src/react/PacketsReplayProvider.tsx
new file mode 100644
index 00000000..8ffd1f6b
--- /dev/null
+++ b/src/react/PacketsReplayProvider.tsx
@@ -0,0 +1,55 @@
+import { useSnapshot } from 'valtio'
+import { useMemo } from 'react'
+import { appQueryParams, updateQsParam } from '../appParams'
+import { miscUiState } from '../globalState'
+import { onChangeButtonState, packetsReplayState } from './state/packetsReplayState'
+import ReplayPanel from './ReplayPanel'
+
+export default function PacketsReplayProvider () {
+  const state = useSnapshot(packetsReplayState)
+  const { gameLoaded } = useSnapshot(miscUiState)
+
+  const autocomplete = useMemo(() => {
+    if (!loadedData) return
+    return {
+      client: Object.keys(loadedData.protocol.play.toClient.types).filter(a => a.startsWith('packet_')).map(a => a.slice('packet_'.length)),
+      server: Object.keys(loadedData.protocol.play.toServer.types).filter(a => a.startsWith('packet_')).map(a => a.slice('packet_'.length))
+    }
+  }, [gameLoaded])
+
+  if (!state.isOpen) return null
+
+  return (
+    <ReplayPanel
+      style={{
+        transform: 'scale(0.4)',
+        transformOrigin: 'top right'
+      }}
+      replayName={state.replayName}
+      packets={state.packetsPlayback}
+      isPlaying={state.isPlaying}
+      progress={state.progress}
+      speed={state.speed}
+      defaultFilter={appQueryParams.replayFilter ?? ''}
+      clientPacketsAutocomplete={autocomplete?.client ?? []}
+      serverPacketsAutocomplete={autocomplete?.server ?? []}
+      customButtons={state.customButtons}
+      onPlayPause={(isPlaying) => {
+        packetsReplayState.isPlaying = isPlaying
+      }}
+      onRestart={() => {
+        window.location.reload()
+      }}
+      onSpeedChange={(speed) => {
+        packetsReplayState.speed = speed
+        updateQsParam('replaySpeed', speed === 1 ? undefined : speed.toString())
+      }}
+      onFilterChange={(filter) => {
+        updateQsParam('replayFilter', filter)
+      }}
+      onCustomButtonToggle={(button) => {
+        onChangeButtonState(button as keyof typeof packetsReplayState.customButtons, !state.customButtons[button].state)
+      }}
+    />
+  )
+}
diff --git a/src/react/PauseLinkButtons.tsx b/src/react/PauseLinkButtons.tsx
new file mode 100644
index 00000000..18331f2d
--- /dev/null
+++ b/src/react/PauseLinkButtons.tsx
@@ -0,0 +1,50 @@
+import { useSnapshot } from 'valtio'
+import { openURL } from 'renderer/viewer/lib/simpleUtils'
+import { ErrorBoundary } from '@zardoy/react-util'
+import { miscUiState } from '../globalState'
+import { openGithub } from '../utils'
+import Button from './Button'
+import { DiscordButton } from './DiscordButton'
+import styles from './PauseScreen.module.css'
+
+function PauseLinkButtonsInner () {
+  const { appConfig } = useSnapshot(miscUiState)
+  const pauseLinksConfig = appConfig?.pauseLinks
+
+  if (!pauseLinksConfig) return null
+
+  const renderButton = (button: Record<string, any>, style: React.CSSProperties, key: number) => {
+    if (button.type === 'discord') {
+      return <DiscordButton key={key} style={style} text={button.text}/>
+    }
+    if (button.type === 'github') {
+      return <Button key={key} className="button" style={style} onClick={() => openGithub()}>{button.text ?? 'GitHub'}</Button>
+    }
+    if (button.type === 'url' && button.text) {
+      return <Button key={key} className="button" style={style} onClick={() => openURL(button.url)}>{button.text}</Button>
+    }
+    return null
+  }
+
+  return (
+    <>
+      {pauseLinksConfig.map((row, i) => {
+        const style = { width: (204 / row.length - (row.length > 1 ? 4 : 0)) + 'px' }
+        return (
+          <div key={i} className={styles.row}>
+            {row.map((button, k) => renderButton(button, style, k))}
+          </div>
+        )
+      })}
+    </>
+  )
+}
+
+export default () => {
+  return <ErrorBoundary renderError={(error) => {
+    console.error(error)
+    return null
+  }}>
+    <PauseLinkButtonsInner />
+  </ErrorBoundary>
+}
diff --git a/src/react/PauseScreen.module.css.d.ts b/src/react/PauseScreen.module.css.d.ts
new file mode 100644
index 00000000..43a066ac
--- /dev/null
+++ b/src/react/PauseScreen.module.css.d.ts
@@ -0,0 +1,10 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  pauseContainer: string;
+  pause_container: string;
+  row: string;
+  title: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/PauseScreen.tsx b/src/react/PauseScreen.tsx
index 0d63df5d..856ac932 100644
--- a/src/react/PauseScreen.tsx
+++ b/src/react/PauseScreen.tsx
@@ -1,52 +1,169 @@
 import { join } from 'path'
+import fs from 'fs'
 import { useEffect } from 'react'
-import { useSnapshot } from 'valtio'
+import { subscribe, useSnapshot } from 'valtio'
 import { usedServerPathsV1 } from 'flying-squid/dist/lib/modules/world'
-import { openURL } from 'prismarine-viewer/viewer/lib/simpleUtils'
+import { openURL } from 'renderer/viewer/lib/simpleUtils'
+import { Vec3 } from 'vec3'
+import { generateSpiralMatrix } from 'flying-squid/dist/utils'
+import { subscribeKey } from 'valtio/utils'
+import { ErrorBoundary } from '@zardoy/react-util'
 import {
   activeModalStack,
   showModal,
   hideModal,
   miscUiState,
-  openOptionsMenu
+  openOptionsMenu,
+  gameAdditionalState
 } from '../globalState'
 import { fsState } from '../loadSave'
 import { disconnect } from '../flyingSquidUtils'
-import { pointerLock, setLoadingScreenStatus } from '../utils'
+import { openGithub, pointerLock } from '../utils'
+import { setLoadingScreenStatus } from '../appStatus'
 import { closeWan, openToWanAndCopyJoinLink, getJoinLink } from '../localServerMultiplayer'
-import { copyFilesAsyncWithProgress, mkdirRecursive, uniqueFileNameFromWorldName } from '../browserfs'
+import { collectFilesToCopy, fileExistsAsyncOptimized, mkdirRecursive, uniqueFileNameFromWorldName } from '../browserfs'
+import { appQueryParams } from '../appParams'
+import { downloadPacketsReplay, packetsRecordingState } from '../packetsReplay/packetsReplayLegacy'
+import { options } from '../optionsStorage'
 import { useIsModalActive } from './utilsApp'
 import { showOptionsModal } from './SelectOption'
 import Button from './Button'
 import Screen from './Screen'
 import styles from './PauseScreen.module.css'
+import { DiscordButton } from './DiscordButton'
+import { showNotification } from './NotificationProvider'
+import { appStatusState, lastConnectOptions, reconnectReload } from './AppStatusProvider'
+import NetworkStatus from './NetworkStatus'
+import PauseLinkButtons from './PauseLinkButtons'
+import { pixelartIcons } from './PixelartIcon'
+import LoadingTimer from './LoadingTimer'
+
+const waitForPotentialRender = async () => {
+  return new Promise<void>(resolve => {
+    requestAnimationFrame(() => requestAnimationFrame(resolve as any))
+  })
+}
 
 export const saveToBrowserMemory = async () => {
   setLoadingScreenStatus('Saving world')
   try {
-    //@ts-expect-error
-    const { worldFolder } = localServer.options
-    const saveRootPath = await uniqueFileNameFromWorldName(worldFolder.split('/').pop(), `/data/worlds`)
+    await new Promise<void>(resolve => {
+      subscribeKey(appStatusState, 'isDisplaying', () => {
+        if (appStatusState.isDisplaying) {
+          resolve()
+        }
+      })
+    })
+    const worldFolder = fsState.inMemorySavePath
+    const saveRootPath = await uniqueFileNameFromWorldName(worldFolder.split('/').pop()!, `/data/worlds`)
     await mkdirRecursive(saveRootPath)
-    for (const copyPath of [...usedServerPathsV1, 'icon.png']) {
-      const srcPath = join(worldFolder, copyPath)
-      const savePath = join(saveRootPath, copyPath)
+    console.log('made world folder', saveRootPath)
+    const allRootPaths = [...usedServerPathsV1]
+    const allFilesToCopy = [] as string[]
+    for (const dirBase of allRootPaths) {
       // eslint-disable-next-line no-await-in-loop
-      await copyFilesAsyncWithProgress(srcPath, savePath, false)
+      if (dirBase.includes('.') && await fileExistsAsyncOptimized(join(worldFolder, dirBase))) {
+        allFilesToCopy.push(dirBase)
+        continue
+      }
+      // eslint-disable-next-line no-await-in-loop
+      let res = await collectFilesToCopy(join(worldFolder, dirBase), true)
+      if (dirBase === 'region') {
+        res = res.filter(x => x.endsWith('.mca'))
+      }
+      allFilesToCopy.push(...res.map(x => join(dirBase, x)))
     }
+    console.log('paths collected')
+    const pathsSplitBasic = allFilesToCopy.filter(path => {
+      if (!path.startsWith('region/')) return true
+      const [x, z] = path.split('/').at(-1)!.split('.').slice(1, 3).map(Number)
+      return Math.abs(x) > 50 || Math.abs(z) > 50 // HACK: otherwise it's too big and we can't handle it in visual display
+    })
+    let copied = 0
+    let isRegionFiles = false
+    const upProgress = (totalSize: number) => {
+      copied++
+      let action = fsState.remoteBackend ? 'Downloading & copying' : 'Copying'
+      action += isRegionFiles ? ' region files (world chunks)' : ' basic save files'
+      setLoadingScreenStatus(`${action} files (${copied}/${totalSize})`)
+    }
+    const copyFiles = async (copyPaths: string[][]) => {
+      const totalSIze = copyPaths.flat().length
+      for (const copyFileGroup of copyPaths) {
+        // eslint-disable-next-line no-await-in-loop, @typescript-eslint/no-loop-func
+        await Promise.all(copyFileGroup.map(async (copyPath) => {
+          const srcPath = join(worldFolder, copyPath)
+          const savePath = join(saveRootPath, copyPath)
+          await mkdirRecursive(savePath)
+          await fs.promises.writeFile(savePath, await fs.promises.readFile(srcPath) as any)
+          upProgress(totalSIze)
+          if (isRegionFiles) {
+            const regionFile = copyPath.split('/').at(-1)!
+            appStatusState.loadingChunksData![regionFile] = 'done'
+          }
+        }))
+        // eslint-disable-next-line no-await-in-loop
+        await waitForPotentialRender()
+      }
+    }
+    // basic save files
+    await copyFiles(splitByCopySize(pathsSplitBasic))
+    setLoadingScreenStatus('Preparing world chunks copying')
+    await waitForPotentialRender()
+
+    // region files
+    isRegionFiles = true
+    copied = 0
+    const regionFiles = allFilesToCopy.filter(x => !pathsSplitBasic.includes(x))
+    const regionFilesNumbers = regionFiles.map(x => x.split('/').at(-1)!.split('.').slice(1, 3).map(Number))
+    const xMin = Math.min(...regionFilesNumbers.flatMap(x => x[0]))
+    const zMin = Math.min(...regionFilesNumbers.flatMap(x => x[1]))
+    const xMax = Math.max(...regionFilesNumbers.flatMap(x => x[0]))
+    const zMax = Math.max(...regionFilesNumbers.flatMap(x => x[1]))
+    const playerPosRegion = bot.entity.position.divide(new Vec3(32 * 16, 32 * 16, 32 * 16)).floored()
+    const maxDistantRegion = Math.max(
+      Math.abs(playerPosRegion.x - xMin),
+      Math.abs(playerPosRegion.z - zMin),
+      Math.abs(playerPosRegion.x - xMax),
+      Math.abs(playerPosRegion.z - zMax)
+    )
+    const spiral = generateSpiralMatrix(maxDistantRegion)
+    const filesWithSpiral = spiral.filter(x => allFilesToCopy.includes(`region/r.${x[0]}.${x[1]}.mca`)).map(x => `region/r.${x[0]}.${x[1]}.mca`)
+    if (filesWithSpiral.length !== regionFiles.length) throw new Error('Something went wrong with region files')
+
+    appStatusState.loadingChunksData = Object.fromEntries(regionFiles.map(x => [x.split('/').at(-1)!, 'loading']))
+    appStatusState.loadingChunksDataPlayerChunk = { x: playerPosRegion.x, z: playerPosRegion.z }
+    await copyFiles(splitByCopySize(filesWithSpiral, 10))
+
     return saveRootPath
   } catch (err) {
+    console.error(err)
     void showOptionsModal(`Error while saving the world: ${err.message}`, [])
   } finally {
     setLoadingScreenStatus(undefined)
   }
 }
 
+const splitByCopySize = (files: string[], copySize = 15) => {
+  return files.reduce<string[][]>((acc, cur, i) => {
+    if (i % copySize === 0) {
+      acc.push([])
+    }
+    acc.at(-1)!.push(cur)
+    return acc
+  }, [])
+}
+
 export default () => {
+  const lockConnect = appQueryParams.lockConnect === 'true'
   const isModalActive = useIsModalActive('pause-screen')
   const fsStateSnap = useSnapshot(fsState)
   const activeModalStackSnap = useSnapshot(activeModalStack)
-  const { singleplayer, wanOpened } = useSnapshot(miscUiState)
+  const { singleplayer, wanOpened, wanOpening } = useSnapshot(miscUiState)
+  const { noConnection } = useSnapshot(gameAdditionalState)
+  const { active: packetsReplaceActive, hasRecordedPackets: packetsReplaceHasRecordedPackets } = useSnapshot(packetsRecordingState)
+  const { displayRecordButton: displayPacketsButtons } = useSnapshot(options)
+  const { appConfig } = useSnapshot(miscUiState)
 
   const handlePointerLockChange = () => {
     if (!pointerLock.hasPointerLock && activeModalStack.length === 0) {
@@ -83,7 +200,10 @@ export default () => {
       return
     }
     if (!wanOpened || !qr) {
-      await openToWanAndCopyJoinLink(() => { }, !qr)
+      await openToWanAndCopyJoinLink((err) => {
+        if (!miscUiState.wanOpening) return
+        alert(`Something went wrong: ${err}`)
+      }, !qr)
     }
     if (qr) {
       const joinLink = getJoinLink()
@@ -97,48 +217,133 @@ export default () => {
     }
     const action = await showOptionsModal('World actions...', ['Save to browser memory'])
     if (action === 'Save to browser memory') {
-      await saveToBrowserMemory()
+      const path = await saveToBrowserMemory()
+      if (!path) return
+      const saveName = path.split('/').at(-1)
+      showNotification(`World saved to ${saveName}`, 'Load it to keep your progress!')
+      // fsState.inMemorySave = true
+      // fsState.syncFs = false
+      // fsState.isReadonly = false
+      // fsState.remoteBackend = false
     }
   }
 
   if (!isModalActive) return null
+
   return <Screen title='Game Menu'>
-    <Button
-      icon={'pixelarticons:folder'}
-      style={{ position: 'fixed', top: '5px', left: 'calc(env(safe-area-inset-left) + 5px)' }}
-      onClick={async () => openWorldActions()}
-    />
+    <div style={{ position: 'fixed', top: '5px', left: 'calc(env(safe-area-inset-left) + 5px)', display: 'flex', flexDirection: 'column', gap: '5px' }}>
+      <Button
+        icon="pixelarticons:folder"
+        onClick={async () => openWorldActions()}
+      />
+      {displayPacketsButtons && (
+        <>
+          <Button
+            icon={packetsReplaceActive ? 'pixelarticons:debug-stop' : 'pixelarticons:circle'}
+            onClick={() => {
+              packetsRecordingState.active = !packetsRecordingState.active
+            }}
+          />
+          {packetsReplaceHasRecordedPackets && (
+            <Button
+              icon={pixelartIcons['briefcase-download']}
+              onClick={async () => downloadPacketsReplay()}
+            />
+          )}
+          <Button
+            icon={pixelartIcons['download']}
+            onClick={async () => bot.downloadCurrentWorldState()}
+          />
+        </>
+      )}
+    </div>
+    <ErrorBoundary renderError={() => <div>error</div>}>
+      <div style={{ position: 'fixed', top: '5px', left: 'calc(env(safe-area-inset-left) + 35px)' }}>
+        <NetworkStatus />
+      </div>
+    </ErrorBoundary>
     <div className={styles.pause_container}>
       <Button className="button" style={{ width: '204px' }} onClick={onReturnPress}>Back to Game</Button>
-      <div className={styles.row}>
-        <Button className="button" style={{ width: '98px' }} onClick={() => openURL(process.env.GITHUB_URL!)}>GitHub</Button>
-        <Button className="button" style={{ width: '98px' }} onClick={() => openURL('https://discord.gg/4Ucm684Fq3')}>Discord</Button>
-      </div>
-      <Button className="button" style={{ width: '204px' }} onClick={() => openOptionsMenu('main')}>Options</Button>
+      <PauseLinkButtons />
+      <Button className="button" style={{ width: '204px' }} onClick={() => openOptionsMenu('main')}>Options...</Button>
       {singleplayer ? (
         <div className={styles.row}>
           <Button className="button" style={{ width: '170px' }} onClick={async () => clickJoinLinkButton()}>
-            {wanOpened ? 'Close Wan' : 'Copy Join Link'}
+            {wanOpening ? 'Opening, wait...' : wanOpened ? 'Close Wan' : 'Copy Join Link'}
           </Button>
           {(navigator.share as typeof navigator.share | undefined) ? (
             <Button
+              title="Share Join Link"
               className="button"
-              icon={'pixelarticons:arrow-up'}
+              icon="pixelarticons:arrow-up"
               style={{ width: '20px' }}
               onClick={async () => clickWebShareButton()}
             />
           ) : null}
           <Button
+            title='Display QR for the Join Link'
             className="button"
-            icon={'pixelarticons:dice'}
+            icon="pixelarticons:dice"
             style={{ width: '20px' }}
             onClick={async () => clickJoinLinkButton(true)}
           />
         </div>
       ) : null}
-      <Button className="button" style={{ width: '204px' }} onClick={disconnect}>
-        {localServer && !fsState.syncFs && !fsState.isReadonly ? 'Save & Quit' : 'Disconnect & Reset'}
-      </Button>
+      {(noConnection || appConfig?.alwaysReconnectButton) && (
+        <div className={styles.row}>
+          <Button className="button" style={{ width: appConfig?.reportBugButtonWithReconnect ? '98px' : '204px' }} onClick={reconnectReload}>
+            Reconnect
+          </Button>
+          {appConfig?.reportBugButtonWithReconnect && (
+            <Button
+              label="Report Problem"
+              className="button"
+              style={{ width: '98px' }}
+              onClick={async () => {
+                const platform = (navigator as any).userAgentData?.platform ?? navigator.platform
+                const body = `Version: ${window.location.hostname}\nServer: ${lastConnectOptions.value?.server ?? '<not a server>'}\nPlatform: ${platform}\nWebsite: ${window.location.href}`
+                const currentHost = window.location.hostname
+                const options = [
+                  'GitHub (please use it if you can)',
+                  'Email',
+                  ...((currentHost === 'mcraft.fun' || currentHost === 'ru.mcraft.fun') ? ['Try Beta Version'] : []),
+                  // 'Use previous versions of client'
+                ]
+                const action = await showOptionsModal('Report client issue', options)
+                if (!action) return
+
+                switch (action) {
+                  case 'GitHub (please use it if you can)':
+                    openGithub(`/issues/new?body=${encodeURIComponent(body)}&title=${encodeURIComponent('[Bug Report] <describe your issue here>')}&labels=bug`)
+                    break
+                  case 'Email': {
+                    window.location.href = `mailto:support@mcraft.fun?body=${encodeURIComponent(body)}`
+                    break
+                  }
+                  case 'Try Beta Version': {
+                    if (currentHost === 'mcraft.fun') {
+                      window.location.href = 'https://s.mcraft.fun'
+                    } else if (currentHost === 'ru.mcraft.fun') {
+                      window.location.href = 'https://s.pcm.gg'
+                    }
+                    break
+                  }
+                  case 'Use previous versions of client':
+                    // TODO: Implement versions screen
+                    void showOptionsModal('Previous versions', [])
+                    break
+                }
+              }}
+            />
+          )}
+        </div>
+      )}
+      {!lockConnect && <>
+        <Button className="button" style={{ width: '204px' }} onClick={disconnect}>
+          {fsState.inMemorySave && !fsState.syncFs && !fsState.isReadonly ? 'Save & Quit' : 'Disconnect & Reset'}
+        </Button>
+      </>}
     </div>
+    <LoadingTimer />
   </Screen>
 }
diff --git a/src/react/PixelartIcon.tsx b/src/react/PixelartIcon.tsx
index 919b8309..8694d9f5 100644
--- a/src/react/PixelartIcon.tsx
+++ b/src/react/PixelartIcon.tsx
@@ -1,7 +1,25 @@
 import { CSSProperties } from 'react'
+import { PixelartIconsGenerated } from './pixelartIcons.generated'
 
-// names: https://pixelarticons.com/free/
-export default ({ iconName, width = undefined as undefined | number, styles = {} as CSSProperties, className = undefined }) => {
-  if (width !== undefined) styles = { width, height: width, ...styles }
-  return <iconify-icon icon={`pixelarticons:${iconName}`} style={styles} class={className} />
+export default ({
+  iconName,
+  width = undefined as undefined | number,
+  styles = {} as CSSProperties,
+  className = undefined as undefined | string,
+  onClick = () => { }
+}) => {
+  if (width !== undefined) styles = { width, height: width, fontSize: width, ...styles }
+  iconName = iconName.replace('pixelarticons:', '')
+
+  return <div
+    style={{
+      ...styles
+    }} onClick={onClick} className={`${`pixelart-icons-font-${iconName}`} ${className ?? ''}`}
+  />
 }
+
+export const pixelartIcons = new Proxy({} as PixelartIconsGenerated, {
+  get (target, prop) {
+    return prop as string
+  }
+})
diff --git a/src/react/PlayerListOverlay.stories.tsx b/src/react/PlayerListOverlay.stories.tsx
index 0353e32e..2b82938d 100644
--- a/src/react/PlayerListOverlay.stories.tsx
+++ b/src/react/PlayerListOverlay.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof PlayerListOverlay> = {
 }
 
 export default meta
-type Story = StoryObj<typeof PlayerListOverlay>;
+type Story = StoryObj<typeof PlayerListOverlay>
 
 export const Primary: Story = {
   args: {
@@ -16,7 +16,7 @@ export const Primary: Story = {
         { username: 'Player 1', ping: 10, uuid: '1' },
         { username: 'Player 2', ping: 20, uuid: '2' },
         { username: 'Player 3', ping: 30, uuid: '3' },
-      ]
+      ] as any
     ],
     clientId: '2',
     tablistHeader: 'Header',
diff --git a/src/react/PlayerListOverlay.tsx b/src/react/PlayerListOverlay.tsx
index a1479c14..0aa99136 100644
--- a/src/react/PlayerListOverlay.tsx
+++ b/src/react/PlayerListOverlay.tsx
@@ -2,7 +2,7 @@ import MessageFormattedString from './MessageFormattedString'
 import './PlayerListOverlay.css'
 
 
-type PlayersLists = Array<Array<Pick<import('mineflayer').Player, 'uuid'|'username'|'ping'>>>
+type PlayersLists = Array<Array<Pick<import('mineflayer').Player, 'uuid' | 'displayName' | 'username' | 'ping'>>>
 
 type PlayerListOverlayProps = {
   playersLists: PlayersLists,
@@ -25,7 +25,7 @@ export default ({ playersLists, clientId, tablistHeader, tablistFooter, serverIP
         <div key={index} className="player-list">
           {list.map(player => (
             <div key={player.uuid ?? player.username} className={`playerlist-entry${clientId === player.uuid ? ' active-player' : ''}`} id={`plist-player-${player.uuid}`}>
-              <MessageFormattedString message={player.username} />
+              <MessageFormattedString message={player.displayName ?? player.username} />
               <div className="playerlist-ping">
                 <p className="playerlist-ping-value">{player.ping}</p>
                 <p className="playerlist-ping-label">ms</p>
diff --git a/src/react/PlayerListOverlayProvider.tsx b/src/react/PlayerListOverlayProvider.tsx
index 42e8c735..4d8a8ed7 100644
--- a/src/react/PlayerListOverlayProvider.tsx
+++ b/src/react/PlayerListOverlayProvider.tsx
@@ -1,45 +1,40 @@
-import { useSnapshot } from 'valtio'
+import { proxy, useSnapshot } from 'valtio'
 import { useState, useEffect, useMemo } from 'react'
-import { isGameActive, miscUiState } from '../globalState'
-import MessageFormattedString from './MessageFormattedString'
+import { isGameActive } from '../globalState'
 import PlayerListOverlay from './PlayerListOverlay'
 import './PlayerListOverlay.css'
+import { lastConnectOptions } from './AppStatusProvider'
 
-
+const MAX_COLUMNS = 4
 const MAX_ROWS_PER_COL = 10
 
 type Players = typeof bot.players
 
+export const tabListState = proxy({
+  isOpen: false,
+})
+
 export default () => {
-  const { serverIp } = useSnapshot(miscUiState)
-  const [clientId, setClientId] = useState('')
+  const { isOpen } = useSnapshot(tabListState)
+
+  const serverIp = lastConnectOptions.value?.server
+  const [clientId, setClientId] = useState(bot._client.uuid)
   const [players, setPlayers] = useState<Players>({})
-  const [isOpen, setIsOpen] = useState(false)
+  const [counter, setCounter] = useState(0)
 
-  const handleKeyDown = (e) => {
-    if (!isGameActive(true)) return
-    if (e.key === 'Tab') {
-      setIsOpen(prev => true)
-      e.preventDefault()
-    }
-  }
-
-  const handleKeyUp = (e) => {
-    if (e.key === 'Tab') {
-      setIsOpen(prev => false)
-      e.preventDefault()
-    }
-  }
-
-  useMemo(() => {
+  useEffect(() => {
     function requestUpdate () {
-      // Placeholder for requestUpdate logic
-      setPlayers(bot.players)
+      setPlayers(bot?.players ?? {})
     }
 
     bot.on('playerUpdated', () => requestUpdate())
     bot.on('playerJoined', () => requestUpdate())
     bot.on('playerLeft', () => requestUpdate())
+    requestUpdate()
+    const interval = setInterval(() => {
+      requestUpdate()
+    }, 1000)
+    return () => clearInterval(interval)
   }, [])
 
   useEffect(() => {
@@ -48,43 +43,47 @@ export default () => {
       setClientId(bot.player.uuid)
     } else {
       bot._client.on('player_info', () => {
-        setClientId(bot.player?.uuid)
+        if (bot.player?.uuid) {
+          setClientId(bot.player?.uuid)
+        }
       })
     }
 
-    document.addEventListener('keydown', handleKeyDown)
-    document.addEventListener('keyup', handleKeyUp)
+    const playerlistHeader = () => setCounter(prev => prev + 1)
+    bot._client.on('playerlist_header', playerlistHeader)
 
     return () => {
-      document.removeEventListener('keydown', handleKeyDown)
-      document.removeEventListener('keyup', handleKeyUp)
+      bot?._client.removeListener('playerlist_header', playerlistHeader)
     }
   }, [serverIp])
 
-
   const playersArray = Object.values(players).sort((a, b) => {
     if (a.username > b.username) return 1
     if (a.username < b.username) return -1
     return 0
   })
+
+  // Calculate optimal column distribution
+  const totalPlayers = playersArray.length
+  const numColumns = Math.min(MAX_COLUMNS, Math.ceil(totalPlayers / MAX_ROWS_PER_COL))
+  const playersPerColumn = Math.ceil(totalPlayers / numColumns)
+
   const lists = [] as Array<typeof playersArray>
 
-  let tempList = [] as typeof playersArray
-  for (let i = 0; i < playersArray.length; i++) {
-    tempList.push(playersArray[i])
-
-    if ((i + 1) % MAX_ROWS_PER_COL === 0 || i + 1 === playersArray.length) {
-      lists.push([...tempList])
-      tempList = []
+  for (let i = 0; i < numColumns; i++) {
+    const startIdx = i * playersPerColumn
+    const endIdx = Math.min(startIdx + playersPerColumn, totalPlayers)
+    if (startIdx < totalPlayers) {
+      lists.push(playersArray.slice(startIdx, endIdx))
     }
   }
 
   if (!isOpen) return null
 
-  return <PlayerListOverlay 
-    playersLists={lists} 
-    clientId={clientId} 
-    tablistHeader={bot.tablist.header} 
+  return <PlayerListOverlay
+    playersLists={lists}
+    clientId={clientId}
+    tablistHeader={bot.tablist.header}
     tablistFooter={bot.tablist.footer}
     serverIP={serverIp ?? ''}
   />
diff --git a/src/react/RendererDebugMenu.tsx b/src/react/RendererDebugMenu.tsx
new file mode 100644
index 00000000..f4bf7876
--- /dev/null
+++ b/src/react/RendererDebugMenu.tsx
@@ -0,0 +1,119 @@
+import { WorldRendererCommon } from 'renderer/viewer/lib/worldrendererCommon'
+import { useState } from 'react'
+import { useSnapshot } from 'valtio'
+import { options } from '../optionsStorage'
+import Screen from './Screen'
+import Button from './Button'
+import Slider from './Slider'
+import styles from './rendererDebugMenu.module.css'
+
+export default () => {
+  const worldRenderer = window.world as WorldRendererCommon | undefined
+  return worldRenderer ? <RendererDebugMenu worldRenderer={worldRenderer} /> : null
+}
+
+const RendererDebugMenu = ({ worldRenderer }: { worldRenderer: WorldRendererCommon }) => {
+  const { reactiveDebugParams } = worldRenderer
+  const { chunksRenderAboveEnabled, chunksRenderBelowEnabled, chunksRenderDistanceEnabled, chunksRenderAboveOverride, chunksRenderBelowOverride, chunksRenderDistanceOverride, stopRendering, disableEntities } = useSnapshot(reactiveDebugParams)
+
+  const { rendererPerfDebugOverlay } = useSnapshot(options)
+
+  // Helper to round values to nearest step
+  const roundToStep = (value: number, step: number) => Math.round(value / step) * step
+
+  if (!rendererPerfDebugOverlay) return null
+
+  return <div className={styles.container}>
+    <div className={styles.column}>
+      <h3>Rendering Controls</h3>
+      <Button
+        label={stopRendering ? 'Start Rendering' : 'Stop Rendering'}
+        onClick={() => { reactiveDebugParams.stopRendering = !reactiveDebugParams.stopRendering }}
+        overlayColor={stopRendering ? 'red' : undefined}
+      />
+      <Button
+        label={disableEntities ? 'Enable Entities' : 'Disable Entities'}
+        onClick={() => { reactiveDebugParams.disableEntities = !reactiveDebugParams.disableEntities }}
+        overlayColor={disableEntities ? 'red' : undefined}
+      />
+    </div>
+
+    <div className={styles.column}>
+      <h3>Chunks Render Settings</h3>
+      <div className={styles.sliderGroup}>
+        <Button
+          label={chunksRenderAboveEnabled ? 'Disable Above Override' : 'Enable Above Override'}
+          onClick={() => {
+            const newState = !chunksRenderAboveEnabled
+            reactiveDebugParams.chunksRenderAboveEnabled = newState
+            if (newState) { reactiveDebugParams.chunksRenderAboveOverride = 0 } else { reactiveDebugParams.chunksRenderAboveOverride = undefined }
+          }}
+        />
+        <Slider
+          label="Chunks Above"
+          min={0}
+          max={256}
+          value={chunksRenderAboveOverride ?? 0}
+          style={{ width: '100%', }}
+          updateValue={(value) => {
+            const roundedValue = roundToStep(value, 16)
+            reactiveDebugParams.chunksRenderAboveOverride = roundedValue
+          }}
+          disabledReason={chunksRenderAboveEnabled ? undefined : 'Override not enabled'}
+          unit=""
+          valueDisplay={roundToStep(reactiveDebugParams.chunksRenderAboveOverride ?? 0, 16)}
+        />
+      </div>
+
+      <div className={styles.sliderGroup}>
+        <Button
+          label={chunksRenderBelowEnabled ? 'Disable Below Override' : 'Enable Below Override'}
+          onClick={() => {
+            const newState = !chunksRenderBelowEnabled
+            reactiveDebugParams.chunksRenderBelowEnabled = newState
+            if (newState) { reactiveDebugParams.chunksRenderBelowOverride = 0 } else { reactiveDebugParams.chunksRenderBelowOverride = undefined }
+          }}
+        />
+        <Slider
+          label="Chunks Below"
+          min={0}
+          max={256}
+          style={{ width: '100%', }}
+          value={chunksRenderBelowOverride ?? 0}
+          updateValue={(value) => {
+            const roundedValue = roundToStep(value, 16)
+            reactiveDebugParams.chunksRenderBelowOverride = roundedValue
+          }}
+          disabledReason={chunksRenderBelowEnabled ? undefined : 'Override not enabled'}
+          unit=""
+          valueDisplay={roundToStep(reactiveDebugParams.chunksRenderBelowOverride ?? 0, 16)}
+        />
+      </div>
+
+      {/* <div className={styles.sliderGroup}>
+        <Button
+          label={chunksRenderDistanceEnabled ? 'Disable Distance Override' : 'Enable Distance Override'}
+          onClick={() => {
+            const newState = !chunksRenderDistanceEnabled
+            reactiveDebugParams.chunksRenderDistanceEnabled = newState
+            if (newState) { reactiveDebugParams.chunksRenderDistanceOverride = 8 } else { reactiveDebugParams.chunksRenderDistanceOverride = undefined }
+          }}
+        />
+        <Slider
+          label="Render Distance"
+          min={1}
+          max={32}
+          style={{ width: '100%', }}
+          value={chunksRenderDistanceOverride ?? 8}
+          updateValue={(value) => {
+            const roundedValue = Math.round(value)
+            reactiveDebugParams.chunksRenderDistanceOverride = roundedValue
+          }}
+          disabledReason={chunksRenderDistanceEnabled ? undefined : 'Override not enabled'}
+          unit=""
+          valueDisplay={Math.round(reactiveDebugParams.chunksRenderDistanceOverride ?? 8)}
+        />
+      </div> */}
+    </div>
+  </div>
+}
diff --git a/src/react/ReplayPanel.stories.tsx b/src/react/ReplayPanel.stories.tsx
new file mode 100644
index 00000000..70d21ea6
--- /dev/null
+++ b/src/react/ReplayPanel.stories.tsx
@@ -0,0 +1,106 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { proxy, useSnapshot } from 'valtio'
+import { useEffect } from 'react'
+import ReplayPanel, { PacketData } from './ReplayPanel'
+
+const meta: Meta<typeof ReplayPanel> = {
+  component: ReplayPanel,
+  title: 'ReplayPanel'
+}
+
+export default meta
+type Story = StoryObj<typeof ReplayPanel>
+
+const mockPackets = proxy([
+  {
+    name: 'position',
+    data: { x: 100.123, y: 64.456, z: -200.789 },
+    isFromClient: true,
+    isUpcoming: false,
+    position: 1,
+    timestamp: 1_234_567_890
+  },
+  {
+    name: 'chat',
+    data: { message: 'Hello, world!' },
+    isFromClient: true,
+    isUpcoming: false,
+    position: 2,
+    timestamp: 1_234_567_890
+  },
+  {
+    name: 'block_change',
+    data: { blockId: 1, position: { x: 100, y: 64, z: -200 } },
+    isFromClient: false,
+    isUpcoming: true,
+    position: 3,
+    timestamp: 1_234_567_890
+  },
+  {
+    name: 'entity_move',
+    data: { entityId: 1, x: 100, y: 64, z: -200 },
+    isFromClient: false,
+    isUpcoming: false,
+    actualVersion: { x: 101, y: 64, z: -201 },
+    position: 4,
+    timestamp: 1_234_567_890
+  }
+] satisfies PacketData[])
+
+const ReplayPanelWithToggle = (props: Parameters<typeof ReplayPanel>[0]) => {
+  const packets = useSnapshot(mockPackets)
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      for (const [index, packet] of mockPackets.entries()) {
+        packet.isUpcoming = !packet.isUpcoming
+      }
+    }, 3000)
+
+    return () => clearInterval(interval)
+  }, [])
+
+  return <ReplayPanel {...props} packets={packets} />
+}
+
+export const Primary: Story = {
+  render: () => (
+    <ReplayPanelWithToggle
+      replayName="Test Replay"
+      clientPacketsAutocomplete={[]}
+      serverPacketsAutocomplete={[]}
+      isPlaying={false}
+      progress={{ current: 0, total: 100 }}
+      speed={1}
+      defaultFilter=""
+      customButtons={{ }}
+      onPlayPause={() => {}}
+      onRestart={() => {}}
+      onSpeedChange={() => {}}
+      onCustomButtonToggle={() => {}}
+      onFilterChange={() => {}}
+      packets={mockPackets}
+    />
+  )
+}
+
+export const Playing: Story = {
+  render: () => (
+    <ReplayPanelWithToggle
+      replayName="Test Replay"
+      clientPacketsAutocomplete={[]}
+      serverPacketsAutocomplete={[]}
+      isPlaying={true}
+      progress={{ current: 50, total: 100 }}
+      speed={1}
+      defaultFilter=""
+      customButtons={{ }}
+      onPlayPause={() => {}}
+      onRestart={() => {}}
+      onSpeedChange={() => {}}
+      onCustomButtonToggle={() => {}}
+      onFilterChange={() => {}}
+      packets={mockPackets}
+    />
+  )
+}
diff --git a/src/react/ReplayPanel.tsx b/src/react/ReplayPanel.tsx
new file mode 100644
index 00000000..ca7b2aec
--- /dev/null
+++ b/src/react/ReplayPanel.tsx
@@ -0,0 +1,243 @@
+import { useState, useEffect } from 'react'
+import { useSnapshot } from 'valtio'
+import { filterPackets } from './packetsFilter'
+import { DARK_COLORS } from './components/replay/constants'
+import FilterInput from './components/replay/FilterInput'
+import PacketList from './components/replay/PacketList'
+import ProgressBar from './components/replay/ProgressBar'
+import { packetsReplayState } from './state/packetsReplayState'
+
+interface Props {
+  replayName: string
+  packets: readonly PacketData[]
+  isPlaying: boolean
+  progress: { current: number; total: number }
+  speed: number
+  defaultFilter?: string
+  customButtons: Readonly<Record<string, { state: boolean; label: string; tooltip?: string }>>
+  onPlayPause?: (isPlaying: boolean) => void
+  onRestart?: () => void
+  onSpeedChange?: (speed: number) => void
+  onFilterChange: (filter: string) => void
+  onCustomButtonToggle: (buttonId: string) => void
+  clientPacketsAutocomplete: string[]
+  serverPacketsAutocomplete: string[]
+  style?: React.CSSProperties
+}
+
+export default function ReplayPanel ({
+  replayName,
+  packets,
+  isPlaying,
+  progress,
+  speed,
+  defaultFilter = '',
+  customButtons,
+  onPlayPause,
+  onRestart,
+  onSpeedChange,
+  onFilterChange,
+  onCustomButtonToggle,
+  clientPacketsAutocomplete,
+  serverPacketsAutocomplete,
+  style
+}: Props) {
+  const [filter, setFilter] = useState(defaultFilter)
+  const { isMinimized, isRecording } = useSnapshot(packetsReplayState)
+  const { filtered: filteredPackets, hiddenCount } = filterPackets(packets.slice(-500), filter)
+
+  useEffect(() => {
+    onFilterChange(filter)
+  }, [filter, onFilterChange])
+
+  const handlePlayPauseClick = () => {
+    if (isMinimized) {
+      packetsReplayState.isMinimized = false
+    } else {
+      onPlayPause?.(!isPlaying)
+    }
+  }
+
+  const playPauseButton = (
+    <button
+      onClick={handlePlayPauseClick}
+      style={{
+        background: 'none',
+        border: 'none',
+        cursor: 'pointer',
+        padding: '4px',
+        color: DARK_COLORS.text
+      }}
+    >
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+        {isRecording ? (
+          <circle cx="12" cy="12" r="8" fill="red" />
+        ) : isPlaying ? (
+          <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
+        ) : (
+          <path d="M8 5v14l11-7z"/>
+        )}
+      </svg>
+    </button>
+  )
+
+  const baseContainerStyle = {
+    position: 'fixed',
+    top: 18,
+    right: 0,
+    zIndex: 1000,
+    background: DARK_COLORS.bg,
+    padding: '16px',
+    borderRadius: '0 0 8px 0',
+    boxShadow: '0 2px 8px rgba(0,0,0,0.3)',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '12px',
+    color: DARK_COLORS.text,
+    ...style
+  } as const
+
+  if (isMinimized) {
+    return (
+      <div style={{
+        ...baseContainerStyle,
+        width: 'auto'
+      }}>
+        {playPauseButton}
+      </div>
+    )
+  }
+
+  return (
+    <div style={{
+      ...baseContainerStyle,
+      width: '400px',
+      maxHeight: '80vh'
+    }}>
+      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+        <div style={{ fontSize: '12px', fontWeight: 'bold' }}>{replayName || 'Unnamed Replay'}</div>
+        <button
+          onClick={() => { packetsReplayState.isMinimized = true }}
+          style={{
+            background: 'none',
+            border: 'none',
+            color: DARK_COLORS.text,
+            cursor: 'pointer',
+            padding: '4px',
+            fontSize: '14px',
+            opacity: 0.7,
+            transition: 'opacity 0.2s'
+          }}
+          onMouseEnter={e => {
+            e.currentTarget.style.opacity = '1'
+          }}
+          onMouseLeave={e => {
+            e.currentTarget.style.opacity = '0.7'
+          }}
+        >
+          ✕
+        </button>
+      </div>
+
+      <div style={{ fontSize: '8px', color: '#888888', marginTop: '-8px' }}>
+        {isRecording ? 'Recording packets...' : 'Integrated server emulation. Testing client...'}
+      </div>
+
+      <FilterInput
+        value={filter}
+        onChange={setFilter}
+        hiddenCount={hiddenCount}
+        shownCount={filteredPackets.length}
+        onClearFilter={() => setFilter('')}
+        clientPacketsAutocomplete={clientPacketsAutocomplete}
+        serverPacketsAutocomplete={serverPacketsAutocomplete}
+      />
+
+      <PacketList
+        packets={filteredPackets}
+        filter={filter}
+        maxHeight={300}
+      />
+
+      <div style={{
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        // grayscale if recording
+        filter: isRecording ? 'grayscale(100%)' : 'none',
+        cursor: isRecording ? 'not-allowed' : 'default'
+      }}>
+        {playPauseButton}
+        <ProgressBar current={progress.current} total={progress.total} />
+      </div>
+
+      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+        <button
+          onClick={onRestart}
+          style={{
+            padding: '4px 8px',
+            borderRadius: '4px',
+            border: `1px solid ${DARK_COLORS.border}`,
+            background: DARK_COLORS.input,
+            color: DARK_COLORS.text,
+            cursor: 'pointer'
+          }}
+        >
+          Restart
+        </button>
+
+        <input
+          type="number"
+          value={speed}
+          onChange={e => onSpeedChange?.(Number(e.target.value))}
+          onContextMenu={e => {
+            e.preventDefault()
+            onSpeedChange?.(1)
+          }}
+          step={0.1}
+          min={0.1}
+          style={{
+            width: '60px',
+            padding: '4px',
+            border: `1px solid ${DARK_COLORS.border}`,
+            borderRadius: '4px',
+            background: DARK_COLORS.input,
+            color: DARK_COLORS.text
+          }}
+        />
+
+        {Object.entries(customButtons).map(([buttonId, { state, label, tooltip }]) => (
+          <button
+            key={buttonId}
+            onClick={() => onCustomButtonToggle(buttonId)}
+            title={tooltip}
+            style={{
+              padding: '4px 8px',
+              borderRadius: '4px',
+              border: `1px solid ${DARK_COLORS.border}`,
+              background: state
+                ? DARK_COLORS.client
+                : DARK_COLORS.input,
+              color: DARK_COLORS.text,
+              cursor: 'pointer',
+              minWidth: '32px'
+            }}
+          >
+            {label}
+          </button>
+        ))}
+      </div>
+    </div>
+  )
+}
+
+export interface PacketData {
+  name: string
+  data: any
+  isFromClient: boolean
+  isUpcoming: boolean
+  actualVersion?: any
+  position: number
+  timestamp: number
+  isCustomChannel?: boolean
+}
diff --git a/src/react/Scoreboard.css b/src/react/Scoreboard.css
index b2bb8521..38ec426f 100644
--- a/src/react/Scoreboard.css
+++ b/src/react/Scoreboard.css
@@ -1,6 +1,6 @@
 .scoreboard-container {
   z-index: -2;
-  pointer-events: none;
+  /* pointer-events: none; */
   white-space: nowrap;
   position: fixed;
   right: 0px;
diff --git a/src/react/Scoreboard.stories.tsx b/src/react/Scoreboard.stories.tsx
index 76d37c17..a8ee74e6 100644
--- a/src/react/Scoreboard.stories.tsx
+++ b/src/react/Scoreboard.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof Scoreboard> = {
 }
 
 export default meta
-type Story = StoryObj<typeof Scoreboard>;
+type Story = StoryObj<typeof Scoreboard>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/Scoreboard.tsx b/src/react/Scoreboard.tsx
index 8970f004..75d569ac 100644
--- a/src/react/Scoreboard.tsx
+++ b/src/react/Scoreboard.tsx
@@ -3,7 +3,7 @@ import MessageFormattedString from './MessageFormattedString'
 import { reactKeyForMessage } from './utils'
 
 
-export type ScoreboardItems = Array<{name: string, value: number, displayName?: any}>
+export type ScoreboardItems = Array<{ name: string, value: number, displayName?: any }>
 
 type ScoreboardProps = {
   title: string,
diff --git a/src/react/ScoreboardProvider.tsx b/src/react/ScoreboardProvider.tsx
index c354513b..cb67b941 100644
--- a/src/react/ScoreboardProvider.tsx
+++ b/src/react/ScoreboardProvider.tsx
@@ -10,6 +10,7 @@ export default function ScoreboardProvider () {
 
   useMemo(() => { // useMemo instead of useEffect to register them asap and not after the initial dom render
     const updateSidebarScoreboard = () => {
+      addStatPerSec('scoreboard')
       if (bot.scoreboard.sidebar) {
         setTitle(bot.scoreboard.sidebar.title)
         setItems([...bot.scoreboard.sidebar.items])
@@ -31,7 +32,7 @@ export default function ScoreboardProvider () {
     })
   }, [])
 
-  return(
+  return (
     <Scoreboard
       title={title}
       items={items}
diff --git a/src/react/Screen.stories.tsx b/src/react/Screen.stories.tsx
index 1268c1f3..7f0df770 100644
--- a/src/react/Screen.stories.tsx
+++ b/src/react/Screen.stories.tsx
@@ -13,7 +13,7 @@ const meta: Meta<typeof Screen> = {
 }
 
 export default meta
-type Story = StoryObj<typeof Screen>;
+type Story = StoryObj<typeof Screen>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/Screen.tsx b/src/react/Screen.tsx
index a6392ee1..66e7b8d8 100644
--- a/src/react/Screen.tsx
+++ b/src/react/Screen.tsx
@@ -3,15 +3,19 @@ interface Props {
   children: React.ReactNode
   backdrop?: boolean | 'dirt'
   style?: React.CSSProperties
+  className?: string
+  titleSelectable?: boolean
+  titleMarginTop?: number
+  contentStyle?: React.CSSProperties
 }
 
-export default ({ title, children, backdrop = true, style }: Props) => {
+export default ({ title, children, backdrop = true, style, className = '', titleSelectable, titleMarginTop, contentStyle }: Props) => {
   return (
     <>
-      {backdrop === 'dirt' ? <div className='dirt-bg'></div> : backdrop ? <div className="backdrop"></div> : null}
-      <div className='fullscreen' style={{ overflow: 'auto', ...style }}>
-        <div className="screen-content">
-          <div className="screen-title">{title}</div>
+      {backdrop === 'dirt' ? <div className='dirt-bg' /> : backdrop ? <div className="backdrop" /> : null}
+      <div className={`fullscreen ${className}`} style={{ ...style }}>
+        <div className="screen-content" style={{ ...contentStyle, ...(titleMarginTop === undefined ? {} : { marginTop: titleMarginTop }) }}>
+          <div className={`screen-title ${titleSelectable ? 'text-select' : ''}`}>{title}</div>
           {children}
         </div>
       </div>
diff --git a/src/react/Select.css b/src/react/Select.css
new file mode 100644
index 00000000..fbd6d173
--- /dev/null
+++ b/src/react/Select.css
@@ -0,0 +1,5 @@
+
+div.Mui-focused #input-container {
+  border: 1px solid white !important;
+}
+
diff --git a/src/react/Select.stories.tsx b/src/react/Select.stories.tsx
new file mode 100644
index 00000000..4461b83d
--- /dev/null
+++ b/src/react/Select.stories.tsx
@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { CSSProperties } from 'react'
+import Select from './Select'
+
+const meta: Meta<typeof Select> = {
+  component: Select,
+}
+
+export default meta
+type Story = StoryObj<typeof Select>
+
+export const Primary: Story = {
+  args: {
+    initialOptions: [{ value: '1', label: 'option 1' }, { value: '2', label: 'option 2' }, { value: '3', label: 'option 3' },],
+    updateOptions (options) {},
+    getCssOnInput (input) {
+      console.log('input:', input)
+      if (input === 'option 3') return { border: '1px solid yellow' } as CSSProperties
+    },
+  },
+}
diff --git a/src/react/Select.tsx b/src/react/Select.tsx
new file mode 100644
index 00000000..8d79fe54
--- /dev/null
+++ b/src/react/Select.tsx
@@ -0,0 +1,108 @@
+import { useState, CSSProperties } from 'react'
+import Creatable from 'react-select/creatable'
+import Input from './Input'
+import './Select.css'
+import styles from './select.module.css'
+
+
+export interface OptionStorage {
+  value: string,
+  label: string
+}
+
+interface Props {
+  initialOptions: OptionStorage[]
+  updateOptions: (options: string) => void
+  getCssOnInput?: (input: string) => CSSProperties | undefined
+  onValueChange?: (newVal: string) => void
+  defaultValue?: { value: string, label: string }
+  placeholder?: string
+  containerStyle?: CSSProperties
+  disabled?: boolean
+}
+
+export default ({
+  initialOptions,
+  updateOptions,
+  getCssOnInput,
+  onValueChange,
+  defaultValue,
+  containerStyle,
+  placeholder,
+  disabled
+}: Props) => {
+  const [inputValue, setInputValue] = useState<string | undefined>(defaultValue?.label ?? '')
+  const [currValue, setCurrValue] = useState<string | undefined>(defaultValue?.label ?? '')
+  const [inputStyle, setInputStyle] = useState<CSSProperties>({})
+  const [isFirstClick, setIsFirstClick] = useState(true)
+
+  return <Creatable
+    options={initialOptions}
+    defaultValue={defaultValue}
+    blurInputOnSelect={true}
+    hideSelectedOptions={false}
+    maxMenuHeight={100}
+    isClearable={true}
+    formatCreateLabel={(value) => {
+      return 'Use "' + value + '"'
+    }}
+    isDisabled={disabled}
+    placeholder={placeholder ?? ''}
+    onChange={(e, action) => {
+      console.log('value:', e?.value)
+      setCurrValue(e?.label)
+      setInputValue(e?.label)
+      onValueChange?.(e?.value ?? '')
+      updateOptions?.(e?.value ?? '')
+      setInputStyle(getCssOnInput?.(e?.value ?? '') ?? {})
+    }}
+    onInputChange={(e) => {
+      setIsFirstClick(false)
+      setInputValue(e)
+    }}
+    inputValue={inputValue}
+    onFocus={(state) => {
+      setInputValue(currValue)
+    }}
+    filterOption={(option, value) => {
+      return isFirstClick || option.label.includes(value)
+    }}
+    onMenuOpen={() => {
+      setIsFirstClick(true)
+    }}
+    menuPortalTarget={document.body}
+    classNames={{
+      control (state) {
+        return styles.container
+      },
+      input (state) {
+        return styles.input
+      },
+      option (state) {
+        return styles.container
+      }
+    }}
+    styles={{
+      menuPortal (base, state) { return { ...base, zIndex: 10, transform: 'scale(var(--guiScale))', transformOrigin: 'top left' } },
+      container (base, state) { return { ...base, position: 'relative', zIndex: 10 } },
+      control (base, state) { return { ...containerStyle, ...inputStyle } },
+      menu (base, state) { return { position: 'absolute', zIndex: 10 } },
+      option (base, state) {
+        return {
+          boxSizing: 'border-box',
+          padding: '3px',
+          backgroundColor: 'black',
+          border: state.isFocused ? '1px solid white' : '1px solid grey',
+          height: 'fit-content',
+          ...containerStyle
+        }
+      },
+      input (base, state) { return {} },
+      indicatorsContainer (base, state) { return { display: 'none' } },
+      placeholder (base, state) { return { ...base, padding: '3px', position: 'absolute' } },
+      singleValue (base, state) { return { ...base, margin: '0px', position: 'absolute', color: 'white' } },
+      valueContainer (base, state) { return { ...base, padding: '3px' } },
+      noOptionsMessage (base, state) { return { display: 'none' } }
+    }}
+  />
+}
diff --git a/src/react/SelectGameVersion.tsx b/src/react/SelectGameVersion.tsx
new file mode 100644
index 00000000..33addbd2
--- /dev/null
+++ b/src/react/SelectGameVersion.tsx
@@ -0,0 +1,48 @@
+import React, { CSSProperties } from 'react'
+import Select from './Select'
+
+type Version = { value: string, label: string }
+
+export default (
+  { versions, selected, onChange, updateOptions, containerStyle }:
+    {
+      versions: Version[],
+      selected?: Version,
+      onChange?: (newValue: string) => void,
+      updateOptions?: (newSel: string) => void,
+    } & Pick<React.ComponentProps<typeof Select>, 'containerStyle' | 'placeholder' | 'disabled'>
+) => {
+  return <Select
+    initialOptions={versions}
+    defaultValue={selected}
+    updateOptions={(newSel) => {
+      updateOptions?.(newSel)
+    }}
+    onValueChange={onChange}
+    containerStyle={containerStyle ?? { width: '190px' }}
+    getCssOnInput={(value) => {
+      if (!versions || !value) return {}
+      const parsedsupportedVersions = versions.map(x => x.value.split('.').map(Number))
+      const parsedValue = value.split('.').map(Number)
+
+      const compareVersions = (v1, v2) => {
+        for (let i = 0; i < Math.max(v1.length, v2.length); i++) {
+          const num1 = v1[i] || 0
+          const num2 = v2[i] || 0
+          if (num1 > num2) return 1
+          if (num1 < num2) return -1
+        }
+        return 0
+      }
+
+      parsedsupportedVersions.sort(compareVersions)
+      const minVersion = parsedsupportedVersions[0]
+      const maxVersion = parsedsupportedVersions.at(-1)
+
+      const isWithinRange = compareVersions(parsedValue, minVersion) >= 0 && compareVersions(parsedValue, maxVersion) <= 0
+      if (!isWithinRange) return { border: '1px solid red' }
+      if (!versions.some(x => x.value === value)) return { border: '1px solid yellow' }
+    }}
+  />
+
+}
diff --git a/src/react/SelectOption.tsx b/src/react/SelectOption.tsx
index e2879e10..c7b7ab38 100644
--- a/src/react/SelectOption.tsx
+++ b/src/react/SelectOption.tsx
@@ -1,39 +1,198 @@
 import { proxy, useSnapshot } from 'valtio'
+import { useEffect, useRef } from 'react'
+import { noCase } from 'change-case'
+import { titleCase } from 'title-case'
 import { hideCurrentModal, showModal } from '../globalState'
+import { parseFormattedMessagePacket } from '../botUtils'
 import Screen from './Screen'
 import { useIsModalActive } from './utilsApp'
 import Button from './Button'
+import MessageFormattedString from './MessageFormattedString'
+import Input, { InputWithLabel } from './Input'
 
 const state = proxy({
   title: '',
-  options: [] as string[]
+  options: [] as string[],
+  showCancel: true,
+  minecraftJsonMessage: null as null | Record<string, any>,
+  behavior: 'resolve-close' as 'resolve-close' | 'close-resolve',
+  inputs: {} as Record<string, InputOption>,
+  inputsConfirmButton: ''
 })
 
 let resolve
-export const showOptionsModal = async <T extends string>(title: string, options: T[]): Promise<T | undefined> => {
+export const showOptionsModal = async <T extends string> (
+  title: string,
+  options: T[],
+  { cancel = true, minecraftJsonMessage }: { cancel?: boolean, minecraftJsonMessage? } = {}
+): Promise<T | undefined> => {
   showModal({ reactType: 'general-select' })
+  let minecraftJsonMessageParsed
+  if (minecraftJsonMessage) {
+    const parseResult = parseFormattedMessagePacket(minecraftJsonMessage)
+    minecraftJsonMessageParsed = parseResult.formatted
+    if (parseResult.plain) {
+      title += ` (${parseResult.plain})`
+    }
+  }
   return new Promise((_resolve) => {
     resolve = _resolve
     Object.assign(state, {
       title,
-      options
+      options,
+      showCancel: cancel,
+      minecraftJsonMessage: minecraftJsonMessageParsed,
+      inputs: {},
+      inputsConfirmButton: ''
+    })
+  })
+}
+
+export type InputOption = {
+  type: 'text' | 'checkbox' | 'button'
+  defaultValue?: string | boolean
+  label?: string
+  placeholder?: string
+  onButtonClick?: () => void
+}
+export const showInputsModal = async <T extends Record<string, InputOption>>(
+  title: string,
+  inputs: T,
+  {
+    cancel = true,
+    minecraftJsonMessage,
+    showConfirm = true
+  }: {
+    cancel?: boolean,
+    minecraftJsonMessage?
+    showConfirm?: boolean
+  } = {}
+): Promise<{
+  [K in keyof T]: T[K] extends { type: 'text' }
+    ? string
+    : T[K] extends { type: 'checkbox' }
+      ? boolean
+      : T[K] extends { type: 'button' }
+        ? string
+        : never
+}> => {
+  showModal({ reactType: 'general-select' })
+  let minecraftJsonMessageParsed
+  if (minecraftJsonMessage) {
+    const parseResult = parseFormattedMessagePacket(minecraftJsonMessage)
+    minecraftJsonMessageParsed = parseResult.formatted
+    if (parseResult.plain) {
+      title += ` (${parseResult.plain})`
+    }
+  }
+  return new Promise((_resolve) => {
+    resolve = _resolve
+    Object.assign(state, {
+      title,
+      inputs,
+      showCancel: cancel,
+      minecraftJsonMessage: minecraftJsonMessageParsed,
+      options: [],
+      inputsConfirmButton: showConfirm ? 'Confirm' : ''
     })
   })
 }
 
 export default () => {
-  const { title, options } = useSnapshot(state)
+  const { title, options, showCancel, minecraftJsonMessage, inputs, inputsConfirmButton } = useSnapshot(state)
   const isModalActive = useIsModalActive('general-select')
+  const inputValues = useRef({})
+
+  useEffect(() => {
+    inputValues.current = Object.fromEntries(Object.entries(inputs).map(([key, input]) => [key, input.defaultValue ?? (input.type === 'checkbox' ? false : '')]))
+  }, [inputs])
+
   if (!isModalActive) return
 
+  const resolveClose = (value: any) => {
+    if (state.behavior === 'resolve-close') {
+      resolve(value)
+      hideCurrentModal()
+    } else {
+      hideCurrentModal()
+      resolve(value)
+    }
+  }
+
   return <Screen title={title} backdrop>
-    {options.map(option => <Button key={option} onClick={() => {
-      hideCurrentModal()
-      resolve(option)
-    }}>{option}</Button>)}
-    <Button style={{ marginTop: 30 }} onClick={() => {
-      hideCurrentModal()
-      resolve(undefined)
-    }}>Cancel</Button>
+    {minecraftJsonMessage && <div style={{ textAlign: 'center', }}>
+      <MessageFormattedString message={minecraftJsonMessage} />
+    </div>}
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 9 }}>
+      {options.length > 0 && <div style={{ display: 'flex', flexDirection: 'column', gap: 5 }}>
+        {options.map(option => <Button
+          key={option} onClick={() => {
+            resolveClose(option)
+          }}
+        >{option}
+        </Button>)}
+      </div>}
+      <div style={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
+        {Object.entries(inputs).map(([key, input]) => {
+          const label = input.label ?? titleCase(noCase(key))
+          return <div key={key}>
+            {input.type === 'text' && (
+              <InputWithLabel
+                label={label}
+                autoFocus
+                type='text'
+                defaultValue={input.defaultValue as string}
+                placeholder={input.placeholder}
+                onChange={(e) => {
+                  inputValues.current[key] = e.target.value
+                }}
+              />
+            )}
+            {input.type === 'checkbox' && (
+              <label style={{ display: 'flex', alignItems: 'center', gap: 4, fontSize: 12 }}>
+                <input
+                  type='checkbox'
+                  style={{ marginBottom: -1, }}
+                  defaultChecked={input.defaultValue as boolean}
+                  onChange={(e) => {
+                    inputValues.current[key] = e.target.checked
+                  }}
+                />
+                {label}
+              </label>
+            )}
+            {input.type === 'button' && (
+              <Button
+                onClick={() => {
+                  resolveClose(inputValues.current)
+                  input.onButtonClick?.()
+                }}
+              >{label}
+              </Button>
+            )}
+          </div>
+        })}
+      </div>
+      {inputs && inputsConfirmButton && (
+        <Button
+          // style={{ marginTop: 30 }}
+          onClick={() => {
+            resolveClose(inputValues.current)
+          }}
+        >
+          {inputsConfirmButton}
+        </Button>
+      )}
+      {showCancel && (
+        <Button
+          // style={{ marginTop: 30 }}
+          onClick={() => {
+            resolveClose(undefined)
+          }}
+        >
+          Cancel
+        </Button>
+      )}
+    </div>
   </Screen>
 }
diff --git a/src/react/ServersList.stories.tsx b/src/react/ServersList.stories.tsx
deleted file mode 100644
index 0ec29fac..00000000
--- a/src/react/ServersList.stories.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import 'iconify-icon'
-
-import { useState } from 'react'
-import AddServerOrConnect from './AddServerOrConnect'
-import ServersList from './ServersList'
-
-const meta: Meta<typeof ServersList> = {
-  component: ServersList,
-  render (args) {
-    const [addOpen, setAddOpen] = useState(false)
-    const [username, setUsername] = useState('')
-
-    return addOpen ?
-      <AddServerOrConnect onBack={() => {
-        setAddOpen(false)
-      }}
-      onConfirm={(info) => {
-        console.log('add server', info)
-      }} /> :
-      <ServersList
-        worldData={[{
-          name: 'test',
-          title: 'Server',
-          formattedTextOverride: 'play yes',
-        }]}
-        joinServer={(ip) => {
-          console.log('joinServer', ip)
-        }}
-        initialProxies={{
-          proxies: ['localhost', 'mc.hypixel.net'],
-          selected: 'localhost',
-        }}
-        updateProxies={newData => {
-          console.log('setProxies', newData)
-        }}
-        onWorldAction={() => {}}
-        onGeneralAction={(action) => {
-          if (action === 'create') {
-            setAddOpen(true)
-          }
-        }}
-        username={username}
-        setUsername={setUsername}
-      />
-  },
-}
-
-export default meta
-type Story = StoryObj<typeof ServersList>;
-
-export const Primary: Story = {
-  args: {
-  },
-}
diff --git a/src/react/ServersList.tsx b/src/react/ServersList.tsx
index 0dab218e..a88f8a59 100644
--- a/src/react/ServersList.tsx
+++ b/src/react/ServersList.tsx
@@ -1,115 +1,151 @@
-import React from 'react'
-import { useAutocomplete } from '@mui/base'
-import { omitObj } from '@zardoy/utils'
+import React, { useMemo } from 'react'
+import { useSnapshot } from 'valtio'
+import { miscUiState } from '../globalState'
+import { appQueryParams } from '../appParams'
 import Singleplayer from './Singleplayer'
 import Input from './Input'
 import Button from './Button'
-import PixelartIcon from './PixelartIcon'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import Select from './Select'
 import { BaseServerInfo } from './AddServerOrConnect'
+import { useIsSmallWidth } from './simpleHooks'
+import { appStorage, SavedProxiesData, ServerHistoryEntry } from './appStorageProvider'
+
+const getInitialProxies = () => {
+  const proxies = [] as string[]
+  if (miscUiState.appConfig?.defaultProxy) {
+    proxies.push(miscUiState.appConfig.defaultProxy)
+  }
+  return proxies
+}
+
+export const getCurrentProxy = (): string | undefined => {
+  return appQueryParams.proxy ?? appStorage.proxiesData?.selected ?? getInitialProxies()[0]
+}
+
+export const getCurrentUsername = () => {
+  return appQueryParams.username ?? appStorage.username
+}
 
 interface Props extends React.ComponentProps<typeof Singleplayer> {
-  joinServer: (info: BaseServerInfo, additional: {
+  joinServer: (info: BaseServerInfo | string, additional: {
     shouldSave?: boolean
     index?: number
   }) => void
-  initialProxies: SavedProxiesLocalStorage
-  updateProxies: (proxies: SavedProxiesLocalStorage) => void
-  username: string
-  setUsername: (username: string) => void
+  onProfileClick?: () => void
+  setQuickConnectIp?: (ip: string) => void
 }
 
-export interface SavedProxiesLocalStorage {
-  proxies: readonly string[]
-  selected: string
-}
-
-type ProxyStatusResult = {
-  time: number
-  ping: number
-  status: 'success' | 'error' | 'unknown'
-}
-
-export default ({ initialProxies, updateProxies: updateProxiesProp, joinServer, username, setUsername, ...props }: Props) => {
-  const [proxies, setProxies] = React.useState(initialProxies)
-
-  const updateProxies = (newData: SavedProxiesLocalStorage) => {
-    setProxies(newData)
-    updateProxiesProp(newData)
-  }
-
-  const autocomplete = useAutocomplete({
-    value: proxies.selected,
-    options: proxies.proxies.filter(proxy => proxy !== proxies.selected),
-    onInputChange (event, value, reason) {
-      // console.log('onChange', { event, value, reason, details })
-      if (value) {
-        updateProxies({
-          ...proxies,
-          selected: value
-        })
-      }
-    },
-    freeSolo: true
-  })
-
+export default ({
+  joinServer,
+  onProfileClick,
+  setQuickConnectIp,
+  ...props
+}: Props) => {
+  const snap = useSnapshot(appStorage)
+  const username = useMemo(() => getCurrentUsername(), [appQueryParams.username, appStorage.username])
   const [serverIp, setServerIp] = React.useState('')
   const [save, setSave] = React.useState(true)
+  const [activeHighlight, setActiveHighlight] = React.useState(undefined as 'quick-connect' | 'server-list' | undefined)
 
-  return <Singleplayer {...props}
-    firstRowChildrenOverride={<form style={{ width: '100%', display: 'flex', justifyContent: 'center' }} onSubmit={(e) => {
-      e.preventDefault()
-      let ip = serverIp
-      let version
-      const parts = ip.split(':')
-      if (parts.length > 1 && parts.at(-1)!.includes('.')) {
-        version = parts.at(-1)!
-        ip = parts.slice(0, -1).join(':')
-      }
-      joinServer({
-        ip,
-        versionOverride: version,
-      }, {
-        shouldSave: save,
-      })
-    }}
+  const updateProxies = (newData: SavedProxiesData) => {
+    appStorage.proxiesData = newData
+  }
+
+  const setUsername = (username: string) => {
+    appStorage.username = username
+  }
+
+  const getActiveHighlightStyles = (type: typeof activeHighlight) => {
+    const styles: React.CSSProperties = {
+      transition: 'filter 0.2s',
+    }
+    if (activeHighlight && activeHighlight !== type) {
+      styles.filter = 'brightness(0.7)'
+    }
+    return styles
+  }
+
+  const isSmallWidth = useIsSmallWidth()
+
+  const initialProxies = getInitialProxies()
+  const proxiesData = snap.proxiesData ?? { proxies: initialProxies, selected: initialProxies[0] }
+  return <Singleplayer
+    {...props}
+    worldData={props.worldData ? props.worldData.map(world => ({
+      ...world
+    })) : null}
+    firstRowChildrenOverride={<form
+      style={{ width: '100%', display: 'flex', justifyContent: 'center' }} onSubmit={(e) => {
+        e.preventDefault()
+        joinServer(serverIp, { shouldSave: save })
+      }}
     >
-      <div style={{ display: 'flex', gap: 5, alignItems: 'center' }}>
-        {/* todo history */}
-        <Input required placeholder='Quick Connect IP (:version)' value={serverIp} onChange={({ target: { value } }) => setServerIp(value)} />
+      <div
+        style={{ display: 'flex', gap: 5, alignItems: 'center', ...getActiveHighlightStyles('quick-connect') }}
+        className='quick-connect-row'
+        onMouseEnter={() => setActiveHighlight('quick-connect')}
+        onMouseLeave={() => setActiveHighlight(undefined)}
+      >
+        <Input
+          required
+          placeholder='Quick Connect IP (:version)'
+          value={serverIp}
+          onChange={({ target: { value } }) => {
+            setQuickConnectIp?.(value)
+            setServerIp(value)
+          }}
+          width={isSmallWidth ? 120 : 180}
+          list="server-history"
+          autoComplete="on"
+          autoCorrect="off"
+          autoCapitalize="off"
+          spellCheck="false"
+        />
+        <datalist id="server-history">
+          {[...(snap.serversHistory ?? [])].sort((a, b) => b.numConnects - a.numConnects).map((server) => (
+            <option key={server.ip} value={`${server.ip}${server.version ? `:${server.version}` : ''}`} />
+          ))}
+        </datalist>
         <label style={{ fontSize: 10, display: 'flex', alignItems: 'center', gap: 5, height: '100%', marginTop: '-1px' }}>
-          <input type='checkbox' checked={save}
+          <input
+            type='checkbox' checked={save}
             style={{ borderRadius: 0 }}
             onChange={({ target: { checked } }) => setSave(checked)}
-          /> Save</label>
-        <Button style={{ width: 90 }} type='submit'>Join Server</Button>
+          /> Save
+        </label>
+        <Button style={{ width: 90 }} type='submit'>Connect</Button>
       </div>
     </form>}
     searchRowChildrenOverride={
       <div style={{
         // marginTop: 12,
-      }}>
+      }}
+      >
         <div style={{ display: 'flex', gap: 3, alignItems: 'center' }}>
-          <span style={{ color: 'lightgray', fontSize: 14 }}>Proxy:</span>
-          <div {...autocomplete.getRootProps()} style={{ position: 'relative', width: 130 }}>
-            <ProxyRender
-              {...omitObj(autocomplete.getInputProps(), 'ref')}
-              inputRef={autocomplete.getInputProps().ref as any}
-              status='unknown'
-              ip=''
-            />
-            {autocomplete.groupedOptions && <ul {...autocomplete.getListboxProps()} style={{
-              position: 'absolute',
-              zIndex: 1,
-              // marginTop: 10,
-            }}>
-              {autocomplete.groupedOptions.map((proxy, index) => {
-                const { itemRef, ...optionProps } = autocomplete.getOptionProps({ option: proxy, index })
-                return <ProxyRender {...optionProps as any} ip={proxy} disabled />
-              })}
-            </ul>}
-          </div>
-          <PixelartIcon iconName='user' styles={{ fontSize: 14, color: 'lightgray', marginLeft: 2 }} />
-          <Input rootStyles={{ width: 80 }} value={username} onChange={({ target: { value } }) => setUsername(value)} />
+          {isSmallWidth
+            ? <PixelartIcon iconName={pixelartIcons.server} styles={{ fontSize: 14, color: 'lightgray', marginLeft: 2 }} onClick={onProfileClick} />
+            : <span style={{ color: 'lightgray', fontSize: 14 }}>Proxy:</span>}
+          <Select
+            initialOptions={proxiesData.proxies.map(p => { return { value: p, label: p } })}
+            defaultValue={{ value: proxiesData.selected, label: proxiesData.selected }}
+            updateOptions={(newSel) => {
+              updateProxies({ proxies: [...proxiesData.proxies], selected: newSel })
+            }}
+            containerStyle={{
+              width: isSmallWidth ? 140 : 180,
+            }}
+          />
+          <PixelartIcon iconName='user' styles={{ fontSize: 14, color: 'lightgray', marginLeft: 2 }} onClick={onProfileClick} />
+          <Input
+            rootStyles={{ width: 80 }}
+            value={username}
+            disabled={appQueryParams.username !== undefined}
+            onChange={({ target: { value } }) => setUsername(value)}
+            autoCorrect="off"
+            autoCapitalize="off"
+            spellCheck="false"
+          />
         </div>
       </div>
     }
@@ -122,54 +158,10 @@ export default ({ initialProxies, updateProxies: updateProxiesProp, joinServer,
       }
       props.onWorldAction?.(action, serverName)
     }}
+    setListHovered={(hovered) => {
+      setActiveHighlight(hovered ? 'server-list' : undefined)
+    }}
+    listStyle={getActiveHighlightStyles('server-list')}
+    secondRowStyles={getActiveHighlightStyles('server-list')}
   />
 }
-
-type Status = 'unknown' | 'error' | 'success'
-
-const ProxyRender = ({ status, ip, inputRef, value, setValue, ...props }: {
-  status: Status
-  ip: string
-} & Record<string, any>) => {
-  const iconPerStatus = {
-    unknown: 'cellular-signal-0',
-    error: 'cellular-signal-off',
-    success: 'cellular-signal-3',
-  }
-
-  return <div style={{
-    position: 'relative',
-  }} {...props}>
-    <Input
-      inputRef={inputRef}
-      style={{
-        paddingLeft: 16,
-      }}
-      rootStyles={{
-        width: 130
-      }}
-      value={value}
-      // onChange={({ target: { value } }) => setValue?.(value)}
-      onChange={props.onChange}
-    />
-    <div style={{
-      position: 'absolute',
-      inset: 0,
-      display: 'flex',
-      alignItems: 'center',
-      gap: 2
-    }}>
-      <PixelartIcon iconName={iconPerStatus.unknown} />
-      <div style={{
-        fontSize: 10,
-        // color: 'lightgray',
-        // ellipsis
-        width: '100%',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-      }}>
-        {ip.replace(/^https?:\/\//, '')}
-      </div>
-    </div>
-  </div>
-}
diff --git a/src/react/ServersListProvider.tsx b/src/react/ServersListProvider.tsx
index 9772c9b4..42ef2aaa 100644
--- a/src/react/ServersListProvider.tsx
+++ b/src/react/ServersListProvider.tsx
@@ -1,182 +1,213 @@
 import { useEffect, useMemo, useState } from 'react'
-import { proxy, useSnapshot } from 'valtio'
-import { qsOptions } from '../optionsStorage'
+import { useUtilsEffect } from '@zardoy/react-util'
+import { useSnapshot } from 'valtio'
+import { supportedVersions } from 'minecraft-protocol'
+import { versionToNumber } from 'mc-assets/dist/utils'
 import { ConnectOptions } from '../connect'
-import { hideCurrentModal, miscUiState, showModal } from '../globalState'
-import ServersList from './ServersList'
+import { activeModalStack, hideCurrentModal, miscUiState, notHideableModalsWithoutForce, showModal } from '../globalState'
+import appSupportedVersions from '../supportedVersions.mjs'
+import { appQueryParams } from '../appParams'
+import { fetchServerStatus, isServerValid } from '../api/mcStatusApi'
+import { getServerInfo } from '../mineflayer/mc-protocol'
+import { parseServerAddress } from '../parseServerAddress'
+import ServersList, { getCurrentProxy, getCurrentUsername } from './ServersList'
 import AddServerOrConnect, { BaseServerInfo } from './AddServerOrConnect'
 import { useDidUpdateEffect } from './utils'
 import { useIsModalActive } from './utilsApp'
+import { showOptionsModal } from './SelectOption'
+import { useCopyKeybinding } from './simpleHooks'
+import { AuthenticatedAccount, setNewServersList } from './serversStorage'
+import { appStorage, StoreServerItem } from './appStorageProvider'
+import Button from './Button'
+import { pixelartIcons } from './PixelartIcon'
+import { showNotification } from './NotificationProvider'
 
-interface StoreServerItem extends BaseServerInfo {
-  lastJoined?: number
-  description?: string
-  optionsOverride?: Record<string, any>
-  autoLogin?: Record<string, string>
-}
+const firstProtocolVersion = versionToNumber(supportedVersions[0])
+const lastProtocolVersion = versionToNumber(supportedVersions.at(-1)!)
+const protocolSupportedVersions = appSupportedVersions.filter(v => versionToNumber(v) >= firstProtocolVersion && versionToNumber(v) <= lastProtocolVersion)
 
-type ServerResponse = {
-  online: boolean
-  version?: {
-    name_raw: string
-  }
-  // display tooltip
-  players?: {
-    online: number
-    max: number
-    list: Array<{
-      name_raw: string
-      name_clean: string
-    }>
-  }
-  icon?: string
-  motd?: {
-    raw: string
-  }
-  // todo circle error icon
-  mods?: Array<{ name, version }>
-  // todo display via hammer icon
-  software?: string
-  plugins?: Array<{ name, version }>
+const EXPLICIT_SHARE_SERVER_MODE = false
+
+if (appQueryParams.lockConnect) {
+  notHideableModalsWithoutForce.add('editServer')
 }
 
 type AdditionalDisplayData = {
+  textNameRightGrayed: string
   formattedText: string
   textNameRight: string
   icon?: string
-}
-
-const getInitialServersList = () => {
-  if (localStorage['serversList']) return JSON.parse(localStorage['serversList']) as StoreServerItem[]
-
-  const servers = [] as StoreServerItem[]
-
-  const legacyServersList = localStorage['serverHistory'] ? JSON.parse(localStorage['serverHistory']) as string[] : null
-  if (legacyServersList) {
-    for (const server of legacyServersList) {
-      if (!server || localStorage['server'] === server) continue
-      servers.push({ ip: server, lastJoined: Date.now() })
-    }
-  }
-
-  if (localStorage['server']) {
-    const legacyLastJoinedServer: StoreServerItem = {
-      ip: localStorage['server'],
-      passwordOverride: localStorage['password'],
-      versionOverride: localStorage['version'],
-      lastJoined: Date.now()
-    }
-    servers.push(legacyLastJoinedServer)
-  }
-
-  if (servers.length === 0) { // server list is empty, let's suggest some
-    for (const server of miscUiState.appConfig?.promoteServers ?? []) {
-      servers.push({
-        ip: server.ip,
-        description: server.description,
-        versionOverride: server.version,
-      })
-    }
-  }
-
-  return servers
-}
-
-const setNewServersList = (serversList: StoreServerItem[]) => {
-  localStorage['serversList'] = JSON.stringify(serversList)
-
-  // cleanup legacy
-  localStorage.removeItem('serverHistory')
-  localStorage.removeItem('server')
-  localStorage.removeItem('password')
-  localStorage.removeItem('version')
-}
-
-const getInitialProxies = () => {
-  const proxies = [] as string[]
-  if (miscUiState.appConfig?.defaultProxy) {
-    proxies.push(miscUiState.appConfig.defaultProxy)
-  }
-  if (localStorage['proxy']) {
-    proxies.push(localStorage['proxy'])
-    localStorage.removeItem('proxy')
-  }
-  return proxies
-}
-
-export const updateLoadedServerData = (callback: (data: StoreServerItem) => StoreServerItem) => {
-  // function assumes component is not mounted to avoid sync issues after save
-  const { loadedServerIndex } = miscUiState
-  if (!loadedServerIndex) return
-  const servers = getInitialServersList()
-  const server = servers[loadedServerIndex]
-  servers[loadedServerIndex] = callback(server)
-  setNewServersList(servers)
+  offline?: boolean
 }
 
 // todo move to base
 const normalizeIp = (ip: string) => ip.replace(/https?:\/\//, '').replace(/\/(:|$)/, '')
 
-const Inner = () => {
-  const [proxies, setProxies] = useState<readonly string[]>(localStorage['proxies'] ? JSON.parse(localStorage['proxies']) : getInitialProxies())
-  const [selectedProxy, setSelectedProxy] = useState(localStorage.getItem('selectedProxy') ?? proxies?.[0] ?? '')
+const FETCH_DELAY = 100 // ms between each request
+const MAX_CONCURRENT_REQUESTS = 10
+
+const Inner = ({ hidden, customServersList }: { hidden?: boolean, customServersList?: string[] }) => {
   const [serverEditScreen, setServerEditScreen] = useState<StoreServerItem | true | null>(null) // true for add
-  const [defaultUsername, setDefaultUsername] = useState(localStorage['username'] ?? (`mcrafter${Math.floor(Math.random() * 1000)}`))
+  const { authenticatedAccounts } = useSnapshot(appStorage)
+  const [quickConnectIp, setQuickConnectIp] = useState('')
+  const [selectedIndex, setSelectedIndex] = useState(0)
+  const [retriggerFocusCounter, setRetriggerFocusCounter] = useState(0)
 
   useEffect(() => {
-    localStorage.setItem('username', defaultUsername)
-  }, [defaultUsername])
-
-  useEffect(() => {
-    // TODO! do not unmount on connecting screen
-    // if (proxies.length) {
-    //   localStorage.setItem('proxies', JSON.stringify(proxies))
-    // }
-    // if (selectedProxy) {
-    //   localStorage.setItem('selectedProxy', selectedProxy)
-    // }
-  }, [proxies])
-
-  const [serversList, setServersList] = useState<StoreServerItem[]>(() => getInitialServersList())
-  const [additionalData, setAdditionalData] = useState<Record<string, AdditionalDisplayData>>({})
-
-  useDidUpdateEffect(() => {
-    // save data only on user changes
-    setNewServersList(serversList)
-  }, [serversList])
-
-  // by lastJoined
-  const serversListSorted = useMemo(() => {
-    return serversList.map((server, index) => ({ ...server, index })).sort((a, b) => (b.lastJoined ?? 0) - (a.lastJoined ?? 0))
-  }, [serversList])
-
-  useEffect(() => {
-    const update = async () => {
-      for (const server of serversListSorted) {
-        const isInLocalNetwork = server.ip.startsWith('192.168.') || server.ip.startsWith('10.') || server.ip.startsWith('172.') || server.ip.startsWith('127.') || server.ip.startsWith('localhost')
-        if (isInLocalNetwork) continue
-        // eslint-disable-next-line no-await-in-loop
-        await fetch(`https://api.mcstatus.io/v2/status/java/${server.ip}`).then(async r => r.json()).then((data: ServerResponse) => {
-          const versionClean = data.version?.name_raw.replace(/^[^\d.]+/, '')
-          if (!versionClean) return
-          setAdditionalData(old => {
-            return ({
-              ...old,
-              [server.ip]: {
-                formattedText: data.motd?.raw ?? '',
-                textNameRight: `${versionClean} ${data.players?.online ?? '??'}/${data.players?.max ?? '??'}`,
-                icon: data.icon,
-              }
-            })
-          })
-        })
-      }
+    if (!hidden) {
+      setRetriggerFocusCounter(x => x + 1)
     }
-    void update()
-  }, [serversListSorted])
+  }, [hidden])
+
+  const _savedServersListWatchOnly = useSnapshot(appStorage).serversList
+
+  const serversListProvided = useMemo(() => {
+    return (
+      customServersList
+        ? customServersList.map((row): StoreServerItem => {
+          const [ip, name] = row.split(' ')
+          const [_ip, _port, version] = ip.split(':')
+          return {
+            ip,
+            versionOverride: version,
+            name,
+          }
+        })
+        : [...(appStorage.serversList?.filter(server => server) ?? [])]
+    )
+  }, [customServersList, _savedServersListWatchOnly])
+
+  const [additionalServerData, setAdditionalServerData] = useState<Record<string, AdditionalDisplayData>>({})
+
+  // Add keyboard handler for moving servers
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (['input', 'textarea', 'select'].includes((e.target as HTMLElement)?.tagName?.toLowerCase())) return
+      if (!e.shiftKey || selectedIndex === undefined) return
+      if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return
+      if (customServersList) return
+      e.preventDefault()
+      e.stopImmediatePropagation()
+
+      const newIndex = e.key === 'ArrowUp'
+        ? Math.max(0, selectedIndex - 1)
+        : Math.min(serversListProvided.length - 1, selectedIndex + 1)
+
+      if (newIndex === selectedIndex) return
+      if (newIndex < 0 || newIndex >= serversListProvided.length) return
+
+      // Move server in the list
+      const newList = [...serversListProvided]
+      const oldItem = newList[selectedIndex]
+      const newItem = newList[newIndex]
+      if (oldItem.isRecommended || newItem.isRecommended) {
+        return
+      }
+
+      newList[selectedIndex] = newItem
+      newList[newIndex] = oldItem
+
+      appStorage.serversList = newList
+      setSelectedIndex(newIndex)
+    }
+
+    document.addEventListener('keydown', handleKeyDown)
+    return () => document.removeEventListener('keydown', handleKeyDown)
+  }, [selectedIndex, serversListProvided])
+
+  const serversListSorted: Array<StoreServerItem & { index: number }> = useMemo(() => [
+    ...serversListProvided,
+    ...(customServersList ? [] : (miscUiState.appConfig?.promoteServers ?? [])).map((server): StoreServerItem => ({
+      ip: server.ip,
+      name: server.name,
+      versionOverride: server.version,
+      description: server.description,
+      isRecommended: true
+    }))
+  ].map((server, index) => ({ ...server, index })), [serversListProvided])
+  // by lastJoined
+  // const serversListSorted = useMemo(() => {
+  //   return serversList.map((server, index) => ({ ...server, index })).sort((a, b) => (b.lastJoined ?? 0) - (a.lastJoined ?? 0))
+  // }, [serversList])
 
   const isEditScreenModal = useIsModalActive('editServer')
 
+  useUtilsEffect(({ signal }) => {
+    if (isEditScreenModal) return
+    const update = async () => {
+      const queue = serversListSorted
+        .map(server => {
+          if (!isServerValid(server.ip) || signal.aborted) return null
+
+          return server
+        })
+        .filter(x => x !== null)
+
+      const activeRequests = new Set<Promise<void>>()
+
+      let lastRequestStart = 0
+      for (const server of queue) {
+        // Wait if at concurrency limit
+        if (activeRequests.size >= MAX_CONCURRENT_REQUESTS) {
+          // eslint-disable-next-line no-await-in-loop
+          await Promise.race(activeRequests)
+        }
+
+        // Create and track new request
+        // eslint-disable-next-line @typescript-eslint/no-loop-func
+        const request = new Promise<void>(resolve => {
+          setTimeout(async () => {
+            try {
+              lastRequestStart = Date.now()
+              if (signal.aborted) return
+              const isWebSocket = server.ip.startsWith('ws://') || server.ip.startsWith('wss://')
+              let data
+              if (isWebSocket) {
+                try {
+                  const pingResult = await getServerInfo(server.ip, undefined, undefined, true)
+                  console.log('pingResult.fullInfo.description', pingResult.fullInfo.description)
+                  data = {
+                    formattedText: pingResult.fullInfo.description,
+                    icon: pingResult.fullInfo.favicon,
+                    textNameRight: `ws ${pingResult.latency}ms`,
+                    textNameRightGrayed: `${pingResult.fullInfo.players?.online ?? '??'}/${pingResult.fullInfo.players?.max ?? '??'}`,
+                    offline: false
+                  }
+                } catch (err) {
+                  data = {
+                    formattedText: 'Failed to connect',
+                    textNameRight: '',
+                    textNameRightGrayed: '',
+                    offline: true
+                  }
+                }
+              } else {
+                data = await fetchServerStatus(server.ip, /* signal */undefined, server.versionOverride) // DONT ADD SIGNAL IT WILL CRUSH JS RUNTIME
+              }
+              if (data) {
+                setAdditionalServerData(old => ({
+                  ...old,
+                  [server.ip]: data
+                }))
+              }
+            } catch (err) {
+              console.warn('Failed to fetch server status', err)
+            } finally {
+              activeRequests.delete(request)
+              resolve()
+            }
+          }, lastRequestStart ? Math.max(0, FETCH_DELAY - (Date.now() - lastRequestStart)) : 0)
+        })
+
+        activeRequests.add(request)
+      }
+
+      await Promise.all(activeRequests)
+    }
+
+    void update()
+  }, [serversListSorted, isEditScreenModal])
+
   useDidUpdateEffect(() => {
     if (serverEditScreen && !isEditScreenModal) {
       showModal({ reactType: 'editServer' })
@@ -192,46 +223,76 @@ const Inner = () => {
     }
   }, [isEditScreenModal])
 
-  if (isEditScreenModal) {
-    return <AddServerOrConnect
-      defaults={{
-        proxyOverride: selectedProxy,
-        usernameOverride: defaultUsername,
-      }}
-      parseQs={!serverEditScreen}
-      onBack={() => {
-        hideCurrentModal()
-      }}
-      onConfirm={(info) => {
-        if (!serverEditScreen) return
-        if (serverEditScreen === true) {
-          const server: StoreServerItem = { ...info, lastJoined: Date.now() } // so it appears first
-          setServersList(old => [...old, server])
-        } else {
-          const index = serversList.indexOf(serverEditScreen)
-          const { lastJoined } = serversList[index]
-          serversList[index] = { ...info, lastJoined }
-          setServersList([...serversList])
-        }
-        setServerEditScreen(null)
-      }}
-      initialData={!serverEditScreen || serverEditScreen === true ? undefined : serverEditScreen}
-      onQsConnect={(info) => {
-        const connectOptions: ConnectOptions = {
-          username: info.usernameOverride || defaultUsername,
-          server: normalizeIp(info.ip),
-          proxy: info.proxyOverride || selectedProxy,
-          botVersion: info.versionOverride,
-          password: info.passwordOverride,
-          ignoreQs: true,
-        }
-        dispatchEvent(new CustomEvent('connect', { detail: connectOptions }))
-      }}
-    />
-  }
+  useCopyKeybinding(() => {
+    const item = serversListProvided[selectedIndex]
+    if (!item) return
+    let str = `${item.ip}`
+    if (item.versionOverride) {
+      str += `:${item.versionOverride}`
+    }
+    return str
+  })
+
+  const editModalJsx = isEditScreenModal ? <AddServerOrConnect
+    placeholders={{
+      proxyOverride: getCurrentProxy(),
+      usernameOverride: getCurrentUsername(),
+    }}
+    parseQs={!serverEditScreen}
+    onBack={() => {
+      hideCurrentModal()
+    }}
+    onConfirm={(info) => {
+      if (!serverEditScreen) return
+      if (serverEditScreen === true) {
+        const server: StoreServerItem = { ...info, lastJoined: Date.now() } // so it appears first
+        appStorage.serversList = [server, ...(appStorage.serversList ?? serversListProvided)]
+      } else {
+        const index = appStorage.serversList?.indexOf(serverEditScreen)
+        if (index !== undefined) {
+          const { lastJoined } = appStorage.serversList![index]
+          appStorage.serversList![index] = { ...info, lastJoined }
+        }
+      }
+      setServerEditScreen(null)
+    }}
+    accounts={authenticatedAccounts.map(a => a.username)}
+    initialData={!serverEditScreen || serverEditScreen === true ? {
+      ip: quickConnectIp
+    } : serverEditScreen}
+    onQsConnect={(info) => {
+      const connectOptions: ConnectOptions = {
+        username: info.usernameOverride || getCurrentUsername() || '',
+        server: normalizeIp(info.ip),
+        proxy: info.proxyOverride || getCurrentProxy(),
+        botVersion: info.versionOverride,
+        ignoreQs: true,
+      }
+      dispatchEvent(new CustomEvent('connect', { detail: connectOptions }))
+    }}
+    versions={protocolSupportedVersions}
+  /> : null
+
+  const serversListJsx = <ServersList
+    joinServer={(overridesOrIp, { shouldSave }) => {
+      let overrides: BaseServerInfo
+      if (typeof overridesOrIp === 'string') {
+        let msAuth = false
+        const parts = overridesOrIp.split(':')
+        if (parts.at(-1) === 'ms') {
+          msAuth = true
+          parts.pop()
+        }
+        const parsed = parseServerAddress(parts.join(':'))
+        overrides = {
+          ip: parsed.serverIpFull,
+          versionOverride: parsed.version,
+          authenticatedAccountOverride: msAuth ? true : undefined, // todo popup selector
+        }
+      } else {
+        overrides = overridesOrIp
+      }
 
-  return <ServersList
-    joinServer={(overrides, { shouldSave }) => {
       const indexOrIp = overrides.ip
       let ip = indexOrIp
       let server: StoreServerItem | undefined
@@ -242,67 +303,82 @@ const Inner = () => {
         overrides = server
       }
 
-      const lastJoinedUsername = serversListSorted.find(s => s.usernameOverride)?.usernameOverride
-      let username = overrides.usernameOverride || defaultUsername
+      const lastJoinedUsername = serversListProvided.find(s => s.usernameOverride)?.usernameOverride
+      let username = overrides.usernameOverride || getCurrentUsername() || ''
       if (!username) {
-        username = prompt('Username', lastJoinedUsername || '')
-        if (!username) return
-        setDefaultUsername(username)
+        const promptUsername = prompt('Enter username', lastJoinedUsername || '')
+        if (!promptUsername) return
+        username = promptUsername
+      }
+      let authenticatedAccount: AuthenticatedAccount | true | undefined
+      if (overrides.authenticatedAccountOverride) {
+        if (overrides.authenticatedAccountOverride === true) {
+          authenticatedAccount = true
+        } else {
+          authenticatedAccount = authenticatedAccounts.find(a => a.username === overrides.authenticatedAccountOverride) ?? true
+        }
       }
       const options = {
         username,
         server: normalizeIp(ip),
-        proxy: overrides.proxyOverride || selectedProxy,
+        proxy: overrides.proxyOverride || getCurrentProxy(),
         botVersion: overrides.versionOverride ?? /* legacy */ overrides['version'],
-        password: overrides.passwordOverride,
         ignoreQs: true,
-        autoLoginPassword: server?.autoLogin?.[username],
+        authenticatedAccount,
+        saveServerToHistory: shouldSave,
         onSuccessfulPlay () {
-          if (shouldSave && !serversList.some(s => s.ip === ip)) {
-            const newServersList: StoreServerItem[] = [...serversList, {
-              ip,
-              lastJoined: Date.now(),
-              versionOverride: overrides.versionOverride,
-            }]
-            // setServersList(newServersList)
-            setNewServersList(newServersList) // component is not mounted
+          if (shouldSave !== false && !serversListProvided.some(s => s.ip === ip)) {
+            const newServersList: StoreServerItem[] = [
+              {
+                ip,
+                lastJoined: Date.now(),
+                versionOverride: overrides.versionOverride,
+                numConnects: 1
+              },
+              ...serversListProvided
+            ]
+            setNewServersList(newServersList)
+            miscUiState.loadedServerIndex = (newServersList.length - 1).toString()
           }
 
           if (shouldSave === undefined) { // loading saved
             // find and update
-            const server = serversList.find(s => s.ip === ip)
+            const server = serversListProvided.find(s => s.ip === ip)
             if (server) {
+              // move to top
+              const newList = [...serversListProvided]
+              const index = newList.indexOf(server)
+              const thisItem = newList[index]
+              newList.splice(index, 1)
+              newList.unshift(thisItem)
+
               server.lastJoined = Date.now()
-              // setServersList([...serversList])
-              setNewServersList(serversList) // component is not mounted
+              server.numConnects = (server.numConnects || 0) + 1
+              setNewServersList(newList)
             }
           }
-
-          // save new selected proxy (if new)
-          if (!proxies.includes(selectedProxy)) {
-            // setProxies([...proxies, selectedProxy])
-            localStorage.setItem('proxies', JSON.stringify([...proxies, selectedProxy]))
-          }
-          if (selectedProxy) {
-            localStorage.setItem('selectedProxy', selectedProxy)
-          }
         },
-        serverIndex: shouldSave ? serversList.length.toString() : indexOrIp // assume last
+        serverIndex: shouldSave ? serversListProvided.length.toString() : indexOrIp // assume last
       } satisfies ConnectOptions
       dispatchEvent(new CustomEvent('connect', { detail: options }))
       // qsOptions
     }}
-    username={defaultUsername}
-    setUsername={setDefaultUsername}
+    lockedEditing={!!customServersList}
+    setQuickConnectIp={setQuickConnectIp}
+    onProfileClick={async () => {
+      const username = await showOptionsModal('Select authenticated account to remove', authenticatedAccounts.map(a => a.username))
+      if (!username) return
+      appStorage.authenticatedAccounts = authenticatedAccounts.filter(a => a.username !== username)
+    }}
     onWorldAction={(action, index) => {
-      const server = serversList[index]
+      const server = serversListProvided[index]
       if (!server) return
 
       if (action === 'edit') {
         setServerEditScreen(server)
       }
       if (action === 'delete') {
-        setServersList(old => old.filter(s => s !== server))
+        appStorage.serversList = appStorage.serversList!.filter(s => s !== server)
       }
     }}
     onGeneralAction={(action) => {
@@ -314,32 +390,92 @@ const Inner = () => {
       }
     }}
     worldData={serversListSorted.map(server => {
-      const additional = additionalData[server.ip]
+      const additional = additionalServerData[server.ip]
+      const handleShare = async () => {
+        try {
+          const qs = new URLSearchParams()
+          qs.set('ip', server.ip)
+          if (server.proxyOverride) qs.set('proxy', server.proxyOverride)
+          if (server.versionOverride) qs.set('version', server.versionOverride)
+          qs.set('username', server.usernameOverride ?? '')
+          const shareUrl = `${window.location.origin}${window.location.pathname}?${qs.toString()}`
+          await navigator.clipboard.writeText(shareUrl)
+          const MESSAGE = 'Server link copied to clipboard'
+          if (EXPLICIT_SHARE_SERVER_MODE) {
+            await showOptionsModal(MESSAGE, [])
+          } else {
+            showNotification(MESSAGE)
+          }
+        } catch (err) {
+          console.error(err)
+          showNotification('Failed to copy server link to clipboard')
+        }
+      }
+
       return {
         name: server.index.toString(),
         title: server.name || server.ip,
         detail: (server.versionOverride ?? '') + ' ' + (server.usernameOverride ?? ''),
-        // lastPlayed: server.lastJoined,
         formattedTextOverride: additional?.formattedText,
         worldNameRight: additional?.textNameRight ?? '',
+        worldNameRightGrayed: additional?.textNameRightGrayed ?? '',
         iconSrc: additional?.icon,
+        offline: additional?.offline,
+        afterTitleUi: (
+          <Button
+            tabIndex={-1}
+            icon="external-link"
+            style={{ marginRight: 8, width: 20, height: 20 }}
+            onClick={(e) => {
+              e.stopPropagation()
+              void handleShare()
+            }}
+          />
+        ),
+        group: customServersList ? 'Provided Servers' : (server.isRecommended ? '⭐️ Recommended Servers' : '💾 Saved Servers')
       }
     })}
-    initialProxies={{
-      proxies,
-      selected: selectedProxy,
-    }}
-    updateProxies={({ proxies, selected }) => {
-      // new proxy is saved in joinServer
-      setProxies(proxies)
-      setSelectedProxy(selected)
+    hidden={hidden}
+    onRowSelect={(serverIndex) => {
+      setSelectedIndex(Number(serverIndex))
     }}
+    selectedRow={selectedIndex}
+    retriggerFocusCounter={retriggerFocusCounter}
   />
+  return <>
+    {serversListJsx}
+    {editModalJsx}
+  </>
 }
 
 export default () => {
+  const serversListQs = appQueryParams.serversList
+  const [customServersList, setCustomServersList] = useState<string[] | undefined>(serversListQs ? [] : undefined)
+
+  useEffect(() => {
+    if (serversListQs) {
+      if (serversListQs.startsWith('http')) {
+        void fetch(serversListQs).then(async r => r.text()).then((text) => {
+          const isJson = serversListQs.endsWith('.json') ? true : serversListQs.endsWith('.txt') ? false : text.startsWith('[')
+          setCustomServersList(isJson ? JSON.parse(text) : text.split('\n').map(x => x.trim()).filter(x => x.trim().length > 0))
+        }).catch((err) => {
+          console.error(err)
+          alert(`Failed to get servers list file: ${err}`)
+        })
+      } else {
+        setCustomServersList(serversListQs.split(','))
+      }
+    }
+  }, [serversListQs])
+
+  const modalStack = useSnapshot(activeModalStack)
+  const hasServersListModal = modalStack.some(x => x.reactType === 'serversList')
   const editServerModalActive = useIsModalActive('editServer')
+  const generalSelectActive = useIsModalActive('general-select')
+  // const isServersListModalActive = useIsModalActive('serversList') || (modalStack.some(x => x.reactType === 'serversList') && generalSelectActive)
   const isServersListModalActive = useIsModalActive('serversList')
+
   const eitherModal = isServersListModalActive || editServerModalActive
-  return eitherModal ? <Inner /> : null
+  const render = eitherModal || hasServersListModal
+  return render ? <Inner hidden={!isServersListModalActive} customServersList={customServersList} /> : null
 }
diff --git a/src/react/SharedHudVars.tsx b/src/react/SharedHudVars.tsx
index 6cc0c54e..7b9f2f2e 100644
--- a/src/react/SharedHudVars.tsx
+++ b/src/react/SharedHudVars.tsx
@@ -1,6 +1,7 @@
-import { CSSProperties, useEffect } from 'react'
-import icons from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/icons.png'
-import widgets from 'minecraft-assets/minecraft-assets/data/1.17.1/gui/widgets.png'
+import { useEffect } from 'react'
+
+// appReplacableResources
+import { appReplacableResources } from '../generated/resources'
 
 export default ({ children }): React.ReactElement => {
   useEffect(() => {
@@ -9,8 +10,11 @@ export default ({ children }): React.ReactElement => {
     // 2. Easier application to globally override icons with custom image (eg from resourcepacks)
     const css = /* css */`
       html {
-        --widgets-gui-atlas: url(${widgets});
-        --gui-icons: url(${icons}), url(${icons});
+        ${Object.values(appReplacableResources).filter(r => r.cssVar).map(r => {
+      const repeat = r.cssVarRepeat ?? 1
+      return `${r.cssVar}: ${repeatArr(`url('${r.content}')`, repeat).join(', ')};`
+    }).join('\n')}
+
         --hud-bottom-max: 0px;
         --hud-bottom-raw: max(env(safe-area-inset-bottom), var(--hud-bottom-max));
         --safe-area-inset-bottom: calc(var(--hud-bottom-raw) / 2);
@@ -24,3 +28,8 @@ export default ({ children }): React.ReactElement => {
 
   return children
 }
+
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
+const repeatArr = <T extends any> (item: T, times: number): T[] => {
+  return Array.from({ length: times }, () => item)
+}
diff --git a/src/react/SignEditor.stories.tsx b/src/react/SignEditor.stories.tsx
index 05d968f9..00f9404a 100644
--- a/src/react/SignEditor.stories.tsx
+++ b/src/react/SignEditor.stories.tsx
@@ -1,23 +1,26 @@
 import type { Meta, StoryObj } from '@storybook/react'
+import { ProseMirrorView } from './prosemirror-markdown'
 
 import SignEditor from './SignEditor'
 
 const meta: Meta<typeof SignEditor> = {
   component: SignEditor,
   render (args) {
-    return <SignEditor {...args} handleClick={(result) => {
-      console.log('handleClick', result)
-    }} />
+    return <SignEditor
+      {...args} handleClick={(result) => {
+        console.log('handleClick', result)
+      }}
+    />
   }
 }
 
 export default meta
-type Story = StoryObj<typeof SignEditor>;
+type Story = StoryObj<typeof SignEditor>
 
 export const Primary: Story = {
   args: {
     handleInput () {},
-    isWysiwyg: false
+    ProseMirrorView
   },
   parameters: {
     noScaling: true
diff --git a/src/react/SignEditor.tsx b/src/react/SignEditor.tsx
index e3af3139..797d13d6 100644
--- a/src/react/SignEditor.tsx
+++ b/src/react/SignEditor.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react'
 import { focusable } from 'tabbable'
 import markdownToFormattedText from '../markdownToFormattedText'
-import { ProseMirrorView } from './prosemirror-markdown'
+import type { ProseMirrorView } from './prosemirror-markdown'
 import Button from './Button'
 import 'prosemirror-view/style/prosemirror.css'
 import 'prosemirror-menu/style/menu.css'
@@ -12,17 +12,17 @@ const imageSource = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAA
 
 type Props = {
   handleInput: (target: HTMLInputElement) => void,
-  isWysiwyg: boolean,
+  ProseMirrorView: typeof ProseMirrorView,
   handleClick?: (view: ResultType) => void
 }
 
 export type ResultType = {
   plainText: string[]
-} | {
-  dataText: string[]
+  dataText?: string[]
 }
 
-export default ({ handleInput, isWysiwyg, handleClick }: Props) => {
+export default ({ handleInput, ProseMirrorView, handleClick }: Props) => {
+  const isWysiwyg = !!ProseMirrorView
   const prosemirrorContainer = useRef(null)
   const editorView = useRef<ProseMirrorView | null>(null)
 
@@ -48,11 +48,12 @@ export default ({ handleInput, isWysiwyg, handleClick }: Props) => {
         const nextElem = elements[focusedElemIndex + dir]
         nextElem?.focus()
       }
-    }}>
+    }}
+  >
     <div className='signs-editor-inner-container'>
       <img className='signs-editor-bg-image' src={imageSource} alt='' />
       {isWysiwyg ? (
-        <p ref={prosemirrorContainer} className='wysiwyg-editor'></p>
+        <p ref={prosemirrorContainer} className='wysiwyg-editor' />
       ) : [1, 2, 3, 4].map((value, index) => {
         return <input
           className='sign-editor'
@@ -61,23 +62,28 @@ export default ({ handleInput, isWysiwyg, handleClick }: Props) => {
           maxLength={15} // overriden by handleInput
           onChange={(e) => {
             handleInput(e.currentTarget)
-          }} />
-      })
-      }
-      <Button onClick={async () => {
-        if (handleClick) {
-          if (isWysiwyg) {
-            const text = markdownToFormattedText(editorView.current!.content)
-            handleClick({ dataText: text })
-          } else {
-            const text = [] as string[]
-            for (const input of document.getElementsByClassName('sign-editor')) {
-              text.push((input as HTMLInputElement).value)
+          }}
+        />
+      })}
+      <Button
+        onClick={async () => {
+          if (handleClick) {
+            if (isWysiwyg) {
+              const formattedText = markdownToFormattedText(editorView.current!.content)
+              const plainText = formattedText
+                .map((t) => (Array.isArray(t) && Array.isArray(t[0]) ? t.map((t) => t[0]) : t))
+                .map((t) => (Array.isArray(t) ? t.map((t) => t.text).join('') : t))
+              handleClick({ dataText: formattedText, plainText })
+            } else {
+              const text = [] as string[]
+              for (const input of document.getElementsByClassName('sign-editor')) {
+                text.push((input as HTMLInputElement).value)
+              }
+              handleClick({ plainText: text })
             }
-            handleClick({ plainText: text })
           }
-        }
-      }} className='sign-editor-button' label={'Done'} />
+        }} className='sign-editor-button' label="Done"
+      />
     </div>
   </div>
 }
diff --git a/src/react/SignEditorProvider.tsx b/src/react/SignEditorProvider.tsx
index 8131ae86..7c8051bc 100644
--- a/src/react/SignEditorProvider.tsx
+++ b/src/react/SignEditorProvider.tsx
@@ -6,10 +6,10 @@ import SignEditor, { ResultType } from './SignEditor'
 
 
 const isWysiwyg = async () => {
-  const items = await bot.tabComplete('/', true, true)
-  const commands = new Set<string>(['data'])
+  const items = await bot.tabComplete('/data ', true, true)
+  const commands = new Set<string>(['merge'])
   for (const item of items) {
-    if (commands.has(item.match as unknown as string)) {
+    if (commands.has((item.match ?? item) as unknown as string)) {
       return true
     }
   }
@@ -17,24 +17,25 @@ const isWysiwyg = async () => {
 }
 
 export default () => {
-  const [location, setLocation] = useState<{x: number, y: number, z: number} | null>(null)
+  const [location, setLocation] = useState<{ x: number, y: number, z: number } | null>(null)
   const [isFrontText, setIsFrontText] = useState(true)
   const text = useRef<string[]>(['', '', '', ''])
   const [enableWysiwyg, setEnableWysiwyg] = useState(false)
   const isModalActive = useIsModalActive('signs-editor-screen')
+  const [proseMirrorView, setProseMirrorView] = useState(null as any)
 
   const handleClick = (result: ResultType) => {
     hideModal({ reactType: 'signs-editor-screen' })
-    if ('plainText' in result) {
-      bot._client.write('update_sign', {
-        location,
-        isFrontText,
-        text1: result.plainText[0],
-        text2: result.plainText[1],
-        text3: result.plainText[2],
-        text4: result.plainText[3]
-      })
-    } else {
+    bot._client.write('update_sign', {
+      location,
+      isFrontText,
+      text1: result.plainText[0],
+      text2: result.plainText[1],
+      text3: result.plainText[2],
+      text4: result.plainText[3]
+    })
+
+    if (result.dataText) {
       if (!location) return
       const command = `/data merge block ${location.x} ${location.y} ${location.z} {Text1:'` + JSON.stringify(result.dataText[0]) + '\',Text2: \'' + JSON.stringify(result.dataText[1]) + '\',Text3:\'' + JSON.stringify(result.dataText[2]) + '\',Text4:\'' + JSON.stringify(result.dataText[3]) + '\'}' // mojangson
       bot.chat(command)
@@ -72,8 +73,14 @@ export default () => {
         setEnableWysiwyg(false)
       }
     })
+
+    if (!process.env.SINGLE_FILE_BUILD) {
+      void import('./prosemirror-markdown').then(({ ProseMirrorView }) => {
+        setProseMirrorView(() => ProseMirrorView)
+      })
+    }
   }, [])
 
   if (!isModalActive) return null
-  return <SignEditor isWysiwyg={enableWysiwyg} handleInput={handleInput} handleClick={handleClick} />
+  return <SignEditor ProseMirrorView={enableWysiwyg ? proseMirrorView : undefined} handleInput={handleInput} handleClick={handleClick} />
 }
diff --git a/src/react/SignInMessage.stories.tsx b/src/react/SignInMessage.stories.tsx
new file mode 100644
index 00000000..a86a47e8
--- /dev/null
+++ b/src/react/SignInMessage.stories.tsx
@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import SignInMessage from './SignInMessage'
+
+const meta: Meta<{ open }> = {
+  component: SignInMessage as any,
+  render ({ open }) {
+    return <SignInMessage />
+  },
+}
+
+export default meta
+type Story = StoryObj<{ open }>
+
+export const Primary: Story = {
+  args: {
+  },
+}
diff --git a/src/react/SignInMessage.tsx b/src/react/SignInMessage.tsx
new file mode 100644
index 00000000..b51edee9
--- /dev/null
+++ b/src/react/SignInMessage.tsx
@@ -0,0 +1,125 @@
+import { useState } from 'react'
+import { useUtilsEffect } from '@zardoy/react-util'
+import { QRCodeSVG } from 'qrcode.react'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import Screen from './Screen'
+import Button from './Button'
+
+export default ({
+  code = 'ABCD-EFGH-IJKL-MNOP',
+  loginLink = 'https://aka.ms/devicelogin',
+  connectingServer = 'mc.example.comsdlfjsklfjsfjdskfjsj',
+  expiresEnd = Date.now() + 1000 * 60 * 5,
+  setSaveToken = (() => { }) as ((state: boolean) => void) | undefined,
+  defaultSaveToken = true,
+  onCancel = () => { },
+  directLink = 'https://aka.ms/devicelogin'
+}) => {
+  if (connectingServer.length > 30) connectingServer = connectingServer.slice(0, 30) + '...'
+  const [timeLeft, setTimeLeft] = useState(``)
+
+  useUtilsEffect(({ interval }) => {
+    interval(1000, () => {
+      const timeLeft = Math.max(0, Math.ceil((expiresEnd - Date.now()) / 1000))
+      const minutes = Math.floor(timeLeft / 60)
+      const seconds = timeLeft % 60
+      setTimeLeft(`${minutes}:${seconds.toString().padStart(2, '0')}`)
+      if (timeLeft <= 0) setTimeLeft('Code expired!')
+    })
+  }, [])
+
+  return <Screen title='Microsoft Account Authentication' titleMarginTop={5}>
+    <div style={{
+      background: 'white',
+      padding: '20px 18px',
+      width: 300,
+      maxHeight: 240,
+      color: 'black',
+      // borderRadius: 8,
+    }}
+    >
+      <div style={{
+        // fontFamily: 'monospace',
+        fontSize: 18,
+        padding: '5px 10px',
+        paddingBottom: 1,
+        backgroundColor: 'lightgray',
+        textAlign: 'center',
+        marginTop: -5,
+        userSelect: 'all',
+      }}
+      >{code}
+      </div>
+      <div style={{
+        display: 'flex',
+        justifyContent: 'center',
+        fontSize: 12,
+      }}
+      >
+        Waiting... <PixelartIcon iconName='clock' /> {timeLeft}
+      </div>
+      <div style={{
+        fontSize: 12,
+        marginTop: 10,
+      }}
+      >
+        To join a Minecraft server {connectingServer} using your Microsoft account, you need to visit{' '}
+        <a
+          href={directLink}
+          style={{
+            color: 'black',
+            textDecoration: 'underline',
+            fontWeight: 600,
+          }}
+          target='_blank'
+        >Direct Link
+        </a>
+        {' '} or {' '}
+        <a
+          href={loginLink}
+          style={{
+            color: 'black',
+            textDecoration: 'underline',
+            fontWeight: 600,
+          }}
+          target='_blank'
+        >{loginLink.replace(/(https?:\/\/)?(www\.)?/, '')}
+        </a>
+        {' '}
+        and enter the code above.
+      </div>
+      <div style={{
+        fontSize: 11,
+        marginTop: 5,
+        color: 'gray',
+        display: 'flex',
+        gap: 2
+      }}
+      >
+        <div>
+          <PixelartIcon iconName={pixelartIcons.alert} styles={{ display: 'inline-block', }} />
+          Join only <b>vanilla servers</b>! This client is detectable and may result in a ban by anti-cheat plugins.
+        </div>
+        <QRCodeSVG size={40} value={directLink} style={{ display: 'block', flexShrink: 0 }} color='gray' />
+      </div>
+      {setSaveToken && <label style={{
+        fontSize: 12,
+        display: 'flex',
+        alignItems: 'center',
+        gap: 5,
+        marginTop: 4,
+      }}
+      >
+        <input type='checkbox' defaultChecked={defaultSaveToken} onChange={e => setSaveToken(e.target.checked)} />{' '}
+        Save account token in this browser
+      </label>}
+    </div>
+    <Button
+      style={{
+        marginTop: -5,
+      }}
+      onClick={onCancel}
+    >Cancel
+    </Button>
+  </Screen>
+}
diff --git a/src/react/SignInMessageProvider.tsx b/src/react/SignInMessageProvider.tsx
new file mode 100644
index 00000000..8998aaf3
--- /dev/null
+++ b/src/react/SignInMessageProvider.tsx
@@ -0,0 +1,34 @@
+import { proxy, ref, useSnapshot } from 'valtio'
+import SignInMessage from './SignInMessage'
+import { lastConnectOptions } from './AppStatusProvider'
+import { useIsModalActive } from './utilsApp'
+
+export const signInMessageState = proxy({
+  code: '',
+  link: '',
+  expiresOn: 0,
+  shouldSaveToken: true,
+  abortController: ref(new AbortController()),
+})
+
+export default () => {
+  const { code, expiresOn, link, shouldSaveToken } = useSnapshot(signInMessageState)
+  const signInTestModal = useIsModalActive('sign-in-test')
+
+  if (!code && !signInTestModal) return null
+
+  return <SignInMessage
+    code={code}
+    expiresEnd={expiresOn}
+    loginLink={link}
+    defaultSaveToken={shouldSaveToken}
+    setSaveToken={(state) => {
+      signInMessageState.shouldSaveToken = state
+    }}
+    connectingServer={lastConnectOptions.value?.server ?? ''}
+    onCancel={() => {
+      signInMessageState.abortController.abort()
+    }}
+    directLink={`http://microsoft.com/link?otc=${code}`}
+  />
+}
diff --git a/src/react/Singleplayer.tsx b/src/react/Singleplayer.tsx
index 76a75e82..26d6427c 100644
--- a/src/react/Singleplayer.tsx
+++ b/src/react/Singleplayer.tsx
@@ -1,8 +1,8 @@
 import classNames from 'classnames'
-import { Fragment, useEffect, useMemo, useRef, useState } from 'react'
+import React, { Fragment, useEffect, useMemo, useRef, useState } from 'react'
 
 // todo optimize size
-import missingWorldPreview from 'minecraft-assets/minecraft-assets/data/1.10/gui/presets/isles.png'
+import missingWorldPreview from 'mc-assets/dist/other-textures/latest/gui/presets/isles.png'
 import { filesize } from 'filesize'
 import useTypedEventListener from 'use-typed-event-listener'
 import { focusable } from 'tabbable'
@@ -11,6 +11,8 @@ import Input from './Input'
 import Button from './Button'
 import Tabs from './Tabs'
 import MessageFormattedString from './MessageFormattedString'
+import { useIsSmallWidth } from './simpleHooks'
+import PixelartIcon from './PixelartIcon'
 
 export interface WorldProps {
   name: string
@@ -22,11 +24,30 @@ export interface WorldProps {
   detail?: string
   formattedTextOverride?: string
   worldNameRight?: string
+  worldNameRightGrayed?: string
+  afterTitleUi?: React.ReactNode
   onFocus?: (name: string) => void
   onInteraction?(interaction: 'enter' | 'space')
+  elemRef?: React.Ref<HTMLDivElement>
+  offline?: boolean
+  group?: string
 }
 
-const World = ({ name, isFocused, title, lastPlayed, size, detail = '', onFocus, onInteraction, iconSrc, formattedTextOverride, worldNameRight }: WorldProps) => {
+const GroupHeader = ({ name, count, expanded, onToggle }: { name: string, count: number, expanded: boolean, onToggle: () => void }) => {
+  return <div
+    className={styles.world_root}
+    style={{ background: 'none', cursor: 'pointer', height: 'auto', fontSize: '8px' }}
+    onClick={onToggle}
+  >
+    <div style={{ display: 'flex', alignItems: 'center', gap: '4px', color: '#bcbcbc' }}>
+      <span>{expanded ? '▼' : '▶'}</span>
+      <span>{name}</span>
+      <span>({count})</span>
+    </div>
+  </div>
+}
+
+const World = ({ name, isFocused, title, lastPlayed, size, detail = '', onFocus, onInteraction, iconSrc, formattedTextOverride, worldNameRight, worldNameRightGrayed, afterTitleUi, elemRef, offline }: WorldProps & { ref?: React.Ref<HTMLDivElement> }) => {
   const timeRelativeFormatted = useMemo(() => {
     if (!lastPlayed) return ''
     const formatter = new Intl.RelativeTimeFormat('en', { numeric: 'auto' })
@@ -45,17 +66,38 @@ const World = ({ name, isFocused, title, lastPlayed, size, detail = '', onFocus,
     return filesize(size)
   }, [size])
 
-  return <div className={classNames(styles.world_root, isFocused ? styles.world_focused : undefined)} tabIndex={0} onFocus={() => onFocus?.(name)} onKeyDown={(e) => {
-    if (e.code === 'Enter' || e.code === 'Space') {
-      e.preventDefault()
-      onInteraction?.(e.code === 'Enter' ? 'enter' : 'space')
-    }
-  }} onDoubleClick={() => onInteraction?.('enter')}>
-    <img className={`${styles.world_image} ${iconSrc ? '' : styles.image_missing}`} src={iconSrc ?? missingWorldPreview} alt='world preview' />
+  return <div
+    ref={elemRef}
+    className={classNames(styles.world_root, isFocused ? styles.world_focused : undefined)}
+    style={{ position: 'relative' }}
+    tabIndex={0}
+    onFocus={() => onFocus?.(name)}
+    onKeyDown={(e) => {
+      if (e.code === 'Enter' || e.code === 'Space') {
+        e.preventDefault()
+        onInteraction?.(e.code === 'Enter' ? 'enter' : 'space')
+      }
+    }}
+    onDoubleClick={() => onInteraction?.('enter')}
+  >
+    <img className={`${styles.world_image} ${iconSrc ? '' : styles.image_missing}`} src={iconSrc ?? missingWorldPreview} alt='' />
     <div className={styles.world_info}>
       <div className={styles.world_title}>
         <div>{title}</div>
-        <div className={styles.world_title_right}>{worldNameRight}</div>
+        <div className={styles.world_title_right}>
+          {worldNameRightGrayed && <span style={{ color: '#878787', fontSize: 8 }}>{worldNameRightGrayed}</span>}
+          {offline ? (
+            <span style={{ color: 'red', display: 'flex', alignItems: 'center', gap: 4 }}>
+              <PixelartIcon iconName="signal-off" width={12} />
+              Offline
+            </span>
+          ) : worldNameRight?.startsWith('ws') ? (
+            <span style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
+              <PixelartIcon iconName="cellular-signal-3" width={12} />
+              {worldNameRight.slice(3)}
+            </span>
+          ) : worldNameRight}
+        </div>
       </div>
       {formattedTextOverride ? <div className={styles.world_info_formatted}>
         <MessageFormattedString message={formattedTextOverride} />
@@ -65,6 +107,9 @@ const World = ({ name, isFocused, title, lastPlayed, size, detail = '', onFocus,
           <div className={styles.world_info_description_line}>{sizeFormatted}</div>
         </>}
     </div>
+    <div style={{ position: 'absolute', left: '100%', top: '50%', transform: 'translateY(-50%)', marginLeft: 4, display: 'flex', alignItems: 'center' }}>
+      {afterTitleUi}
+    </div>
   </div>
 }
 
@@ -83,9 +128,18 @@ interface Props {
   warning?: string
   warningAction?: () => void
   warningActionLabel?: string
+  hidden?: boolean
 
   onWorldAction (action: 'load' | 'export' | 'delete' | 'edit', worldName: string): void
   onGeneralAction (action: 'cancel' | 'create'): void
+  onRowSelect? (name: string, index: number): void
+  defaultSelectedRow?: number
+  selectedRow?: number
+  listStyle?: React.CSSProperties
+  setListHovered?: (hovered: boolean) => void
+  secondRowStyles?: React.CSSProperties
+  lockedEditing?: boolean
+  retriggerFocusCounter?: number
 }
 
 export default ({
@@ -102,16 +156,26 @@ export default ({
   disabledProviders,
   error,
   isReadonly,
-  warning, warningAction, warningActionLabel
+  warning, warningAction, warningActionLabel,
+  hidden,
+  onRowSelect,
+  defaultSelectedRow,
+  selectedRow,
+  listStyle,
+  setListHovered,
+  secondRowStyles,
+  lockedEditing,
+  retriggerFocusCounter
 }: Props) => {
   const containerRef = useRef<any>()
   const firstButton = useRef<HTMLButtonElement>(null)
+  const worldRefs = useRef<Record<string, HTMLDivElement | null>>({})
 
   useTypedEventListener(window, 'keydown', (e) => {
-    if (e.code === 'ArrowDown' || e.code === 'ArrowUp') {
+    if ((e.code === 'ArrowDown' || e.code === 'ArrowUp')) {
       e.preventDefault()
       const dir = e.code === 'ArrowDown' ? 1 : -1
-      const elements = focusable(containerRef.current)
+      const elements = focusable(containerRef.current).filter(e => e.getAttribute('tabindex') !== '-1')
       const focusedElemIndex = elements.indexOf(document.activeElement as HTMLElement)
       if (focusedElemIndex === -1) return
       const nextElem = elements[focusedElemIndex + dir]
@@ -120,13 +184,36 @@ export default ({
   })
 
   const [search, setSearch] = useState('')
-  const [focusedWorld, setFocusedWorld] = useState('')
+  const [focusedWorld, setFocusedWorld] = useState(defaultSelectedRow === undefined ? '' : worldData?.[defaultSelectedRow]?.name ?? '')
+  const [expandedGroups, setExpandedGroups] = useState<Record<string, boolean>>({})
 
   useEffect(() => {
     setFocusedWorld('')
   }, [activeProvider])
 
-  return <div ref={containerRef}>
+  useEffect(() => {
+    if (selectedRow === undefined) return
+    const worldName = worldData?.[selectedRow]?.name
+    setFocusedWorld(worldName ?? '')
+    if (worldName) {
+      worldRefs.current[worldName]?.focus()
+    }
+  }, [selectedRow, worldData?.[selectedRow as any]?.name, retriggerFocusCounter])
+
+  const onRowSelectHandler = (name: string, index: number) => {
+    onRowSelect?.(name, index)
+    setFocusedWorld(name)
+  }
+  const isSmallWidth = useIsSmallWidth()
+
+  const toggleGroup = (groupName: string) => {
+    setExpandedGroups(prev => ({
+      ...prev,
+      [groupName]: prev[groupName] === undefined ? false : !prev[groupName]
+    }))
+  }
+
+  return <div ref={containerRef} hidden={hidden}>
     <div className="dirt-bg" />
     <div className={classNames('fullscreen', styles.root)}>
       <span className={classNames('screen-title', styles.title)}>{serversLayout ? 'Join Java Servers' : 'Select Saved World'}</span>
@@ -134,18 +221,26 @@ export default ({
         <Input autoFocus value={search} onChange={({ target: { value } }) => setSearch(value)} />
       </div>}
       <div className={classNames(styles.content, !worldData && styles.content_loading)}>
-        <Tabs tabs={Object.keys(providers)} disabledTabs={disabledProviders} activeTab={activeProvider ?? ''} labels={providers} onTabChange={(tab) => {
-          setActiveProvider?.(tab as any)
-        }} fullSize />
-        <div style={{
-          marginTop: 3,
-        }}>
+        <Tabs
+          tabs={Object.keys(providers)} disabledTabs={disabledProviders} activeTab={activeProvider ?? ''} labels={providers} onTabChange={(tab) => {
+            setActiveProvider?.(tab as any)
+          }} fullSize
+        />
+        <div
+          style={{
+            marginTop: 3,
+            ...listStyle
+          }}
+          onMouseEnter={() => setListHovered?.(true)}
+          onMouseLeave={() => setListHovered?.(false)}
+        >
           {
             providerActions && <div style={{
               display: 'flex',
               alignItems: 'center',
               // overflow: 'auto',
-            }}>
+            }}
+            >
               <span style={{ fontSize: 9, marginRight: 3 }}>Actions: </span> {Object.entries(providerActions).map(([label, action]) => (
                 typeof action === 'function' ? <Button key={label} onClick={action} style={{ width: 100 }}>{label}</Button> : <Fragment key={label}>{action}</Fragment>
               ))}
@@ -153,16 +248,51 @@ export default ({
           }
           {
             worldData
-              ? worldData.filter(data => data.title.toLowerCase().includes(search.toLowerCase())).map(({ name, size, detail, ...rest }) => (
-                <World {...rest} size={size} name={name} onFocus={setFocusedWorld} isFocused={focusedWorld === name} key={name} onInteraction={(interaction) => {
-                  if (interaction === 'enter') onWorldAction('load', name)
-                  else if (interaction === 'space') firstButton.current?.focus()
-                }} detail={detail} />
-              ))
+              ? (() => {
+                const filtered = worldData.filter(data => data.title.toLowerCase().includes(search.toLowerCase()))
+                const groups = filtered.reduce<Record<string, WorldProps[]>>((acc, world) => {
+                  const group = world.group || ''
+                  if (!acc[group]) acc[group] = []
+                  acc[group].push(world)
+                  return acc
+                }, {})
+
+                return Object.entries(groups).map(([groupName, worlds]) => (
+                  <React.Fragment key={groupName}>
+                    <GroupHeader
+                      name={groupName}
+                      count={worlds.length}
+                      expanded={expandedGroups[groupName] ?? true}
+                      onToggle={() => toggleGroup(groupName)}
+                    />
+                    {(expandedGroups[groupName] ?? true) && worlds.map(({ name, size, detail, ...rest }, index) => {
+                      const key = name
+                      return (
+                        <World
+                          data-key={key}
+                          key={key}
+                          {...rest}
+                          size={size}
+                          name={name}
+                          elemRef={el => { worldRefs.current[name] = el }}
+                          onFocus={row => onRowSelectHandler(row, index)}
+                          isFocused={focusedWorld === name}
+                          onInteraction={(interaction) => {
+                            if (interaction === 'enter') onWorldAction('load', name)
+                            else if (interaction === 'space') firstButton.current?.focus()
+                          }}
+                          detail={detail}
+                        />
+                      )
+                    })}
+                  </React.Fragment>
+                ))
+              })()
               : <div style={{
                 fontSize: 10,
                 color: error ? 'red' : 'lightgray',
-              }}>{error || 'Loading (check #dev console if loading too long)...'}</div>
+              }}>{error || 'Loading (check #dev console if loading too long)...'}
+              </div>
           }
           {
             warning && <div style={{
@@ -170,23 +300,27 @@ export default ({
               color: '#ffa500ba',
               marginTop: 5,
               textAlign: 'center',
-            }}>
+            }}
+            >
               {warning} {warningAction && <a onClick={warningAction}>{warningActionLabel}</a>}
             </div>
           }
         </div>
       </div>
-      <div style={{ display: 'flex', flexDirection: 'column', minWidth: 400, paddingBottom: 3 }}>
+      <div style={{ display: 'flex', flexDirection: 'column', minWidth: 400, paddingBottom: 3, alignItems: 'center', }}>
         {firstRowChildrenOverride || <div>
           <Button rootRef={firstButton} disabled={!focusedWorld} onClick={() => onWorldAction('load', focusedWorld)}>Load World</Button>
           <Button onClick={() => onGeneralAction('create')} disabled={isReadonly}>Create New World</Button>
         </div>}
-        <div>
-          {serversLayout ? <Button style={{ width: 100 }} disabled={!focusedWorld} onClick={() => onWorldAction('edit', focusedWorld)}>Edit</Button> : <Button style={{ width: 100 }} disabled={!focusedWorld} onClick={() => onWorldAction('export', focusedWorld)}>Export</Button>}
-          <Button style={{ width: 100 }} disabled={!focusedWorld} onClick={() => onWorldAction('delete', focusedWorld)}>Delete</Button>
+        <div style={{
+          ...secondRowStyles,
+          ...isSmallWidth ? { display: 'grid', gridTemplateColumns: '1fr 1fr' } : {}
+        }}>
+          {serversLayout ? <Button style={{ width: 100 }} disabled={!focusedWorld || lockedEditing} onClick={() => onWorldAction('edit', focusedWorld)}>Edit</Button> : <Button style={{ width: 100 }} disabled={!focusedWorld} onClick={() => onWorldAction('export', focusedWorld)}>Export</Button>}
+          <Button style={{ width: 100 }} disabled={!focusedWorld || lockedEditing} onClick={() => onWorldAction('delete', focusedWorld)}>Delete</Button>
           {serversLayout ?
-            <Button style={{ width: 100 }} onClick={() => onGeneralAction('create')}>Add</Button> :
-            <Button style={{ width: 100 }} /* disabled={!focusedWorld}  */ onClick={() => onWorldAction('edit', focusedWorld)} disabled>Edit</Button>}
+            <Button style={{ width: 100 }} onClick={() => onGeneralAction('create')} disabled={lockedEditing}>Add</Button> :
+            <Button style={{ width: 100 }} onClick={() => onWorldAction('edit', focusedWorld)} disabled>Edit</Button>}
           <Button style={{ width: 100 }} onClick={() => onGeneralAction('cancel')}>Cancel</Button>
         </div>
       </div>
diff --git a/src/react/SingleplayerProvider.tsx b/src/react/SingleplayerProvider.tsx
index 83d28637..09639b8d 100644
--- a/src/react/SingleplayerProvider.tsx
+++ b/src/react/SingleplayerProvider.tsx
@@ -1,11 +1,12 @@
 import fs from 'fs'
 import { proxy, subscribe, useSnapshot } from 'valtio'
 import { useEffect, useRef, useState } from 'react'
-import { loadScript } from 'prismarine-viewer/viewer/lib/utils'
+import { loadScript } from 'renderer/viewer/lib/utils'
 import { fsState, loadSave, longArrayToNumber, readLevelDat } from '../loadSave'
 import { googleDriveGetFileIdFromPath, mountExportFolder, mountGoogleDriveFolder, removeFileRecursiveAsync } from '../browserfs'
 import { hideCurrentModal, showModal } from '../globalState'
-import { haveDirectoryPicker, setLoadingScreenStatus } from '../utils'
+import { haveDirectoryPicker } from '../utils'
+import { setLoadingScreenStatus } from '../appStatus'
 import { exportWorld } from '../builtinCommands'
 import { googleProviderState, useGoogleLogIn, GoogleDriveProvider, isGoogleDriveAvailable, APP_ID } from '../googledrive'
 import Singleplayer, { WorldProps } from './Singleplayer'
@@ -62,10 +63,12 @@ export const readWorlds = (abortController: AbortController) => {
 
       const newMappedWorlds = (await Promise.allSettled(worlds.map(async (folder) => {
         const { levelDat } = (await readLevelDat(`${worldsPath}/${folder}`))!
+        const levelDatStat = await fs.promises.stat(`${worldsPath}/${folder}/level.dat`)
         let size = 0
         if (providersEnableFeatures[provider].calculateSize) {
           // todo use whole dir size
           for (const region of await fs.promises.readdir(`${worldsPath}/${folder}/region`)) {
+            // eslint-disable-next-line no-await-in-loop -- it's still fast enough, nobody complains about it
             const stat = await fs.promises.stat(`${worldsPath}/${folder}/region/${region}`)
             size += stat.size
           }
@@ -87,7 +90,9 @@ export const readWorlds = (abortController: AbortController) => {
           detail: `${levelDat.Version?.Name ?? 'unknown version'}, ${folder}`,
           iconSrc: iconBase64 ? `data:image/png;base64,${iconBase64}` : undefined,
           size,
-        } satisfies WorldProps
+          lastModified: levelDatStat.mtimeMs,
+          group: 'IndexedDB Memory Worlds'
+        } satisfies WorldProps & { lastModified?: number }
       }))).filter((x, i) => {
         if (x.status === 'rejected') {
           console.warn(x.reason)
@@ -95,7 +100,12 @@ export const readWorlds = (abortController: AbortController) => {
           return false
         }
         return true
-      }).map(x => (x as Extract<typeof x, { value }>).value)
+      }).map(x => (x as Extract<typeof x, { value }>).value).sort((a, b) => {
+        const getScore = (x: typeof a) => {
+          return x.lastModified ?? 0
+        }
+        return getScore(b) - getScore(a)
+      })
       if (abortController.signal.aborted) return
       worldsProxy.value = newMappedWorlds
     } catch (err) {
@@ -274,10 +284,10 @@ const Inner = () => {
   return <Singleplayer
     error={error}
     isReadonly={selectedProvider === 'google' && (googleDriveReadonly || !isGoogleProviderReady || !selectedGoogleId)}
-    providers={{
-      local: 'Local',
-      google: 'Google Drive',
-    }}
+    // providers={{
+    //   local: 'Local',
+    //   google: 'Google Drive',
+    // }}
     disabledProviders={[...isGoogleDriveAvailable() ? [] : ['google']]}
     worldData={worlds}
     providerActions={providerActions}
diff --git a/src/react/Slider.stories.tsx b/src/react/Slider.stories.tsx
index 6b52d7be..55bb9c8b 100644
--- a/src/react/Slider.stories.tsx
+++ b/src/react/Slider.stories.tsx
@@ -14,7 +14,7 @@ const meta: Meta<typeof Slider> = {
 }
 
 export default meta
-type Story = StoryObj<typeof Slider>;
+type Story = StoryObj<typeof Slider>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/Slider.tsx b/src/react/Slider.tsx
index 34cc2717..2a068264 100644
--- a/src/react/Slider.tsx
+++ b/src/react/Slider.tsx
@@ -1,5 +1,5 @@
 // Slider.tsx
-import React, { useState, useEffect } from 'react'
+import React, { useState, useEffect, useRef, useCallback } from 'react'
 import styles from './slider.module.css'
 import SharedHudVars from './SharedHudVars'
 
@@ -12,6 +12,7 @@ interface Props extends React.ComponentProps<'div'> {
   min?: number;
   max?: number;
   disabledReason?: string;
+  throttle?: number | false; // milliseconds, default 100, false to disable
 
   updateValue?: (value: number) => void;
   updateOnDragEnd?: boolean;
@@ -26,15 +27,24 @@ const Slider: React.FC<Props> = ({
   min = 0,
   max = 100,
   disabledReason,
+  throttle = 0,
 
   updateOnDragEnd = false,
   updateValue,
   ...divProps
 }) => {
+  label = translate(label)
+  disabledReason = translate(disabledReason)
+  valueDisplay = typeof valueDisplay === 'string' ? translate(valueDisplay) : valueDisplay
+
   const [value, setValue] = useState(valueProp)
   const getRatio = (v = value) => Math.max(Math.min((v - min) / (max - min), 1), 0)
   const [ratio, setRatio] = useState(getRatio())
 
+  // Throttling refs
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null)
+  const lastValueRef = useRef<number>(valueProp)
+
   useEffect(() => {
     setValue(valueProp)
   }, [valueProp])
@@ -42,14 +52,52 @@ const Slider: React.FC<Props> = ({
     setRatio(getRatio())
   }, [value, min, max])
 
-  const fireValueUpdate = (dragEnd: boolean, v = value) => {
+  const throttledUpdateValue = useCallback((newValue: number, dragEnd: boolean) => {
     if (updateOnDragEnd !== dragEnd) return
-    updateValue?.(v)
+    if (!updateValue) return
+
+    lastValueRef.current = newValue
+
+    if (!throttle) {
+      // No throttling
+      updateValue(newValue)
+      return
+    }
+
+    // Clear existing timeout
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current)
+    }
+
+    // Set new timeout
+    timeoutRef.current = setTimeout(() => {
+      updateValue(lastValueRef.current)
+      timeoutRef.current = null
+    }, throttle)
+  }, [updateValue, updateOnDragEnd, throttle])
+
+  // Cleanup timeout on unmount
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current)
+        // Fire the last value immediately on cleanup
+        if (updateValue && lastValueRef.current !== undefined) {
+          updateValue(lastValueRef.current)
+        }
+      }
+    }
+  }, [updateValue])
+
+  const fireValueUpdate = (dragEnd: boolean, v = value) => {
+    throttledUpdateValue(v, dragEnd)
   }
 
+  const labelText = `${label}: ${valueDisplay ?? value} ${unit}`
+
   return (
     <SharedHudVars>
-      <div className={styles['slider-container']} style={{ width }} {...divProps}>
+      <div className={`${styles['slider-container']} settings-text-container ${labelText.length > 17 ? 'settings-text-container-long' : ''}`} style={{ width }} {...divProps}>
         <input
           type="range"
           className={styles.slider}
@@ -73,10 +121,10 @@ const Slider: React.FC<Props> = ({
             fireValueUpdate(true)
           }}
         />
-        <div className={styles.disabled} title={disabledReason}></div>
-        <div className={styles['slider-thumb']} style={{ left: `calc((100% * ${ratio}) - (8px * ${ratio}))` }}></div>
+        <div className={styles.disabled} title={disabledReason} />
+        <div className={styles['slider-thumb']} style={{ left: `calc((100% * ${ratio}) - (8px * ${ratio}))` }} />
         <label className={styles.label}>
-          {label}: {valueDisplay ?? value} {unit}
+          {labelText}
         </label>
       </div>
     </SharedHudVars>
diff --git a/src/react/SoundMuffler.tsx b/src/react/SoundMuffler.tsx
index ecbae14d..0151b97b 100644
--- a/src/react/SoundMuffler.tsx
+++ b/src/react/SoundMuffler.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import { useSnapshot } from 'valtio'
 import { hideCurrentModal } from '../globalState'
-import { lastPlayedSounds } from '../soundSystem'
+import { lastPlayedSounds } from '../sounds/botSoundSystem'
 import { options } from '../optionsStorage'
 import Button from './Button'
 import Screen from './Screen'
@@ -17,13 +17,15 @@ const SoundRow = ({ sound, children }) => {
       <span style={{ fontSize: 12, marginRight: 2, ...isMuted ? { color: '#af1c1c' } : {} }}>{sound}</span>
       {children}
     </div>
-    <Button icon={isMuted ? 'pixelarticons:music' : 'pixelarticons:close'} onClick={() => {
-      if (isMuted) {
-        options.mutedSounds.splice(options.mutedSounds.indexOf(sound), 1)
-      } else {
-        options.mutedSounds.push(sound)
-      }
-    }}></Button>
+    <Button
+      icon={isMuted ? 'pixelarticons:music' : 'pixelarticons:close'} onClick={() => {
+        if (isMuted) {
+          options.mutedSounds.splice(options.mutedSounds.indexOf(sound), 1)
+        } else {
+          options.mutedSounds.push(sound)
+        }
+      }}
+    />
   </div>
 }
 
diff --git a/src/react/StorageConflictModal.tsx b/src/react/StorageConflictModal.tsx
new file mode 100644
index 00000000..e1d3299d
--- /dev/null
+++ b/src/react/StorageConflictModal.tsx
@@ -0,0 +1,103 @@
+import { useSnapshot } from 'valtio'
+import { activeModalStack, hideCurrentModal } from '../globalState'
+import { resolveStorageConflicts, getStorageConflicts } from './appStorageProvider'
+import { useIsModalActive } from './utilsApp'
+import Screen from './Screen'
+import Button from './Button'
+
+const formatTimestamp = (timestamp?: number) => {
+  if (!timestamp) return 'Unknown time'
+  return new Date(timestamp).toLocaleString()
+}
+
+export default () => {
+  const isModalActive = useIsModalActive('storage-conflict')
+  const conflicts = getStorageConflicts()
+
+  if (!isModalActive/*  || conflicts.length === 0 */) return null
+
+  const clampText = (text: string) => {
+    if (typeof text !== 'string') text = JSON.stringify(text)
+    return text.length > 30 ? text.slice(0, 30) + '...' : text
+  }
+
+  const conflictText = conflicts.map(conflict => {
+    const localTime = formatTimestamp(conflict.localStorageTimestamp)
+    const cookieTime = formatTimestamp(conflict.cookieTimestamp)
+    return `${conflict.key}: LocalStorage (${localTime}, ${clampText(conflict.localStorageValue)}) vs Cookie (${cookieTime}, ${clampText(conflict.cookieValue)})`
+  }).join('\n')
+
+  return (
+    <div
+    >
+      <div style={{
+        background: '#dcb58f',
+        border: '2px solid #654321',
+        padding: '20px',
+        margin: '10px',
+        color: '#FFFFFF',
+        fontFamily: 'minecraft, monospace',
+        textAlign: 'center',
+        zIndex: 1000,
+        position: 'fixed',
+        left: 0,
+        right: 0
+      }}>
+        <div style={{
+          fontSize: '16px',
+          fontWeight: 'bold',
+          color: '#000000',
+          marginBottom: '15px'
+        }}>
+          Data Conflict Found
+        </div>
+
+        <div style={{
+          fontSize: '12px',
+          marginBottom: '20px',
+          whiteSpace: 'pre-line',
+          // backgroundColor: 'rgba(0, 0, 0, 0.5)',
+          color: '#642323',
+          padding: '10px',
+          // border: '1px solid #654321'
+        }}>
+          You have conflicting data between localStorage (old) and cookies (new, domain-synced) for the following settings:
+          {'\n\n'}
+          {conflictText}
+          {'\n\n'}
+          Please choose which version to keep:
+        </div>
+
+        <div style={{ display: 'flex', gap: '10px', justifyContent: 'center', fontSize: '8px', color: 'black' }}>
+          <div
+            onClick={() => {
+              resolveStorageConflicts(true) // Use localStorage
+              hideCurrentModal()
+            }}
+            style={{
+              border: '1px solid #654321',
+              padding: '8px 16px',
+              cursor: 'pointer'
+            }}
+          >
+            Use Local Storage & Disable Cookie Sync
+          </div>
+
+          <div
+            onClick={() => {
+              resolveStorageConflicts(false) // Use cookies
+              hideCurrentModal()
+            }}
+            style={{
+              border: '1px solid #654321',
+              padding: '8px 16px',
+              cursor: 'pointer'
+            }}
+          >
+            Use Cookie Data & Remove Local Data
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/react/Tabs.stories.tsx b/src/react/Tabs.stories.tsx
index 3b3b8565..e2e7dd69 100644
--- a/src/react/Tabs.stories.tsx
+++ b/src/react/Tabs.stories.tsx
@@ -14,7 +14,7 @@ const meta: Meta<typeof Tabs> = {
 }
 
 export default meta
-type Story = StoryObj<typeof Tabs>;
+type Story = StoryObj<typeof Tabs>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/Tabs.tsx b/src/react/Tabs.tsx
index 4e750a8a..86265083 100644
--- a/src/react/Tabs.tsx
+++ b/src/react/Tabs.tsx
@@ -16,24 +16,30 @@ export default ({ tabs, activeTab, labels, onTabChange, fullSize, style, disable
     width: fullSize ? '100%' : undefined,
     display: fullSize ? 'flex' : undefined,
     ...style,
-  }}>
+  }}
+  >
     {tabs.map(tab => {
       const active = tab === activeTab
-      return <div key={tab} style={{
-        position: 'relative',
-        width: fullSize ? '100%' : 150,
-      }}>
-        <Button disabled={active || disabledTabs?.includes(tab)} style={{
-          width: '100%',
-          height: '100%',
-          // background: active ? 'rgb(77, 77, 77)' : 'rgb(114, 114, 114)',
-          color: 'white',
-          cursor: 'pointer',
-          fontSize: 9,
-          padding: '2px 0px',
-        }} onClick={() => {
-          onTabChange(tab)
-        }}>{labels?.[tab] ?? tab}</Button>
+      return <div
+        key={tab} style={{
+          position: 'relative',
+          width: fullSize ? '100%' : 150,
+        }}
+      >
+        <Button
+          disabled={active || disabledTabs?.includes(tab)} style={{
+            width: '100%',
+            height: '100%',
+            // background: active ? 'rgb(77, 77, 77)' : 'rgb(114, 114, 114)',
+            color: 'white',
+            cursor: 'pointer',
+            fontSize: 9,
+            padding: '2px 0px',
+          }} onClick={() => {
+            onTabChange(tab)
+          }}
+        >{labels?.[tab] ?? tab}
+        </Button>
         {active && <div style={{
           position: 'absolute',
           bottom: 0,
@@ -43,7 +49,8 @@ export default ({ tabs, activeTab, labels, onTabChange, fullSize, style, disable
           background: 'white',
           width: '50%',
           margin: 'auto',
-        }} />}
+        }}
+        />}
       </div>
     })}
   </div>
diff --git a/src/react/Title.css b/src/react/Title.css
index 3f078a1d..026361ce 100644
--- a/src/react/Title.css
+++ b/src/react/Title.css
@@ -32,9 +32,9 @@
     padding: 0px;
 }
 
-.action-bar {
+.message-action-bar {
     position: fixed;
-    bottom: 20%;
+    bottom: calc(var(--safe-area-inset-bottom)  + 60px);
     left: 0;
     right: 0;
     font-size: 0.7rem;
diff --git a/src/react/Title.stories.tsx b/src/react/Title.stories.tsx
index 3e7d8fb7..5e30d7a2 100644
--- a/src/react/Title.stories.tsx
+++ b/src/react/Title.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof Title> = {
 }
 
 export default meta
-type Story = StoryObj<typeof Title>;
+type Story = StoryObj<typeof Title>
 
 export const Primary: Story = {
   args: {
@@ -23,9 +23,9 @@ export const Primary: Story = {
       text: 'Action bar text'
     },
     transitionTimes: {
-      fadeIn: 2500,
-      stay: 17_500,
-      fadeOut: 5000
+      fadeIn: 500,
+      stay: 3500,
+      fadeOut: 1000
     }
   }
 }
diff --git a/src/react/Title.tsx b/src/react/Title.tsx
index bec445f1..5d9237be 100644
--- a/src/react/Title.tsx
+++ b/src/react/Title.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react'
-import { Transition } from 'react-transition-group'
+import { motion, AnimatePresence } from 'framer-motion'
 import MessageFormattedString from './MessageFormattedString'
 import './Title.css'
 
@@ -18,33 +18,18 @@ type TitleProps = {
   openActionBar: boolean
 }
 
-const Title = (
-  {
-    title,
-    subtitle,
-    actionBar,
-    transitionTimes,
-    openTitle = false,
-    openActionBar = false
-  }: TitleProps
-) => {
+const Title = ({
+  title,
+  subtitle,
+  actionBar,
+  transitionTimes,
+  openTitle = false,
+  openActionBar = false
+}: TitleProps) => {
   const [mounted, setMounted] = useState(false)
-  const [useEnterTransition, setUseEnterTransition] = useState(true)
 
-  const defaultDuration = 500
-  const startStyle = {
-    opacity: 1,
-    transition: `${transitionTimes.fadeIn}ms ease-in-out all` }
-  const endExitStyle = {
-    opacity: 0,
-    transition: `${transitionTimes.fadeOut}ms ease-in-out all` }
-
-  const stateStyles = {
-    entering: startStyle,
-    entered: { opacity: 1 },
-    exiting: endExitStyle,
-    exited: { opacity: 0 },
-  }
+  const defaultFadeIn = 0.5
+  const defaultFadeOut = 1
 
   useEffect(() => {
     if (!mounted && (openTitle || openActionBar)) {
@@ -54,60 +39,43 @@ const Title = (
 
   return (
     <div className='title-container'>
-      <Transition
-        in={openTitle}
-        timeout={transitionTimes ? {
-          enter: transitionTimes.fadeIn,
-          exit: transitionTimes.fadeOut,
-        } : defaultDuration}
-        mountOnEnter
-        unmountOnExit
-        enter={useEnterTransition}
-        onExiting={() => {
-          setUseEnterTransition(prev => false)
-        }}
-        onExited={() => {
-          setUseEnterTransition(prev => true)
-        }}
-      >
-        {(state) => {
-          return (
-            <div style={{ ...stateStyles[state] }}>
-              <h1 className='message-title'>
-                <MessageFormattedString message={title} />
-              </h1>
-              <h4 className='message-subtitle'>
-                <MessageFormattedString message={subtitle} />
-              </h4>
+      <AnimatePresence>
+        {openTitle && (
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            transition={{
+              duration: transitionTimes?.fadeIn ? transitionTimes.fadeIn / 1000 : defaultFadeIn,
+              exit: { duration: transitionTimes?.fadeOut ? transitionTimes.fadeOut / 1000 : defaultFadeOut }
+            }}
+          >
+            <h1 className='message-title'>
+              <MessageFormattedString message={title} />
+            </h1>
+            <h4 className='message-subtitle'>
+              <MessageFormattedString message={subtitle} />
+            </h4>
+          </motion.div>
+        )}
+      </AnimatePresence>
+      <AnimatePresence>
+        {openActionBar && (
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            transition={{
+              duration: transitionTimes?.fadeIn ? transitionTimes.fadeIn / 1000 : defaultFadeIn,
+              exit: { duration: transitionTimes?.fadeOut ? transitionTimes.fadeOut / 1000 : defaultFadeOut }
+            }}
+          >
+            <div className='message-action-bar'>
+              <MessageFormattedString message={actionBar} />
             </div>
-          )}}
-      </Transition>
-      <Transition
-        in={openActionBar}
-        timeout={transitionTimes ? {
-          enter: transitionTimes.fadeIn,
-          exit: transitionTimes.fadeOut,
-        } : defaultDuration}
-        mountOnEnter
-        unmountOnExit
-        // enter={useEnterTransition}
-        // onExiting={() => {
-        //   setUseEnterTransition(prev => false)
-        // }}
-        // onExited={() => {
-        //   setUseEnterTransition(prev => true)
-        // }}
-      >
-        {(state) => {
-          return (
-            <div style={{ ...stateStyles[state] }}>
-              <div className='action-bar'>
-                <MessageFormattedString message={actionBar} />
-              </div>
-            </div>
-          )
-        }}
-      </Transition>
+          </motion.div>
+        )}
+      </AnimatePresence>
     </div>
   )
 }
diff --git a/src/react/TitleProvider.tsx b/src/react/TitleProvider.tsx
index f19669ec..2023e553 100644
--- a/src/react/TitleProvider.tsx
+++ b/src/react/TitleProvider.tsx
@@ -1,11 +1,13 @@
 import { useEffect, useMemo, useState } from 'react'
+import mojangson from 'mojangson'
+import nbt from 'prismarine-nbt'
 import type { ClientOnMap } from '../generatedServerPackets'
 import Title from './Title'
 import type { AnimationTimes } from './Title'
 
 
 const defaultText: Record<string, any> = { 'text': '' }
-const defaultTimings: AnimationTimes = { fadeIn: 400, stay: 3800, fadeOut: 800 }
+const defaultTimings: AnimationTimes = { fadeIn: 500, stay: 3500, fadeOut: 1000 }
 
 const ticksToMs = (ticks: AnimationTimes) => {
   ticks.fadeIn *= 50
@@ -14,6 +16,20 @@ const ticksToMs = (ticks: AnimationTimes) => {
   return ticks
 }
 
+const getComponent = (input: string | any) => {
+  if (typeof input === 'string') {
+    // raw json is sent
+    return mojangson.simplify(mojangson.parse(input))
+  } else if (input.type === 'string') {
+    // this is used for simple chat components without any special properties
+    return { 'text': input.value }
+  } else if (input.type === 'compound') {
+    // this is used for complex chat components with special properties
+    return nbt.simplify(input)
+  }
+  return input
+}
+
 export default () => {
   const [title, setTitle] = useState<string | Record<string, any>>(defaultText)
   const [subtitle, setSubtitle] = useState<string | Record<string, any>>(defaultText)
@@ -25,14 +41,14 @@ export default () => {
   useMemo(() => {
     // todo move to mineflayer
     bot._client.on('set_title_text', (packet) => {
-      setTitle(JSON.parse(packet.text))
+      setTitle(getComponent(packet.text))
       setOpenTitle(true)
     })
     bot._client.on('set_title_subtitle', (packet) => {
-      setSubtitle(JSON.parse(packet.text))
+      setSubtitle(getComponent(packet.text))
     })
     bot._client.on('action_bar', (packet) => {
-      setActionBar(JSON.parse(packet.text))
+      setActionBar(getComponent(packet.text))
       setOpenActionBar(true)
     })
     bot._client.on('set_title_time', (packet) => {
@@ -51,6 +67,7 @@ export default () => {
 
 
     bot.on('actionBar', (packet) => {
+      setAnimTimes({ fadeIn: 0, stay: 2000, fadeOut: 1000 })
       setActionBar(packet)
       setOpenActionBar(true)
     })
diff --git a/src/react/TouchAreasControls.tsx b/src/react/TouchAreasControls.tsx
index 0476be48..469097bd 100644
--- a/src/react/TouchAreasControls.tsx
+++ b/src/react/TouchAreasControls.tsx
@@ -1,21 +1,16 @@
-import { CSSProperties, PointerEvent, useEffect, useRef } from 'react'
+import { CSSProperties, PointerEvent, useEffect, useRef, useState } from 'react'
 import { proxy, ref, useSnapshot } from 'valtio'
+import activatableItemsMobile from 'mineflayer-mouse/dist/activatableItemsMobile'
 import { contro } from '../controls'
-import worldInteractions from '../worldInteractions'
+import { options } from '../optionsStorage'
 import PixelartIcon from './PixelartIcon'
 import Button from './Button'
+import Slider from './Slider'
 
 export type ButtonName = 'action' | 'sneak' | 'break' | 'jump'
 
 type ButtonsPositions = Record<ButtonName, [number, number]>
 
-interface Props {
-  touchActive: boolean
-  setupActive: boolean
-  buttonsPositions: ButtonsPositions
-  closeButtonsSetup: (newPositions?: ButtonsPositions) => void
-}
-
 const getCurrentAppScaling = () => {
   // body has css property --guiScale
   const guiScale = getComputedStyle(document.body).getPropertyValue('--guiScale')
@@ -51,15 +46,24 @@ export const handleMovementStickDelta = (e?: { clientX, clientY }) => {
   })
 }
 
-export default ({ touchActive, setupActive, buttonsPositions, closeButtonsSetup }: Props) => {
+type Props = {
+  setupActive: boolean
+  closeButtonsSetup: (newPositions?: ButtonsPositions) => void
+  foregroundGameActive: boolean
+}
+
+const Z_INDEX_INTERACTIBLE = 8
+
+export default ({ setupActive, closeButtonsSetup, foregroundGameActive }: Props) => {
   const bot = window.bot as typeof __type_bot | undefined
-  if (setupActive) touchActive = true
+  const { touchControlsPositions, touchMovementType, touchInteractionType, touchControlsSize } = useSnapshot(options)
+  const buttonsPositions = touchControlsPositions as ButtonsPositions
+  const [selectedButton, setSelectedButton] = useState<ButtonName | 'joystick' | null>(null)
 
   const joystickOuter = useRef<HTMLDivElement>(null)
   const joystickInner = useRef<HTMLDivElement>(null)
 
   const { pointer } = useSnapshot(joystickPointer)
-  // const { isFlying, isSneaking } = useSnapshot(gameAdditionalState)
   const newButtonPositions = { ...buttonsPositions }
 
   const buttonProps = (name: ButtonName) => {
@@ -69,10 +73,13 @@ export default ({ touchActive, setupActive, buttonsPositions, closeButtonsSetup
       break: false,
       jump: bot?.getControlState('jump'),
     }[name]
+    const RIGHT_MOUSE_BUTTON = 2
+    const LEFT_MOUSE_BUTTON = 0
     const holdDown = {
       action () {
-        document.dispatchEvent(new MouseEvent('mousedown', { button: 2 }))
-        worldInteractions.update()
+        if (!bot) return
+        document.dispatchEvent(new MouseEvent('mousedown', { button: RIGHT_MOUSE_BUTTON }))
+        bot.mouse.update()
       },
       sneak () {
         void contro.emit('trigger', {
@@ -82,8 +89,9 @@ export default ({ touchActive, setupActive, buttonsPositions, closeButtonsSetup
         active = bot?.getControlState('sneak')
       },
       break () {
-        document.dispatchEvent(new MouseEvent('mousedown', { button: 0 }))
-        worldInteractions.update()
+        if (!bot) return
+        document.dispatchEvent(new MouseEvent('mousedown', { button: LEFT_MOUSE_BUTTON }))
+        bot.mouse.update()
         active = true
       },
       jump () {
@@ -96,7 +104,7 @@ export default ({ touchActive, setupActive, buttonsPositions, closeButtonsSetup
     }
     const holdUp = {
       action () {
-        document.dispatchEvent(new MouseEvent('mouseup', { button: 2 }))
+        document.dispatchEvent(new MouseEvent('mouseup', { button: RIGHT_MOUSE_BUTTON }))
       },
       sneak () {
         void contro.emit('release', {
@@ -106,8 +114,9 @@ export default ({ touchActive, setupActive, buttonsPositions, closeButtonsSetup
         active = bot?.getControlState('sneak')
       },
       break () {
-        document.dispatchEvent(new MouseEvent('mouseup', { button: 0 }))
-        worldInteractions.update()
+        if (!bot) return
+        document.dispatchEvent(new MouseEvent('mouseup', { button: LEFT_MOUSE_BUTTON }))
+        bot.mouse.update()
         active = false
       },
       jump () {
@@ -139,18 +148,23 @@ export default ({ touchActive, setupActive, buttonsPositions, closeButtonsSetup
         left: `${buttonsPositions[name][0]}%`,
         top: `${buttonsPositions[name][1]}%`,
         borderRadius: '50%',
-        width: '32px',
-        height: '32px',
+        width: `${touchControlsSize[name]}px`,
+        height: `${touchControlsSize[name]}px`,
         background: active ? 'rgba(0, 0, 0, 0.8)' : 'rgba(0, 0, 0, 0.5)',
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
         transition: 'background 0.1s',
+        zIndex: Z_INDEX_INTERACTIBLE,
+        ...(setupActive && selectedButton === name ? {
+          border: '2px solid white',
+        } : {}),
       } satisfies CSSProperties,
       onPointerDown (e: PType) {
         const elem = e.currentTarget as HTMLElement
         elem.setPointerCapture(e.pointerId)
         if (setupActive) {
+          setSelectedButton(name)
           setupPointer = { x: e.clientX, y: e.clientY }
         } else {
           holdDown[name]()
@@ -162,8 +176,8 @@ export default ({ touchActive, setupActive, buttonsPositions, closeButtonsSetup
           const elem = e.currentTarget as HTMLElement
           const size = 32
           const scale = getCurrentAppScaling()
-          const xPerc = (e.clientX - size / 4 / scale) / window.innerWidth * 100
-          const yPerc = (e.clientY - size / 4 / scale) / window.innerHeight * 100
+          const xPerc = (e.clientX - (size * scale) / 2) / window.innerWidth * 100
+          const yPerc = (e.clientY - (size * scale) / 2) / window.innerHeight * 100
           elem.style.left = `${xPerc}%`
           elem.style.top = `${yPerc}%`
           newButtonPositions[name] = [xPerc, yPerc]
@@ -178,67 +192,117 @@ export default ({ touchActive, setupActive, buttonsPositions, closeButtonsSetup
   useEffect(() => {
     joystickPointer.joystickInner = joystickInner.current && ref(joystickInner.current)
     // todo antipattern
-  }, [touchActive])
+  }, [foregroundGameActive])
 
-  if (!touchActive) return null
+  if (!foregroundGameActive && !setupActive) return null
 
   return <div>
-    <div
-      className='movement_joystick_outer'
-      ref={joystickOuter}
-      style={{
-        display: pointer ? 'flex' : 'none',
-        borderRadius: '50%',
-        width: 50,
-        height: 50,
-        border: '2px solid rgba(0, 0, 0, 0.5)',
-        backgroundColor: 'rgba(255, 255, div, 0.5)',
+    {setupActive && (
+      <div style={{
         position: 'fixed',
-        justifyContent: 'center',
-        alignItems: 'center',
-        translate: '-50% -50%',
-        ...pointer ? {
-          left: `${pointer.x / window.innerWidth * 100}%`,
-          top: `${pointer.y / window.innerHeight * 100}%`
-        } : {}
+        top: '0',
+        left: '50%',
+        transform: 'translateX(-50%)',
+        zIndex: Z_INDEX_INTERACTIBLE + 1,
       }}>
+        <Slider
+          label={selectedButton ? `Size: ${selectedButton}` : 'Change button size'}
+          value={selectedButton ? touchControlsSize[selectedButton] : 32}
+          min={15}
+          max={100}
+          disabledReason={selectedButton ? undefined : 'Select a button first'}
+          updateValue={(value) => {
+            if (selectedButton) {
+              options.touchControlsSize[selectedButton] = value
+            }
+          }}
+        />
+      </div>
+    )}
+    {touchMovementType === 'modern' && (
       <div
-        className='movement_joystick_inner'
+        className='movement_joystick_outer'
+        ref={joystickOuter}
         style={{
+          display: pointer || setupActive ? 'flex' : 'none',
           borderRadius: '50%',
-          width: 20,
-          height: 20,
-          backgroundColor: 'rgba(0, 0, 0, 0.5)',
-          position: 'absolute',
+          width: touchControlsSize.joystick,
+          height: touchControlsSize.joystick,
+          border: '2px solid rgba(0, 0, 0, 0.5)',
+          backgroundColor: 'rgba(255, 255, 255, 0.5)',
+          position: 'fixed',
+          justifyContent: 'center',
+          alignItems: 'center',
+          translate: '-50% -50%',
+          ...(setupActive ? {
+            left: '20%',
+            top: '50%',
+            cursor: 'pointer',
+            ...(selectedButton === 'joystick' ? {
+              border: '2px solid white',
+            } : {}),
+          } : pointer ? {
+            left: `${pointer.x / window.innerWidth * 100}%`,
+            top: `${pointer.y / window.innerHeight * 100}%`
+          } : {}),
         }}
-        ref={joystickInner}
-      />
-    </div>
-    <div {...buttonProps('action')}>
-      <PixelartIcon iconName='circle' />
-    </div>
-    <div {...buttonProps('sneak')}>
-      <PixelartIcon iconName='arrow-down' />
-    </div>
-    <div {...buttonProps('jump')}>
-      <PixelartIcon iconName='arrow-up' />
-    </div>
-    <div {...buttonProps('break')}>
-      <MineIcon />
-    </div>
+        onClick={() => {
+          if (setupActive) {
+            setSelectedButton('joystick')
+          }
+        }}
+      >
+        <div
+          className='movement_joystick_inner'
+          style={{
+            borderRadius: '50%',
+            width: touchControlsSize.joystick * 0.35,
+            height: touchControlsSize.joystick * 0.35,
+            backgroundColor: 'rgba(0, 0, 0, 0.5)',
+            position: 'absolute',
+          }}
+          ref={joystickInner}
+        />
+      </div>
+    )}
+    {touchMovementType === 'modern' && (
+      <>
+        <div {...buttonProps('sneak')}>
+          <PixelartIcon iconName='arrow-down' />
+        </div>
+        <div {...buttonProps('jump')}>
+          <PixelartIcon iconName='arrow-up' />
+        </div>
+      </>
+    )}
+    {touchInteractionType === 'buttons' && (
+      <>
+        <div {...buttonProps('action')}>
+          <PixelartIcon iconName='circle' />
+        </div>
+        <div {...buttonProps('break')}>
+          <MineIcon />
+        </div>
+      </>
+    )}
     {setupActive && <div style={{
       position: 'fixed',
       bottom: 0,
       display: 'flex',
       justifyContent: 'center',
       gap: 3
-    }}>
+    }}
+    >
       <Button onClick={() => {
         closeButtonsSetup()
-      }}>Cancel</Button>
+      }}
+      >Cancel
+      </Button>
       <Button onClick={() => {
         closeButtonsSetup(newButtonPositions)
-      }}>Apply</Button>
+      }}
+      >Apply
+      </Button>
     </div>}
   </div>
 }
diff --git a/src/react/TouchAreasControlsProvider.tsx b/src/react/TouchAreasControlsProvider.tsx
index 70c8bdf2..f5440bb1 100644
--- a/src/react/TouchAreasControlsProvider.tsx
+++ b/src/react/TouchAreasControlsProvider.tsx
@@ -8,12 +8,10 @@ export default () => {
   const usingTouch = useUsingTouch()
   const hasModals = useSnapshot(activeModalStack).length !== 0
   const setupActive = useIsModalActive('touch-buttons-setup')
-  const { touchControlsPositions, touchControlsType } = useSnapshot(options)
 
   return <TouchAreasControls
-    touchActive={!!bot && !!usingTouch && !hasModals && touchControlsType === 'joystick-buttons'}
+    foregroundGameActive={!!bot && !!usingTouch && !hasModals}
     setupActive={setupActive}
-    buttonsPositions={touchControlsPositions as any}
     closeButtonsSetup={(newPositions) => {
       if (newPositions) {
         options.touchControlsPositions = newPositions
@@ -21,5 +19,4 @@ export default () => {
       hideModal()
     }}
   />
-
 }
diff --git a/src/react/TouchControls.tsx b/src/react/TouchControls.tsx
index b49d57c4..0bf35730 100644
--- a/src/react/TouchControls.tsx
+++ b/src/react/TouchControls.tsx
@@ -49,16 +49,16 @@ export default () => {
   const usingTouch = useUsingTouch()
   const { usingGamepadInput } = useSnapshot(miscUiState)
   const modals = useSnapshot(activeModalStack)
-  const { touchControlsType } = useSnapshot(options)
+  const { touchMovementType } = useSnapshot(options)
 
-  if (!usingTouch || usingGamepadInput || touchControlsType !== 'classic') return null
+  if (!usingTouch || usingGamepadInput || touchMovementType !== 'classic') return null
   return (
     <div
       style={{ zIndex: modals.length ? 7 : 8 }}
       className={css`
         position: fixed;
-        inset: 0;
-        height: 100%;
+        bottom: 0;
+        /* height: 100%; */
         display: flex;
         width: 100%;
         justify-content: space-between;
diff --git a/src/react/TouchInteractionHint.module.css b/src/react/TouchInteractionHint.module.css
new file mode 100644
index 00000000..da11a65c
--- /dev/null
+++ b/src/react/TouchInteractionHint.module.css
@@ -0,0 +1,24 @@
+.hint_container {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: calc(var(--safe-area-inset-bottom) + 55px); 
+  margin: 0 auto;
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  pointer-events: auto;
+  z-index: 1000;
+  text-shadow: 1px 1px 8px rgba(0, 0, 0, 1);
+}
+
+.hint_container > button {
+  width: auto;
+  padding: 0 10px;
+}
+
+.hint_text {
+  color: white;
+  font-size: 10px;
+}
diff --git a/src/react/TouchInteractionHint.module.css.d.ts b/src/react/TouchInteractionHint.module.css.d.ts
new file mode 100644
index 00000000..45bdf30b
--- /dev/null
+++ b/src/react/TouchInteractionHint.module.css.d.ts
@@ -0,0 +1,10 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  hintContainer: string;
+  hintText: string;
+  hint_container: string;
+  hint_text: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/TouchInteractionHint.tsx b/src/react/TouchInteractionHint.tsx
new file mode 100644
index 00000000..b3cbe268
--- /dev/null
+++ b/src/react/TouchInteractionHint.tsx
@@ -0,0 +1,77 @@
+import { useEffect, useState } from 'react'
+import { useSnapshot } from 'valtio'
+import { options } from '../optionsStorage'
+import { activeModalStack } from '../globalState'
+import { videoCursorInteraction } from '../customChannels'
+// import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+import styles from './TouchInteractionHint.module.css'
+import { useUsingTouch } from './utilsApp'
+import Button from './Button'
+
+export default () => {
+  const usingTouch = useUsingTouch()
+  const modalStack = useSnapshot(activeModalStack)
+  const { touchInteractionType } = useSnapshot(options)
+  const [hintText, setHintText] = useState<string | null>(null)
+  const [entityName, setEntityName] = useState<string | null>(null)
+
+  useEffect(() => {
+    const update = () => {
+      const videoInteraction = videoCursorInteraction()
+      if (videoInteraction) {
+        setHintText(`Interact with video`)
+        setEntityName(null)
+      } else {
+        const cursorState = bot.mouse.getCursorState()
+        if (cursorState.entity) {
+          const name = cursorState.entity.displayName ?? cursorState.entity.name ?? 'Entity'
+          setHintText(`Attack ${name}`)
+          setEntityName(name)
+        } else {
+          setHintText(null)
+          setEntityName(null)
+        }
+      }
+    }
+
+    // Initial update
+    update()
+
+    // Subscribe to physics ticks
+    bot.on('physicsTick', update)
+
+    return () => {
+      bot?.removeListener('physicsTick', update)
+    }
+  }, [])
+
+  const handleUseButtonClick = (e: React.MouseEvent) => {
+    e.preventDefault()
+    e.stopPropagation()
+
+    document.dispatchEvent(new MouseEvent('mousedown', { button: 2 }))
+    bot.mouse.update()
+    document.dispatchEvent(new MouseEvent('mouseup', { button: 2 }))
+  }
+
+  if (!usingTouch || touchInteractionType !== 'classic' || modalStack.length > 0) return null
+  if (!hintText && !entityName) return null
+
+  // need to hide "Use" button if there isn't an entity name, but there is a hint text
+  if (!entityName) return null
+
+  return (
+    <div
+      className={`${styles.hint_container} interaction-hint`}
+    >
+      {/* temporary hide hint indicator and text */}
+      {/* <PixelartIcon iconName={pixelartIcons['sun-alt']} width={14} />
+      <span className={styles.hint_text}>{hintText || 'Attack entity'}</span> */}
+      <Button
+        onClick={handleUseButtonClick}
+      >
+        {`Use ${entityName}`}
+      </Button>
+    </div>
+  )
+}
diff --git a/src/react/UIProvider.tsx b/src/react/UIProvider.tsx
new file mode 100644
index 00000000..31d038a0
--- /dev/null
+++ b/src/react/UIProvider.tsx
@@ -0,0 +1,30 @@
+import { createContext, useContext, useEffect, useState } from 'react'
+import { useMedia } from 'react-use'
+
+export const ScaleContext = createContext<number>(1)
+
+export const useScale = () => useContext(ScaleContext)
+
+export const UIProvider = ({ children, scale = 1 }) => {
+  return (
+    <ScaleContext.Provider value={scale}>
+      {children}
+    </ScaleContext.Provider>
+  )
+}
+
+
+export const usePassesScaledDimensions = (minWidth: number | null = null, minHeight: number | null = null) => {
+  const scale = useScale()
+  const conditions: string[] = []
+
+  if (minWidth !== null) {
+    conditions.push(`(min-width: ${minWidth * scale}px)`)
+  }
+  if (minHeight !== null) {
+    conditions.push(`(min-height: ${minHeight * scale}px)`)
+  }
+
+  const media = conditions.join(' and ') || 'all'
+  return useMedia(media)
+}
diff --git a/src/react/VoiceMicrophone.tsx b/src/react/VoiceMicrophone.tsx
new file mode 100644
index 00000000..af2c3fc2
--- /dev/null
+++ b/src/react/VoiceMicrophone.tsx
@@ -0,0 +1,77 @@
+import { proxy, useSnapshot } from 'valtio'
+import PixelartIcon, { pixelartIcons } from './PixelartIcon'
+
+export const voiceChatStatus = proxy({
+  active: false,
+  muted: false,
+  hasInputVoice: false,
+  isErrored: false,
+  isConnected: false,
+  isAlone: false,
+
+  isSharingScreen: false,
+})
+
+window.voiceChatStatus = voiceChatStatus
+
+const Icon = () => {
+  return <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M9 14H8v-2h3v-1H8V9h3V8H8V6h3V5H8V3h1V2h1V1h4v1h1v1h1v2h-3v1h3v2h-3v1h3v2h-3v1h3v2h-1v1h-1v1h-4v-1H9z" />
+    <path fill="currentColor" d="M19 12v3h-1v2h-1v1h-2v1h-2v2h3v2H8v-2h3v-2H9v-1H7v-1H6v-2H5v-3h1v2h1v2h1v1h2v1h4v-1h2v-1h1v-2h1v-2z" />
+  </svg>
+}
+
+export default () => {
+  const SIZE = 48
+  const { active, muted, hasInputVoice, isSharingScreen, isConnected, isErrored, isAlone } = useSnapshot(voiceChatStatus)
+  if (!active) return null
+
+  const getRingColor = () => {
+    if (isErrored) return 'rgba(214, 4, 4, 0.5)' // red with opacity
+    if (isConnected) {
+      if (isAlone) return 'rgba(183, 255, 0, 0.5)' // lime yellow
+      return 'rgba(50, 205, 50, 0.5)' // green with opacity
+    }
+    return 'rgba(128, 128, 128, 0.5)' // gray with opacity
+  }
+
+  return (
+    <div
+      className='voice-chat-microphone'
+      onClick={() => {
+        // toggleMicrophoneMuted()
+      }}
+    >
+      <div style={{
+        position: 'fixed',
+        bottom: '20px',
+        zIndex: 10,
+        left: '20px',
+        width: SIZE,
+        height: SIZE,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        color: muted ? 'rgb(214 4 4)' : hasInputVoice ? '#32cd32' : '#ffffff',
+        border: `2px solid ${getRingColor()}`,
+        borderRadius: '50%',
+        boxShadow: '0 2px 8px rgba(0, 0, 0, 0.2)',
+        transition: 'background-color 0.2s ease',
+      }}>
+        <Icon />
+      </div>
+      {/* stop sharing screen */}
+      {isSharingScreen && <div style={{
+        position: 'fixed',
+        bottom: '20px',
+        left: '20px',
+        width: SIZE,
+        height: SIZE,
+        display: 'flex',
+        alignItems: 'center',
+      }}>
+        <PixelartIcon iconName={pixelartIcons.cast} /> Stop Sharing Screen
+      </div>}
+    </div>
+  )
+}
diff --git a/src/react/XPBar.module.css b/src/react/XPBar.module.css
index e9598f99..34aa5933 100644
--- a/src/react/XPBar.module.css
+++ b/src/react/XPBar.module.css
@@ -6,7 +6,7 @@
   transform: translate(-50%);
   width: 182px;
   height: 5px;
-  background-image: url('minecraft-assets/minecraft-assets/data/1.16.4/gui/icons.png');
+  background-image: var(--gui-icons);
   background-size: 256px;
   background-position-y: -64px;
 }
@@ -14,7 +14,7 @@
 .xp-bar {
   width: 182px;
   height: 5px;
-  background-image: url('minecraft-assets/minecraft-assets/data/1.17.1/gui/icons.png');
+  background-image: var(--gui-icons);
   background-size: 256px;
   background-position-y: -69px;
 }
diff --git a/src/react/XPBar.module.css.d.ts b/src/react/XPBar.module.css.d.ts
new file mode 100644
index 00000000..89045985
--- /dev/null
+++ b/src/react/XPBar.module.css.d.ts
@@ -0,0 +1,12 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'xp-bar': string;
+  'xp-bar-bg': string;
+  'xp-label': string;
+  xpBar: string;
+  xpBarBg: string;
+  xpLabel: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/XPBar.stories.tsx b/src/react/XPBar.stories.tsx
index a7890b1a..605837b3 100644
--- a/src/react/XPBar.stories.tsx
+++ b/src/react/XPBar.stories.tsx
@@ -7,7 +7,7 @@ const meta: Meta<typeof XPBar> = {
 }
 
 export default meta
-type Story = StoryObj<typeof XPBar>;
+type Story = StoryObj<typeof XPBar>
 
 export const Primary: Story = {
   args: {
diff --git a/src/react/XPBar.tsx b/src/react/XPBar.tsx
index 1b3a7a85..0727879f 100644
--- a/src/react/XPBar.tsx
+++ b/src/react/XPBar.tsx
@@ -3,14 +3,13 @@ import styles from './XPBar.module.css'
 
 export default ({ progress, level, gamemode }: { progress: number; level: number, gamemode: string }) => (
   <SharedHudVars>
-    <div 
-      id="xp-bar-bg" 
-      className={styles['xp-bar-bg']} 
+    <div
+      id="xp-bar-bg"
+      className={styles['xp-bar-bg']}
       style={{ display: gamemode === 'creative' || gamemode === 'spectator' ? 'none' : 'block' }}
     >
-      <div className={styles['xp-bar']} style={{ width: `${182 * progress}px` }}></div>
+      <div className={styles['xp-bar']} style={{ width: `${182 * progress}px` }} />
       <span className={styles['xp-label']} style={{ display: level > 0 ? 'block' : 'none' }}>{level}</span>
     </div>
   </SharedHudVars>
 )
-
diff --git a/src/react/appStatus.module.css b/src/react/appStatus.module.css
index b993f779..c40c80c8 100644
--- a/src/react/appStatus.module.css
+++ b/src/react/appStatus.module.css
@@ -1,7 +1,8 @@
-.potential-problem {
+.description {
   color: #808080;
   word-break: break-all;
   padding: 0 10px;
+  margin-top: 3px;
 }
 
 .last-status {
diff --git a/src/react/appStatus.module.css.d.ts b/src/react/appStatus.module.css.d.ts
new file mode 100644
index 00000000..0a84e8e1
--- /dev/null
+++ b/src/react/appStatus.module.css.d.ts
@@ -0,0 +1,9 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  description: string;
+  'last-status': string;
+  lastStatus: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/appStorageProvider.ts b/src/react/appStorageProvider.ts
new file mode 100644
index 00000000..fd469186
--- /dev/null
+++ b/src/react/appStorageProvider.ts
@@ -0,0 +1,439 @@
+import { proxy, ref, subscribe } from 'valtio'
+import { UserOverridesConfig } from 'contro-max/build/types/store'
+import { subscribeKey } from 'valtio/utils'
+import { AppConfig } from '../appConfig'
+import { CustomCommand } from './KeybindingsCustom'
+import { AuthenticatedAccount } from './serversStorage'
+import type { BaseServerInfo } from './AddServerOrConnect'
+
+// when opening html file locally in browser, localStorage is shared between all ever opened html files, so we try to avoid conflicts
+const localStoragePrefix = process.env?.SINGLE_FILE_BUILD ? 'minecraft-web-client:' : ''
+const cookiePrefix = process.env.COOKIE_STORAGE_PREFIX || ''
+const { localStorage } = window
+const migrateRemoveLocalStorage = false
+
+export interface SavedProxiesData {
+  proxies: string[]
+  selected: string
+}
+
+export interface ServerHistoryEntry {
+  ip: string
+  version?: string
+  numConnects: number
+  lastConnected: number
+}
+
+export interface StoreServerItem extends BaseServerInfo {
+  lastJoined?: number
+  description?: string
+  optionsOverride?: Record<string, any>
+  autoLogin?: Record<string, string>
+  numConnects?: number // Track number of connections
+  isRecommended?: boolean
+}
+
+interface StorageConflict {
+  key: string
+  localStorageValue: any
+  localStorageTimestamp?: number
+  cookieValue: any
+  cookieTimestamp?: number
+}
+
+type StorageData = {
+  cookieStorage: boolean | { ignoreKeys: Array<keyof StorageData> }
+  customCommands: Record<string, CustomCommand> | undefined
+  username: string | undefined
+  keybindings: UserOverridesConfig | undefined
+  changedSettings: any
+  proxiesData: SavedProxiesData | undefined
+  serversHistory: ServerHistoryEntry[]
+  authenticatedAccounts: AuthenticatedAccount[]
+  serversList: StoreServerItem[] | undefined
+  modsAutoUpdateLastCheck: number | undefined
+  firstModsPageVisit: boolean
+}
+
+const cookieStoreKeys: Array<keyof StorageData> = [
+  'customCommands',
+  'username',
+  'keybindings',
+  'changedSettings',
+  'serversList',
+]
+
+const oldKeysAliases: Partial<Record<keyof StorageData, string>> = {
+  serversHistory: 'serverConnectionHistory',
+}
+
+// Cookie storage functions
+const getCookieValue = (key: string): string | null => {
+  const cookie = document.cookie.split(';').find(c => c.trimStart().startsWith(`${cookiePrefix}${key}=`))
+  if (cookie) {
+    return decodeURIComponent(cookie.split('=')[1])
+  }
+  return null
+}
+
+const topLevelDomain = window.location.hostname.split('.').slice(-2).join('.')
+const cookieBase = `; Domain=.${topLevelDomain}; Path=/; SameSite=Strict; Secure`
+
+const setCookieValue = (key: string, value: string): boolean => {
+  try {
+    const cookieKey = `${cookiePrefix}${key}`
+    let cookie = `${cookieKey}=${encodeURIComponent(value)}`
+    cookie += `${cookieBase}; Max-Age=2147483647`
+
+    // Test if cookie exceeds size limit
+    if (cookie.length > 4096) {
+      throw new Error(`Cookie size limit exceeded for key '${key}'. Cookie size: ${cookie.length} bytes, limit: 4096 bytes.`)
+    }
+
+    document.cookie = cookie
+
+    // Verify the cookie was actually saved by reading it back
+    const savedValue = getCookieValue(key)
+    if (savedValue !== value) {
+      console.warn(`Cookie verification failed for key '${key}'. Expected: ${value}, Got: ${savedValue}`)
+      return false
+    }
+
+    return true
+  } catch (error) {
+    console.error(`Failed to set cookie for key '${key}':`, error)
+    window.showNotification(`Failed to save data to cookies: ${error.message}`, 'Consider switching to localStorage in advanced settings.', true)
+    return false
+  }
+}
+
+const deleteCookie = (key: string) => {
+  const cookieKey = `${cookiePrefix}${key}`
+  document.cookie = `${cookieKey}=; ${cookieBase}; expires=Thu, 01 Jan 1970 00:00:00 UTC;`
+}
+
+// Storage conflict detection and resolution
+let storageConflicts: StorageConflict[] = []
+
+const detectStorageConflicts = (): StorageConflict[] => {
+  const conflicts: StorageConflict[] = []
+
+  for (const key of cookieStoreKeys) {
+    const localStorageKey = `${localStoragePrefix}${key}`
+    const localStorageValue = localStorage.getItem(localStorageKey)
+    const cookieValue = getCookieValue(key)
+
+    if (localStorageValue && cookieValue) {
+      try {
+        const localParsed = JSON.parse(localStorageValue)
+        const cookieParsed = JSON.parse(cookieValue)
+
+        if (localStorage.getItem(`${localStorageKey}:migrated`)) {
+          continue
+        }
+
+        // Extract timestamps if they exist
+        const localTimestamp = localParsed?.timestamp
+        const cookieTimestamp = cookieParsed?.timestamp
+
+        // Compare the actual data (excluding timestamp)
+        const localData = localTimestamp ? { ...localParsed } : localParsed
+        const cookieData = cookieTimestamp ? { ...cookieParsed } : cookieParsed
+        delete localData.timestamp
+        delete cookieData.timestamp
+
+        const isDataEmpty = (data: any) => {
+          if (typeof data === 'object' && data !== null) {
+            return Object.keys(data).length === 0
+          }
+          return !data && data !== 0 && data !== false
+        }
+
+        if (JSON.stringify(localData) !== JSON.stringify(cookieData) && !isDataEmpty(localData) && !isDataEmpty(cookieData)) {
+          conflicts.push({
+            key,
+            localStorageValue: localData,
+            localStorageTimestamp: localTimestamp,
+            cookieValue: (typeof cookieData === 'object' && cookieData !== null && 'data' in cookieData) ? cookieData.data : cookieData,
+            cookieTimestamp
+          })
+        }
+      } catch (e) {
+        console.error(`Failed to parse storage values for conflict detection on key '${key}':`, e, localStorageValue, cookieValue)
+      }
+    }
+  }
+
+  return conflicts
+}
+
+const showStorageConflictModal = () => {
+  // Import showModal dynamically to avoid circular dependency
+  const showModal = (window as any).showModal || ((modal: any) => {
+    console.error('Modal system not available:', modal)
+    console.warn('Storage conflicts detected but modal system not available:', storageConflicts)
+  })
+
+  setTimeout(() => {
+    showModal({ reactType: 'storage-conflict', conflicts: storageConflicts })
+  }, 100)
+}
+
+const migrateLegacyData = () => {
+  const proxies = localStorage.getItem('proxies')
+  const selectedProxy = localStorage.getItem('selectedProxy')
+  if (proxies && selectedProxy) {
+    appStorage.proxiesData = {
+      proxies: JSON.parse(proxies),
+      selected: selectedProxy,
+    }
+  }
+
+  const username = localStorage.getItem('username')
+  if (username && !username.startsWith('"')) {
+    appStorage.username = username
+  }
+
+  const serversHistoryLegacy = localStorage.getItem('serverConnectionHistory')
+  if (serversHistoryLegacy) {
+    appStorage.serversHistory = JSON.parse(serversHistoryLegacy)
+  }
+  localStorage.removeItem('proxies')
+  localStorage.removeItem('selectedProxy')
+  localStorage.removeItem('serverConnectionHistory')
+}
+
+const defaultStorageData: StorageData = {
+  cookieStorage: !!process.env.ENABLE_COOKIE_STORAGE && !process.env?.SINGLE_FILE_BUILD,
+  customCommands: undefined,
+  username: undefined,
+  keybindings: undefined,
+  changedSettings: {},
+  proxiesData: undefined,
+  serversHistory: [],
+  authenticatedAccounts: [],
+  serversList: undefined,
+  modsAutoUpdateLastCheck: undefined,
+  firstModsPageVisit: true,
+}
+
+export const setStorageDataOnAppConfigLoad = (appConfig: AppConfig) => {
+  appStorage.username ??= getRandomUsername(appConfig)
+}
+
+export const getRandomUsername = (appConfig: AppConfig) => {
+  if (!appConfig.defaultUsername) return ''
+
+  const username = appConfig.defaultUsername
+    .replaceAll(/{(\d+)-(\d+)}/g, (_, start, end) => {
+      const min = Number(start)
+      const max = Number(end)
+      return Math.floor(Math.random() * (max - min + 1) + min).toString()
+    })
+    .replaceAll('{num}', () => Math.floor(Math.random() * 10).toString())
+
+  return username
+}
+
+export const appStorage = proxy({ ...defaultStorageData })
+
+// Track if cookies failed in this session
+let cookiesFailedThisSession = false
+
+// Check if cookie storage should be used (will be set by options)
+const shouldUseCookieStorage = () => {
+  // If cookies failed this session, don't try again
+  if (cookiesFailedThisSession) {
+    return false
+  }
+
+  const isSecureCookiesAvailable = () => {
+    // either https or localhost
+    return window.location.protocol === 'https:' || (window.location.hostname === 'localhost')
+  }
+  if (!isSecureCookiesAvailable()) {
+    return false
+  }
+
+  const localStorageValue = localStorage.getItem(`${localStoragePrefix}cookieStorage`)
+  if (localStorageValue === null) {
+    return appStorage.cookieStorage === true
+  }
+  return localStorageValue === 'true'
+}
+
+// Restore data from storage with conflict detection
+const restoreStorageData = () => {
+  const useCookieStorage = shouldUseCookieStorage()
+
+  if (useCookieStorage) {
+    // Detect conflicts first
+    storageConflicts = detectStorageConflicts()
+
+    if (storageConflicts.length > 0) {
+      // Show conflict resolution modal
+      showStorageConflictModal()
+      return // Don't restore data until conflict is resolved
+    }
+  }
+
+  for (const key of Object.keys(defaultStorageData)) {
+    const typedKey = key
+    const prefixedKey = `${localStoragePrefix}${key}`
+    const aliasedKey = oldKeysAliases[typedKey]
+
+    let storedValue: string | null = null
+    let cookieValueCanBeUsed = false
+    let usingLocalStorageValue = false
+
+    // Try cookie storage first if enabled and key is in cookieStoreKeys
+    if (useCookieStorage && cookieStoreKeys.includes(typedKey)) {
+      storedValue = getCookieValue(key)
+      cookieValueCanBeUsed = true
+    }
+
+    // Fallback to localStorage if no cookie value found
+    if (storedValue === null) {
+      storedValue = localStorage.getItem(prefixedKey) ?? (aliasedKey ? localStorage.getItem(aliasedKey) : null)
+      usingLocalStorageValue = true
+    }
+
+    if (storedValue) {
+      try {
+        let parsed = JSON.parse(storedValue)
+
+        // Handle timestamped data
+        if (parsed && typeof parsed === 'object' && parsed.timestamp) {
+          delete parsed.timestamp
+          // If it was a wrapped primitive, unwrap it
+          if ('data' in parsed && Object.keys(parsed).length === 1) {
+            parsed = parsed.data
+          }
+        }
+
+        appStorage[typedKey] = parsed
+
+        if (usingLocalStorageValue && cookieValueCanBeUsed) {
+          // migrate localStorage to cookie
+          saveKey(key)
+          markLocalStorageAsMigrated(key)
+        }
+      } catch (e) {
+        console.error(`Failed to parse stored value for ${key}:`, e)
+      }
+    }
+  }
+}
+
+const markLocalStorageAsMigrated = (key: keyof StorageData) => {
+  const localStorageKey = `${localStoragePrefix}${key}`
+  if (migrateRemoveLocalStorage) {
+    localStorage.removeItem(localStorageKey)
+    return
+  }
+
+  localStorage.setItem(`${localStorageKey}:migrated`, 'true')
+}
+
+const saveKey = (key: keyof StorageData) => {
+  const useCookieStorage = shouldUseCookieStorage()
+  const prefixedKey = `${localStoragePrefix}${key}`
+  const value = appStorage[key]
+
+  const dataToSave = value === undefined ? undefined : (
+    value && typeof value === 'object' && !Array.isArray(value)
+      ? { ...value, timestamp: Date.now() }
+      : { data: value, timestamp: Date.now() }
+  )
+
+  const serialized = dataToSave === undefined ? undefined : JSON.stringify(dataToSave)
+
+  let useLocalStorage = true
+  // Save to cookie if enabled and key is in cookieStoreKeys
+  if (useCookieStorage && cookieStoreKeys.includes(key)) {
+    useLocalStorage = false
+    if (serialized === undefined) {
+      deleteCookie(key)
+    } else {
+      const success = setCookieValue(key, serialized)
+      if (success) {
+        // Remove from localStorage if cookie save was successful
+        markLocalStorageAsMigrated(key)
+      } else {
+        // Cookie save failed, disable cookies for this session and fallback to localStorage
+        console.warn(`Cookie save failed for key '${key}', disabling cookies for this session`)
+        cookiesFailedThisSession = true
+        useLocalStorage = true
+      }
+    }
+  }
+
+  if (useLocalStorage) {
+    // Save to localStorage
+    if (value === undefined) {
+      localStorage.removeItem(prefixedKey)
+    } else {
+      localStorage.setItem(prefixedKey, JSON.stringify(value))
+    }
+  }
+}
+
+subscribe(appStorage, (ops) => {
+  for (const op of ops) {
+    const [type, path, value] = op
+    const key = path[0]
+    saveKey(key as keyof StorageData)
+  }
+})
+
+export const resetAppStorage = () => {
+  for (const key of Object.keys(appStorage)) {
+    appStorage[key as keyof StorageData] = defaultStorageData[key as keyof StorageData]
+  }
+
+  for (const key of Object.keys(localStorage)) {
+    if (key.startsWith(localStoragePrefix)) {
+      localStorage.removeItem(key)
+    }
+  }
+
+  if (!shouldUseCookieStorage()) return
+  const shouldContinue = window.confirm(`Removing all synced cookies will remove all data from all ${topLevelDomain} subdomains websites. Continue?`)
+  if (!shouldContinue) return
+
+  // Clear cookies
+  for (const key of cookieStoreKeys) {
+    deleteCookie(key)
+  }
+}
+
+// Export functions for conflict resolution
+export const resolveStorageConflicts = (useLocalStorage: boolean) => {
+  if (useLocalStorage) {
+    // Disable cookie storage and use localStorage data
+    appStorage.cookieStorage = false
+  } else {
+    // Remove localStorage data and continue using cookie storage
+    for (const conflict of storageConflicts) {
+      const prefixedKey = `${localStoragePrefix}${conflict.key}`
+      localStorage.removeItem(prefixedKey)
+    }
+  }
+
+  // forcefully set data again
+  for (const conflict of storageConflicts) {
+    appStorage[conflict.key] = useLocalStorage ? conflict.localStorageValue : conflict.cookieValue
+    saveKey(conflict.key as keyof StorageData)
+  }
+
+  // Clear conflicts and restore data
+  storageConflicts = []
+  restoreStorageData()
+}
+
+export const getStorageConflicts = () => storageConflicts
+
+migrateLegacyData()
+
+// Restore data after checking for conflicts
+restoreStorageData()
diff --git a/src/react/book_icons/book-half.webp b/src/react/book_icons/book-half.webp
new file mode 100644
index 00000000..8a906586
Binary files /dev/null and b/src/react/book_icons/book-half.webp differ
diff --git a/src/react/book_icons/book.webp b/src/react/book_icons/book.webp
new file mode 100644
index 00000000..d3701652
Binary files /dev/null and b/src/react/book_icons/book.webp differ
diff --git a/src/react/book_icons/next-click.webp b/src/react/book_icons/next-click.webp
new file mode 100644
index 00000000..065ee0d3
Binary files /dev/null and b/src/react/book_icons/next-click.webp differ
diff --git a/src/react/book_icons/next.webp b/src/react/book_icons/next.webp
new file mode 100644
index 00000000..06f5ab1a
Binary files /dev/null and b/src/react/book_icons/next.webp differ
diff --git a/src/react/book_icons/notebook.webp b/src/react/book_icons/notebook.webp
new file mode 100644
index 00000000..ce3b32c3
Binary files /dev/null and b/src/react/book_icons/notebook.webp differ
diff --git a/src/react/book_icons/prev-click.webp b/src/react/book_icons/prev-click.webp
new file mode 100644
index 00000000..7ff61b57
Binary files /dev/null and b/src/react/book_icons/prev-click.webp differ
diff --git a/src/react/book_icons/prev.webp b/src/react/book_icons/prev.webp
new file mode 100644
index 00000000..b0b81025
Binary files /dev/null and b/src/react/book_icons/prev.webp differ
diff --git a/src/react/book_icons/title.webp b/src/react/book_icons/title.webp
new file mode 100644
index 00000000..703157e4
Binary files /dev/null and b/src/react/book_icons/title.webp differ
diff --git a/src/react/button.module.css b/src/react/button.module.css
index 98997ab4..e940c224 100644
--- a/src/react/button.module.css
+++ b/src/react/button.module.css
@@ -3,7 +3,8 @@
   --txrV: 66px;
   position: relative;
   width: 200px;
-  height: calc(20px * var(--scale));
+  min-height: calc(20px * var(--scale));
+  max-height: calc(20px * var(--scale));
   font-family: minecraft, mojangles, monospace;
   font-size: 10px;
   color: white;
@@ -16,9 +17,19 @@
   align-items: center;
 }
 
-.button:hover,
-.button:focus-visible {
-  --txrV: 86px;
+/* Only apply hover on devices that support it */
+@media (hover: hover) {
+  .button:hover,
+  .button:focus-visible {
+    --txrV: 86px;
+  }
+}
+
+/* For touch devices, use active state */
+@media (hover: none) {
+  .button:active {
+    --txrV: 86px;
+  }
 }
 
 .button:disabled {
diff --git a/src/react/button.module.css.d.ts b/src/react/button.module.css.d.ts
new file mode 100644
index 00000000..ae9aac73
--- /dev/null
+++ b/src/react/button.module.css.d.ts
@@ -0,0 +1,8 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  button: string;
+  icon: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/components/replay/FilterInput.tsx b/src/react/components/replay/FilterInput.tsx
new file mode 100644
index 00000000..7f968d3e
--- /dev/null
+++ b/src/react/components/replay/FilterInput.tsx
@@ -0,0 +1,162 @@
+import { useEffect, useRef, useState } from 'react'
+import { DARK_COLORS } from './constants'
+
+interface Props {
+  value: string
+  onChange: (value: string) => void
+  hiddenCount: number
+  shownCount: number
+  onClearFilter: () => void
+  clientPacketsAutocomplete: string[]
+  serverPacketsAutocomplete: string[]
+}
+
+export default function FilterInput ({
+  value,
+  onChange,
+  hiddenCount,
+  shownCount,
+  onClearFilter,
+  clientPacketsAutocomplete,
+  serverPacketsAutocomplete
+}: Props) {
+  const inputRef = useRef<HTMLInputElement>(null)
+  const [showAutocomplete, setShowAutocomplete] = useState(false)
+  const [selectedIndex, setSelectedIndex] = useState(0)
+
+  const allSuggestions = [
+    ...clientPacketsAutocomplete.map(name => ({ name, isClient: true })),
+    ...serverPacketsAutocomplete.map(name => ({ name, isClient: false }))
+  ].sort((a, b) => a.name.localeCompare(b.name))
+
+  const currentWord = value.split(/,\s*/).pop() || ''
+  const filteredSuggestions = allSuggestions.filter(
+    ({ name }) => name.toLowerCase().includes(currentWord.toLowerCase().replace(/^\$/, ''))
+  )
+
+  useEffect(() => {
+    setSelectedIndex(0)
+  }, [currentWord])
+
+  const acceptSuggestion = (suggestion: string) => {
+    const parts = value.split(/,\s*/)
+    parts[parts.length - 1] = suggestion
+    onChange(parts.join(', '))
+    setShowAutocomplete(false)
+    inputRef.current?.focus()
+  }
+
+  return (
+    <div>
+      <div style={{ position: 'relative' }}>
+        <input
+          ref={inputRef}
+          type="text"
+          value={value}
+          onChange={e => onChange(e.target.value)}
+          onFocus={() => setShowAutocomplete(true)}
+          onBlur={() => {
+            setTimeout(() => setShowAutocomplete(false), 200)
+          }}
+          onKeyDown={e => {
+            if (!showAutocomplete) {
+              if (e.key === 'Tab') {
+                e.preventDefault()
+                setShowAutocomplete(true)
+              }
+              return
+            }
+
+            if (e.key === 'ArrowDown') {
+              e.preventDefault()
+              setSelectedIndex(i => (i + 1) % filteredSuggestions.length)
+            } else if (e.key === 'ArrowUp') {
+              e.preventDefault()
+              setSelectedIndex(i => (i - 1 + filteredSuggestions.length) % filteredSuggestions.length)
+            } else if (e.key === 'Enter' && filteredSuggestions.length > 0) {
+              e.preventDefault()
+              acceptSuggestion(filteredSuggestions[selectedIndex].name)
+            } else if (e.key === 'Escape') {
+              e.preventDefault()
+              setShowAutocomplete(false)
+            }
+          }}
+          placeholder="Filter packets (e.g. entity, $block_display, !position)"
+          style={{
+            width: '100%',
+            padding: '8px',
+            border: `1px solid ${DARK_COLORS.border}`,
+            borderRadius: '4px',
+            background: DARK_COLORS.input,
+            color: DARK_COLORS.text
+          }}
+        />
+        {showAutocomplete && filteredSuggestions.length > 0 && (
+          <div style={{
+            position: 'absolute',
+            top: '100%',
+            left: 0,
+            right: 0,
+            backgroundColor: DARK_COLORS.bg,
+            border: `1px solid ${DARK_COLORS.border}`,
+            borderRadius: '4px',
+            marginTop: '4px',
+            maxHeight: '200px',
+            overflowY: 'auto',
+            zIndex: 1
+          }}>
+            {filteredSuggestions.map(({ name, isClient }, index) => (
+              <div
+                key={name}
+                onClick={() => acceptSuggestion(name)}
+                style={{
+                  padding: '4px 8px',
+                  cursor: 'pointer',
+                  backgroundColor: index === selectedIndex ? DARK_COLORS.hover : DARK_COLORS.bg,
+                  color: isClient ? DARK_COLORS.client : DARK_COLORS.server
+                }}
+              >
+                {name}
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+      <div style={{
+        marginTop: '4px',
+        fontSize: '12px',
+        color: DARK_COLORS.textDim,
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px'
+      }}>
+        <span>Showing: {shownCount}</span>
+        <span>•</span>
+        <span>Hidden: {hiddenCount}</span>
+
+        <div style={{
+          opacity: value ? 1 : 0,
+          gap: '4px',
+          display: 'flex',
+          alignItems: 'center'
+        }}>
+          <span>•</span>
+          <button
+            onClick={onClearFilter}
+            style={{
+              background: 'none',
+              border: 'none',
+              padding: 0,
+              color: DARK_COLORS.text,
+              cursor: 'pointer',
+              textDecoration: 'underline',
+            }}
+          >
+            clear all
+          </button>
+        </div>
+
+      </div>
+    </div>
+  )
+}
diff --git a/src/react/components/replay/PacketList.tsx b/src/react/components/replay/PacketList.tsx
new file mode 100644
index 00000000..ca5b8373
--- /dev/null
+++ b/src/react/components/replay/PacketList.tsx
@@ -0,0 +1,149 @@
+import { useRef, useState } from 'react'
+import { processPacketDataForLogging } from 'mcraft-fun-mineflayer/build/packetsLogger'
+import { PacketData } from '../../ReplayPanel'
+import { useScrollBehavior } from '../../hooks/useScrollBehavior'
+import { ClientOnMap } from '../../../generatedServerPackets'
+import { DARK_COLORS } from './constants'
+
+const formatters: Record<string, (data: any) => string> = {
+  position: (data) => `x:${data.x.toFixed(2)} y:${data.y.toFixed(2)} z:${data.z.toFixed(2)}`,
+  // chat: (data) => data,
+  map_chunk (data: ClientOnMap['map_chunk'] | any) {
+    const sizeOfChunk = data.chunkData?.length
+    const blockEntitiesCount = data.blockEntities?.length
+    return `x:${data.x} z:${data.z} C:${sizeOfChunk} E:${blockEntitiesCount}`
+  },
+  default: (data) => processPacketDataForLogging(data)
+}
+
+const getPacketIcon = (packet: PacketData): string => {
+  if (packet.isCustomChannel) return '🔗'
+  if (packet.name.includes('position')) return '📍'
+  if (packet.name.includes('chat')) return '💬'
+  if (packet.name.includes('block') || packet.name.includes('chunk') || packet.name.includes('light')) return '📦'
+  if (packet.name.includes('entity') || packet.name.includes('player') || packet.name.includes('passenger')) return '🎯'
+  return '📄'
+}
+
+interface Props {
+  packets: PacketData[]
+  filter: string
+  maxHeight?: number
+}
+
+const ROW_HEIGHT = 24
+const EXPANDED_HEIGHT = 120
+
+function formatTimeDiff (current: number, prev: number | null): string {
+  if (prev === null) return ''
+  const diff = current - prev
+  return `+${Math.floor(diff / 1000)}`
+}
+
+const styles = {
+  packetRow: {
+    height: ROW_HEIGHT,
+    padding: '0 8px',
+    fontSize: '12px',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '8px',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    cursor: 'pointer',
+    transition: 'background-color 0.1s'
+  } as const,
+  expandedPacket: {
+    height: EXPANDED_HEIGHT,
+    padding: '8px',
+    background: DARK_COLORS.input,
+    fontSize: '12px',
+    overflow: 'auto',
+    borderBottom: `1px solid ${DARK_COLORS.border}`
+  } as const
+}
+
+export default function PacketList ({ packets, filter, maxHeight = 300 }: Props) {
+  const listRef = useRef<HTMLDivElement>(null)
+  const [expandedPacket, setExpandedPacket] = useState<number | null>(null)
+  const { scrollToBottom } = useScrollBehavior(listRef, { messages: packets, opened: true })
+
+  let prevTimestamp: number | null = null
+
+  return (
+    <>
+      <style>
+        {`
+          .packet-row:hover {
+            background: ${DARK_COLORS.hover} !important;
+          }
+        `}
+      </style>
+      <div
+        ref={listRef}
+        style={{
+          overflowY: 'auto',
+          height: maxHeight,
+          display: 'flex',
+          flexDirection: 'column'
+        }}
+      >
+        <div style={{ minHeight: '100%' }}>
+          {packets.map((packet, index) => {
+            const timeDiff = formatTimeDiff(packet.timestamp, prevTimestamp)
+            prevTimestamp = packet.timestamp
+            return (
+              <div key={`${packet.timestamp}-${packet.position}`}>
+                <div
+                  className="packet-row"
+                  onClick={() => setExpandedPacket(expandedPacket === packet.position ? null : packet.position)}
+                  style={{
+                    ...styles.packetRow,
+                    background: packet.isFromClient ? DARK_COLORS.client : DARK_COLORS.server,
+                    opacity: packet.isUpcoming ? 0.5 : 1
+                  }}
+                >
+                  <span>{getPacketIcon(packet)}</span>
+                  <span style={{ color: DARK_COLORS.textDim }}>
+                    #{packet.position}
+                    {timeDiff && <span style={{ marginLeft: '4px' }}>{timeDiff}</span>}
+                  </span>
+                  {filter && (
+                    <span style={{ color: DARK_COLORS.textDim }}>#{index + 1}</span>
+                  )}
+                  <span style={{
+                    color: packet.actualVersion ? DARK_COLORS.modified : DARK_COLORS.text,
+                    fontWeight: 'bold'
+                  }}>
+                    {packet.name}
+                  </span>
+                  <span style={{ color: DARK_COLORS.textDim, flex: 1, overflow: 'hidden', textOverflow: 'ellipsis' }}>
+                    {formatters[packet.name]?.(packet.data) ?? formatters.default(packet.data)}
+                  </span>
+                </div>
+                {expandedPacket === packet.position && (
+                  <div style={styles.expandedPacket}>
+                    <div style={{ marginBottom: '8px' }}>
+                      <strong>Data:</strong>
+                      <pre style={{ margin: '4px 0', color: DARK_COLORS.textDim }}>
+                        {JSON.stringify(JSON.parse(formatters.default(packet.data)), null, 2)}
+                      </pre>
+                    </div>
+                    {packet.actualVersion && (
+                      <div>
+                        <strong>Actual Version:</strong>
+                        <pre style={{ margin: '4px 0', color: DARK_COLORS.textDim }}>
+                          {JSON.stringify(JSON.parse(formatters.default(packet.actualVersion)), null, 2)}
+                        </pre>
+                      </div>
+                    )}
+                  </div>
+                )}
+              </div>
+            )
+          })}
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/src/react/components/replay/ProgressBar.tsx b/src/react/components/replay/ProgressBar.tsx
new file mode 100644
index 00000000..7bf5f88b
--- /dev/null
+++ b/src/react/components/replay/ProgressBar.tsx
@@ -0,0 +1,36 @@
+import { DARK_COLORS } from './constants'
+
+interface Props {
+  current: number
+  total: number
+}
+
+function padNumber (num: number): string {
+  return String(num).padStart(3, '0')
+}
+
+export default function ProgressBar ({ current, total }: Props) {
+  return (
+    <div style={{ display: 'flex', alignItems: 'center', gap: '8px', flex: 1 }}>
+      <div style={{ color: DARK_COLORS.textDim, fontSize: '12px', minWidth: '70px' }}>
+        {padNumber(current)}/{padNumber(total)}
+      </div>
+      <div style={{
+        flex: 1,
+        height: '4px',
+        background: DARK_COLORS.border,
+        borderRadius: '2px'
+      }}>
+        <div
+          style={{
+            width: `${(current / total) * 100}%`,
+            height: '100%',
+            background: DARK_COLORS.text,
+            borderRadius: '2px',
+            transition: 'width 0.2s'
+          }}
+        />
+      </div>
+    </div>
+  )
+}
diff --git a/src/react/components/replay/constants.ts b/src/react/components/replay/constants.ts
new file mode 100644
index 00000000..54beb7cb
--- /dev/null
+++ b/src/react/components/replay/constants.ts
@@ -0,0 +1,11 @@
+export const DARK_COLORS = {
+  bg: '#1e1e1e',
+  input: '#2d2d2d',
+  text: '#ffffff',
+  textDim: '#888888',
+  client: '#144218',
+  server: '#750200',
+  modified: '#f57f17',
+  border: '#333333',
+  hover: '#404040'
+}
diff --git a/src/react/createWorld.module.css.d.ts b/src/react/createWorld.module.css.d.ts
new file mode 100644
index 00000000..04d71658
--- /dev/null
+++ b/src/react/createWorld.module.css.d.ts
@@ -0,0 +1,8 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  worldLayersContainer: string;
+  world_layers_container: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/debugs/DebugResponseTimeIndicator.module.css b/src/react/debugs/DebugResponseTimeIndicator.module.css
new file mode 100644
index 00000000..65196a29
--- /dev/null
+++ b/src/react/debugs/DebugResponseTimeIndicator.module.css
@@ -0,0 +1,10 @@
+.debugResponseTimeIndicator {
+    z-index: 100;
+    position: fixed;
+    left: 15px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 40px;
+    height: 40px;
+    background-color: white;
+}
diff --git a/src/react/debugs/DebugResponseTimeIndicator.module.css.d.ts b/src/react/debugs/DebugResponseTimeIndicator.module.css.d.ts
new file mode 100644
index 00000000..b79d5d59
--- /dev/null
+++ b/src/react/debugs/DebugResponseTimeIndicator.module.css.d.ts
@@ -0,0 +1,7 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  debugResponseTimeIndicator: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/debugs/DebugResponseTimeIndicator.tsx b/src/react/debugs/DebugResponseTimeIndicator.tsx
new file mode 100644
index 00000000..b6b3fdcd
--- /dev/null
+++ b/src/react/debugs/DebugResponseTimeIndicator.tsx
@@ -0,0 +1,32 @@
+import { useEffect, useState } from 'react'
+import { options } from '../../optionsStorage'
+
+import styles from './DebugResponseTimeIndicator.module.css'
+
+export default () => {
+  const [isPointerDown, setIsPointerDown] = useState(false)
+
+  useEffect(() => {
+    const handlePointerDown = () => {
+      setIsPointerDown(true)
+    }
+
+    const handlePointerUp = () => {
+      setIsPointerDown(false)
+    }
+
+    window.addEventListener('pointerdown', handlePointerDown)
+    window.addEventListener('pointerup', handlePointerUp)
+
+    return () => {
+      window.removeEventListener('pointerdown', handlePointerDown)
+      window.removeEventListener('pointerup', handlePointerUp)
+    }
+  }, [])
+
+  if (!('debugResponseTimeIndicator' in options) || !options.debugResponseTimeIndicator) return null
+
+  return isPointerDown ? (
+    <div className={styles.debugResponseTimeIndicator} />
+  ) : null
+}
diff --git a/src/react/effectsImages.ts b/src/react/effectsImages.ts
index 21421e0f..832d9646 100644
--- a/src/react/effectsImages.ts
+++ b/src/react/effectsImages.ts
@@ -1,36 +1,36 @@
-import absorption from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/absorption.png'
-import glowing from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/glowing.png'
-import instant_health from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/instant_health.png'
-import nausea from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/nausea.png'
-import slow_falling from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/slow_falling.png'
-import weakness from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/weakness.png'
-import bad_omen from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/bad_omen.png'
-import haste from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/haste.png'
-import invisibility from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/invisibility.png'
-import night_vision from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/night_vision.png'
-import slowness from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/slowness.png'
-import wither from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/wither.png'
-import blindness from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/blindness.png'
-import health_boost from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/health_boost.png'
-import jump_boost from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/jump_boost.png'
-import poison from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/poison.png'
-import speed from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/speed.png'
-import conduit_power from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/conduit_power.png'
-import hero_of_the_village from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/hero_of_the_village.png'
-import levitation from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/levitation.png'
-import regeneration from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/regeneration.png'
-import strength from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/strength.png'
-import dolphins_grace from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/dolphins_grace.png'
-import hunger from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/hunger.png'
-import luck from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/luck.png'
-import resistance from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/resistance.png'
-import unluck from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/unluck.png'
-import fire_resistance from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/fire_resistance.png'
-import instant_damage from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/instant_damage.png'
-import mining_fatigue from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/mining_fatigue.png'
-import saturation from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/saturation.png'
-import water_breathing from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/water_breathing.png'
-import darkness from 'minecraft-assets/minecraft-assets/data/1.20.2/mob_effect/darkness.png'
+import absorption from 'mc-assets/dist/other-textures/latest/mob_effect/absorption.png'
+import glowing from 'mc-assets/dist/other-textures/latest/mob_effect/glowing.png'
+import instant_health from 'mc-assets/dist/other-textures/latest/mob_effect/instant_health.png'
+import nausea from 'mc-assets/dist/other-textures/latest/mob_effect/nausea.png'
+import slow_falling from 'mc-assets/dist/other-textures/latest/mob_effect/slow_falling.png'
+import weakness from 'mc-assets/dist/other-textures/latest/mob_effect/weakness.png'
+import bad_omen from 'mc-assets/dist/other-textures/latest/mob_effect/bad_omen.png'
+import haste from 'mc-assets/dist/other-textures/latest/mob_effect/haste.png'
+import invisibility from 'mc-assets/dist/other-textures/latest/mob_effect/invisibility.png'
+import night_vision from 'mc-assets/dist/other-textures/latest/mob_effect/night_vision.png'
+import slowness from 'mc-assets/dist/other-textures/latest/mob_effect/slowness.png'
+import wither from 'mc-assets/dist/other-textures/latest/mob_effect/wither.png'
+import blindness from 'mc-assets/dist/other-textures/latest/mob_effect/blindness.png'
+import health_boost from 'mc-assets/dist/other-textures/latest/mob_effect/health_boost.png'
+import jump_boost from 'mc-assets/dist/other-textures/latest/mob_effect/jump_boost.png'
+import poison from 'mc-assets/dist/other-textures/latest/mob_effect/poison.png'
+import speed from 'mc-assets/dist/other-textures/latest/mob_effect/speed.png'
+import conduit_power from 'mc-assets/dist/other-textures/latest/mob_effect/conduit_power.png'
+import hero_of_the_village from 'mc-assets/dist/other-textures/latest/mob_effect/hero_of_the_village.png'
+import levitation from 'mc-assets/dist/other-textures/latest/mob_effect/levitation.png'
+import regeneration from 'mc-assets/dist/other-textures/latest/mob_effect/regeneration.png'
+import strength from 'mc-assets/dist/other-textures/latest/mob_effect/strength.png'
+import dolphins_grace from 'mc-assets/dist/other-textures/latest/mob_effect/dolphins_grace.png'
+import hunger from 'mc-assets/dist/other-textures/latest/mob_effect/hunger.png'
+import luck from 'mc-assets/dist/other-textures/latest/mob_effect/luck.png'
+import resistance from 'mc-assets/dist/other-textures/latest/mob_effect/resistance.png'
+import unluck from 'mc-assets/dist/other-textures/latest/mob_effect/unluck.png'
+import fire_resistance from 'mc-assets/dist/other-textures/latest/mob_effect/fire_resistance.png'
+import instant_damage from 'mc-assets/dist/other-textures/latest/mob_effect/instant_damage.png'
+import mining_fatigue from 'mc-assets/dist/other-textures/latest/mob_effect/mining_fatigue.png'
+import saturation from 'mc-assets/dist/other-textures/latest/mob_effect/saturation.png'
+import water_breathing from 'mc-assets/dist/other-textures/latest/mob_effect/water_breathing.png'
+import darkness from 'mc-assets/dist/other-textures/latest/mob_effect/darkness.png'
 
 interface Images {
   [key: string]: string;
diff --git a/src/react/globals.d.ts b/src/react/globals.d.ts
index 108fae54..b4551089 100644
--- a/src/react/globals.d.ts
+++ b/src/react/globals.d.ts
@@ -2,48 +2,65 @@ type StringKeys<T extends object> = Extract<keyof T, string>
 
 
 interface ObjectConstructor {
-    keys<T extends object> (obj: T): Array<StringKeys<T>>
-    entries<T extends object> (obj: T): Array<[StringKeys<T>, T[keyof T]]>
-    // todo review https://stackoverflow.com/questions/57390305/trying-to-get-fromentries-type-right
-    fromEntries<T extends Array<[string, any]>> (obj: T): Record<T[number][0], T[number][1]>
-    assign<T extends Record<string, any>, K extends Record<string, any>> (target: T, source: K): asserts target is T & K
+  keys<T extends object> (obj: T): Array<StringKeys<T>>
+  entries<T extends object> (obj: T): Array<[StringKeys<T>, T[keyof T]]>
+  // todo review https://stackoverflow.com/questions/57390305/trying-to-get-fromentries-type-right
+  fromEntries<T extends Array<[string, any]>> (obj: T): Record<T[number][0], T[number][1]>
+  assign<T extends Record<string, any>, K extends Record<string, any>> (target: T, source: K): asserts target is T & K
 }
 
 declare module '*.module.css' {
-    const css: Record<string, string>
-    export default css
+  const css: Record<string, string>
+  export default css
 }
 declare module '*.css' {
-    const css: string
-    export default css
+  const css: string
+  export default css
 }
 declare module '*.json' {
-    const json: any
-    export = json
+  const json: any
+  export = json
 }
 declare module '*.png' {
-    const png: string
-    export default png
+  const png: string
+  export default png
 }
 declare module '*.svg' {
-    const svg: string
-    export default svg
+  const svg: string
+  export default svg
+}
+declare module '*.webp' {
+  const svg: string
+  export default svg
+}
+declare module '*.mp3' {
+  const mp3: any
+  export default mp3
 }
 
 interface PromiseConstructor {
-    withResolvers<T> (): {
-        resolve: (value: T) => void;
-        reject: (reason: any) => void;
-        promise: Promise<T>;
-    }
+  withResolvers<T> (): {
+    resolve: (value: T) => void
+    reject: (reason: any) => void
+    promise: Promise<T>
+  }
 }
 
 declare namespace JSX {
-    interface IntrinsicElements {
-        'iconify-icon': {
-            icon: string
-            style?: React.CSSProperties
-            class?: string
-        }
-    }
+  interface IntrinsicElements { }
+}
+
+// keyboard api
+// https://gist.github.com/contigen/8da28f8bca4f05c9b50c5638521c8784
+
+interface Navigator {
+  readonly keyboard?: Keyboard
+}
+
+declare type KeyboardLayoutMap = readonly Map<string, string>
+
+declare interface Keyboard extends EventTarget {
+  getLayoutMap (): Promise<KeyboardLayoutMap>
+  lock (keyCode?: KeyCode): Promise<undefined>
+  unlock (): void
 }
diff --git a/src/react/hooks/useScrollBehavior.ts b/src/react/hooks/useScrollBehavior.ts
new file mode 100644
index 00000000..5a839066
--- /dev/null
+++ b/src/react/hooks/useScrollBehavior.ts
@@ -0,0 +1,96 @@
+import { RefObject, useEffect, useLayoutEffect, useRef, useState } from 'react'
+import { pixelartIcons } from '../PixelartIcon'
+
+export const useScrollBehavior = (
+  elementRef: RefObject<HTMLElement>,
+  {
+    messages,
+    opened
+  }: {
+    messages: readonly any[],
+    opened?: boolean
+  }
+) => {
+  const openedWasAtBottom = useRef(true) // before new messages
+  const [currentlyAtBottom, setCurrentlyAtBottom] = useState(true)
+  const scrollTimeoutRef = useRef<NodeJS.Timeout | null>(null)
+
+  const isAtBottom = () => {
+    if (!elementRef.current) return true
+    const { scrollTop, scrollHeight, clientHeight } = elementRef.current
+    const distanceFromBottom = Math.abs(scrollHeight - clientHeight - scrollTop)
+    return distanceFromBottom < 1
+  }
+
+  const scrollToBottom = (behavior: ScrollBehavior = 'instant') => {
+    if (!elementRef.current) return
+
+    // Clear any existing scroll timeout
+    if (scrollTimeoutRef.current) {
+      clearTimeout(scrollTimeoutRef.current)
+    }
+
+    const el = elementRef.current
+
+    // Immediate scroll
+    el.scrollTop = el.scrollHeight
+
+    // Double-check after a short delay to ensure we're really at the bottom
+    scrollTimeoutRef.current = setTimeout(() => {
+      if (!elementRef.current) return
+      const el = elementRef.current
+      el.scrollTo({
+        top: el.scrollHeight,
+        behavior
+      })
+      setCurrentlyAtBottom(true)
+      openedWasAtBottom.current = true
+    }, 5)
+  }
+
+  // Handle scroll position tracking
+  useEffect(() => {
+    const element = elementRef.current
+    if (!element) return
+
+    const handleScroll = () => {
+      const atBottom = isAtBottom()
+      openedWasAtBottom.current = atBottom
+      setCurrentlyAtBottom(atBottom)
+    }
+
+    element.addEventListener('scroll', handleScroll)
+    return () => {
+      element.removeEventListener('scroll', handleScroll)
+      if (scrollTimeoutRef.current) {
+        clearTimeout(scrollTimeoutRef.current)
+      }
+    }
+  }, [])
+
+  // Handle opened state changes
+  useLayoutEffect(() => {
+    if (opened) {
+      // Wait a frame before scrolling to ensure DOM has updated
+      requestAnimationFrame(() => {
+        scrollToBottom()
+      })
+    } else if (elementRef.current) {
+      scrollToBottom()
+    }
+  }, [opened])
+
+  // Handle messages changes
+  useLayoutEffect(() => {
+    if ((!opened || (opened && openedWasAtBottom.current)) && elementRef.current) {
+      scrollToBottom()
+    }
+  }, [messages])
+
+  return {
+    scrollToBottom,
+    isAtBottom,
+    wasAtBottom: () => openedWasAtBottom.current,
+    currentlyAtBottom
+  }
+}
diff --git a/src/react/input.module.css.d.ts b/src/react/input.module.css.d.ts
new file mode 100644
index 00000000..10b86cad
--- /dev/null
+++ b/src/react/input.module.css.d.ts
@@ -0,0 +1,8 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  container: string;
+  input: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/mainMenu.module.css b/src/react/mainMenu.module.css
index 5b84431b..897144e7 100644
--- a/src/react/mainMenu.module.css
+++ b/src/react/mainMenu.module.css
@@ -5,7 +5,9 @@
 .game-title {
     position: fixed;
     top: var(--top-offset);
-    left: calc(50% - 137px);
+    width: 100%;
+    display: flex;
+    justify-content: center;
 }
 
 .game-title .minec {
@@ -18,6 +20,14 @@
     width: 155px;
     height: 44px;
 }
+.game-title .minecraft {
+    display: block;
+    position: relative;
+    background-image: var(--title-gui);
+    background-size: 256px;
+    width: 256px;
+    height: 44px;
+}
 
 .game-title .raft {
     display: block;
@@ -35,10 +45,11 @@
     display: block;
     position: absolute;
     top: 37px;
-    left: calc(88px + 5px);
-    background-image: url('extra-textures/edition.png');
+    left: calc((512px / 2 - 176px / 2) / 2);
+    background-image: url('../../assets/edition.png');
     background-size: 128px;
-    width: 88px;
+    background-repeat: no-repeat;
+    width: 100%;
     height: 14px;
 }
 
@@ -90,10 +101,10 @@
     color: white;
     text-shadow: 1px 1px #222;
     font-size: 10px;
+    padding-left: calc(env(safe-area-inset-left) / 2);
 }
 
 .product-info {
-    padding-left: calc(env(safe-area-inset-left) / 2);
 }
 
 .product-description {
@@ -104,7 +115,13 @@
     padding-right: calc(env(safe-area-inset-right) / 2);
 }
 
-@media only screen and (max-height: 313px) {
+.product-link {
+    display: flex;
+    gap: 2;
+    justify-content: flex-end;
+}
+
+@media only screen and (max-height: 420px) {
     .root {
         --top-offset: 10px
     }
diff --git a/src/react/mainMenu.module.css.d.ts b/src/react/mainMenu.module.css.d.ts
new file mode 100644
index 00000000..df6f35e9
--- /dev/null
+++ b/src/react/mainMenu.module.css.d.ts
@@ -0,0 +1,26 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'bottom-info': string;
+  bottomInfo: string;
+  edition: string;
+  'game-title': string;
+  gameTitle: string;
+  'maps-provider': string;
+  mapsProvider: string;
+  menu: string;
+  'menu-row': string;
+  menuRow: string;
+  minec: string;
+  minecraft: string;
+  'product-description': string;
+  'product-link': string;
+  productDescription: string;
+  productLink: string;
+  raft: string;
+  root: string;
+  splash: string;
+  splashAnim: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/mods.module.css b/src/react/mods.module.css
new file mode 100644
index 00000000..00b586f0
--- /dev/null
+++ b/src/react/mods.module.css
@@ -0,0 +1,199 @@
+.root {
+  min-height: 0; 
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  padding: 10px;
+  padding-top: 0;
+  box-sizing: border-box;
+  gap: 10px;
+}
+
+.header {
+  display: flex;
+  gap: 5px;
+}
+
+.statsRow {
+  color: #999;
+  font-size: 10px;
+  margin-bottom: 8px;
+}
+
+.statsRow {
+  color: #999;
+  font-size: 10px;
+  margin-bottom: 8px;
+}
+
+.searchBar {
+  flex: 1;
+}
+
+.content {
+  display: grid;
+  grid-template-columns: 60% 40%;
+  flex: 1;
+  gap: 10px;
+  overflow: hidden;
+  min-height: 0; /* Important for Firefox */
+}
+
+.verticalContent {
+  display: grid;
+  grid-template-columns: none;
+  grid-template-rows: 60% 40%;
+  overflow: hidden;
+}
+
+.verticalContent .modList {
+  max-height: 100%;
+  overflow-y: auto;
+}
+
+.verticalContent .sidebar {
+  max-height: 100%;
+  width: 100%;
+  overflow-y: auto;
+}
+
+.modList {
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  padding: 5px;
+  min-height: 0; /* Important for Firefox */
+  height: 100%;
+  width: 100%;
+}
+
+.sidebar {
+  overflow-y: auto;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 10px;
+  background: rgba(0, 0, 0, 0.3);
+  border-radius: 4px;
+}
+
+.modInfo {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.modInfoTitle {
+  font-size: 12px;
+  font-weight: bold;
+  color: white;
+}
+
+.modInfoText {
+  font-size: 10px;
+  white-space: pre-wrap;
+  color: #bcbcbc;
+}
+
+.modActions {
+  display: flex;
+  gap: 5px;
+}
+
+.modRow {
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.modRow:hover {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.modRowTitle {
+  font-size: 12px;
+  color: white;
+  margin-bottom: 4px;
+  display: flex;
+}
+
+.modRowInfo {
+  font-size: 10px;
+  color: #bcbcbc;
+}
+
+.repoHeader {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: #bcbcbc;
+  font-size: 8px;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+}
+
+.repoHeader:hover {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.repoContent {
+  margin-left: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+/* Mod state styles */
+.modRow[data-enabled="false"] {
+  opacity: 0.5;
+}
+
+.modRow[data-enabled="true"] {
+  color: lime;
+}
+
+.modRow[data-enabled="true"] .modRowTitle {
+  color: lime;
+}
+
+/* Error state styles */
+.modRow[data-has-error="true"] {
+  background: rgba(255, 0, 0, 0.1);
+}
+
+.modRow[data-has-error="true"] .modRowTitle {
+  color: #ff6b6b;
+}
+
+.modErrorList {
+  font-size: 8px;
+  color: #ff6b6b;
+  margin-top: 5px;
+  padding-left: 10px;
+  list-style-type: disc;
+}
+
+.fieldEditorTextarea {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  font-size: 7px;
+}
+
+.fieldEditorTextarea {
+  position: absolute;
+
+  width: 100%;
+  height: 100%;
+  padding: 10px;
+}
diff --git a/src/react/mods.module.css.d.ts b/src/react/mods.module.css.d.ts
new file mode 100644
index 00000000..d72d09a1
--- /dev/null
+++ b/src/react/mods.module.css.d.ts
@@ -0,0 +1,25 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  content: string;
+  fieldEditorTextarea: string;
+  header: string;
+  modActions: string;
+  modErrorList: string;
+  modInfo: string;
+  modInfoText: string;
+  modInfoTitle: string;
+  modList: string;
+  modRow: string;
+  modRowInfo: string;
+  modRowTitle: string;
+  repoContent: string;
+  repoHeader: string;
+  root: string;
+  searchBar: string;
+  sidebar: string;
+  statsRow: string;
+  verticalContent: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/packetsFilter.ts b/src/react/packetsFilter.ts
new file mode 100644
index 00000000..e89621cf
--- /dev/null
+++ b/src/react/packetsFilter.ts
@@ -0,0 +1,55 @@
+import { PacketData } from './ReplayPanel'
+
+function wildcardToRegExp (pattern: string): RegExp {
+  const escaped = pattern.replaceAll(/[.*+?^${}()|[\]\\]/g, '\\$&')
+  return new RegExp(`^${escaped.replaceAll('\\*', '.*')}$`)
+}
+
+function patternToRegExp (pattern: string): RegExp {
+  if (pattern.startsWith('$')) {
+    return new RegExp(`^${pattern.slice(1)}$`)
+  }
+  return wildcardToRegExp(`*${pattern}*`)
+}
+
+export function parseFilterString (filter: string): { include: RegExp[]; exclude: RegExp[] } {
+  const parts = filter.split(/,\s*/)
+  const include: RegExp[] = []
+  const exclude: RegExp[] = []
+
+  for (const part of parts) {
+    if (!part) continue
+    if (part.startsWith('!')) {
+      exclude.push(patternToRegExp(part.slice(1)))
+    } else {
+      include.push(patternToRegExp(part))
+    }
+  }
+
+  return { include, exclude }
+}
+
+export function filterPackets (packets: PacketData[], filter: string): { filtered: PacketData[]; hiddenCount: number } {
+  if (!filter.trim()) {
+    return { filtered: packets, hiddenCount: 0 }
+  }
+
+  const { include, exclude } = parseFilterString(filter)
+  const filtered = packets.filter(packet => {
+    // If packet matches any exclude pattern, filter it out
+    if (exclude.some(pattern => pattern.test(packet.name))) {
+      return false
+    }
+    // If there are include patterns, packet must match at least one
+    if (include.length > 0) {
+      return include.some(pattern => pattern.test(packet.name))
+    }
+    // If no include patterns, keep the packet (unless it was excluded)
+    return true
+  })
+
+  return {
+    filtered,
+    hiddenCount: packets.length - filtered.length
+  }
+}
diff --git a/src/react/parseKeybindingName.test.ts b/src/react/parseKeybindingName.test.ts
new file mode 100644
index 00000000..2c639691
--- /dev/null
+++ b/src/react/parseKeybindingName.test.ts
@@ -0,0 +1,14 @@
+import { test, expect } from 'vitest'
+import { parseBindingName } from './parseKeybindingName'
+
+test('display keybinding correctly', async () => {
+  expect(await parseBindingName('unknown')).toMatchInlineSnapshot('"unknown"')
+  expect(await parseBindingName('KeyT')).toMatchInlineSnapshot('"T"')
+  expect(await parseBindingName('Digit1')).toMatchInlineSnapshot('"1"')
+  expect(await parseBindingName('Numpad1')).toMatchInlineSnapshot('"Numpad 1"')
+  expect(await parseBindingName('MetaLeft')).toMatchInlineSnapshot('"Left Meta"')
+  expect(await parseBindingName('Space')).toMatchInlineSnapshot('"Space"')
+  expect(await parseBindingName('Escape')).toMatchInlineSnapshot('"Escape"')
+  expect(await parseBindingName('F11')).toMatchInlineSnapshot('"F11"')
+  expect(await parseBindingName('Mouse 55')).toMatchInlineSnapshot('"Mouse 55"')
+})
diff --git a/src/react/parseKeybindingName.ts b/src/react/parseKeybindingName.ts
new file mode 100644
index 00000000..46bcf259
--- /dev/null
+++ b/src/react/parseKeybindingName.ts
@@ -0,0 +1,17 @@
+export async function parseBindingName (binding: string) {
+  if (!binding) return ''
+
+  const { keyboard } = (typeof navigator === 'undefined' ? undefined : navigator) ?? {}
+  const layoutMap = await keyboard?.getLayoutMap?.() ?? new Map<string, string>()
+
+  const mapKey = (key: string) => layoutMap.get(key) || key
+
+  const cut = binding.replaceAll(/(Digit|Key)/g, '')
+  const parts = cut.includes('+') ? cut.split('+') : [cut]
+
+  for (let i = 0; i < parts.length; i++) {
+    parts[i] = mapKey(parts[i]).split(/(?<=[a-z])(?=\d)/).join(' ').split(/(?=[A-Z])/).reverse().join(' ')
+  }
+
+  return parts.join(' + ')
+}
diff --git a/src/react/pixelartIcons.generated.ts b/src/react/pixelartIcons.generated.ts
new file mode 100644
index 00000000..b8f717c1
--- /dev/null
+++ b/src/react/pixelartIcons.generated.ts
@@ -0,0 +1,974 @@
+export type PixelartIconsGenerated = {
+  /** ![image](../../node_modules/pixelarticons/svg/4g.svg) */
+ '4g': string;
+  /** ![image](../../node_modules/pixelarticons/svg/4k-box.svg) */
+ '4k-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/4k.svg) */
+ '4k': string;
+  /** ![image](../../node_modules/pixelarticons/svg/5g.svg) */
+ '5g': string;
+  /** ![image](../../node_modules/pixelarticons/svg/ab-testing.svg) */
+ 'ab-testing': string;
+  /** ![image](../../node_modules/pixelarticons/svg/ac.svg) */
+ 'ac': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-box-multiple.svg) */
+ 'add-box-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-box.svg) */
+ 'add-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-col.svg) */
+ 'add-col': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-grid.svg) */
+ 'add-grid': string;
+  /** ![image](../../node_modules/pixelarticons/svg/add-row.svg) */
+ 'add-row': string;
+  /** ![image](../../node_modules/pixelarticons/svg/alert.svg) */
+ 'alert': string;
+  /** ![image](../../node_modules/pixelarticons/svg/align-center.svg) */
+ 'align-center': string;
+  /** ![image](../../node_modules/pixelarticons/svg/align-justify.svg) */
+ 'align-justify': string;
+  /** ![image](../../node_modules/pixelarticons/svg/align-left.svg) */
+ 'align-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/align-right.svg) */
+ 'align-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/analytics.svg) */
+ 'analytics': string;
+  /** ![image](../../node_modules/pixelarticons/svg/anchor.svg) */
+ 'anchor': string;
+  /** ![image](../../node_modules/pixelarticons/svg/android.svg) */
+ 'android': string;
+  /** ![image](../../node_modules/pixelarticons/svg/animation.svg) */
+ 'animation': string;
+  /** ![image](../../node_modules/pixelarticons/svg/archive.svg) */
+ 'archive': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-bar-down.svg) */
+ 'arrow-bar-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-bar-left.svg) */
+ 'arrow-bar-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-bar-right.svg) */
+ 'arrow-bar-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-bar-up.svg) */
+ 'arrow-bar-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-down-box.svg) */
+ 'arrow-down-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-down.svg) */
+ 'arrow-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-left-box.svg) */
+ 'arrow-left-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-left.svg) */
+ 'arrow-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-right-box.svg) */
+ 'arrow-right-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-right.svg) */
+ 'arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-up-box.svg) */
+ 'arrow-up-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrow-up.svg) */
+ 'arrow-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrows-horizontal.svg) */
+ 'arrows-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/arrows-vertical.svg) */
+ 'arrows-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/art-text.svg) */
+ 'art-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/article-multiple.svg) */
+ 'article-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/article.svg) */
+ 'article': string;
+  /** ![image](../../node_modules/pixelarticons/svg/aspect-ratio.svg) */
+ 'aspect-ratio': string;
+  /** ![image](../../node_modules/pixelarticons/svg/at.svg) */
+ 'at': string;
+  /** ![image](../../node_modules/pixelarticons/svg/attachment.svg) */
+ 'attachment': string;
+  /** ![image](../../node_modules/pixelarticons/svg/audio-device.svg) */
+ 'audio-device': string;
+  /** ![image](../../node_modules/pixelarticons/svg/avatar.svg) */
+ 'avatar': string;
+  /** ![image](../../node_modules/pixelarticons/svg/backburger.svg) */
+ 'backburger': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery-1.svg) */
+ 'battery-1': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery-2.svg) */
+ 'battery-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery-charging.svg) */
+ 'battery-charging': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery-full.svg) */
+ 'battery-full': string;
+  /** ![image](../../node_modules/pixelarticons/svg/battery.svg) */
+ 'battery': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bed.svg) */
+ 'bed': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bitcoin.svg) */
+ 'bitcoin': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bluetooth.svg) */
+ 'bluetooth': string;
+  /** ![image](../../node_modules/pixelarticons/svg/book-open.svg) */
+ 'book-open': string;
+  /** ![image](../../node_modules/pixelarticons/svg/book.svg) */
+ 'book': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bookmark.svg) */
+ 'bookmark': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bookmarks.svg) */
+ 'bookmarks': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-account.svg) */
+ 'briefcase-account': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-check.svg) */
+ 'briefcase-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-delete.svg) */
+ 'briefcase-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-download.svg) */
+ 'briefcase-download': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-minus.svg) */
+ 'briefcase-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-plus.svg) */
+ 'briefcase-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-search-1.svg) */
+ 'briefcase-search-1': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-search.svg) */
+ 'briefcase-search': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase-upload.svg) */
+ 'briefcase-upload': string;
+  /** ![image](../../node_modules/pixelarticons/svg/briefcase.svg) */
+ 'briefcase': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bug.svg) */
+ 'bug': string;
+  /** ![image](../../node_modules/pixelarticons/svg/building-community.svg) */
+ 'building-community': string;
+  /** ![image](../../node_modules/pixelarticons/svg/building-skyscraper.svg) */
+ 'building-skyscraper': string;
+  /** ![image](../../node_modules/pixelarticons/svg/building.svg) */
+ 'building': string;
+  /** ![image](../../node_modules/pixelarticons/svg/buildings.svg) */
+ 'buildings': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bulletlist.svg) */
+ 'bulletlist': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bullseye-arrow.svg) */
+ 'bullseye-arrow': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bullseye.svg) */
+ 'bullseye': string;
+  /** ![image](../../node_modules/pixelarticons/svg/bus.svg) */
+ 'bus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cake.svg) */
+ 'cake': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calculator.svg) */
+ 'calculator': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-alert.svg) */
+ 'calendar-alert': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-arrow-left.svg) */
+ 'calendar-arrow-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-arrow-right.svg) */
+ 'calendar-arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-check.svg) */
+ 'calendar-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-export.svg) */
+ 'calendar-export': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-grid.svg) */
+ 'calendar-grid': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-import.svg) */
+ 'calendar-import': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-minus.svg) */
+ 'calendar-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-month.svg) */
+ 'calendar-month': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-multiple-check.svg) */
+ 'calendar-multiple-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-multiple.svg) */
+ 'calendar-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-plus.svg) */
+ 'calendar-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-range.svg) */
+ 'calendar-range': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-remove.svg) */
+ 'calendar-remove': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-search.svg) */
+ 'calendar-search': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-sort-ascending.svg) */
+ 'calendar-sort-ascending': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-sort-descending.svg) */
+ 'calendar-sort-descending': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-text.svg) */
+ 'calendar-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-today.svg) */
+ 'calendar-today': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-tomorrow.svg) */
+ 'calendar-tomorrow': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-week-begin.svg) */
+ 'calendar-week-begin': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-week.svg) */
+ 'calendar-week': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar-weekend.svg) */
+ 'calendar-weekend': string;
+  /** ![image](../../node_modules/pixelarticons/svg/calendar.svg) */
+ 'calendar': string;
+  /** ![image](../../node_modules/pixelarticons/svg/camera-add.svg) */
+ 'camera-add': string;
+  /** ![image](../../node_modules/pixelarticons/svg/camera-alt.svg) */
+ 'camera-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/camera-face.svg) */
+ 'camera-face': string;
+  /** ![image](../../node_modules/pixelarticons/svg/camera.svg) */
+ 'camera': string;
+  /** ![image](../../node_modules/pixelarticons/svg/car.svg) */
+ 'car': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card-id.svg) */
+ 'card-id': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card-plus.svg) */
+ 'card-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card-stack.svg) */
+ 'card-stack': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card-text.svg) */
+ 'card-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/card.svg) */
+ 'card': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cart.svg) */
+ 'cart': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cast.svg) */
+ 'cast': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-0.svg) */
+ 'cellular-signal-0': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-1.svg) */
+ 'cellular-signal-1': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-2.svg) */
+ 'cellular-signal-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-3.svg) */
+ 'cellular-signal-3': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cellular-signal-off.svg) */
+ 'cellular-signal-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-add.svg) */
+ 'chart-add': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-bar.svg) */
+ 'chart-bar': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-delete.svg) */
+ 'chart-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-minus.svg) */
+ 'chart-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart-multiple.svg) */
+ 'chart-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chart.svg) */
+ 'chart': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chat.svg) */
+ 'chat': string;
+  /** ![image](../../node_modules/pixelarticons/svg/check-double.svg) */
+ 'check-double': string;
+  /** ![image](../../node_modules/pixelarticons/svg/check.svg) */
+ 'check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/checkbox-on.svg) */
+ 'checkbox-on': string;
+  /** ![image](../../node_modules/pixelarticons/svg/checkbox.svg) */
+ 'checkbox': string;
+  /** ![image](../../node_modules/pixelarticons/svg/checklist.svg) */
+ 'checklist': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chess.svg) */
+ 'chess': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevron-down.svg) */
+ 'chevron-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevron-left.svg) */
+ 'chevron-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevron-right.svg) */
+ 'chevron-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevron-up.svg) */
+ 'chevron-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevrons-horizontal.svg) */
+ 'chevrons-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/chevrons-vertical.svg) */
+ 'chevrons-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/circle.svg) */
+ 'circle': string;
+  /** ![image](../../node_modules/pixelarticons/svg/clipboard.svg) */
+ 'clipboard': string;
+  /** ![image](../../node_modules/pixelarticons/svg/clock.svg) */
+ 'clock': string;
+  /** ![image](../../node_modules/pixelarticons/svg/close-box.svg) */
+ 'close-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/close.svg) */
+ 'close': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-done.svg) */
+ 'cloud-done': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-download.svg) */
+ 'cloud-download': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-moon.svg) */
+ 'cloud-moon': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-sun.svg) */
+ 'cloud-sun': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud-upload.svg) */
+ 'cloud-upload': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cloud.svg) */
+ 'cloud': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cocktail.svg) */
+ 'cocktail': string;
+  /** ![image](../../node_modules/pixelarticons/svg/code.svg) */
+ 'code': string;
+  /** ![image](../../node_modules/pixelarticons/svg/coffee-alt.svg) */
+ 'coffee-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/coffee.svg) */
+ 'coffee': string;
+  /** ![image](../../node_modules/pixelarticons/svg/coin.svg) */
+ 'coin': string;
+  /** ![image](../../node_modules/pixelarticons/svg/collapse.svg) */
+ 'collapse': string;
+  /** ![image](../../node_modules/pixelarticons/svg/colors-swatch.svg) */
+ 'colors-swatch': string;
+  /** ![image](../../node_modules/pixelarticons/svg/command.svg) */
+ 'command': string;
+  /** ![image](../../node_modules/pixelarticons/svg/comment.svg) */
+ 'comment': string;
+  /** ![image](../../node_modules/pixelarticons/svg/contact-delete.svg) */
+ 'contact-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/contact-multiple.svg) */
+ 'contact-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/contact-plus.svg) */
+ 'contact-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/contact.svg) */
+ 'contact': string;
+  /** ![image](../../node_modules/pixelarticons/svg/copy.svg) */
+ 'copy': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-down-left.svg) */
+ 'corner-down-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-down-right.svg) */
+ 'corner-down-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-left-down.svg) */
+ 'corner-left-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-left-up.svg) */
+ 'corner-left-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-right-down.svg) */
+ 'corner-right-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-right-up.svg) */
+ 'corner-right-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-up-left.svg) */
+ 'corner-up-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/corner-up-right.svg) */
+ 'corner-up-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-delete.svg) */
+ 'credit-card-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-minus.svg) */
+ 'credit-card-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-multiple.svg) */
+ 'credit-card-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-plus.svg) */
+ 'credit-card-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-settings.svg) */
+ 'credit-card-settings': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card-wireless.svg) */
+ 'credit-card-wireless': string;
+  /** ![image](../../node_modules/pixelarticons/svg/credit-card.svg) */
+ 'credit-card': string;
+  /** ![image](../../node_modules/pixelarticons/svg/crop.svg) */
+ 'crop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/cut.svg) */
+ 'cut': string;
+  /** ![image](../../node_modules/pixelarticons/svg/dashboard.svg) */
+ 'dashboard': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-check.svg) */
+ 'debug-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-off.svg) */
+ 'debug-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-pause.svg) */
+ 'debug-pause': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-play.svg) */
+ 'debug-play': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug-stop.svg) */
+ 'debug-stop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/debug.svg) */
+ 'debug': string;
+  /** ![image](../../node_modules/pixelarticons/svg/delete.svg) */
+ 'delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/deskphone.svg) */
+ 'deskphone': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-laptop.svg) */
+ 'device-laptop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-phone.svg) */
+ 'device-phone': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-tablet.svg) */
+ 'device-tablet': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-tv-smart.svg) */
+ 'device-tv-smart': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-tv.svg) */
+ 'device-tv': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-vibrate.svg) */
+ 'device-vibrate': string;
+  /** ![image](../../node_modules/pixelarticons/svg/device-watch.svg) */
+ 'device-watch': string;
+  /** ![image](../../node_modules/pixelarticons/svg/devices.svg) */
+ 'devices': string;
+  /** ![image](../../node_modules/pixelarticons/svg/dice.svg) */
+ 'dice': string;
+  /** ![image](../../node_modules/pixelarticons/svg/dollar.svg) */
+ 'dollar': string;
+  /** ![image](../../node_modules/pixelarticons/svg/downasaur.svg) */
+ 'downasaur': string;
+  /** ![image](../../node_modules/pixelarticons/svg/download.svg) */
+ 'download': string;
+  /** ![image](../../node_modules/pixelarticons/svg/draft.svg) */
+ 'draft': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drag-and-drop.svg) */
+ 'drag-and-drop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drop-area.svg) */
+ 'drop-area': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drop-full.svg) */
+ 'drop-full': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drop-half.svg) */
+ 'drop-half': string;
+  /** ![image](../../node_modules/pixelarticons/svg/drop.svg) */
+ 'drop': string;
+  /** ![image](../../node_modules/pixelarticons/svg/duplicate-alt.svg) */
+ 'duplicate-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/duplicate.svg) */
+ 'duplicate': string;
+  /** ![image](../../node_modules/pixelarticons/svg/edit-box.svg) */
+ 'edit-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/edit.svg) */
+ 'edit': string;
+  /** ![image](../../node_modules/pixelarticons/svg/euro.svg) */
+ 'euro': string;
+  /** ![image](../../node_modules/pixelarticons/svg/expand.svg) */
+ 'expand': string;
+  /** ![image](../../node_modules/pixelarticons/svg/external-link.svg) */
+ 'external-link': string;
+  /** ![image](../../node_modules/pixelarticons/svg/eye-closed.svg) */
+ 'eye-closed': string;
+  /** ![image](../../node_modules/pixelarticons/svg/eye.svg) */
+ 'eye': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-alt.svg) */
+ 'file-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-delete.svg) */
+ 'file-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-flash.svg) */
+ 'file-flash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-minus.svg) */
+ 'file-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-multiple.svg) */
+ 'file-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-off.svg) */
+ 'file-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file-plus.svg) */
+ 'file-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/file.svg) */
+ 'file': string;
+  /** ![image](../../node_modules/pixelarticons/svg/fill-half.svg) */
+ 'fill-half': string;
+  /** ![image](../../node_modules/pixelarticons/svg/fill.svg) */
+ 'fill': string;
+  /** ![image](../../node_modules/pixelarticons/svg/flag.svg) */
+ 'flag': string;
+  /** ![image](../../node_modules/pixelarticons/svg/flatten.svg) */
+ 'flatten': string;
+  /** ![image](../../node_modules/pixelarticons/svg/flip-to-back.svg) */
+ 'flip-to-back': string;
+  /** ![image](../../node_modules/pixelarticons/svg/flip-to-front.svg) */
+ 'flip-to-front': string;
+  /** ![image](../../node_modules/pixelarticons/svg/float-center.svg) */
+ 'float-center': string;
+  /** ![image](../../node_modules/pixelarticons/svg/float-left.svg) */
+ 'float-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/float-right.svg) */
+ 'float-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/folder-minus.svg) */
+ 'folder-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/folder-plus.svg) */
+ 'folder-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/folder-x.svg) */
+ 'folder-x': string;
+  /** ![image](../../node_modules/pixelarticons/svg/folder.svg) */
+ 'folder': string;
+  /** ![image](../../node_modules/pixelarticons/svg/forward.svg) */
+ 'forward': string;
+  /** ![image](../../node_modules/pixelarticons/svg/forwardburger.svg) */
+ 'forwardburger': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame-add.svg) */
+ 'frame-add': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame-check.svg) */
+ 'frame-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame-delete.svg) */
+ 'frame-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame-minus.svg) */
+ 'frame-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/frame.svg) */
+ 'frame': string;
+  /** ![image](../../node_modules/pixelarticons/svg/gamepad.svg) */
+ 'gamepad': string;
+  /** ![image](../../node_modules/pixelarticons/svg/gif.svg) */
+ 'gif': string;
+  /** ![image](../../node_modules/pixelarticons/svg/gift.svg) */
+ 'gift': string;
+  /** ![image](../../node_modules/pixelarticons/svg/git-branch.svg) */
+ 'git-branch': string;
+  /** ![image](../../node_modules/pixelarticons/svg/git-commit.svg) */
+ 'git-commit': string;
+  /** ![image](../../node_modules/pixelarticons/svg/git-merge.svg) */
+ 'git-merge': string;
+  /** ![image](../../node_modules/pixelarticons/svg/git-pull-request.svg) */
+ 'git-pull-request': string;
+  /** ![image](../../node_modules/pixelarticons/svg/github-2.svg) */
+ 'github-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/github.svg) */
+ 'github': string;
+  /** ![image](../../node_modules/pixelarticons/svg/gps.svg) */
+ 'gps': string;
+  /** ![image](../../node_modules/pixelarticons/svg/grid.svg) */
+ 'grid': string;
+  /** ![image](../../node_modules/pixelarticons/svg/group.svg) */
+ 'group': string;
+  /** ![image](../../node_modules/pixelarticons/svg/hd.svg) */
+ 'hd': string;
+  /** ![image](../../node_modules/pixelarticons/svg/headphone.svg) */
+ 'headphone': string;
+  /** ![image](../../node_modules/pixelarticons/svg/headset.svg) */
+ 'headset': string;
+  /** ![image](../../node_modules/pixelarticons/svg/heart.svg) */
+ 'heart': string;
+  /** ![image](../../node_modules/pixelarticons/svg/hidden.svg) */
+ 'hidden': string;
+  /** ![image](../../node_modules/pixelarticons/svg/home.svg) */
+ 'home': string;
+  /** ![image](../../node_modules/pixelarticons/svg/hourglass.svg) */
+ 'hourglass': string;
+  /** ![image](../../node_modules/pixelarticons/svg/hq.svg) */
+ 'hq': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-handsdown.svg) */
+ 'human-handsdown': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-handsup.svg) */
+ 'human-handsup': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-height-alt.svg) */
+ 'human-height-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-height.svg) */
+ 'human-height': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human-run.svg) */
+ 'human-run': string;
+  /** ![image](../../node_modules/pixelarticons/svg/human.svg) */
+ 'human': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-arrow-right.svg) */
+ 'image-arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-broken.svg) */
+ 'image-broken': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-delete.svg) */
+ 'image-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-flash.svg) */
+ 'image-flash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-frame.svg) */
+ 'image-frame': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-gallery.svg) */
+ 'image-gallery': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-multiple.svg) */
+ 'image-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-new.svg) */
+ 'image-new': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image-plus.svg) */
+ 'image-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/image.svg) */
+ 'image': string;
+  /** ![image](../../node_modules/pixelarticons/svg/inbox-all.svg) */
+ 'inbox-all': string;
+  /** ![image](../../node_modules/pixelarticons/svg/inbox-full.svg) */
+ 'inbox-full': string;
+  /** ![image](../../node_modules/pixelarticons/svg/inbox.svg) */
+ 'inbox': string;
+  /** ![image](../../node_modules/pixelarticons/svg/info-box.svg) */
+ 'info-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/invert.svg) */
+ 'invert': string;
+  /** ![image](../../node_modules/pixelarticons/svg/iso.svg) */
+ 'iso': string;
+  /** ![image](../../node_modules/pixelarticons/svg/kanban.svg) */
+ 'kanban': string;
+  /** ![image](../../node_modules/pixelarticons/svg/keyboard.svg) */
+ 'keyboard': string;
+  /** ![image](../../node_modules/pixelarticons/svg/label-alt-multiple.svg) */
+ 'label-alt-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/label-alt.svg) */
+ 'label-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/label-sharp.svg) */
+ 'label-sharp': string;
+  /** ![image](../../node_modules/pixelarticons/svg/label.svg) */
+ 'label': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-align-bottom.svg) */
+ 'layout-align-bottom': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-align-left.svg) */
+ 'layout-align-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-align-right.svg) */
+ 'layout-align-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-align-top.svg) */
+ 'layout-align-top': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-columns.svg) */
+ 'layout-columns': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-distribute-horizontal.svg) */
+ 'layout-distribute-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-distribute-vertical.svg) */
+ 'layout-distribute-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-footer.svg) */
+ 'layout-footer': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-header.svg) */
+ 'layout-header': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-rows.svg) */
+ 'layout-rows': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-sidebar-left.svg) */
+ 'layout-sidebar-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout-sidebar-right.svg) */
+ 'layout-sidebar-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/layout.svg) */
+ 'layout': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lightbulb-2.svg) */
+ 'lightbulb-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lightbulb-on.svg) */
+ 'lightbulb-on': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lightbulb.svg) */
+ 'lightbulb': string;
+  /** ![image](../../node_modules/pixelarticons/svg/link.svg) */
+ 'link': string;
+  /** ![image](../../node_modules/pixelarticons/svg/list-box.svg) */
+ 'list-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/list.svg) */
+ 'list': string;
+  /** ![image](../../node_modules/pixelarticons/svg/loader.svg) */
+ 'loader': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lock-open.svg) */
+ 'lock-open': string;
+  /** ![image](../../node_modules/pixelarticons/svg/lock.svg) */
+ 'lock': string;
+  /** ![image](../../node_modules/pixelarticons/svg/login.svg) */
+ 'login': string;
+  /** ![image](../../node_modules/pixelarticons/svg/logout.svg) */
+ 'logout': string;
+  /** ![image](../../node_modules/pixelarticons/svg/luggage.svg) */
+ 'luggage': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-arrow-right.svg) */
+ 'mail-arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-check.svg) */
+ 'mail-check': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-delete.svg) */
+ 'mail-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-flash.svg) */
+ 'mail-flash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-multiple.svg) */
+ 'mail-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-off.svg) */
+ 'mail-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail-unread.svg) */
+ 'mail-unread': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mail.svg) */
+ 'mail': string;
+  /** ![image](../../node_modules/pixelarticons/svg/map.svg) */
+ 'map': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mastodon.svg) */
+ 'mastodon': string;
+  /** ![image](../../node_modules/pixelarticons/svg/membercard.svg) */
+ 'membercard': string;
+  /** ![image](../../node_modules/pixelarticons/svg/menu.svg) */
+ 'menu': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-arrow-left.svg) */
+ 'message-arrow-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-arrow-right.svg) */
+ 'message-arrow-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-bookmark.svg) */
+ 'message-bookmark': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-clock.svg) */
+ 'message-clock': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-delete.svg) */
+ 'message-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-flash.svg) */
+ 'message-flash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-image.svg) */
+ 'message-image': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-minus.svg) */
+ 'message-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-plus.svg) */
+ 'message-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-processing.svg) */
+ 'message-processing': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-reply.svg) */
+ 'message-reply': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message-text.svg) */
+ 'message-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/message.svg) */
+ 'message': string;
+  /** ![image](../../node_modules/pixelarticons/svg/minus.svg) */
+ 'minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/missed-call.svg) */
+ 'missed-call': string;
+  /** ![image](../../node_modules/pixelarticons/svg/modem.svg) */
+ 'modem': string;
+  /** ![image](../../node_modules/pixelarticons/svg/money.svg) */
+ 'money': string;
+  /** ![image](../../node_modules/pixelarticons/svg/monitor.svg) */
+ 'monitor': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mood-happy.svg) */
+ 'mood-happy': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mood-neutral.svg) */
+ 'mood-neutral': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mood-sad.svg) */
+ 'mood-sad': string;
+  /** ![image](../../node_modules/pixelarticons/svg/moon-star.svg) */
+ 'moon-star': string;
+  /** ![image](../../node_modules/pixelarticons/svg/moon-stars.svg) */
+ 'moon-stars': string;
+  /** ![image](../../node_modules/pixelarticons/svg/moon.svg) */
+ 'moon': string;
+  /** ![image](../../node_modules/pixelarticons/svg/more-horizontal.svg) */
+ 'more-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/more-vertical.svg) */
+ 'more-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/mouse.svg) */
+ 'mouse': string;
+  /** ![image](../../node_modules/pixelarticons/svg/move.svg) */
+ 'move': string;
+  /** ![image](../../node_modules/pixelarticons/svg/movie.svg) */
+ 'movie': string;
+  /** ![image](../../node_modules/pixelarticons/svg/music.svg) */
+ 'music': string;
+  /** ![image](../../node_modules/pixelarticons/svg/next.svg) */
+ 'next': string;
+  /** ![image](../../node_modules/pixelarticons/svg/note-delete.svg) */
+ 'note-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/note-multiple.svg) */
+ 'note-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/note-plus.svg) */
+ 'note-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/note.svg) */
+ 'note': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notes-delete.svg) */
+ 'notes-delete': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notes-multiple.svg) */
+ 'notes-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notes-plus.svg) */
+ 'notes-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notes.svg) */
+ 'notes': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notification-off.svg) */
+ 'notification-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/notification.svg) */
+ 'notification': string;
+  /** ![image](../../node_modules/pixelarticons/svg/open.svg) */
+ 'open': string;
+  /** ![image](../../node_modules/pixelarticons/svg/paint-bucket.svg) */
+ 'paint-bucket': string;
+  /** ![image](../../node_modules/pixelarticons/svg/paperclip.svg) */
+ 'paperclip': string;
+  /** ![image](../../node_modules/pixelarticons/svg/pause.svg) */
+ 'pause': string;
+  /** ![image](../../node_modules/pixelarticons/svg/percent.svg) */
+ 'percent': string;
+  /** ![image](../../node_modules/pixelarticons/svg/picture-in-picture-alt.svg) */
+ 'picture-in-picture-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/picture-in-picture.svg) */
+ 'picture-in-picture': string;
+  /** ![image](../../node_modules/pixelarticons/svg/pin.svg) */
+ 'pin': string;
+  /** ![image](../../node_modules/pixelarticons/svg/pixelarticons.svg) */
+ 'pixelarticons': string;
+  /** ![image](../../node_modules/pixelarticons/svg/play.svg) */
+ 'play': string;
+  /** ![image](../../node_modules/pixelarticons/svg/playlist.svg) */
+ 'playlist': string;
+  /** ![image](../../node_modules/pixelarticons/svg/plus.svg) */
+ 'plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/power.svg) */
+ 'power': string;
+  /** ![image](../../node_modules/pixelarticons/svg/prev.svg) */
+ 'prev': string;
+  /** ![image](../../node_modules/pixelarticons/svg/print.svg) */
+ 'print': string;
+  /** ![image](../../node_modules/pixelarticons/svg/radio-handheld.svg) */
+ 'radio-handheld': string;
+  /** ![image](../../node_modules/pixelarticons/svg/radio-on.svg) */
+ 'radio-on': string;
+  /** ![image](../../node_modules/pixelarticons/svg/radio-signal.svg) */
+ 'radio-signal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/radio-tower.svg) */
+ 'radio-tower': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reciept-alt.svg) */
+ 'reciept-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reciept.svg) */
+ 'reciept': string;
+  /** ![image](../../node_modules/pixelarticons/svg/redo.svg) */
+ 'redo': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reload.svg) */
+ 'reload': string;
+  /** ![image](../../node_modules/pixelarticons/svg/remove-box-multiple.svg) */
+ 'remove-box-multiple': string;
+  /** ![image](../../node_modules/pixelarticons/svg/remove-box.svg) */
+ 'remove-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/repeat.svg) */
+ 'repeat': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reply-all.svg) */
+ 'reply-all': string;
+  /** ![image](../../node_modules/pixelarticons/svg/reply.svg) */
+ 'reply': string;
+  /** ![image](../../node_modules/pixelarticons/svg/rounded-corner.svg) */
+ 'rounded-corner': string;
+  /** ![image](../../node_modules/pixelarticons/svg/save.svg) */
+ 'save': string;
+  /** ![image](../../node_modules/pixelarticons/svg/scale.svg) */
+ 'scale': string;
+  /** ![image](../../node_modules/pixelarticons/svg/script-text.svg) */
+ 'script-text': string;
+  /** ![image](../../node_modules/pixelarticons/svg/script.svg) */
+ 'script': string;
+  /** ![image](../../node_modules/pixelarticons/svg/scroll-horizontal.svg) */
+ 'scroll-horizontal': string;
+  /** ![image](../../node_modules/pixelarticons/svg/scroll-vertical.svg) */
+ 'scroll-vertical': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sd.svg) */
+ 'sd': string;
+  /** ![image](../../node_modules/pixelarticons/svg/search.svg) */
+ 'search': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section-copy.svg) */
+ 'section-copy': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section-minus.svg) */
+ 'section-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section-plus.svg) */
+ 'section-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section-x.svg) */
+ 'section-x': string;
+  /** ![image](../../node_modules/pixelarticons/svg/section.svg) */
+ 'section': string;
+  /** ![image](../../node_modules/pixelarticons/svg/server.svg) */
+ 'server': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sharp-corner.svg) */
+ 'sharp-corner': string;
+  /** ![image](../../node_modules/pixelarticons/svg/shield-off.svg) */
+ 'shield-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/shield.svg) */
+ 'shield': string;
+  /** ![image](../../node_modules/pixelarticons/svg/ship.svg) */
+ 'ship': string;
+  /** ![image](../../node_modules/pixelarticons/svg/shopping-bag.svg) */
+ 'shopping-bag': string;
+  /** ![image](../../node_modules/pixelarticons/svg/shuffle.svg) */
+ 'shuffle': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sliders-2.svg) */
+ 'sliders-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sliders.svg) */
+ 'sliders': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sort-alphabetic.svg) */
+ 'sort-alphabetic': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sort-numeric.svg) */
+ 'sort-numeric': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sort.svg) */
+ 'sort': string;
+  /** ![image](../../node_modules/pixelarticons/svg/speaker.svg) */
+ 'speaker': string;
+  /** ![image](../../node_modules/pixelarticons/svg/speed-fast.svg) */
+ 'speed-fast': string;
+  /** ![image](../../node_modules/pixelarticons/svg/speed-medium.svg) */
+ 'speed-medium': string;
+  /** ![image](../../node_modules/pixelarticons/svg/speed-slow.svg) */
+ 'speed-slow': string;
+  /** ![image](../../node_modules/pixelarticons/svg/spotlight.svg) */
+ 'spotlight': string;
+  /** ![image](../../node_modules/pixelarticons/svg/store.svg) */
+ 'store': string;
+  /** ![image](../../node_modules/pixelarticons/svg/subscriptions.svg) */
+ 'subscriptions': string;
+  /** ![image](../../node_modules/pixelarticons/svg/subtitles.svg) */
+ 'subtitles': string;
+  /** ![image](../../node_modules/pixelarticons/svg/suitcase.svg) */
+ 'suitcase': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sun-alt.svg) */
+ 'sun-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sun.svg) */
+ 'sun': string;
+  /** ![image](../../node_modules/pixelarticons/svg/switch.svg) */
+ 'switch': string;
+  /** ![image](../../node_modules/pixelarticons/svg/sync.svg) */
+ 'sync': string;
+  /** ![image](../../node_modules/pixelarticons/svg/tab.svg) */
+ 'tab': string;
+  /** ![image](../../node_modules/pixelarticons/svg/table.svg) */
+ 'table': string;
+  /** ![image](../../node_modules/pixelarticons/svg/tea.svg) */
+ 'tea': string;
+  /** ![image](../../node_modules/pixelarticons/svg/teach.svg) */
+ 'teach': string;
+  /** ![image](../../node_modules/pixelarticons/svg/text-add.svg) */
+ 'text-add': string;
+  /** ![image](../../node_modules/pixelarticons/svg/text-colums.svg) */
+ 'text-colums': string;
+  /** ![image](../../node_modules/pixelarticons/svg/text-search.svg) */
+ 'text-search': string;
+  /** ![image](../../node_modules/pixelarticons/svg/text-wrap.svg) */
+ 'text-wrap': string;
+  /** ![image](../../node_modules/pixelarticons/svg/timeline.svg) */
+ 'timeline': string;
+  /** ![image](../../node_modules/pixelarticons/svg/toggle-left.svg) */
+ 'toggle-left': string;
+  /** ![image](../../node_modules/pixelarticons/svg/toggle-right.svg) */
+ 'toggle-right': string;
+  /** ![image](../../node_modules/pixelarticons/svg/tournament.svg) */
+ 'tournament': string;
+  /** ![image](../../node_modules/pixelarticons/svg/track-changes.svg) */
+ 'track-changes': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trash-alt.svg) */
+ 'trash-alt': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trash.svg) */
+ 'trash': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trending-down.svg) */
+ 'trending-down': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trending-up.svg) */
+ 'trending-up': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trending.svg) */
+ 'trending': string;
+  /** ![image](../../node_modules/pixelarticons/svg/trophy.svg) */
+ 'trophy': string;
+  /** ![image](../../node_modules/pixelarticons/svg/truck.svg) */
+ 'truck': string;
+  /** ![image](../../node_modules/pixelarticons/svg/undo.svg) */
+ 'undo': string;
+  /** ![image](../../node_modules/pixelarticons/svg/ungroup.svg) */
+ 'ungroup': string;
+  /** ![image](../../node_modules/pixelarticons/svg/unlink.svg) */
+ 'unlink': string;
+  /** ![image](../../node_modules/pixelarticons/svg/upload.svg) */
+ 'upload': string;
+  /** ![image](../../node_modules/pixelarticons/svg/user-minus.svg) */
+ 'user-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/user-plus.svg) */
+ 'user-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/user-x.svg) */
+ 'user-x': string;
+  /** ![image](../../node_modules/pixelarticons/svg/user.svg) */
+ 'user': string;
+  /** ![image](../../node_modules/pixelarticons/svg/users.svg) */
+ 'users': string;
+  /** ![image](../../node_modules/pixelarticons/svg/video-off.svg) */
+ 'video-off': string;
+  /** ![image](../../node_modules/pixelarticons/svg/video.svg) */
+ 'video': string;
+  /** ![image](../../node_modules/pixelarticons/svg/view-col.svg) */
+ 'view-col': string;
+  /** ![image](../../node_modules/pixelarticons/svg/view-list.svg) */
+ 'view-list': string;
+  /** ![image](../../node_modules/pixelarticons/svg/viewport-narrow.svg) */
+ 'viewport-narrow': string;
+  /** ![image](../../node_modules/pixelarticons/svg/viewport-wide.svg) */
+ 'viewport-wide': string;
+  /** ![image](../../node_modules/pixelarticons/svg/visible.svg) */
+ 'visible': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-1.svg) */
+ 'volume-1': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-2.svg) */
+ 'volume-2': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-3.svg) */
+ 'volume-3': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-minus.svg) */
+ 'volume-minus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-plus.svg) */
+ 'volume-plus': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-vibrate.svg) */
+ 'volume-vibrate': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume-x.svg) */
+ 'volume-x': string;
+  /** ![image](../../node_modules/pixelarticons/svg/volume.svg) */
+ 'volume': string;
+  /** ![image](../../node_modules/pixelarticons/svg/wallet.svg) */
+ 'wallet': string;
+  /** ![image](../../node_modules/pixelarticons/svg/warning-box.svg) */
+ 'warning-box': string;
+  /** ![image](../../node_modules/pixelarticons/svg/wind.svg) */
+ 'wind': string;
+  /** ![image](../../node_modules/pixelarticons/svg/zap.svg) */
+ 'zap': string;
+  /** ![image](../../node_modules/pixelarticons/svg/zoom-in.svg) */
+ 'zoom-in': string;
+  /** ![image](../../node_modules/pixelarticons/svg/zoom-out.svg) */
+ 'zoom-out': string;
+}
diff --git a/src/react/rendererDebugMenu.module.css b/src/react/rendererDebugMenu.module.css
new file mode 100644
index 00000000..6c49e04c
--- /dev/null
+++ b/src/react/rendererDebugMenu.module.css
@@ -0,0 +1,34 @@
+.container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: 20px;
+  padding: 10px;
+  height: 100%;
+  padding-top: env(safe-area-inset-top, 10px);
+  padding-left: env(safe-area-inset-left, 10px);
+  padding-right: env(safe-area-inset-right, 10px);
+  padding-bottom: env(safe-area-inset-bottom, 10px);
+}
+
+.column {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  min-width: 200px;
+}
+
+.column h3 {
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  color: white;
+  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.8);
+}
+
+.sliderGroup {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  margin-bottom: 10px;
+}
diff --git a/src/react/rendererDebugMenu.module.css.d.ts b/src/react/rendererDebugMenu.module.css.d.ts
new file mode 100644
index 00000000..0f8f2163
--- /dev/null
+++ b/src/react/rendererDebugMenu.module.css.d.ts
@@ -0,0 +1,9 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  column: string;
+  container: string;
+  sliderGroup: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/select.module.css b/src/react/select.module.css
new file mode 100644
index 00000000..54c0ae14
--- /dev/null
+++ b/src/react/select.module.css
@@ -0,0 +1,20 @@
+.container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  font-size: 10px;
+  width: 200px;
+  height: 20px;
+  background: black;
+  border: 1px solid grey;
+  box-sizing: content-box;
+}
+
+.input {
+  border: none;
+  background: none;
+  height: 100%;
+  font-family: minecraft, mojangles, monospace;
+  color: white;
+  text-shadow: 1px 1px #222;
+}
diff --git a/src/react/select.module.css.d.ts b/src/react/select.module.css.d.ts
new file mode 100644
index 00000000..10b86cad
--- /dev/null
+++ b/src/react/select.module.css.d.ts
@@ -0,0 +1,8 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  container: string;
+  input: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/serversStorage.ts b/src/react/serversStorage.ts
new file mode 100644
index 00000000..da7569cc
--- /dev/null
+++ b/src/react/serversStorage.ts
@@ -0,0 +1,96 @@
+import { appQueryParams } from '../appParams'
+import { miscUiState } from '../globalState'
+import { BaseServerInfo } from './AddServerOrConnect'
+import { lastConnectOptions } from './AppStatusProvider'
+import { appStorage, StoreServerItem } from './appStorageProvider'
+
+const serversListQs = appQueryParams.serversList
+
+export interface AuthenticatedAccount {
+  // type: 'microsoft'
+  username: string
+  cachedTokens?: {
+    data: any
+    expiresOn: number
+  }
+}
+
+export interface ServerConnectionHistory {
+  ip: string
+  numConnects: number
+  lastConnected: number
+  version?: string
+}
+
+export function updateServerConnectionHistory (ip: string, version?: string) {
+  try {
+    const history = [...(appStorage.serversHistory ?? [])]
+    const existingServer = history.find(s => s.ip === ip)
+    if (existingServer) {
+      existingServer.numConnects++
+      existingServer.lastConnected = Date.now()
+      if (version) existingServer.version = version
+    } else {
+      history.push({
+        ip,
+        numConnects: 1,
+        lastConnected: Date.now(),
+        version
+      })
+    }
+    appStorage.serversHistory = history
+  } catch (err) {
+    console.error('Failed to update server connection history:', err)
+  }
+}
+
+export const getServerIndex = () => {
+  const lastConnectedIp = lastConnectOptions.value?.server
+  const index = miscUiState.loadedServerIndex
+  if (index !== undefined) return index
+  if (lastConnectedIp) {
+    const idx = appStorage.serversList?.findIndex(s => s.ip === lastConnectedIp).toString()
+    if (idx === '-1') return undefined
+    return idx
+  }
+  return undefined
+}
+
+export const findServerPassword = () => {
+  const { username } = bot
+  const index = getServerIndex()
+  if (index === undefined) return
+  const pswd = appStorage.serversList?.[index]?.autoLogin?.[username]
+  if (pswd) return pswd
+  // try other servers with same host
+  return appStorage.serversList?.find(s => s.ip === lastConnectOptions.value?.server && s.autoLogin?.[username])?.autoLogin?.[username]
+}
+
+export const updateLoadedServerData = (callback: (data: StoreServerItem) => StoreServerItem, index = miscUiState.loadedServerIndex) => {
+  if (index === undefined) {
+    const idx = getServerIndex()
+    if (idx === undefined) return
+    index = idx
+  }
+
+  const servers = [...(appStorage.serversList ?? [])]
+  const server = servers[index]
+  if (!server) return
+  servers[index] = callback(server)
+  setNewServersList(servers)
+}
+
+export const setNewServersList = (serversList: StoreServerItem[], force = false) => {
+  if (serversListQs && !force) return
+  appStorage.serversList = serversList
+}
+
+export const updateAuthenticatedAccountData = (callback: (data: AuthenticatedAccount[]) => AuthenticatedAccount[]) => {
+  const accounts = appStorage.authenticatedAccounts
+  const newAccounts = callback(accounts)
+  appStorage.authenticatedAccounts = newAccounts
+}
+
+export function getServerConnectionHistory (): ServerConnectionHistory[] {
+  return appStorage.serversHistory ?? []
+}
diff --git a/src/react/simpleHooks.ts b/src/react/simpleHooks.ts
index 9202bfa2..20607f15 100644
--- a/src/react/simpleHooks.ts
+++ b/src/react/simpleHooks.ts
@@ -1,6 +1,56 @@
+import { useUtilsEffect } from '@zardoy/react-util'
+import { useEffect, useState } from 'react'
 import { useMedia } from 'react-use'
 
 const SMALL_SCREEN_MEDIA = '@media (max-width: 440px)'
 export const useIsSmallWidth = () => {
   return useMedia(SMALL_SCREEN_MEDIA.replace('@media ', ''))
 }
+
+export const usePassesWindowDimensions = (minWidth: number | null = null, minHeight: number | null = null) => {
+  let media = '('
+  if (minWidth !== null) {
+    media += `min-width: ${minWidth}px, `
+  }
+  if (minHeight !== null) {
+    media += `min-height: ${minHeight}px, `
+  }
+  media += ')'
+  return useMedia(media)
+}
+
+export const useCopyKeybinding = (getCopyText: () => string | undefined) => {
+  useUtilsEffect(({ signal }) => {
+    addEventListener('keydown', (e) => {
+      if (e.code === 'KeyC' && (e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey) {
+        const { activeElement } = document
+        if (activeElement instanceof HTMLInputElement || activeElement instanceof HTMLTextAreaElement) {
+          return
+        }
+        if (window.getSelection()?.toString()) {
+          return
+        }
+        e.preventDefault()
+        const copyText = getCopyText()
+        if (!copyText) return
+        void navigator.clipboard.writeText(copyText)
+      }
+    }, { signal })
+  }, [getCopyText])
+}
+
+export const useIsHashActive = (hash: `#${string}`) => {
+  const [isActive, setIsActive] = useState(false)
+
+  useEffect(() => {
+    const checkHash = () => {
+      setIsActive(location.hash === hash)
+    }
+    checkHash()
+    addEventListener('hashchange', checkHash)
+    return () => {
+      removeEventListener('hashchange', checkHash)
+    }
+  }, [])
+  return isActive
+}
diff --git a/src/react/singleplayer.module.css b/src/react/singleplayer.module.css
index c7ec49f6..0de91735 100644
--- a/src/react/singleplayer.module.css
+++ b/src/react/singleplayer.module.css
@@ -36,6 +36,9 @@
 .world_title_right {
     color: #999;
     font-size: 9px;
+    display: flex;
+    align-items: end;
+    gap: 1px;
 }
 .world_info {
     margin-left: 3px;
@@ -50,8 +53,8 @@
     white-space: pre;
 }
 .world_info_description_line {
-  color: #999;
-  white-space: nowrap;
+    color: #999;
+    white-space: nowrap;
 }
 .world_image {
     height: 100%;
diff --git a/src/react/singleplayer.module.css.d.ts b/src/react/singleplayer.module.css.d.ts
new file mode 100644
index 00000000..7dbf98a3
--- /dev/null
+++ b/src/react/singleplayer.module.css.d.ts
@@ -0,0 +1,29 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  content: string;
+  contentLoading: string;
+  content_loading: string;
+  imageMissing: string;
+  image_missing: string;
+  root: string;
+  title: string;
+  worldFocused: string;
+  worldImage: string;
+  worldInfo: string;
+  worldInfoDescriptionLine: string;
+  worldInfoFormatted: string;
+  worldRoot: string;
+  worldTitle: string;
+  worldTitleRight: string;
+  world_focused: string;
+  world_image: string;
+  world_info: string;
+  world_info_description_line: string;
+  world_info_formatted: string;
+  world_root: string;
+  world_title: string;
+  world_title_right: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/slider.module.css.d.ts b/src/react/slider.module.css.d.ts
new file mode 100644
index 00000000..8a6b8933
--- /dev/null
+++ b/src/react/slider.module.css.d.ts
@@ -0,0 +1,13 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  disabled: string;
+  label: string;
+  slider: string;
+  'slider-container': string;
+  'slider-thumb': string;
+  sliderContainer: string;
+  sliderThumb: string;
+}
+declare const cssExports: CssExports;
+export default cssExports;
diff --git a/src/react/state/packetsReplayState.ts b/src/react/state/packetsReplayState.ts
new file mode 100644
index 00000000..94866bd5
--- /dev/null
+++ b/src/react/state/packetsReplayState.ts
@@ -0,0 +1,61 @@
+import { proxy } from 'valtio'
+import type { PacketData } from '../ReplayPanel'
+import { appQueryParams, updateQsParam } from '../../appParams'
+
+export const packetsReplayState = proxy({
+  packetsPlayback: [] as PacketData[],
+  isOpen: false,
+  isMinimized: false,
+  isRecording: false,
+  replayName: '',
+  isPlaying: false,
+  progress: {
+    current: 0,
+    total: 0
+  },
+  speed: appQueryParams.replaySpeed ? parseFloat(appQueryParams.replaySpeed) : 1,
+  customButtons: {
+    validateClientPackets: {
+      state: appQueryParams.replayValidateClient === 'true',
+      label: 'C',
+      tooltip: 'Validate client packets'
+    },
+    stopOnError: {
+      state: appQueryParams.replayStopOnError === 'true',
+      label: 'E',
+      tooltip: 'Stop the replay when an error occurs'
+    },
+    skipMissingOnTimeout: {
+      state: appQueryParams.replaySkipMissingOnTimeout === 'true',
+      label: 'T',
+      tooltip: 'Skip missing packets on timeout'
+    },
+    packetsSenderDelay: {
+      state: appQueryParams.replayPacketsSenderDelay === 'true',
+      label: 'D',
+      tooltip: 'Send packets with an additional delay'
+    }
+  }
+})
+
+export const onChangeButtonState = (button: keyof typeof packetsReplayState.customButtons, state: boolean) => {
+  packetsReplayState.customButtons[button].state = state
+  switch (button) {
+    case 'validateClientPackets': {
+      updateQsParam('replayValidateClient', String(state))
+      break
+    }
+    case 'stopOnError': {
+      updateQsParam('replayStopOnError', String(state))
+      break
+    }
+    case 'skipMissingOnTimeout': {
+      updateQsParam('replaySkipMissingOnTimeout', String(state))
+      break
+    }
+    case 'packetsSenderDelay': {
+      updateQsParam('replayPacketsSenderDelay', String(state))
+      break
+    }
+  }
+}
diff --git a/src/react/storageProvider.ts b/src/react/storageProvider.ts
deleted file mode 100644
index df97d228..00000000
--- a/src/react/storageProvider.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { CustomCommand } from './KeybindingsCustom'
-
-type StorageData = {
-  customCommands: Record<string, CustomCommand>
-  // ...
-}
-
-export const getStoredValue = <T extends keyof StorageData> (name: T): StorageData[T] | undefined => {
-  return localStorage[name] ? JSON.parse(localStorage[name]) : undefined
-}
-export const setStoredValue = <T extends keyof StorageData> (name: T, value: StorageData[T]) => {
-  localStorage[name] = JSON.stringify(value)
-}
diff --git a/src/react/uiMotion.ts b/src/react/uiMotion.ts
new file mode 100644
index 00000000..51e9a9f1
--- /dev/null
+++ b/src/react/uiMotion.ts
@@ -0,0 +1,88 @@
+import { proxy, subscribe } from 'valtio'
+import * as THREE from 'three'
+import { useEffect } from 'react'
+
+export const motionState = proxy({
+  offset: { x: 0, y: 0 }
+})
+
+const MOTION_DAMPING = 0.92
+const MAX_MOTION_OFFSET = 100
+const motionVelocity = { x: 0, y: 0 }
+let lastUpdate = performance.now()
+let lastYaw = 0
+let lastPitch = 0
+
+export function updateMotion () {
+  if (!bot?.entity) return
+  const now = performance.now()
+  const deltaTime = (now - lastUpdate) / 1000 // Convert to seconds
+  lastUpdate = now
+
+  // Get camera movement contribution
+  const yawDiff = (bot.entity.yaw - lastYaw)
+  const pitchDiff = (bot.entity.pitch - lastPitch)
+  lastYaw = bot.entity.yaw
+  lastPitch = bot.entity.pitch
+
+  // Create a vector for velocity in world space
+  const { velocity } = bot.entity
+  const velocityVector = new THREE.Vector3(velocity.x, 0, velocity.z)
+
+  // Get camera's forward direction
+  const cameraQuat = new THREE.Quaternion()
+  cameraQuat.setFromEuler(new THREE.Euler(0, -bot.entity.yaw, 0))
+
+  // Transform velocity to camera space
+  velocityVector.applyQuaternion(cameraQuat)
+
+  // Calculate motion contribution
+  const velocityContribution = {
+    x: -velocityVector.x * 150,
+    y: -velocityVector.z * 150
+  }
+
+  // Combine camera and velocity effects
+  motionVelocity.x += (yawDiff * 300 + velocityContribution.x) * deltaTime
+  motionVelocity.y += (pitchDiff * 300 + velocityContribution.y) * deltaTime
+
+  // Apply damping
+  motionVelocity.x *= MOTION_DAMPING
+  motionVelocity.y *= MOTION_DAMPING
+
+  // Clamp values
+  motionVelocity.x = Math.max(-MAX_MOTION_OFFSET, Math.min(MAX_MOTION_OFFSET, motionVelocity.x))
+  motionVelocity.y = Math.max(-MAX_MOTION_OFFSET, Math.min(MAX_MOTION_OFFSET, motionVelocity.y))
+
+  // Update the motion state
+  motionState.offset = {
+    x: motionVelocity.x,
+    y: motionVelocity.y
+  }
+}
+
+let motionEnabled = false
+export function initMotionTracking () {
+  if (motionEnabled) return
+  motionEnabled = true
+
+  function animate () {
+    updateMotion()
+    requestAnimationFrame(animate)
+  }
+  animate()
+}
+
+export function useUiMotion (ref: React.RefObject<HTMLElement>, enabled = true) {
+  useEffect(() => {
+    if (!enabled || !ref.current) return
+
+    const unsubscribe = subscribe(motionState, () => {
+      const el = ref.current
+      if (!el) return
+      el.style.transform = `translate(${motionState.offset.x.toFixed(2)}px, ${motionState.offset.y.toFixed(2)}px)`
+    })
+
+    return () => unsubscribe()
+  }, [enabled, ref])
+}
diff --git a/src/react/useLongPress.ts b/src/react/useLongPress.ts
index 3807221d..89ced2e0 100644
--- a/src/react/useLongPress.ts
+++ b/src/react/useLongPress.ts
@@ -8,7 +8,7 @@ interface LongPressOptions {
 const useLongPress = (
   onLongPress: () => void,
   onClick: () => void,
-  { shouldPreventDefault = true, delay = 300 }: LongPressOptions = {}
+  { shouldPreventDefault = false, delay = 300 }: LongPressOptions = {}
 ) => {
   const [longPressTriggered, setLongPressTriggered] = useState(false)
   const timeout = useRef<number | undefined>()
@@ -31,12 +31,17 @@ const useLongPress = (
   )
 
   const clear = useCallback(
-    (event: React.MouseEvent | React.TouchEvent, shouldTriggerClick = true) => {
-      if (timeout.current) clearTimeout(timeout.current)
-      if (shouldTriggerClick && !longPressTriggered) onClick()
+    (event: React.MouseEvent | React.TouchEvent) => {
+      if (timeout.current) {
+        clearTimeout(timeout.current)
+        timeout.current = undefined
+      }
+
       setLongPressTriggered(false)
+
       if (shouldPreventDefault && target.current) {
         target.current.removeEventListener('touchend', preventDefault)
+        target.current = null
       }
     },
     [shouldPreventDefault, onClick, longPressTriggered]
@@ -46,8 +51,11 @@ const useLongPress = (
     onMouseDown: (e: React.MouseEvent) => start(e),
     onTouchStart: (e: React.TouchEvent) => start(e),
     onMouseUp: (e: React.MouseEvent) => clear(e),
-    onMouseLeave: (e: React.MouseEvent) => clear(e, false),
-    onTouchEnd: (e: React.TouchEvent) => clear(e)
+    onMouseLeave: (e: React.MouseEvent) => clear(e),
+    onTouchEnd: (e: React.TouchEvent) => clear(e),
+    onClick (e: React.MouseEvent) {
+      onClick()
+    }
   }
 }
 
@@ -61,4 +69,3 @@ const preventDefault = (event: Event) => {
 }
 
 export default useLongPress
-
diff --git a/src/react/utilsApp.ts b/src/react/utilsApp.ts
index 06e8e908..95f98d62 100644
--- a/src/react/utilsApp.ts
+++ b/src/react/utilsApp.ts
@@ -1,11 +1,17 @@
-import { useSnapshot } from 'valtio'
+import { proxy, useSnapshot } from 'valtio'
 import { useEffect, useMemo } from 'react'
+import { useMedia } from 'react-use'
 import { activeModalStack, miscUiState } from '../globalState'
 
-export const watchedModalsFromHooks = new Set<string>()
+export const watchedModalsFromHooks = proxy({
+  value: [] as string[]
+})
 // todo should not be there
 export const hardcodedKnownModals = [
-  'player_win:'
+  'empty',
+  'player_win:',
+  'divkit:',
+  'full-map' // todo
 ]
 
 export const useUsingTouch = () => {
@@ -13,11 +19,12 @@ export const useUsingTouch = () => {
 }
 export const useIsModalActive = (modal: string, useIncludes = false) => {
   useMemo(() => {
-    watchedModalsFromHooks.add(modal)
+    watchedModalsFromHooks.value.push(modal)
   }, [])
   useEffect(() => {
+    // watchedModalsFromHooks.add(modal)
     return () => {
-      watchedModalsFromHooks.delete(modal)
+      watchedModalsFromHooks.value = watchedModalsFromHooks.value.filter(x => x !== modal)
     }
   }, [])
 
@@ -28,3 +35,7 @@ export const useIsModalActive = (modal: string, useIncludes = false) => {
 export const useIsWidgetActive = (name: string) => {
   return useIsModalActive(`widget-${name}`)
 }
+
+export const useIsSmallWidth = () => {
+  return useMedia('(max-width: 550px)')
+}
diff --git a/src/reactUi.tsx b/src/reactUi.tsx
index f140326e..6339686e 100644
--- a/src/reactUi.tsx
+++ b/src/reactUi.tsx
@@ -19,6 +19,7 @@ import ScoreboardProvider from './react/ScoreboardProvider'
 import SignEditorProvider from './react/SignEditorProvider'
 import IndicatorEffectsProvider from './react/IndicatorEffectsProvider'
 import PlayerListOverlayProvider from './react/PlayerListOverlayProvider'
+import MinimapProvider, { DrawerAdapterImpl } from './react/MinimapProvider'
 import HudBarsProvider from './react/HudBarsProvider'
 import XPBarProvider from './react/XPBarProvider'
 import DebugOverlay from './react/DebugOverlay'
@@ -27,8 +28,8 @@ import PauseScreen from './react/PauseScreen'
 import SoundMuffler from './react/SoundMuffler'
 import TouchControls from './react/TouchControls'
 import widgets from './react/widgets'
-import { useIsWidgetActive } from './react/utilsApp'
-import GlobalSearchInput from './GlobalSearchInput'
+import { useIsModalActive, useIsWidgetActive } from './react/utilsApp'
+import GlobalSearchInput from './react/GlobalSearchInput'
 import TouchAreasControlsProvider from './react/TouchAreasControlsProvider'
 import NotificationProvider, { showNotification } from './react/NotificationProvider'
 import HotbarRenderApp from './react/HotbarRenderApp'
@@ -40,6 +41,46 @@ import KeybindingsScreenProvider from './react/KeybindingsScreenProvider'
 import HeldMapUi from './react/HeldMapUi'
 import BedTime from './react/BedTime'
 import NoModalFoundProvider from './react/NoModalFoundProvider'
+import SignInMessageProvider from './react/SignInMessageProvider'
+import BookProvider from './react/BookProvider'
+import { options } from './optionsStorage'
+import BossBarOverlayProvider from './react/BossBarOverlayProvider'
+import ModsPage from './react/ModsPage'
+import DebugEdges from './react/DebugEdges'
+import GameInteractionOverlay from './react/GameInteractionOverlay'
+import MineflayerPluginHud from './react/MineflayerPluginHud'
+import MineflayerPluginConsole from './react/MineflayerPluginConsole'
+import { UIProvider } from './react/UIProvider'
+import { useAppScale } from './scaleInterface'
+import PacketsReplayProvider from './react/PacketsReplayProvider'
+import TouchInteractionHint from './react/TouchInteractionHint'
+import { ua } from './react/utils'
+import VoiceMicrophone from './react/VoiceMicrophone'
+import ConnectOnlyServerUi from './react/ConnectOnlyServerUi'
+import ControDebug from './react/ControDebug'
+import ChunksDebug from './react/ChunksDebug'
+import ChunksDebugScreen from './react/ChunksDebugScreen'
+import DebugResponseTimeIndicator from './react/debugs/DebugResponseTimeIndicator'
+import RendererDebugMenu from './react/RendererDebugMenu'
+import CreditsAboutModal from './react/CreditsAboutModal'
+import GlobalOverlayHints from './react/GlobalOverlayHints'
+import FullscreenTime from './react/FullscreenTime'
+import StorageConflictModal from './react/StorageConflictModal'
+import FireRenderer from './react/FireRenderer'
+import MonacoEditor from './react/MonacoEditor'
+import OverlayModelViewer from './react/OverlayModelViewer'
+
+const isFirefox = ua.getBrowser().name === 'Firefox'
+if (isFirefox) {
+  // set custom property
+  document.body.style.setProperty('--thin-if-firefox', 'thin')
+}
+
+const isIphone = ua.getDevice().model === 'iPhone' // todo ipad?
+
+if (isIphone) {
+  document.documentElement.style.setProperty('--hud-bottom-max', '21px') // env-safe-aria-inset-bottom
+}
 
 const RobustPortal = ({ children, to }) => {
   return createPortal(<PerComponentErrorBoundary>{children}</PerComponentErrorBoundary>, to)
@@ -95,41 +136,69 @@ const InGameComponent = ({ children }) => {
   return children
 }
 
+// for Fullmap and Minimap in InGameUi
+let adapter: DrawerAdapterImpl
+
 const InGameUi = () => {
   const { gameLoaded, showUI: showUIRaw } = useSnapshot(miscUiState)
-  const hasModals = useSnapshot(activeModalStack).length > 0
+  const { disabledUiParts, displayBossBars, showMinimap } = useSnapshot(options)
+  const modalsSnapshot = useSnapshot(activeModalStack)
+  const hasModals = modalsSnapshot.length > 0
   const showUI = showUIRaw || hasModals
-  if (!gameLoaded || !bot) return
+  const displayFullmap = modalsSnapshot.some(modal => modal.reactType === 'full-map') || true
+  // bot can't be used here
+
+  if (!gameLoaded || !bot || disabledUiParts.includes('*')) return
+
+  if (!adapter) adapter = new DrawerAdapterImpl(bot.entity.position)
 
   return <>
     <RobustPortal to={document.querySelector('#ui-root')}>
       {/* apply scaling */}
       <div style={{ display: showUI ? 'block' : 'none' }}>
-        <DeathScreenProvider />
-        <DebugOverlay />
-        <MobileTopButtons />
-        <PlayerListOverlayProvider />
-        <ChatProvider />
-        <SoundMuffler />
-        <TitleProvider />
-        <ScoreboardProvider />
-        <IndicatorEffectsProvider />
-        <Crosshair />
+        <PerComponentErrorBoundary>
+          <GameInteractionOverlay zIndex={7} />
+          {!disabledUiParts.includes('death-screen') && <DeathScreenProvider />}
+          {!disabledUiParts.includes('debug-overlay') && <DebugOverlay />}
+          {!disabledUiParts.includes('mobile-top-buttons') && <MobileTopButtons />}
+          {!disabledUiParts.includes('players-list') && <PlayerListOverlayProvider />}
+          {!disabledUiParts.includes('chat') && <ChatProvider />}
+          <SoundMuffler />
+          {showMinimap !== 'never' && <MinimapProvider adapter={adapter} displayMode='minimapOnly' />}
+          {!disabledUiParts.includes('title') && <TitleProvider />}
+          {!disabledUiParts.includes('scoreboard') && <ScoreboardProvider />}
+          <IndicatorEffectsProvider displayEffects={!disabledUiParts.includes('effects')} displayIndicators={!disabledUiParts.includes('indicators')} />
+          {!disabledUiParts.includes('crosshair') && <Crosshair />}
+          {!disabledUiParts.includes('books') && <BookProvider />}
+          {!disabledUiParts.includes('bossbars') && displayBossBars && <BossBarOverlayProvider />}
+          <VoiceMicrophone />
+          <ChunksDebugScreen />
+          <RendererDebugMenu />
+          {!disabledUiParts.includes('fire') && <FireRenderer />}
+        </PerComponentErrorBoundary>
       </div>
 
-      <PauseScreen />
-      <div style={{ display: showUI ? 'block' : 'none' }}>
-        <XPBarProvider />
-        <HudBarsProvider />
-        <BedTime />
-      </div>
-      {showUI && <HotbarRenderApp />}
+      <PerComponentErrorBoundary>
+        <PauseScreen />
+        <FullscreenTime />
+        <MineflayerPluginHud />
+        <MineflayerPluginConsole />
+        {showUI && <TouchInteractionHint />}
+        <GlobalOverlayHints />
+        <div style={{ display: showUI ? 'block' : 'none' }}>
+          {!disabledUiParts.includes('xp-bar') && <XPBarProvider />}
+          {!disabledUiParts.includes('hud-bars') && <HudBarsProvider />}
+          <BedTime />
+        </div>
+        {showUI && !disabledUiParts.includes('hotbar') && <HotbarRenderApp />}
+      </PerComponentErrorBoundary>
     </RobustPortal>
     <PerComponentErrorBoundary>
       <SignEditorProvider />
       <DisplayQr />
     </PerComponentErrorBoundary>
     <RobustPortal to={document.body}>
+      {displayFullmap && <MinimapProvider adapter={adapter} displayMode='fullmapOnly' />}
       {/* because of z-index */}
       {showUI && <TouchControls />}
       <GlobalSearchInput />
@@ -149,60 +218,82 @@ const WidgetDisplay = ({ name, Component }) => {
 }
 
 const App = () => {
-  return <div>
-    <ButtonAppProvider>
-      <RobustPortal to={document.body}>
-        <div className='overlay-bottom-scaled'>
-          <InGameComponent>
-            <HeldMapUi />
-          </InGameComponent>
-        </div>
-        <div></div>
-      </RobustPortal>
-      <EnterFullscreenButton />
-      <InGameUi />
-      <RobustPortal to={document.querySelector('#ui-root')}>
-        <AllWidgets />
-        <SingleplayerProvider />
-        <CreateWorldProvider />
-        <AppStatusProvider />
-        <KeybindingsScreenProvider />
-        <SelectOption />
-        <ServersListProvider />
-        <OptionsRenderApp />
-        <MainMenuRenderApp />
-        <NotificationProvider />
-        <TouchAreasControlsProvider />
-        <NoModalFoundProvider />
-        {/* <GameHud>
-        </GameHud> */}
-      </RobustPortal>
-      <RobustPortal to={document.body}>
-        {/* todo correct mounting! */}
-        <div className='overlay-top-scaled'>
-          <GamepadUiCursor />
-        </div>
-        <div></div>
-      </RobustPortal>
-    </ButtonAppProvider>
-  </div>
+  const scale = useAppScale()
+  return (
+    <UIProvider scale={scale}>
+      <div>
+        <ButtonAppProvider>
+          <RobustPortal to={document.body}>
+            <div className='overlay-bottom-scaled'>
+              <InGameComponent>
+                <HeldMapUi />
+              </InGameComponent>
+            </div>
+            <ControDebug />
+            <div />
+          </RobustPortal>
+          <EnterFullscreenButton />
+          <StorageConflictModal />
+          <InGameUi />
+          <RobustPortal to={document.querySelector('#ui-root')}>
+            <AllWidgets />
+            <SingleplayerProvider />
+            <CreateWorldProvider />
+            <AppStatusProvider />
+            <KeybindingsScreenProvider />
+            <ServersListProvider />
+            <OptionsRenderApp />
+            <MainMenuRenderApp />
+            <ConnectOnlyServerUi />
+            <TouchAreasControlsProvider />
+            <SignInMessageProvider />
+            <PacketsReplayProvider />
+            <NotificationProvider />
+            <ModsPage />
+            <SelectOption />
+            <CreditsAboutModal />
+            <NoModalFoundProvider />
+          </RobustPortal>
+          <RobustPortal to={document.body}>
+            <div className='overlay-top-scaled'>
+              <GamepadUiCursor />
+            </div>
+            <div />
+            <DebugEdges />
+            <OverlayModelViewer />
+            <MonacoEditor />
+            <DebugResponseTimeIndicator />
+          </RobustPortal>
+        </ButtonAppProvider>
+      </div>
+    </UIProvider>
+  )
 }
 
 const PerComponentErrorBoundary = ({ children }) => {
-  return children.map((child, i) => <ErrorBoundary key={i} renderError={(error) => {
-    const componentNameClean = (child.type.name || child.type.displayName || 'Unknown').replaceAll(/__|_COMPONENT/g, '')
-    showNotification(`UI component ${componentNameClean} crashed!`, 'Please report this. Use console to see more info.', true, undefined)
-    return null
-  }}>{child}</ErrorBoundary>)
+  return children.map((child, i) => <ErrorBoundary
+    key={i}
+    renderError={(error) => {
+      const componentNameClean = (child.type.name || child.type.displayName || 'Unknown').replaceAll(/__|_COMPONENT/g, '')
+      showNotification(`UI component ${componentNameClean} crashed!`, 'Please report this. Use console for more.', true, undefined)
+      return null
+    }}
+  >
+    {child}
+  </ErrorBoundary>)
 }
 
-renderToDom(<App />, {
-  strictMode: false,
-  selector: '#react-root',
-})
+if (!new URLSearchParams(window.location.search).get('no-ui')) {
+  renderToDom(<App />, {
+    strictMode: false,
+    selector: '#react-root',
+  })
+}
 
 disableReactProfiling()
 function disableReactProfiling () {
+  if (window.reactPerfPatchApplied) return
+  window.reactPerfPatchApplied = true
   //@ts-expect-error
   window.performance.markOrig = window.performance.mark
   //@ts-expect-error
diff --git a/src/rendererUtils.ts b/src/rendererUtils.ts
index 6b83fd01..0a49fc78 100644
--- a/src/rendererUtils.ts
+++ b/src/rendererUtils.ts
@@ -1,27 +1,91 @@
 import { subscribeKey } from 'valtio/utils'
 import { gameAdditionalState } from './globalState'
 import { options } from './optionsStorage'
+import { playerState } from './mineflayer/playerState'
+
+let currentFov = 0
+let targetFov = 0
+let lastUpdateTime = 0
+const FOV_TRANSITION_DURATION = 200 // milliseconds
+
+// TODO: These should be configured based on your game's settings
+const BASE_MOVEMENT_SPEED = 0.1 // Default walking speed in Minecraft
+const FOV_EFFECT_SCALE = 1 // Equivalent to Minecraft's FOV Effects slider
+
+const updateFovAnimation = () => {
+  if (!playerState.ready) return
+
+  // Calculate base FOV modifier
+  let fovModifier = 1
+
+  // Flying modifier
+  if (gameAdditionalState.isFlying) {
+    fovModifier *= 1.05
+  }
+
+  // Movement speed modifier
+  // TODO: Get actual movement speed attribute value
+  const movementSpeedAttr = (bot.entity?.attributes?.['generic.movement_speed'] || bot.entity?.attributes?.['minecraft:movement_speed'] || bot.entity?.attributes?.['movement_speed'] || bot.entity?.attributes?.['minecraft:movementSpeed'])?.value || BASE_MOVEMENT_SPEED
+  let currentSpeed = BASE_MOVEMENT_SPEED
+  // todo
+  if (bot.controlState?.sprint && !bot.controlState?.sneak) {
+    currentSpeed *= 1.3
+  }
+  fovModifier *= (currentSpeed / movementSpeedAttr + 1) / 2
+
+  // Validate fov modifier
+  if (Math.abs(BASE_MOVEMENT_SPEED) < Number.EPSILON || isNaN(fovModifier) || !isFinite(fovModifier)) {
+    fovModifier = 1
+  }
+
+  // Item usage modifier
+  if (playerState.reactive.heldItemMain) {
+    const heldItem = playerState.reactive.heldItemMain
+    if (heldItem?.name === 'bow' && playerState.reactive.itemUsageTicks > 0) {
+      const ticksUsingItem = playerState.reactive.itemUsageTicks
+      let usageProgress = ticksUsingItem / 20
+      if (usageProgress > 1) {
+        usageProgress = 1
+      } else {
+        usageProgress *= usageProgress
+      }
+      fovModifier *= 1 - usageProgress * 0.15
+    }
+    // TODO: Add spyglass/scope check here if needed
+  }
+
+  // Apply FOV effect scale
+  fovModifier = 1 + (fovModifier - 1) * FOV_EFFECT_SCALE
+
+  // Calculate target FOV
+  const baseFov = gameAdditionalState.isZooming ? 30 : options.fov
+  targetFov = baseFov * fovModifier
+
+  // Smooth transition
+  const now = performance.now()
+  if (currentFov !== targetFov) {
+    const elapsed = now - lastUpdateTime
+    const progress = Math.min(elapsed / FOV_TRANSITION_DURATION, 1)
+    const easeOutCubic = (t: number) => 1 - (1 - t) ** 3
+
+    currentFov += (targetFov - currentFov) * easeOutCubic(progress)
+
+    if (Math.abs(currentFov - targetFov) < 0.01) {
+      currentFov = targetFov
+    }
+
+    appViewer.inWorldRenderingConfig.fov = currentFov
+  }
+  lastUpdateTime = now
+}
 
 export const watchFov = () => {
-  const updateFov = () => {
-    if (!bot) return
-    let fovSetting = options.fov
-    // todo check values and add transition
-    if (bot.controlState.sprint && !bot.controlState.sneak) {
-      fovSetting += 5
-    }
-    if (gameAdditionalState.isFlying) {
-      fovSetting += 5
-    }
-    viewer.camera.fov = fovSetting
-    viewer.camera.updateProjectionMatrix()
+  // Initial FOV setup
+  if (!beforeRenderFrame.includes(updateFovAnimation)) {
+    beforeRenderFrame.push(updateFovAnimation)
   }
-  updateFov()
-  subscribeKey(options, 'fov', updateFov)
-  subscribeKey(gameAdditionalState, 'isFlying', updateFov)
-  subscribeKey(gameAdditionalState, 'isSprinting', updateFov)
-  subscribeKey(gameAdditionalState, 'isSneaking', () => {
-    viewer.isSneaking = gameAdditionalState.isSneaking
-    viewer.setFirstPersonCamera(bot.entity.position, bot.entity.yaw, bot.entity.pitch)
+
+  customEvents.on('gameLoaded', () => {
+    updateFovAnimation()
   })
 }
diff --git a/src/resourcePack.ts b/src/resourcePack.ts
new file mode 100644
index 00000000..ea6c73fd
--- /dev/null
+++ b/src/resourcePack.ts
@@ -0,0 +1,651 @@
+/* eslint-disable no-await-in-loop */
+import { join, dirname, basename } from 'path'
+import fs from 'fs'
+import JSZip from 'jszip'
+import { proxy, subscribe } from 'valtio'
+import { armorTextures } from 'renderer/viewer/three/entity/armorModels'
+import { copyFilesAsyncWithProgress, mkdirRecursive, removeFileRecursiveAsync } from './browserfs'
+import { showNotification } from './react/NotificationProvider'
+import { options } from './optionsStorage'
+import { showOptionsModal } from './react/SelectOption'
+import { appReplacableResources, resourcesContentOriginal } from './generated/resources'
+import { gameAdditionalState, miscUiState } from './globalState'
+import { watchUnloadForCleanup } from './gameUnload'
+import { createConsoleLogProgressReporter, createFullScreenProgressReporter, ProgressReporter } from './core/progressReporter'
+
+export const resourcePackState = proxy({
+  resourcePackInstalled: false,
+  isServerDownloading: false,
+  isServerInstalling: false
+})
+
+const getLoadedImage = async (url: string) => {
+  const img = new Image()
+  img.src = url
+  await new Promise((resolve, reject) => {
+    img.onload = resolve
+    img.onerror = reject
+  })
+  return img
+}
+
+const resourcepackPackBasePath = '/data/resourcePacks/'
+export const uninstallResourcePack = async (name = 'default') => {
+  if (await existsAsync('/resourcepack/pack.mcmeta')) {
+    await removeFileRecursiveAsync('/resourcepack', false)
+    gameAdditionalState.usingServerResourcePack = false
+  }
+  const basePath = resourcepackPackBasePath + name
+  if (!(await existsAsync(basePath))) return
+  await removeFileRecursiveAsync(basePath)
+  options.enabledResourcepack = null
+  await updateTexturePackInstalledState()
+}
+
+export const getResourcePackNames = async () => {
+  // TODO
+  try {
+    return { [await fs.promises.readFile(join(resourcepackPackBasePath, 'default', 'name.txt'), 'utf8')]: true }
+  } catch (err) {
+    return {}
+  }
+}
+
+export const fromTexturePackPath = (path) => {
+  // return join(texturePackBasePath, path)
+}
+
+export const updateTexturePackInstalledState = async () => {
+  try {
+    resourcePackState.resourcePackInstalled = await existsAsync(resourcepackPackBasePath + 'default')
+  } catch {
+  }
+}
+
+export const installTexturePackFromHandle = async () => {
+  // await mkdirRecursive(texturePackBasePath)
+  // await copyFilesAsyncWithProgress('/world', texturePackBasePath)
+  // await completeTexturePackInstall()
+}
+
+export const installResourcepackPack = async (file: File | ArrayBuffer, progressReporter: ProgressReporter, displayName = file['name'], name = 'default', isServer = false) => {
+  console.time('processResourcePack')
+  const installPath = isServer ? '/resourcepack/' : resourcepackPackBasePath + name
+  try {
+    await progressReporter.executeWithMessage('Uninstalling resource pack', async () => {
+      await uninstallResourcePack(name)
+    })
+  } catch (err) {
+  }
+  const status = 'Installing resource pack: copying all files'
+  progressReporter.beginStage('copy-files-resourcepack', status)
+
+  // extract the zip and write to fs every file in it
+  const zip = new JSZip()
+  const zipFile = await zip.loadAsync(file)
+  if (!zipFile.file('pack.mcmeta')) throw new Error('Not a resource pack: missing /pack.mcmeta')
+  await mkdirRecursive(installPath)
+
+  const allFilesArr = Object.entries(zipFile.files)
+    .filter(([path]) => !path.startsWith('.') && !path.startsWith('_') && !path.startsWith('/')) // ignore dot files and __MACOSX
+  let done = 0
+  const upStatus = () => {
+    progressReporter.reportProgress('copy-files-resourcepack', done / allFilesArr.length)
+  }
+  const createdDirs = new Set<string>()
+  const copyTasks = [] as Array<Promise<void>>
+  console.time('resourcePackCopy')
+  await Promise.all(allFilesArr.map(async ([path, file]) => {
+    const writePath = join(installPath, path)
+    if (path.endsWith('/')) return
+    const dir = dirname(writePath)
+    if (!createdDirs.has(dir)) {
+      await mkdirRecursive(dir)
+      createdDirs.add(dir)
+    }
+    if (copyTasks.length > 100) {
+      await Promise.all(copyTasks)
+      copyTasks.length = 0
+    }
+    const promise = fs.promises.writeFile(writePath, Buffer.from(await file.async('arraybuffer')) as any)
+    copyTasks.push(promise)
+    await promise
+    done++
+    upStatus()
+  }))
+  console.timeEnd('resourcePackCopy')
+  await completeResourcepackPackInstall(displayName, name, isServer, progressReporter)
+  console.log('resource pack install done')
+  console.timeEnd('processResourcePack')
+}
+
+// or enablement
+export const completeResourcepackPackInstall = async (displayName: string | undefined, name: string, isServer: boolean, progressReporter: ProgressReporter) => {
+  const basePath = isServer ? '/resourcepack/' : resourcepackPackBasePath + name
+  if (displayName) {
+    await fs.promises.writeFile(join(basePath, 'name.txt'), displayName, 'utf8')
+  }
+
+  await updateTextures(progressReporter)
+  if (currentErrors.length > 0) {
+    showNotification(`Resource pack installed & enabled with ${currentErrors.length} errors`)
+    console.error('Resource pack installed & enabled with errors:', currentErrors)
+  } else {
+    showNotification('Resource pack installed & enabled')
+  }
+  await updateTexturePackInstalledState()
+  if (isServer) {
+    gameAdditionalState.usingServerResourcePack = true
+  } else {
+    options.enabledResourcepack = name
+  }
+
+  progressReporter.end()
+}
+
+const existsAsync = async (path) => {
+  try {
+    await fs.promises.stat(path)
+    return true
+  } catch (err) {
+    return false
+  }
+}
+
+const arrEqual = (a: any[], b: any[]) => a.length === b.length && a.every((x) => b.includes(x))
+
+const getSizeFromImage = async (filePath: string) => {
+  const probeImg = new Image()
+  const file = await fs.promises.readFile(filePath, 'base64')
+  probeImg.src = `data:image/png;base64,${file}`
+  await new Promise((resolve, reject) => {
+    probeImg.addEventListener('load', resolve)
+  })
+  if (probeImg.width !== probeImg.height) throw new Error(`Probe texture ${filePath} is not square`)
+  return probeImg.width
+}
+
+export const getActiveResourcepackBasePath = async () => {
+  if (await existsAsync('/resourcepack/pack.mcmeta')) {
+    return '/resourcepack'
+  }
+  const { enabledResourcepack } = options
+  // const enabledResourcepack = 'default'
+  if (!enabledResourcepack) {
+    return null
+  }
+  if (await existsAsync(`/data/resourcePacks/${enabledResourcepack}/pack.mcmeta`)) {
+    return `/data/resourcePacks/${enabledResourcepack}`
+  }
+  return null
+}
+
+const isDirSafe = async (filePath: string) => {
+  try {
+    return await fs.promises.stat(filePath).then(stat => stat.isDirectory()).catch(() => false)
+  } catch (err) {
+    return false
+  }
+}
+
+const getFilesMapFromDir = async (dir: string) => {
+  const files = [] as string[]
+  const scan = async (dir) => {
+    const dirFiles = await fs.promises.readdir(dir)
+    for (const file of dirFiles) {
+      const filePath = join(dir, file)
+      if (await isDirSafe(filePath)) {
+        await scan(filePath)
+      } else {
+        files.push(filePath)
+      }
+    }
+  }
+  await scan(dir)
+  return files
+}
+
+let currentErrors = [] as string[]
+
+export const getResourcepackTiles = async (type: 'blocks' | 'items' | 'armor', existingTextures: string[], progressReporter: ProgressReporter) => {
+  const basePath = await getActiveResourcepackBasePath()
+  if (!basePath) return
+  let firstTextureSize: number | undefined
+  const namespaces = await fs.promises.readdir(join(basePath, 'assets'))
+
+  const textures = {} as Record<string, HTMLImageElement>
+  let path
+  switch (type) {
+    case 'blocks':
+      path = 'block'
+      break
+    case 'items':
+      path = 'item'
+      break
+    case 'armor':
+      path = 'models/armor'
+      break
+    default:
+      throw new Error('Invalid type')
+  }
+  for (const namespace of namespaces) {
+    const texturesCommonBasePath = `${basePath}/assets/${namespace}/textures`
+    const isMinecraftNamespace = namespace === 'minecraft'
+    let texturesBasePath = `${texturesCommonBasePath}/${path}`
+    const texturesBasePathAlt = `${texturesCommonBasePath}/${path}s`
+    if (!(await existsAsync(texturesBasePath))) {
+      if (await existsAsync(texturesBasePathAlt)) {
+        texturesBasePath = texturesBasePathAlt
+      }
+    }
+    const allInterestedPaths = new Set(
+      existingTextures
+        .filter(tex => (isMinecraftNamespace && !tex.includes(':')) || (tex.includes(':') && tex.split(':')[0] === namespace))
+        .map(tex => {
+          tex = tex.split(':')[1] ?? tex
+          if (tex.includes('/')) {
+            return join(`${texturesCommonBasePath}/${tex}`)
+          }
+          return join(texturesBasePath, tex)
+        })
+    )
+    // add all files from texturesCommonBasePath
+    // if (!isMinecraftNamespace) {
+    //   const commonBasePathFiles = await getFilesMapFromDir(texturesCommonBasePath)
+    //   for (const file of commonBasePathFiles) {
+    //     allInterestedPaths.add(file)
+    //   }
+    // }
+    const allInterestedPathsPerDir = new Map<string, string[]>()
+    for (const path of allInterestedPaths) {
+      const dir = dirname(path)
+      if (!allInterestedPathsPerDir.has(dir)) {
+        allInterestedPathsPerDir.set(dir, [])
+      }
+      const file = basename(path)
+      allInterestedPathsPerDir.get(dir)!.push(file)
+    }
+
+    const allInterestedImages = [] as string[]
+    for (const [dir, paths] of allInterestedPathsPerDir) {
+      if (!await existsAsync(dir)) {
+        continue
+      }
+      const dirImages = (await fs.promises.readdir(dir)).filter(f => f.endsWith('.png')).map(f => f.replace('.png', ''))
+      allInterestedImages.push(...dirImages.filter(image => paths.includes(image)).map(image => `${dir}/${image}`))
+    }
+
+    if (allInterestedImages.length === 0) {
+      continue
+    }
+
+    const firstImageFile = allInterestedImages[0]!
+    try {
+      firstTextureSize ??= await getSizeFromImage(`${firstImageFile}.png`)
+    } catch (err) { }
+    // eslint-disable-next-line @typescript-eslint/no-loop-func
+    const newTextures = Object.fromEntries(await Promise.all(allInterestedImages.map(async (image) => {
+      try {
+        const imagePath = `${image}.png`
+        const contents = await fs.promises.readFile(imagePath, 'base64')
+        const img = await getLoadedImage(`data:image/png;base64,${contents}`)
+        const imageRelative = image.replace(`${texturesBasePath}/`, '').replace(`${texturesCommonBasePath}/`, '')
+        const textureName = isMinecraftNamespace ? imageRelative : `${namespace}:${imageRelative}`
+
+        return [textureName, img]
+      } catch (err) {
+        const imageRelative = image.replace(`${texturesBasePath}/`, '').replace(`${texturesCommonBasePath}/`, '')
+        const textureName = isMinecraftNamespace ? imageRelative : `${namespace}:${imageRelative}`
+        currentErrors.push(`[${imageRelative}] ${err.message}`)
+        return [textureName, undefined]
+      }
+    })))
+    Object.assign(textures, Object.fromEntries(Object.entries(newTextures).filter(([, img]) => img !== undefined)))
+  }
+  return {
+    firstTextureSize,
+    textures,
+  }
+}
+
+const prepareBlockstatesAndModels = async (progressReporter: ProgressReporter) => {
+  const resources = appViewer.resourcesManager.currentResources!
+  resources.customBlockStates = {}
+  resources.customModels = {}
+  resources.customItemModelNames = {}
+  const usedBlockTextures = new Set<string>()
+  const usedItemTextures = new Set<string>()
+  const basePath = await getActiveResourcepackBasePath()
+  if (!basePath) return
+  progressReporter.beginStage('read-resource-pack-blockstates-and-models', 'Reading resource pack blockstates and models')
+
+  const readModelData = async (path: string, type: 'models' | 'blockstates', namespaceDir: string) => {
+    if (!(await existsAsync(path))) return
+    const files = await fs.promises.readdir(path)
+    const jsons = {} as Record<string, any>
+    await Promise.all(files.map(async (file) => {
+      const filePath = `${path}/${file}`
+      if (file.endsWith('.json')) {
+        const contents = await fs.promises.readFile(filePath, 'utf8')
+        let name = file.replace('.json', '')
+        const isBlock = path.endsWith('block')
+        if (type === 'models') {
+          name = `${isBlock ? 'block' : 'item'}/${name}`
+        }
+        const parsed = JSON.parse(contents)
+        if (namespaceDir === 'minecraft') {
+          jsons[name] = parsed
+        }
+        jsons[`${namespaceDir}:${name}`] = parsed
+        if (type === 'models') {
+          for (let texturePath of Object.values(parsed.textures ?? {})) {
+            if (typeof texturePath !== 'string') continue
+            if (texturePath.startsWith('#')) continue
+            if (!texturePath.includes(':')) texturePath = `minecraft:${texturePath}`
+            if (isBlock) {
+              usedBlockTextures.add(texturePath as string)
+            } else {
+              usedItemTextures.add(texturePath as string)
+            }
+          }
+        }
+      }
+    }))
+    return jsons
+  }
+
+  const readCustomModelData = async (path: string, namespaceDir: string) => {
+    if (!(await existsAsync(path))) return
+    const files = await fs.promises.readdir(path)
+    const customModelData = {} as Record<string, string[]>
+    await Promise.all(files.map(async (file) => {
+      const filePath = `${path}/${file}`
+      if (file.endsWith('.json')) {
+        const contents = await fs.promises.readFile(filePath, 'utf8')
+        const name = file.replace('.json', '')
+        const parsed = JSON.parse(contents)
+        const entries: string[] = []
+        if (path.endsWith('/items')) { // 1.21.4+
+          // TODO: Support other properties too
+          if (parsed.model?.type === 'range_dispatch' && parsed.model?.property === 'custom_model_data') {
+            for (const entry of parsed.model?.entries ?? []) {
+              const threshold = entry.threshold ?? 0
+              let modelPath = entry.model?.model
+              if (typeof modelPath !== 'string') continue
+              if (!modelPath.includes(':')) modelPath = `minecraft:${modelPath}`
+              entries[threshold] = modelPath
+            }
+          }
+        } else if (path.endsWith('/models/item')) { // pre 1.21.4
+          for (const entry of parsed.overrides ?? []) {
+            if (entry.predicate?.custom_model_data && entry.model) {
+              let modelPath = entry.model
+              if (typeof modelPath !== 'string') continue
+              if (!modelPath.includes(':')) modelPath = `minecraft:${modelPath}`
+              entries[entry.predicate.custom_model_data] = modelPath
+            }
+          }
+        }
+        if (entries.length > 0) {
+          customModelData[`${namespaceDir}:${name}`] = entries
+        }
+      }
+    }))
+    return customModelData
+  }
+
+  const readData = async (namespaceDir: string) => {
+    const blockstatesPath = `${basePath}/assets/${namespaceDir}/blockstates`
+    const blockModelsPath = `${basePath}/assets/${namespaceDir}/models/block`
+    const itemsPath = `${basePath}/assets/${namespaceDir}/items`
+    const itemModelsPath = `${basePath}/assets/${namespaceDir}/models/item`
+
+    Object.assign(resources.customBlockStates!, await readModelData(blockstatesPath, 'blockstates', namespaceDir))
+    Object.assign(resources.customModels!, await readModelData(blockModelsPath, 'models', namespaceDir))
+    Object.assign(resources.customModels!, await readModelData(itemModelsPath, 'models', namespaceDir))
+
+    for (const [key, value] of Object.entries(await readCustomModelData(itemsPath, namespaceDir) ?? {})) {
+      resources.customItemModelNames[key] = value
+    }
+    for (const [key, value] of Object.entries(await readCustomModelData(itemModelsPath, namespaceDir) ?? {})) {
+      resources.customItemModelNames[key] = value
+    }
+  }
+
+  try {
+    const assetsDirs = await fs.promises.readdir(join(basePath, 'assets'))
+    for (const assetsDir of assetsDirs) {
+      await readData(assetsDir)
+    }
+  } catch (err) {
+    console.error('Failed to read some of resource pack blockstates and models', err)
+    currentErrors.push('Failed to read blockstates/models')
+    resources.customBlockStates = undefined
+    resources.customModels = undefined
+    resources.customItemModelNames = {}
+  }
+  return {
+    usedBlockTextures,
+    usedItemTextures
+  }
+}
+
+const downloadAndUseResourcePack = async (url: string, progressReporter: ProgressReporter): Promise<void> => {
+  progressReporter.beginStage('install-resource-pack', 'Installing server resource pack')
+  try {
+    resourcePackState.isServerInstalling = true
+    resourcePackState.isServerDownloading = true
+    progressReporter.beginStage('download-resource-pack', 'Downloading server resource pack')
+    console.log('Downloading server resource pack', url)
+    console.time('downloadServerResourcePack')
+    const response = await fetch(url).catch((err) => {
+      console.error(err)
+      if (err.message === 'Failed to fetch') {
+        err.message = `Check internet connection and ensure server on ${url} support CORS which is not required for the vanilla client, but is required for the web client.`
+      }
+      progressReporter.error('Failed to download resource pack: ' + err.message)
+    })
+    console.timeEnd('downloadServerResourcePack')
+    if (!response) return
+
+    const contentLength = response.headers.get('Content-Length')
+    const total = contentLength ? parseInt(contentLength, 10) : 0
+    let loaded = 0
+
+    const reader = response.body!.getReader()
+    const chunks: Uint8Array[] = []
+
+    // eslint-disable-next-line no-constant-condition
+    while (true) {
+      const { done, value } = await reader.read()
+      if (done) break
+
+      chunks.push(value)
+      loaded += value.length
+
+      if (total) {
+        const progress = Math.round((loaded / total) * 100)
+        progressReporter.reportProgress('download-resource-pack', progress / 100)
+      }
+    }
+
+    resourcePackState.isServerDownloading = false
+    const resourcePackData = await new Blob(chunks).arrayBuffer()
+    progressReporter.endStage('install-resource-pack')
+    await installResourcepackPack(resourcePackData, progressReporter, undefined, undefined, true).catch((err) => {
+      console.error(err)
+      showNotification('Failed to install resource pack: ' + err.message)
+    })
+  } catch (err) {
+    console.error('Could not install resource pack', err)
+    progressReporter.error('Could not install resource pack: ' + err.message)
+  } finally {
+    progressReporter.endStage('download-resource-pack')
+    resourcePackState.isServerInstalling = false
+    resourcePackState.isServerDownloading = false
+  }
+}
+
+export const onAppLoad = () => {
+  customEvents.on('mineflayerBotCreated', () => {
+    // todo also handle resourcePack
+    const handleResourcePackRequest = async (packet) => {
+      const start = Date.now()
+      console.log('Received resource pack request', packet)
+      const promptMessagePacket = ('promptMessage' in packet && packet.promptMessage) ? packet.promptMessage : undefined
+      const promptMessageText = promptMessagePacket ? '' : 'Do you want to use server resource pack?'
+      // TODO!
+      const hash = 'hash' in packet ? packet.hash : '-'
+      const forced = 'forced' in packet ? packet.forced : false
+      const choice = options.serverResourcePacks === 'never'
+        ? false
+        : options.serverResourcePacks === 'always'
+          ? true
+          : await showOptionsModal(promptMessageText, ['Download & Install (recommended)', 'Pretend Installed (not recommended)'], {
+            cancel: !forced,
+            minecraftJsonMessage: promptMessagePacket,
+          })
+      if (Date.now() - start < 700) {
+        void new Promise(resolve => {
+          // wait for state protocol switch
+          setTimeout(resolve, 700)
+        }).then(() => {
+          if (choice === false || choice === 'Pretend Installed (not recommended)' || choice === 'Download & Install (recommended)' || choice) {
+            console.log('accepting resource pack')
+            bot.acceptResourcePack()
+          } else {
+            bot.denyResourcePack()
+          }
+        })
+      }
+      if (choice === true || choice === 'Download & Install (recommended)') {
+        await downloadAndUseResourcePack(packet.url, createFullScreenProgressReporter()).catch((err) => {
+          console.error(err)
+          showNotification('Failed to download resource pack: ' + err.message)
+        })
+      }
+    }
+    bot._client.on('resource_pack_send', handleResourcePackRequest)
+    bot._client.on('add_resource_pack' as any, handleResourcePackRequest)
+  })
+
+  subscribe(resourcePackState, () => {
+    if (!resourcePackState.resourcePackInstalled) return
+    void updateAllReplacableTextures()
+  })
+}
+
+const updateAllReplacableTextures = async () => {
+  const basePath = await getActiveResourcepackBasePath()
+  const setCustomCss = async (path: string | null, varName: string, repeat = 1) => {
+    if (path && await existsAsync(path)) {
+      const contents = await fs.promises.readFile(path, 'base64')
+      const dataUrl = `data:image/png;base64,${contents}`
+      document.body.style.setProperty(varName, repeatArr(`url(${dataUrl})`, repeat).join(', '))
+    } else {
+      document.body.style.setProperty(varName, '')
+    }
+  }
+  const setCustomPicture = async (key: string, path: string) => {
+    let contents = resourcesContentOriginal[key]
+    if (await existsAsync(path)) {
+      const file = await fs.promises.readFile(path, 'base64')
+      const dataUrl = `data:image/png;base64,${file}`
+      contents = dataUrl
+    }
+    appReplacableResources[key].content = contents
+  }
+  const vars = Object.entries(appReplacableResources).filter(([, x]) => x.cssVar)
+  for (const [key, { cssVar, cssVarRepeat, resourcePackPath }] of vars) {
+    const resPath = `${basePath}/assets/${resourcePackPath}`
+    if (cssVar) {
+
+      await setCustomCss(resPath, cssVar, cssVarRepeat ?? 1)
+    } else {
+
+      await setCustomPicture(key, resPath)
+    }
+  }
+}
+
+const repeatArr = (arr, i) => Array.from({ length: i }, () => arr)
+
+const updateTextures = async (progressReporter = createConsoleLogProgressReporter(), skipResourcesLoad = false) => {
+  if (!appViewer.resourcesManager.currentResources) {
+    appViewer.resourcesManager.resetResources()
+  }
+  const resources = appViewer.resourcesManager.currentResources!
+  currentErrors = []
+  const origBlocksFiles = Object.keys(appViewer.resourcesManager.sourceBlocksAtlases.latest.textures)
+  const origItemsFiles = Object.keys(appViewer.resourcesManager.sourceItemsAtlases.latest.textures)
+  const origArmorFiles = Object.keys(armorTextures)
+  const { usedBlockTextures, usedItemTextures } = await prepareBlockstatesAndModels(progressReporter) ?? {}
+  progressReporter.beginStage(`generate-atlas-texture-blocks`, `Generating atlas textures`)
+  const [
+    blocksData,
+    itemsData,
+    armorData
+  ] = await Promise.all([
+    getResourcepackTiles('blocks', [...origBlocksFiles, ...usedBlockTextures ?? []], progressReporter),
+    getResourcepackTiles('items', [...origItemsFiles, ...usedItemTextures ?? []], progressReporter),
+    getResourcepackTiles('armor', origArmorFiles, progressReporter),
+    updateAllReplacableTextures()
+  ])
+  resources.customTextures = {}
+
+  if (blocksData) {
+    resources.customTextures.blocks = {
+      tileSize: blocksData.firstTextureSize,
+      textures: blocksData.textures
+    }
+  }
+  if (itemsData) {
+    resources.customTextures.items = {
+      tileSize: itemsData.firstTextureSize,
+      textures: itemsData.textures
+    }
+  }
+  if (armorData) {
+    resources.customTextures.armor = {
+      tileSize: armorData.firstTextureSize,
+      textures: armorData.textures
+    }
+  }
+
+  if (!skipResourcesLoad) {
+    await appViewer.resourcesManager.updateAssetsData({ })
+  }
+}
+
+export const resourcepackReload = async (skipResourcesLoad = false) => {
+  await updateTextures(undefined, skipResourcesLoad)
+}
+
+export const copyServerResourcePackToRegular = async (name = 'default') => {
+  // Check if server resource pack exists
+  if (!(await existsAsync('/resourcepack/pack.mcmeta'))) {
+    throw new Error('No server resource pack is currently installed')
+  }
+
+  // Get display name from server resource pack if available
+  let displayName
+  try {
+    displayName = await fs.promises.readFile('/resourcepack/name.txt', 'utf8')
+  } catch {
+    displayName = 'Server Resource Pack'
+  }
+
+  // Copy all files from server resource pack to regular location
+  const destPath = resourcepackPackBasePath + name
+  await mkdirRecursive(destPath)
+
+  const reporter = createFullScreenProgressReporter()
+  reporter.setMessage('Copying server resource pack to user location')
+  await copyFilesAsyncWithProgress('/resourcepack', destPath, true, ' (server -> user)')
+
+  // Complete the installation
+  await completeResourcepackPackInstall(displayName, name, false, reporter)
+  showNotification('Server resource pack copied to user location')
+
+  reporter.end()
+}
diff --git a/src/resourcePackItemDefinitions.ts b/src/resourcePackItemDefinitions.ts
new file mode 100644
index 00000000..9ec0b430
--- /dev/null
+++ b/src/resourcePackItemDefinitions.ts
@@ -0,0 +1,48 @@
+import fs from 'fs'
+
+export type ResourcePackItemDefinition = {
+  model: {
+    type: 'minecraft:model'
+    model: string
+    tints?: Array<{
+      type: 'minecraft:constant'
+      value: number // eg 12596533
+    }>
+  } | {
+    type: 'minecraft:empty'
+  }
+}
+
+export type ItemDefinitions = Record<string, ResourcePackItemDefinition>
+
+export type ItemRenderDefinitionInput = {
+  item: string
+}
+
+const readFilesSafe = async (path: string) => {
+  try {
+    return await fs.promises.readdir(path)
+  } catch (error) {
+    return null
+  }
+}
+
+export const readResourcePackItemDefinitions = async (assetsPath: string) => {
+  const namespaces = fs.readdirSync(assetsPath)
+
+  const itemDefinitions: ItemDefinitions = {}
+  for (const namespace of namespaces) {
+    // eslint-disable-next-line no-await-in-loop
+    const items = await readFilesSafe(`${assetsPath}/${namespace}/items`)
+    if (!items) continue
+    for (const item of items) {
+      if (!item.endsWith('.json')) continue
+      const file = fs.readFileSync(`${assetsPath}/${namespace}/items/${item}`, 'utf8')
+      const json = JSON.parse(file)
+      itemDefinitions[`${namespace}:${item}`] = json
+    }
+  }
+  return itemDefinitions
+}
+
+export const itemsDefaultNamespace = 'minecraft'
diff --git a/src/resourcesManager.ts b/src/resourcesManager.ts
new file mode 100644
index 00000000..ef3dd7ce
--- /dev/null
+++ b/src/resourcesManager.ts
@@ -0,0 +1,242 @@
+import { EventEmitter } from 'events'
+import TypedEmitter from 'typed-emitter'
+import blocksAtlases from 'mc-assets/dist/blocksAtlases.json'
+import itemsAtlases from 'mc-assets/dist/itemsAtlases.json'
+import itemDefinitionsJson from 'mc-assets/dist/itemDefinitions.json'
+import blocksAtlasLatest from 'mc-assets/dist/blocksAtlasLatest.png'
+import blocksAtlasLegacy from 'mc-assets/dist/blocksAtlasLegacy.png'
+import itemsAtlasLatest from 'mc-assets/dist/itemsAtlasLatest.png'
+import itemsAtlasLegacy from 'mc-assets/dist/itemsAtlasLegacy.png'
+import christmasPack from 'mc-assets/dist/textureReplacements/christmas'
+import { AtlasParser, ItemsAtlasesOutputJson } from 'mc-assets/dist/atlasParser'
+import worldBlockProvider, { WorldBlockProvider } from 'mc-assets/dist/worldBlockProvider'
+import { ItemsRenderer } from 'mc-assets/dist/itemsRenderer'
+import { getLoadedItemDefinitionsStore } from 'mc-assets'
+import { generateGuiAtlas } from 'renderer/viewer/lib/guiRenderer'
+import { importLargeData } from '../generated/large-data-aliases'
+
+type ResourceManagerEvents = {
+  assetsTexturesUpdated: () => void
+  assetsInventoryStarted: () => void
+  assetsInventoryReady: () => void
+}
+
+export class LoadedResourcesTransferrable {
+  allReady = false
+  // Atlas parsers
+  itemsAtlasImage: ImageBitmap
+  blocksAtlasImage: ImageBitmap
+  blocksAtlasJson: ItemsAtlasesOutputJson
+  // User data (specific to current resourcepack/version)
+  customBlockStates?: Record<string, any>
+  customModels?: Record<string, any>
+  /** array where the index represents the custom model data value, and the element at that index is the model path to use */
+  customItemModelNames: Record<string, string[]> = {}
+  customTextures: {
+    items?: { tileSize: number | undefined, textures: Record<string, HTMLImageElement> }
+    blocks?: { tileSize: number | undefined, textures: Record<string, HTMLImageElement> }
+    armor?: { tileSize: number | undefined, textures: Record<string, HTMLImageElement> }
+  } = {}
+  guiAtlas: { json: any, image: ImageBitmap } | null = null
+  guiAtlasVersion = 0
+
+  itemsRenderer: ItemsRenderer
+  worldBlockProvider?: WorldBlockProvider
+  blockstatesModels: any = null
+
+  version: string
+  texturesVersion: string
+}
+
+export interface ResourcesCurrentConfig {
+  version: string
+  texturesVersion?: string
+  // noBlockstatesModels?: boolean
+  noInventoryGui?: boolean
+  includeOnlyBlocks?: string[]
+}
+
+export interface UpdateAssetsRequest {
+  _?: false
+}
+
+export interface ResourcesManagerTransferred extends TypedEmitter<ResourceManagerEvents> {
+  currentResources: LoadedResourcesTransferrable
+}
+export interface ResourcesManagerCommon extends TypedEmitter<ResourceManagerEvents> {
+  currentResources: LoadedResourcesTransferrable | undefined
+}
+
+const STABLE_MODELS_VERSION = '1.21.4'
+export class ResourcesManager extends (EventEmitter as new () => TypedEmitter<ResourceManagerEvents>) {
+  static restorerName = 'ResourcesManager'
+
+  // Source data (imported, not changing)
+  sourceBlockStatesModels: any = null
+  readonly sourceBlocksAtlases: any = blocksAtlases
+  readonly sourceItemsAtlases: any = itemsAtlases
+  readonly sourceItemDefinitionsJson: any = itemDefinitionsJson
+  readonly itemsDefinitionsStore = getLoadedItemDefinitionsStore(this.sourceItemDefinitionsJson)
+
+  currentResources: LoadedResourcesTransferrable | undefined
+  itemsAtlasParser: AtlasParser
+  blocksAtlasParser: AtlasParser
+  currentConfig: ResourcesCurrentConfig | undefined
+  abortController = new AbortController()
+  _promiseAssetsReadyResolvers = Promise.withResolvers<void>()
+  get promiseAssetsReady () {
+    return this._promiseAssetsReadyResolvers.promise
+  }
+
+  async loadSourceData (version: string) {
+    this.sourceBlockStatesModels ??= await importLargeData('blockStatesModels')
+  }
+
+  resetResources () {
+    this.currentResources = new LoadedResourcesTransferrable()
+  }
+
+  async updateAssetsData (request: UpdateAssetsRequest, unstableSkipEvent = false) {
+    if (!this.currentConfig) throw new Error('No config loaded')
+    this._promiseAssetsReadyResolvers = Promise.withResolvers()
+    const abortController = new AbortController()
+    await this.loadSourceData(this.currentConfig.version)
+    if (abortController.signal.aborted) return
+
+    const resources = this.currentResources ?? new LoadedResourcesTransferrable()
+    resources.version = this.currentConfig.version
+    resources.texturesVersion = this.currentConfig.texturesVersion ?? resources.version
+
+    resources.blockstatesModels = {
+      blockstates: {},
+      models: {}
+    }
+    // todo-low resolve version
+    resources.blockstatesModels.blockstates.latest = {
+      ...this.sourceBlockStatesModels.blockstates.latest,
+      ...resources.customBlockStates
+    }
+
+    resources.blockstatesModels.models.latest = {
+      ...this.sourceBlockStatesModels.models.latest,
+      ...resources.customModels
+    }
+
+    console.time('recreateAtlases')
+    await Promise.all([
+      this.recreateBlockAtlas(resources),
+      this.recreateItemsAtlas(resources)
+    ])
+    console.timeEnd('recreateAtlases')
+
+    if (abortController.signal.aborted) return
+
+    if (resources.version && resources.blockstatesModels && this.itemsAtlasParser && this.blocksAtlasParser) {
+      resources.itemsRenderer = new ItemsRenderer(
+        resources.version,
+        resources.blockstatesModels,
+        this.itemsAtlasParser,
+        this.blocksAtlasParser
+      )
+    }
+
+    if (abortController.signal.aborted) return
+
+    this.currentResources = resources
+    resources.allReady = true
+    if (!unstableSkipEvent) { // todo rework resourcepack optimization
+      this.emit('assetsTexturesUpdated')
+    }
+
+    if (this.currentConfig.noInventoryGui) {
+      this._promiseAssetsReadyResolvers.resolve()
+    } else {
+      this.emit('assetsInventoryStarted')
+      void this.generateGuiTextures().then(() => {
+        if (abortController.signal.aborted) return
+        if (!unstableSkipEvent) {
+          this.emit('assetsInventoryReady')
+        }
+        this._promiseAssetsReadyResolvers.resolve()
+      })
+    }
+  }
+
+  async recreateBlockAtlas (resources: LoadedResourcesTransferrable = this.currentResources!) {
+    const blockTexturesChanges = {} as Record<string, string>
+    const date = new Date()
+    if ((date.getMonth() === 11 && date.getDate() >= 24) || (date.getMonth() === 0 && date.getDate() <= 6)) {
+      Object.assign(blockTexturesChanges, christmasPack)
+    }
+
+    const blocksAssetsParser = new AtlasParser(this.sourceBlocksAtlases, blocksAtlasLatest, blocksAtlasLegacy)
+
+    const customBlockTextures = Object.keys(resources.customTextures.blocks?.textures ?? {})
+    console.time('createBlocksAtlas')
+    const { atlas: blocksAtlas, canvas: blocksCanvas } = await blocksAssetsParser.makeNewAtlas(
+      resources.texturesVersion,
+      (textureName) => {
+        if (this.currentConfig!.includeOnlyBlocks && !this.currentConfig!.includeOnlyBlocks.includes(textureName)) return false
+        const texture = resources.customTextures.blocks?.textures[textureName]
+        return blockTexturesChanges[textureName] ?? texture
+      },
+      undefined,
+      undefined,
+      customBlockTextures,
+      {
+        needHorizontalIndexes: !!this.currentConfig!.includeOnlyBlocks,
+      }
+    )
+    console.timeEnd('createBlocksAtlas')
+
+    this.blocksAtlasParser = new AtlasParser({ latest: blocksAtlas }, blocksCanvas.toDataURL())
+    resources.blocksAtlasImage = await createImageBitmap(blocksCanvas)
+    resources.blocksAtlasJson = this.blocksAtlasParser.atlas.latest
+
+    resources.worldBlockProvider = worldBlockProvider(
+      resources.blockstatesModels,
+      this.blocksAtlasParser.atlas,
+      STABLE_MODELS_VERSION
+    )
+  }
+
+  async recreateItemsAtlas (resources: LoadedResourcesTransferrable = this.currentResources!) {
+    const itemsAssetsParser = new AtlasParser(this.sourceItemsAtlases, itemsAtlasLatest, itemsAtlasLegacy)
+    const customItemTextures = Object.keys(resources.customTextures.items?.textures ?? {})
+    const { atlas: itemsAtlas, canvas: itemsCanvas } = await itemsAssetsParser.makeNewAtlas(
+      resources.texturesVersion,
+      (textureName) => {
+        const texture = resources.customTextures.items?.textures[textureName]
+        if (!texture) return
+        return texture
+      },
+      resources.customTextures.items?.tileSize,
+      undefined,
+      customItemTextures
+    )
+
+    this.itemsAtlasParser = new AtlasParser({ latest: itemsAtlas }, itemsCanvas.toDataURL())
+    resources.itemsAtlasImage = await createImageBitmap(itemsCanvas)
+  }
+
+  async generateGuiTextures () {
+    await generateGuiAtlas()
+  }
+
+  async downloadDebugAtlas (isItems = false) {
+    const resources = this.currentResources
+    if (!resources) throw new Error('No resources loaded')
+    const atlasParser = (isItems ? this.itemsAtlasParser : this.blocksAtlasParser)!
+    const dataUrl = await atlasParser.createDebugImage(true)
+    const a = document.createElement('a')
+    a.href = dataUrl
+    a.download = `atlas-debug-${isItems ? 'items' : 'blocks'}.png`
+    a.click()
+  }
+
+  destroy () {
+    this.abortController.abort()
+    this.currentResources = undefined
+    this.abortController = new AbortController()
+  }
+}
diff --git a/src/resourcesSource.ts b/src/resourcesSource.ts
new file mode 100644
index 00000000..66de0cf6
--- /dev/null
+++ b/src/resourcesSource.ts
@@ -0,0 +1,61 @@
+export const appReplacableResources: Array<{
+  path: string
+  cssVar?: string
+  cssVarRepeat?: number
+}> = [
+  // GUI
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/title/minecraft.png',
+    cssVar: '--title-gui',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/1.19/gui/icons.png',
+    cssVar: '--gui-icons',
+    cssVarRepeat: 2,
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/widgets.png',
+    cssVar: '--widgets-gui-atlas',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/bars.png',
+    cssVar: '--bars-gui-atlas',
+  },
+  // container
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/inventory.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/shulker_box.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/generic_54.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/furnace.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/crafting_table.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/dispenser.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/hopper.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/horse.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/villager2.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/enchanting_table.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/anvil.png',
+  },
+  {
+    path: '../node_modules/mc-assets/dist/other-textures/latest/gui/container/beacon.png',
+  },
+]
diff --git a/src/scaleInterface.ts b/src/scaleInterface.ts
index 9eac457d..8177f6de 100644
--- a/src/scaleInterface.ts
+++ b/src/scaleInterface.ts
@@ -1,31 +1,44 @@
-import { proxy } from 'valtio'
+import { proxy, useSnapshot } from 'valtio'
 import { subscribeKey } from 'valtio/utils'
-import { options } from './optionsStorage'
+import { useMedia } from 'react-use'
+import { options, watchValue } from './optionsStorage'
+import { useScale } from './react/UIProvider'
 
 export const currentScaling = proxy({
   scale: 1,
 })
+window.currentScaling = currentScaling
 
 const setScale = () => {
   const scaleValues = [
-    { width: 971, height: 670, scale: 2 },
-    { width: null, height: 430, scale: 1.5 },
-    { width: 590, height: null, scale: 1 }
+    { maxWidth: 980, maxHeight: null, scale: 2 },
+    { maxWidth: null, maxHeight: 390, scale: 1.5 }, // todo allow to set the scaling at 360-400 (dynamic scaling setting)
+    { maxWidth: 620, maxHeight: null, scale: 1 },
+
+    { maxWidth: 620, minHeight: 240, scale: 1.4 },
   ]
 
   const { innerWidth, innerHeight } = window
 
   let result = options.guiScale
-  for (const { width, height, scale } of scaleValues) {
-    if ((width && innerWidth <= width) || (height && innerHeight <= height)) {
+  for (const { maxWidth, maxHeight, scale, minHeight } of scaleValues) {
+    if ((!maxWidth || innerWidth <= maxWidth) && (!maxHeight || innerHeight <= maxHeight) && (!minHeight || innerHeight >= minHeight)) {
       result = scale
     }
   }
 
   currentScaling.scale = result
-  document.documentElement.style.setProperty('--guiScale', String(result))
 }
 
+
 setScale()
 subscribeKey(options, 'guiScale', setScale)
+watchValue(currentScaling, (c) => {
+  document.documentElement.style.setProperty('--guiScale', String(c.scale))
+  document.documentElement.style.setProperty('--scale', String(c.scale))
+})
 window.addEventListener('resize', setScale)
+
+export const useAppScale = () => {
+  return useSnapshot(currentScaling).scale
+}
diff --git a/src/screens.css b/src/screens.css
index 32765506..e503c305 100644
--- a/src/screens.css
+++ b/src/screens.css
@@ -17,6 +17,7 @@
     inset: 0;
     height: 100dvh;
     background: rgba(0, 0, 0, 0.75);
+    z-index: 12;
 }
 
 .fullscreen {
@@ -25,6 +26,10 @@
     display: flex;
     justify-content: center;
     z-index: 12;
+    /* Account for GUI scaling */
+    width: calc(100dvw / var(--guiScale, 1));
+    height: calc(100dvh / var(--guiScale, 1));
+    overflow: hidden;
 }
 
 .screen-content {
@@ -33,14 +38,44 @@
     margin-top: 35px;
     /* todo remove it but without it in chrome android the screen is not scrollable */
     overflow: auto;
-    height: fit-content;
+    /* height: fit-content; */ /*! delete this line after testing previous line */
     /* todo I'm not sure about it */
     /* margin-top: calc(100% / 6 - 16px); */
     align-items: center;
+    /* apply safe area padding */
+    padding: 0 calc(env(safe-area-inset-left) / 2) 0 calc(env(safe-area-inset-right) / 2);
 
     gap: 10px;
 }
 
+.scaled-content-container {
+    font-size: calc(16px * var(--scale));
+}
+
+.scaled-content-container .screen-title {
+    font-size: calc(10px * var(--scale));
+    margin-top: calc(35px * var(--scale));
+}
+
+.scaled-content-container .dirt-bg {
+    image-rendering: pixelated;
+    background-size: calc(32px * var(--scale));
+    transform: none;
+}
+
+@media screen and (max-height: 426px) {
+    .fullscreen:not(.small-content) {
+        .screen-content {
+            /* margin-top: calc(14px * var(--scale)); */
+            margin-top: 14px;
+        }
+
+        .screen-title {
+            margin-bottom: 5px;
+        }
+    }
+}
+
 .screen-items {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
diff --git a/src/serviceWorker.ts b/src/serviceWorker.ts
index cbb7a42a..321fc607 100644
--- a/src/serviceWorker.ts
+++ b/src/serviceWorker.ts
@@ -1,13 +1,18 @@
 import { isCypress } from './standaloneUtils'
 
+// might not resolve at all
 export const registerServiceWorker = async () => {
-  if (!('serviceWorker' in navigator)) return
+  if (!('serviceWorker' in navigator) || process.env.SINGLE_FILE_BUILD) return
+  if (process.env.DISABLE_SERVICE_WORKER) return
   if (!isCypress() && process.env.NODE_ENV !== 'development') {
-    window.addEventListener('load', () => {
-      navigator.serviceWorker.register('./service-worker.js').then(registration => {
-        console.log('SW registered:', registration)
-      }).catch(registrationError => {
-        console.log('SW registration failed:', registrationError)
+    return new Promise<void>(resolve => {
+      window.addEventListener('load', async () => {
+        await navigator.serviceWorker.register('./service-worker.js').then(registration => {
+          console.log('SW registered:', registration)
+          resolve()
+        }).catch(registrationError => {
+          console.log('SW registration failed:', registrationError)
+        })
       })
     })
   } else {
diff --git a/src/shims.js b/src/shims.js
deleted file mode 100644
index 3a4cf7b6..00000000
--- a/src/shims.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const BrowserFS = require('browserfs')
-
-export { BrowserFS }
diff --git a/src/shims/crypto.js b/src/shims/crypto.js
new file mode 100644
index 00000000..c8470c86
--- /dev/null
+++ b/src/shims/crypto.js
@@ -0,0 +1,44 @@
+//@ts-check
+export * from 'crypto-browserify'
+export function createPublicKey() { }
+
+// CUSTOM SIGN ASYNC IMPLEMENTATION FOR BROWSERS
+
+export async function sign(signatureAlgorithm, data, privateKeyPem) {
+  if (signatureAlgorithm !== 'RSA-SHA256') throw new Error(`Unsupported signature algorithm ${signatureAlgorithm}`)
+  if (typeof privateKeyPem !== 'string') throw new Error(`This implementation only supports strings as private keys`)
+  const privateKeyBuffer = pemToArrayBuffer(privateKeyPem)
+  const privateKey = await crypto.subtle.importKey(
+    'pkcs8', // Chrome has difficulties with pkcs1 and the recommended format is pkcs8
+    privateKeyBuffer,
+    {
+      name: 'RSASSA-PKCS1-v1_5',
+      hash: { name: 'SHA-256' },
+    },
+    true,
+    ['sign']
+  )
+  const signature = await crypto.subtle.sign(
+    {
+      name: 'RSASSA-PKCS1-v1_5',
+      hash: { name: 'SHA-256' }, // SHA-256 hash function
+    },
+    privateKey,
+    data
+  )
+  return signature
+}
+
+function pemToArrayBuffer(pem) {
+  pem = pem.trim()
+  const pemHeader = '-----BEGIN RSA PRIVATE KEY-----'
+  const pemFooter = '-----END RSA PRIVATE KEY-----'
+  const pemContents = pem.slice(pemHeader.length, pem.length - pemFooter.length).trim()
+  const binaryDerString = atob(pemContents.replaceAll(/\s/g, ''))
+  const binaryDer = new Uint8Array(binaryDerString.length)
+  for (let i = 0; i < binaryDerString.length; i++) {
+    //@ts-expect-error
+    binaryDer[i] = binaryDerString.codePointAt(i)
+  }
+  return binaryDer.buffer
+}
diff --git a/src/dns.js b/src/shims/dns.js
similarity index 51%
rename from src/dns.js
rename to src/shims/dns.js
index 0bbe5320..37d193af 100644
--- a/src/dns.js
+++ b/src/shims/dns.js
@@ -2,13 +2,39 @@
 
 // Custom DNS resolver made by SiebeDW. Powered by google dns.
 // Supported: SRV (not all errors support)
-module.exports.resolveSrv = function (hostname, callback) {
+module.exports.resolveSrv = function (hostname, _callback) {
+  globalThis.setLoadingMessage?.(`Getting SRV using Google DNS`)
+
+  const callback = (err, result) => {
+    globalThis.setLoadingMessage?.(undefined)
+    _callback(err, result)
+  }
+
   const Http = new XMLHttpRequest()
   const url = `https://dns.google.com/resolve?name=${hostname}&type=SRV`
   Http.open('GET', url)
   Http.responseType = 'json'
   Http.send()
 
+  const minecraftServerHostname = hostname.startsWith('_minecraft._tcp.') ? hostname.slice('_minecraft._tcp.'.length) : null
+  if (minecraftServerHostname) {
+    Http.onerror = async function () {
+      try {
+        if (!globalThis.resolveDnsFallback) return
+        globalThis.setLoadingMessage?.('Resolving SRV using fallback')
+        const result = await globalThis.resolveDnsFallback(minecraftServerHostname)
+        callback(null, result ? [{
+          priority: 0,
+          weight: 0,
+          port: result.port,
+          name: result.host
+        }] : [])
+      } catch (err) {
+        callback(err)
+      }
+    }
+  }
+
   Http.onload = function () {
     const { response } = Http
     if (response.Status === 3) {
@@ -26,6 +52,7 @@ module.exports.resolveSrv = function (hostname, callback) {
     const willreturn = []
     for (const object of response.Answer) {
       const data = object.data.split(' ')
+      if (data[3] === undefined || data[2] === undefined) continue
       willreturn.push({
         priority: data[0],
         weight: data[1],
diff --git a/src/shims/empty.ts b/src/shims/empty.ts
new file mode 100644
index 00000000..9fabff8f
--- /dev/null
+++ b/src/shims/empty.ts
@@ -0,0 +1,3 @@
+// eslint-disable-next-line @typescript-eslint/no-useless-empty-export
+export { }
+export default {}
diff --git a/src/shims/fs.js b/src/shims/fs.js
new file mode 100644
index 00000000..df83f969
--- /dev/null
+++ b/src/shims/fs.js
@@ -0,0 +1,12 @@
+const BrowserFS = require('browserfs')
+
+globalThis.fs ??= BrowserFS.BFSRequire('fs')
+globalThis.fs.promises = new Proxy({}, {
+  get(target, p) {
+    return (...args) => {
+      return globalThis.promises[p](...args)
+    }
+  }
+})
+
+module.exports = globalThis.fs
diff --git a/src/shims/minecraftData.ts b/src/shims/minecraftData.ts
new file mode 100644
index 00000000..33dff5fe
--- /dev/null
+++ b/src/shims/minecraftData.ts
@@ -0,0 +1,102 @@
+import { versionToNumber } from 'renderer/viewer/common/utils'
+import { restoreMinecraftData } from '../optimizeJson'
+// import minecraftInitialDataJson from '../../generated/minecraft-initial-data.json'
+import { toMajorVersion } from '../utils'
+import { importLargeData } from '../../generated/large-data-aliases'
+
+const customResolver = () => {
+  const resolver = Promise.withResolvers()
+  let resolvedData
+  return {
+    ...resolver,
+    get resolvedData () {
+      return resolvedData
+    },
+    resolve (data) {
+      resolver.resolve(data)
+      resolvedData = data
+    }
+  }
+}
+
+let dataStatus = 'not-called'
+
+const optimizedDataResolver = customResolver()
+window._MC_DATA_RESOLVER = optimizedDataResolver
+window._LOAD_MC_DATA = async () => {
+  if (optimizedDataResolver.resolvedData) return
+  dataStatus = 'loading'
+  try {
+    optimizedDataResolver.resolve(await importLargeData('mcData'))
+    dataStatus = 'ready'
+  } catch (e) {
+    dataStatus = 'error'
+    throw e
+  }
+}
+
+// 30 seconds
+const cacheTtl = 30 * 1000
+const cache = new Map<string, any>()
+const cacheTime = new Map<string, number>()
+const possiblyGetFromCache = (version: string) => {
+  // if (minecraftInitialDataJson[version] && !optimizedDataResolver.resolvedData) {
+  //   return minecraftInitialDataJson[version]
+  // }
+  if (cache.has(version)) {
+    return cache.get(version)
+  }
+  const inner = () => {
+    if (!optimizedDataResolver.resolvedData) {
+      throw new Error(`Minecraft data are not ready yet. Ensure you await window._LOAD_MC_DATA() before using it. Status: ${dataStatus}`)
+    }
+    const dataTypes = Object.keys(optimizedDataResolver.resolvedData)
+    const allRestored = {}
+    for (const dataType of dataTypes) {
+      if (dataType === 'blockCollisionShapes' && versionToNumber(version) >= versionToNumber('1.13')) {
+        const shapes = window.globalGetCollisionShapes?.(version)
+        if (shapes) {
+          allRestored[dataType] = shapes
+          continue
+        }
+      }
+
+      const data = optimizedDataResolver.resolvedData[dataType]
+      if (data.__IS_OPTIMIZED__) {
+        allRestored[dataType] = restoreMinecraftData(optimizedDataResolver.resolvedData, dataType, version)
+      } else {
+        allRestored[dataType] = data[version] ?? data[toMajorVersion(version)]
+      }
+    }
+    return allRestored
+  }
+  const data = inner()
+  cache.set(version, data)
+  cacheTime.set(version, Date.now())
+  return data
+}
+window.allLoadedMcData = new Proxy({}, {
+  get (t, version: string) {
+    // special properties like $typeof
+    if (version.includes('$')) return
+    // todo enumerate all props
+    return new Proxy({}, {
+      get (target, prop) {
+        return possiblyGetFromCache(version)[prop]
+      },
+    })
+  }
+})
+
+setInterval(() => {
+  const now = Date.now()
+  for (const [version, time] of cacheTime) {
+    if (now - time > cacheTtl) {
+      cache.delete(version)
+      cacheTime.delete(version)
+    }
+  }
+}, 1000)
+
+export const pc = window.allLoadedMcData
+export default { pc }
diff --git a/src/shims/patchShims.ts b/src/shims/patchShims.ts
new file mode 100644
index 00000000..4a374b7e
--- /dev/null
+++ b/src/shims/patchShims.ts
@@ -0,0 +1,12 @@
+import { EventEmitter } from 'events'
+
+EventEmitter.defaultMaxListeners = 200
+
+const oldEmit = EventEmitter.prototype.emit
+EventEmitter.prototype.emit = function (...args) {
+  if (args[0] === 'error' && !this._events.error) {
+    console.log('Unhandled error event', args.slice(1))
+    args[1] = { message: String(args[1]) }
+  }
+  return oldEmit.apply(this, args)
+}
diff --git a/src/shims/perf_hooks_replacement.js b/src/shims/perf_hooks_replacement.js
new file mode 100644
index 00000000..6c19053a
--- /dev/null
+++ b/src/shims/perf_hooks_replacement.js
@@ -0,0 +1 @@
+module.exports.performance = globalThis.performance
diff --git a/src/shims/prismarineAuthReplacement.ts b/src/shims/prismarineAuthReplacement.ts
new file mode 100644
index 00000000..944f5524
--- /dev/null
+++ b/src/shims/prismarineAuthReplacement.ts
@@ -0,0 +1,7 @@
+// Auth is done in the connection option callback. In this app the auth implementation is server side.
+
+const Titles = {}
+
+export {
+  Titles
+}
diff --git a/src/shims/yggdrasilReplacement.ts b/src/shims/yggdrasilReplacement.ts
new file mode 100644
index 00000000..e0cab6f0
--- /dev/null
+++ b/src/shims/yggdrasilReplacement.ts
@@ -0,0 +1,27 @@
+export const server = ({ host: sessionServer }) => {
+  return {
+    async join (accessToken, sessionSelectedProfileId, serverId, sharedSecret, publicKey, cb) {
+      try {
+        const result = await fetch(`${sessionServer}`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            accessToken,
+            selectedProfile: sessionSelectedProfileId,
+            serverId,
+            sharedSecret,
+            publicKey,
+          }),
+        })
+        if (!result.ok) {
+          throw new Error(`Request failed ${await result.text()}`)
+        }
+        cb(null)
+      } catch (err) {
+        cb(err)
+      }
+    }
+  }
+}
diff --git a/src/soundSystem.ts b/src/soundSystem.ts
deleted file mode 100644
index e7fdaee7..00000000
--- a/src/soundSystem.ts
+++ /dev/null
@@ -1,278 +0,0 @@
-import { subscribeKey } from 'valtio/utils'
-import { Vec3 } from 'vec3'
-import { versionToNumber } from 'prismarine-viewer/viewer/prepare/utils'
-import { loadScript } from 'prismarine-viewer/viewer/lib/utils'
-import type { Block } from 'prismarine-block'
-import { miscUiState } from './globalState'
-import { options } from './optionsStorage'
-import { loadOrPlaySound } from './basicSounds'
-import { showNotification } from './react/NotificationProvider'
-
-const globalObject = window as {
-  allSoundsMap?: Record<string, Record<string, string>>,
-  allSoundsVersionedMap?: Record<string, string[]>,
-}
-
-subscribeKey(miscUiState, 'gameLoaded', async () => {
-  if (!miscUiState.gameLoaded) return
-  const soundsLegacyMap = window.allSoundsVersionedMap as Record<string, string[]>
-  const { allSoundsMap } = globalObject
-  const allSoundsMeta = window.allSoundsMeta as { format: string, baseUrl: string }
-  if (!allSoundsMap) {
-    return
-  }
-
-  // todo also use major versioned hardcoded sounds
-  const soundsMap = allSoundsMap[bot.version]
-
-  if (!soundsMap || !miscUiState.gameLoaded || !soundsMap) {
-    return
-  }
-
-  const soundsPerId = Object.fromEntries(Object.entries(soundsMap).map(([id, sound]) => [+id.split(';')[0], sound]))
-  const soundsPerName = Object.fromEntries(Object.entries(soundsMap).map(([id, sound]) => [id.split(';')[1], sound]))
-  const soundIdToName = Object.fromEntries(Object.entries(soundsMap).map(([id, sound]) => [+id.split(';')[0], id.split(';')[1]]))
-
-  const playGeneralSound = async (soundId: string, soundString: string | undefined, position?: Vec3, volume = 1, pitch?: number) => {
-    if (!soundString) {
-      console.warn('Unknown sound received from server to play', soundId)
-      return
-    }
-    if (!options.volume) return
-    const parts = soundString.split(';')
-    const soundVolume = +parts[0]!
-    const soundName = parts[1]!
-    // console.log('pitch', pitch)
-    const versionedSound = getVersionedSound(bot.version, soundName, Object.entries(soundsLegacyMap))
-    // todo test versionedSound
-    const url = allSoundsMeta.baseUrl.replace(/\/$/, '') + (versionedSound ? `/${versionedSound}` : '') + '/minecraft/sounds/' + soundName + '.' + allSoundsMeta.format
-    const soundKey = soundIdToName[+soundId] ?? soundId
-    const isMuted = options.mutedSounds.includes(soundKey) || options.volume === 0
-    if (position) {
-      if (!isMuted) {
-        viewer.playSound(position, url, soundVolume * Math.max(Math.min(volume, 1), 0) * (options.volume / 100))
-      }
-      if (getDistance(bot.entity.position, position) < 4 * 16) {
-        lastPlayedSounds.lastServerPlayed[soundKey] ??= { count: 0, last: 0 }
-        lastPlayedSounds.lastServerPlayed[soundKey].count++
-        lastPlayedSounds.lastServerPlayed[soundKey].last = Date.now()
-      }
-    } else {
-      if (!isMuted) {
-        await loadOrPlaySound(url, volume)
-      }
-      lastPlayedSounds.lastClientPlayed.push(soundKey)
-      if (lastPlayedSounds.lastClientPlayed.length > 10) {
-        lastPlayedSounds.lastClientPlayed.shift()
-      }
-    }
-  }
-  const playHardcodedSound = async (soundId: string, position?: Vec3, volume = 1, pitch?: number) => {
-    const sound = soundsPerName[soundId]
-    await playGeneralSound(soundId, sound, position, volume, pitch)
-  }
-  bot.on('soundEffectHeard', async (soundId, position, volume, pitch) => {
-    console.debug('soundEffectHeard', soundId, volume)
-    await playHardcodedSound(soundId, position, volume, pitch)
-  })
-  bot.on('hardcodedSoundEffectHeard', async (soundId, soundCategory, position, volume, pitch) => {
-    const sound = soundsPerId[soundId]
-    await playGeneralSound(soundId.toString(), sound, position, volume, pitch)
-  })
-  bot.on('entityHurt', async (entity) => {
-    if (entity.id === bot.entity.id) {
-      await playHardcodedSound('entity.player.hurt')
-    }
-  })
-
-  const useBlockSound = (blockName: string, category: string, fallback: string) => {
-    blockName = {
-      // todo somehow generated, not full
-      grass_block: 'grass',
-      tall_grass: 'grass',
-      fern: 'grass',
-      large_fern: 'grass',
-      dead_bush: 'grass',
-      seagrass: 'grass',
-      tall_seagrass: 'grass',
-      kelp: 'grass',
-      kelp_plant: 'grass',
-      sugar_cane: 'grass',
-      bamboo: 'grass',
-      vine: 'grass',
-      nether_sprouts: 'grass',
-      nether_wart: 'grass',
-      twisting_vines: 'grass',
-      weeping_vines: 'grass',
-
-      cobblestone: 'stone',
-      stone_bricks: 'stone',
-      mossy_stone_bricks: 'stone',
-      cracked_stone_bricks: 'stone',
-      chiseled_stone_bricks: 'stone',
-      stone_brick_slab: 'stone',
-      stone_brick_stairs: 'stone',
-      stone_brick_wall: 'stone',
-      polished_granite: 'stone',
-    }[blockName] ?? blockName
-    const key = 'block.' + blockName + '.' + category
-    return soundsPerName[key] ? key : fallback
-  }
-
-  const getStepSound = (blockUnder: Block) => {
-    // const soundsMap = globalObject.allSoundsMap?.[bot.version]
-    // if (!soundsMap) return
-    // let soundResult = 'block.stone.step'
-    // for (const x of Object.keys(soundsMap).map(n => n.split(';')[1])) {
-    //   const match = /block\.(.+)\.step/.exec(x)
-    //   const block = match?.[1]
-    //   if (!block) continue
-    //   if (loadedData.blocksByName[block]?.name === blockUnder.name) {
-    //     soundResult = x
-    //     break
-    //   }
-    // }
-    return useBlockSound(blockUnder.name, 'step', 'block.stone.step')
-  }
-
-  let lastStepSound = 0
-  const movementHappening = async () => {
-    if (!bot.player) return // no info yet
-    const VELOCITY_THRESHOLD = 0.1
-    const { x, z, y } = bot.player.entity.velocity
-    if (bot.entity.onGround && Math.abs(x) < VELOCITY_THRESHOLD && (Math.abs(z) > VELOCITY_THRESHOLD || Math.abs(y) > VELOCITY_THRESHOLD)) {
-      // movement happening
-      if (Date.now() - lastStepSound > 300) {
-        const blockUnder = bot.world.getBlock(bot.entity.position.offset(0, -1, 0))
-        if (blockUnder) {
-          const stepSound = getStepSound(blockUnder)
-          if (stepSound) {
-            await playHardcodedSound(stepSound, undefined, 0.6)// todo not sure why 0.6
-            lastStepSound = Date.now()
-          }
-        }
-      }
-    }
-  }
-
-  const playBlockBreak = async (blockName: string, position?: Vec3) => {
-    const sound = useBlockSound(blockName, 'break', 'block.stone.break')
-
-    await playHardcodedSound(sound, position, 0.6, 1)
-  }
-
-  const registerEvents = () => {
-    bot.on('move', () => {
-      void movementHappening()
-    })
-    bot._client.on('world_event', async ({ effectId, location, data, global: disablePosVolume }) => {
-      const position = disablePosVolume ? undefined : new Vec3(location.x, location.y, location.z)
-      if (effectId === 2001) {
-        // break event
-        const block = loadedData.blocksByStateId[data]
-        await playBlockBreak(block.name, position)
-      }
-      // these produce glass break sound
-      if (effectId === 2002 || effectId === 2003 || effectId === 2007) {
-        await playHardcodedSound('block.glass.break', position, 1, 1)
-      }
-      if (effectId === 1004) {
-        // firework shoot
-        await playHardcodedSound('entity.firework_rocket.launch', position, 1, 1)
-      }
-      if (effectId === 1006 || effectId === 1007 || effectId === 1014) {
-        // wooden door open/close
-        await playHardcodedSound('block.wooden_door.open', position, 1, 1)
-      }
-      if (effectId === 1002) {
-        // dispenser shoot
-        await playHardcodedSound('block.dispenser.dispense', position, 1, 1)
-      }
-      if (effectId === 1024) {
-        // wither shoot
-        await playHardcodedSound('entity.wither.shoot', position, 1, 1)
-      }
-      if (effectId === 1031) {
-        // anvil land
-        await playHardcodedSound('block.anvil.land', position, 1, 1)
-      }
-      if (effectId === 1010) {
-        console.log('play record', data)
-      }
-      // todo add support for all current world events
-    })
-    let diggingBlock: Block | null = null
-    customEvents.on('digStart', () => {
-      diggingBlock = bot.blockAtCursor(5)
-    })
-    bot.on('diggingCompleted', async () => {
-      if (diggingBlock) {
-        await playBlockBreak(diggingBlock.name, diggingBlock.position)
-      }
-    })
-  }
-
-  registerEvents()
-
-  // 1.20+ soundEffectHeard is broken atm
-  // bot._client.on('packet', (data, { name }, buffer) => {
-  //   if (name === 'sound_effect') {
-  //     console.log(data, buffer)
-  //   }
-  // })
-})
-
-// todo
-// const music = {
-//   activated: false,
-//   playing: '',
-//   activate () {
-//     const gameMusic = Object.entries(globalObject.allSoundsMap?.[bot.version] ?? {}).find(([id, sound]) => sound.includes('music.game'))
-//     if (!gameMusic) return
-//     const soundPath = gameMusic[0].split(';')[1]
-//     const next = () => {}
-//   }
-// }
-
-export const earlyCheck = () => {
-  const { allSoundsMap } = globalObject
-  if (!allSoundsMap) return
-
-  // todo also use major versioned hardcoded sounds
-  const soundsMap = allSoundsMap[bot.version]
-
-  if (!soundsMap) {
-    console.warn('No sounds map for version', bot.version, 'supported versions are', Object.keys(allSoundsMap).join(', '))
-    showNotification('Warning', 'No sounds map for version ' + bot.version)
-  }
-}
-
-const getVersionedSound = (version: string, item: string, itemsMapSortedEntries: Array<[string, string[]]>) => {
-  const verNumber = versionToNumber(version)
-  for (const [itemsVer, items] of itemsMapSortedEntries) {
-    // 1.18 < 1.18.1
-    // 1.13 < 1.13.2
-    if (items.includes(item) && verNumber <= versionToNumber(itemsVer)) {
-      return itemsVer
-    }
-  }
-}
-
-export const downloadSoundsIfNeeded = async () => {
-  if (!globalObject.allSoundsMap) {
-    try {
-      await loadScript('./sounds.js')
-    } catch (err) {
-      console.warn('Sounds map was not generated. Sounds will not be played.')
-    }
-  }
-}
-
-export const lastPlayedSounds = {
-  lastClientPlayed: [] as string[],
-  lastServerPlayed: {} as Record<string, { count: number, last: number }>,
-}
-
-const getDistance = (pos1: Vec3, pos2: Vec3) => {
-  return Math.hypot((pos1.x - pos2.x), (pos1.y - pos2.y), (pos1.z - pos2.z))
-}
diff --git a/src/sounds/botSoundSystem.ts b/src/sounds/botSoundSystem.ts
new file mode 100644
index 00000000..cb237072
--- /dev/null
+++ b/src/sounds/botSoundSystem.ts
@@ -0,0 +1,245 @@
+import { Vec3 } from 'vec3'
+import { versionToNumber } from 'renderer/viewer/common/utils'
+import { loadScript } from 'renderer/viewer/lib/utils'
+import type { Block } from 'prismarine-block'
+import { subscribeKey } from 'valtio/utils'
+import { miscUiState } from '../globalState'
+import { options } from '../optionsStorage'
+import { loadOrPlaySound } from '../basicSounds'
+import { getActiveResourcepackBasePath, resourcePackState } from '../resourcePack'
+import { showNotification } from '../react/NotificationProvider'
+import { pixelartIcons } from '../react/PixelartIcon'
+import { createSoundMap, SoundMap } from './soundsMap'
+import { musicSystem } from './musicSystem'
+import './customSoundSystem'
+
+let soundMap: SoundMap | undefined
+
+const updateResourcePack = async () => {
+  if (!soundMap) return
+  // todo, rework to await
+  void soundMap.updateActiveResourcePackBasePath(await getActiveResourcepackBasePath() ?? undefined)
+}
+
+let musicInterval: ReturnType<typeof setInterval> | null = null
+
+subscribeKey(miscUiState, 'gameLoaded', async () => {
+  if (!miscUiState.gameLoaded) {
+    stopMusicSystem()
+    soundMap?.quit()
+    return
+  }
+
+  console.log(`Loading sounds for version ${bot.version}. Resourcepack state: ${JSON.stringify(resourcePackState)}`)
+  soundMap = createSoundMap(bot.version) ?? undefined
+  globalThis.soundMap = soundMap
+  if (!soundMap) return
+  if (soundMap.noVersionIdMapping) {
+    showNotification('No exact sound ID mappings for this version', undefined, false, pixelartIcons['warning-box'])
+  }
+  void updateResourcePack()
+  startMusicSystem()
+
+  const playGeneralSound = async (soundKey: string, position?: Vec3, volume = 1, pitch?: number) => {
+    if (!options.volume || !soundMap) return
+    const soundData = await soundMap.getSoundUrl(soundKey, volume)
+    if (!soundData) return
+
+    const isMuted = options.mutedSounds.includes(soundKey) || options.volume === 0
+    if (position) {
+      if (!isMuted) {
+        appViewer.backend?.soundSystem?.playSound(
+          position,
+          soundData.url,
+          soundData.volume,
+          Math.max(Math.min(pitch ?? 1, 2), 0.5),
+          soundData.timeout ?? options.remoteSoundsLoadTimeout
+        )
+      }
+      if (getDistance(bot.entity.position, position) < 4 * 16) {
+        lastPlayedSounds.lastServerPlayed[soundKey] ??= { count: 0, last: 0 }
+        lastPlayedSounds.lastServerPlayed[soundKey].count++
+        lastPlayedSounds.lastServerPlayed[soundKey].last = Date.now()
+      }
+    } else {
+      if (!isMuted) {
+        await loadOrPlaySound(soundData.url, volume)
+      }
+      lastPlayedSounds.lastClientPlayed.push(soundKey)
+      if (lastPlayedSounds.lastClientPlayed.length > 10) {
+        lastPlayedSounds.lastClientPlayed.shift()
+      }
+    }
+  }
+
+  const musicStartCheck = async (force = false) => {
+    if (!soundMap || !bot) return
+    // 20% chance to start music
+    if (Math.random() > 0.2 && !force && !options.enableMusic) return
+
+    const musicKeys = ['music.game']
+    if (bot.game.gameMode === 'creative') {
+      musicKeys.push('music.creative')
+    }
+    const randomMusicKey = musicKeys[Math.floor(Math.random() * musicKeys.length)]
+    const soundData = await soundMap.getSoundUrl(randomMusicKey)
+    if (!soundData || !soundMap) return
+    await musicSystem.playMusic(soundData.url, soundData.volume)
+  }
+
+  function startMusicSystem () {
+    if (musicInterval) return
+    musicInterval = setInterval(() => {
+      void musicStartCheck()
+    }, 10_000)
+  }
+
+  window.forceStartMusic = () => {
+    void musicStartCheck(true)
+  }
+
+
+  function stopMusicSystem () {
+    if (musicInterval) {
+      clearInterval(musicInterval)
+      musicInterval = null
+    }
+  }
+
+  const playHardcodedSound = async (soundKey: string, position?: Vec3, volume = 1, pitch?: number) => {
+    await playGeneralSound(soundKey, position, volume, pitch)
+  }
+
+  bot.on('soundEffectHeard', async (soundId, position, volume, pitch) => {
+    if (/^https?:/.test(soundId.replace('minecraft:', ''))) {
+      return
+    }
+    await playHardcodedSound(soundId, position, volume, pitch)
+  })
+
+  bot._client.on('sound_effect', async (packet) => {
+    const hasNamedSoundEffect = versionToNumber(bot.version) < versionToNumber('1.19.3')
+
+    const soundResource = packet['soundEvent']?.resource as string | undefined
+    const pos = new Vec3(packet.x / 8, packet.y / 8, packet.z / 8)
+    if (packet.soundId !== 0 || !soundResource) {
+      const soundKey = soundMap!.soundsIdToName[packet.soundId - (hasNamedSoundEffect ? 0 : 1)]
+      if (soundKey === undefined) return
+      await playGeneralSound(soundKey, pos, packet.volume, packet.pitch)
+      return
+    }
+
+    await playHardcodedSound(soundResource.replace('minecraft:', ''), pos, packet.volume, packet.pitch)
+  })
+
+  bot.on('entityHurt', async (entity) => {
+    if (entity.id === bot.entity.id) {
+      await playHardcodedSound('entity.player.hurt')
+    }
+  })
+
+  let lastStepSound = 0
+  const movementHappening = async () => {
+    if (!bot.entity || !soundMap) return // no info yet
+    if (appViewer.playerState.reactive.gameMode === 'spectator') return // Don't play step sounds in spectator mode
+    const VELOCITY_THRESHOLD = 0.1
+    const RUN_THRESHOLD = 0.15
+    const { x, z, y } = bot.entity.velocity
+    if (bot.entity.onGround && (Math.abs(x) > VELOCITY_THRESHOLD || Math.abs(z) > VELOCITY_THRESHOLD)) {
+      const isRunning = (Math.abs(x) > RUN_THRESHOLD || Math.abs(z) > RUN_THRESHOLD)
+      // movement happening
+      if (Date.now() - lastStepSound > (isRunning ? 100 : 300)) {
+        const blockUnder = bot.world.getBlock(bot.entity.position.offset(0, -1, 0))
+        if (blockUnder) {
+          const stepSound = soundMap.getStepSound(blockUnder.name)
+          if (stepSound) {
+            await playHardcodedSound(stepSound, undefined, 0.6)
+            lastStepSound = Date.now()
+          }
+        }
+      }
+    }
+  }
+
+  const playBlockBreak = async (blockName: string, position?: Vec3) => {
+    if (!soundMap) return
+    const sound = soundMap.getBreakSound(blockName)
+    await playHardcodedSound(sound, position, 0.6, 1)
+  }
+
+  const registerEvents = () => {
+    bot.on('move', () => {
+      void movementHappening()
+    })
+    bot._client.on('world_event', async ({ effectId, location, data, global: disablePosVolume }) => {
+      const position = disablePosVolume ? undefined : new Vec3(location.x, location.y, location.z)
+      if (effectId === 2001) {
+        // break event
+        const block = loadedData.blocksByStateId[data]
+        await playBlockBreak(block.name, position)
+      }
+      // these produce glass break sound
+      if (effectId === 2002 || effectId === 2003 || effectId === 2007) {
+        await playHardcodedSound('block.glass.break', position, 1, 1)
+      }
+      if (effectId === 1004) {
+        // firework shoot
+        await playHardcodedSound('entity.firework_rocket.launch', position, 1, 1)
+      }
+      if (effectId === 1006 || effectId === 1007 || effectId === 1014) {
+        // wooden door open/close
+        await playHardcodedSound('block.wooden_door.open', position, 1, 1)
+      }
+      if (effectId === 1002) {
+        // dispenser shoot
+        await playHardcodedSound('block.dispenser.dispense', position, 1, 1)
+      }
+      if (effectId === 1024) {
+        // wither shoot
+        await playHardcodedSound('entity.wither.shoot', position, 1, 1)
+      }
+      if (effectId === 1031) {
+        // anvil land
+        await playHardcodedSound('block.anvil.land', position, 1, 1)
+      }
+      if (effectId === 1010) {
+        console.log('play record', data)
+      }
+    })
+
+    let diggingBlock: Block | null = null
+    customEvents.on('digStart', () => {
+      diggingBlock = bot.blockAtCursor(5)
+    })
+    bot.on('diggingCompleted', async () => {
+      if (diggingBlock) {
+        await playBlockBreak(diggingBlock.name, diggingBlock.position)
+      }
+    })
+  }
+
+  registerEvents()
+})
+
+subscribeKey(resourcePackState, 'resourcePackInstalled', async () => {
+  await updateResourcePack()
+})
+
+export const downloadSoundsIfNeeded = async () => {
+  if (!window.allSoundsMap) {
+    try {
+      await loadScript('./sounds.js')
+    } catch (err) {
+      console.warn('Sounds map was not generated. Sounds will not be played.')
+    }
+  }
+}
+
+export const lastPlayedSounds = {
+  lastClientPlayed: [] as string[],
+  lastServerPlayed: {} as Record<string, { count: number, last: number }>,
+}
+
+const getDistance = (pos1: Vec3, pos2: Vec3) => {
+  return Math.hypot((pos1.x - pos2.x), (pos1.y - pos2.y), (pos1.z - pos2.z))
+}
diff --git a/src/sounds/customSoundSystem.ts b/src/sounds/customSoundSystem.ts
new file mode 100644
index 00000000..1880aa70
--- /dev/null
+++ b/src/sounds/customSoundSystem.ts
@@ -0,0 +1,46 @@
+import { loadOrPlaySound, stopAllSounds, stopSound } from '../basicSounds'
+import { options } from '../optionsStorage'
+
+const customSoundSystem = () => {
+  bot._client.on('named_sound_effect', packet => {
+    if (!options.remoteSoundsSupport) return
+    let { soundName } = packet
+    let metadata = {} as { loadTimeout?: number, loop?: boolean }
+
+    // Extract JSON metadata from parentheses at the end
+    const jsonMatch = /\(({.*})\)$/.exec(soundName)
+    if (jsonMatch) {
+      try {
+        metadata = JSON.parse(jsonMatch[1])
+        soundName = soundName.slice(0, -jsonMatch[0].length)
+      } catch (e) {
+        console.warn('Failed to parse sound metadata:', jsonMatch[1])
+      }
+    }
+
+    if (/^https?:/.test(soundName.replace('minecraft:', ''))) {
+      const { loadTimeout, loop } = metadata
+      void loadOrPlaySound(soundName, packet.volume, loadTimeout, loop)
+    }
+  })
+
+  bot._client.on('stop_sound', packet => {
+    const { flags, source, sound } = packet
+
+    if (flags === 0) {
+      // Stop all sounds
+      stopAllSounds()
+    } else if (sound) {
+      // Stop specific sound by name
+      stopSound(sound)
+    }
+  })
+
+  bot.on('end', () => {
+    stopAllSounds()
+  })
+}
+
+customEvents.on('mineflayerBotCreated', () => {
+  customSoundSystem()
+})
diff --git a/src/sounds/musicSystem.ts b/src/sounds/musicSystem.ts
new file mode 100644
index 00000000..8fad4c74
--- /dev/null
+++ b/src/sounds/musicSystem.ts
@@ -0,0 +1,33 @@
+import { loadOrPlaySound } from '../basicSounds'
+import { options } from '../optionsStorage'
+
+class MusicSystem {
+  private currentMusic: string | null = null
+
+  async playMusic (url: string, musicVolume = 1) {
+    if (!options.enableMusic || this.currentMusic || options.musicVolume === 0) return
+
+    try {
+      const { onEnded } = await loadOrPlaySound(url, musicVolume, 5000, undefined, true) ?? {}
+
+      if (!onEnded) return
+
+      this.currentMusic = url
+
+      onEnded(() => {
+        this.currentMusic = null
+      })
+    } catch (err) {
+      console.warn('Failed to play music:', err)
+      this.currentMusic = null
+    }
+  }
+
+  stopMusic () {
+    if (this.currentMusic) {
+      this.currentMusic = null
+    }
+  }
+}
+
+export const musicSystem = new MusicSystem()
diff --git a/src/sounds/soundsMap.ts b/src/sounds/soundsMap.ts
new file mode 100644
index 00000000..47028971
--- /dev/null
+++ b/src/sounds/soundsMap.ts
@@ -0,0 +1,447 @@
+import fs from 'fs'
+import path from 'path'
+import { versionsMapToMajor, versionToMajor, versionToNumber } from 'renderer/viewer/common/utils'
+
+import { stopAllSounds } from '../basicSounds'
+import { musicSystem } from './musicSystem'
+
+interface SoundMeta {
+  format: string
+  baseUrl: string
+}
+
+interface SoundData {
+  volume: number
+  path: string
+}
+
+interface SoundMapData {
+  allSoundsMap: Record<string, Record<string, string>>
+  soundsLegacyMap: Record<string, string[]>
+  soundsMeta: SoundMeta
+}
+
+interface BlockSoundMap {
+  [blockName: string]: string
+}
+
+interface SoundEntry {
+  file: string
+  weight: number
+  volume: number
+}
+
+interface ResourcePackSoundEntry {
+  name: string
+  stream?: boolean
+  volume?: number
+  timeout?: number
+}
+
+interface ResourcePackSound {
+  category: string
+  sounds: ResourcePackSoundEntry[]
+}
+
+interface ResourcePackSoundsJson {
+  [soundId: string]: ResourcePackSound
+}
+
+export class SoundMap {
+  private readonly soundsPerName: Record<string, SoundEntry[]>
+  soundsIdToName: Record<string, string>
+  private readonly existingResourcePackPaths: Set<string>
+  private activeResourcePackBasePath: string | undefined
+  private activeResourcePackSoundsJson: ResourcePackSoundsJson | undefined
+  noVersionIdMapping = false
+
+  constructor (
+    private readonly soundData: SoundMapData,
+    private readonly version: string
+  ) {
+    // First try exact version match
+    let soundsMap = soundData.allSoundsMap[this.version]
+
+    if (!soundsMap) {
+      // If no exact match, try major version
+      const allSoundsMajor = versionsMapToMajor(soundData.allSoundsMap)
+      soundsMap = allSoundsMajor[versionToMajor(version)]
+
+      if (!soundsMap) {
+        // If still no match, use first available mapping
+        soundsMap = Object.values(allSoundsMajor)[0]
+      }
+
+      this.noVersionIdMapping = true
+    }
+
+    // Create both mappings
+    this.soundsIdToName = {}
+    this.soundsPerName = {}
+
+    for (const [id, soundsStr] of Object.entries(soundsMap)) {
+      const sounds = soundsStr.split(',').map(s => {
+        const [volume, name, weight] = s.split(';')
+        if (isNaN(Number(volume))) throw new Error('volume is not a number')
+        if (isNaN(Number(weight))) throw new TypeError('weight is not a number')
+        return {
+          file: name,
+          weight: Number(weight),
+          volume: Number(volume)
+        }
+      })
+
+      const [idPart, namePart] = id.split(';')
+      this.soundsIdToName[idPart] = namePart
+
+      this.soundsPerName[namePart] = sounds
+    }
+  }
+
+  async updateActiveResourcePackBasePath (basePath: string | undefined) {
+    this.activeResourcePackBasePath = basePath
+    if (!basePath) {
+      this.activeResourcePackSoundsJson = undefined
+      return
+    }
+
+    let soundsJsonContent: string | undefined
+    try {
+      const soundsJsonPath = path.join(basePath, 'assets/minecraft/sounds.json')
+      soundsJsonContent = await fs.promises.readFile(soundsJsonPath, 'utf8')
+    } catch (err) {}
+    try {
+      if (soundsJsonContent) {
+        this.activeResourcePackSoundsJson = JSON.parse(soundsJsonContent)
+      }
+    } catch (err) {
+      console.warn('Failed to parse sounds.json from resourcepack', err)
+      this.activeResourcePackSoundsJson = undefined
+    }
+  }
+
+  async updateExistingResourcePackPaths () {
+    if (!this.activeResourcePackBasePath) return
+    // todo support sounds.js from resource pack
+    const soundsBasePath = path.join(this.activeResourcePackBasePath, 'assets/minecraft/sounds')
+    // scan recursively for sounds files
+    const scan = async (dir: string) => {
+      const entries = await fs.promises.readdir(dir, { withFileTypes: true })
+      for (const entry of entries) {
+        const entryPath = path.join(dir, entry.name)
+        if (entry.isDirectory()) {
+          await scan(entryPath)
+        } else if (entry.isFile() && entry.name.endsWith('.ogg')) {
+          const relativePath = path.relative(soundsBasePath, entryPath)
+          this.existingResourcePackPaths.add(relativePath)
+        }
+      }
+    }
+
+    await scan(soundsBasePath)
+  }
+
+  async getSoundUrl (soundKey: string, volume = 1): Promise<{ url: string; volume: number, timeout?: number } | undefined> {
+    // First check resource pack sounds.json
+    if (this.activeResourcePackSoundsJson && soundKey in this.activeResourcePackSoundsJson) {
+      const rpSound = this.activeResourcePackSoundsJson[soundKey]
+      // Pick a random sound from the resource pack
+      const sound = rpSound.sounds[Math.floor(Math.random() * rpSound.sounds.length)]
+      const soundVolume = sound.volume ?? 1
+
+      if (this.activeResourcePackBasePath) {
+        const tryFormat = async (format: string) => {
+          try {
+            if (sound.name.startsWith('http://') || sound.name.startsWith('https://')) {
+              return {
+                url: sound.name,
+                volume: soundVolume * Math.max(Math.min(volume, 1), 0),
+                timeout: sound.timeout
+              }
+            }
+            const resourcePackPath = path.join(this.activeResourcePackBasePath!, `/assets/minecraft/sounds/${sound.name}.${format}`)
+            const fileData = await fs.promises.readFile(resourcePackPath)
+            return {
+              url: `data:audio/${format};base64,${fileData.toString('base64')}`,
+              volume: soundVolume * Math.max(Math.min(volume, 1), 0)
+            }
+          } catch (err) {
+            return null
+          }
+        }
+
+        const result = await tryFormat(this.soundData.soundsMeta.format)
+        if (result) return result
+
+        if (this.soundData.soundsMeta.format !== 'ogg') {
+          const oggResult = await tryFormat('ogg')
+          if (oggResult) return oggResult
+        }
+      }
+    }
+
+    // Fall back to vanilla sounds if no resource pack sound found
+    const sounds = this.soundsPerName[soundKey]
+    if (!sounds?.length) return undefined
+
+    // Pick a random sound based on weights
+    const totalWeight = sounds.reduce((sum, s) => sum + s.weight, 0)
+    let random = Math.random() * totalWeight
+    const sound = sounds.find(s => {
+      random -= s.weight
+      return random <= 0
+    }) ?? sounds[0]
+
+    const versionedSound = this.getVersionedSound(sound.file)
+
+    const url = this.soundData.soundsMeta.baseUrl.replace(/\/$/, '') +
+      (versionedSound ? `/${versionedSound}` : '') +
+      '/minecraft/sounds/' +
+      sound.file +
+      '.' +
+      this.soundData.soundsMeta.format
+
+    return {
+      url,
+      volume: sound.volume * Math.max(Math.min(volume, 1), 0)
+    }
+  }
+
+  private getVersionedSound (item: string): string | undefined {
+    const verNumber = versionToNumber(this.version)
+    const entries = Object.entries(this.soundData.soundsLegacyMap)
+    for (const [itemsVer, items] of entries) {
+      if (items.includes(item) && verNumber <= versionToNumber(itemsVer)) {
+        return itemsVer
+      }
+    }
+    return undefined
+  }
+
+  getBlockSound (blockName: string, category: string, fallback: string): string {
+    const mappedName = blockSoundAliases[blockName] ?? blockName
+    const key = `block.${mappedName}.${category}`
+    return this.soundsPerName[key] ? key : fallback
+  }
+
+  getStepSound (blockName: string): string {
+    return this.getBlockSound(blockName, 'step', 'block.stone.step')
+  }
+
+  getBreakSound (blockName: string): string {
+    return this.getBlockSound(blockName, 'break', 'block.stone.break')
+  }
+
+  quit () {
+    musicSystem.stopMusic()
+    stopAllSounds()
+  }
+}
+
+export function createSoundMap (version: string): SoundMap | null {
+  const globalObject = window as {
+    allSoundsMap?: Record<string, Record<string, string>>,
+    allSoundsVersionedMap?: Record<string, string[]>,
+    allSoundsMeta?: { format: string, baseUrl: string }
+  }
+  if (!globalObject.allSoundsMap) return null
+  return new SoundMap({
+    allSoundsMap: globalObject.allSoundsMap,
+    soundsLegacyMap: globalObject.allSoundsVersionedMap ?? {},
+    soundsMeta: globalObject.allSoundsMeta!
+  }, version)
+}
+
+// Block name mappings for sound effects
+const blockSoundAliases: BlockSoundMap = {
+  // Grass-like blocks
+  grass_block: 'grass',
+  tall_grass: 'grass',
+  fern: 'grass',
+  large_fern: 'grass',
+  dead_bush: 'grass',
+  seagrass: 'grass',
+  tall_seagrass: 'grass',
+  kelp: 'grass',
+  kelp_plant: 'grass',
+  sugar_cane: 'grass',
+  bamboo: 'grass',
+  vine: 'grass',
+  nether_sprouts: 'grass',
+  twisting_vines: 'grass',
+  weeping_vines: 'grass',
+  sweet_berry_bush: 'grass',
+  glow_lichen: 'grass',
+  moss_carpet: 'grass',
+  moss_block: 'grass',
+  hanging_roots: 'grass',
+  spore_blossom: 'grass',
+  small_dripleaf: 'grass',
+  big_dripleaf: 'grass',
+  flowering_azalea: 'grass',
+  azalea: 'grass',
+  azalea_leaves: 'grass',
+  flowering_azalea_leaves: 'grass',
+
+  // Dirt and ground blocks
+  dirt: 'gravel',
+  coarse_dirt: 'gravel',
+  podzol: 'gravel',
+  mycelium: 'gravel',
+  farmland: 'gravel',
+  dirt_path: 'gravel',
+  rooted_dirt: 'rooted_dirt',
+
+  // Crop blocks
+  wheat: 'crop',
+  potatoes: 'crop',
+  carrots: 'crop',
+  beetroots: 'crop',
+  melon_stem: 'crop',
+  pumpkin_stem: 'crop',
+  sweet_berries: 'crop',
+  cocoa: 'crop',
+  nether_wart: 'crop',
+  torchflower_crop: 'crop',
+  pitcher_crop: 'crop',
+
+  // Stone-like blocks
+  cobblestone: 'stone',
+  stone_bricks: 'stone',
+  mossy_stone_bricks: 'stone',
+  cracked_stone_bricks: 'stone',
+  chiseled_stone_bricks: 'stone',
+  stone_brick_slab: 'stone',
+  stone_brick_stairs: 'stone',
+  stone_brick_wall: 'stone',
+  polished_granite: 'stone',
+  granite: 'stone',
+  andesite: 'stone',
+  diorite: 'stone',
+  polished_andesite: 'stone',
+  polished_diorite: 'stone',
+  deepslate: 'deepslate',
+  cobbled_deepslate: 'deepslate',
+  polished_deepslate: 'deepslate',
+  deepslate_bricks: 'deepslate_bricks',
+  deepslate_tiles: 'deepslate_tiles',
+  calcite: 'stone',
+  tuff: 'stone',
+  smooth_stone: 'stone',
+  smooth_sandstone: 'stone',
+  smooth_quartz: 'stone',
+  smooth_red_sandstone: 'stone',
+
+  // Wood-like blocks
+  oak_planks: 'wood',
+  spruce_planks: 'wood',
+  birch_planks: 'wood',
+  jungle_planks: 'wood',
+  acacia_planks: 'wood',
+  dark_oak_planks: 'wood',
+  crimson_planks: 'wood',
+  warped_planks: 'wood',
+  oak_log: 'wood',
+  spruce_log: 'wood',
+  birch_log: 'wood',
+  jungle_log: 'wood',
+  acacia_log: 'wood',
+  dark_oak_log: 'wood',
+  crimson_stem: 'stem',
+  warped_stem: 'stem',
+
+  // Metal blocks
+  iron_block: 'metal',
+  gold_block: 'metal',
+  copper_block: 'copper',
+  exposed_copper: 'copper',
+  weathered_copper: 'copper',
+  oxidized_copper: 'copper',
+  netherite_block: 'netherite_block',
+  ancient_debris: 'ancient_debris',
+  lodestone: 'lodestone',
+  chain: 'chain',
+  anvil: 'anvil',
+  chipped_anvil: 'anvil',
+  damaged_anvil: 'anvil',
+
+  // Glass blocks
+  glass: 'glass',
+  glass_pane: 'glass',
+  white_stained_glass: 'glass',
+  orange_stained_glass: 'glass',
+  magenta_stained_glass: 'glass',
+  light_blue_stained_glass: 'glass',
+  yellow_stained_glass: 'glass',
+  lime_stained_glass: 'glass',
+  pink_stained_glass: 'glass',
+  gray_stained_glass: 'glass',
+  light_gray_stained_glass: 'glass',
+  cyan_stained_glass: 'glass',
+  purple_stained_glass: 'glass',
+  blue_stained_glass: 'glass',
+  brown_stained_glass: 'glass',
+  green_stained_glass: 'glass',
+  red_stained_glass: 'glass',
+  black_stained_glass: 'glass',
+  tinted_glass: 'glass',
+
+  // Wool blocks
+  white_wool: 'wool',
+  orange_wool: 'wool',
+  magenta_wool: 'wool',
+  light_blue_wool: 'wool',
+  yellow_wool: 'wool',
+  lime_wool: 'wool',
+  pink_wool: 'wool',
+  gray_wool: 'wool',
+  light_gray_wool: 'wool',
+  cyan_wool: 'wool',
+  purple_wool: 'wool',
+  blue_wool: 'wool',
+  brown_wool: 'wool',
+  green_wool: 'wool',
+  red_wool: 'wool',
+  black_wool: 'wool',
+
+  // Nether blocks
+  netherrack: 'netherrack',
+  nether_bricks: 'nether_bricks',
+  red_nether_bricks: 'nether_bricks',
+  nether_wart_block: 'wart_block',
+  warped_wart_block: 'wart_block',
+  soul_sand: 'soul_sand',
+  soul_soil: 'soul_soil',
+  basalt: 'basalt',
+  polished_basalt: 'basalt',
+  blackstone: 'gilded_blackstone',
+  gilded_blackstone: 'gilded_blackstone',
+
+  // Amethyst blocks
+  amethyst_block: 'amethyst_block',
+  amethyst_cluster: 'amethyst_cluster',
+  large_amethyst_bud: 'large_amethyst_bud',
+  medium_amethyst_bud: 'medium_amethyst_bud',
+  small_amethyst_bud: 'small_amethyst_bud',
+
+  // Miscellaneous
+  sand: 'sand',
+  red_sand: 'sand',
+  gravel: 'gravel',
+  snow: 'snow',
+  snow_block: 'snow',
+  powder_snow: 'powder_snow',
+  ice: 'glass',
+  packed_ice: 'glass',
+  blue_ice: 'glass',
+  slime_block: 'slime_block',
+  honey_block: 'honey_block',
+  scaffolding: 'scaffolding',
+  ladder: 'ladder',
+  lantern: 'lantern',
+  soul_lantern: 'lantern',
+  pointed_dripstone: 'pointed_dripstone',
+  dripstone_block: 'dripstone_block',
+  sculk_sensor: 'sculk_sensor',
+  shroomlight: 'shroomlight'
+}
diff --git a/src/sounds/testSounds.ts b/src/sounds/testSounds.ts
new file mode 100644
index 00000000..1f493549
--- /dev/null
+++ b/src/sounds/testSounds.ts
@@ -0,0 +1,8 @@
+import { createSoundMap } from './soundsMap'
+
+//@ts-expect-error
+globalThis.window = {}
+require('../../generated/sounds.js')
+
+const soundMap = createSoundMap('1.20.1')
+console.log(soundMap?.getSoundUrl('ambient.cave'))
diff --git a/src/styles.css b/src/styles.css
index 3d60bfce..786b1237 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,4 +1,5 @@
 @import url(./screens.css);
+@import url('pixelarticons/fonts/pixelart-icons-font.css');
 
 :root {
   --guiScaleFactor: 3;
@@ -14,22 +15,27 @@
   box-sizing: border-box;
 }
 
+.lil-gui {
+  top: 20px !important;
+}
+
 a {
   color: white;
 }
 
+[hidden] {
+  display: none !important;
+}
+
 html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   height: 100vh;
   overflow: hidden;
   color: white;
+  color-scheme: dark;
 }
 
-body {
-  --title-gui: url('minecraft-assets/minecraft-assets/data/1.17.1/gui/title/minecraft.png');
-}
-
-body.disable-assets {
+html.disable-assets {
   --widgets-gui-atlas: none;
   --title-gui: none;
 }
@@ -51,6 +57,7 @@ body {
   user-select: none;
   font-family: minecraft, mojangles, monospace;
   z-index: -5;
+  touch-action: none;
 }
 
 #react-root {
@@ -67,15 +74,16 @@ body {
 #VRButton {
   background: rgba(0, 0, 0, 0.3) !important;
   opacity: 0.7 !important;
-  position: fixed !important;
+  position: static !important;
   bottom: 60px !important;
+  z-index: unset !important;
 }
 
 .dirt-bg {
   position: absolute;
   top: 0;
   left: 0;
-  background: url('minecraft-assets/minecraft-assets/data/1.17.1/gui/options_background.png'), rgba(0, 0, 0, 0.7);
+  background: url('mc-assets/dist/other-textures/latest/gui/options_background.png'), rgba(0, 0, 0, 0.7);
   background-size: 16px;
   background-repeat: repeat;
   width: 100%;
@@ -110,12 +118,12 @@ body {
 
 @font-face {
   font-family: minecraft;
-  src: url(minecraftia.woff);
+  src: url(../assets/minecraftia.woff);
 }
 
 @font-face {
   font-family: mojangles;
-  src: url(mojangles.ttf);
+  src: url(../assets/mojangles.ttf?inline);
 }
 
 #ui-root {
@@ -124,8 +132,8 @@ body {
   left: 0;
   transform-origin: top left;
   transform: scale(var(--guiScale));
-  width: calc(100% / var(--guiScale));
-  height: calc(100% / var(--guiScale));
+  width: calc(100dvw / var(--guiScale));
+  height: calc(100dvh / var(--guiScale));
   z-index: 8;
   image-rendering: optimizeSpeed;
   image-rendering: -moz-crisp-edges;
@@ -140,8 +148,8 @@ body {
   inset: 0;
   transform-origin: top left;
   transform: scale(var(--guiScale));
-  width: calc(100% / var(--guiScale));
-  height: calc(100% / var(--guiScale));
+  width: calc(100dvw / var(--guiScale));
+  height: calc(100dvh / var(--guiScale));
   z-index: 80;
   image-rendering: pixelated;
   pointer-events: none;
@@ -155,8 +163,10 @@ body {
   position: fixed;
   top: 0;
   left: 0;
-  height: 100%;
-  width: 100%;
+  bottom: 0;
+  right: 0;
+  height: 100dvh;
+  width: 100dvw;
   font-size: 0;
   margin: 0;
   padding: 0;
@@ -177,6 +187,10 @@ body::xr-overlay #viewer-canvas {
   color: #999;
 }
 
+.text-select {
+  user-select: text;
+}
+
 @media screen and (min-width: 430px) {
   .span-2 {
     grid-column: span 2;
@@ -194,35 +208,3 @@ body::xr-overlay #viewer-canvas {
     opacity: 1;
   }
 }
-
-@media only screen and (max-width: 971px) {
-  #ui-root {
-    transform: scale(2);
-    width: calc(100% / 2);
-    height: calc(100% / 2);
-  }
-}
-
-@media only screen and (max-height: 670px) {
-  #ui-root {
-    transform: scale(2);
-    width: calc(100% / 2);
-    height: calc(100% / 2);
-  }
-}
-
-@media only screen and (max-width: 590px) {
-  #ui-root {
-    transform: scale(1);
-    width: calc(100% / 1);
-    height: calc(100% / 1);
-  }
-}
-
-@media only screen and (max-height: 430px) {
-  #ui-root {
-    transform: scale(1.5);
-    width: calc(100% / 1.5);
-    height: calc(100% / 1.5);
-  }
-}
diff --git a/src/supportedVersions.mjs b/src/supportedVersions.mjs
index 9ff75576..87dd5ea1 100644
--- a/src/supportedVersions.mjs
+++ b/src/supportedVersions.mjs
@@ -1,5 +1,10 @@
-import { supportedVersions } from 'minecraft-data'
+import { supportedVersions, postNettyVersionsByProtocolVersion } from 'minecraft-data'
 
-const ignoredVersionsRegex = /(^0\.30c$)|w|-pre|-rc/
+export const ignoredVersionsRegex = /(^0\.30c$)|w|-pre|-rc/
 
-export default supportedVersions.pc.filter(x => x !== '1.7').filter(v => !ignoredVersionsRegex.test(v))
+/** @type {string[]} */
+const versionsFromProtocol = Object.values(postNettyVersionsByProtocolVersion.pc).flat().filter(x => !ignoredVersionsRegex.test(x.minecraftVersion)).map(x => x.minecraftVersion)
+
+export const notTestedVersions = '1.19.3 1.20 1.19.1 1.19 1.18.1 1.15.1 1.14.1'.split(' ')
+
+export default versionsFromProtocol.filter(x => x !== '1.7' && !x.startsWith('1.7.'))
diff --git a/src/testCrasher.ts b/src/testCrasher.ts
new file mode 100644
index 00000000..0383c2a6
--- /dev/null
+++ b/src/testCrasher.ts
@@ -0,0 +1,5 @@
+import { appQueryParams } from './appParams'
+
+if (appQueryParams.testCrashApp === '1') {
+  throw new Error('test error')
+}
diff --git a/src/texturePack.ts b/src/texturePack.ts
deleted file mode 100644
index 566e10da..00000000
--- a/src/texturePack.ts
+++ /dev/null
@@ -1,278 +0,0 @@
-import { join, dirname } from 'path'
-import fs from 'fs'
-import JSZip from 'jszip'
-import type { Viewer } from 'prismarine-viewer/viewer/lib/viewer'
-import { subscribeKey } from 'valtio/utils'
-import { proxy, ref } from 'valtio'
-import { getVersion } from 'prismarine-viewer/viewer/lib/version'
-import blocksFileNames from '../generated/blocks.json'
-import type { BlockStates } from './inventoryWindows'
-import { copyFilesAsync, copyFilesAsyncWithProgress, mkdirRecursive, removeFileRecursiveAsync } from './browserfs'
-import { setLoadingScreenStatus } from './utils'
-import { showNotification } from './react/NotificationProvider'
-
-export const resourcePackState = proxy({
-  resourcePackInstalled: false,
-  currentTexturesDataUrl: undefined as string | undefined,
-  currentTexturesBlockStates: undefined as BlockStates | undefined,
-})
-
-function nextPowerOfTwo (n) {
-  if (n === 0) return 1
-  n--
-  n |= n >> 1
-  n |= n >> 2
-  n |= n >> 4
-  n |= n >> 8
-  n |= n >> 16
-  return n + 1
-}
-
-const texturePackBasePath = '/data/resourcePacks/default'
-export const uninstallTexturePack = async () => {
-  await removeFileRecursiveAsync(texturePackBasePath)
-  setCustomTexturePackData(undefined, undefined)
-}
-
-export const getResourcePackName = async () => {
-  // temp
-  try {
-    return await fs.promises.readFile(join(texturePackBasePath, 'name.txt'), 'utf8')
-  } catch (err) {
-    return '???'
-  }
-}
-
-export const fromTexturePackPath = (path) => {
-  return join(texturePackBasePath, path)
-}
-
-export const updateTexturePackInstalledState = async () => {
-  try {
-    resourcePackState.resourcePackInstalled = await existsAsync(texturePackBasePath)
-  } catch {
-  }
-}
-
-export const installTexturePackFromHandle = async () => {
-  await mkdirRecursive(texturePackBasePath)
-  await copyFilesAsyncWithProgress('/world', texturePackBasePath)
-  await completeTexturePackInstall()
-}
-
-export const installTexturePack = async (file: File | ArrayBuffer, name = file['name']) => {
-  try {
-    await uninstallTexturePack()
-  } catch (err) {
-  }
-  const status = 'Installing resource pack: copying all files'
-  setLoadingScreenStatus(status)
-  // extract the zip and write to fs every file in it
-  const zip = new JSZip()
-  const zipFile = await zip.loadAsync(file)
-  if (!zipFile.file('pack.mcmeta')) throw new Error('Not a resource pack: missing pack.mcmeta')
-  await mkdirRecursive(texturePackBasePath)
-
-  const allFilesArr = Object.entries(zipFile.files)
-  let done = 0
-  const upStatus = () => {
-    setLoadingScreenStatus(`${status} ${Math.round(done / allFilesArr.length * 100)}%`)
-  }
-  await Promise.all(allFilesArr.map(async ([path, file]) => {
-    const writePath = join(texturePackBasePath, path)
-    if (path.endsWith('/')) return
-    await mkdirRecursive(dirname(writePath))
-    await fs.promises.writeFile(writePath, Buffer.from(await file.async('arraybuffer')))
-    done++
-    upStatus()
-  }))
-  await completeTexturePackInstall(name)
-}
-
-export const completeTexturePackInstall = async (name?: string) => {
-  await fs.promises.writeFile(join(texturePackBasePath, 'name.txt'), name ?? '??', 'utf8')
-
-  if (viewer?.world.active) {
-    await genTexturePackTextures(viewer.world.version!)
-  }
-  setLoadingScreenStatus(undefined)
-  showNotification('Texturepack installed')
-  await updateTexturePackInstalledState()
-}
-
-const existsAsync = async (path) => {
-  try {
-    await fs.promises.stat(path)
-    return true
-  } catch (err) {
-    return false
-  }
-}
-
-type TextureResolvedData = {
-  blockSize: number
-  // itemsUrlContent: string
-}
-
-const arrEqual = (a: any[], b: any[]) => a.length === b.length && a.every((x) => b.includes(x))
-
-const applyTexturePackData = async (version: string, { blockSize }: TextureResolvedData, blocksUrlContent: string) => {
-  const result = await fetch(`blocksStates/${getVersion(version)}.json`)
-  const blockStates: BlockStates = await result.json()
-  const factor = blockSize / 16
-
-  // this will be refactored with generateTextures refactor
-  const processObj = (x) => {
-    if (typeof x !== 'object' || !x) return
-    if (Array.isArray(x)) {
-      for (const v of x) {
-        processObj(v)
-      }
-
-    } else {
-      const actual = Object.keys(x)
-      const needed = ['u', 'v', 'su', 'sv']
-
-      if (!arrEqual(actual, needed)) {
-        for (const v of Object.values(x)) {
-          processObj(v)
-        }
-        return
-      }
-      for (const k of needed) {
-        x[k] *= factor
-      }
-    }
-  }
-  processObj(blockStates)
-  setCustomTexturePackData(blocksUrlContent, blockStates)
-}
-
-const setCustomTexturePackData = (blockTextures, blockStates) => {
-  resourcePackState.currentTexturesBlockStates = blockStates && ref(blockStates)
-  resourcePackState.currentTexturesDataUrl = blockTextures
-  resourcePackState.resourcePackInstalled = blockTextures !== undefined
-}
-
-const getSizeFromImage = async (filePath: string) => {
-  const probeImg = new Image()
-  const file = await fs.promises.readFile(filePath, 'base64')
-  probeImg.src = `data:image/png;base64,${file}`
-  await new Promise((resolve, reject) => {
-    probeImg.addEventListener('load', resolve)
-  })
-  if (probeImg.width !== probeImg.height) throw new Error(`Probe texture ${filePath} is not square`)
-  return probeImg.width
-}
-
-export const genTexturePackTextures = async (version: string) => {
-  setCustomTexturePackData(undefined, undefined)
-  let blocksBasePath = '/data/resourcePacks/default/assets/minecraft/textures/block'
-  // todo not clear why this is needed
-  const blocksBasePathAlt = '/data/resourcePacks/default/assets/minecraft/textures/blocks'
-  const blocksGeneratedPath = `/data/resourcePacks/default/${version}.png`
-  const generatedPathData = `/data/resourcePacks/default/${version}.json`
-  if (!(await existsAsync(blocksBasePath))) {
-    if (await existsAsync(blocksBasePathAlt)) {
-      blocksBasePath = blocksBasePathAlt
-    } else {
-      return
-    }
-  }
-  if (await existsAsync(blocksGeneratedPath)) {
-    // make sure we await it, so we set properties in world renderer and it won't try to load default textures
-    await applyTexturePackData(version, JSON.parse(await fs.promises.readFile(generatedPathData, 'utf8')), await fs.promises.readFile(blocksGeneratedPath, 'utf8'))
-    return
-  }
-
-  setLoadingScreenStatus('Generating custom textures')
-
-  const textureFiles = blocksFileNames.indexes[version].map(k => blocksFileNames.blockNames[k])
-  textureFiles.unshift('missing_texture.png')
-
-  const texSize = nextPowerOfTwo(Math.ceil(Math.sqrt(textureFiles.length)))
-  const originalTileSize = 16
-
-  const firstBlockFile = (await fs.promises.readdir(blocksBasePath)).find(f => f.endsWith('.png'))
-  if (!firstBlockFile) {
-    return
-  }
-
-  // we get the size of image from the first block file, which is not ideal but works in 99% cases
-  const tileSize = Math.max(originalTileSize, await getSizeFromImage(join(blocksBasePath, firstBlockFile)))
-
-  const imgSize = texSize * tileSize
-
-  const MAX_CANVAS_SIZE = 16_384
-  if (imgSize > MAX_CANVAS_SIZE) {
-    throw new Error(`Texture pack texture resolution is too big, max size is ${MAX_CANVAS_SIZE}x${MAX_CANVAS_SIZE}`)
-    // texSize = nextPowerOfTwo(Math.ceil(Math.sqrt(textureFiles.length / 2)))
-  }
-  const canvas = document.createElement('canvas')
-  canvas.width = imgSize
-  canvas.height = imgSize
-  const src = `textures/${getVersion(version)}.png`
-  const ctx = canvas.getContext('2d')!
-  ctx.imageSmoothingEnabled = false
-  const img = new Image()
-  img.src = src
-  await new Promise((resolve, reject) => {
-    img.onerror = reject
-    img.addEventListener('load', resolve)
-  })
-  for (const [i, fileName] of textureFiles.entries()) {
-    const x = (i % texSize) * tileSize
-    const y = Math.floor(i / texSize) * tileSize
-    const xOrig = (i % texSize) * originalTileSize
-    const yOrig = Math.floor(i / texSize) * originalTileSize
-    let imgCustom!: HTMLImageElement
-    try {
-      const fileBase64 = await fs.promises.readFile(join(blocksBasePath, fileName), 'base64')
-      const _imgCustom = new Image()
-      // I think it can crash otherwise
-      // eslint-disable-next-line no-await-in-loop
-      await new Promise<void>(resolve => {
-        _imgCustom.addEventListener('load', () => {
-          imgCustom = _imgCustom
-          resolve()
-        })
-        _imgCustom.onerror = () => {
-          console.log('Skipping issued texture', fileName)
-          resolve()
-        }
-        _imgCustom.src = `data:image/png;base64,${fileBase64}`
-      })
-    } catch {
-      console.log('Skipping not found texture', fileName)
-    }
-
-    if (imgCustom) {
-      ctx.drawImage(imgCustom, x, y, tileSize, tileSize)
-    } else {
-      // todo this involves incorrect mappings for existing textures when the size is different
-      ctx.drawImage(img, xOrig, yOrig, originalTileSize, originalTileSize, x, y, tileSize, tileSize)
-    }
-  }
-  const blockDataUrl = canvas.toDataURL('image/png')
-  const newData: TextureResolvedData = {
-    blockSize: tileSize,
-  }
-  await fs.promises.writeFile(generatedPathData, JSON.stringify(newData), 'utf8')
-  await fs.promises.writeFile(blocksGeneratedPath, blockDataUrl, 'utf8')
-  await applyTexturePackData(version, newData, blockDataUrl)
-
-  // const a = document.createElement('a')
-  // a.href = dataUrl
-  // a.download = 'pack.png'
-  // a.click()
-}
-
-export const watchTexturepackInViewer = (viewer: Viewer) => {
-  subscribeKey(resourcePackState, 'currentTexturesDataUrl', () => {
-    console.log('applying resourcepack world data')
-    viewer.world.customTexturesDataUrl = resourcePackState.currentTexturesDataUrl
-    viewer.world.customBlockStatesData = resourcePackState.currentTexturesBlockStates
-    if (!viewer?.world.active) return
-    viewer.world.updateTexturesData()
-  })
-}
diff --git a/src/topRightStats.ts b/src/topRightStats.ts
deleted file mode 100644
index 71303e81..00000000
--- a/src/topRightStats.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import Stats from 'stats.js'
-import StatsGl from 'stats-gl'
-import { isCypress } from './standaloneUtils'
-
-const stats = new Stats()
-const stats2 = new Stats()
-const hasRamPanel = stats2.dom.children.length === 3
-const statsGl = new StatsGl({ minimal: true })
-// in my case values are good: gpu: < 0.5, cpu < 0.15
-
-stats2.showPanel(2)
-
-// prod or small screen
-const denseMode = process.env.NODE_ENV === 'production' || window.innerHeight < 500
-
-let total = 0
-const addStat = (dom, size = 80) => {
-  dom.style.position = 'absolute'
-  if (denseMode) dom.style.height = '12px'
-  dom.style.overflow = 'hidden'
-  dom.style.left = ''
-  dom.style.top = 0
-  dom.style.right = `${total}px`
-  dom.style.width = '80px'
-  dom.style.zIndex = 1
-  dom.style.opacity = '0.8'
-  document.body.appendChild(dom)
-  total += size
-}
-const addStatsGlStat = (canvas) => {
-  const container = document.createElement('div')
-  canvas.style.position = 'static'
-  canvas.style.display = 'block'
-  container.appendChild(canvas)
-  addStat(container)
-}
-addStat(stats.dom)
-if (hasRamPanel) {
-  addStat(stats2.dom)
-}
-
-const hideStats = localStorage.hideStats || isCypress()
-if (hideStats) {
-  stats.dom.style.display = 'none'
-  stats2.dom.style.display = 'none'
-  statsGl.container.style.display = 'none'
-}
-
-export const initWithRenderer = (canvas) => {
-  if (hideStats) return
-  statsGl.init(canvas)
-  // if (statsGl.gpuPanel && process.env.NODE_ENV !== 'production') {
-  //   addStatsGlStat(statsGl.gpuPanel.canvas)
-  // }
-  // addStatsGlStat(statsGl.msPanel.canvas)
-  statsGl.container.style.display = 'flex'
-  statsGl.container.style.justifyContent = 'flex-end'
-  let i = 0
-  for (const _child of statsGl.container.children) {
-    const child = _child as HTMLElement
-    if (i++ === 0) {
-      child.style.display = 'none'
-    }
-    child.style.position = ''
-  }
-}
-
-export const statsStart = () => {
-  stats.begin()
-  stats2.begin()
-  statsGl.begin()
-}
-export const statsEnd = () => {
-  stats.end()
-  stats2.end()
-  statsGl.end()
-}
diff --git a/src/utils.test.ts b/src/utils.test.ts
new file mode 100644
index 00000000..00569bf4
--- /dev/null
+++ b/src/utils.test.ts
@@ -0,0 +1,106 @@
+import { describe, expect, it } from 'vitest'
+import { parseServerAddress as parseServerAddressOriginal } from './parseServerAddress'
+
+const parseServerAddress = (address: string | undefined, removeHttp = true) => {
+  const { serverIpFull, ...result } = parseServerAddressOriginal(address, removeHttp)
+  return result
+}
+
+describe('parseServerAddress', () => {
+  it('should handle undefined input', () => {
+    expect(parseServerAddress(undefined)).toEqual({
+      host: '',
+      isWebSocket: false
+    })
+  })
+
+  it('should handle empty string input', () => {
+    expect(parseServerAddress('')).toEqual({
+      host: '',
+      isWebSocket: false
+    })
+  })
+
+  it('should parse basic hostname', () => {
+    expect(parseServerAddress('example.com')).toEqual({
+      host: 'example.com',
+      isWebSocket: false
+    })
+  })
+
+  it('should parse hostname with port', () => {
+    expect(parseServerAddress('example.com:25565')).toEqual({
+      host: 'example.com',
+      port: '25565',
+      isWebSocket: false
+    })
+  })
+
+  it('should parse hostname with version', () => {
+    expect(parseServerAddress('example.com:1.20.4')).toEqual({
+      host: 'example.com',
+      version: '1.20.4',
+      isWebSocket: false
+    })
+  })
+
+  it('should parse hostname with port and version', () => {
+    expect(parseServerAddress('example.com:25565:1.20.4')).toEqual({
+      host: 'example.com',
+      port: '25565',
+      version: '1.20.4',
+      isWebSocket: false
+    })
+    expect(parseServerAddress('example.com:1.20.4:25565')).toEqual({
+      host: 'example.com',
+      version: '1.20.4',
+      port: '25565',
+      isWebSocket: false
+    })
+  })
+
+  it('should handle WebSocket URLs', () => {
+    expect(parseServerAddress('ws://example.com')).toEqual({
+      host: 'ws://example.com',
+      isWebSocket: true
+    })
+    expect(parseServerAddress('wss://example.com')).toEqual({
+      host: 'wss://example.com',
+      isWebSocket: true
+    })
+  })
+
+  it('should handle http/https URLs with removeHttp=true', () => {
+    expect(parseServerAddress('http://example.com')).toEqual({
+      host: 'example.com',
+      isWebSocket: false
+    })
+    expect(parseServerAddress('https://example.com')).toEqual({
+      host: 'example.com',
+      isWebSocket: false
+    })
+  })
+
+  it('should handle http/https URLs with removeHttp=false', () => {
+    expect(parseServerAddress('http://example.com', false)).toEqual({
+      host: 'http://example.com',
+      isWebSocket: false
+    })
+    expect(parseServerAddress('https://example.com', false)).toEqual({
+      host: 'https://example.com',
+      isWebSocket: false
+    })
+  })
+
+  it('should handle IP addresses', () => {
+    expect(parseServerAddress('127.0.0.1')).toEqual({
+      host: '127.0.0.1',
+      isWebSocket: false
+    })
+    expect(parseServerAddress('127.0.0.1:25565')).toEqual({
+      host: '127.0.0.1',
+      port: '25565',
+      isWebSocket: false
+    })
+  })
+})
diff --git a/src/utils.ts b/src/utils.ts
index fc73514c..3ccc7fc4 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -1,27 +1,28 @@
-import { hideModal, isGameActive, miscUiState, showModal } from './globalState'
+import { gameAdditionalState, isGameActive, miscUiState } from './globalState'
 import { options } from './optionsStorage'
-import { appStatusState } from './react/AppStatusProvider'
+import { displayHintsState } from './react/GlobalOverlayHints'
 import { notificationProxy, showNotification } from './react/NotificationProvider'
+import { packetsReplayState } from './react/state/packetsReplayState'
 
 export const goFullscreen = async (doToggle = false) => {
   if (!document.fullscreenElement) {
     // todo display a message or repeat?
     await document.documentElement.requestFullscreen().catch(() => { })
     // request full keyboard access
-    //@ts-expect-error
-    navigator.keyboard?.lock?.(['Escape', 'KeyW'])
+    await navigator.keyboard?.lock?.(['Escape', 'KeyW'])
   } else if (doToggle) {
     await document.exitFullscreen().catch(() => { })
   }
 }
 
-export const toNumber = (val) => {
+export const toNumber = val => {
   const num = Number(val)
   return isNaN(num) ? undefined : num
 }
 
-export const inGameError = (err) => {
+export const inGameError = err => {
   console.error(err)
+  window.reportError?.(err)
   // todo report
   miscUiState.hasErrors = true
 }
@@ -38,26 +39,29 @@ export const pointerLock = {
     if (options.autoFullScreen) {
       void goFullscreen()
     }
-    const displayBrowserProblem = () => {
-      showNotification('Browser Delay Limitation', navigator['keyboard'] ? 'Click on screen, enable Auto Fullscreen or F11' : 'Click on screen or use fullscreen in Chrome')
-      notificationProxy.id = 'pointerlockchange'
+    const displayMouseCaptureFailure = () => {
+      // if (notificationProxy.id === 'auto-login') return // prevent notification hide
+      // showNotification('Browser Delay Limitation', navigator['keyboard'] ? 'Click on screen, enable Auto Fullscreen or F11' : 'Click on screen or use fullscreen in Chrome')
+      // notificationProxy.id = 'pointerlockchange'
+      displayHintsState.captureMouseHint = true
     }
     if (!(document.fullscreenElement && navigator['keyboard']) && this.justHitEscape) {
-      displayBrowserProblem()
+      displayMouseCaptureFailure()
     } else {
       //@ts-expect-error
       const promise: any = document.documentElement.requestPointerLock({
         unadjustedMovement: options.mouseRawInput
       })
-      promise?.catch((error) => {
+      promise?.catch(error => {
         if (error.name === 'NotSupportedError') {
           // Some platforms may not support unadjusted movement, request again a regular pointer lock.
           document.documentElement.requestPointerLock()
         } else if (error.name === 'SecurityError') {
           // cause: https://discourse.threejs.org/t/how-to-avoid-pointerlockcontrols-error/33017/4
-          displayBrowserProblem()
+          displayMouseCaptureFailure()
         } else {
-          console.error(error)
+          displayMouseCaptureFailure()
+          console.warn('Failed to request pointer lock:', error)
         }
       })
     }
@@ -65,6 +69,10 @@ export const pointerLock = {
   }
 }
 
+export const isInRealGameSession = () => {
+  return isGameActive(true) && (!packetsReplayState.isOpen || packetsReplayState.isMinimized) && !gameAdditionalState.viewerConnection
+}
+
 window.getScreenRefreshRate = getScreenRefreshRate
 
 /**
@@ -77,7 +85,7 @@ export async function getScreenRefreshRate (): Promise<number> {
 
   const DOMHighResTimeStampCollection = [] as number[]
 
-  const triggerAnimation = (DOMHighResTimeStamp) => {
+  const triggerAnimation = DOMHighResTimeStamp => {
     DOMHighResTimeStampCollection.unshift(DOMHighResTimeStamp)
 
     if (DOMHighResTimeStampCollection.length > 10) {
@@ -99,6 +107,7 @@ export async function getScreenRefreshRate (): Promise<number> {
   window.setTimeout(() => {
     window.cancelAnimationFrame(requestId!)
     requestId = null
+    resolve(0)
   }, 500)
 
   return new Promise(_resolve => {
@@ -106,7 +115,7 @@ export async function getScreenRefreshRate (): Promise<number> {
   })
 }
 
-export const getGamemodeNumber = (bot) => {
+export const getGamemodeNumber = bot => {
   switch (bot.game.gameMode) {
     case 'survival': return 0
     case 'creative': return 1
@@ -122,37 +131,8 @@ export const isMajorVersionGreater = (ver1: string, ver2: string) => {
   return +a1 > +a2 || (+a1 === +a2 && +b1 > +b2)
 }
 
-let ourLastStatus: string | undefined = ''
-export const setLoadingScreenStatus = function (status: string | undefined | null, isError = false, hideDots = false, fromFlyingSquid = false) {
-  // null can come from flying squid, should restore our last status
-  if (status === null) {
-    status = ourLastStatus
-  } else if (!fromFlyingSquid) {
-    ourLastStatus = status
-  }
-  fromFlyingSquid = false
-
-  if (status === undefined) {
-    appStatusState.status = ''
-
-    hideModal({ reactType: 'app-status' }, {}, { force: true })
-    return
-  }
-
-  // todo update in component instead
-  showModal({ reactType: 'app-status' })
-  if (appStatusState.isError) {
-    miscUiState.gameLoaded = false
-    return
-  }
-  appStatusState.hideDots = hideDots
-  appStatusState.isError = isError
-  appStatusState.lastStatus = isError ? appStatusState.status : ''
-  appStatusState.status = status
-}
-
 // doesn't support snapshots
-export const toMajorVersion = (version) => {
+export const toMajorVersion = version => {
   const [a, b] = (String(version)).split('.')
   return `${a}.${b}`
 }
@@ -173,17 +153,17 @@ export const setRenderDistance = () => {
     localServer!.players[0].view = 0
     renderDistance = 0
   }
-  worldView.updateViewDistance(renderDistance)
+  worldView?.updateViewDistance(renderDistance)
   prevRenderDistance = renderDistance
 }
 export const reloadChunks = async () => {
-  if (!worldView) return
+  if (!bot || !worldView) return
   setRenderDistance()
   await worldView.updatePosition(bot.entity.position, true)
 }
 
-export const openGithub = () => {
-  window.open(process.env.GITHUB_URL, '_blank')
+export const openGithub = (addUrl = '') => {
+  window.open(`${process.env.GITHUB_URL?.replace(/\/$/, '')}${addUrl}`, '_blank')
 }
 
 export const resolveTimeout = async (promise, timeout = 10_000) => {
diff --git a/src/utils/splashText.ts b/src/utils/splashText.ts
new file mode 100644
index 00000000..4052c4f4
--- /dev/null
+++ b/src/utils/splashText.ts
@@ -0,0 +1,67 @@
+const MAX_WORDS = 5
+const HTTPS_REGEX = /^https?:\/\//
+const TIMEOUT_MS = 5000
+const SPLASH_CACHE_KEY = 'minecraft_splash_text_cache'
+const SPLASH_URL_KEY = 'minecraft_splash_url'
+
+const limitWords = (text: string): string => {
+  const words = text.split(/\s+/)
+  if (words.length <= MAX_WORDS) {
+    return text
+  }
+  return words.slice(0, MAX_WORDS).join(' ') + '...'
+}
+
+export const isRemoteSplashText = (text: string): boolean => {
+  if (!text) return false
+  return HTTPS_REGEX.test(text)
+}
+
+export const loadRemoteSplashText = async (url: string): Promise<string> => {
+  try {
+    const controller = new AbortController()
+    const timeoutId = setTimeout(() => controller.abort(), TIMEOUT_MS)
+    const response = await fetch(url, { signal: controller.signal })
+    clearTimeout(timeoutId)
+    if (!response.ok) {
+      throw new Error(`Failed to fetch splash text: ${response.statusText}`)
+    }
+
+    const clonedResponse = response.clone()
+    try {
+      const json = await response.json()
+
+      if (typeof json === 'object' && json !== null) {
+        if (json.title) return limitWords(json.title)
+        if (json.text) return limitWords(json.text)
+        if (json.message) return limitWords(json.message)
+
+        return limitWords(JSON.stringify(json))
+      }
+
+      return limitWords(String(json))
+    } catch (jsonError) {
+      const text = await clonedResponse.text()
+      return limitWords(text.trim())
+    }
+  } catch (error) {
+    console.error('Error loading remote splash text:', error)
+    return 'Failed to load splash text!'
+  }
+}
+
+export const cacheSourceUrl = (url: string): void => {
+  localStorage.setItem(SPLASH_URL_KEY, url)
+}
+
+export const clearSplashCache = (): void => {
+  localStorage.removeItem(SPLASH_CACHE_KEY)
+}
+
+export const getCachedSplashText = (): string | null => {
+  return localStorage.getItem(SPLASH_CACHE_KEY)
+}
+
+export const cacheSplashText = (text: string): void => {
+  localStorage.setItem(SPLASH_CACHE_KEY, text)
+}
diff --git a/src/utilsTs.ts b/src/utilsTs.ts
index 5c5f0999..e990af07 100644
--- a/src/utilsTs.ts
+++ b/src/utilsTs.ts
@@ -1,25 +1,25 @@
 type Options = boolean | Readonly<AddEventListenerOptions> | undefined
 
-function registerListener<KD extends keyof DocumentEventMap>(
+function registerListener<KD extends keyof DocumentEventMap> (
   element: Readonly<Document> | null | undefined,
   eventType: KD,
   listener: (this: Document, evt: DocumentEventMap[KD]) => void,
   options?: Options,
 ): void
-function registerListener<KH extends keyof HTMLElementEventMap>(
+function registerListener<KH extends keyof HTMLElementEventMap> (
   element: Readonly<HTMLElement> | null | undefined,
   eventType: KH,
   listener: (this: HTMLElement, evt: HTMLElementEventMap[KH]) => void,
   options?: Options,
 ): void
-function registerListener<KW extends keyof WindowEventMap>(
+function registerListener<KW extends keyof WindowEventMap> (
   element: Readonly<Window> | null | undefined,
   eventType: KW,
   listener: (this: Window, evt: WindowEventMap[KW]) => void,
   options?: Options,
 ): void
 //@ts-expect-error
-function registerListener(
+function registerListener (
   element: Readonly<Document | HTMLElement | Window> | null | undefined,
   eventType: string,
   listener: (evt: Event) => void,
diff --git a/src/viewerConnector.ts b/src/viewerConnector.ts
new file mode 100644
index 00000000..6a8a7d73
--- /dev/null
+++ b/src/viewerConnector.ts
@@ -0,0 +1,325 @@
+import { EventEmitter } from 'events'
+import { Duplex } from 'stream'
+import states from 'minecraft-protocol/src/states'
+import { createClient } from 'minecraft-protocol'
+import { proxy, subscribe } from 'valtio'
+import * as Gui from 'lil-gui'
+import { CustomChannelPacketFromClient, CustomChannelPacketFromServer, UIDefinition } from 'mcraft-fun-mineflayer/build/customChannel'
+import { activeModalStack } from './globalState'
+import { mineflayerPluginHudState } from './react/MineflayerPluginHud'
+import { mineflayerConsoleState } from './react/MineflayerPluginConsole'
+import { showNotification } from './react/NotificationProvider'
+
+export const viewerVersionState = proxy({
+  forwardChat: true,
+  version: '',
+  time: 0,
+  replEnabled: false,
+  consoleEnabled: false,
+  requiresPass: false,
+  clientIgnoredPackets: [] as string[]
+})
+
+class CustomDuplex extends Duplex {
+  constructor (options, public writeAction) {
+    super(options)
+  }
+
+  override _read () {}
+
+  override _write (chunk, encoding, callback) {
+    this.writeAction(chunk)
+    callback()
+  }
+}
+
+export const getViewerVersionData = async (url: string) => {
+  const ws = await openWebsocket(url)
+  ws.send('version')
+  const result = await new Promise<{
+    version: string
+    time: number,
+    replEnabled: boolean,
+    consoleEnabled: boolean,
+    requiresPass: boolean,
+    forwardChat: boolean,
+    clientIgnoredPackets?: string[]
+    takeoverMode?: boolean
+  }>((resolve, reject) => {
+    ws.addEventListener('message', async (message) => {
+      const { data } = message
+      const parsed = JSON.parse(data.toString())
+      resolve(parsed)
+      ws.close()
+      // Update viewer version state
+      Object.assign(viewerVersionState, parsed)
+      // todo
+      customEvents.on('mineflayerBotCreated', () => {
+        const client = bot._client as any
+        const oldWrite = client.write.bind(client)
+        client.write = (...args) => {
+          const [name] = args
+          if (parsed?.clientIgnoredPackets?.includes(name)) {
+            return
+          }
+          oldWrite(...args)
+        }
+      })
+    })
+  })
+  mineflayerConsoleState.consoleEnabled = result.consoleEnabled
+  mineflayerConsoleState.replEnabled = result.replEnabled
+  mineflayerConsoleState.takeoverMode = result.takeoverMode ?? false
+  return result
+}
+
+const openWebsocket = async (url: string) => {
+  if (url.startsWith(':')) url = `ws://localhost${url}`
+  if (!url.startsWith('ws')) url = `ws://${url}`
+  const ws = new WebSocket(url)
+  await new Promise<void>((resolve, reject) => {
+    ws.onopen = () => resolve()
+    ws.onerror = (err) => reject(new Error(`[websocket] Failed to connect to ${url}`))
+    ws.onclose = (ev) => reject(ev.reason)
+  })
+  return ws
+}
+
+export const getWsProtocolStream = async (url: string) => {
+  const ws = await openWebsocket(url)
+  const clientDuplex = new CustomDuplex(undefined, data => {
+    // console.log('send', Buffer.from(data).toString('hex'))
+    ws.send(data)
+  })
+  // todo use keep alive instead?
+  let lastMessageTime = performance.now()
+  ws.addEventListener('message', async (message) => {
+    let { data } = message
+    if (data instanceof Blob) {
+      data = await data.arrayBuffer()
+    }
+    clientDuplex.push(Buffer.from(data))
+    lastMessageTime = performance.now()
+  })
+  setInterval(() => {
+    // if (clientDuplex.destroyed) return
+    // if (performance.now() - lastMessageTime > 10_000) {
+    //   console.log('no packats received in 10s!')
+    //   clientDuplex.end()
+    // }
+  }, 5000)
+
+  ws.addEventListener('close', () => {
+    console.log('ws closed')
+    clientDuplex.end()
+    setTimeout(() => {
+      bot?.emit('end', 'Connection lost')
+    }, 500)
+  })
+
+  ws.addEventListener('error', err => {
+    console.log('ws error', err)
+  })
+
+  return {
+    clientDuplex
+  }
+}
+
+const CHANNEL_NAME = 'minecraft-web-client:data'
+
+const handleCustomChannel = () => {
+  bot._client.registerChannel(CHANNEL_NAME, ['string', []])
+  const toCleanup = [] as Array<() => void>
+  subscribe(activeModalStack, () => {
+    if (activeModalStack.length === 1 && activeModalStack[0].reactType === 'main-menu') {
+      for (const fn of toCleanup) fn()
+      toCleanup.length = 0
+      // Clear console state when disconnecting
+      mineflayerConsoleState.messages = []
+      mineflayerConsoleState.replEnabled = false
+      mineflayerConsoleState.consoleEnabled = false
+    }
+  })
+
+  const send = (data: CustomChannelPacketFromClient) => {
+    bot._client.writeChannel(CHANNEL_NAME, JSON.stringify(data))
+  }
+
+  // Set up console execution handler
+  mineflayerConsoleState.onExecute = (code) => {
+    send({
+      type: 'eval',
+      code
+    })
+  }
+
+  const on = (callback: (data: CustomChannelPacketFromServer) => void) => {
+    bot._client.on(CHANNEL_NAME as any, (data) => {
+      const parsed = JSON.parse(data.toString())
+      callback(parsed)
+    })
+  }
+
+  const lils = {} as Record<string, Gui.GUI>
+
+  on((data) => {
+    switch (data.type) {
+      case 'eval': {
+        // Handle eval results
+        mineflayerConsoleState.messages.push({
+          id: Date.now(),
+          text: data.isError ? `${data.result}` : JSON.stringify(data.result),
+          isRepl: true,
+          level: data.isError ? 'error' : undefined
+        })
+        // Limit to 500 messages by removing oldest ones
+        if (mineflayerConsoleState.messages.length > 500) {
+          mineflayerConsoleState.messages = mineflayerConsoleState.messages.slice(-500)
+        }
+        break
+      }
+      case 'console': {
+        // Handle console messages
+        mineflayerConsoleState.messages.push({
+          id: Date.now(),
+          text: data.message,
+          level: data.level
+        })
+        // Limit to 500 messages by removing oldest ones
+        if (mineflayerConsoleState.messages.length > 500) {
+          mineflayerConsoleState.messages = mineflayerConsoleState.messages.slice(-500)
+        }
+        break
+      }
+      // todo
+      case 'kick' as any: {
+        bot.emit('end', (data as any).reason)
+        break
+      }
+      case 'ui': {
+        const { update } = data
+        if (update.data === null) {
+          // Remove UI element
+          mineflayerPluginHudState.ui = mineflayerPluginHudState.ui.filter(ui => ui.id !== update.id)
+
+          const gui = lils[update.id]
+          if (gui) {
+            gui.destroy()
+            delete lils[update.id]
+          }
+        } else {
+        // Add or update UI element
+          const existingIndex = mineflayerPluginHudState.ui.findIndex(ui => ui.id === update.id)
+          if (existingIndex === -1) {
+            mineflayerPluginHudState.ui.push({ ...update.data, id: update.id })
+          } else {
+            mineflayerPluginHudState.ui[existingIndex] = { ...update.data, id: update.id }
+          }
+
+          if (update.data.type === 'lil') {
+            let gui = lils[update.id]
+            if (!gui) {
+              gui = new Gui.GUI({
+                title: update.data.title,
+              })
+              lils[update.id] = gui
+            }
+
+            // Update or add controllers
+            const { params, buttons } = update.data
+            for (const button of buttons ?? []) {
+              params[button] = (() => {
+                send({
+                  type: 'ui',
+                  id: update.id,
+                  param: button,
+                  value: true
+                })
+              }) as any
+            }
+            // eslint-disable-next-line guard-for-in
+            for (const paramName in params) {
+              const value = params[paramName]
+              const controller = gui.controllers.find(c => c.property === paramName)
+
+              if (controller) {
+                // Update existing controller value
+                controller.object[paramName] = value
+                controller.updateDisplay()
+              } else {
+                // Add new controller if doesn't exist
+                const obj = { [paramName]: value }
+                const controller = gui.add(obj, paramName)
+                if (!buttons?.includes(paramName)) {
+                  controller.onChange((value) => {
+                    send({
+                      type: 'ui',
+                      id: update.id,
+                      param: paramName,
+                      value
+                    })
+                  })
+                }
+              }
+            }
+
+            // Remove controllers that are no longer in params
+            const paramNames = Object.keys(params)
+            gui.controllers = gui.controllers.filter(c => {
+              if (!paramNames.includes(c.property)) {
+                c.destroy()
+                return false
+              }
+              return true
+            })
+          }
+        }
+
+        break
+      }
+
+      case 'stats': {
+        globalThis.botStats = data
+        break
+      }
+
+      case 'method': {
+        console.log('Method result', data.result)
+        break
+      }
+      // No default
+    }
+  })
+
+  return {
+    send
+  }
+}
+
+export const onBotCreatedViewerHandler = async () => {
+  const { send } = handleCustomChannel()
+  bot.physicsEnabled = false
+
+  await new Promise<void>(resolve => {
+    bot.once('inject_allowed', resolve)
+  })
+
+  const originalSetControlState = bot.setControlState.bind(bot)
+  bot.setControlState = (control, state) => {
+    if (bot.controlState[control] === state) {
+      return
+    }
+    if (!mineflayerConsoleState.takeoverMode) {
+      showNotification('Remote control is not enabled', 'Enable takeoverMode in bot plugin settings first')
+      return
+    }
+    // send command to viewer
+    send({
+      type: 'setControlState',
+      control,
+      value: state
+    })
+    originalSetControlState(control, state)
+  }
+}
diff --git a/src/watchOptions.ts b/src/watchOptions.ts
index e379cb50..de7d30d3 100644
--- a/src/watchOptions.ts
+++ b/src/watchOptions.ts
@@ -1,11 +1,13 @@
 // not all options are watched here
 
 import { subscribeKey } from 'valtio/utils'
-import { WorldRendererThree } from 'prismarine-viewer/viewer/lib/worldrendererThree'
-import { isMobile } from 'prismarine-viewer/viewer/lib/simpleUtils'
+import { isMobile } from 'renderer/viewer/lib/simpleUtils'
+import { WorldDataEmitter } from 'renderer/viewer/lib/worldDataEmitter'
+import { setSkinsConfig } from 'renderer/viewer/lib/utils/skins'
 import { options, watchValue } from './optionsStorage'
 import { reloadChunks } from './utils'
 import { miscUiState } from './globalState'
+import { isCypress } from './standaloneUtils'
 
 subscribeKey(options, 'renderDistance', reloadChunks)
 subscribeKey(options, 'multiplayerRenderDistance', reloadChunks)
@@ -16,50 +18,123 @@ watchValue(options, o => {
   document.documentElement.style.setProperty('--chatHeight', `${o.chatHeight}px`)
   // gui scale is set in scaleInterface.ts
 })
+const updateTouch = (o) => {
+  miscUiState.currentTouch = o.alwaysShowMobileControls || isMobile()
+}
+watchValue(options, updateTouch)
+window.matchMedia('(pointer: coarse)').addEventListener('change', (e) => {
+  updateTouch(options)
+})
 
 /** happens once */
 export const watchOptionsAfterViewerInit = () => {
-  const updateTouch = (o) => {
-    miscUiState.currentTouch = o.alwaysShowMobileControls || isMobile()
+  watchValue(options, o => {
+    appViewer.inWorldRenderingConfig.showChunkBorders = o.showChunkBorders
+  })
+
+  watchValue(options, o => {
+    appViewer.inWorldRenderingConfig.mesherWorkers = o.lowMemoryMode ? 1 : o.numWorkers
+  })
+
+  watchValue(options, o => {
+    appViewer.inWorldRenderingConfig.renderEntities = o.renderEntities
+  })
+
+  watchValue(options, o => {
+    const { renderDebug } = o
+    if (renderDebug === 'none' || isCypress()) {
+      appViewer.config.statsVisible = 0
+    } else if (o.renderDebug === 'basic') {
+      appViewer.config.statsVisible = 1
+    } else if (o.renderDebug === 'advanced') {
+      appViewer.config.statsVisible = 2
+    }
+  })
+
+  // Track window focus state and update FPS limit accordingly
+  let windowFocused = true
+  const updateFpsLimit = (o: typeof options) => {
+    const backgroundFpsLimit = o.backgroundRendering
+    const normalFpsLimit = o.frameLimit
+
+    if (windowFocused) {
+      appViewer.config.fpsLimit = normalFpsLimit || undefined
+    } else if (backgroundFpsLimit === '5fps') {
+      appViewer.config.fpsLimit = 5
+    } else if (backgroundFpsLimit === '20fps') {
+      appViewer.config.fpsLimit = 20
+    } else {
+      appViewer.config.fpsLimit = undefined
+    }
   }
 
-  watchValue(options, updateTouch)
-  window.matchMedia('(pointer: coarse)').addEventListener('change', (e) => {
-    updateTouch(options)
+  window.addEventListener('focus', () => {
+    windowFocused = true
+    updateFpsLimit(options)
+  })
+  window.addEventListener('blur', () => {
+    windowFocused = false
+    updateFpsLimit(options)
   })
 
   watchValue(options, o => {
-    if (!viewer) return
-    viewer.world.config.showChunkBorders = o.showChunkBorders
-    viewer.entities.setDebugMode(o.showChunkBorders ? 'basic' : 'none')
+    updateFpsLimit(o)
   })
 
   watchValue(options, o => {
-    if (!viewer) return
-    // todo ideally there shouldnt be this setting and we don't need to send all same chunks to all workers
-    viewer.world.config.numWorkers = o.lowMemoryMode ? 1 : o.numWorkers
+    appViewer.inWorldRenderingConfig.volume = Math.max(o.volume / 100, 0)
   })
 
   watchValue(options, o => {
-    viewer.entities.setRendering(o.renderEntities)
+    appViewer.inWorldRenderingConfig.vrSupport = o.vrSupport
+    appViewer.inWorldRenderingConfig.vrPageGameRendering = o.vrPageGameRendering
+    appViewer.inWorldRenderingConfig.enableDebugOverlay = o.rendererPerfDebugOverlay
   })
 
-  // viewer.world.mesherConfig.smoothLighting = options.smoothLighting
-  viewer.world.mesherConfig.smoothLighting = false // todo not supported for now
+  watchValue(options, (o, isChanged) => {
+    appViewer.inWorldRenderingConfig.clipWorldBelowY = o.clipWorldBelowY
+    appViewer.inWorldRenderingConfig.extraBlockRenderers = !o.disableSignsMapsSupport
+    appViewer.inWorldRenderingConfig.fetchPlayerSkins = o.loadPlayerSkins
+    appViewer.inWorldRenderingConfig.highlightBlockColor = o.highlightBlockColor
+    appViewer.inWorldRenderingConfig._experimentalSmoothChunkLoading = o.rendererSharedOptions._experimentalSmoothChunkLoading
+    appViewer.inWorldRenderingConfig._renderByChunks = o.rendererSharedOptions._renderByChunks
+
+    setSkinsConfig({ apiEnabled: o.loadPlayerSkins })
+  })
+
+  appViewer.inWorldRenderingConfig.smoothLighting = options.smoothLighting
   subscribeKey(options, 'smoothLighting', () => {
-    viewer.world.mesherConfig.smoothLighting = options.smoothLighting;
-    (viewer.world as WorldRendererThree).rerenderAllChunks()
+    appViewer.inWorldRenderingConfig.smoothLighting = options.smoothLighting
   })
+
   subscribeKey(options, 'newVersionsLighting', () => {
-    viewer.world.mesherConfig.enableLighting = !bot.supportFeature('blockStateId') || options.newVersionsLighting;
-    (viewer.world as WorldRendererThree).rerenderAllChunks()
+    appViewer.inWorldRenderingConfig.enableLighting = !bot.supportFeature('blockStateId') || options.newVersionsLighting
   })
-  customEvents.on('gameLoaded', () => {
-    viewer.world.mesherConfig.enableLighting = !bot.supportFeature('blockStateId') || options.newVersionsLighting
+
+  customEvents.on('mineflayerBotCreated', () => {
+    appViewer.inWorldRenderingConfig.enableLighting = !bot.supportFeature('blockStateId') || options.newVersionsLighting
   })
 
   watchValue(options, o => {
-    if (!(viewer.world instanceof WorldRendererThree)) return
-    viewer.world.starField.enabled = o.starfieldRendering
+    appViewer.inWorldRenderingConfig.starfield = o.starfieldRendering
+  })
+
+  watchValue(options, o => {
+    appViewer.inWorldRenderingConfig.defaultSkybox = o.defaultSkybox
+  })
+
+  watchValue(options, o => {
+    // appViewer.inWorldRenderingConfig.neighborChunkUpdates = o.neighborChunkUpdates
+  })
+}
+
+export const watchOptionsAfterWorldViewInit = (worldView: WorldDataEmitter) => {
+  watchValue(options, o => {
+    if (!worldView) return
+    worldView.keepChunksDistance = o.keepChunksDistance
+    appViewer.inWorldRenderingConfig.renderEars = o.renderEars
+    appViewer.inWorldRenderingConfig.showHand = o.showHand
+    appViewer.inWorldRenderingConfig.viewBobbing = o.viewBobbing
+    appViewer.inWorldRenderingConfig.dayCycle = o.dayCycleAndLighting
   })
 }
diff --git a/src/water.ts b/src/water.ts
index d8b4b41c..257a5e13 100644
--- a/src/water.ts
+++ b/src/water.ts
@@ -1,17 +1,19 @@
+import { ref } from 'valtio'
 import { watchUnloadForCleanup } from './gameUnload'
 
 let inWater = false
 
 customEvents.on('gameLoaded', () => {
   const cleanup = () => {
-    viewer.scene.fog = null
+    appViewer.playerState.reactive.inWater = false
   }
   watchUnloadForCleanup(cleanup)
 
   const updateInWater = () => {
-    const waterBr = Object.keys(bot.entity.effects).find((effect: any) => loadedData.effects[effect.id].name === 'water_breathing')
+    const waterBr = Object.keys(bot.entity.effects).find((effect: any) => loadedData.effects[effect.id]?.name === 'water_breathing')
     if (inWater) {
-      viewer.scene.fog = new THREE.Fog(0x00_00_ff, 0.1, waterBr ? 100 : 20) // Set the fog color to blue if the bot is in water.
+      appViewer.playerState.reactive.inWater = true
+      appViewer.playerState.reactive.waterBreathing = waterBr !== undefined
     } else {
       cleanup()
     }
@@ -30,9 +32,6 @@ customEvents.on('gameLoaded', () => {
 let sceneBg = { r: 0, g: 0, b: 0 }
 export const updateBackground = (newSceneBg = sceneBg) => {
   sceneBg = newSceneBg
-  if (inWater) {
-    viewer.scene.background = new THREE.Color(0x00_00_ff)
-  } else {
-    viewer.scene.background = new THREE.Color(sceneBg.r, sceneBg.g, sceneBg.b)
-  }
+  const color: [number, number, number] = inWater ? [0, 0, 1] : [sceneBg.r, sceneBg.g, sceneBg.b]
+  appViewer.playerState.reactive.backgroundColor = ref(color)
 }
diff --git a/src/worldInteractions.ts b/src/worldInteractions.ts
deleted file mode 100644
index 777200ca..00000000
--- a/src/worldInteractions.ts
+++ /dev/null
@@ -1,411 +0,0 @@
-//@ts-check
-
-// wouldn't better to create atlas instead?
-import destroyStage0 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_0.png'
-import destroyStage1 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_1.png'
-import destroyStage2 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_2.png'
-import destroyStage3 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_3.png'
-import destroyStage4 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_4.png'
-import destroyStage5 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_5.png'
-import destroyStage6 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_6.png'
-import destroyStage7 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_7.png'
-import destroyStage8 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_8.png'
-import destroyStage9 from 'minecraft-assets/minecraft-assets/data/1.10/blocks/destroy_stage_9.png'
-
-import { Vec3 } from 'vec3'
-import { LineMaterial, Wireframe, LineSegmentsGeometry } from 'three-stdlib'
-import { hideCurrentModal, isGameActive, showModal } from './globalState'
-import { assertDefined } from './utils'
-import { options } from './optionsStorage'
-import { itemBeingUsed } from './react/Crosshair'
-import { isCypress } from './standaloneUtils'
-
-function getViewDirection (pitch, yaw) {
-  const csPitch = Math.cos(pitch)
-  const snPitch = Math.sin(pitch)
-  const csYaw = Math.cos(yaw)
-  const snYaw = Math.sin(yaw)
-  return new Vec3(-snYaw * csPitch, snPitch, -csYaw * csPitch)
-}
-
-class WorldInteraction {
-  ready = false
-  interactionLines: null | { blockPos; mesh } = null
-  prevBreakState
-  currentDigTime
-  prevOnGround
-  lastBlockPlaced: number
-  buttons = [false, false, false]
-  lastButtons = [false, false, false]
-  breakStartTime: number | undefined = 0
-  lastDugBlock: Vec3 | null = null
-  cursorBlock: import('prismarine-block').Block | null = null
-  blockBreakMesh: THREE.Mesh
-  breakTextures: THREE.Texture[]
-  lastDigged: number
-  lineMaterial: LineMaterial
-  debugStatus: string
-
-  oneTimeInit () {
-    const loader = new THREE.TextureLoader()
-    this.breakTextures = []
-    const destroyStagesImages = [
-      destroyStage0,
-      destroyStage1,
-      destroyStage2,
-      destroyStage3,
-      destroyStage4,
-      destroyStage5,
-      destroyStage6,
-      destroyStage7,
-      destroyStage8,
-      destroyStage9
-    ]
-    for (let i = 0; i < 10; i++) {
-      const texture = loader.load(destroyStagesImages[i])
-      texture.magFilter = THREE.NearestFilter
-      texture.minFilter = THREE.NearestFilter
-      this.breakTextures.push(texture)
-    }
-    const breakMaterial = new THREE.MeshBasicMaterial({
-      transparent: true,
-      blending: THREE.MultiplyBlending,
-      alphaTest: 0.5,
-    })
-    this.blockBreakMesh = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), breakMaterial)
-    this.blockBreakMesh.visible = false
-    this.blockBreakMesh.renderOrder = 999
-    this.blockBreakMesh.name = 'blockBreakMesh'
-    viewer.scene.add(this.blockBreakMesh)
-
-    // Setup events
-    document.addEventListener('mouseup', (e) => {
-      this.buttons[e.button] = false
-    })
-
-    this.lastBlockPlaced = 4 // ticks since last placed
-    document.addEventListener('mousedown', (e) => {
-      if (e.isTrusted && !document.pointerLockElement && !isCypress()) return
-      if (!isGameActive(true)) return
-      this.buttons[e.button] = true
-
-      const entity = getEntityCursor()
-
-      if (entity) {
-        if (e.button === 0) { // left click
-          bot.attack(entity)
-        } else if (e.button === 2) { // right click
-          void bot.activateEntity(entity)
-        }
-      }
-    })
-    document.addEventListener('blur', (e) => {
-      this.buttons = [false, false, false]
-    })
-
-    beforeRenderFrame.push(() => {
-      if (this.lineMaterial) {
-        const { renderer } = viewer
-        this.lineMaterial.resolution.set(renderer.domElement.width, renderer.domElement.height)
-        this.lineMaterial.dashOffset = performance.now() / 750
-      }
-    })
-  }
-
-  initBot () {
-    if (!this.ready) {
-      this.ready = true
-      this.oneTimeInit()
-    }
-    assertDefined(viewer)
-    bot.on('physicsTick', () => { if (this.lastBlockPlaced < 4) this.lastBlockPlaced++ })
-    bot.on('diggingCompleted', (block) => {
-      this.breakStartTime = undefined
-      this.lastDugBlock = block.position
-      // TODO: If the tool and enchantments immediately exceed the hardness times 30, the block breaks with no delay; SO WE NEED TO CHECK THAT
-      // TODO: Any blocks with a breaking time of 0.05
-      this.lastDigged = Date.now()
-      this.debugStatus = 'done'
-    })
-    bot.on('diggingAborted', (block) => {
-      if (!this.cursorBlock?.position.equals(block.position)) return
-      this.debugStatus = 'aborted'
-      // if (this.lastDugBlock)
-      this.breakStartTime = undefined
-      if (this.buttons[0]) {
-        this.buttons[0] = false
-        this.update()
-        this.buttons[0] = true // trigger again
-      }
-      this.lastDugBlock = null
-    })
-    bot.on('heldItemChanged' as any, () => {
-      itemBeingUsed.name = null
-    })
-
-    const upLineMaterial = () => {
-      const inCreative = bot.game.gameMode === 'creative'
-      const pixelRatio = viewer.renderer.getPixelRatio()
-      this.lineMaterial = new LineMaterial({
-        color: inCreative ? 0x40_80_ff : 0x00_00_00,
-        linewidth: Math.max(pixelRatio * 0.7, 1) * 2,
-        // dashed: true,
-        // dashSize: 5,
-      })
-    }
-    upLineMaterial()
-    // todo use gamemode update only
-    bot.on('game', upLineMaterial)
-  }
-
-  updateBlockInteractionLines (blockPos: Vec3 | null, shapePositions?: Array<{ position; width; height; depth }>) {
-    assertDefined(viewer)
-    if (blockPos && this.interactionLines && blockPos.equals(this.interactionLines.blockPos)) {
-      return
-    }
-    if (this.interactionLines !== null) {
-      viewer.scene.remove(this.interactionLines.mesh)
-      this.interactionLines = null
-    }
-    if (blockPos === null) {
-      return
-    }
-
-    const group = new THREE.Group()
-    for (const { position, width, height, depth } of shapePositions ?? []) {
-      const scale = [1.0001 * width, 1.0001 * height, 1.0001 * depth] as const
-      const geometry = new THREE.BoxGeometry(...scale)
-      const lines = new LineSegmentsGeometry().fromEdgesGeometry(new THREE.EdgesGeometry(geometry))
-      const wireframe = new Wireframe(lines, this.lineMaterial)
-      const pos = blockPos.plus(position)
-      wireframe.position.set(pos.x, pos.y, pos.z)
-      wireframe.computeLineDistances()
-      group.add(wireframe)
-    }
-    viewer.scene.add(group)
-    this.interactionLines = { blockPos, mesh: group }
-  }
-
-  // todo this shouldnt be done in the render loop, migrate the code to dom events to avoid delays on lags
-  update () {
-    const inSpectator = bot.game.gameMode === 'spectator'
-    const cursorBlock = inSpectator && !options.showCursorBlockInSpectator ? null : bot.blockAtCursor(5)
-    let cursorBlockDiggable = cursorBlock
-    if (cursorBlock && !bot.canDigBlock(cursorBlock) && bot.game.gameMode !== 'creative') cursorBlockDiggable = null
-
-    let cursorChanged = !cursorBlock !== !this.cursorBlock
-    if (cursorBlock && this.cursorBlock) {
-      cursorChanged = !cursorBlock.position.equals(this.cursorBlock.position)
-    }
-
-    // Place / interact / activate
-    if (this.buttons[2] && this.lastBlockPlaced >= 4) {
-      const activatableItems = (itemName: string) => {
-        return ['egg', 'fishing_rod', 'firework_rocket',
-          'fire_charge', 'snowball', 'ender_pearl', 'experience_bottle', 'potion',
-          'glass_bottle', 'bucket', 'water_bucket', 'lava_bucket', 'milk_bucket',
-          'minecart', 'boat', 'tnt_minecart', 'chest_minecart', 'hopper_minecart',
-          'command_block_minecart', 'armor_stand', 'lead', 'name_tag',
-          //
-          'writable_book', 'written_book', 'compass', 'clock', 'filled_map', 'empty_map', 'map',
-          'shears', 'carrot_on_a_stick', 'warped_fungus_on_a_stick',
-          'spawn_egg', 'trident', 'crossbow', 'elytra', 'shield', 'turtle_helmet', 'bow', 'crossbow', 'bucket_of_cod',
-          ...loadedData.foodsArray.map((f) => f.name),
-        ].includes(itemName)
-      }
-      const activate = bot.heldItem && activatableItems(bot.heldItem.name)
-      let stop = false
-      if (!bot.controlState.sneak) {
-        if (cursorBlock?.name === 'bed' || cursorBlock?.name.endsWith('_bed')) {
-          stop = true
-          showModal({ reactType: 'bed' })
-          let cancelSleep = true
-          void bot.sleep(cursorBlock).catch((e) => {
-            if (cancelSleep) {
-              hideCurrentModal()
-            }
-            // if (e.message === 'bot is not sleeping') return
-            bot._client.emit('chat', {
-              message: JSON.stringify({
-                text: e.message,
-              })
-            })
-          })
-          setTimeout(() => {
-            cancelSleep = false
-          })
-        }
-      }
-      // todo placing with offhand
-      if (cursorBlock && !activate && !stop) {
-        const vecArray = [new Vec3(0, -1, 0), new Vec3(0, 1, 0), new Vec3(0, 0, -1), new Vec3(0, 0, 1), new Vec3(-1, 0, 0), new Vec3(1, 0, 0)]
-        //@ts-expect-error
-        const delta = cursorBlock.intersect.minus(cursorBlock.position)
-
-        if (bot.heldItem) {
-          //@ts-expect-error todo
-          bot._placeBlockWithOptions(cursorBlock, vecArray[cursorBlock.face], { delta, forceLook: 'ignore' }).catch(console.warn)
-        } else {
-          // https://discord.com/channels/413438066984747026/413438150594265099/1198724637572477098
-          const oldLookAt = bot.lookAt
-          //@ts-expect-error
-          bot.lookAt = (pos) => { }
-          //@ts-expect-error
-          bot.activateBlock(cursorBlock, vecArray[cursorBlock.face], delta).finally(() => {
-            bot.lookAt = oldLookAt
-          }).catch(console.warn)
-        }
-      } else if (!stop) {
-        const offhand = activate ? false : activatableItems(bot.inventory.slots[45]?.name ?? '')
-        bot.activateItem(offhand) // todo offhand
-        itemBeingUsed.name = (offhand ? bot.inventory.slots[45]?.name : bot.heldItem?.name) ?? null
-        itemBeingUsed.hand = offhand ? 1 : 0
-      }
-      this.lastBlockPlaced = 0
-    }
-    // stop using activated item (cancel)
-    if (itemBeingUsed.name && !this.buttons[2]) {
-      itemBeingUsed.name = null
-      // "only foods and bow can be deactivated" - not true, shields also can be deactivated and client always sends this
-      // if (bot.heldItem && (loadedData.foodsArray.map((f) => f.name).includes(bot.heldItem.name) || bot.heldItem.name === 'bow')) {
-      bot.deactivateItem()
-      // }
-    }
-
-    // Stop break
-    if ((!this.buttons[0] && this.lastButtons[0]) || cursorChanged) {
-      try {
-        bot.stopDigging() // this shouldnt throw anything...
-      } catch (e) { } // to be reworked in mineflayer, then remove the try here
-    }
-    // We stopped breaking
-    if ((!this.buttons[0] && this.lastButtons[0])) {
-      this.lastDugBlock = null
-      this.debugStatus = 'cancelled'
-    }
-
-    const onGround = bot.entity.onGround || bot.game.gameMode === 'creative'
-    this.prevOnGround ??= onGround // todo this should be fixed in mineflayer to involve correct calculations when this changes as this is very important when mining straight down // todo this should be fixed in mineflayer to involve correct calculations when this changes as this is very important when mining straight down // todo this should be fixed in mineflayer to involve correct calculations when this changes as this is very important when mining straight down
-    // Start break
-    // todo last check doesnt work as cursorChanged happens once (after that check is false)
-    if (
-      this.buttons[0]
-    ) {
-      if (cursorBlockDiggable
-        && (!this.lastButtons[0] || ((cursorChanged || (this.lastDugBlock && !this.lastDugBlock.equals(cursorBlock!.position))) && Date.now() - (this.lastDigged ?? 0) > 300) || onGround !== this.prevOnGround)
-        && onGround) {
-        this.lastDugBlock = null
-        this.debugStatus = 'breaking'
-        this.currentDigTime = bot.digTime(cursorBlockDiggable)
-        this.breakStartTime = performance.now()
-        const vecArray = [new Vec3(0, -1, 0), new Vec3(0, 1, 0), new Vec3(0, 0, -1), new Vec3(0, 0, 1), new Vec3(-1, 0, 0), new Vec3(1, 0, 0)]
-        bot.dig(
-          //@ts-expect-error
-          cursorBlockDiggable, 'ignore', vecArray[cursorBlockDiggable.face]
-        ).catch((err) => {
-          if (err.message === 'Digging aborted') return
-          throw err
-        })
-        customEvents.emit('digStart')
-        this.lastDigged = Date.now()
-      } else {
-        bot.swingArm('right')
-      }
-    }
-    this.prevOnGround = onGround
-
-    // Show cursor
-    if (cursorBlock) {
-      const allShapes = [...cursorBlock.shapes, ...cursorBlock['interactionShapes'] ?? []]
-      this.updateBlockInteractionLines(cursorBlock.position, allShapes.map(shape => {
-        return getDataFromShape(shape)
-      }))
-      {
-        // union of all values
-        const breakShape = allShapes.reduce((acc, cur) => {
-          return [
-            Math.min(acc[0], cur[0]),
-            Math.min(acc[1], cur[1]),
-            Math.min(acc[2], cur[2]),
-            Math.max(acc[3], cur[3]),
-            Math.max(acc[4], cur[4]),
-            Math.max(acc[5], cur[5])
-          ]
-        })
-        const { position, width, height, depth } = getDataFromShape(breakShape)
-        this.blockBreakMesh.scale.set(width * 1.001, height * 1.001, depth * 1.001)
-        position.add(cursorBlock.position)
-        this.blockBreakMesh.position.set(position.x, position.y, position.z)
-      }
-    } else {
-      this.updateBlockInteractionLines(null)
-    }
-
-    // Show break animation
-    if (cursorBlockDiggable && this.breakStartTime && bot.game.gameMode !== 'creative') {
-      const elapsed = performance.now() - this.breakStartTime
-      const time = bot.digTime(cursorBlockDiggable)
-      if (time !== this.currentDigTime) {
-        console.warn('dig time changed! cancelling!', time, 'from', this.currentDigTime) // todo
-        try { bot.stopDigging() } catch { }
-      }
-      const state = Math.floor((elapsed / time) * 10)
-      //@ts-expect-error
-      this.blockBreakMesh.material.map = this.breakTextures[state] ?? this.breakTextures.at(-1)
-      if (state !== this.prevBreakState) {
-        //@ts-expect-error
-        this.blockBreakMesh.material.needsUpdate = true
-      }
-      this.prevBreakState = state
-      this.blockBreakMesh.visible = true
-    } else {
-      this.blockBreakMesh.visible = false
-    }
-
-    // Update state
-    this.cursorBlock = cursorBlock
-    this.lastButtons[0] = this.buttons[0]
-    this.lastButtons[1] = this.buttons[1]
-    this.lastButtons[2] = this.buttons[2]
-  }
-}
-
-const getDataFromShape = (shape) => {
-  const width = shape[3] - shape[0]
-  const height = shape[4] - shape[1]
-  const depth = shape[5] - shape[2]
-  const centerX = (shape[3] + shape[0]) / 2
-  const centerY = (shape[4] + shape[1]) / 2
-  const centerZ = (shape[5] + shape[2]) / 2
-  const position = new Vec3(centerX, centerY, centerZ)
-  return { position, width, height, depth }
-}
-
-export const getEntityCursor = () => {
-  const entity = bot.nearestEntity((e) => {
-    if (e.position.distanceTo(bot.entity.position) <= (bot.game.gameMode === 'creative' ? 5 : 3)) {
-      const dir = getViewDirection(bot.entity.pitch, bot.entity.yaw)
-      const { width, height } = e
-      const { x: eX, y: eY, z: eZ } = e.position
-      const { x: bX, y: bY, z: bZ } = bot.entity.position
-      const box = new THREE.Box3(
-        new THREE.Vector3(eX - width / 2, eY, eZ - width / 2),
-        new THREE.Vector3(eX + width / 2, eY + height, eZ + width / 2)
-      )
-
-      const r = new THREE.Raycaster(
-        new THREE.Vector3(bX, bY + 1.52, bZ),
-        new THREE.Vector3(dir.x, dir.y, dir.z)
-      )
-      const int = r.ray.intersectBox(box, new THREE.Vector3(eX, eY, eZ))
-      return int !== null
-    }
-
-    return false
-  })
-  return entity
-}
-
-const worldInteraction = new WorldInteraction()
-globalThis.worldInteraction = worldInteraction
-export default worldInteraction
diff --git a/tsconfig.json b/tsconfig.json
index 454e60cb..24926180 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -20,14 +20,15 @@
         // this the only options that allows smooth transition from js to ts (by not dropping types from js files)
         // however might need to consider includeing *only needed libraries* instead of using this
         "maxNodeModuleJsDepth": 1,
-        "strictNullChecks": true
+        "strictNullChecks": true,
     },
     "include": [
         "src",
         "cypress",
-        "prismarine-viewer/viewer"
+        "renderer/viewer",
+        "renderer/playground"
     ],
     "exclude": [
-        "node_modules",
+        "node_modules"
     ]
 }
diff --git a/vitest.config.ts b/vitest.config.ts
index f6d2416c..7da46199 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,13 +1,16 @@
 import { defineConfig } from 'vitest/config'
 
 export default defineConfig({
-  root: 'prismarine-viewer/viewer',
+  root: 'renderer/viewer',
   test: {
     include: [
       '../../src/botUtils.test.ts',
       '../../src/markdownToFormattedText.test.ts',
+      '../../src/react/parseKeybindingName.test.ts',
+      '../../src/chatUtils.test.ts',
       'lib/mesher/test/tests.test.ts',
-      'sign-renderer/tests.test.ts'
+      'sign-renderer/tests.test.ts',
+      '../../src/utils.test.ts'
     ],
   },
 })